/*--公共部分--*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  cursor: pointer;
}

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre {
  margin: 0;
  padding: 0;
  border: 0;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

body, button, input, select, textarea {
  font: 14px/1.5 Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif;
  color: #333;
}

ul, li {
  list-style: none;
}

img {
  border: 0px;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table th, table td {
  border: 1px solid #ccc;
}

*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
}

article, aside, footer, header, nav, section {
  display: block;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
  color: #333;
  outline: none;
  cursor: pointer;
}

a:hover {
  background-repeat: no-repeat;
  text-decoration: none;
}

a, input[type="button"], button, label, input[type="submit"], input[type="reset"] {
  cursor: pointer;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio, video {
  display: inline-block;
}

[type="checkbox"], [type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input, textarea, select {
  outline: none;
}

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea {
  outline-style: none;
  -webkit-appearance: none;
  resize: none;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important;
}

.bd_weixin_popup, .content-box {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  *zoom: 1;
}

.clear {
  clear: both;
  line-height: 0;
  height: 0;
  font-size: 0;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.commonweb {
  padding: 0px 15px;
}

.commonwebbox {
  margin-left: 0px;
  margin-right: 0px;
}

.commonleft {
  float: none;
}

.commonright {
  float: none;
}

.visible-sm, .visible-md, .visible-lg {
  display: none;
}

.hidden-sm, .hidden-md, .hidden-lg {
  display: block;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

@media (max-width: 320px) {
  body {
    min-width: 320px;
  }
}

@media (min-width: 768px) {
  .commonweb {
    padding: 0px 20px;
  }
  .commonwebbox {
    margin-left: -10px;
    margin-right: -10px;
  }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .visible-sm {
    display: block;
  }
  .hidden-sm {
    display: none;
  }
}

@media (min-width: 992px) {
  .commonweb {
    padding: 0px 40px;
  }
  .commonwebbox {
    margin-left: -10px;
    margin-right: -10px;
  }
  .commonleft {
    float: left;
  }
  .commonright {
    float: right;
  }
  .visible-md {
    display: block;
  }
  .hidden-md {
    display: none;
  }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
}

@media (min-width: 1200px) {
  html {
    cursor: default;
  }
  .commonleft {
    float: left;
  }
  .commonright {
    float: right;
  }
  .visible-lg {
    display: block;
  }
  .hidden-lg {
    display: none;
  }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
}

@media (min-width: 1260px) {
  .commonweb {
    margin: 0px auto;
    max-width: 1200px;
    padding: 0;
  }
}

/* layout start*/
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: -webkit-transform;
  -moz-transition-property: transform,-moz-transform;
  -moz-transition-property: transform, -moz-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
  transition-property: transform,-webkit-transform,-moz-transform,-o-transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform,height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  -o-transition-property: height,-o-transform;
  -moz-transition-property: transform,height,-moz-transform;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform,-moz-transform,-o-transform;
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -o-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: #000;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.ovhid {
  overflow: hidden;
}

.ac {
  color: #f57c13;
}

.disblock {
  display: block;
}

.inblock {
  display: inline-block;
}

.font16 {
  font-size: 14px;
}

.font17, .font18 {
  font-size: 15px;
}

.font20, .font22 {
  font-size: 16px;
}

.font24, .font26, .font28 {
  font-size: 18px;
}

.font30, .font32, .font36, .font40, .font42, .font46 {
  font-size: 20px;
}

.font54 {
  font-size: 24px;
}

.font60 {
  font-size: 30px;
}

.lighter {
  font-weight: lighter;
}

.unline {
  text-decoration: underline;
}

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

.scale img {
  -webkit-transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}

.grey {
  color: #666;
}

.white {
  color: #fff;
}

.imghover img {
  -webkit-transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}

.center {
  text-align: center;
}

@media (min-width: 768px) {
  .font16 {
    font-size: 16px;
  }
  .font17 {
    font-size: 17px;
  }
  .font18, .font22, .font20 {
    font-size: 18px;
  }
  .font28, .font24, .font26 {
    font-size: 22px;
  }
  .font30, .font32, .font36 {
    font-size: 24px;
  }
  .font40, .font42 {
    font-size: 26px;
  }
  .font46 {
    font-size: 28px;
  }
  .font54 {
    font-size: 30px;
  }
  .distable {
    width: 100%;
    display: table;
  }
  .table-cell {
    display: table-cell;
    vertical-align: middle;
  }
}

@media (min-width: 1024px) {
  .font22, .font20 {
    font-size: 20px;
  }
  .font24 {
    font-size: 24px;
  }
  .font26 {
    font-size: 26px;
  }
  .font28 {
    font-size: 28px;
    line-height: normal;
  }
  .font40, .font42 {
    font-size: 30px;
    line-height: normal;
  }
  .font46 {
    font-size: 32px;
  }
  .font54 {
    font-size: 36px;
  }
  .md-block {
    display: block;
  }
}

@media (min-width: 1200px) {
  .font22 {
    font-size: 22px;
  }
  .font30 {
    font-size: 30px;
    line-height: normal;
  }
  .font32 {
    font-size: 32px;
    line-height: normal;
  }
  .font36 {
    font-size: 36px;
    line-height: normal;
  }
  .font40 {
    font-size: 40px;
  }
  .scale:hover img {
    -webkit-transform: scale(1.03, 1.03);
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -o-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
  .font42 {
    font-size: 42px;
  }
  .font46 {
    font-size: 46px;
  }
  .font54 {
    font-size: 54px;
  }
  .imghover:hover img {
    -webkit-transform: scale(1.03, 1.03);
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -o-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
  }
}

.index {
  padding-top: 0;
}

.header {
  width: 100%;
  height: 60px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}

.header .logo {
  display: inline-block;
  vertical-align: top;
  padding: 20px 0;
}

.header .logo img {
  height: 20px;
  display: block;
}

.header.fixed {
  background-color: rgba(0, 0, 0, 0.7);
}

.header-ctrl {
  float: right;
  padding: 17px 0;
  font-size: 0;
}

.header-search {
  display: inline-block;
  vertical-align: middle;
}

.header-search-icon {
  width: 26px;
  height: 26px;
  display: block;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-image: url(../images/search.png);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}

.header-search-wrap {
  width: 100%;
  padding: 15px 10px;
  background-color: #f2f2f2;
  position: fixed;
  left: 0;
  top: 60px;
  z-index: 100;
  display: none;
}

.header-search-wrap form {
  position: relative;
  padding-right: 60px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
}

.header-search-wrap input {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  display: block;
}

.header-search-wrap input[type=text] {
  width: 100%;
  padding: 0 10px;
}

.header-search-wrap input[type=submit] {
  width: 60px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  background-color: #f57c13;
  color: #fff;
}

.nav-btn {
  width: 22px;
  height: 18px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.nav-btn span {
  width: 20px;
  height: 2px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #fff;
  margin-top: -1px;
}

.nav-btn span:first-child {
  content: "";
  top: 0;
  left: 0;
  margin-top: 0;
}

.nav-btn span:last-child {
  content: "";
  top: auto;
  bottom: 0;
  left: 0;
}

.nav-btn.on span {
  opacity: 0;
}

.nav-btn.on span:first-child {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 10px;
  opacity: 1;
}

.nav-btn.on span:last-child {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 11px;
  opacity: 1;
}

.nav {
  width: 100%;
  /*height: 100%;*/
  position: fixed;
  top: 60px;
  left: 0;
  /*bottom: 0;*/
  z-index: 100;
  /*background-color: rgba(0, 0, 0, 0.7);*/
  display: none;
  overflow-y: auto;
}

.nav-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 60px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99;
  display: none;
}

.nav li {
  border-bottom: 1px solid #ddd;
}

.nav a {
  width: 100%;
  display: block;
  font-size: 16px;
  padding: 14px 20px;
  color: #fff;
  position: relative;
}

.nav .oneLevel:after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border: 1px solid #999;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 20px;
  top: 14px;
}

.nav i {
  display: inline-block;
  vertical-align: middle;
  padding-left: 35px;
  background-repeat: no-repeat;
  -o-background-size: 20px;
  background-size: 20px;
  background-position: left center;
  font-style: normal;
}

.nav .chuanyun i {
  background-image: url(../images/nav-chuanyun.png);
}

.nav .yunshu i {
  background-image: url(../images/nav-yunshu.png);
}

.nav .bpm i {
  background-image: url(../images/nav-h3.png);
}


.nav .try i {
  background-image: url(../images/nav-h4.png);
}
.nav .nav-inner {
  display: none;
}

.nav-drop {
  padding: 0;
  display: none;
}

.nav-drop a {
  font-size: 16px;
  padding: 12px 20px;
}

.nav-drop .nav-inner {
  padding-left: 35px;
}

/*@media(min-width:768px){
    .case .bd .dot{
        padding-top:25px;
    }
}*/
@media (min-width: 1024px) {
  .header {
    height: 50px;
  }
  .header .logo {
    padding: 10px 0;
  }
  .header .logo img {
    height: 28px;
  }
  .inside-header .header {
    height: 50px;
    background-color: rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .inside-header .header .logo {
    padding: 15px 0;
  }
  .inside-header .header .logo img {
    height: 20px;
  }
  .inside-header .header .commonweb {
    padding: 0 2.96875%;
  }
  .inside-header .header.fixed {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .inside-header .nav .oneLevel {
    padding: 13px 30px;
    font-size: 16px;
  }
  .inside-header .nav .oneLevel span {
    display: block;
    position: relative;
  }
  .inside-header .nav .oneLevel span:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background-color: #f18d00;
    position: absolute;
    left: 50%;
    bottom: -13px;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
  }
  .inside-header .nav li:hover span:after, .inside-header .nav li.on span:after {
    width: 100%;
  }
  .inside-header .header-search-icon {
    height: 50px;
  }
  .nav-btn {
    display: none !important;
  }
  .header-ctrl {
    padding: 0;
  }
  .header-search {
    position: relative;
  }
  .header-search-wrap {
    width: 280px;
    position: absolute;
    left: auto;
    right: -46px;
    top: 100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  .header-search-icon {
    width: 40px;
    height: 50px;
    background-position-x: right;
  }
  .nav {
    width: auto;
    float: right;
    display: block !important;
    position: static;
    background: none;
    overflow: visible;
  }
  .nav li {
    position: relative;
    border-bottom: none;
    display: inline-block;
    vertical-align: top;
  }
  .nav .oneLevel {
    padding: 38px 20px;
  }
  .nav .oneLevel:after {
    display: none;
  }
}

@media (min-width: 1200px) {
  .nav .oneLevel {
    font-size: 18px;
    padding: 11px 30px;
  }

  .case.bgwhite .list .desc-cont {
    padding-bottom: 120px;
  }
  .nav .chuanyun:hover i {
    background-image: url(../images/nav-chuanyunac.png);
  }
  .nav .yunshu:hover i {
    background-image: url(../images/nav-yunshuac.png);
  }
  .nav .bpm:hover i {
    background-image: url(../images/nav-h3ac.png);
  }
.nav .try:hover i {
  background-image: url(../images/nav-h4ac.png);
}
    .nav-drop .nav-item:hover a {
        color: #f18d00;
    }
    .nav-drop {
        position: absolute;
        left: 50%;
        top: 100%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        min-width: 165px;
        opacity: 1;
        pointer-events: auto;
        background-color: rgba(0,0,0,.5);
        padding: 15px 0;
    }
  .nav-drop a {
    text-align: center;
    white-space: nowrap;
    padding: 13px 40px;
    color: #fff;
  }
  .nav-drop a:hover {
    background-color: #0a2836;
  }
  .nav-drop i {
    display: block;
    text-align: left;
  }
  .nav-item:hover .nav-inner {
    display: block;
  }
  .nav .nav-inner {
    background-color: #0a2836;
    min-width: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 10;
    display: none;
    text-align: center;
    padding: 11px 0;
    margin-left: -1px;
  }
  .nav .nav-inner a {
    padding: 8px 10px;
  }
}

@media (min-width: 1260px) {
  .header .commonweb {
    padding: 0 9.9%;
    max-width: 100%;
  }
}

footer {
  position: relative;
  z-index: 1;
  background-color: #2d3845;
  padding: 30px 0;
}

footer * {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}

.foot-strength {
  padding-bottom: 20px;
  color: #99a6b5;
  border-bottom: 1px solid #4e5863;
  white-space: nowrap;
  overflow-x: auto;
}

.foot-strength li {
  padding-right: 30px;
  display: inline-block;
  text-align: center;
}

.foot-strength li:last-child {
  padding-right: 0;
}

.foot-strength .img {
  height: 50px;
  display: block;
}

.foot-strength img {
  margin: 0 auto;
  display: block;
  max-height: 100%;
}

.foot-strength .text {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}

.footer-link {
  padding-top: 20px;
}

.footer-link li {
  padding-bottom: 15px;
}

.footer-link h5 {
  color: #69727d;
  font-size: 16px;
  padding-bottom: 5px;
}

.footer-link .drop a {
  color: #99a6b5;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
}

.footer-link .item {
  display: inline-block;
  vertical-align: top;
  padding-right: 15px;
}

.footer-link .tit {
  color: #99a6b5;
  display: block;
}

.footer-link .numbel {
  color: #c5d5e8;
}

.footer-link .attention a {
  padding-left: 40px;
  background-repeat: no-repeat;
  line-height: 36px;
  margin-right: 20px;
  position: relative;
}

.footer-link .attention a img {
  width: 150px;
  max-width: 150px;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 10px;
  display: none;
  z-index: 1;
}

.footer-link .attention a:hover img {
  display: block;
}

.footer-link .wechat {
  background-image: url(../images/wechat.png);
}

.footer-link .weibo {
  background-image: url(../images/weibo.png);
}

.footer-link .zhihu {
  background-image: url(../images/zhihu.png);
}

.foot-info {
  border-top: 1px solid #4e5863;
  padding-top: 20px;
}

.foot-info .desc {
  padding-top: 10px;
  color: #69727d;
}

.foot-info .desc span {
  display: block;
}

.foot-info .desc a {
  color: #69727d;
}

.foot-logo {
  color: #c5d5e8;
  font-size: 12px;
}

.foot-logo img {
  display: block;
  margin-bottom: 6px;
}

@media (min-width: 768px) {
  .foot-strength {
    overflow: hidden;
  }
  .foot-strength li {
    width: 25%;
  }
  .footer-link li {
    display: inline-block;
    vertical-align: top;
    padding-right: 40px;
  }
  .footer-link li:last-child {
    padding-right: 0;
  }
  .footer-link li:nth-child(4) {
    float: left;
  }
  .footer-link h5 {
    padding-bottom: 15px;
  }
  .footer-link .item {
    display: block;
    padding-bottom: 10px;
  }
  .footer-link .drop a {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .footer-link .attention a {
    margin-bottom: 10px;
  }
  .footer-link .tit {
    font-size: 16px;
  }
  .footer-link .numbel {
    font-size: 16px;
  }
  .foot-info .foot-logo {
    float: left;
  }
  .foot-info .desc {
    width: 64%;
    float: right;
    padding-top: 0;
    text-align: left;
  }
  .foot-info .desc span {
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
    display: inline-block;
  }
}

@media (min-width: 1024px) {
  .foot-strength li {
    width: auto;
    padding-right: 23px;
  }
  .footer-link li {
    padding-right: 78px;
  }
  .foot-strength .img {
    display: inline-block;
    vertical-align: middle;
  }
  .foot-strength .img:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
  }
  .foot-strength .img img {
    display: inline-block;
    vertical-align: middle;
  }
  .foot-strength .text {
    width: auto;
    vertical-align: middle;
    line-height: 1;
  }
  .foot-info .desc {
    width: 73%;
  }
}

@media (min-width: 1260px) {
  footer {
    padding-top: 40px;
  }
  .foot-strength {
    padding-bottom: 38px;
    text-align: left;
  }
  .foot-strength li {
    width: auto;
    padding-right: 95px;
  }
  .foot-strength .text {
    padding-left: 10px;
  }
  .footer-link {
    padding-top: 37px;
    padding-bottom: 7px;
  }
  .footer-link li {
    padding-right: 100px;
  }
  .footer-link .drop > a:hover {
    color: #f57c13;
  }
  .footer-link li:nth-child(4) {
    padding-right: 210px;
  }
  .footer-link li:nth-child(1) {
    padding-right: 135px;
  }
  .footer-link h5 {
    padding-bottom: 30px;
  }
  .footer-link .numbel {
    font-size: 18px;
  }
  .footer-link .item {
    padding-bottom: 20px;
  }
  .footer-link .attention a {
    padding-left: 47px;
  }
  .foot-info {
    padding-top: 40px;
    padding-bottom: 15px;
  }
  .foot-info .desc {
    width: 70%;
    padding-top: 6px;
  }
  .foot-info .desc .txt {
    margin-right: 25px;
    padding-bottom: 2px;
  }
  .foot-info .desc .txt:after {
    content: '';
    display: block;
    width: 1px;
    height: 13px;
    background-color: #5a636f;
    position: absolute;
    right: 0;
    top: 5px;
  }
  .foot-info .desc .txt:nth-child(1), .foot-info .desc .txt:nth-child(4) {
    min-width: 310px;
  }
  .foot-info .desc .txt:nth-child(2), .foot-info .desc .txt:nth-child(5) {
    min-width: 195px;
  }
  .foot-info .desc .txt:nth-child(3):after {
    display: none;
  }
}

.inTitle {
  font-size: 24px;
  text-align: center;
}

.inProduct {
  padding: 30px 0 10px;
  background: url(../images/img07.jpg) center center no-repeat;
  -o-background-size: cover;
  background-size: cover;
}

.inProduct h4 {
  text-align: center;
  color: #042536;
}

.inProduct h3 {
  color: #042536;
  font-family: arial;
  font-size: 30px;
}

.inProduct h3 span {
  font-size: 16px;
  display: block;
}

.inProduct .icon {
  width: 80px;
  height: 80px;
  display: block;
  background-color: rgba(4, 37, 54, 0.03);
  margin: 0 auto;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  overflow: hidden;
}

.inProduct .icon:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.inProduct .icon img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.inProduct .icon .hv {
  display: none;
}

.inProduct .section {
  padding-top: 20px;
}

.inProduct .title {
  font-size: 12px;
  display: block;
  padding-top: 10px;
  color: #042536;
  min-height: 46px;
}

.inProduct li {
  width: 25%;
  float: left;
  text-align: center;
}

/* .inProduct .u-pick.in-u-pick span {
  line-height: 42px;
  padding: 5px 0 5px 23px;
} */
.inProduct-swiper {
  padding-top: 20px;
  overflow: hidden;
}

.inProduct-swiper .dot {
  padding-top: 10px;
  text-align: center;
}

.inProduct-swiper .dot span {
  width: 40px;
  height: 30px;
  padding: 13px 0 12px;
  -webkit-border-radius: 0;
  border-radius: 0;
  opacity: 1;
  margin: 0 5px;
  background: none;
}

.inProduct-swiper .dot span:after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background-color: #042536;
}

.inProduct-swiper .dot span.swiper-pagination-bullet-active:after {
  background-color: #f57c13;
}

@media (min-width: 400px) {
  .inProduct .title {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .inProduct {
    padding: 30px 0;
  }
  /*.inProduct h3 {
    font-size: 40px;
  }*/
  .inProduct .bd {
    display: none;
  }
  .inProduct .bd:first-child {
    display: block;
  }
  .inProduct-main {
    padding-top: 40px;
    position: relative;
  }
  .inProduct-main h3 span {
    display: inline-block;
    padding-left: 10px;
    font-size: 14px;
  }
  .inProduct-main .u-pick {
    padding-top: 20px;
    text-align: left;
  }
  .inProduct-main .u-pick span {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .inProduct-main .u-pick .arrow::before {
    background-color: #f57c13;
  }
  .line-animate {
    width: 63.9167%;
    position: absolute;
    right: -5px;
    top: 33%;
  }
  .line-animate .dot {
    width: 10px;
    height: 10px;
    background-color: #f18d00;
    display: block;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    bottom: -5px;
    left: -5px;
  }
  .line-animate .move {
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    z-index: 1;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: move 20s linear infinite;
    -moz-animation: move 20s linear infinite;
    -o-animation: move 20s linear infinite;
    animation: move 20s linear infinite;
  }
  .line-animate .move:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-color: #f57c13;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: op 1.5s infinite;
    -moz-animation: op 1.5s infinite;
    -o-animation: op 1.5s infinite;
    animation: op 1.5s infinite;
  }
  .inProduct-tab {
    width: 36.25%;
    float: left;
    position: relative;
  }
  .inProduct-tab .image {
    position: relative;
    z-index: 5;
  }
  .inProduct-tab .image img {
    position: relative;
    z-index: 2;
  }
  .inProduct-tab .image .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-animation: rotate2 15s linear infinite;
    -moz-animation: rotate2 15s linear infinite;
    -o-animation: rotate2 15s linear infinite;
    animation: rotate2 15s linear infinite;
  }
  .inProduct-tab .button {
    min-width: 19.54%;
    height: 24px;
	padding:0 5px;
    line-height: 24px;
    display: block;
    position: absolute;
    z-index: 10;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1);
    display: none;
    font-size: 12px;
    text-align: center;
	white-space:nowrap;
  }
  .inProduct-tab .button:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid #042536;
    position: absolute;
  }
  .inProduct-tab .button:before {
    content: '';
    display: block;
    width: 120%;
    height: 1px;
    background-color: #042536;
    position: absolute;
  }
  .inProduct-tab .first {
    top: -24px;
    right: 82%;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    display: block;
  }
  .inProduct-tab .first:after {
    right: -38%;
    bottom: -5px;
  }
  .inProduct-tab .first:before {
    bottom: 0;
    left: 0;
  }
  .inProduct-tab .second {
    bottom: -24px;
    left: 82%;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    display: block;
  }
  .inProduct-tab .second:after {
    left: -38%;
    top: -5px;
  }
  .inProduct-tab .second:before {
    right: 0;
    top: 0;
  }
  .inProduct-cont {
    width: 50%;
    float: right;
  }
  .inProduct-cont .title {
    font-size: 12px;
  }
  .inProduct-cont .section {
    padding-top: 40px;
  }
}

@media (min-width: 1024px) {
  .inProduct {
    padding: 50px 0;
  }
  .inProduct h3 {
    font-size: 40px;
    padding-top: 20px;
  }
  .inProduct li {
    width: auto;
    margin-right: 25px;
    max-width: 25%;
  }
  .inProduct .title {
    min-height: 52px;
  }
  .line-animate {
    top: 31.8%;
  }
  .inProduct-cont .title {
    font-size: 14px;
  }
  .inProduct-cont .section {
    padding-top: 34px;
  }
  .inProduct-main .u-pick {
    padding-top: 34px;
  }
}

@media (min-width: 1260px) {
  .inProduct {
    padding-top: 115px;
    padding-bottom: 77px;
  }
  .inProduct h3 {
    padding-left: 10px;
    font-size: 54px;
	min-height:110px;
  }
  .inProduct h3 span {
    font-size: 18px;
    vertical-align: 5px;
    padding-left: 25px;
  }
  .inProduct-main {
    padding-top: 65px;
  }
  .inProduct-main .u-pick {
    padding-top: 62px;
  }
  .inProduct-main .u-pick span {
    min-width: 197px;
    /*padding: 7px 35px 7px 19px;*/
  }
  .inProduct-main .u-pick span:before {
    -webkit-transform: translateX(-19px) skewX(35deg);
    -moz-transform: translateX(-19px) skewX(35deg);
    -ms-transform: translateX(-19px) skewX(35deg);
    -o-transform: translateX(-19px) skewX(35deg);
    transform: translateX(-19px) skewX(35deg);
  }
  .inProduct-main .u-pick .arrow {
    width: 56px;
    height: 50px;
    -webkit-transform: translate(-25px, 4px);
    -moz-transform: translate(-25px, 4px);
    -ms-transform: translate(-25px, 4px);
    -o-transform: translate(-25px, 4px);
    transform: translate(-25px, 4px);
    background: url(../images/icon02.png);
  }
  .inProduct-main .u-pick .arrow:before, .inProduct-main .u-pick .arrow:after {
    display: none;
  }
  .inProduct-cont .section {
    padding-top: 40px;
    position: relative;
    left: -20px;
    z-index: 10;
  }
  .inProduct-cont .section li {
    width: 25%;
    margin: 0;
  }
  .inProduct-cont .section .thumb {
    position: relative;
  }
  .inProduct-cont .section .thumb .icon {
    background-color: #0C1E37;
  }
  .inProduct-cont .section .thumb .icon img {
    display: none;
  }
  .inProduct-cont .section .thumb .icon .hv {
    display: inline-block;
  }
  .inProduct-cont .section .thumb:after {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    background-color: rgba(139, 208, 30, 0.1);
    position: absolute;
    left: 50%;
    top: -10px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    z-index: 0;
    opacity: 1;
  }
  .inProduct-cont .title {
    font-size: 18px;
    padding-top: 17px;
    min-height: 71px;
  }
  .inProduct-cont .bd[data-title="云枢"] .section .thumb .icon {
    background-color: #12ca9f;
  }
  .inProduct-cont .bd[data-title="云枢"] .section .thumb:after {
    background-color: rgba(18, 202, 159, 0.1);
  }
  .inProduct-cont .bd[data-title="氚云"] .section .thumb .icon {
    background-color: #1eb9ee;
  }
  .inProduct-cont .bd[data-title="氚云"] .section .thumb:after {
    background-color: rgba(30, 185, 238, 0.1);
  }
  .inProduct-tab .button {
    line-height: 34px;
    height: 34px;
    font-size: 14px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
  }
  .inProduct-tab .button:hover {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
  }
  .inProduct-tab .button:before {
    width: 127%;
  }
  .inProduct-tab .first {
    top: -34px;
    color: #fff;
    -webkit-animation: sport 3s linear infinite;
    -moz-animation: sport 3s linear infinite;
    -o-animation: sport 3s linear infinite;
    animation: sport 3s linear infinite;
  }
  .inProduct-tab .second {
    bottom: -34px;
    color: #fff;
    -webkit-animation: sport 3s linear infinite;
    -moz-animation: sport 3s linear infinite;
    -o-animation: sport 3s linear infinite;
    animation: sport 3s linear infinite;
  }
  .line-animate {
    top: 33.5%;
  }
  .line-animate .dot {
    width: 14px;
    height: 14px;
    left: -11px;
    bottom: -15px;
  }
}

.inNews {
  padding: 0 0 20px;
}

.inNews-toplist {
  padding-top: 10px;
}

.inNews-toplist .thumb {
  display: block;
  overflow: hidden;
  position: relative;
}

.inNews-toplist h3 {
  color: #fff;
  width: 100%;
  padding: 8px 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.3);
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.inNews-toplist dd {
  position: relative;
}

.inNews-toplist .more {
  width: 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.inNews-toplist ol {
  border: 1px solid #e5e5e5;
  padding: 20px 15px 10px;
  margin-top: 20px;
}

.inNews-toplist ol li {
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
}

.inNews-toplist ol li a {
  color: #363636;
  display: -webkit-box;
  max-height: 48px;
  line-height: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-pack: center;
}

.inNews-toplist ol li:last-child {
  border-bottom: none;
}

.inNews-botlist {
  padding-top: 20px;
}

.inNews-botlist li {
  padding-bottom: 20px;
}

/*.inNews-botlist li:nth-child(1) h4, .inNews-botlist li:nth-child(2) h4 {
  font-weight: bold;
}*/
.inNews-botlist .thumb {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 35px 15px;
  border: 1px solid #e5e5e5;
}

.inNews-botlist .desc {
  color: #929292;
  display: -webkit-box;
  max-height: 66px;
  line-height: 22px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-top: 10px;
}

.inNews-botlist .title {
  display: -webkit-box;
  max-height: 48px;
  line-height: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.inNews-botlist .lastitem .thumb {
  border: none;
  padding: 0;
}

.inNews-botlist .hover {
  overflow: hidden;
}

.inNews-botlist .hover .img {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: block;
}

.inNews-botlist .hover .img:before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 38.8%;
}

.inNews-botlist .hover img {
  width: 100%;
  min-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.inNews-botlist .tit {
  display: block;
  display: -webkit-box;
  max-height: 48px;
  line-height: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.inNews-botlist .text {
  background-color: #f57c13;
  display: block;
  color: #fff;
  padding: 10px 10px;
}

.index img {
  max-width: 100%;
  vertical-align: top;
}

.inArea-swiper-xs {
  overflow: hidden;
}

.inArea-swiper-xs {
  background: url(../images/img03.jpg) center bottom no-repeat;
  -o-background-size: cover;
  background-size: cover;
}

.inArea-section-xs {
  /*background: url(../images/img03.jpg) center center no-repeat;
  -o-background-size: cover;
  background-size: cover;*/
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}

.inArea-section-xs h3 {
  font-size: 24px;
}

.inArea-section-xs h3:after {
  content: '';
  display: block;
  width: 25px;
  height: 2px;
  background-color: #fff;
  opacity: 0.43;
  margin: 15px 0 20px;
}

.inArea-section-xs .tit {
  font-size: 18px;
  padding-bottom: 10px;
}

.inArea-section-xs .desc {
  color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  line-height: 24px;
  height: 120px;
}

.inArea-section-xs .desc-btn {
  width: 100px;
  height: 30px;
  display: block;
  margin: 10px auto;
  line-height: 30px;
  text-align: center;
}

.inArea-section-xs .desc-btn:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 30px;
  background: url(../images/desc-btn.png) center no-repeat;
  -o-background-size: 12px auto;
  background-size: 12px auto;
  -webkit-transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.inArea-section-xs .desc-btn.on:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.inArea-switch {
  overflow: hidden;
}

.inArea-switch li {
  padding-top: 15px;
  padding-bottom: 20px;
}

.inArea-switch .thumb {
  padding: 10px 5px 5px;
  display: block;
  position: relative;
}

.inArea-switch .thumb:after {
  content: '';
  display: block;
  width: 1px;
  height: 105px;
  background-color: #ecf0f2;
  position: absolute;
  right: 0;
  top: 0;
}

.inArea-switch span {
  display: block;
  text-align: center;
  color: #748892;
}

.inArea-switch img {
  opacity: 0.3;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}

.inArea-switch .img {
  height: 58px;
}

.inArea-switch .title {
  padding-top: 10px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}

.inArea-switch .on img {
  opacity: 1;
}

.inArea-switch .on span {
  color: #042536;
}

.inArea-btn a {
  width: 50%;
  height: 38px;
  line-height: 38px;
  float: left;
  text-align: center;
  background-color: #042536;
  color: #fff;
}

.inArea-btn .on {
  background-color: #f57c13;
}

.inArea-xs02 {
  display: none;
}

.inArea-lg {
  display: none;
}

.u-pick.in-u-pick {
  text-align: left;
}

.u-pick.in-u-pick span {
  font-size: 16px;
  min-width: 197px;
  line-height: 50px;
}

.u-pick.in-u-pick span:before {
  -webkit-transform: translateX(-19px) skewX(35deg);
  -moz-transform: translateX(-19px) skewX(35deg);
  -ms-transform: translateX(-19px) skewX(35deg);
  -o-transform: translateX(-19px) skewX(35deg);
  transform: translateX(-19px) skewX(35deg);
}

.u-pick.in-u-pick .arrow {
  width: 56px;
  height: 50px;
  background: url(../images/icon02.png);
  -webkit-transform: translate(-25px, 4px);
  -moz-transform: translate(-25px, 4px);
  -ms-transform: translate(-25px, 4px);
  -o-transform: translate(-25px, 4px);
  transform: translate(-25px, 4px);
}

.u-pick.in-u-pick .arrow::after {
  display: none;
}

.u-pick.in-u-pick .arrow::before {
  display: none;
}

.inClient {
  padding: 30px 0;
}

.inClient-main {
  position: relative;
}

.inClient-main li {
  background-color: #ffffff;
}

.inClient .inClient-swiper {
  margin-top: 10px;
}

.inClient .inClient-video {
  cursor: pointer;
  position: relative;
}

.m-video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  display: none;
}

.m-video-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

.m-video .close {
  position: absolute;
  right: 0;
  top: -30px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/vdAclosebtn.png);
  background-color:rgba(0,0,0,0.5);
  background-size:15px;
  z-index: 10;
}

.inClient .inClient-video .v-btn {
  position: relative;
  display: block;
}

.inClient .inClient-video .v-btn:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/icon15.png) center no-repeat;
  -o-background-size: 50px;
  background-size: 50px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.inClient .article {
  padding-top: 15px;
}

.inClient .article-icon {
  display: block;
}

.inClient .title {
  color: #042536;
  margin: 15px 0 10px;
}

.inClient .images {
  padding: 10px 0;
}

.inClient .images .wrapper {
  font-size: 0;
}

.inClient .images .item {
  width: 33.333%;
  height: 60px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
}

.inClient .images .item:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.inClient .images .item img {
  max-height: 100%;
  vertical-align: middle;
  display: inline-block;
}

.inClient .desc {
  color: #858b94;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
}

.inClient .dot {
  text-align: center;
  color: #858b94;
  font-size: 16px;
}

.inClient .swiper-pagination-current {
  font-size: 24px;
  color: #042536;
}

.inClient .swiper-pagination-total {
  color: #858b94;
}

@media (min-width: 768px) {
  .inTitle {
    font-size: 28px;
  }
  .inNews .font20 {
    font-size: 14px;
  }
  .inNews-toplist ol {
    margin-top: 0;
    padding-bottom: 4px;
  }
  .inNews-toplist ol li a {
    line-height: 20px;
  }
  .inNews-toplist dt {
    width: 65.8%;
    float: left;
  }
  .inNews-toplist dd {
    width: 31.666666%;
    float: right;
  }
  .inNews-botlist .thumb {
    padding: 20px 15px;
  }
  .inNews-botlist ul {
    margin: 0 -9px;
  }
  .inNews-botlist li {
    padding: 0 9px;
  }
  .inNews-botlist .title {
    line-height: 20px;
  }
  .inNews-botlist .desc {
    font-size: 12px;
    height: 66px;
  }
  .inNews-botlist .text {
    padding: 15px;
  }
  .inNews-botlist .tit {
    line-height: 19px;
  }
  .inNews-botlist .hover .img:before {
    padding-bottom: 39.02%;
  }
  .inArea-section-xs {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .inClient {
    padding-top: 50px;
  }
  .inClient .inClient-swiper {
    margin-top: 20px;
  }
  .inClient .dot {
    padding-top: 10px;
  }
  .inClient .images .item {
    width: 25%;
  }
  .inClient .inClient-video .v-btn:after {
    -o-background-size: 70px;
    background-size: 70px;
  }
  .inClient-main {
    position: relative;
    padding: 0 60px;
  }
  .inClient-main .btn {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -38px;
    z-index: 10;
  }
  .inClient-main .prev {
    left: 0;
    background: url(../images/icon16.png) center no-repeat;
    -o-background-size: cover;
    background-size: cover;
  }
  .inClient-main .next {
    right: 0;
    background: url(../images/icon18.png) center no-repeat;
    -o-background-size: cover;
    background-size: cover;
  }
  .m-video .close{
      width:40px;
      height:40px;
      top:-40px;
      background-size:22px auto;
  }
}

@media (min-width: 1024px) {
  .inNews {
    padding-bottom: 60px;
  }
  .inNews .font20 {
    font-size: 18px;
  }
  .inTitle {
    font-size: 30px;
  }
  .inNews-toplist {
    padding-top: 20px;
  }
  .inNews-toplist dt {
    width: 66%;
  }
  .inNews-toplist dd {
    width: 31.9%;
  }
  .inNews-toplist ol {
    padding-bottom: 4px;
  }
  .inNews-toplist ol li {
    padding: 17px 0;
  }
  .inNews-toplist ol li a {
    line-height: 25px;
    max-height: 50px;
    height: 50px;
  }
  .inNews-botlist .thumb {
    padding: 35px 15px;
  }
  .inNews-botlist ul {
    margin: 0 -10px;
  }
  .inNews-botlist li {
    padding: 0 10px;
  }
  .inNews-botlist .title {
    line-height: 30px;
    height: 60px;
    max-height: 60px;
  }
  .inNews-botlist .desc {
    font-size: 14px;
  }
  .inNews-botlist .tit {
    line-height: 30px;
    max-height: 60px;
  }
  .inArea-xs {
    display: none !important;
  }
  .inArea-lg {
    display: block;
  }
  .inArea-lg02 {
    display: none;
  }
  .inArea-lg {
    position: relative;
    min-height: 660px;
  }
  .inArea-lg .section {
    position: relative;
    z-index: 2;
    color: #fff;
    padding-top: 110px;
  }
  .inArea-lg .article {
    width: 50%;
    padding-right: 4.1%;
  }
  .inArea-lg h4 {
    font-size: 16px;
  }
  .inArea-lg h3 {
    padding-top: 12px;
    line-height: 1;
    font-size: 36px;
  }
  .inArea-lg h3:after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background-color: rgba(255, 255, 255, 0.43);
    margin-top: 35px;
    margin-bottom: 40px;
  }
  .inArea-lg .tit {
    font-size: 24px;
  }
  .inArea-lg .desc {
    color: rgba(255, 255, 255, 0.8);
    line-height: 27px;
    margin-top: 18px;
    padding-bottom: 10px;
    height: 134px;
    overflow-y: auto;
    padding-right: 15px;
  }
  .inArea-lg .desc::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 2px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
  }
  .inArea-lg .desc::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #f57c13;
  }
  .inArea-lg .desc::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(182, 182, 182, 0.3);
  }
  .inArea-lg .thumb {
    display: none;
  }
  .inArea-lg .thumb:nth-child(1) {
    display: block;
  }
  .inArea-bg-left {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: url(../images/img03.jpg) center no-repeat;
    -o-background-size: cover;
    background-size: cover;
  }
  .inArea-bg-right {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
  }
  .profile-icodesc li .inner h4 {
    padding-bottom: 15px;
  }
  .inArea-lg-switch {
    background-color: #fff;
    text-align: center;
    margin-top: 28px;
  }
  .inArea-lg-switch .img {
    display: block;
    height: 58px;
  }
  .inArea-lg-switch img {
    display: block;
    margin: 0 auto;
    opacity: 0.3;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
  }
  .inArea-lg-switch li {
    width: 20%;
    height: 180px;
    float: left;
    padding: 35px 0;
    background-color: #fff;
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
  }
  .inArea-lg-switch a {
    display: block;
    height: 110px;
    border-right: 1px solid #ecf0f2;
    padding-top: 17px;
    font-size: 16px;
    color: #748892;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
  }
  .inArea-lg-switch .on {
    height: 185px;
    -webkit-box-shadow: 0 0 16px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 16px 3px rgba(0, 0, 0, 0.1);
    z-index: 5;
    margin-top: -5px;
  }
  .inArea-lg-switch .on a {
    color: #042536;
  }
  .inArea-lg-switch .on img {
    opacity: 1;
  }
  .inArea-lg-switch .title {
    display: block;
    padding-top: 13px;
  }
  .inArea-btn {
    -webkit-box-shadow: 0 0 16px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 16px 3px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 5;
  }
  .inArea-btn a {
    width: 40%;
    font-size: 16px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
  }
  .inArea-btn .on {
    width: 60%;
    position: relative;
    height: 40px;
    line-height: 40px;
    margin-top: -1px;
  }
  .inArea-btn .on:after {
    content: '';
    display: block;
    width: 30px;
    height: 40px;
    background: url(../images/icon13.png) no-repeat;
    position: absolute;
    right: -30px;
    top: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
  }
  .inArea-btn .on span:after {
    display: inline-block;
  }
  .inArea-btn span:after {
    content: '';
    vertical-align: middle;
    width: 27px;
    height: 7px;
    background: url(../images/icon14.png) no-repeat;
    margin-left: 13px;
    margin-top: -2px;
    display: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
  }
  .inArea-btn a:nth-child(2).on:after {
    right: 0;
    left: -30px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .inArea-btn a:nth-child(2).on span:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    width: 27px;
    height: 7px;
    background: url(../images/icon14.png) no-repeat;
    margin-right: 13px;
    margin-top: -2px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .inArea-btn a:nth-child(2).on span:after {
    display: none;
  }
  .inClient-main {
    padding: 0 80px;
  }
  .inClient-main .btn {
    width: 76px;
    height: 76px;
  }
  .m-video .close{
      background-color:transparent;
      top:0;
  }
}

@media (min-width: 1260px) {
  .inNews {
    padding-bottom: 105px;
    padding-top: 60px;
  }
  .inNews .font20 {
    font-size: 20px;
  }
  .inTitle {
    font-size: 46px;
  }
  .inNews-toplist h3 {
    padding: 15px 25px;
  }
  .inNews-toplist {
    padding-top: 37px;
  }
  .inNews-toplist dt {
    width: 66.084%;
  }
  .inNews-toplist dd {
    width: 32.17%;
  }
  .inNews-toplist ol {
    padding: 20px 30px 3px;
  }
  .inNews-toplist ol li {
    padding: 30px 0;
  }
  .inNews-toplist .more {
    width: 56px;
    height: 50px;
  }
  .inNews-botlist .thumb {
    padding: 65px 30px 57px;
  }
  .inNews-botlist .desc {
    margin-top: 20px;
    height: 44px;
    -webkit-line-clamp: 3;
  }
  .inNews-botlist .text {
    padding: 19px 30px;
  }
  .inNews-botlist .hover .img:before {
    padding-bottom: 38.8%;
  }
  .inNews a {
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
  }
  .inNews a:hover {
    color: #f57c13;
  }
  .inArea-lg h3 {
    font-size: 46px;
  }
  .inArea-lg .section {
    min-height: 660px;
  }
  .inArea-lg-switch {
    width: 100%;
    position: absolute;
    bottom: -108px;
    left: 0;
    -webkit-box-shadow: 0 0 16px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 16px 3px rgba(0, 0, 0, 0.1);
  }
  .inArea-lg {
    margin-bottom: 108px;
  }
  .inClient {
    padding-top: 95px;
    padding-bottom: 15px;
  }
  .inClient .inClient-swiper {
    margin-top: 35px;
  }
  .inClient .article {
    width: 430px;
    height: 600px;
    position: absolute;
    top: 90px;
    left: 50px;
    background-color: #fff;
    padding: 90px 35px;
    -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1);
    z-index: 5;
  }
  .inClient .commonweb {
    position: relative;
  }
  .inClient .images {
    width: 55%;
    position: absolute;
    right: 0;
    bottom: 50px;
  }
  .inClient .images .item {
    margin-bottom: 2px;
    padding: 0 10px;
  }
  .inClient-main .inClient-video img {
    width: 100%;
  }
  .inClient-main .article-icon {
    position: relative;
  }
  .inClient-main .article-icon:after {
    content: '';
    display: block;
    width: 42px;
    height: 2px;
    background-color: #0a2737;
    position: absolute;
    left: -60px;
    top: 50%;
    margin-top: -1px;
  }
  .inClient-main .title {
    display: -webkit-box;
    max-height: 96px;
    line-height: 48px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 38px 0;
  }
  .inClient-main .inClient-video .v-btn:after {
    -o-background-size: 80px;
    background-size: 80px;
  }
  .inClient-main .inClient-swiper {
    min-height: 730px;
    padding-bottom: 30px;
  }
  .inClient-main .desc {
    margin-right: -10px;
    padding-right: 10px;
    line-height: 30px;
    height: 120px;
    overflow-y: auto;
  }
  .inClient-main .desc::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 2px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
  }
  .inClient-main .desc::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #f57c13;
  }
  .inClient-main .desc::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(182, 182, 182, 0.3);
  }
  .inClient-main .dot {
    width: 430px;
    position: absolute;
    left: 50px;
    bottom: 95px;
    z-index: 10;
    font-size: 24px;
  }
  .inClient-main .dot .swiper-pagination-current {
    font-size: 36px;
  }
  .inClient-main .dot .swiper-pagination-total {
    font-size: 24px;
  }
  .inClient-main .prev:hover {
    background-image: url(../images/icon19.png);
  }
  .inClient-main .next:hover {
    background-image: url(../images/icon17.png);
  }
}

@media (min-width: 1360px) {
  .inClient-main {
    padding: 0;
  }
  .inClient-main .btn {
    top: 33%;
  }
  .inClient-main .prev {
    left: -76px;
  }
  .inClient-main .next {
    right: -76px;
  }
}

@media (min-width: 1600px) {
  .inClient .commonweb {
    max-width: 1400px;
  }
  .inClient .article {
    left: 100px;
  }
  .inClient .images {
    padding-right: 70px;
    padding-bottom: 0;
    bottom: 40px;
  }
  .inClient-main .prev {
    left: -90px;
  }
  .inClient-main .next {
    right: -90px;
  }
}

.banner {
  width: 100%;
  height: 100vh;
  color: #fff;
  overflow: hidden;
  position: relative;
}

.banner li {
  -o-background-size: cover;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.banner li video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 8;
  background-color: rgba(0, 0, 0, 0.2);
}

.banner .link{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:9;
}

.banner .content {
  width: 100%;
  padding: 0 15px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
}

.banner h3 {
  font-size: 24px;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  -moz-transition: 0.8s;
  transition: 0.8s;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
  line-height: 1.2;
}

.banner .desc {
  font-size: 16px;
  padding: 15px 0 0;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  -moz-transition: 0.8s;
  transition: 0.8s;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.banner .more {
  width: 149px;
  height: 43px;
  line-height: 43px;
  color: #fff;
  display: inline-block;
  background: url(../images/more-white.png) no-repeat;
  font-size: 15px;
  padding-left: 25px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

.banner .more.not {
  background-image: url(../images/more-white-op.png);
}

.banner .banner-more {
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  -moz-transition: 0.8s;
  transition: 0.8s;
  opacity: 0;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  margin-right: 5px;
}

.banner .more.down {
  width: 167px;
  background-image: url(../images/index36.png);
  padding-left: 43px;
}

.banner .on h3, .banner .on .desc, .banner .on .banner-more {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.banner .on .banner-progress {
  width: 100%;
}

.banner .banner-dot {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 10px;
  z-index: 20;
  text-align: center;
}

.inProduct-lg-dot {
  padding-top: 20px;
  margin-left: -5px;
}

.banner .banner-dot span, .inProduct-lg-dot span {
  width: 30px;
  height: 2px;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  margin: 0 5px;
}

.inProduct-lg-dot span {
  background-color: #042536;
}

.banner .banner-dot span.swiper-pagination-bullet-active, .inProduct-lg-dot span.swiper-pagination-bullet-active {
  background-color: #f57c13;
}

.banner-progress {
  width: 0;
  height: 5px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 50;
  background-color: #f18d00;
}

@media (min-width: 768px) {
  .banner .content {
    padding: 0 20px;
  }
  .banner h3 {
    font-size: 26px;
  }
  .banner .desc {
    font-size: 18px;
    padding: 20px 0 50px;
  }
  .banner .more {
    font-size: 16px;
  }
}

@media (min-width: 1024px) {
  .banner .content {
    padding: 0 40px;
  }
  .banner h3 {
    font-size: 30px;
  }
  .banner .desc {
    font-size: 20px;
    line-height: 36px;
    padding: 20px 0 0;
  }
  .banner .more {
    font-size: 18px;
    margin-top: 60px;
  }
  .banner .banner-dot span, .inProduct-lg-dot span {
    width: 45px;
    height: 4px;
  }
}

@media (min-width: 1260px) {
  .banner .content {
    padding: 0 9.9%;
  }
  .banner h3 {
    font-size: 36px;
  }
  .banner .desc {
    padding: 45px 0 0;
  }
  .banner .more {
    margin-top: 120px;
  }
  .banner .down:hover {
    background-image: url(../images/index43.png);
  }
  .banner .btn {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    background: rgba(255, 255, 255, 0.2) url(../images/bannerarrow.png) center center no-repeat;
    z-index: 30;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    opacity: 0;
  }
  .banner .prev {
    left: 0;
  }
  .banner .next {
    right: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .banner:hover .prev {
    left: 2.5%;
    opacity: 1;
  }
  .banner:hover .next {
    right: 2.5%;
    opacity: 1;
  }
  .banner .btn:hover {
    background-color: rgba(4, 37, 54, 0.8);
  }
}

.full-proifle-view {
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
  background-position: center;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}

.service-list {
  padding-top: 30px;
}

.service-list li {
  padding-bottom: 30px;
}

.service-list .num {
  font-size: 70px;
  background-image: url(../images/clip_03.png);
  background-repeat: repeat;
  background-position: 0 0;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  white-space: nowrap;
  -o-background-size: 4px auto;
  background-size: 4px auto;
  color: #f0f3f7;
  display: block;
  line-height: 0.78;
}

.service-list h3 {
  padding-top: 15px;
  color: #0a142d;
}

.service-list h3:after {
  content: '';
  display: block;
  width: 50px;
  height: 3px;
  background-color: #f18d00;
  margin: 5px 0 10px;
}

.service-list .desc {
  color: #6b808b;
  line-height: 24px;
}

.service-list .tel {
  color: #f18d00;
  padding-top: 10px;
}

.service-list .tel span {
  padding-right: 10px;
}

.service-list .tel .tit {
  color: #042536;
}

.service-list .tel i {
  font-style: normal;
}

.service-list .image {
  padding-top: 20px;
  width: 50%;
  margin: 0 auto;
}

.service-list .image img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.train {
  padding-bottom: 40px;
}

.train img {
  max-width: 100%;
  display: block;
}

.train .desc {
  background: url(../images/img16.jpg) center no-repeat;
  -o-background-size: cover;
  background-size: cover;
  color: #fff;
  padding: 20px 15px;
}

@media (min-width: 768px) {
  .train {
    padding-bottom: 50px;
  }
  .train .image, .train .desc {
    width: 50%;
    float: left;
    position: relative;
    z-index: 2;
  }
  .train .image {
    margin-top: -10px;
  }
  .train .desc {
    background: none;
    font-size: 14px;
    line-height: 28px;
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .train-bd {
    margin-top: 10px;
    position: relative;
  }
  .train-bd:before {
    content: '';
    display: block;
    width: 31.25%;
    height: 93.4%;
    background-color: #f8fafd;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .train-bd:after {
    content: '';
    display: block;
    width: 68.8%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #052231 url(../images/img16.jpg) right top no-repeat;
  }
  .service-list {
    padding-top: 50px;
  }
  .service-list .article, .service-list .image {
    width: 50%;
    float: left;
    padding: 0 30px;
  }
  .service-list .num {
    font-size: 100px;
  }
  .service-list .image img {
    margin: 0;
  }
  .service-list li {
    padding-bottom: 70px;
  }
  .service-list li:nth-child(2n) .article {
    float: right;
  }
  .service-list .tel span {
    display: block;
  }
}

@media (min-width: 1024px) {
  .train {
    padding-bottom: 105px;
  }
  .train .desc {
    font-size: 16px;
    padding: 80px 0 90px 30px;
  }
  .train .image {
    margin-top: -22px;
  }
}

@media (min-width: 1260px) {
  .service-list {
    padding-top: 130px;
  }
  .service-list li {
    padding-bottom: 180px;
  }
  .service-list li:last-child {
    padding-bottom: 170px;
  }
  .service-list .article, .service-list .image {
    padding: 0 95px;
  }
  .service-list li:nth-child(1) .image {
    padding-top: 125px;
  }
  .service-list li:nth-child(2) .image {
    padding-top: 13px;
  }
  .service-list li:nth-child(3) .image {
    padding-top: 55px;
  }
  .service-list li:nth-child(4) .image {
    padding-top: 28px;
  }
  .service-list li:nth-child(5) .image {
    padding-top: 85px;
  }
  .service-list li:nth-child(6) .image {
    padding-top: 43px;
  }
  .service-list .num {
    font-size: 140px;
  }
  .service-list h3 {
    padding-top: 25px;
  }
  .service-list h3:after {
    width: 100px;
    height: 6px;
    margin: 12px 0 20px;
  }
  .service-list .desc {
    line-height: 30px;
  }
  .service-list .tel {
    padding-top: 25px;
  }
  .service-list .tel span {
    display: inline-block;
  }
  .train {
    padding-bottom: 215px;
  }
  .train .desc {
    line-height: 40px;
    font-size: 18px;
    padding-top: 105px;
  }
  .train-bd {
    margin-top: 48px;
    min-height: 410px;
  }
}

.successful {
  padding-bottom: 20px;
}

.customer img {
  width: 100%;
  display: block;
}

.customer-video {
  position: relative;
}

.customer-video .customer-video-btn:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.55) url(../images/icon20.png) center no-repeat;
  -o-background-size: 60px;
  background-size: 60px;
}

.customer-item {
  padding: 10px 0;
}

.customer-item li {
  padding: 10px;
}

.customer-item li .thumb {
  display: block;
}

.customer-item li:nth-child(2) .thumb, .customer-item li:nth-child(3) .thumb {
  -webkit-box-shadow: 0 4px 5px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px 3px rgba(0, 0, 0, 0.2);
}

.customer-image {
  position: relative;
  overflow: hidden;
}

.customer-image:after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 50%;
}

.customer-image img {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.advantage {
  padding: 10px 0 30px;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}

.advantage .list {
  padding-top: 10px;
}

.advantage .u-pdtitle.clip-pdtitle .en {
  opacity: 0.02;
}

.advantage .u-pdtitle.clip-pdtitle .cn {
  color: #fff;
}

.advantage .u-pdtitle.clip-pdtitle .cn:after {
  background-color: #fff;
}

.advantage {
  text-align: center;
}

.advantage .thumb {
  padding: 70px 0 0;
  /*background: url(../images/polygon-cir.png) center top no-repeat;*/
  text-align: center;
  color: #fff;
  min-height: 258px;
  min-width: 247px;
  display: inline-block;
  position: relative;
}

.advantage .thumb:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  background: url(../images/polygon-cir.png) center top no-repeat;
  -webkit-animation: rotate 15s linear infinite;
  -moz-animation: rotate 15s linear infinite;
  -o-animation: rotate 15s linear infinite;
  animation: rotate 15s linear infinite;
}

.advantage .thumb:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: url(../images/polygon-line2.png) center top no-repeat;
  -webkit-animation: rotate 5s linear infinite;
  -moz-animation: rotate 5s linear infinite;
  -o-animation: rotate 5s linear infinite;
  animation: rotate 5s linear infinite;
}

.advantage .line {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background: url(../images/polygon-line3.png) center top no-repeat;
  -webkit-animation: rotate 10s linear infinite;
  -moz-animation: rotate 10s linear infinite;
  -o-animation: rotate 10s linear infinite;
  animation: rotate 10s linear infinite;
}

.advantage .top {
  font-size: 36px;
  line-height: 0.78;
}

.advantage .num {
  color: #f57c13;
  font-size: 80px;
  display: inline-block;
  vertical-align: middle;
}

.advantage .num.unit:after {
  content: '%';
  font-size: 50px;
}

.advantage .text {
  padding-top: 20px;
  font-size: 16px;
  line-height: 20px;
}

.advantage .dot {
  padding-top: 10px;
  text-align: center;
}

.advantage .dot span {
  background-color: #fff;
  margin: 0 5px;
}

.advantage .dot span.swiper-pagination-bullet-active {
  background-color: #f57c13;
}

.case {
  padding: 30px 0;
  background-color: #f7f8fa;
  /*background: #000;*/
}

.case h3 {
  text-align: center;
  color: #010c11;
  font-size: 20px;
}

.case .word {
  display: inline-block;
  min-width: 100px;
  padding-right: 15px;
  font-size: 14px;
}

.case .list {
  padding-top: 20px;
}

.case .list li {
  padding-bottom: 30px;
  /*width: 33%;
  margin-right: 0.3333%;*/
}
.case .list li.col-md-4:nth-child(3n){
	margin-right: 0;
}
@media (max-width: 991px) {
	.case .list li.col-md-4:nth-child(2n){
		margin-right: 0;
	}
}
@media (max-width: 787px) {
	.case .list li.col-md-4{
		margin-right: 0;
	}
}
.case .list .thumb {
  position: relative;
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
}

.case .list .article {
  background-color: #fff;
  margin-top: -5px;
  position: relative;
  z-index: 1;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 2px solid #082430;
  overflow: hidden;
}

.case .list .text {
  font-size: 0;
}

.case .list .info {
  font-size: 14px;
}

.case .list .static {
  background-color: #fff;
  overflow: hidden;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.case .list .image{
	position: relative;
}
.case .list .thumb:hover .hover{
	bottom: 0;
	opacity: 1;
}
.case .list .image img {
  width: 100%;
  display: block;
  -moz-user-select: none; 
-webkit-user-select: none; 
-ms-user-select: none; 
-khtml-user-select: none; 
user-select: none;
}

.case .list h4 {
  overflow: hidden;
  padding: 0 20px 10px;
}

.case .list .top h4 {
  padding-left: 0;
  padding-right: 0;
}

.case .list h4 span {
  font-size: 14px;
  display: block;
  vertical-align: middle;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 0;
}

.case .list h4, .case .list .info {
  color: #042536;
}

.case .list .tips, .case .list .text {
  color: #6b808b;
}

.case .list .tips {
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
  display: -webkit-box;
  height: 44px;
  line-height: 22px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.case .list .top {
  padding: 20px;
}

.case .list .bottom {
  line-height: 24px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
  padding: 0 20px 10px;
}

.case .list .bottom:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e5e8f0;
  margin-bottom: 20px;
}

.case .list .info {
  padding-right: 10px;
  display: inline-block;
  vertical-align: -1px;
  height: 14px;
  text-decoration: underline;
}

.case .list .text:last-child .info {
  vertical-align: 0;
  height: auto;
}

.case .list .text:last-child .info a {
  color: #042536;
  margin-right: 15px;
}

.case .list .text .info a:last-child {
  margin: 0;
}

.case .list .info img {
  display: block;
  max-height: 14px;
  border-bottom:1px solid #042536;
}

.case .list .detail {
  position: relative;
}

.case .list .desc {
  height: 167px;
  padding: 0 20px;
  color: #042536;
  overflow-y: auto;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
}

.case .list .desc::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

.case .list .desc::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #082430;
}

.case .list .desc::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(182, 182, 182, 0.3);
}

.case .list .apply {
  width: 101.8%;
  display: block;
  position: absolute;
  bottom: -5px;
  left: 0;
  background: #fff url(../images/solutionIcon17.png) right top no-repeat;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  color: #fff;
  font-size: 16px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.case .list .apply a {
  color: #fff;
  width: 50%;
  float: left;
  text-align: left;
  padding: 18px 0 18px 58px;
}

.case .list .apply a:last-child {
  padding: 22px 0 14px 50px;
}

.case .list .apply span {
  display: block;
}

.case .list .tit img {
  max-width: 100%;
  max-height: 24px;
  display: inline-block;
  vertical-align: top;
  padding: 5px 0;
}

.case .list .hover {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -30%;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.96);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding-bottom: 55px;
  padding-top: 15px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  opacity: 0;
  pointer-events: none;
}

.case .list .hover .tips {
  padding-top: 5px;
}

.case-select li {
  padding-bottom: 10px;
}

.case-select li:nth-child(4) .thumb {
  padding-left: 73px;
}

.case-select li > a {
  width: 100px;
  height: 36px;
  line-height: 36px;
  background-color: #042536;
  color: #fff;
  display: block;
  margin: 10px auto 0;
  text-align: center;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.case-select .thumb {
  position: relative;
  padding-left: 40px;
}

.case-select .tit {
  font-size: 16px;
  color: #042536;
  position: absolute;
  left: 0;
  top: 0;
}

.case-select .select-btn {
  border-bottom: 1px solid #e5e8f0;
  color: #6b808b;
  position: relative;
  cursor: pointer;
}

.case-select .select-btn:after {
  content: '';
  display: block;
  width: 16px;
  height: 10px;
  background: url(../images/icon21.png) no-repeat;
  -o-background-size: 100%;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -3px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}

.case-select .tab {
  position: relative;
}

.case-select .tit, .case-select .select-btn {
  line-height: 33px;
  display: block;
  cursor:pointer;
}

.case-select li:last-child .thumb {
  padding-left: 75px;
}

.case-select .option {
  display: none;
  width: 100%;
  padding-top: 3px;
}

.case-select .option a {
  display: block;
  color: #6b808b;
  padding: 3px 0;
  cursor:pointer;
}

.case-select .on .select-btn:after {
  -webkit-transform: rotate(180deg) translateY(2px);
  -moz-transform: rotate(180deg) translateY(2px);
  -ms-transform: rotate(180deg) translateY(2px);
  -o-transform: rotate(180deg) translateY(2px);
  transform: rotate(180deg) translateY(2px);
}

.case-select {
  padding-top: 10px;
}

.case .bd .dot, .case .bd .m-dot {
  padding-bottom: 5px;
  text-align: center;
  font-size: 0;
}

.case .bd .dot span, .case .bd .m-dot span {
  width: 10px;
  height: 4px;
  background-color: #042536;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin: 0 3px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

.case .bd .dot span.swiper-pagination-bullet-active, .case .bd .m-dot span.swiper-pagination-bullet-active {
  width: 50px;
  background-color: #f57c13;
}

.case .case-swiper-mobile.list .thumb:hover .hover, .case .case-swiper.list .thumb:hover .hover {
  opacity: 0;
  pointer-events: none;
}

.case .case-swiper-mobile.list .thumb.cur .hover, .case .list .thumb.cur .hover, .case .case-swiper.list li.swiper-slide-active .thumb:hover .hover {
    bottom: 0;
    opacity: 1;
    pointer-events: auto;
}


@media (min-width: 768px) {
  .successful {
    padding-bottom: 0;
  }
  .customer-item {
    width: 58%;
    float: left;
    padding-left: 20px;
  }
  .customer-image {
    padding-top: 20px;
    width: 38.8%;
    float: right;
    padding-right: 30px;
  }
  .customer-image:after {
    display: none;
  }
  .customer-image img {
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  .case .list ul {
    margin: 0 -10px;
  }
  .case .list .top {
    padding-bottom: 15px;
  }
  .case .list .tips {
    margin-top: 5px;
    display: -webkit-box;
    max-height: 44px;
    line-height: 22px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 44px;
  }
  .case-select {
    padding-top: 20px;
  }
  .case-select ul {
    margin: 0 -25px;
  }
  .case-select li {
    width: 50%;
    float: left;
    padding: 0 25px 20px;
  }
  .case-select li:last-child {
    width: 100%;
  }
  .case-select .option {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #f7f8fa;
    z-index: 10;
    -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
  }
  .case-select .option a {
    padding: 5px 10px;
  }
  .case-swiper.list li {
    width: 373px;
    padding: 0;
    margin-bottom: 30px;
  }
  .case-swiper.list li .thumb {
    padding: 0;
  }
  .case-swiper .static {
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
  }
  .case-swiper .image {
    position: relative;
  }
  .case-swiper .image:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(5, 34, 49, 0.7);
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
  }
  .case-swiper li.swiper-slide-active .image:after {
    background-color: rgba(5, 34, 49, 0);
  }
}

@media (min-width: 1024px) {
    .case .case-swiper-mobile.list .thumb.on .hover, .case .list .thumb:hover .hover, .case .case-swiper.list li.swiper-slide-active .thumb:hover .hover {
      bottom: 0;
      opacity: 1;
      pointer-events: auto;
    }
  .successful {
    padding-bottom: 30px;
  }
  .customer-video {
    width: 47.76042%;
    float: left;
  }
  .customer-item {
    width: 27.34375%;
    float: left;
    padding-top: 0;
    padding-left: 0;
    margin-left: 2.864583%;
  }
  .customer-item ul {
    margin: 0 -10px;
  }
  .customer-item li {
    padding: 10px;
  }
  .customer-image {
    width: 19.27083%;
    float: right;
    padding: 0;
  }
  .advantage {
    padding-bottom: 50px;
  }
  .advantage .dot {
    display: none;
  }
  .case .list h4 {
    font-size: 20px;
  }
  .case-select ul {
    position: relative;
    padding-right: 125px;
  }
  .case-select li {
    width: 25%;
    float: left;
    padding: 0 25px 20px;
  }
  .case-select li:last-child {
    width: 100px;
    position: absolute;
    right: 25px;
    top: 0;
    padding: 0;
  }
  .case-select li:last-child a {
    margin: 0;
  }
  .case-select .option {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #f7f8fa;
    z-index: 10;
    -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
  }
  .case-select .option a {
    padding: 5px 10px;
  }
  .case .list h4 span {
    font-size: 12px;
  }
  .hot-solution-info {
    padding-bottom: 50px;
  }
  #COOPERATION .list .bottom {
    min-height: 127px;
  }
}

@media (min-width: 1260px) {
  .successful {
    padding-bottom: 75px;
  }
  .customer-video, .customer-image {
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    position: relative;
  }
  .customer-video:hover, .customer-image:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  .customer-video .customer-video-btn:after, .customer-image:after {
    -o-background-size: 80px;
    background-size: 80px;
  }
  .customer-item {
    padding-top: 0.3%;
    padding-bottom: 0;
  }
  .customer-item ul {
    margin: 0 -12px;
  }
  .customer-item li {
    padding: 12px;
  }
  .customer-item .thumb {
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    position: relative;
  }
  .customer-item .thumb:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  .advantage {
    padding-bottom: 65px;
  }
  .advantage .u-pdtitle {
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .case-select {
    padding-top: 45px;
  }
  .case-select .tit {
    font-size: 20px;
  }
  .case-select .thumb {
    padding-left: 50px;
  }
  .case-select .select-btn {
    font-size: 16px;
  }
  .case-select .option a:hover {
    color: #042536;
  }
  .case .list .thumb:hover .hover {
    bottom: 0;
    opacity: 1;
    pointer-events: auto;
  }
  .case-select .option {
    min-width: 100%;
    width: auto;
  }
  .case-select .option a {
    white-space: nowrap;
    min-width: 100%;
  }
  .case-select li:nth-child(4) .thumb {
    padding-left: 91px;
  }
  .case {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .case h3 {
    font-size: 34px;
  }
  .case li .text {
    padding: 0;
  }
  .case .list {
    padding-top: 45px;
  }
  .case .list ul {
    margin: 0 -20px;
  }
  .case .list li {
    padding: 0 20px;
    margin-bottom: 40px;
  }
  .case .list .top {
    padding: 30px 30px 15px;
  }
  .case .list h4 {
    font-size: 24px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 18px;
  }
  .case .list .bottom {
    padding: 0 30px 15px;
  }
  #COOPERATION .list .bottom {
    min-height: 120px;
  }
  .case .list .hover {
    padding-top: 25px;
  }
  .case .list .hover .tips {
    margin-top: 8px;
    height: auto;
    padding-bottom: 5px;
  }
  .case .list .desc {
    line-height: 24px;
    height: 192px;
  }
  .case .ipages {
    padding-top: 20px;
  }
  .case .word {
    font-size: 16px;
  }
  .case .list .info {
    font-size: 16px;
  }
  .case .list .article {
    min-height: 158px;
  }
  .case .list .apply a {
    font-size: 18px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
  }
  .case .list .apply a:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 11px;
    background-image: url(../images/solutionIcon18.png);
    margin-left: 18px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
  }
  .case .list .apply a:last-child:after {
    margin-left: 7px;
  }
  .case .list .apply a:hover:after {
    width: 26px;
  }
  .case .list .apply a:first-child:hover {
    padding-left: 47px;
  }
  /*#COOPERATION .list .apply a:first-child:hover{padding-left:20px;}*/
  .case .list .apply a:last-child:hover {
    padding-left: 40px;
  }
  .case .list h4 span {
    font-size: 16px;
  }
  .case .list .top h4 {
    padding-bottom: 7px;
  }
  .case .list .text {
    padding-bottom: 7px;
  }
  .hot-solution-info {
    padding-bottom: 70px;
  }
  .hot-solution-info .thumb {
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
  }
  .hot-solution-info .thumb:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  .case .bd {
    position: relative;
  }
  .case .bd ul {
    margin-left: 8px;
  }
  .case .bd li {
    padding: 0;
  }
  .case .bd li:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .case .bd li.swiper-slide-active:after {
    display: none;
  }
  .case .bd .btn {
    width: 76px;
    height: 76px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -38px;
    z-index: 10;
  }
  .case .bd .prev {
    left: -120px;
    background: url(../images/partner13.png) no-repeat;
  }
  .case .bd .prev:hover {
    background-image: url(../images/partner15.png);
  }
  .case .bd .next {
    right: -120px;
    background: url(../images/partner14.png) no-repeat;
  }
  .case .bd .next:hover {
    background-image: url(../images/partner16.png);
  }
  .case .bd li {
    margin-bottom: 35px;
  }
  .case .bd .swiper-slide-active {
    -webkit-box-shadow: 0 5px 12px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 12px 5px rgba(0, 0, 0, 0.1);
  }
}

.hot-solution-info img {
  display: block;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.hot-solution-info .thumb {
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.hot-solution-info .thumb:after {
  content: '';
  display: block;
  padding-bottom: 29%;
}

.hot-solution-info .text {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  color: #fff;
  padding: 0 10px;
}

.hot-solution-info li:nth-child(2) .thumb, .hot-solution-info li:nth-child(3) .thumb {
  width: 50%;
  float: left;
}

.hot-solution-info li:nth-child(2) .thumb:after, .hot-solution-info li:nth-child(3) .thumb:after {
  padding-bottom: 60%;
}

.hot-solution-info li:nth-child(2) .thumb:first-child, .hot-solution-info li:nth-child(3) .thumb:first-child {
  border-right: 5px solid #fff;
}

.hot-solution-info li:nth-child(2) .thumb:last-child, .hot-solution-info li:nth-child(3) .thumb:last-child {
  border-left: 5px solid #fff;
}

.case.bgwhite {
  background-color: #fff;
}

.case.bgimage {
  background: #edf0f7 url(../images/img36.jpg) center bottom no-repeat;
}

.case .u-pick {
  padding: 10px 0;
}

.case .u-pick .arrow:before {
  background-color: #f57c13;
}

@media (min-width: 768px) {
  .hot-solution-info ul {
    margin: 0 -5px;
  }
  .hot-solution-info li {
    width: 50%;
    float: left;
    padding: 0 5px;
  }
  .case .u-pick span {
    padding: 0 49px 0 35px;
  }
}

@media (min-width: 1260px) {
  .hot-solution .text {
    top: 57%;
    padding: 0 22px;
  }
  .hot-solution .desc {
    padding-top: 13px;
    font-size: 16px;
  }
  .case .list .hover .desc {
    font-size: 16px;
  }
  .hot-solution .thumb:after {
    padding-bottom: 170px !important;
  }
  .case .u-pick {
    padding: 20px 0 0;
  }
}

.inside-banner.partner-ban:after, .inside-banner.partner-ban .inner:after {
  padding-bottom: 60%;
}

.inside-banner .inner .ban-cont {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  transform: translateY(-30%);
  text-align: center;
  padding: 0 20px;
}

.inside-banner .inner .ban-cont .ban-title {
  position: static;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  line-height:30px;
}

.inside-banner .inner .ban-cont .ban-desc {
  color: #fff;
  font-size: 14px;
  padding-top: 10px;
  opacity: 0.9;
  line-height:24px;
}

.inside-banner .ban-apply {
  padding: 5px 15px;
  background-color: #f18d00;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.partner {
  text-align: center;
  color: #010c11;
}

.partner ul {
  padding-top: 20px;
}

.partner li {
  padding-bottom: 30px;
}

.partner .desc {
  opacity: 0.7;
}

.partner .img {
  display: block;
  height: 50px;
}

.partner .img:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.partner .img img {
  max-height: 100%;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.partner h4 {
  font-weight: bold;
  padding-top: 3px;
}

.partner h4:after {
  content: '';
  display: block;
  width: 30px;
  height: 2px;
  background-color: #f18d00;
  margin: 12px auto;
}

.partner-feedback {
  padding-bottom: 30px;
}

.partner-feedback .thumb {
  margin-bottom: 20px;
  position: relative;
  padding-left: 85px;
}

.partner-feedback .thumb i {
  color: #f57c13;
}

.partner-feedback .thumb .tit {
  width: 85px;
  line-height: 32px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: right;
  display: block;
}

.partner-feedback .thumb input {
  width: 100%;
  display: block;
  line-height: 30px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 50px 0 10px;
}

.partner-feedback .thumb input:focus {
  border-color: #f57c13;
}

.partner-feedback .thumb:after {
  content: '';
  display: block;
  width: 22px;
  height: 21px;
  position: absolute;
  right: 10px;
  top: 5px;
  background-position: center;
  background-repeat: no-repeat;
}

.partner-feedback .name:after {
  background-image: url(../images/partner05.png);
}

.partner-feedback .company:after {
  background-image: url(../images/partner06.png);
}

.partner-feedback .phone:after {
  background-image: url(../images/partner07.png);
}

.partner-feedback .tel:after {
  background-image: url(../images/partner08.png);
}

.partner-feedback .mail:after {
  background-image: url(../images/partner09.png);
}

.partner-feedback .address:after {
  background-image: url(../images/partner10.png);
}

.partner-feedback .post:after {
  background-image: url(../images/partner11.png);
}

.partner-feedback .way:after {
  background-image: url(../images/partner12.png);
}

.partner-feedback .btn {
  width: 70px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  color: #fff;
  margin: 0 10px;
  font-size: 14px;
}

.partner-feedback input[type=submit] {
  background-color: #f57c13;
}

.partner-feedback input[type=reset] {
  background-color: #052231;
}

.partner-feedback .bd {
  position: relative;
}

.partner-feedback .drop {
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  z-index: 10;
  display: none;
}

.partner-feedback .drop span {
  display: block;
  padding: 5px 10px;
  background-color: #fff;
  cursor: pointer;
}

.partner-show .bd {
  padding: 15px 0;
  background: url(../images/img44.jpg) center no-repeat;
  -o-background-size: cover;
  background-size: cover;
  color: #fff;
}

.partner-show .bd h3 {
  padding: 15px 0 5px;
}

.partner-show img {
  width: 100%;
  display: block;
}

.partner-show .desc {
  border-bottom: 1px solid #fff;
  padding-bottom: 20px;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
}

.partner-show .hd {
  padding: 0 35px;
  position: relative;
}

.partner-show .btn {
  width: 30px;
  height: 30px;
  background: url(../images/partner13.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  display: block;
  position: absolute;
  top: 50%;
  z-index: 20;
}

.partner-show .prev {
  left: -5px;
}

.partner-show .next {
  right: -5px;
  background-image: url(../images/partner14.png);
}

.partner-news img {
  width: 100%;
  display: block;
}

.partner-news .thumb {
  padding-top: 20px;
}

.partner-news h4 {
  color: #031a27;
}

.partner-news .desc {
  color: #425159;
  padding-top: 5px;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
}

.partner-news .dot {
  text-align: center;
  padding-top: 10px;
}

.partner-news .dot span {
  background-color: #c3c8d0;
  margin: 0 5px;
}

.partner-news .dot span.swiper-pagination-bullet-active {
  background-color: #031a27;
}

@media (min-width: 768px) {
  .inside-banner.partner-ban:after, .inside-banner.partner-ban .inner:after {
    padding-bottom: 25%;
  }
  .partner ul {
    padding-top: 30px;
    margin: 0 -10px;
  }
  .partner .u-pdtitle {
    padding-bottom: 10px;
  }
  .partner-info {
    font-size: 16px;
  }
  .partner-feedback ul {
    margin: 0 -10px;
  }
  .partner-feedback li {
    width: 50%;
    float: left;
    padding: 0 10px;
  }
  .partner-show .bd {
    padding: 30px 0;
  }
  .partner-show .thumb {
    background-color: rgba(3, 26, 39, 0.4);
    padding: 20px 20px;
  }
}

@media (min-width: 1024px) {
  .partner .u-pdtitle {
    padding-bottom: 20px;
  }
  .partner-feedback ul {
    margin: 0 -40px;
    padding-bottom: 30px;
  }
  .partner-feedback li {
    padding: 0 40px;
  }
  .partner-feedback .thumb .tit {
    line-height: 50px;
  }
  .partner-feedback .thumb input {
    line-height: 48px;
  }
  .partner-feedback .thumb:after {
    top: 14px;
  }
  .partner-feedback .btn {
    width: 120px;
    height: 40px;
    font-size: 16px;
    margin: 0 40px;
  }
}

@media (min-width: 1260px) {
  .inside-banner.partner-ban:after, .inside-banner.partner-ban .inner:after {
    padding-bottom: 33.85417%;
  }
  .inside-banner .inner .ban-cont .ban-desc {
    font-size: 18px;
    font-weight: lighter;
    padding-top: 30px;
	    letter-spacing: 8px;
  }
  .inside-banner .inner .ban-apply {
    min-width: 120px;
    font-size: 18px;
    padding: 5px 10px;
    margin-top: 30px;
  }
  .u-pdtitle.bigtitle .cn {
    font-size: 48px;
  }
  .partner ul {
    padding-top: 55px;
  }
  .partner li {
    font-size: 16px;
    padding: 0;
  }
  .partner h4 {
    padding-top: 8px;
  }
  .partner h4:after {
    margin: 25px auto;
  }
  .partner .thumb {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
  }
  .partner .thumb:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  .contact-info .inner:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  .partner-info {
    padding-top: 10px;
  }
  .partner-feedback {
    padding-top: 35px;
    padding-bottom: 65px;
  }
  .partner-feedback ul {
    padding-bottom: 75px;
  }
  .partner-feedback .thumb {
    padding-left: 105px;
  }
  .partner-feedback .thumb .tit {
    width: 95px;
    font-size: 16px;
  }
  .partner-feedback .thumb input {
    font-size: 16px;
  }
  .partner-feedback .text-center {
    text-align: left;
    padding-left: 400px;
  }
  .partner-feedback .btn {
    margin-right: 52px;
  }
  .partner-feedback .drop {
    padding: 5px 0;
  }
  .partner-feedback .drop span {
    font-size: 16px;
    padding: 10px;
  }
  .partner-feedback .drop span:hover {
    color: #f57c13;
  }
  .partner-show {
    padding-top: 55px;
  }
  .partner-show .bd-swiper {
    padding: 20px 0 100px;
  }
  .partner-show .bd {
    padding: 0;
    -o-background-size: auto 640px;
    background-size: auto 640px;
    background-position-y: 20px;
  }
  .partner-show .bd h3 {
    padding-top: 25px;
    padding-bottom: 20px;
  }
  .partner-show .desc {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 50px;
  }
  .partner-show .thumb {
    padding: 58px 40px 30px;
    background-color: #031a27;
    opacity: 0.4;
    position: relative;
    z-index: 11;
  }
  .partner-show li:after {
    content: '';
    width: 100%;
    height: 134%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    background-color: #031a27;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    opacity: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .partner-show li .thumb {
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    transition: 0.3s ease all;
  }
  .partner-show li:hover .thumb {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  .partner-show li:hover .desc {
    border-color: #f57c13;
  }
  .partner-show li:hover:after {
    -webkit-transform: translateY(-52px);
    -moz-transform: translateY(-52px);
    -ms-transform: translateY(-52px);
    -o-transform: translateY(-52px);
    transform: translateY(-52px);
    opacity: 1;
  }
  .partner-show .btn {
    width: 50px;
    height: 50px;
  }
  .partner-show .prev {
    left: -22px;
  }
  .partner-show .prev:hover {
    background-image: url(../images/partner15.png);
  }
  .partner-show .next {
    right: -22px;
  }
  .partner-show .next:hover {
    background-image: url(../images/partner16.png);
  }
  .partner-news {
    margin-top: 60px;
  }
  .partner-news .bd {
    max-width: 920px;
    overflow: visible;
    margin: 0 auto;
    position: relative;
  }
  .partner-news .bd a {
    cursor: default;
  }
  .partner-news .thumb {
    width: 380px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    padding-left: 75px;
  }
  .partner-news .swiper-slide-active .thumb {
    display: block;
    opacity: 1;
  }
  .partner-news h4 {
    font-size: 26px;
    line-height: 34px;
    padding-top: 45px;
  }
  .partner-news .desc {
    padding-top: 20px;
    font-size: 16px;
    line-height: 22px;
  }
  .partner-news .hd {
    width: 380px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 30;
    padding-left: 75px;
  }
  .partner-news .hd:before {
    content: '';
    display: block;
    width: 133px;
    height: 1px;
    background-color: #c1c5cf;
    position: absolute;
    top: -45px;
    left: -70px;
  }
  .partner-news .dot {
    min-width: 25px;
    float: left;
    position: relative;
    font-size: 0;
  }
  .partner-news .dot:after {
    content: '';
    width: 1px;
    height: 24px;
    background-color: #c3c8d0;
    display: block;
    position: absolute;
    left: 45%;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -7px;
  }
  .partner-news .dot span {
    display: block;
    background: none;
    font-size: 14px;
    font-family: "Montserrat";
    font-weight: bold;
    margin: 0;
    line-height: 16px;
  }
  .partner-news .dot .swiper-pagination-current {
    color: #747a85;
    text-align: left;
  }
  .partner-news .dot .swiper-pagination-total {
    text-align: right;
    color: #c3c8d0;
  }
  .partner-news .btn {
    float: right;
    padding-top: 20px;
  }
  .partner-news .btn a {
    width: 9px;
    height: 18px;
    margin: 0 3px;
    display: inline-block;
    vertical-align: top;
  }
  .partner-news .btn a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 9px solid #c3c8d0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
  }
  .partner-news .btn a:hover:after {
    border-right-color: #031a27;
  }
  .partner-news .btn .next {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@media (min-width: 1400px) {
  .partner-show .hd {
    padding: 0;
  }
  .partner-show .prev {
    left: -100px;
  }
  .partner-show .next {
    right: -100px;
  }
  .partner-show .btn {
    width: 76px;
    height: 76px;
  }
}

.searchtitle401 {
  padding: 15px;
  background-color: #f3f3f3;
}

.searchcont401 {
  padding: 10px 0;
}

.resultlist401 {
  font-size: 13px;
  padding: 15px 0;
}

.resultlist401 ul {
  padding-bottom: 30px;
}

.resultlist401 img {
  display: block;
  width: 100%;
}

.resultlist401 li {
  padding: 15px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: -1px;
}

.resultlist401 h4 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
}

.resultlist401 h4 a {
  display: block;
}

.resultlist401 h4 em {
  color: red;
  font-style: normal;
}

.resultlist401 h4 a {
  display: block;
}

.resulttext401 {
  height: 72px;
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #666;
}

.resultlabel401 {
  color: #333;
  display: inline-block;
  padding-top: 3%;
}

.searchinputcont401 {
  padding-right: 60px;
}

.searchinputcont401 dt input {
  position: relative;
  float: left;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-indent: 12px;
  font-size: 15px;
  color: #333;
  background-color: #fff;
}

.searchinputcont401 dd input {
  position: relative;
  left: 60px;
  margin-left: -60px;
  float: left;
  width: 60px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  background: #f57c13;
}

.searchimg401 {
  display: block;
  margin-bottom: 3%;
}

@media (min-width: 768px) {
  .searchcont401 {
    padding: 30px 0;
  }
  .searchinputcont401 {
    max-width: 61.8%;
    margin: 0 auto;
  }
  .searchtitle401 {
    font-size: 24px;
  }
  .resultlist401 {
    padding: 3% 0;
  }
  .resultlist401 img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    width: auto;
  }
  .searchimg401 {
    float: left;
    margin: 0 3% 0 0;
    display: block;
    width: 200px;
    height: 150px;
    overflow: hidden;
    position: relative;
  }
  .resultlist401 h4 {
    font-size: 20px;
    margin-bottom: 2%;
  }
}

@media (min-width: 1024px) {
  .searchcont401 {
    padding: 0px 0 50px;
  }
  .searchtitle401 {
    padding: 28px 15px;
  }
  .searchinputcont401 {
    width: 45%;
  }
  .searchinputcont401 dt {
    float: left;
    width: 78%;
  }
  .searchinputcont401 dd {
    float: left;
    width: 22%;
  }
  .searchinputcont401 dd input {
    left: 0;
    margin-left: 0;
    width: 100%;
  }
  .searchinputcont401 dt input {
    font-size: 18px;
  }
  .searchinputcont401 dd input {
    text-align: center;
    font-size: 16px;
  }
}

body {
  overflow-x: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

.commonwebmd, .commonweblg {
  padding: 0 15px;
}

@media (min-width: 768px) {
  .commonwebmd, .commonweblg {
    padding: 0 20px;
  }
}

@media (min-width: 1024px) {
  .commonwebmd, .commonweblg {
    padding: 0 40px;
  }
}

@media (min-width: 1512px) {
  .commonwebmd {
    padding: 0;
    max-width: 1432px;
    margin: 0 auto;
  }
}

@media (min-width: 1606px) {
  .commonweblg {
    padding: 0;
    max-width: 1526px;
    margin: 0 auto;
  }
}

.u-armore {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../images/uarmore.png);
  -o-background-size: auto 100%;
  background-size: auto 100%;
  font-size: 14px;
  line-height: 30px;
  padding: 0 28px 0 15px;
}

.u-pick {
  padding: 20px 0;
  text-align: center;
  font-size: 0;
}

.u-pick a, .u-pick .a {
  display: inline-block;
  vertical-align: top;
}

.u-pick .arrow {
  position: relative;
  z-index: 3;
  display: inline-block;
  vertical-align: top;
  width: 36px;
  height: 30px;
  overflow: hidden;
  -webkit-transform: translate(-12px, 2px);
  -moz-transform: translate(-12px, 2px);
  -ms-transform: translate(-12px, 2px);
  -o-transform: translate(-12px, 2px);
  transform: translate(-12px, 2px);
}

.u-pick .arrow:after, .u-pick .arrow::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.u-pick .arrow::before {
  -webkit-transform: translateX(9px) skewX(30deg);
  -moz-transform: translateX(9px) skewX(30deg);
  -ms-transform: translateX(9px) skewX(30deg);
  -o-transform: translateX(9px) skewX(30deg);
  transform: translateX(9px) skewX(30deg);
  background-color: #29c7a2;
}

.u-pick .arrow:after {
  z-index: 3;
  background: url(../images/pickarr.png) no-repeat center;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  transition: all ease .3s;
  -o-background-size: 18px auto;
  background-size: 18px auto;
}

.u-pick span {
  position: relative;
  z-index: 5;
  display: inline-block;
  vertical-align: top;
  padding: 0 22px 0 14px;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  overflow: hidden;
}

.u-pick span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-9px) skewX(30deg);
  -moz-transform: translateX(-9px) skewX(30deg);
  -ms-transform: translateX(-9px) skewX(30deg);
  -o-transform: translateX(-9px) skewX(30deg);
  transform: translateX(-9px) skewX(30deg);
  background-color: #042536;
}

.u-case-btns {
  padding: 20px 0;
  font-size: 0;
  text-align: center;
}

.u-case-btns .u-pick {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 0 3px;
}

.u-img {
  position: relative;
  overflow: hidden;
}

.u-img::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 100%;
}

.u-img img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  min-height: 100%;
}

.path-swiper .swiper-slide-active img {
  -webkit-animation: scale 5s linear infinite;
  -moz-animation: scale 5s linear infinite;
  -o-animation: scale 5s linear infinite;
  animation: scale 5s linear infinite;
}

.path-swiper .u-img::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(31, 58, 72, 0.85);
  -webkit-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}

.u-pdtitle {
  position: relative;
  text-align: center;
  padding: 20px 0;
}

.u-pdtitle .en {
  font-size: 34px;
  line-height: 0.78;
  color: #f0f3f7;
  white-space: nowrap;
}

.u-pdtitle.clip-pdtitle .en {
  background-image: url(../images/clip_03.png);
  background-repeat: repeat;
  background-position: 0 0;
  background-blend-mode: overlay;
  -o-background-clip: text;
  background-clip: text;
  background: none\0;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  white-space: nowrap;
  -o-background-size: 4px auto;
  background-size: 4px auto;
}

.u-pdtitle.clip-pdtitle .cn::after {
  content: '';
  display: block;
  overflow: hidden;
  width: 1em;
  height: 2px;
  margin: 8px auto 0;
  background-color: #0a142d;
}

.u-pdtitle .cn {
  margin-top: -16px;
  position: relative;
  z-index: 3;
  font-size: 20px;
  line-height: 1.5;
  color: #0a142d;
}

@media (max-width: 345px) {
  .u-pdtitle .en {
    font-size: 32px;
  }
  .u-pdtitle .cn {
    font-size: 18px;
  }
}

.m-crumbs {
  display: none;
}

.product-container {
  position: relative;
  z-index: 5;
  background-color: #fff;
  padding-top:60px;
}

.inside-container {
  position: relative;
  z-index: 6;
  background-color: #fff;
}

/*.product-container {
  overflow: hidden;
}*/
.inside-banner {
  position: relative;
  overflow: hidden;
}

.inside-banner::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 40%;
}

.inside-banner .inner {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 0;
  overflow: hidden;
}

.inside-banner .inner:after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 40%;
}

.inside-banner .inner img {
  position: absolute;
  left: 0;
  top: 0;
  /*
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  */
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inside-banner .inner .ban-title {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 5;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  color: #fff;
}

@media (max-width: 340px) {
  .inside-banner .inner .ban-title {
    font-size: 18px;
	
  }
}

.inside-banner .inban-vd {
  cursor: pointer;
}

.inside-banner .inban-vd::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../images/ptvideoico.png);
  -o-background-size: cover;
  background-size: cover;
}

.prodct-ban {
  overflow: hidden;
}

.prodct-ban::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 68%;
}

.prodct-ban a {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}

.prodct-ban a:after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 68%;
}

.prodct-ban a img {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
  height: 100%;
}

.prodct-ban .commonweblg {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.prodct-ban .info {
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
}

.prodct-ban .info h3 {
  font-size: 18px;
  color: #fff;
}

.prodct-ban .info h3 br {
  display: none;
}

.prodct-ban .info .text {
  padding: 10px 0 15px;
}

.product-video {
  position: relative;
  z-index: 20;
  padding-top: 5px;
  padding-bottom: 20px;
}

.product-video .info {
  padding: 15px 0;
  background-color: #fff;
}

.product-video .info .title {
  font-size: 18px;
  line-height: 1.4;
  color: #042536;
}

.product-video .info .title::after {
  content: '';
  display: block;
  margin: 10px 0 12px;
  overflow: hidden;
  width: 3.4em;
  height: 1px;
  background-color: #29c7a2;
}

.product-video .info .desc {
  font-size: 14px;
  line-height: 24px;
  color: #042536;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
}

.product-video .poster {
  position: relative;
}

.product-video .poster a {
  display: block;
}

.product-video .poster .video-info-btn::after {
  position: absolute;
  left: 74.6%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3;
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../images/ptvideoico.png);
  -o-background-size: cover;
  background-size: cover;
}

.product-video .poster .video-info-btn.not::after {
  display: none;
}

.product-video .poster img {
  width: 100%;
}

.product-features .full-features {
  padding: 20px 0 10px;
  background-color: #f8fafd;
}

.product-features .features {
  font-size: 0;
  margin: 0 -5px;
  text-align: center;
}

.product-features .features li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  margin-bottom: 15px;
  padding: 0 5px;
  text-align: center;
}

.product-features .features .ico {
  width: 55px;
  height: 55px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px dashed #1c977a;
  margin: 0 auto;
}

.product-features .features .ico .out {
  display: none;
}

.product-features .features .ico img {
  display: block;
  width: 100%;
}

.product-features .features .msg {
  font-size: 14px;
  line-height: 20px;
  color: #042536;
}

.product-features .features .msg h4 {
  padding: 6px 0 3px;
  font-size: 16px;
  line-height: 1.5;
}

.product-features .features .msg p {
  max-width: 288px;
  margin: 0 auto;
  color: #666;
}

.product-capability {
  padding: 20px 0;
}

.product-capability .sketch {
  text-align: center;
  font-size: 0;
}

.product-capability .sketch img {
  max-width: 80%;
}

.product-capability .cap-info {
  padding: 15px 15px 20px;
  background-color: #14285a;
}

.product-capability .cap-info .en {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 1.25;
  color: #29448e;
}

.product-capability .cap-info .cn {
  font-size: 18px;
  line-height: 1.3;
  color: #fff;
}

.product-capability .cap-info .cn::after {
  content: '';
  display: block;
  width: 2.16em;
  padding-top: 12px;
  border-bottom: 2px solid #15c299;
}

.product-capability.h3bpm-capability .cap-info .cn::after {
  border-color: #80ba25;
}

.product-capability .cap-tab {
  padding: 10px 15px 15px;
  -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.2);
}

.product-capability .cap-tab .handle {
  font-size: 0;
  border-bottom: 2px solid #e6e9ee;
  white-space: nowrap;
  cursor: pointer;
}

.product-capability .cap-tab .handle .title {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
  margin-bottom: -2px;
  padding: 10px 0;
  font-size: 16px;
  line-height: 1.5;
  color: #a4abb6;
  border-bottom: 2px solid #e6e9ee;
}

.product-capability .cap-tab .handle .cur {
  color: #042536;
  border-color: #15c299;
}

.product-capability .cap-tab .four-long .title {
  font-size: 13px;
  margin-right: 10px;
}

.product-capability .cap-tab .content {
  padding: 15px 0;
  font-size: 14px;
  line-height: 24px;
  color: #042536;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
}

.product-capability .cap-tab .content .text {
  display: none;
}

.product-capability .cap-tab .content .text:first-child {
  display: block;
}

.product-capability .table-tab .handle {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.product-capability .table-tab .handle li {
  display: table-cell;
  padding-right: 15px;
}

.product-capability .table-tab .handle .title {
  margin: 0 0 -2px 0;
}

.h3bpm-capability {
  position: relative;
  z-index: 3;
}

.h3bpm-capability .cap-info {
  position: relative;
}

.h3bpm-capability .cap-info::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 100%;
  z-index: -1;
  display: block;
  width: 100%;
  height: 500%;
  background: url(../images/capabbg.png) no-repeat center bottom;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

/*.h3bpm-capability .cap-tab {
  -webkit-box-shadow: none;
  box-shadow: none;
}*/
.ptsolu-swiper {
  margin-bottom: 15px;
}

.ptsolu-swiper .thumb {
  position: relative;
}

.ptsolu-swiper .thumb::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 88.33333%;
}

.ptsolu-swiper .thumb img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  min-height: 100%;
}

.ptsolu-swiper .content {
  border: 1px solid #edf1f7;
  border-top: 0;
  padding: 15px;
}

.ptsolu-swiper .content h3 {
  font-size: 18px;
  line-height: 24px;
  color: #042536;
}

.ptsolu-swiper .content .sub {
  font-size: 16px;
  line-height: 26px;
  color: #8691a2;
}

.ptsolu-swiper .content .sub::after {
  content: '';
  display: block;
  overflow: hidden;
  width: 4em;
  height: 1px;
  margin: 13px 0 20px;
  background-color: #70aa16;
}

.ptsolu-yunshu .ptsolu-swiper .content .sub::after {
  background-color: #29c7a2;
}

.ptsolu-swiper .content .desc {
  font-size: 14px;
  line-height: 22px;
  color: #042536;
  max-height: 110px;
  overflow-y: auto;
  padding-right: 15px;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
}

.ptsolu-swiper .content .desc::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  background-color: #fff;
}

.ptsolu-swiper .content .desc::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
}

.ptsolu-swiper .content .desc::-webkit-scrollbar-thumb {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  background-color: #70aa16;
}

.ptsolu-yunshu .ptsolu-swiper .content .desc::-webkit-scrollbar-thumb {
  background-color: #29c7a2;
}

.bpm-solution .solu-panel {
  display: none;
}

.bpm-solution .solu-panel:first-child {
  display: block;
}

.bpm-solution .content .cate {
  font-size: 18px;
  line-height: 22px;
}

.bpm-solution .content .cate::after {
  content: '';
  display: block;
  margin: 10px 0;
  width: 3.7em;
  height: 1px;
  background-color: #80ba25;
}

.bpm-solution .content .sub {
  margin-bottom: 10px;
}

.bpm-solution .content .sub::after {
  display: none;
}

.bpm-solution .content .desc {
  margin-bottom: 10px;
}

.bpm-solution .content .u-armore {
  cursor: pointer;
  background-image: url(../images/uarmorebk.png);
}

.ptsolu-pages {
  max-width: 900px;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
}

.ptsolu-pages ul {
  font-size: 0;
  overflow: hidden;
  -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
}

.ptsolu-pages li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 20%;
  font-size: 10px;
  line-height: 16px;
  color: #042536;
}

.ptsolu-pages li br {
  display: none;
}

.ptsolu-pages li a {
  display: block;
  position: relative;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}

.ptsolu-pages li a::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 100%;
}

.ptsolu-pages li.cur a {
  background-color: #042536;
  color: #fff;
}

.ptsolu-pages li.cur .in {
  display: none;
}

.ptsolu-pages li.cur .out {
  display: inline-block;
}

.ptsolu-pages li .mid {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 3px;
  white-space: normal;
}

.ptsolu-pages li .out {
  display: none;
}

.ptsolu-pages li img {
  width: 26px;
  padding-bottom: 9px;
}

.ptsolu-pages li {
  font-size: 0;
}

.ptsolu-pages li img {
  padding-bottom: 0;
}

.ptsolu-pages li p {
  line-height: 0;
}

.ptsolu-pages-bpm li {
  font-size: 0;
}

.ptsolu-pages-bpm li img {
  padding-bottom: 0;
}

.ptsolu-pages-bpm li p {
  line-height: 0;
}

.full-product-coope {
  padding: 10px 0 10px;
  background-color: #edf1f7;
}

.full-product-coope .u-pdtitle .en {
  color: #fff;
}

.coope-wrapper {
  position: relative;
}

.coope-wrapper .coop-pages {
  padding: 8px 0;
  text-align: center;
}

.coope-wrapper .coop-pages span {
  margin: 0 3px;
}

.coop-ctrl {
  display: none;
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  transition: all ease .3s;
}

.coop-prev {
  left: -30px;
  background-image: url(../images/coopprevac.png);
}

.coop-prev:hover {
  background-color: #29c7a2;
  background-image: url(../images/coopprev.png);
}

.coop-next {
  right: -30px;
  background-image: url(../images/coopnextac.png);
}

.coop-next.swiper-button-disabled {
  background: #fff url(../images/coopnextdis.png) center no-repeat !important;
}

.coop-prev.swiper-button-disabled {
  background: #fff url(../images/coopprevdis.png) center no-repeat !important;
}

.coop-next:hover {
  background-color: #29c7a2;
  background-image: url(../images/coopnext.png);
}

.coope-swiper {
  position: relative;
  margin-bottom: 10px;
}

.coope-swiper li {
  position: relative;
  border-bottom: 2px solid #1eb9ee;
}

.full-product-coope.full-product-coope-yunshu .coope-swiper li {
  border-color: #29c7a2;
}

.full-product-coope.full-product-coope-yunshu .swiper-pagination-bullet-active {
  background-color: #29c7a2;
}

.full-product-coope.full-product-coope-bpm .swiper-pagination-bullet-active {
  background-color: #80ba25;
}

.coope-swiper li:nth-child(even) {
  border-color: #1f6fca;
}

.product-capability-chuanyun .cap-info .cn::after {
  border-color: #1eb9ee;
}

.coope-swiper li.on .fixmodel {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.coope-swiper .vdplay {
  cursor: pointer;
}

.coope-swiper .vdplay .thumb::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16.84211%;
  padding-bottom: 16.84211%;
  background-repeat: no-repeat;
  background-image: url(../images/coopvd.png);
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: cover;
  background-size: cover;
}

.coope-swiper .thumb {
  position: relative;
}

.coope-swiper .thumb::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 56.05263%;
}

.coope-swiper .thumb img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  min-height: 100%;
}

.coope-swiper h3 {
  font-size: 18px;
  line-height: 22px;
}

.coope-swiper .sub {
  padding: 7px 0 21px;
  font-size: 14px;
  line-height: 22px;
}

.coope-swiper .desc {
  font-size: 14px;
  line-height: 20px;
}

.coope-swiper .content {
  padding: 15px 10px;
  background-color: #fff;
}

.coope-swiper .content h3 {
  color: #042536;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.coope-swiper .content .sub {
  color: #042536;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.coope-swiper .content .desc {
  color: #6b808b;
  display: -webkit-box;
  max-height: 60px;
  line-height: 20px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.coope-swiper .hd {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding-bottom: 15px;
}

.coope-swiper .hd .sign, .coope-swiper .hd .msg {
  display: table-cell;
  vertical-align: middle;
}

.coope-swiper .hd .sign {
  font-size: 0;
  width: 80px;
  text-align: center;
  padding-right: 10px;
}

.coope-swiper .hd .sign img {
  max-width: 100%;
}

.coope-swiper .hd .sub {
  padding: 7px 0;
}

.coope-swiper .fixmodel {
  opacity: 0;
  -webkit-transform: translate(0, 40%);
  -moz-transform: translate(0, 40%);
  -ms-transform: translate(0, 40%);
  -o-transform: translate(0, 40%);
  transform: translate(0, 40%);
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5s;
  -moz-transition: all ease .5s;
  transition: all ease .5s;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: #042536;
  color: #fff;
  padding: 15px 10px;
}

.coope-swiper .fixmodel.cur {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.coope-swiper .fixmodel .hd .sign {
  display: none;
}

.coope-swiper .fixmodel .hd .sub {
  padding: 7px 0 21px;
}

.coope-swiper .fixmodel .desc {
  max-height: 200px;
  overflow-y: auto;
  padding-right: 10px;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
}

.coope-swiper .fixmodel .desc::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  background-color: #fff;
}

.coope-swiper .fixmodel .desc::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
}

.coope-swiper .fixmodel .desc::-webkit-scrollbar-thumb {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  background-color: #29c7a2;
}

.coope-list {
  overflow: hidden;
}

.coope-list ul {
  font-size: 0;
  margin: 0 -5px;
}

.coope-list li {
  display: inline-block;
  vertical-align: top;
  padding: 5px;
  width: 33.3333%;
}

.coope-list img {
  width: 100%;
}

/* 视频弹窗*/
.full-video-wrapper {
  padding-top: 20px;
  padding-bottom: 15px;
}

.full-video-wrapper a {
  display: block;
}

.full-video-wrapper .thumb {
  margin-bottom: 12px;
  position: relative;
  overflow: hidden;
}

.full-video-wrapper .thumb:after {
  content: '';
  display: block;
  width: 100%;
}

.full-video-wrapper .thumb img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%;
}

.full-video-wrapper .thumb:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  margin: -26px 0 0 -26px;
  width: 52px;
  height: 52px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/vdAvideoico.png);
}

.full-video-wrapper .hot-item .thumb:after {
  padding-bottom: 43.5%;
}

.full-video-wrapper li .thumb:after {
  padding-bottom: 74.87047%;
}

.full-video-wrapper li, .full-video-wrapper .hot-item {
  margin-bottom: 18px;
}

.full-video-wrapper .title {
  margin-bottom: 3px;
  font-size: 16px;
  line-height: 28px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #333;
}

.full-video-wrapper .date {
  font-size: 14px;
  line-height: 1;
  color: #666;
  color: #666;
}

.full-video-wrapper .loadmore {
  overflow: hidden;
  padding: 10px 0;
}

.full-video-wrapper .loadmore a {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-size: 0;
  line-height: 40px;
  text-align: center;
  color: #e1e1e1;
  background-color: #e1e1e1;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/videoloadmore.png);
}

.video-player-popup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 101;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 0;
  text-align: center;
}

.video-player-popup:before {
  content: '';
  width: 0;
  height: 100%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

.video-player-popup .video-player {
  position: relative;
  width: 94%;
  min-height: 300px;
  max-width: 960px;
  margin-top: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

.video-player-popup .close {
  position: absolute;
  right: 0;
  top: -40px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/vdAclosebtn.png);
}

@media (min-width: 768px) {
  .full-video-wrapper .video-list {
    overflow: hidden;
  }
  .full-video-wrapper .video-list ul {
    font-size: 0;
    margin: 0 -10px;
  }
  .full-video-wrapper .video-list li {
    width: 50%;
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
  }
}

@media (min-width: 1024px) {
  .full-video-wrapper {
    padding: 40px 0 50px;
  }
  .full-video-wrapper img {
    -webkit-transition: -webkit-transform ease .7s;
    transition: -webkit-transform ease .7s;
    -o-transition: -o-transform ease .7s;
    -moz-transition: transform ease .7s, -moz-transform ease .7s;
    transition: transform ease .7s;
    transition: transform ease .7s, -webkit-transform ease .7s, -moz-transform ease .7s, -o-transform ease .7s;
  }
  .full-video-wrapper li, .full-video-wrapper .hot-item {
    margin-bottom: 28px;
  }
  .full-video-wrapper a:hover img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
  }
  .full-video-wrapper a:hover h2 {
    color: #f65479;
  }
  .full-video-wrapper .title {
    font-size: 18px;
  }
  .full-video-wrapper .date {
    font-size: 16px;
  }
  .full-video-wrapper .video-list li {
    width: 33.3333%;
  }
  .full-video-wrapper .loadmore {
    padding: 10px 0 0;
  }
  .full-video-wrapper .loadmore a {
    line-height: 50px;
  }
}

.product-manage {
  position: relative;
  z-index: 10;
}

.product-manage .u-pdtitle {
  padding-bottom: 10px;
}

.product-manage .u-pdtitle .u-sub {
  padding: 10px 0;
  font-size: 14px;
  line-height: 1.4;
  color: #042536;
}

.product-manage .manage-list li {
  margin-bottom: 15px;
}

.product-manage .manage-list li .inner {
  padding: 10px;
  overflow: hidden;
  *zoom: 1;
  -webkit-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}

.product-manage .manage-list li .ico {
  float: left;
  margin-right: 10px;
}

.product-manage .manage-list li .ico img {
  width: 80px;
}

.product-manage .manage-list li .msg {
  overflow: hidden;
  *zoom: 1;
  font-size: 14px;
  line-height: 1.5;
}

.product-manage .manage-list li h4 {
  padding-bottom: 3px;
  font-size: 16px;
  line-height: 1.4;
  color: #042536;
}

.inside-nav {
  position: relative;
  z-index: 1000;
}

.inside-nav .chl-title {
  font-size: 18px;
  line-height: 30px;
  padding: 12px 15px;
  color: #333;
  text-align: center;
}

.inside-nav .chl-title::after {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 30px;
  margin-left: 12px;
  background: url(../images/navdw.png) no-repeat center;
  -o-background-size: 14px auto;
  background-size: 14px auto;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  transition: all ease .3s;
}

.inside-nav .navlist {
  display: none;
  position: absolute;
  left: 0;
  top: 54px;
  width: 100%;
  background-color: #fff;
  padding: 0 15px 10px;
  -webkit-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.2);
}

.inside-nav .navlist li {
  border-bottom: 1px solid #ccc;
}

.inside-nav .navlist a {
  display: block;
  font-size: 15px;
  line-height: 40px;
  padding: 0 20px;
  text-align: center;
}

.yun-handle ul {
  font-size: 0;
  text-align: center;
}

.yun-handle li {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  line-height: 1.5;
}

.yun-handle li a {
  display: block;
  padding: 5px 3px;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  transition: all ease .3s;
}

.yun-handle li a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  background: -webkit-linear-gradient(45deg, #8175ff, #58dcff);
  background: -moz- oldlinear-gradient(45deg, #8175ff, #58dcff);
  background: -o-linear-gradient(45deg, #8175ff, #58dcff);
  background: linear-gradient(45deg, #8175ff, #58dcff);
  -webkit-transition: width ease .5s;
  -o-transition: width ease .5s;
  -moz-transition: width ease .5s;
  transition: width ease .5s;
}

.yun-handle li.cur a {
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.1);
}

.yun-handle li.cur a::after {
  width: 100%;
}

.yun-handle li .ico {
  padding: 0 18%;
}

.yun-handle li .ico img {
  max-width: 100%;
}

.yun-handle li h4 {
  font-size: 12px;
  color: #14285a;
  font-weight: bold;
}

.yun-handle li .sub {
  display: none;
  font-size: 12px;
  color: #324c83;
}

.full-yun-features {
  padding-bottom: 20px;
  background: url(../images/yuncapabbg.png) no-repeat center bottom;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

.full-yun-features .panel {
  display: none;
}

.full-yun-features .panel:first-child {
  display: block;
}

.full-yun-features .info {
  padding: 15px 0 24px;
}

.full-yun-features .info .lf-title {
  font-size: 18px;
  line-height: 1.4;
  color: #042536;
}

.full-yun-features .info .dot {
  padding: 3px 0;
  font-size: 14px;
  line-height: 1.5;
  color: #8d939e;
  background-repeat: no-repeat;
  background-position: 0 center;
}

.full-yun-features .item img {
  display: block;
  max-width: 100%;
  height: auto !important;
}

.yun-wrapper {
  padding-top: 15px;
}

.yun-wrapper li .img img {
  width: 100%;
}

.yun-wrapper li .msg {
  padding: 10px 0;
  font-size: 14px;
  line-height: 1.5;
  color: #6666;
}

.yun-wrapper li .msg h4 {
  font-size: 18px;
  line-height: 1.3;
  color: #444;
}

.yun-wrapper li .msg .blue {
  color: #21b6ed;
}

.yun-wrapper li .msg .desc {
  padding-top: 8px;
}

.yun-wrapper .yun-pages {
  text-align: center;
}

.yun-wrapper .yun-pages span {
  margin: 0 3px;
}

.yun-wrapper .yun-pages .swiper-pagination-bullet-active {
  background-color: #21b6ed;
}

.template-intro {
  position: relative;
}

.template-intro ul {
  position: relative;
  z-index: 3;
  text-align: center;
}

.template-intro li {
  padding-bottom: 15px;
  font-size: 16px;
  line-height: 28px;
}

.template-intro .ico {
  padding: 0 25%;
  position: relative;
}

.template-intro .ico img {
  display: block;
  width: 100%;
}

.template-intro .ico img:last-child {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: 0.3s ease opacity;
  -moz-transition: 0.3s ease opacity;
  -o-transition: 0.3s ease opacity;
  transition: 0.3s ease opacity;
}

.product-container .inside-nav .navlist li.cur a {
  border-color: #29c7a2;
}

.product-container .m-crumbs li:last-child a {
  color: #29c7a2;
}

.product-container .m-crumbs li a:hover {
  color: #29c7a2;
}

.product-container .product-capability .cap-tab .content::-webkit-scrollbar-thumb {
  background-color: #29c7a2;
}

.bpm-theme .product-capability .cap-tab .content::-webkit-scrollbar-thumb {
  background-color: #80ba25;
}

.bpm-theme .inside-nav .navlist li.cur a {
  border-color: #80ba25;
}

.bpm-theme .m-crumbs li:last-child a {
  color: #80ba25;
}

.bpm-theme .m-crumbs li a:hover {
  color: #80ba25;
}

.bpm-theme .product-video .info .title::after {
  background-color: #80ba25;
}

.bpm-theme .product-capability .cap-tab .handle .cur {
  border-color: #80ba25;
}

.bpm-theme .u-pick .arrow::before {
  background-color: #80ba25;
}

.bpm-theme .coope-swiper li {
  border-color: #80ba25;
}

.bpm-theme .coop-prev {
  background-image: url(../images/coopprevac1.png);
}

.bpm-theme .coop-prev:hover {
  background-color: #80ba25;
  background-image: url(../images/coopprev.png);
}

.bpm-theme .coop-next {
  background-image: url(../images/coopnextac1.png);
}

.bpm-theme .coop-next:hover {
  background-color: #80ba25;
  background-image: url(../images/coopnext.png);
}

.bpm-theme .coope-swiper .fixmodel .desc::-webkit-scrollbar {
  background-color: #fff;
}

.bpm-theme .coope-swiper .fixmodel .desc::-webkit-scrollbar-track {
  background-color: #fff;
}

.bpm-theme .coope-swiper .fixmodel .desc::-webkit-scrollbar-thumb {
  background-color: #80ba25;
}

.yun-theme .product-capability .cap-tab .content::-webkit-scrollbar-thumb {
  background-color: #1eb9ee;
}

.yun-theme .inside-nav .navlist li.cur a {
  border-color: #1eb9ee;
}

.yun-theme .m-crumbs li:last-child a {
  color: #1eb9ee;
}

.yun-theme .m-crumbs li a:hover {
  color: #1eb9ee;
}

.yun-theme .product-video .info .title::after {
  background-color: #1eb9ee;
}

.yun-theme .product-capability .cap-tab .handle .cur {
  border-color: #1eb9ee;
}

.yun-theme .u-pick .arrow::before {
  background-color: #1eb9ee;
}

.yun-theme .coope-swiper li {
  border-color: #1eb9ee;
}

.yun-theme .coop-prev {
  background-image: url(../images/coopprevac2.png);
}

.yun-theme .coop-prev:hover {
  background-color: #1eb9ee;
  background-image: url(../images/coopprev.png);
}

.yun-theme .coop-next {
  background-image: url(../images/coopnextac2.png);
}

.yun-theme .coop-next:hover {
  background-color: #1eb9ee;
  background-image: url(../images/coopnext.png);
}

.yun-theme .yun-wrapper .yun-prev {
  background-image: url(../images/coopprevac2.png);
}

.yun-theme .yun-wrapper .yun-prev:hover {
  background-color: #1eb9ee;
  background-image: url(../images/coopprev.png);
}

.yun-theme .yun-wrapper .yun-next {
  background-image: url(../images/coopnextac2.png);
}

.yun-theme .yun-wrapper .yun-next:hover {
  background-color: #1eb9ee;
  background-image: url(../images/coopnext.png);
}

.yun-theme .coope-swiper .fixmodel .desc::-webkit-scrollbar {
  background-color: #fff;
}

.yun-theme .coope-swiper .fixmodel .desc::-webkit-scrollbar-track {
  background-color: #fff;
}

.yun-theme .coope-swiper .fixmodel .desc::-webkit-scrollbar-thumb {
  background-color: #1eb9ee;
}

.contact-info ul {
  font-size: 0;
  text-align: center;
}

.contact-info li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 22px;
  color: #010c11;
}

.contact-info li h4 {
  font-size: 14px;
  line-height: 22px;
  color: #737373;
}

.contact-info li a {
  font-weight: bold;
}

.contact-info li p {
  word-break: break-all;
  padding: 0 5px;
}

.contact-info .ico {
  margin-bottom: 10px;
}

.contact-info .wx {
  font-size: 14px;
  line-height: 18px;
  color: #010c11;
}

.contact-list .inner {
  padding: 0 10%;
}

.contact-list .thumb {
  position: relative;
  overflow: hidden;
}

.contact-list .thumb::after {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 54.34783%;
}

.contact-list .thumb img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  min-height: 100%;
}

.contact-list .info {
  padding: 16px 0 10px;
  font-size: 14px;
  line-height: 26px;
  color: #042536;
}

.contact-list .info .name {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  padding-bottom: 12px;
}

.contact-list .info .name::after {
  content: '';
  display: block;
  overflow: hidden;
  margin: 10px 0 0;
  width: 1em;
  height: 2px;
  background-color: #042536;
}

.contact-list .info p {
  overflow: hidden;
  *zoom: 1;
}

.contact-list .info p i {
  float: left;
  font-style: normal;
}

.contact-list .info p span, .contact-list .info p a {
  display: block;
  overflow: hidden;
  *zoom: 1;
  color: #333;
}

.contact-map {
  padding: 20px 0;
  background-color: #fafafa;
  margin-bottom: 10px;
}

.contact-map .logo {
  margin-bottom: 10px;
}

.contact-map .info {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 26px;
  color: #042536;
}

.contact-map .info h3 {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  color: #042536;
}

.contact-map .info p {
  overflow: hidden;
  *zoom: 1;
}

.contact-map .info p i {
  float: left;
  font-style: normal;
}

.contact-map .info p span, .contact-map .info p a {
  display: block;
  overflow: hidden;
  *zoom: 1;
  color: #333;
}

.contact-map .map a, .contact-map .map img {
  display: block;
  max-width: 100%;
}

.news-cate {
  padding: 0 0 15px;
  font-size: 0;
  text-align: center;
}

.news-cate ul {
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  border: 1px solid #eaecf1;
}

.news-cate ul li {
  display: inline-block;
  vertical-align: top;
}

.news-cate ul .cur a {
  color: #fff;
  background-color: #042536;
}

.news-cate ul a {
  display: block;
  padding: 0 18px;
  font-size: 14px;
  line-height: 36px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}

.newstop-wraper {
  padding-bottom: 20px;
}

.newstop-swiper li a {
  display: block;
}

.newstop-swiper .u-img::after {
  padding-bottom: 61.81818%;
}

.newstop-swiper .info {
  padding: 20px 15px 10px;
  background-color: #1d4053;
}

.newstop-swiper .info h2 {
  margin-bottom: 10px;
  font-size: 18px;
  display: -webkit-box;
  max-height: 56px;
  line-height: 28px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #fff;
}

.newstop-swiper .info .desc {
  font-size: 14px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.8);
  display: -webkit-box;
  max-height: 120px;
  line-height: 24px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
}

.newstop-swiper .u-pick {
  text-align: left;
}

.newstop-swiper .u-pick span::before {
  background-color: #042536;
}

.newstop-swiper .u-pick .arrow:before {
  background-color: #f57c13;
}

.newstop-swiper .pages {
  position: absolute;
  left: 0;
  bottom: 6px;
  z-index: 10;
  width: 100%;
  text-align: center;
}

.newstop-swiper .pages span {
  margin: 0 3px;
  background-color: #ccdae2;
}

.newstop-swiper .pages .swiper-pagination-bullet-active {
  background-color: #f57c13;
}

.full-newscenter {
  padding: 20px 0 25px;
  background-color: #f2f2f2;
}

.newscenter-list li {
  margin-bottom: 15px;
}

.newscenter-list li a {
  display: block;
}

.newscenter-list .u-img::after {
  padding-bottom: 60.52632%;
}

.newscenter-list .info {
  background-color: #fff;
}

.newscenter-list .info h2 {
  margin-bottom: 8px;
  font-size: 16px;
  display: -webkit-box;
  max-height: 44px;
  line-height: 22px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #042536;
  height: 44px;
}

.newscenter-list .info p {
  font-size: 14px;
  color: #666666;
  display: -webkit-box;
  max-height: 66px;
  line-height: 22px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 66px;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
}

.newscenter-list .msg {
  padding: 15px 15px;
}

.newscenter-list .morebtn {
  padding: 15px 15px;
  border-top: 1px solid #dcdcdc;
}

.newscenter-list .morebtn span {
  display: inline-block;
  padding: 0 11px 0 18px;
  font-size: 14px;
  line-height: 28px;
  color: #ccc;
  border: solid 1px #e6e6e6;
}

.newscenter-list .morebtn span::after {
  content: '>';
  display: inline-block;
  vertical-align: top;
  padding-left: 0.5em;
}

.ipages {
  font-size: 0;
  text-align: center;
}

.ipages a, .ipages span {
  width: 34px;
  height: 34px;
  margin: 0 2px;
  font-size: 14px;
  line-height: 32px;
  display: inline-block;
  vertical-align: top;
  border: solid 1px #dbe8ee;
  background-color: #fff;
}

.ipages .laypage_prev {
  font-size: 0;
}

.ipages .laypage_prev::after {
  content: '<';
  font-size: 14px;
}

.ipages .laypage_curr {
  border-color: rgba(0, 0, 0, 0);
  background: none;
}

.ipages .laypage_next {
  font-size: 0;
}

.ipages .laypage_next::after {
  content: '>';
  font-size: 14px;
}

.welfare {
  background: url(../images/welfare.jpg) center no-repeat;
  -o-background-size: cover;
  background-size: cover;
}

.profiletop-wraper .welfare .item {
  margin-bottom: 15px;
  padding: 15px;
  background-repeat: repeat;
  background-position: 0 0;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  background-color: #042536;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}

.profiletop-wraper .welfare .item:nth-child(1), .profiletop-wraper .welfare .item:nth-child(6), .profiletop-wraper .welfare .item:nth-child(8), .profiletop-wraper .welfare .last .item:last-child {
  background: url(../images/welfare-padbg.png) 0 0 no-repeat;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

.profiletop-wraper .welfare .last .item:first-child {
  background: #042536;
}

.profiletop-wraper .welfare .item:nth-child(4), .profiletop-wraper .welfare .item:nth-child(5) {
  background-color: #42555f;
}

.profiletop-wraper .welfare .ico {
  margin-bottom: 10px;
}

.profiletop-wraper .welfare .ico img {
  width: 35px;
}

.profiletop-wraper .welfare .msg {
  position: relative;
  padding: 15px 20px 30px;
  font-size: 18px;
  line-height: 1.3;
  font-style: italic;
  background: url(../images/comma.png) no-repeat 0 0;
  -o-background-size: auto 14px;
  background-size: auto 14px;
}

.profiletop-wraper .welfare .msg h4 {
  position: relative;
  z-index: 3;
}

.profiletop-wraper .welfare .msg:after {
  content: '';
  position: absolute;
  left: 15px;
  bottom: 15px;
  width: 660px;
  height: 40px;
  background: url(../images/welfare-line.png) repeat 0 0;
}

.full-env-wrapper {
  padding-bottom: 10px;
  background-color: #f7f7f7;
}

.full-env-wrapper .u-pdtitle.clip-pdtitle .en {
  background-image: url(../images/clip_01.png);
}

.full-env-wrapper .u-pdtitle.clip-pdtitle .cn::after {
  background-color: #f18d00;
}

.full-env-wrapper .env-list img {
  display: block;
  width: 100%;
}

.full-env-wrapper .item {
  margin-bottom: 10px;
}

.job-wrapper .job-form {
  margin-bottom: 20px;
  padding: 15px 10px;
  background-color: #f6f6f6;
}

.job-wrapper .search {
  /*-webkit-border-radius: 19px;
  border-radius: 19px;*/
  background-color: #fff;
  overflow: hidden;
}

.job-wrapper .search form {
  display: block;
  position: relative;
  padding-right: 141px;
}

.job-wrapper .search input {
  width: 100%;
  font-size: 14px;
  line-height: 38px;
  height: 38px;
  color: #02080b;
}

.job-wrapper .search input[type=text] {
  padding: 0 10px;
}

.job-wrapper .search .submit {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  width: 70px;
  background-color: #042536;
  color: #fff;
  text-align: center;
}

.job-wrapper .search .submit:last-child {
  right: 71px;
}

.job-wrapper .keys-panel {
  padding: 9px 0 0;
  overflow: hidden;
  *zoom: 1;
  color: #989a9a;
}

.job-wrapper .keys-panel .label {
  float: left;
}

.job-wrapper .keys-panel .panel {
  overflow: hidden;
  *zoom: 1;
  font-size: 0;
}

.job-wrapper .keys-panel a {
  font-size: 14px;
  margin-right: 8px;
  color: #989a9a;
}

.profile-article .img img {
  display: block;
  width: 100%;
}

.profile-article .info {
  padding: 15px;
  background-color: #052231;
  font-size: 14px;
  line-height: 26px;
  color: #fff;
}

.profile-article .info br {
  display: none;
}

.profile-article .info .sub {
  padding: 10px 0;
  font-size: 18px;
  line-height: 28px;
  color: #7a8e98;
}

.profile-article .logo {
  font-size: 0;
}

.profile-article .logo img {
  height: 26px;
}

.profile-icodesc {
  padding: 15px 0 55px;
}

.profile-icodesc li {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #6d7f88;
  text-align: center;
}

.profile-icodesc li h4 {
  padding: 15px 0 5px;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  color: #042536;
}

.profile-icodesc .ico {
  width: 75px;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);
}

.profile-icodesc .ico img {
  width: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.full-proifle-view {
  position: relative;
}

.full-proifle-view .v-btn {
  content: '';
  display: block;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../images/ptvideoico.png);
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  top: -31px;
  left: 50%;
  margin-left: -30px;
}

.full-proifle-view .bg {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 3;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  min-width: 100%;
  height: 100%;
}

.full-proifle-view .probnum {
  position: relative;
  z-index: 10;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.full-proifle-view .probnum .desc {
  padding: 15px;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  background: url(../images/pronumbg.jpg) no-repeat 0 0;
}

.full-proifle-view .probnum .desc span {
  font-size: 22px;
  color: #f57c13;
}

.full-proifle-view .view {
  position: relative;
  z-index: 5;
  font-size: 16px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.7);
  padding-top: 5px;
  padding-bottom: 25px;
}

.full-proifle-view .view h3 {
  font-size: 20px;
  line-height: 1.5;
  color: #fff;
}

.full-proifle-view .view h3::after {
  content: '';
  display: block;
  overflow: hidden;
  margin: 13px 0 16px;
  width: 1.1em;
  height: 2px;
  background-color: #fff;
}

.path-wrapper {
  padding-bottom: 30px;
}

.path-wrapper .path-swiper {
  max-width: 500px;
  margin: 0 auto;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.path-wrapper .path-ctrl {
  display: none;
}

.path-wrapper .path-pages {
  text-align: center;
}

.path-wrapper .path-pages span {
  margin: 0 3px;
}

.path-wrapper .path-pages .swiper-pagination-bullet-active {
  background-color: #f57c13;
}

.path-wrapper li {
  position: relative;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
}

.path-wrapper .info {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
}

.path-wrapper .info::before {
  content: '';
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.path-wrapper .mid {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  width: 80%;
}

.path-wrapper .year {
  font-size: 32px;
  line-height: 0.8;
}

.path-wrapper .year::after {
  content: '';
  display: block;
  width: 1.5em;
  height: 3px;
  overflow: hidden;
  margin: 15px auto;
  background-color: #f57c13;
}

.path-wrapper .dot {
  display: inline-block;
  text-align: left;
  font-size: 16px;
  line-height: 32px;
  max-height: 128px;
  overflow-y: auto;
  padding: 0 10px;
}

.path-wrapper .dot::-webkit-scrollbar {
  width: 4px;
  height: 8px;
  background-color: #fff;
}

.path-wrapper .dot::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
}

.path-wrapper .dot::-webkit-scrollbar-thumb {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  background-color: #f57c13;
}

.path-wrapper .dot p::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
}

.inProduct-tab svg {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 5;
  width: 100%;
  height: 122%;
}

@media (min-width: 768px) {
  .inside-banner::after {
    padding-bottom: 18.22917%;
  }
  .inside-banner .inner:after {
    padding-bottom: 18.22917%;
  }
  .inside-banner .inban-vd::before {
    width: 60px;
    height: 60px;
  }
  .u-pick .arrow {
    width: 48px;
    height: 42px;
    -webkit-transform: translate(-16px, 4px);
    -moz-transform: translate(-16px, 4px);
    -ms-transform: translate(-16px, 4px);
    -o-transform: translate(-16px, 4px);
    transform: translate(-16px, 4px);
  }
  .u-pick .arrow::before {
    -webkit-transform: translateX(12px) skewX(30deg);
    -moz-transform: translateX(12px) skewX(30deg);
    -ms-transform: translateX(12px) skewX(30deg);
    -o-transform: translateX(12px) skewX(30deg);
    transform: translateX(12px) skewX(30deg);
  }
  .u-pick .arrow:after {
    -o-background-size: 26px auto;
    background-size: 26px auto;
  }
  .u-pick span {
    padding: 0 35px 0 19px;
    font-size: 16px;
    line-height: 42px;
  }
  .u-pick span::before {
    -webkit-transform: translateX(-12px) skewX(30deg);
    -moz-transform: translateX(-12px) skewX(30deg);
    -ms-transform: translateX(-12px) skewX(30deg);
    -o-transform: translateX(-12px) skewX(30deg);
    transform: translateX(-12px) skewX(30deg);
  }
  .inside-banner .inner .ban-title {
    font-size: 26px;
  }
  .prodct-ban::after {
    padding-bottom: 33.85417%;
  }
  .prodct-ban a:after {
    padding-bottom: 33.85417%;
  }
  .coope-list li {
    width: 20%;
  }
  .ptsolu-pages li {
    font-size: 16px;
    line-height: 18px;
    padding: 0 20px;
  }
  .ptsolu-pages li img {
    width: 40px;
    padding-bottom: 12px;
  }
  .ptsolu-pages li .mid {
    left: 0;
    width: 100%;
  }
  .ptsolu-pages li p {
    line-height: 22px;
  }
  .ptsolu-pages-bpm li img {
    padding-bottom: 3px;
  }
  .ptsolu-pages-bpm li p {
    height: 44px;
  }
  .full-proifle-view .v-btn {
    top: -10px;
  }
}

@media (min-width: 768px) and (min-width: 1024px) {
  .ptsolu-pages-bpm li br {
    display: block;
  }
  .ptsolu-pages-bpm li img {
    padding-bottom: 12px;
  }
}

@media (min-width: 768px) {
  .full-proifle-view .probnum .desc {
    text-align: center;
    -moz-text-align-last: center;
    text-align-last: center;
  }
  .product-features .features li {
    width: 33.3333%;
  }
  .product-video .poster .video-info-btn::after {
    width: 80px;
    height: 80px;
  }
  .product-manage .u-pdtitle {
    padding-bottom: 10px;
  }
  .product-manage .manage-list ul {
    font-size: 0;
    margin: 0 -10px;
  }
  .product-manage .manage-list li {
    display: inline-block;
    vertical-align: top;
    width: 33.3333%;
    margin-bottom: 0;
    padding: 0 10px;
    text-align: center;
  }
  .product-manage .manage-list li .inner {
    padding: 20px 15px 10px;
  }
  .product-manage .manage-list li .ico {
    float: none;
    margin: 0 auto 15px;
  }
  .product-manage .manage-list li .msg {
    line-height: 24px;
  }
  .product-manage .manage-list li p {
    display: -webkit-box;
    max-height: 96px;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .product-capability .cap-tab .four-long .title {
    font-size: 16px;
  }
  .yun-handle li a::after {
    height: 4px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
  }
  .yun-handle li a {
    display: block;
    padding: 15px 5px;
  }
  .yun-wrapper {
    position: relative;
  }
  .yun-wrapper li {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .yun-wrapper li .img {
    display: table-cell;
    vertical-align: middle;
    width: 55.83333%;
  }
  .yun-wrapper li .msg {
    display: table-cell;
    vertical-align: middle;
    width: 44.16667%;
    padding-left: 5%;
  }
  .yun-wrapper .yun-prev {
    left: -30px;
  }
  .yun-wrapper .yun-next {
    right: -30px;
  }
  .full-yun-template .u-pick {
    padding: 4px 0 76px;
  }
  .template-intro::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background-color: #14285a;
  }
  .template-intro ul {
    font-size: 0;
  }
  .template-intro li {
    display: inline-block;
    vertical-align: top;
    width: 33.3333%;
    padding-bottom: 30px;
    color: #fff;
  }
  .template-intro .ico {
    margin-bottom: 18px;
    padding: 0 10%;
  }
  .template-intro .ico img {
    display: block;
    width: 100%;
  }
  .contact-info li {
    width: 33.3333%;
  }
  .contact-list ul {
    font-size: 0;
  }
  .contact-list li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
  .contact-list .info {
    padding: 16px 0;
  }
  .newscenter-list ul {
    font-size: 0;
    margin: 0 -12px;
  }
  .newscenter-list li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 12px;
    margin-bottom: 24px;
  }
  .profiletop-wraper .welfare .item {
    float: left;
    width: 33.3333%;
    margin-bottom: 0;
    font-size: 16px;
  }
  .profiletop-wraper .welfare .welfare-list {
    margin-bottom: 15px;
  }
  .profiletop-wraper .welfare .last {
    clear: both;
  }
  .profiletop-wraper .welfare .msg {
    position: relative;
    padding: 15px 20px 30px;
    font-size: 18px;
    line-height: 1.3;
    font-style: italic;
    background: url(../images/comma.png) no-repeat 0 0;
    -o-background-size: auto 14px;
    background-size: auto 14px;
  }
  .profiletop-wraper .welfare .msg h4 {
    position: relative;
    z-index: 3;
  }
  .profiletop-wraper .welfare .msg:after {
    content: '';
    position: absolute;
    left: 15px;
    bottom: 15px;
    width: 660px;
    height: 40px;
    background: url(../images/welfare-line.png) repeat 0 0;
  }
  .job-wrapper .job-form {
    padding: 20px;
  }
  .job-wrapper .search {
    float: right;
    width: 50%;
  }
  .job-wrapper .keys-panel {
    float: left;
    width: 48%;
  }
}

@media (min-width: 1024px) {
  body {
    padding-top: 0;
  }
  .inside-banner .inner {
    top: 0;
  }
  .inside-banner .inner .ban-title {
    font-size: 28px;
  }
  .u-pick {
    padding: 40px 0;
  }
  .u-pick .arrow {
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
  }
  .u-pick a:hover .arrow {
    -webkit-transform: translate(-12px, 4px);
    -moz-transform: translate(-12px, 4px);
    -ms-transform: translate(-12px, 4px);
    -o-transform: translate(-12px, 4px);
    transform: translate(-12px, 4px);
  }
  .u-pick a:hover .arrow::after {
    background-position: 78% center;
  }
  .u-case-btns {
    padding: 40px 0;
  }
  .u-case-btns .u-pick {
    margin: 0 6px;
  }
  .u-pdtitle {
    padding: 40px 0;
  }
  .u-pdtitle .en {
    font-size: 70px;
  }
  .u-pdtitle .cn {
    font-size: 26px;
    margin-top: -28px;
  }
  .u-pdtitle.clip-pdtitle .cn::after {
    margin-top: 18px;
  }
  .m-crumbs {
    display: block;
    font-size: 0;
    padding-top: 25px;
  }
  .m-crumbs li {
    display: inline-block;
    vertical-align: top;
  }
  .m-crumbs li:after {
    content: '/';
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 46px;
    padding: 0 8px;
  }
  .m-crumbs li a {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 46px;
    color: #042536;
  }
  .m-crumbs li a:hover {
    color: #f18d00;
  }
  .m-crumbs li:last-child:after {
    display: none;
  }
  .m-crumbs li:last-child a {
    color: #f18d00;
  }
  .u-armore {
    font-size: 18px;
    line-height: 42px;
    padding: 0 45px 0 22px;
  }
  .ipages .laypage_main a {
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
  }
  .ipages .laypage_main a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #f18d00;
    border-color: #f18d00;
  }
  .ipages .laypage_prev {
    width: 72px;
    font-size: 14px;
  }
  .ipages .laypage_prev::after {
    display: none;
  }
  .ipages .laypage_next {
    width: 72px;
    font-size: 14px;
  }
  .ipages .laypage_next::after {
    display: none;
  }
  .inside-nav {
    position: absolute;
    left: 50%;
    top: -50px;
    width: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
  }
  .inside-nav .chl-title {
    display: none;
  }
  .inside-nav .navlist {
    position: relative;
    top: 0;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    width: auto;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
  }
  .inside-nav .navlist li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0 50px;
    border: 0;
  }
  .inside-nav .navlist li.cur a, .inside-nav .navlist li:hover a {
    border-color: #f18d00;
  }
  .inside-nav .navlist li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 10px;
    width: 1px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.33);
  }
  .inside-nav .navlist li:last-child::after {
    display: none;
  }
  .inside-nav .navlist a {
    position: relative;
    padding: 4px 18px 0;
    line-height: 42px;
    color: #fff;
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
  }
  .prodct-ban {
    overflow: hidden;
  }
  .prodct-ban a {
    top: 0;
  }
  .prodct-ban .info {
    font-size: 16px;
    width: 53%;
  }
  .prodct-ban .info h3 {
    font-size: 32px;
  }
  .prodct-ban .info h3 br {
    display: block;
  }
  .prodct-ban .info .text {
    padding: 23px 0 75px;
  }
  .product-video {
    padding-top: 8px;
    padding-bottom: 5.20833%;
  }
  .product-video .video-info {
    position: relative;
  }
  .product-video .info {
    position: absolute;
    left: 6.66667%;
    top: 19.2%;
    z-index: 3;
    background-color: #fff;
    width: 30%;
    min-width: 320px;
    padding: 4.83333% 2.33333% 30px;
    -webkit-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
  }
  .product-video .info .title {
    font-size: 30px;
  }
  .product-video .info .title::after {
    -webkit-transform: translateX(-62px);
    -moz-transform: translateX(-62px);
    -ms-transform: translateX(-62px);
    -o-transform: translateX(-62px);
    transform: translateX(-62px);
    margin: 26px 0 28px;
  }
  .product-video .info .desc {
    font-size: 16px;
    line-height: 30px;
    min-height: 270px;
  }
  .product-features .full-features {
    padding: 80px 0 10px;
    background-color: #f8fafd;
  }
  .product-features .features {
    margin: 0 25px;
  }
  .product-features .features li {
    width: 25%;
    margin-bottom: 42px;
    padding: 0 5px;
    text-align: center;
  }
  .product-features .features li:hover .ico {
    -webkit-transform: translate(0, -32px);
    -moz-transform: translate(0, -32px);
    -ms-transform: translate(0, -32px);
    -o-transform: translate(0, -32px);
    transform: translate(0, -32px);
  }
  .product-features .features li:hover .ico::after {
    opacity: 1;
  }
  .product-features .features li:hover .ico .in {
    display: none;
  }
  .product-features .features li:hover .ico .out {
    display: block;
  }
  .product-features .features li:hover .msg h4 {
    font-weight: bold;
    -webkit-transform: translate(0, -32px);
    -moz-transform: translate(0, -32px);
    -ms-transform: translate(0, -32px);
    -o-transform: translate(0, -32px);
    transform: translate(0, -32px);
  }
  .product-features .features li:hover .msg p {
    opacity: 1;
    -webkit-transform: translate(0, -32px);
    -moz-transform: translate(0, -32px);
    -ms-transform: translate(0, -32px);
    -o-transform: translate(0, -32px);
    transform: translate(0, -32px);
  }
  .product-features .features .ico {
    position: relative;
    z-index: 10;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
    width: 110px;
    height: 110px;
  }
  .product-features .features .ico::after {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: '';
    display: block;
    width: 142px;
    height: 142px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 15px solid #d9f2ef;
    background-color: #3dccab;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
  }
  .product-features .features .msg {
    font-size: 16px;
  }
  .product-features .features .msg h4 {
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
    padding: 23px 0 10px;
    font-size: 18px;
  }
  .product-features .features .msg p {
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    opacity: 0;
  }
  .product-capability {
    padding: 3.95833% 0 0;
  }
  .product-capability .capability-panel {
    position: relative;
    padding-left: 50%;
  }
  .product-capability .sketch {
    position: absolute;
    left: 0;
    bottom: 30px;
    z-index: 5;
    width: 50%;
    min-height: 86%;
    font-size: 0;
  }
  .product-capability .sketch::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
  }
  .product-capability .sketch img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
  }
  .product-capability .capability {
    position: relative;
    z-index: 5;
    width: 100%;
  }
  .product-capability .cap-info {
    position: relative;
    z-index: 5;
    padding: 41px 17px 40px 35px;
  }
  .product-capability .cap-info::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    right: -300px;
    width: 400%;
    height: 100%;
    background-color: #14285a;
  }
  .product-capability .cap-info .en {
    margin-bottom: 20px;
    font-size: 34px;
  }
  .product-capability .cap-info .cn {
    font-size: 22px;
  }
  .product-capability .cap-info .cn::after {
    padding-top: 40px;
  }
  .product-capability .cap-tab {
    padding: 36px 17px 51px 35px;
  }
  .product-capability .cap-tab .handle {
    margin-bottom: 15px;
  }
  .product-capability .cap-tab .handle .title {
    padding: 17px 0;
    font-size: 20px;
  }
  .product-capability .cap-tab .content {
    padding: 0 20px 0 0;
    font-size: 16px;
    line-height: 28px;
    height: 196px;
    overflow-y: auto;
    text-align: justify;
    -moz-text-align-last: left;
    text-align-last: left;
  }
  .product-capability .cap-tab .content::-webkit-scrollbar {
    width: 4px;
    height: 8px;
    background-color: #fff;
  }
  .product-capability .cap-tab .content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
  }
  .product-capability .cap-tab .content::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    background-color: #15c299;
  }
  .h3bpm-capability::before {
    position: absolute;
    left: 0;
    bottom: 20%;
    content: '';
    display: block;
    width: 100%;
    height: 150%;
    background: url(../images/capabbg.png) no-repeat center bottom;
    -o-background-size: 100% auto;
    background-size: 100% auto;
  }
  .h3bpm-capability .cap-info::before {
    display: none;
  }
  .product-container{
	padding-top:0;
  }
  .product-solution {
    padding-bottom: 30px;
  }
  .ptsolu-swiper {
    margin: 0;
  }
  .ptsolu-swiper li {
    border: 1px solid #edf1f7;
  }
  .ptsolu-swiper .thumb {
    float: right;
    width: 50%;
  }
  .ptsolu-swiper .content {
    float: left;
    width: 50%;
    border: 0;
    border-top: 0;
    padding: 113px 66px 113px 46px;
  }
  .ptsolu-swiper .content h3 {
    font-size: 24px;
    line-height: 30px;
  }
  .ptsolu-swiper .content .sub {
    font-size: 18px;
    line-height: 30px;
  }
  .ptsolu-swiper .content .sub::after {
    margin: 26px 0 40px;
  }
  .ptsolu-swiper .content .desc {
    font-size: 16px;
    line-height: 24px;
    max-height: 120px;
    padding-right: 52px;
  }
  .bpm-solution .content {
    padding: 27px 66px 83px 46px;
  }
  .bpm-solution .content .cate {
    font-size: 26px;
    line-height: 30px;
  }
  .bpm-solution .content .cate::after {
    margin: 23px 0 17px;
  }
  .bpm-solution .content .sub {
    margin-bottom: 13px;
  }
  .bpm-solution .content .desc {
    height: 120px;
    margin-bottom: 18px;
  }
  .ptsolu-pages {
    position: relative;
    z-index: 12;
    margin-top: -70px;
  }
  .ptsolu-pages li img {
    width: 52px;
  }
  .full-product-coope {
    padding: 15px 0 14px;
  }
  .coope-wrapper .coop-pages {
    display: none;
  }
  .coop-ctrl {
    display: block;
  }
  .coope-swiper,.m-case-item-swiper {
    margin-bottom: 38px;
  }
  .coope-swiper .hd .sign {
    width: 120px;
  }
  .coope-swiper .thumb {
    position: relative;
  }
  .coope-swiper .thumb::after {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 56.05263%;
  }
  .coope-swiper .thumb img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    min-height: 100%;
  }
  .coope-swiper h3 {
    font-size: 22px;
    line-height: 28px;
  }
  .coope-swiper .sub {
    padding: 7px 0 21px;
    font-size: 16px;
    line-height: 24px;
  }
  .coope-swiper .desc {
    font-size: 14px;
    line-height: 20px;
  }
  .coope-swiper .content {
    padding: 23px 20px 53px 25px;
  }
  .coope-swiper .fixmodel {
    padding: 46px 18px 30px 25px;
  }
  .coope-swiper .fixmodel .desc {
    padding-right: 20px;
  }
  .coope-list ul {
    margin: 0 -3px;
  }
  .coope-list li {
    padding: 3px;
    width: 14.28571%;
  }
  .product-manage .u-pdtitle {
    padding-bottom: 60px;
  }
  .product-manage .u-pdtitle .u-sub {
    font-size: 18px;
  }
  .product-manage .manage-list ul {
    margin: 0 -15px;
  }
  .product-manage .manage-list li {
    padding: 0 15px;
  }
  .product-manage .manage-list li .ico {
    width: 150px;
    height: 150px;
    line-height: 150px;
    margin: 0 auto 30px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: background ease .5s;
    -o-transition: background ease .5s;
    -moz-transition: background ease .5s;
    transition: background ease .5s;
  }
  .product-manage .manage-list li .ico img {
    width: 120px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
  }
  .product-manage .manage-list li .inner {
    position: relative;
    padding: 56px 16px 32px;
    -webkit-transition: -webkit-transform ease .5s;
    transition: -webkit-transform ease .5s;
    -o-transition: -o-transform ease .5s;
    -moz-transition: transform ease .5s, -moz-transform ease .5s;
    transition: transform ease .5s;
    transition: transform ease .5s, -webkit-transform ease .5s, -moz-transform ease .5s, -o-transform ease .5s;
    background-color: #fff;
    text-align: center;
  }
  .product-manage .manage-list li .inner:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 0;
    height: 2px;
    background-color: #80ba25;
    -webkit-transition: width ease .5s;
    -o-transition: width ease .5s;
    -moz-transition: width ease .5s;
    transition: width ease .5s;
  }
  .product-manage .manage-list li .inner:hover {
    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    -o-transform: translate(0, -50px);
    transform: translate(0, -50px);
  }
  .product-manage .manage-list li .inner:hover:after {
    width: 100%;
  }
  .product-manage .manage-list li .inner:hover .ico {
    background-color: rgba(74, 148, 232, 0.05);
  }
  .product-manage .manage-list li h4 {
    font-size: 24px;
    padding-bottom: 11px;
  }
  .product-capability .cap-tab .four-long .title {
    font-size: 16px;
  }
  .yun-handle li {
    width: 20%;
    padding: 0 6px;
  }
  .yun-handle li a {
    padding: 12px 10px 20px;
  }
  .yun-handle li a::after {
    height: 6px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  .yun-handle li.cur a {
    -webkit-transform: translate(0, -10%);
    -moz-transform: translate(0, -10%);
    -ms-transform: translate(0, -10%);
    -o-transform: translate(0, -10%);
    transform: translate(0, -10%);
  }
  .yun-handle li.cur a .sub {
    opacity: 1;
  }
  .yun-handle li .ico {
    padding: 0 18%;
  }
  .yun-handle li .ico img {
    max-width: 100%;
  }
  .yun-handle li h4 {
    padding: 8px 0 5px;
    font-size: 18px;
  }
  .yun-handle li .sub {
    display: block;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: opacity ease .5s;
    -o-transition: opacity ease .5s;
    -moz-transition: opacity ease .5s;
    transition: opacity ease .5s;
  }
  .yun-wrapper {
    padding-top: 36px;
    position: relative;
  }
  .yun-wrapper li {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .yun-wrapper li .img {
    display: table-cell;
    vertical-align: middle;
    width: 55.83333%;
  }
  .yun-wrapper li .msg {
    display: table-cell;
    vertical-align: middle;
    width: 44.16667%;
    padding-left: 4.16667%;
    font-size: 18px;
  }
  .yun-wrapper li .msg h4 {
    font-size: 24px;
  }
  .yun-wrapper li .msg .desc {
    padding-top: 36px;
  }
  .yun-wrapper .yun-pages {
    display: none;
  }
  .full-yun-features {
    padding-top: 2.8125%;
    padding-bottom: 47px;
  }
  .full-yun-features .yun-intro {
    padding: 22px 0 0;
  }
  .full-yun-features .panel {
    display: none;
  }
  .full-yun-features .panel:first-child {
    display: block;
  }
  .full-yun-features .info {
    float: left;
    width: 38%;
    padding: 50px 0 24px;
  }
  .full-yun-features .info .lf-title {
    margin-bottom: 27px;
    font-size: 30px;
  }
  .full-yun-features .info .dot {
    padding: 10px 0;
    font-size: 18px;
  }
  .full-yun-features .item {
    float: right;
    width: 62%;
  }
  .full-yun-features .item img {
    display: block;
    max-width: 100%;
    height: auto !important;
  }
  .full-yun-template {
    padding: 16px 0 0;
  }
  .full-yun-template .u-pick {
    padding: 4px 0 94px;
  }
  .full-yun-template .template-intro li {
    font-size: 22px;
    line-height: 54px;
  }
  .full-yun-template .template-intro .inner {
    padding: 0 10%;
    -webkit-transition: -webkit-transform ease .5s;
    transition: -webkit-transform ease .5s;
    -o-transition: -o-transform ease .5s;
    -moz-transition: transform ease .5s, -moz-transform ease .5s;
    transition: transform ease .5s;
    transition: transform ease .5s, -webkit-transform ease .5s, -moz-transform ease .5s, -o-transform ease .5s;
  }
  .full-yun-template .template-intro .inner:hover {
    -webkit-transform: translate(0, -3%);
    -moz-transform: translate(0, -3%);
    -ms-transform: translate(0, -3%);
    -o-transform: translate(0, -3%);
    transform: translate(0, -3%);
  }
  .template-intro .ico {
    padding: 0;
  }
  .full-yun-template .template-intro .inner:hover img:last-child {
    opacity: 1;
  }
  .contact-info ul {
    margin: 0 -10px;
  }
  .contact-info li {
    padding: 0 10px;
    width: 20%;
    margin-bottom: 0;
    font-size: 16px;
  }
  .contact-info li h4 {
    font-size: 15px;
  }
  .contact-info .inner {
    height: 178px;
    padding: 21px 0 15px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
  }
  .contact-info .inner:hover {
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    transform: translate(0, -10px);
    -webkit-box-shadow: 0 4px 10px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px 3px rgba(0, 0, 0, 0.1);
  }
  .contact-info .inner:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
  }
  .contact-info .ico {
    margin-bottom: 23px;
  }
  .contact-info li a {
    cursor: default;
  }
  .contact-info .ico img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
  }
  .contact-info .wx {
    padding: 17px 0 15px;
  }
  .contact-info .wx .ico {
    margin-bottom: 5px;
  }
  .contact-list {
    padding: 37px 0 40px;
  }
  .contact-list li {
    margin-top: -1px;
    width: 33.3333%;
    border-top: 1px solid #eaf1f4;
    border-right: 1px solid #eaf1f4;
  }
  .contact-list li:nth-child(1), .contact-list li:nth-child(2), .contact-list li:nth-child(3) {
    border-top: 0;
  }
  .contact-list li:nth-child(3n) {
    border-right: 0;
  }
  .contact-list .thumb img {
    -webkit-transition: -webkit-transform ease .5s;
    transition: -webkit-transform ease .5s;
    -o-transition: -o-transform ease .5s;
    -moz-transition: transform ease .5s, -moz-transform ease .5s;
    transition: transform ease .5s;
    transition: transform ease .5s, -webkit-transform ease .5s, -moz-transform ease .5s, -o-transform ease .5s;
  }
  .contact-list .inner {
    padding: 44px 8% 0;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
  }
  .contact-list .inner:hover {
    -webkit-box-shadow: 0px 3px 18px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 18px 5px rgba(0, 0, 0, 0.1);
  }
  .contact-list .inner:hover img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
  }
  .contact-list .inner:hover .name::after {
    background-color: #f57c13;
  }
  .contact-list .info {
    padding: 26px 0 15px;
    height: 190px;
    font-size: 16px;
    line-height: 30px;
  }
  .contact-list .info .name {
    font-size: 20px;
    padding-bottom: 12px;
  }
  .contact-map {
    padding: 65px 0;
  }
  .contact-map .commonweb {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .contact-map .logo {
    margin-bottom: 14px;
  }
  .contact-map .info {
    display: table-cell;
    vertical-align: middle;
    width: 42.33333%;
    padding-bottom: 42px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 30px;
  }
  .contact-map .info h3 {
    margin-bottom: 23px;
    font-size: 22px;
  }
  .contact-map .map {
    display: table-cell;
    vertical-align: middle;
    width: 57.66667%;
  }
  .news-cate {
    padding: 0 0 42px;
  }
  .news-cate ul {
    -webkit-border-radius: 24px;
    border-radius: 24px;
  }
  .news-cate ul a {
    padding: 0 48px;
    font-size: 16px;
    line-height: 48px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
  }
  .newstop-wraper {
    padding-bottom: 40px;
  }
  .newstop-swiper li {
    position: relative;
    padding: 0 35.83333% 5.5% 0;
  }
  .newstop-swiper .info {
    position: absolute;
    left: 64.16667%;
    top: 44px;
    z-index: 10;
    width: 39.83333%;
    height: 85%;
    padding: 38px 36px 48px;
    margin-left: -48px;
  }
  .newstop-swiper .info::after {
    position: absolute;
    left: 0;
    top: -44px;
    content: '';
    border-top: 22px solid rgba(0, 0, 0, 0);
    border-right: 24px solid #092533;
    border-bottom: 22px solid #092533;
    border-left: 24px solid rgba(0, 0, 0, 0);
  }
  .newstop-swiper .info h2 {
    margin-bottom: 23px;
    font-size: 20px;
    display: -webkit-box;
    max-height: 64px;
    line-height: 32px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .newstop-swiper .info .desc {
    font-size: 16px;
  }
  .newstop-swiper .u-pick {
    padding: 20px 0 0;
  }
  .newstop-swiper .pages {
    left: 64.16667%;
    width: 39.83333%;
    bottom: 9.41176%;
    text-align: left;
  }
  .newstop-swiper .pages span {
    margin: 0 5px;
  }
  .full-newscenter {
    padding: 80px 0 0;
  }
  .newscenter-list {
    padding-bottom: 60px;
  }
  .newscenter-list ul {
    padding-bottom: 36px;
  }
  .newscenter-list li {
    width: 33.3333%;
  }
  .newscenter-list .info h2 {
    margin-bottom: 18px;
    font-size: 20px;
    display: -webkit-box;
    max-height: 52px;
    line-height: 26px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 52px;
  }
  .newscenter-list .info p {
    font-size: 16px;
  }
  .newscenter-list img {
    -webkit-transition: -webkit-transform ease .5s;
    transition: -webkit-transform ease .5s;
    -o-transition: -o-transform ease .5s;
    -moz-transition: transform ease .5s, -moz-transform ease .5s;
    transition: transform ease .5s;
    transition: transform ease .5s, -webkit-transform ease .5s, -moz-transform ease .5s, -o-transform ease .5s;
  }
  .newscenter-list a {
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
  }
  .newscenter-list a:hover {
    -webkit-box-shadow: 0 0 16px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 16px 6px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-3%);
    -moz-transform: translateY(-3%);
    -ms-transform: translateY(-3%);
    -o-transform: translateY(-3%);
    transform: translateY(-3%);
  }
  .newscenter-list a:hover img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
  }
  .newscenter-list a:hover h2 {
    color: #f18d00;
  }
  .newscenter-list a:hover .morebtn span {
    border-color: #f18d00;
    color: #fff;
    background-color: #f18d00;
  }
  .newscenter-list .msg {
    padding: 36px 30px 28px;
  }
  .newscenter-list .morebtn {
    padding: 20px 30px;
  }
  .newscenter-list .morebtn span {
    font-size: 16px;
  }
  .profiletop-wraper {
    padding-bottom: 7.55208%;
  }
  .profiletop-wraper .welfare {
    position: relative;
    background-color: #f6f9fa;
  }
  .profiletop-wraper .welfare .item {
    width: 25%;
    padding: 66px 22px 27px;
    white-space: nowrap;
    overflow: hidden;
  }
  .profiletop-wraper .welfare .ico {
    margin-bottom: 35px;
  }
  .profiletop-wraper .welfare .ico img {
    width: 65px;
  }
  .profiletop-wraper .welfare .welfare-list {
    margin-bottom: 0;
  }
  .profiletop-wraper .welfare .welfare-list::before {
    content: '';
    float: left;
    width: 25%;
    height: 217px;
    background: url(../images/welfare-pad.png) no-repeat right 0;
  }
  .profiletop-wraper .welfare .welfare-list .ico {
    -webkit-transition: -webkit-transform ease .5s;
    transition: -webkit-transform ease .5s;
    -o-transition: -o-transform ease .5s;
    -moz-transition: transform ease .5s, -moz-transform ease .5s;
    transition: transform ease .5s;
    transition: transform ease .5s, -webkit-transform ease .5s, -moz-transform ease .5s, -o-transform ease .5s;
  }
  .profiletop-wraper .welfare .welfare-list .item p {
    -webkit-transition: -webkit-transform ease .5s;
    transition: -webkit-transform ease .5s;
    -o-transition: -o-transform ease .5s;
    -moz-transition: transform ease .5s, -moz-transform ease .5s;
    transition: transform ease .5s;
    transition: transform ease .5s, -webkit-transform ease .5s, -moz-transform ease .5s, -o-transform ease .5s;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
  }
  .profiletop-wraper .welfare .welfare-list .item:hover .ico {
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
  .profiletop-wraper .welfare .welfare-list .item:hover p {
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
  .profiletop-wraper .welfare .msg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    z-index: 3;
    padding: 29px 20px 50px 60px;
    font-size: 30px;
    -o-background-size: auto 28px;
    background-size: auto 28px;
    background-position: 22px 0;
  }
  .profiletop-wraper .welfare .msg:after {
    height: 80px;
    left: 87px;
    bottom: 28px;
  }
  .full-env-wrapper {
    padding-bottom: 4.16667%;
    background-color: #f7f7f7;
  }
  .full-env-wrapper .env-list {
    margin: 0 -0.41322%;
  }
  .full-env-wrapper .env-list img {
    display: block;
    width: 100%;
  }
  .full-env-wrapper .panel {
    float: left;
    width: 33.3333%;
    padding: 0 0.41322%;
  }
  .full-env-wrapper .top {
    padding-bottom: 2.75479%;
  }
  .full-env-wrapper .md {
    position: relative;
    overflow: hidden;
  }
  .full-env-wrapper .md::after {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 134.21901%;
  }
  .full-env-wrapper .md img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
  }
  .full-env-wrapper .item {
    margin-bottom: 0;
  }
  .job-wrapper .job-form {
    margin-bottom: 48px;
  }
  .job-wrapper .search {
    -webkit-border-radius: 24px;
    border-radius: 24px;
  }
  .job-wrapper .search form {
    padding-right: 201px;
  }
  .job-wrapper .search input {
    font-size: 16px;
    line-height: 48px;
    height: 48px;
  }
  .job-wrapper .search .submit {
    width: 100px;
    padding: 0;
  }
  .job-wrapper .search .submit:last-child {
    right: 101px;
  }
  .job-wrapper .search input[type=text] {
    padding: 0 24px;
  }
  .job-wrapper .keys-panel {
    font-size: 18px;
    line-height: 30px;
  }
  .job-wrapper .keys-panel a {
    font-size: 18px;
    margin-right: 15px;
  }
  .profile-article {
    position: relative;
    padding: 0 48% 0 0;
  }
  .profile-article .info {
    position: absolute;
    left: 52%;
    top: 44px;
    z-index: 10;
    width: 53.16667%;
    height: 100%;
    padding: 25px 3.5%;
    margin-left: -48px;
    font-size: 0;
    text-align: justify;
    -moz-text-align-last: left;
    text-align-last: left;
  }
  .profile-article .info .mid {
    position: relative;
    z-index: 10;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    max-height: 100%;
    overflow-y: auto;
    padding-right: 0;
  }
  .profile-article .info .mid::-webkit-scrollbar {
    width: 4px;
    height: 8px;
    background-color: #fff;
  }
  .profile-article .info .mid::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
  }
  .profile-article .info .mid::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    background-color: #f18d00;
  }
  .profile-article .info::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
  }
  .profile-article .info::after {
    position: absolute;
    left: 0;
    top: -44px;
    content: '';
    border-top: 22px solid rgba(0, 0, 0, 0);
    border-right: 24px solid rgba(0, 0, 0, 0.2);
    border-bottom: 22px solid rgba(0, 0, 0, 0.2);
    border-left: 24px solid rgba(0, 0, 0, 0);
  }
  .profile-article .info .ico {
    content: '';
    position: absolute;
    right: 33px;
    bottom: -22px;
    z-index: 1;
    width: 123px;
    height: 110px;
    background: url(../images/aboutico.png) no-repeat center;
  }
  .profile-article .info br {
    display: block;
  }
  .profile-article .logo img {
    height: 36px;
  }
  .profile-icodesc {
    padding: 10.66667% 0 12.66667%;
  }
  .profile-icodesc ul {
    font-size: 0;
    text-align: center;
  }
  .profile-icodesc li {
    display: inline-block;
    vertical-align: top;
    width: 33.3333%;
    padding: 0 20px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 22px;
  }
  .profile-icodesc li h4 {
    font-size: 20px;
    padding: 18px 0 15px;
  }
  .profile-icodesc li p {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transition: -webkit-transform ease .5s;
    transition: -webkit-transform ease .5s;
    -o-transition: -o-transform ease .5s;
    -moz-transition: transform ease .5s, -moz-transform ease .5s;
    transition: transform ease .5s;
    transition: transform ease .5s, -webkit-transform ease .5s, -moz-transform ease .5s, -o-transform ease .5s;
  }
  .profile-icodesc .inner {
    -webkit-transition: -webkit-transform ease .5s;
    transition: -webkit-transform ease .5s;
    -o-transition: -o-transform ease .5s;
    -moz-transition: transform ease .5s, -moz-transform ease .5s;
    transition: transform ease .5s;
    transition: transform ease .5s, -webkit-transform ease .5s, -moz-transform ease .5s, -o-transform ease .5s;
  }
  .profile-icodesc .inner:hover {
    -webkit-transform: translate(0, -20px);
    -moz-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    transform: translate(0, -20px);
  }
  .profile-icodesc .inner:hover .ico::after {
    border: 2px solid #f57c13;
  }
  .profile-icodesc .inner:hover p {
    -webkit-transform: translate(0, 3px);
    -moz-transform: translate(0, 3px);
    -ms-transform: translate(0, 3px);
    -o-transform: translate(0, 3px);
    transform: translate(0, 3px);
  }
  .profile-icodesc .ico {
    position: relative;
    width: 150px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
  }
  .profile-icodesc .ico::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
  }
  .full-proifle-view {
    position: relative;
  }
  .full-proifle-view .probnum .desc {
    padding: 40px 30px;
    font-size: 30px;
    line-height: 1.4;
    text-align: center;
    -webkit-box-shadow: 0 30px 15px -18px rgba(0, 0, 0, 0.2);
    box-shadow: 0 30px 15px -18px rgba(0, 0, 0, 0.2);
  }
  .full-proifle-view .probnum .desc span {
    font-size: 50px;
  }
  .full-proifle-view .view {
    position: relative;
    z-index: 5;
    font-size: 16px;
    line-height: 24px;
    padding-left: 50%;
    padding-top: 0;
    padding-bottom: 9.375%;
  }
  .full-proifle-view .view h3 {
    font-size: 48px;
  }
  .full-proifle-view .view h3::after {
    margin: 18px 0 33px;
  }
  .full-proifle-view .view .desc {
    text-align: justify;
  }
  .full-proifle-view .v-btn {
    top: 95px;
    left: 31%;
    margin-left: -30px;
  }
  .path-wrapper {
    padding-bottom: 40px;
  }
  .path-wrapper .year {
    font-size: 42px;
  }
  .path-wrapper .year::after {
    margin: 28px auto 20px;
  }
  .path-wrapper .dot {
    font-size: 20px;
    line-height: 40px;
    max-height: 160px;
  }
  .path-wrapper .dot p::before {
    margin-right: 15px;
  }
}

@media (min-width: 1200px) {
  .path-swiper .btn {
    position: absolute;
    top: 50%;
    z-index: 50;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .path-swiper .btn:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .path-swiper .prev {
    left: 20px;
  }
  .path-swiper .next {
    right: 20px;
  }
  .path-swiper .prev:after {
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
  }
  .path-swiper .next:after {
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
  }
  .coope-swiper li:active .fixmodel, .coope-swiper li:hover .fixmodel {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@media (min-width: 1260px) {
  .contact-info {
    margin-bottom: 40px;
  }
  .contact-list {
    padding-bottom: 95px;
  }
  .inside-banner .inner .ban-title {
    font-size: 30px;
	    letter-spacing: 8px;
  }
  .inside-banner .inban-vd::before {
    width: 80px;
    height: 80px;
  }
  .prodct-ban .commonweblg {
    width: 100%;
    max-width: none;
    padding: 0 10.260%;
  }
  .u-pdtitle {
    padding: 68px 0 48px;
  }
  .u-pdtitle .en {
    font-size: 112px;
    bottom: 68px;
  }
  .u-pdtitle .cn {
    font-size: 36px;
  }
  .u-pdtitle.clip-pdtitle .en {
    -o-background-size: 8px auto;
    background-size: 8px auto;
  }
  .product-container .u-pdtitle .cn {
    font-size: 30px;
  }
  .prodct-ban .info h3 {
    font-size: 34px;
  }
  .prodct-ban.solution-ban h3{
      font-size:30px;
  }
  .prodct-ban .info .text {
    padding: 23px 0 75px;
  }
  .product-capability .cap-info {
    padding: 57px 20px 90px 55px;
  }
  .product-capability .cap-info .en {
    margin-bottom: 22px;
    font-size: 48px;
  }
  .product-capability .cap-info .cn {
    font-size: 36px;
  }
  .product-capability .cap-info .cn::after {
    padding-top: 40px;
  }
  .product-capability .cap-tab {
    padding: 25px 37px 37px 55px;
  }
  .product-capability .cap-tab .handle {
    margin-bottom: 30px;
  }
  .product-capability .cap-tab .handle .title {
    padding: 26px 0;
    font-size: 20px;
  }
  .product-capability .cap-tab .content {
    padding: 0 72px 0 0;
  }
  .product-solution {
    padding-top: 2.5%;
    padding-bottom: 44px;
  }
  .bpm-solution .content {
    padding: 42px 66px 53px 46px;
  }
  .bpm-solution .content .cate::after {
    margin: 33px 0 27px;
  }
  .bpm-solution .content .sub {
    margin-bottom: 18px;
  }
  .bpm-solution .content .desc {
    margin-bottom: 38px;
  }
  .ptsolu-pages {
    margin-bottom: 10px;
  }
  .full-product-coope {
    padding: 16px 0 14px;
  }
  .full-product-coope .u-pdtitle .en {
    font-size: 104px;
  }
  .coope-wrapper .coop-prev {
    left: -60px;
  }
  .coope-wrapper .coop-next {
    right: -60px;
  }
  .yun-wrapper .yun-prev {
    left: -60px;
  }
  .yun-wrapper .yun-next {
    right: -60px;
  }
  .product-manage {
    margin-top: -45px;
    padding-bottom: 130px;
  }
  .product-manage .u-pdtitle {
    padding-bottom: 100px;
  }
  .product-manage .u-pdtitle .u-sub {
    font-size: 20px;
  }
  .product-manage .manage-list li .ico {
    width: 210px;
    height: 210px;
    line-height: 210px;
    margin-bottom: 36px;
  }
  .product-manage .manage-list li .ico img {
    width: 160px;
  }
  .product-manage .manage-list li .msg {
    font-size: 16px;
  }
  .product-manage .manage-list li .inner {
    padding: 51px 16px 32px;
  }
  .product-manage .manage-list li h4 {
    font-size: 30px;
    padding-bottom: 11px;
  }
  .product-capability .cap-tab .four-long .title {
    font-size: 20px;
    margin-right: 50px;
  }
  .full-yun-template .u-pick {
    padding: 4px 0 128px;
  }
  .template-intro::after {
    height: 68%;
  }
  .template-intro li {
    padding-bottom: 70px;
  }
  .yun-wrapper li .msg h4 {
    font-size: 36px;
  }
  .contact-wraper .u-pdtitle {
    padding: 50px 0 60px;
  }
  .contact-info li {
    font-size: 18px;
  }
  .contact-info li h4 {
    font-size: 16px;
  }
  .contact-info .inner {
    height: 224px;
    padding: 53px 0 15px;
  }
  .contact-info .ico {
    margin-bottom: 35px;
  }
  .contact-info .wx {
    padding: 33px 0 15px;
  }
  .contact-info .wx .ico {
    margin-bottom: 17px;
  }
  .contact-list .inner {
    padding: 74px 15.5% 0;
  }
  .newstop-wraper {
    padding-bottom: 45px;
  }
  .newstop-wraper .u-pdtitle {
    padding: 47px 0 38px;
  }
  .newstop-swiper .info {
    padding: 84px 46px 88px;
    -webkit-box-shadow: 10px 35px 20px -30px rgba(0, 0, 0, 0.8);
    box-shadow: 10px 35px 20px -30px rgba(0, 0, 0, 0.8);
    height: 88%;
  }
  .newstop-swiper .info h2 {
    margin-bottom: 28px;
    font-size: 24px;
    height: 72px;
    line-height: 36px;
    -webkit-line-clamp: 2;
  }
  .newstop-swiper .u-pick {
    padding: 47px 0 0;
  }
  .newstop-swiper .pages {
    bottom: 68px;
  }
  .newstop-swiper .pages span {
    margin: 0 5px;
    width: 10px;
    height: 10px;
  }
  .profiletop-wraper {
    margin-top: -50px;
    padding-top: 30px;
  }
  .aboutus-wraper .u-pdtitle {
    padding-bottom: 60px;
  }
  .profile-article {
    margin-top: -14px;
  }
  .profile-article .info .mid {
    font-size: 18px;
  }
  .profile-article .info .sub {
    padding: 26px 0 27px;
    font-size: 22px;
  }
  .full-proifle-view {
    min-height: 595px;
  }
  .full-proifle-view .view {
    padding-left: 518px;
  }
  .full-proifle-view .v-btn {
    width: 80px;
    height: 80px;
  }
  .path-wrapper {
    padding-top: 2.8125%;
    padding-bottom: 54px;
  }
  .path-wrapper .path-panel {
    position: relative;
    max-width: 800px;
    margin: -78px auto 0;
    padding: 85px;
    background: url(../images/path-half.png) no-repeat center;
    -o-background-size: 100% auto;
    background-size: 100% auto;
  }
  .path-wrapper .path-panel::before {
    content: '';
    position: absolute;
    left: -115px;
    top: 149px;
    width: 162px;
    height: 119px;
    background: url(../images/pathstars.png) no-repeat center;
    -webkit-animation: suspension 10s linear infinite;
    -moz-animation: suspension 10s linear infinite;
    -o-animation: suspension 10s linear infinite;
    animation: suspension 10s linear infinite;
  }
  .path-wrapper .path-panel::after {
    content: '';
    position: absolute;
    right: 96px;
    top: 30px;
    width: 202px;
    height: 202px;
    background: url(../images/path-cir.png) no-repeat center;
    -webkit-animation: suspension2 10s linear infinite;
    -moz-animation: suspension2 10s linear infinite;
    -o-animation: suspension2 10s linear infinite;
    animation: suspension2 10s linear infinite;
  }
  .path-wrapper .path-panel .path-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/path-border.png) no-repeat;
    -webkit-animation: rotate 10s linear infinite;
    -moz-animation: rotate 10s linear infinite;
    -o-animation: rotate 10s linear infinite;
    animation: rotate 10s linear infinite;
  }
  .path-wrapper .path-pages {
    display: none;
  }
  .path-wrapper .path-swiper {
    max-width: 630px;
  }
  .path-wrapper .year {
    font-size: 50px;
  }
  .path-wrapper .year::after {
    margin: 28px auto 20px;
  }
  .path-wrapper .path-ctrl {
    display: block;
    position: absolute;
    z-index: 15;
    width: 316px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    font-size: 26px;
    line-height: 100px;
    font-weight: bold;
    color: #0a142d;
  }
  .path-wrapper .path-ctrl a {
    display: block;
    vertical-align: top;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
  }
  .path-wrapper .path-ctrl a:hover {
    background-color: #f57c13;
    color: #fff;
  }
  .path-wrapper .path-prev {
    top: 494px;
    left: -301px;
    background-image: url(../images/pathctrl_07.png);
  }
  .path-wrapper .path-next {
    top: 203px;
    right: -302px;
    background-image: url(../images/pathctrl_03.png);
  }
  .path-wrapper .path-next a {
    margin-left: 103px;
  }
  .path-wrapper .path-prev a {
    margin-left: 113px;
  }
  .path-wrapper .path-ctrl .move {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    background-color: #f57c13;
    position: absolute;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .profiletop-wraper .welfare .msg {
    font-size: 36px;
  }
  .path-wrapper .path-prev .move {
    right: -3px;
    top: 6px;
    -webkit-animation: pathmoveprev 10s linear infinite;
    -moz-animation: pathmoveprev 10s linear infinite;
    -o-animation: pathmoveprev 10s linear infinite;
    animation: pathmoveprev 10s linear infinite;
  }
  .path-wrapper .path-next .move {
    left: -4px;
    top: 89px;
    -webkit-animation: pathmovenext 10s linear infinite;
    -moz-animation: pathmovenext 10s linear infinite;
    -o-animation: pathmovenext 10s linear infinite;
    animation: pathmovenext 10s linear infinite;
  }
}

@media (min-width: 1600px) {
  .u-pdtitle .cn {
    font-size: 48px;
    margin-top: -40px;
  }
  .inside-banner .inner .ban-title {
    font-size: 40px;
  }
  .prodct-ban .info h3 {
    font-size: 48px;
  }
  .coope-wrapper .coop-prev {
    left: -90px;
  }
  .coope-wrapper .coop-next {
    right: -90px;
  }
  .yun-wrapper .yun-prev {
    left: -90px;
  }
  .yun-wrapper .yun-next {
    right: -90px;
  }
}

.recruitB-list .job-title {
  font-size: 16px;
  line-height: 24px;
  padding: 10px 15px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 96% center;
  color: #666666;
  /* {"title": "招聘手风琴标题文本色","type":"color","name": "@clrecruitBjobs","value": "#666666"}*/
  border-bottom: 1px solid #d9d9d9;
  /* {"title": "招聘列表下边框色","type":"color","name": "@bdrecruitBlist","value": "#d9d9d9"}*/
  background-image: url(../images/jobarr.png);
  /* {"title": "招聘手风琴标题背景图","type":"image","name": "@imgrecruitBjobs","value": "url(../images/jobarr.png)"}*/
  -webkit-transition: all ease .35s;
  -o-transition: all ease .35s;
  -moz-transition: all ease .35s;
  transition: all ease .35s;
}

.recruitB-list .job-title.cur {
  color: #ffffff;
  /* {"title": "招聘手风琴标题选中文本色","type":"color","name": "@clcurrecruitBjobs","value": "#ffffff"}*/
  background-color: #042536;
  /* {"title": "招聘手风琴标题选中背景色","type":"color","name": "@bgccurrecruitBjobs","value": "#042536"}*/
  background-image: url(../images/jobarrac.png);
  /* {"title": "招聘手风琴标题背景图","type":"image","name": "@imgrecruitBjobs","value": "url(../images/jobarrac.png)"}*/
}

.recruitB-list .job-panel {
  display: none;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  /* {"title": "招聘手风琴展开文本色","type":"color","name": "@clrecruitBpanel","value": "#666666"}*/
  background-color: #f2f2f2;
  /* {"title": "招聘手风琴展开背景色","type":"color","name": "@bgcrecruitBpanel","value": "#f2f2f2"}*/
}

.recruitB-list .job-panel .h4 {
  padding: 12px 0 0;
  font-weight: bold;
  line-height: 30px;
  color: #333333;
  /* {"title": "手风琴展示内容标题文本色","type":"color","name": "@clrecruitBh4panel","value": "#333333"}*/
}

.recruitB-list .job-panel .ac {
  color: #f57c13;
}

.recruitB-list .main-top {
  padding-bottom: 10px;
  line-height: 30px;
  border-bottom: 1px solid #cccccc;
  /* {"title": "招聘B主干信息下边框色","type":"color","name": "@bdrecruitBmaintop","value": "#cccccc"}*/
  color: #4c4c4c;
  /* {"title": "招聘B主干信息文本色","type":"color","name": "@clrecruitBmaintop","value": "#4c4c4c"}*/
}

.recruitB-list .main-top p {
  font-weight: bold;
}

.recruitB-list .u-pick {
  padding: 10px 0;
  text-align: left;
}

.recruitB-list .u-pick .arrow::before {
  background-color: #f57c13;
}

.recruitB-list .ipages {
  padding: 20px 0;
}

@media (min-width: 1024px) {
  .recruitB-list .job-title {
    padding: 18px 40px;
  }
  .recruitB-list .job-panel {
    padding: 25px 40px 48px;
  }
  .recruitB-list .job-panel .h4 {
    padding: 22px 0 0;
  }
  .recruitB-list .main-top {
    padding-bottom: 26px;
  }
  .recruitB-list .main-top p {
    float: left;
    width: 25%;
  }
  .recruitB-list .u-pick {
    padding: 35px 0 0;
  }
  .recruitB-list .ipages {
    padding: 6% 0 5.33333%;
  }
}

.full-newsdetailB-container {
  padding: 15px 0 30px;
  background-color: #ffffff;
  /* {"title": "栏目全局背景色","type":"color","name": "@bgcgnewsdetailBcol","value": "#ffffff"}*/
}

.full-newsdetailB-container .article-tilte {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 26px;
  color: #333333;
  /* {"title": "新闻详细B标题文本色","type":"color","name": "@clnewsdetailBtilte","value": "#333333"}*/
}

.full-newsdetailB-container .dctrl {
  line-height: 32px;
  padding-bottom: 34px;
}

.full-newsdetailB-container .dctrl .date {
  float: left;
}

.full-newsdetailB-container .dctrl .num {
  float: right;
  font-size: 14px;
  color: #bdbbbc;
}

.full-newsdetailB-container .dctrl .num span {
  float: left;
  margin-left: 20px;
  padding-left: 28px;
  background-repeat: no-repeat;
  background-position: 0 center;
  -o-background-size: 20px auto;
  background-size: 20px auto;
}

.full-newsdetailB-container .dctrl .num .view {
  background-image: url(../images/detailview.png);
}

.full-newsdetailB-container .dctrl .num .share {
  background-image: url(../images/detailshare.png);
}

.full-newsdetailB-container .date {
  margin-bottom: 10px;
  font-size: 16px;
  color: #8e8e8e;
  /* {"title": "新闻详细B日期文本色","type":"color","name": "@clnewsdetailBdate","value": "#8e8e8e"}*/
}

.full-newsdetailB-container .newsdetailB-article {
  position: relative;
  padding: 38px 0 30px;
  margin-bottom: 15px;
  border: 1px solid #d9d9d9;
  /* {"title": "新闻详细B内容上下边框色","type":"color","name": "@bdnewsdetailBart","value": "#d9d9d9"}*/
  border-left: 0;
  border-right: 0;
  font-size: 14px;
  line-height: 24px;
  color: #888888;
  /* {"title": "新闻详细B内容文本色","type":"color","name": "@clnewsdetailBart","value": "#888888"}*/
}

.full-newsdetailB-container .newsdetailB-article img {
  max-width: 100%;
  margin: 0.5em 0;
}

.full-newsdetailB-container .newsdetailB-bdshare {
  position: absolute;
  right: 0;
  top: -43px;
  overflow: hidden;
  zoom: 1;
}

.full-newsdetailB-container .newsdetailB-bdshare a {
  float: left;
  display: block;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0 0 0 5px;
  background-repeat: no-repeat;
  background-position: center;
  -o-background-size: cover;
  background-size: cover;
}

.full-newsdetailB-container .newsdetailB-bdshare .bds_weixin {
  background-image: url(../images/newsdetailBwxico.png);
  /* {"title": "新闻详情A微信分享背景图","type":"image","name": "@imgnewsdetailAsharewx","value": "url(../images/newsdetailBwxico.png)"}*/
}

.full-newsdetailB-container .newsdetailB-bdshare .bds_tsina {
  background-image: url(../images/newsdetailBsnico.png);
  /* {"title": "新闻详情A新浪分享背景图","type":"image","name": "@imgnewsdetailAsharesn","value": "url(../images/newsdetailBsnico.png)"}*/
}

.full-newsdetailB-container .newsdetailB-bdshare .bds_sqq {
  background-image: url(../images/newsdetailBqqico.png);
  /* {"title": "新闻详情A企鹅分享背景图","type":"image","name": "@imgnewsdetailAshareqq","value": "url(../images/newsdetailBqqico.png)"}*/
}

.full-newsdetailB-container .newsdetailB-ctrl .page-ctrl {
  margin-bottom: 10px;
}

.full-newsdetailB-container .newsdetailB-ctrl .page-ctrl a {
  display: block;
  font-size: 14px;
  line-height: 30px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #666666;
  /* {"title": "新闻详细B上下页文本色","type":"color","name": "@clnewsdetailBpage","value": "#666666"}*/
}

.full-newsdetailB-container .newsdetailB-ctrl .return {
  display: block;
  width: 120px;
  height: 40px;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  color: #ffffff;
  /* {"title": "新闻详细B返回文本色","type":"color","name": "@clnewsdetailBreturn","value": "#ffffff"}*/
  background-color: #042536;
  /* {"title": "新闻详细B返回背景色","type":"color","name": "@bgcnewsdetailBreturn","value": "#042536"}*/
}

.full-newsdetailB-container .downpanel {
  padding: 15px 0 0;
}

.full-newsdetailB-container .downpanel .title {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 26px;
  color: #03131b;
}

.full-newsdetailB-container .downpanel .downlist li {
  margin-bottom: 16px;
}

.full-newsdetailB-container .downpanel .downlist li a {
  display: block;
  padding-left: 32px;
  background-repeat: no-repeat;
  background-position: 0 center;
}

.full-newsdetailB-container .downpanel .downlist .pdf {
  background-image: url(../images/pdfico.png);
}

@media (min-width: 768px) {
  .full-newsB-container .newsB-list ul {
    margin: 0 -10px;
  }
  .full-newsB-container .newsB-list li {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px;
  }
}

@media (min-width: 1024px) {
  .full-newsdetailB-container {
    padding: 50px 0 50px;
    /* {"title": "栏目全局内填充","type":"text","name": "@pdgnewsdetailBcol","value": "50px 0 50px"}*/
  }
  .full-newsdetailB-container .article-tilte {
    font-size: 24px;
    /* {"title": "新闻详细B标题字号","type":"text","name": "@fznewsdetailBtilte","value": "24px"}*/
    margin: 0 0 18px;
    /* {"title": "新闻详细B标题下外间距","type":"text","name": "@mgnewsdetailBtilte","value": "0 0 18px"}*/
    line-height: 32px;
  }
  .full-newsdetailB-container .dctrl {
    padding-bottom: 34px;
  }
  .full-newsdetailB-container .dctrl .num span {
    margin-left: 30px;
    padding-left: 38px;
    -o-background-size: 28px auto;
    background-size: 28px auto;
  }
  .full-newsdetailB-container .date {
    font-size: 24px;
  }
  .full-newsdetailB-container .downpanel {
    padding: 80px 0 0;
  }
  .full-newsdetailB-container .downpanel .title {
    font-size: 18px;
    line-height: 28px;
  }
  .full-newsdetailB-container .downpanel .downlist li a:hover {
    color: #f57c13;
    text-decoration: underline;
  }
  .full-newsdetailB-container .newsdetailB-article {
    padding: 72px 0 24px;
    margin-bottom: 42px;
  }
  .full-newsdetailB-container .single-page {
    padding: 0 100px;
  }
  .full-newsdetailB-container .newsdetailB-bdshare {
    position: absolute;
    right: auto;
    left: 0;
    top: 76px;
    z-index: 50;
  }
  .full-newsdetailB-container .newsdetailB-bdshare.js-fixed-top {
    position: fixed;
    left: 40px;
  }
  .full-newsdetailB-container .newsdetailB-bdshare.js-absolute-bottom {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 55px;
  }
  .full-newsdetailB-container .newsdetailB-bdshare a {
    float: none;
    width: 72px;
    height: 72px;
    margin: 0 0 1px 0;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
  }
  .full-newsdetailB-container .newsdetailB-bdshare .bds_weixin:hover {
    background-image: url(../images/newsdetailBwxicoac.jpg);
    /* {"title": "新闻详情A微信分享背景图","type":"image","name": "@imgnewsdetailAsharewx","value": "url(../images/newsdetailBwxicoac.jpg)"}*/
  }
  .full-newsdetailB-container .newsdetailB-bdshare .bds_tsina:hover {
    background-image: url(../images/newsdetailBsnicoac.jpg);
    /* {"title": "新闻详情A新浪分享背景图","type":"image","name": "@imgnewsdetailAsharesn","value": "url(../images/newsdetailBsnicoac.jpg)"}*/
  }
  .full-newsdetailB-container .newsdetailB-bdshare .bds_sqq:hover {
    background-image: url(../images/newsdetailBqqicoac.jpg);
    /* {"title": "新闻详情A企鹅分享背景图","type":"image","name": "@imgnewsdetailAshareqq","value": "url(../images/newsdetailBqqicoac.jpg)"}*/
  }
  .full-newsdetailB-container .newsdetailB-ctrl {
    position: relative;
    padding-right: 200px;
  }
  .full-newsdetailB-container .newsdetailB-ctrl .page-ctrl {
    margin-bottom: 0;
  }
  .full-newsdetailB-container .newsdetailB-ctrl .page-ctrl a:hover {
    color: #f57c13;
    /* {"title": "新闻详细B上下页文本色","type":"color","name": "@clnewsdetailBpage","value": "#f57c13"}*/
  }
  .full-newsdetailB-container .newsdetailB-ctrl .return {
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 3;
    width: 145px;
    height: 50px;
    line-height: 50px;
  }
}

@media (min-width: 1260px) {
  .full-newsdetailB-container .single-page {
    max-width: 960px;
    padding: 0;
    margin: 0 auto;
  }
  .full-newsdetailB-container .newsdetailB-bdshare.js-fixed-top {
    position: fixed;
    left: 50%;
    margin-left: -600px;
  }
  .full-newsdetailB-container .newsdetailB-bdshare.js-absolute-bottom {
    position: absolute;
    left: 0;
    top: auto;
    margin-left: 0;
  }
}

#ie-alert-overlay {
  width: 100%;
  height: 100%;
  background: url(../images/bg.png) repeat 0 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

* html #ie-alert-overlay {
  position: absolute;
  z-index: 9999;
}

#ie-alert-panel {
  width: 520px;
  height: 331px;
  position: fixed;
  background: url(../images/iealertsprite.png) no-repeat;
  background-position: -1px -109px;
  top: 50%;
  left: 50%;
  margin: -201px 0 0 -296px;
  padding: 72px 0 0 72px;
  _position: absolute;
  _top: expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  color: #333;
  line-height: 1.5em;
  z-index: 10000;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#ie-alert-panel div, #ie-alert-panel p, #ie-alert-panel span, #ie-alert-panel a, #ie-alert-panel img, #ie-alert-panel ul, #ie-alert-panel li {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#ie-alert-panel p {
  font-size: 14px;
  width: 486px;
  text-align: justify;
}

#ie-alert-panel img {
  border: 0;
}

#ie-alert-panel span {
  font-size: 18px;
  margin: 0 0 20px 0;
  display: block;
  padding: 0;
}

#ie-alert-panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#ie-alert-panel li {
  float: left;
  margin: 0 22px 0 0;
}

#ie-alert-panel li.last {
  margin-right: 0;
}

#ie-alert-panel a {
  display: inline-block;
  vertical-align: top;
}

#goon {
  text-decoration: underline;
}

.browser {
  position: absolute;
  bottom: 35px;
}

.chrome, .firefox, .ie9, .opera, .safari {
  background: url(../images/iealertsprite.png) no-repeat;
}

.chrome {
  background-position: 0 0;
  width: 73px;
  height: 96px;
  margin: 0 4px 0 0;
}

.firefox {
  background-position: -292px 0;
  width: 73px;
  height: 98px;
}

.ie9 {
  background-position: -179px 0;
  width: 95px;
  height: 98px;
}

.opera {
  background-position: -90px 0;
  width: 73px;
  height: 98px;
}

.safari {
  background-position: -387px 0;
  width: 73px;
  height: 98px;
  margin: 0 4px 0 0;
}

.full-env-bd {
  position: relative;
  padding: 0 35px;
}

.full-env-bd .btn {
  width: 30px;
  height: 30px;
  background: url(../images/partner13.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  display: block;
  position: absolute;
  top: 50%;
  z-index: 20;
}

.full-env-bd .prev {
  left: -5px;
}

.full-env-bd .next {
  right: -5px;
  background-image: url(../images/partner14.png);
}

@media (min-width: 1260px) {
  .full-env-bd .btn {
    width: 50px;
    height: 50px;
  }
  .full-env-bd .prev {
    left: -22px;
  }
  .partner-show .prev:hover {
    background-image: url(../images/partner15.png);
  }
  .full-env-bd .next {
    right: -22px;
  }
  .full-env-bd .next:hover {
    background-image: url(../images/partner16.png);
  }
}

@media (min-width: 1400px) {
  .full-env-bd {
    padding: 0;
  }
  .full-env-bd .prev {
    left: -100px;
  }
  .full-env-bd .next {
    right: -100px;
  }
  .full-env-bd .btn {
    width: 76px;
    height: 76px;
  }
}

.right-fixed {
  width: 60px;
  position: fixed;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
  display: none;
}

.right-fixed a, .right-fixed span {
  width: 100%;
  display: block;
  color: #fff;
  font-size: 12px;
  text-align: center;
}

.right-fixed a img, .right-fixed span img {
  display: inline-block;
  vertical-align: middle;
}

.right-fixed .online-icon, .right-fixed .feedback-icon {
  height: 70px;
  background-color: #052231;
}

.right-fixed .online-icon .icon, .right-fixed .feedback-icon .icon {
  height: 38px;
  display: inline-block;
  vertical-align: top;
  margin-top: 7px;
}

.right-fixed .online-icon span:before, .right-fixed .feedback-icon span:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.right-fixed .feedback-icon, .right-fixed .online-icon {
  border-top: 1px solid #1f3a48;
}

.right-fixed .backtop {
  width: 100%;
  height: 60px;
  background: #f57c13 url(../images/right-top.png) center no-repeat;
  -webkit-border-bottom-left-radius: 7px;
  border-bottom-left-radius: 7px;
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate2 {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@-webkit-keyframes rotate2 {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@-moz-keyframes rotate2 {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@-o-keyframes rotate2 {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@-webkit-keyframes move {
  0% {
    bottom: -7px;
    left: -7px;
  }
  15% {
    left: 8.5%;
    bottom: 78%;
  }
  100% {
    left: 92%;
    bottom: 78%;
  }
}

@-moz-keyframes move {
  0% {
    bottom: -7px;
    left: -7px;
  }
  15% {
    left: 8.5%;
    bottom: 78%;
  }
  100% {
    left: 92%;
    bottom: 78%;
  }
}

@-o-keyframes move {
  0% {
    bottom: -7px;
    left: -7px;
  }
  15% {
    left: 8.5%;
    bottom: 78%;
  }
  100% {
    left: 92%;
    bottom: 78%;
  }
}

@keyframes move {
  0% {
    bottom: -7px;
    left: -7px;
  }
  15% {
    left: 8.5%;
    bottom: 78%;
  }
  100% {
    left: 92%;
    bottom: 78%;
  }
}

@-webkit-keyframes op {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes op {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes op {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes op {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes sport {
  0% {
    -webkit-box-shadow: 0 2px 5px 1px rgba(4, 37, 54, 0.1);
    box-shadow: 0 2px 5px 1px rgba(4, 37, 54, 0.1);
    background-color: #042536;
  }
  50% {
    -webkit-box-shadow: 0 2px 15px 3px rgba(4, 37, 54, 0.3);
    box-shadow: 0 2px 15px 3px rgba(4, 37, 54, 0.3);
    background-color: #165d81;
  }
  100% {
    -webkit-box-shadow: 0 2px 5px 1px rgba(4, 37, 54, 0.1);
    box-shadow: 0 2px 5px 1px rgba(4, 37, 54, 0.1);
    background-color: #042536;
  }
}

@-webkit-keyframes sport {
  0% {
    -webkit-box-shadow: 0 2px 5px 1px rgba(4, 37, 54, 0.1);
    box-shadow: 0 2px 5px 1px rgba(4, 37, 54, 0.1);
    background-color: #042536;
  }
  50% {
    -webkit-box-shadow: 0 2px 15px 3px rgba(4, 37, 54, 0.3);
    box-shadow: 0 2px 15px 3px rgba(4, 37, 54, 0.3);
    background-color: #165d81;
  }
  100% {
    -webkit-box-shadow: 0 2px 5px 1px rgba(4, 37, 54, 0.1);
    box-shadow: 0 2px 5px 1px rgba(4, 37, 54, 0.1);
    background-color: #042536;
  }
}

@-moz-keyframes sport {
  0% {
    box-shadow: 0 2px 5px 1px rgba(4, 37, 54, 0.1);
    background-color: #042536;
  }
  50% {
    box-shadow: 0 2px 15px 3px rgba(4, 37, 54, 0.3);
    background-color: #165d81;
  }
  100% {
    box-shadow: 0 2px 5px 1px rgba(4, 37, 54, 0.1);
    background-color: #042536;
  }
}

@-o-keyframes sport {
  0% {
    box-shadow: 0 2px 5px 1px rgba(4, 37, 54, 0.1);
    background-color: #042536;
  }
  50% {
    box-shadow: 0 2px 15px 3px rgba(4, 37, 54, 0.3);
    background-color: #165d81;
  }
  100% {
    box-shadow: 0 2px 5px 1px rgba(4, 37, 54, 0.1);
    background-color: #042536;
  }
}

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes scale {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

@-o-keyframes scale {
  0% {
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scale {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes suspension {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes suspension {
  0% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}

@-o-keyframes suspension {
  0% {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -o-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  100% {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes suspension {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes suspension2 {
  0% {
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%);
  }
}

@-moz-keyframes suspension2 {
  0% {
    -moz-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  50% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(-15%);
    transform: translateY(-15%);
  }
}

@-o-keyframes suspension2 {
  0% {
    -o-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  50% {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -o-transform: translateY(-15%);
    transform: translateY(-15%);
  }
}

@keyframes suspension2 {
  0% {
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -o-transform: translateY(-15%);
    transform: translateY(-15%);
  }
}

@-webkit-keyframes pathmovenext {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(105px, -27px);
    transform: translate(105px, -27px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-moz-keyframes pathmovenext {
  0% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -moz-transform: translate(105px, -27px);
    transform: translate(105px, -27px);
  }
  100% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-o-keyframes pathmovenext {
  0% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -o-transform: translate(105px, -27px);
    transform: translate(105px, -27px);
  }
  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes pathmovenext {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(105px, -27px);
    -moz-transform: translate(105px, -27px);
    -o-transform: translate(105px, -27px);
    transform: translate(105px, -27px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes pathmoveprev {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-105px, 28px);
    transform: translate(-105px, 28px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-moz-keyframes pathmoveprev {
  0% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -moz-transform: translate(-105px, 28px);
    transform: translate(-105px, 28px);
  }
  100% {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-o-keyframes pathmoveprev {
  0% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -o-transform: translate(-105px, 28px);
    transform: translate(-105px, 28px);
  }
  100% {
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes pathmoveprev {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-105px, 28px);
    -moz-transform: translate(-105px, 28px);
    -o-transform: translate(-105px, 28px);
    transform: translate(-105px, 28px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

/* 新增表单*/
.fm-title {
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  color: #171719;
}

.fm-desc {
  font-size: 16px;
  line-height: 24px;
  color: #8f9ca2;
  text-align: center;
}

.u-fmtext {
  position: relative;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 42px;
  z-index: 80;
}

.u-fmtext input, .u-fmtext .choice {
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #e6e6e6;
  line-height: 42px;
  height: 42px;
  color: #f57c13;
  padding: 0;
}

.u-fmtext .choice {
  background: url(../images/fmselect.png) no-repeat 100% center;
}

.u-fmtext.full-width {
  width: 100%;
}

.choice-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 70;
  display: none;
}

.u-fmtext input:focus {
  border-color: #f57c13;
}

.u-fmtext input:focus + .holder {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.u-fmtext.focus input {
  border-color: #f57c13;
}

.u-fmtext.focus .holder {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.u-fmtext .holder {
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform ease .3s;
  transition: -webkit-transform ease .3s;
  -o-transition: -o-transform ease .3s;
  -moz-transition: transform ease .3s, -moz-transform ease .3s;
  transition: transform ease .3s;
  transition: transform ease .3s, -webkit-transform ease .3s, -moz-transform ease .3s, -o-transform ease .3s;
}

.u-fmtext .holder i {
  padding: 0 4px;
  color: #f30000;
}

.u-radios label {
  position: relative;
  display: block;
  float: left;
  margin-right: 45px;
  font-size: 14px;
  line-height: 42px;
  padding-left: 26px;
}

.u-radios label input {
  opacity: 0;
}

.u-radios label input, .u-radios label .spot {
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0;
  background: url(../images/fmradio.png) no-repeat center;
}

.u-radios label input:checked + .spot {
  background-image: url(../images/fmradiocur.png);
}

.u-fmselect {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 42px;
}

.u-fmselect select {
  display: block;
  width: 100%;
  height: 42px;
  border-bottom: 1px solid #e6e6e6;
  background: url(../images/fmselect.png) no-repeat 100% center;
}

.u-textarea {
  margin-bottom: 15px;
}

.u-textarea .label {
  font-size: 14px;
  line-height: 30px;
}

.u-textarea .label i {
  padding: 0 4px;
  color: #f30000;
}

.u-textarea textarea {
  display: block;
  width: 100%;
  border: 1px solid #e6e6e6;
  background-color: #fbfcfa;
  padding: 10px;
}

.u-imgcode {
  max-width: 492px;
}

.u-imgcode img {
  position: absolute;
  right: 0;
  bottom: 3px;
  height: 42px;
}

.u-fmbtn {
  padding: 15px 0 20px;
}

.u-fmbtn input {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  margin: 0 12px 0 0;
  font-size: 16px;
  line-height: 38px;
  color: #696969;
  text-align: center;
  background-color: #fbfcfa;
}

.u-fmbtn .subbtn {
  color: #fff;
  background-color: #052230;
}

.fm-container {
  padding-top: 20px;
  overflow: hidden;
}

.form-wraper {
  padding-top: 20px;
  margin-bottom: 35px;
  overflow: hidden;
  background: url(../images/fmline.png) no-repeat center bottom;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

.form-wraper .tip {
  font-size: 14px;
  line-height: 42px;
  color: #8f9ca2;
}

.fm-feedback .u-fmbtn {
  padding-bottom: 0;
}

.layui-laydate-content th, .layui-laydate-content td {
  border: none;
}

.choice {
  cursor: pointer;
}

.choice-list {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 8;
  display: none;
}

.choice-btn {
  width: 100%;
  height: 52px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.choice ul {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 2;
}

.choice li {
  display: inline-block;
  vertical-align: middle;
  cursor: default;
  padding: 11px 25px;
  margin: 5px 10px 0 0;
  border: 1px solid #ccc;
  background: #fff;
  color: #333;
  line-height: 1.42857;
  font-size: 14px;
  position: relative;
}

.choice .remove {
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-right: 3px;
  color: #999;
  position:absolute;
  right: 5px;
  top: 3px;  
}

.choice-cont {
  background-color: #fff;
  border: 1px solid #93a1bb;
  height: 200px;
  overflow-y: auto;
}

.choice-cont::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

.choice-cont::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #042536;
}

.choice-cont::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(182, 182, 182, 0.3);
}

.choice-cont a {
  display: block;
  line-height: 1.42857;
  padding: 21px;
  font-size: 14px;
}

.choice-cont a.has {
  background-color: #e1e5ec;
}

.choice-cont a.on {
  background-color: #337ab7;
  color: #fff;
}

@media (min-width: 768px) {
  .form-wraper {
    padding: 0 18.18182%;
  }
  .fm-feedback {
    padding: 0 7.72727%;
  }
}

@media (min-width: 1024px) {
  .fm-title {
    margin-bottom: 10px;
    font-size: 38px;
    line-height: 58px;
  }
  .fm-desc {
    font-size: 18px;
  }
  .u-fmtext {
    margin-bottom: 19px;
    font-size: 16px;
    line-height: 52px;
  }
  .u-fmtext input, .u-fmtext .choice {
    font-size: 16px;
    line-height: 52px;
    height: 52px;
  }
  .u-fmselect {
    margin-bottom: 19px;
    font-size: 16px;
    line-height: 52px;
  }
  .u-fmselect select {
    font-size: 16px;
    line-height: 52px;
    height: 52px;
  }
  .u-imgcode img {
    height: 52px;
  }
  .u-fmbtn {
    padding: 24px 0 74px;
  }
  .u-fmbtn input {
    width: 240px;
    line-height: 48px;
  }
  .fm-container {
    padding-top: 70px;
    max-width: 1100px;
  }
  .form-wraper {
    max-width: 1100px;
    padding-top: 62px;
    margin: 0 auto 65px;
  }
  .form-wraper .tip {
    font-size: 16px;
    line-height: 52px;
  }
  .fm-feedback .u-fmtext {
    float: left;
    width: 50%;
    padding: 0 15px;
  }
  .fm-feedback .u-fmtext.full-width {
    width: 100%;
  }
  .fm-feedback .u-fmtext .holder {
    left: 15px;
  }
  .fm-feedback .u-radios {
    float: left;
    width: 50%;
    padding: 0 15px;
    height: 53px;
    margin-bottom: 19px;
  }
  .fm-feedback .u-radios label {
    display: block;
    float: left;
    font-size: 16px;
    line-height: 52px;
  }
  .fm-feedback .u-fmselect {
    float: left;
    width: 50%;
    padding: 0 15px;
  }
  .fm-feedback .u-fmbtn {
    clear: both;
    padding: 24px 15px 20px;
  }
  .fm-feedback .tip {
    padding: 0 15px 46px;
  }
  .fm-feedback .u-textarea {
    float: left;
    width: 100%;
    margin-bottom: 19px;
    padding: 0 15px;
  }
  .fm-feedback .u-textarea .label {
    font-size: 16px;
    padding: 12px 0;
  }
  .fm-feedback .u-textarea textarea {
    height: 160px;
  }
}

@media (min-width: 1400px) {
  .fm-title {
    font-size: 48px;
    line-height: 68px;
  }
}

@media (max-width: 640px) {
  .u-pick.in-u-pick span {
    font-size: 12px;
    min-width: 160px;
  }
  /* .inProduct .u-pick.in-u-pick span{
        line-height: 16px;
    } */
  .u-pick.in-u-pick .arrow {
    height: 42px;
  }
  .u-pick.in-u-pick span {
    line-height: 42px;
  }
  .right-fixed {
    -webkit-transform: none;
    -mpz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;
    top: auto;
    bottom: 10px;
  }
  .bpm-theme .capability {
    padding-bottom: 20px;
  }
  .inProduct-swiper {
    text-align: center;
  }
  .inProduct-swiper .u-pick.in-u-pick {
    text-align: center;
  }
  .inProduct-swiper .u-pick.in-u-pick a {
    text-align: left;
  }
  .inProduct ul {
    font-size: 0;
  }
  .inProduct li {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
  .banner-more {
    padding-top: 20px;
  }
  .banner .more.down {
    background-image: url(../images/index43.png);
  }
  .about-banner .inner img {
    /*
	-webkit-transform: translateX(-22%);
    -moz-transform: translateX(-22%);
    -ms-transform: translateX(-22%);
    -o-transform: translateX(-22%);
    transform: translateX(-22%);
	*/
  }
  .banner li video {
    display: none;
  }
  .profiletop-wraper .u-pdtitle, .contact-wraper .u-pdtitle, .newstop-wraper .u-pdtitle {
    padding-top: 10px;
  }
  .full-proifle-view .view {
    color: #fff;
  }
  .foot-strength {
    white-space: normal;
    overflow: hidden;
  }
  .foot-strength li {
    width: 50%;
    float: left;
    padding: 10px !important;
  }
  .right-fixed .fixed-icon {
    width: 50px;
    height: 50px;
    display: block;
    cursor: pointer;
    background: url(../images/fixed-icon.png) no-repeat;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 auto;
  }
  .right-fixed ul {
    left: 60px;
    position: relative;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
  .right-fixed:hover ul {
    left: 0;
  }
  .right-fixed:hover .fixed-icon {
    opacity: 0;
  }
  .product-video .poster .video-info-btn::after {
    left: 50%;
  }
  .banner li:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
  }
}

@media (max-width: 400px) {
  .ipages a, .ipages span {
    width: 30px;
    height: 30px;
  }
}

/* 重置按钮*/
.job-wrapper .search form {
  padding-right: 80px;
}

.job-wrapper .search input[type='button'].submit {
  width: 80px;
}

.job-wrapper .search input[type='reset'].submit {
  right: 83px;
  width: 30px;
  font-size: 0;
  background: url(../images/resetico.png) no-repeat center;
}

@media (min-width: 1024px) {
  .job-wrapper .search form {
    padding-right: 100px;
  }
  .job-wrapper .search input[type='button'].submit {
    width: 100px;
  }
  .job-wrapper .search input[type='reset'].submit {
    width: 40px;
    right: 100px;
  }
}


.login {
  width: 100%;
  height: 100vh;
  -o-background-size: cover;
  background-size: cover;
  display: table;
  vertical-align: middle;
  overflow-y: auto;
}

.login-container {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 80px 0 40px;
}

.login-main {
  width: 100%;
  max-width: 455px;
  min-height:430px;
  text-align: left;
  margin: 0 auto;
  padding: 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fff url(../images/loginLine.png) center bottom no-repeat;
}

.login-main .title {
  padding-bottom: 18px;
  padding-top: 14px;
  text-align: center;
  color: #171719;
  position: relative;
  z-index: 2;
}

.login-main .title:before {
  content: '';
  display: inline-block;
  width: 31px;
  height: 46px;
  background: url(../images/loginImg.png) no-repeat;
  vertical-align: middle;
  margin-right: 14px;
}

.login-top {
  text-align: right;
  position: relative;
  z-index: 2;
}

.login-top a {
  min-width: 60px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  color: #6f7375;
  border: 1px solid #e1e1e1;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.login-qrcode {
  width: 240px;
  height: 240px;
  border: 1px solid #eaeaea;
  padding: 15px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.login-qrcode img {
  width: 210px;
  display: block;
}

.login-tips {
  color: #8f9ca2;
  font-size: 16px;
  text-align: center;
  padding-top: 18px;
  position: relative;
  z-index: 2;
}

.login-refresh {
  text-align: center;
  padding-top: 7px;
  padding-bottom: 10px;
  position: relative;
  z-index: 2;
}

.login-refresh a {
  padding-left: 22px;
  display: inline-block;
  vertical-align: top;
  color: #1eb9ee;
  background: url(../images/loginIcon.png) left center no-repeat;
}

.login-refresh.underline a {
  border-bottom: 1px solid #1eb9ee;
  background: none;
  padding-left: 0;
}

.registered-form {
  margin-top: 30px;
  padding: 20px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: -moz- oldlinear-gradient(left, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.registered-form li {
  padding-bottom: 20px;
}

.registered-form input[type=text] {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  display: block;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  color: #fff;
  font-size: 16px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -moz-transition: .2s;
  transition: .2s;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.1);
}

.registered-form input[type=text]::-webkit-input-placeholder {
  color: #fff;
}

.registered-form input[type=text]::-moz-placeholder {
  color: #fff;
}

.registered-form input[type=text]:-ms-input-placeholder {
  color: #fff;
}

.registered-form input[type=text]::placeholder {
  color: #fff;
}

.registered-form input[type=text]:focus {
  background-color: #fff;
  color: #1eb9ee;
}

.registered-form .btn {
  position: relative;
  background-color: rgba(255, 255, 255, 0.1);
  padding-bottom: 0;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.registered-form input[type=submit] {
  width: 68.9%;
  height: 52px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  color: #fff;
  background: url(../images/formSubmitBg.png) center no-repeat;
  -o-background-size: cover;
  background-size: cover;
  font-size: 16px;
  padding-left: 20px;
  text-align: left;
  position: absolute;
  left: -1px;
  top: -1px;
}

.registered-form input[type=reset] {
  width: 31.1%;
  height: 50px;
  float: right;
  background: none;
  color: #fff;
  font-size: 16px;
}

.registered-top {
  color: #fff;
  line-height: 2.8;
  position: relative;
  margin-bottom: 20px;
}

.registered-top span {
  position: relative;
  z-index: 2;
}

.registered-top:after {
  content: '';
  display: block;
  width: 110%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: -moz- oldlinear-gradient(left, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  position: absolute;
  left: -24px;
  top: 0;
  z-index: 1;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

@media (min-width: 1024px) {
  .registered-form {
    width: 50%;
    float: right;
    padding: 25px 10% 38px 40px;
  }
  .registered-top:after {
    left: -44px;
  }
  .login-main {
    float: right;
  }
  .login-text {
    float: left;
    color: #fff;
    font-size: 20px;
    padding-top: 115px;
    padding-left: 40px;
  }
  .login-text h4 {
    font-size: 48px;
    line-height: 72px;
    padding-bottom: 20px;
  }
}

@media (min-width: 1260px) {
  .login-container .commonweb {
    padding-right: 113px;
  }
  .registered-form {
    width: 49%;
  }
  .login-top a:hover {
    background-color: #1eb9ee;
    color: #fff;
    border-color: #1eb9ee;
  }
  .login-main {
    position: relative;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  .login-main:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.2);
  }
  .login-text {
    padding-left: 130px;
  }
  .login-refresh {
    padding-bottom: 15px;
  }
}

.product-price .u-pdtitle {
  padding-bottom: 0;
}

.price-container {
  -webkit-box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

.price-top {
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  text-align: center;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#8175ff), to(#58dcff));
  background: -webkit-linear-gradient(left, #8175ff, #58dcff);
  background: -moz- oldlinear-gradient(left, #8175ff, #58dcff);
  background: -o-linear-gradient(left, #8175ff, #58dcff);
  background: linear-gradient(to right, #8175ff, #58dcff);
  line-height: 2;
}

.price-e-info ul {
  width: 100%;
  display: table;
  padding: 20px 0;
}

.price-e-info li {
  width: 33.3333%;
  display: table-cell;
  vertical-align: top;
  padding: 0 5px;
  text-align: center;
  border-right: 1px solid #e5e7ea;
}

.price-e-info li:last-child {
  border-right: 0;
}

.price-e-info .title {
  font-size: 14px;
  color: #042536;
}

.price-e-info .black-xs {
  color: #042536;
  font-size: 12px;
}

.price-e-info .desc {
  color: #1eb9ee;
  font-size: 16px;
  min-height: 40px;
  margin-top: 5px;
}

.price-e-info .desc .num {
  font-size: 18px;
}

.price-e-info .desc .last {
  font-size: 14px;
  line-height: 18px;
}

.price-m-bottom {
  border-top: 8px solid #e5e9eb;
  text-align: center;
}

.price-m-bottom h4 {
  color: #042536;
  line-height: 3.8;
  text-align: center;
  border-bottom: 1px solid #e5e9eb;
}

.price-m-bottom ul {
  padding: 15px 0;
}

.price-m-bottom li {
  border-right: 1px solid #e5e7ea;
  color: #042536;
}

.price-m-bottom li:nth-child(2n) {
  border-right-color: transparent;
}

.price-m-bottom li:nth-child(3), .price-m-bottom li:nth-child(4) {
  border-top: 1px solid #e5e7ea;
}

.price-m-bottom .num {
  font-size: 30px;
  color: #1eb9ee;
  line-height: 1;
}

.price-m-bottom .row {
  color: #042536;
  line-height: 25px;
  text-align: left;
}

.price-m-bottom .row:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  background-color: #8a8f92;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-right: 5px;
}

.price-m-bottom .thumb {
  padding: 10px 0;
}

.price-m-bottom .item {
  display: inline-block;
  vertical-align: top;
}

.price-table {
  padding: 10px;
  text-align: center;
}

.price-table .th {
  font-size: 12px;
}

.price-table .th .tit {
  padding: 0;
  white-space: nowrap;
  border-right: 1px solid #e5e9eb;
}

.price-table .th .tit:last-child {
  border-right: none;
}

.price-table .td .col-xs-4 {
  height: 40px;
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  font-size: 16px;
  border-right: 1px solid #e5e9eb;
  border-bottom: 1px solid #e5e9eb;
  color: #1eb9ee;
}

.price-table .td .col-xs-4:last-child {
  border-right: none;
}

.price-table .td .clearfix:last-child .col-xs-4 {
  border-bottom: none;
}

.servicePackage {
  margin-top: 70px;
}

.servicePackage-switch {
  text-align: center;
  -webkit-box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 10px 1px rgba(0, 0, 0, 0.1);
  padding: 10px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  position: relative;
  top: -20px;
}

.servicePackage-switch a {
  width: 100px;
  line-height: 25px;
  display: inline-block;
  font-size: 14px;
}

.servicePackage-switch .on {
  background: url(../images/priceSwitch.png) no-repeat;
  -o-background-size: cover;
  background-size: cover;
  color: #fff;
}

.servicePackage-wrap dl {
  padding: 0 10px 20px;
}

.servicePackage-wrap dt {
  text-align: center;
  border-bottom: 1px solid #e5e7ea;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.servicePackage-wrap dt span {
  display: inline-block;
  line-height: 1;
}

.servicePackage-wrap .bd {
  display: none;
}

.servicePackage-wrap .bd:first-child {
  display: block;
}

.servicePackage-wrap .money {
  vertical-align: top;
  color: #1eb9ee;
}

.servicePackage-wrap .amount {
  font-size: 24px;
  color: #1eb9ee;
}

.servicePackage-wrap .unit {
  font-size: 12px;
  color: #042536;
}

.servicePackage-wrap .item {
  width: 50%;
  float: left;
  padding: 5px 0;
  color: #042536;
  font-size: 12px;
  text-align: center;
}

.servicePackage-wrap .item:nth-child(2n) {
  border-left: 1px solid #e5e7ea;
}

.servicePackage-wrap .item:nth-child(3), .servicePackage-wrap .item:nth-child(4) {
  border-top: 1px solid #e5e7ea;
}


.servicePackage-wrap i {
  font-style: normal;
  color: #1eb9ee;
  font-size: 20px;
  padding: 0 3px;
}

.servicePackage-info {
  font-size: 14px;
  line-height: 3.6;
  text-align: center;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#8175ff), to(#58dcff));
  background: -webkit-linear-gradient(left, #8175ff, #58dcff);
  background: -moz- oldlinear-gradient(left, #8175ff, #58dcff);
  background: -o-linear-gradient(left, #8175ff, #58dcff);
  background: linear-gradient(to right, #8175ff, #58dcff);
}

.servicePackage-tips {
  text-align: center;
  color: #042536;
  line-height: 24px;
  padding: 10px;
  background: url(../images/priceShadow.jpg) top center no-repeat;
  -o-background-size: 100%;
  background-size: 100%;
}

@media (min-width: 768px) {
  .price-e-info ul {
    padding: 30px 0;
  }
  .price-e-info .title {
    font-size: 18px;
  }
  .price-e-info .desc {
    font-size: 30px;
    line-height: 45px;
  }
  .price-e-info .desc .num {
    font-size: 40px;
    display: inline-block;
    vertical-align: 0px;
    position: relative;
    top: 2px;
  }
  .price-e-info .desc .last {
    font-size: 18px;
    line-height: 26px;
  }
  .price-e-info .black-xs {
    font-size: 16px;
    padding: 0 5px;
  }
  .price-container {
    max-width: 900px;
    margin: 0 auto 50px;
  }
  .price-m-bottom ul {
    width: 100%;
    display: table;
  }
  .price-m-bottom li {
    width: 23%;
    display: table-cell;
    vertical-align: middle;
    float: none;
    font-size: 16px;
  }
  .price-m-bottom li:nth-child(2) {
    border-right-color: #e5e7ea;
  }
  .price-m-bottom li:nth-child(3) {
    width: 31%;
  }
  .price-m-bottom li:nth-child(3), .price-m-bottom li:nth-child(4) {
    border-top: none;
  }
  .price-m-bottom .num {
    font-size: 48px;
    padding-bottom: 5px;
  }
  .price-m-bottom .row {
    padding: 2px 0;
  }
  .price-table {
    padding: 20px;
  }
  .price-table .th .tit {
    font-size: 18px;
  }
  .price-table .td .col-xs-4 {
    height: 60px;
    font-size: 30px;
  }
  .servicePackage-switch {
    padding: 20px 10px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
  }
  .servicePackage-switch a {
    width: 160px;
    line-height: 40px;
    font-size: 18px;
  }
  .servicePackage-info {
    font-size: 16px;
  }
  .servicePackage-tips {
    padding: 20px 10px;
  }
  .servicePackage-wrap dl {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 20px;
  }
  .servicePackage-wrap dt {
    width: 31%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: none;
    display: -webkit-box;
    -webkit-box-align: center;
    padding-left: 55px;
  }
  .servicePackage-wrap dd {
    width: 68.32%;
    float: right;
    padding-left: 40px;
    border-left: 1px solid #e5e7ea;
  }
  .servicePackage-wrap .item {
    font-size: 16px;
    padding: 15px 0;
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
  }
  .servicePackage-wrap .money {
    font-size: 24px;
    position: relative;
    top: 3px;
  }
  .servicePackage-wrap .unit {
    font-size: 16px;
    position: relative;
    bottom: 5px;
  }
  .servicePackage-wrap .amount {
    font-size: 48px;
  }
  .servicePackage-wrap i {
    font-size: 40px;
  }
}

@media (min-width: 1024px) {
  .price-container {
    margin-bottom: 70px;
  }
  .price-e-info ul {
    padding: 65px 0 60px;
  }
  .price-e-info .desc {
    margin-top: 10px;
    padding-bottom: 5px;
  }
  .price-e-info .desc .last {
    padding-top: 5px;
  }
  .price-top {
    -webkit-border-top-left-radius: 15px;
    border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    border-top-right-radius: 15px;
  }
  .price-m-bottom ul {
    padding: 40px 0 45px;
  }
  .price-m-bottom .thumb {
    padding: 2px;
    font-size: 18px;
  }
  .price-m-bottom li:nth-child(1), .price-m-bottom li:nth-child(2) {
    vertical-align: top;
    padding-bottom: 5px;
  }
  .price-m-bottom .num {
    padding-bottom: 13px;
  }
  .price-m-bottom .row {
    padding: 7px 0;
  }
  .price-table {
    padding: 35px 50px 40px;
  }
  .price-table .th .tit {
    font-size: 18px;
  }
  .price-table .td .col-xs-4 {
    height: 80px;
  }
  .servicePackage-info {
    font-size: 18px;
  }
  .servicePackage-tips {
    padding: 32px 10px;
    font-size: 18px;
  }
  .servicePackage-switch {
    -webkit-border-radius: 60px;
    border-radius: 60px;
  }
  .servicePackage-switch a {
    width: 200px;
    line-height: 50px;
    font-size: 24px;
  }
  .servicePackage-wrap {
    padding-top: 25px;
  }
  .servicePackage-wrap dl {
    margin-bottom: 35px;
    padding: 0 48px;
  }
  .servicePackage-wrap dt {
    padding-left: 70px;
  }
  .servicePackage-wrap .item {
    font-size: 18px;
  }
}

@media (min-width: 1260px) {
  .price-container {
    margin-bottom: 100px;
  }
  .servicePackage {
    margin-top: 150px;
    margin-bottom: 115px;
  }
}

.m-case-item {
  padding: 10px 0 10px;
  background-color: #f7f8fa;
}

.m-case-item.m-case-item-swiper{
	padding: 0;
	background: none;
	position: relative;
}
.m-case-item.m-case-item-swiper ul{
	margin: 0;
}
.m-case-item.m-case-item-swiper ul li{
	padding: 0;
}

.m-case-item li {
  padding-bottom: 20px;
}

.m-case-item .thumb {
  display: block;
  background-color: #fff;
  border-bottom: 2px solid #042536;
}

.m-case-item .image img {
  width: 100%;
  display: block;
}

.m-case-item .u-pdtitle .en {
  color: #fff;
}

.m-case-item .icon {
  width: 140px;
  padding-right: 10px;
}

.m-case-item .icon img {
  max-width: 100%;
}

.m-case-item .info {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 15px 30px 10px 20px;
}

.m-case-item .icon, .m-case-item .text {
  display: table-cell;
  vertical-align: middle;
}

.m-case-item h3 {
  color: #333;
  font-size: 16px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.m-case-item .desc {
  color: #042536;
  font-size: 14px;
  display: -webkit-box;
  height: 44px;
  line-height: 22px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.m-case-item .u-case-btns {
  padding-top: 10px;
}

.m-case-item .u-pick .arrow::before {
  background-color: #f28d01;
}

.m-case-bottom {
  padding: 30px 0;
  text-align: center;
}

.m-case-bottom h3 {
  font-size: 20px;
  color: #010c11;
  text-align: center;
}

.m-case-bottom ul {
  padding-top: 15px;
}

.m-case-bottom li {
  padding-bottom: 15px;
}

.m-case-bottom .image {
  display: block;
  overflow: hidden;
}

.m-case-bottom img {
  width: 100%;
  display: block;
}

.m-case-bottom h4 {
  font-size: 16px;
  color: #010c11;
  padding-top: 5px;
}

.m-case-detail {
  padding: 20px 0 30px;
}

.m-case-detail .u-pdtitle {
  padding-bottom: 0;
}

.m-case-detail-top {
  color: #242424;
  text-align: center;
}

.m-case-introdution {
  padding: 30px 0;
}

.m-case-introdution .image {
  width: 293px;
  margin: 0 auto;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 5px rgba(64, 96, 113, 0.1);
  box-shadow: 0 0 10px 5px rgba(64, 96, 113, 0.1);
  padding: 10px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  position: relative;
  z-index: 2;
}

.m-case-introdution .article {
  color: #1d0406;
  background-color: #f1f7f9;
  border-bottom: 2px solid #042536;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 70px 25px 20px;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
  margin-top: -50px;
  font-size: 16px;
}

.m-case-content {
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
}

.m-case-content img {
  max-width: 100%;
  height: auto !important;
}

.m-case-content .text {
  padding-top: 15px;
}

.solution-armore {
  width: 149px;
  height: 40px;
  background-image: url(../images/solutionIcon05.png);
  -o-background-size: cover;
  background-size: cover;
  line-height: 37px;
  padding-left: 30px;
}

.prodct-ban.solution-ban .u-pick {
  padding: 0;
  text-align: left;
}

.prodct-ban.solution-ban .u-pick .arrow::before {
  background-color: #f18d00;
}

.m-case-contact {
  padding: 30px 0 10px;
  background-color: #f7f8fa;
}

.m-case-contact h3 {
  font-size: 20px;
  color: #010c11;
  text-align: center;
}

.m-case-contact .info {
  padding: 20px 10px 0;
  text-align: center;
  color: #6b808b;
  font-size: 16px;
}

.m-case-contact .u-pick .arrow::before {
  background-color: #f18d00;
}

.m-case-wrapper {
  padding: 20px 0 30px;
  background-color: #f7f8fa;
}

.m-case-wrapper h3 {
  font-size: 20px;
  color: #010c11;
  text-align: center;
}

.m-case-wrapper .top {
  color: #6b808b;
  text-align: center;
  font-size: 14px;
}

.m-case-wrapper .thumb {
  border: 1px solid #e5e5e5;
  background-color: #fff;
  padding: 20px 15px;
  display:block;
}

.m-case-wrapper .image {
  float: left;
}

.m-case-wrapper .image img {
  width: 80px;
}

.m-case-wrapper h4 {
  color: #010c11;
  font-size: 16px;
  padding-bottom: 5px;
}

.m-case-wrapper .content {
  overflow: hidden;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
  color: #545f64;
}

.m-case-wrapper .dot {
  text-align: center;
  font-size: 0;
  padding-top: 20px;
}

.m-case-wrapper .dot span {
  width: 10px;
  height: 4px;
  background-color: #042536;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  margin: 0 3px;
}

.m-case-wrapper .dot span.swiper-pagination-bullet-active {
  width: 50px;
  background-color: #f57c13;
}

.m-case-swiper {
  padding-top: 20px;
}

.m-case-swiper li{margin:0 auto;max-width:590px;}

.m-case-application {
  padding: 30px 0 10px;
}

.m-case-application h3 {
  font-size: 20px;
  color: #010c11;
  text-align: center;
}

.m-case-application ul {
  padding-top: 15px;
}

.m-case-application li {
  padding-bottom: 20px;
}

.m-case-application .image {
  position: relative;
}

.m-case-application .tit {
  padding-left: 12px;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 10px;
  font-size: 16px;
}

.m-case-application img {
  width: 100%;
  display: block;
}

.m-case-application .desc {
  color: #6b808b;
  padding-top: 7px;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
}

.m-case-architecture {
  padding: 30px 0;
  background-color: #f7f8fa;
}

.m-case-architecture h3 {
  font-size: 20px;
  color: #010c11;
  text-align: center;
}

.m-case-architecture .image {
  text-align: center;
  padding: 20px 0 0;
}

.m-case-architecture img {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}

.m-case-overview {
  padding-bottom: 30px;
}

.m-case-overview .image img {
  width: 100%;
  display: block;
}

.m-case-overview .section {
  background-color: #f0f3f7;
  color: #545f64;
  padding: 15px;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
  line-height: 24px;
}

.m-case-icon {
  padding-top: 20px;
}

.m-case-icon ul {
  font-size: 0;
  text-align: center;
}

.m-case-icon li {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding: 15px;
}

.m-case-icon .image {
  width: 100%;
  height: 48px;
  display: inline-block;
  vertical-align: middle;
}

.m-case-icon .image img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.m-case-icon h4 {
  font-size: 16px;
  padding-top: 10px;
  color: #042536;
}

.m-clientIntroduction {
  background-color: #f7f8fa;
  padding: 30px 0;
}

.m-clientIntroduction h2 {
  color: #010c11;
  font-size: 20px;
}

.m-clientIntroduction h3 {
  padding: 10px 0;
  color: #042536;
}

.m-clientIntroduction h3:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 3em;
  height: 1px;
  background-color: #f18d00;
  margin-left: 15px;
}

.m-clientIntroduction .text {
  color: #6b808b;
  line-height: 1.667;
}

.m-case-challenge {
  padding: 20px 0 30px;
}

.m-case-challenge li {
  border-bottom: 1px solid #eee;
}

.m-case-challenge .item {
  width: 33.3333%;
  float: left;
  padding: 10px 8px;
  font-size: 12px;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
  color: #737373;
}

.m-case-challenge h4 {
  color: #02080b;
  font-size: 14px;
  border-left: 3px solid #ee8d00;
  line-height: 14px;
  padding-left: 5px;
}

.m-case-article {
  padding: 40px 0;
  background-color: #f7f8fa;
}

.m-case-article h1 {
  color: #333;
}

.m-case-article .date {
  color: #808080;
  font-family: "Montserrat";
  padding: 10px 0;
}

.m-case-article .contents {
  color: #042536;
}

.m-case-article .contents img {
  max-width: 100%;
  height: auto !important;
  display: inline-block;
  vertical-align: top;
}

.bgwhite {
  background-color: #fff;
}

.bggray {
  background-color: #f7f8fa;
}

.m-case-speech {
  padding: 30px 0;
}

.m-case-speech .image {
  width: 200px;
  -webkit-box-shadow: 0 0 10px 5px rgba(64, 96, 113, 0.1);
  box-shadow: 0 0 10px 5px rgba(64, 96, 113, 0.1);
  margin: 0 auto;
  padding: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.m-case-speech .image img {
  width: 100px;
  display: block;
  margin: 0 auto;
}

.m-case-speech .info {
  padding: 20px 10px 0;
  font-size: 16px;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
}

.m-case-speech .source {
  padding: 10px 20px;
  color: #6b808b;
}

@media (min-width: 768px) {
  .m-case-item ul {
    margin: 0 -5px;
    font-size: 0;
    text-align: center;
  }
  .m-case-item li {
    width: 33.33333%;
    display: inline-block;
    vertical-align: top;
    padding: 0 5px 20px;
    text-align: left;
  }
  .m-case-item .icon {
    width: 90px;
  }
  .m-case-item .info {
    padding-right: 20px;
  }
  .m-case-bottom ul {
    font-size: 0;
    margin: 0 -5px;
  }
  .m-case-bottom li {
    width: 33.33333%;
    display: inline-block;
    vertical-align: top;
    padding: 0 5px 20px;
  }
  .m-case-detail {
    padding: 30px 0;
  }
  .m-case-detail-top {
    padding-top: 5px;
  }
  .m-case-introdution {
    padding: 0 0 0 265px;
    position: relative;
  }
  .m-case-introdution .image {
    max-height: 200px;
    position: absolute;
    left: 0;
    top: 22px;
    bottom: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .m-case-introdution .image img {
    display: block;
    margin: 0 auto;
  }
  .m-case-introdution .article {
    margin-top: 30px;
    padding: 20px 20px 20px 50px;
    min-height: 200px;
    display: -webkit-box;
    -webkit-box-align: center;
    -moz-box-align: center;
  }
  .m-case-content {
    font-size: 16px;
    padding-top: 40px;
  }
  .m-case-content .text {
    padding-top: 20px;
  }
  .m-case-contact .info {
    padding-bottom: 10px;
  }
  .m-case-application ul {
    font-size: 0;
    text-align: center;
    margin: 0 -10px;
  }
  .m-case-application li {
    width: 33.3333%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 0 10px 20px;
  }
  .m-case-application .desc {
    font-size: 14px;
  }
  .m-case-icon li {
    width: 25%;
  }
  .m-case-speech .section {
    width: 100%;
    display: table;
  }
  .m-case-speech .image, .m-case-speech .text {
    display: table-cell;
    vertical-align: middle;
  }
  .m-case-speech .text {
    padding-left: 20px;
  }
  .m-case-speech .line {
    width: 50%;
    height: 40px;
    float: right;
    background: url(../images/solutionIcon15.png) repeat;
    margin-top: 10px;
  }
}

@media (min-width: 1024px) {
  .m-case-item .u-case-btns {
    padding-top: 30px;
  }
  .prodct-ban.solution-ban .info .text {
    padding-top: 13px;
    padding-bottom: 60px;
    font-size: 16px;
  }
  .solution-armore {
    width: 175px;
    height: 47px;
    line-height: 43px;
    padding-left: 38px;
    -o-background-size: auto;
    background-size: auto;
  }
  .solution-ban .u-pick span {
    padding-left: 37px;
    padding-right: 48px;
  }
  .m-case-overview .content {
    position: relative;
    padding-bottom: 80px;
  }
  .m-case-overview .image {
    width: 52%;
    position: relative;
  }
  .m-case-overview .image:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    border-top: 25px solid rgba(0, 0, 0, 0);
    border-right: 30px solid rgba(0, 0, 0, 0.2);
    border-bottom: 25px solid rgba(0, 0, 0, 0.2);
    border-left: 30px solid rgba(0, 0, 0, 0);
  }
  .m-case-overview .section {
    width: 53.16667%;
    font-size: 16px;
    line-height: 28px;
    position: absolute;
    left: 52%;
    top: 50px;
    padding: 50px 35px 100px;
    margin-left: -60px;
  }
  .m-case-overview .section:after {
    content: '';
    display: block;
    width: 123px;
    height: 110px;
    background-image: url(../images/solutionIcon09.png);
    position: absolute;
    right: 33px;
    bottom: -22px;
  }
  .m-case-icon h4 {
    font-size: 18px;
  }
  .m-clientIntroduction .text {
    font-size: 16px;
    text-align: justify;
    -moz-text-align-last: left;
    text-align-last: left;
  }
  .m-case-challenge {
    padding: 40px 0;
  }
  .m-case-challenge h4 {
    font-size: 16px;
  }
  .m-case-challenge .item {
    font-size: 14px;
    padding: 20px 8px;
  }
  .m-case-challenge .info {
    display: -webkit-box;
    height: 72px;
    line-height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .m-case-article .contents {
    font-size: 16px;
    line-height: 1.8;
  }
  .m-case-speech .image {
    width: 245px;
    height: 245px;
    -webkit-box-shadow: 0 10px 10px 1px rgba(64, 96, 113, 0.1);
    box-shadow: 0 10px 10px 1px rgba(64, 96, 113, 0.1);
  }
  .m-case-speech .image img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
  }
  .m-case-speech .info {
    font-size: 24px;
  }
}

@media (min-width: 1260px) {
  .m-case-detail .u-pdtitle .cn {
    font-size: 36px;
  }
  .m-case-bottom {
    padding-top: 65px;
    padding-bottom: 85px;
  }
  .m-case-bottom h3 {
    font-size: 34px;
  }
  .m-case-bottom ul {
    padding-top: 40px;
    margin: 0 -15px;
  }
  .m-case-bottom li {
    padding-left: 15px;
    padding-right: 15px;
  }
  .m-case-bottom h4 {
    font-size: 20px;
    padding-top: 17px;
  }
  .m-case-item {
    padding-top: 55px;
    padding-bottom: 45px;
  }
  .m-case-item .u-pdtitle .cn {
    font-size: 36px;
  }
  .m-case-item ul {
    margin: 0 -15px;
  }
  .m-case-item li {
    padding: 0 15px 20px;
  }
  .m-case-item .image {
    overflow: hidden;
  }
  .m-case-item .image img {
    -webkit-transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
  }
  .m-case-item .info {
    padding: 28px 30px 20px 20px;
  }
  .m-case-item .icon {
    width: 140px;
  }
  .m-case-item h3 {
    font-size: 22px;
  }
  .m-case-item .desc {
    font-size: 16px;
    line-height: 24px;
    margin-top: 3px;
  }
  .m-case-item .thumb:hover .image img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
  }
  .m-case-detail {
    padding-top: 20px;
  }
  .m-case-introdution {
    margin-top: 55px;
  }
  .m-case-introdution .image {
    left: 55px;
  }
  .m-case-introdution .article {
    padding-right: 130px;
    padding-left: 165px;
    font-size: 18px;
    min-height: 240px;
    margin: 0;
  }
  .m-case-content {
    font-size: 18px;
    line-height: 32px;
    padding-top: 70px;
    padding-bottom: 30px;
  }
  .m-case-content .text {
    padding-top: 35px;
  }
  .prodct-ban.solution-ban::after, .prodct-ban.solution-ban a:after {
    padding-bottom: 26.3%;
  }
  .solution-ban .u-pick p:hover .arrow {
    -webkit-transform: translate(-12px, 4px);
    -moz-transform: translate(-12px, 4px);
    -ms-transform: translate(-12px, 4px);
    -o-transform: translate(-12px, 4px);
    transform: translate(-12px, 4px);
  }
  .solution-ban .u-pick p:hover .arrow::after {
    background-position: 78% center;
  }
  .m-case-contact {
    padding: 70px 0;
  }
  .m-case-contact h3 {
    font-size: 34px;
  }
  .m-case-contact .info {
    font-size: 18px;
    padding-bottom: 0;
    padding-top: 35px;
  }
  .m-case-contact .u-pick span {
    padding-left: 37px;
    padding-right: 49px;
  }
  .m-case-wrapper {
    padding-top: 60px;
    padding-bottom: 75px;
  }
  .m-case-wrapper h3 {
    font-size: 34px;
  }
  .m-case-wrapper .top {
    font-size: 18px;
    padding-top: 5px;
  }
  .m-case-wrapper .thumb {
    padding: 33px 12px 25px;
    transition:0.3s all ease;
    -webkit-transition:0.3s all ease;
    -ms-transition:0.3s all ease;
    -moz-transition:0.3s all ease;
    -o-transition:0.3s all ease;
  }
  .m-case-wrapper .thumb:hover{
      box-shadow:0 0 8px 2px rgba(0,0,0,0.1);
      -moz-box-shadow:0 0 8px 2px rgba(0,0,0,0.1);
  }
  .m-case-wrapper .thumb:hover h4{
      color:#f57c13;
  }
  .m-case-wrapper h4 {
    font-size: 20px;
    padding-bottom: 8px;
    transition:0.3s all ease;
    -webkit-transition:0.3s all ease;
    -ms-transition:0.3s all ease;
    -moz-transition:0.3s all ease;
    -o-transition:0.3s all ease;
  }
  .m-case-wrapper .content {
    font-size: 15px;
    padding-left: 20px;
    padding-right: 40px;
  }
  .m-case-wrapper .image {
    width: 105px;
  }
  .m-case-wrapper .image img {
    width: auto;
    max-width: 100%;
  }
  .m-case-wrapper .dot {
    padding-top: 40px;
  }
  .m-case-swiper {
    padding-top: 45px;
    padding-left:10px;
    padding-right:10px;
  }
  .m-case-application {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .m-case-application h3 {
    font-size: 34px;
  }
  .m-case-application ul {
    margin: 0 -15px;
    padding-top: 38px;
  }
  .m-case-application li {
    padding: 0 15px 20px;
  }
  .m-case-application .tit {
    font-size: 18px;
  }
  .m-case-application .desc {
    font-size: 15px;
    line-height: 22px;
    padding-top: 17px;
  }
  .m-case-architecture {
    padding-top: 75px;
    padding-bottom: 70px;
  }
  .m-case-architecture h3 {
    font-size: 34px;
  }
  .m-case-architecture .image {
    padding-top: 55px;
  }
  .m-case-overview {
    padding-bottom: 65px;
  }
  .m-case-overview .content {
    margin-top: 25px;
  }
  .m-case-overview .section {
    min-height: 435px;
    font-size: 18px;
    line-height: 32px;
    padding: 100px 50px;
  }
  .m-case-icon {
    padding-top: 50px;
    padding-bottom: 10px;
  }
  .m-case-icon h4 {
    font-size: 20px;
    padding-top: 18px;
  }
  .m-case-icon .image img {
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
  }
  .m-case-icon li:hover .image img {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  .m-clientIntroduction {
    padding: 65px 0 57px;
  }
  .m-clientIntroduction h2 {
    font-size: 34px;
  }
  .m-clientIntroduction h3 {
    padding: 30px 0 22px;
    font-size: 24px;
  }
  .m-clientIntroduction .text {
    font-size: 18px;
  }
  .m-case-challenge {
    padding-bottom: 80px;
  }
  .m-case-challenge h4 {
    font-size: 24px;
    line-height: 22px;
    border-width: 6px;
    padding-left: 10px;
    margin-bottom: 15px;
  }
  .m-case-challenge .item {
    font-size: 18px;
    padding-top: 53px;
    padding-bottom: 10px;
  }
  .m-case-challenge .info {
    line-height: 32px;
    height: 96px;
    padding-right: 40px;
    margin-bottom: 30px;
  }
  .m-case-bottom.bggray {
    padding-bottom: 50px;
  }
  .m-case-article {
    padding: 60px 0 100px;
  }
  .m-case-article h1 {
    padding-bottom: 5px;
  }
  .m-case-article .contents {
    padding-top: 10px;
    font-size: 18px;
  }
  .m-case-speech {
    padding-top: 105px;
  }
  .m-case-speech .text {
    padding-left: 90px;
  }
  .m-case-speech .info {
    line-height: 48px;
    font-size: 30px;
    position: relative;
  }
  .m-case-speech .info:before {
    content: '';
    width: 35px;
    height: 28px;
    display: block;
    position: absolute;
    left: -40px;
    top: 0;
    background-image: url(../images/solutionIcon14.png);
  }
  .m-case-speech .source {
    font-size: 18px;
    margin-top: 10px;
  }
  .m-case-speech .commonweb {
    position: relative;
    padding-bottom: 95px;
  }
  .m-case-speech .line {
    width: 58.3333%;
    height: 60px;
    display: block;
    position: absolute;
    right: -10.583%;
    bottom: 15px;
    float: none;
  }
  .m-case-speech .line:after {
    content: '';
    display: block;
    width: 65px;
    height: 175%;
    position: absolute;
    bottom: 100%;
    right: 0;
    background: url(../images/solutionIcon16.png) left bottom no-repeat;
    margin-bottom: -1px;
    margin-left: -1px;
  }
  #COOPERATION .list .bottom{
      height:180px;
  }
}

#qrcode{
    margin:0 !important;
}
#dd-login{
    margin-top:-40px;
}


/* 
	底部表单
 */
.f-butfrombox {
    width: 100%;
    background: url(../images/butfrom.jpg) center;
    padding-top: 78px;
    padding-bottom: 60px;
}

@media (max-width: 767px) {
    .f-butfrombox {
        padding-top: 30px;
        padding-bottom: 22px;
    }
}

.f-butfrombox .tit {
    font-size: 36px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin-bottom: 35px;
}

@media (max-width: 1199px) {
    .f-butfrombox .tit {
        font-size: 30px;
    }
}

@media (max-width: 991px) {
    .f-butfrombox .tit {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .f-butfrombox .tit {
        font-size: 24px;
        margin-bottom: 25px;
    }
}

@media (max-width: 575px) {
    .f-butfrombox .tit {
        font-size: 20px;
    }
}

.f-butfrombox .form {
    width: 100%;
    display: flex;
    height: 54px;
	justify-content: center;
}

@media (max-width: 767px) {
    .f-butfrombox .form {
        height: auto;
    }
}

@media (max-width: 767px) {
    .f-butfrombox .form {
        flex-wrap: wrap;
    }
}

.f-butfrombox .form .form-lt {
    height: 100%;
    color: #fff;
    font-size: 30px;
    width: 13.3%;
    line-height: 54px;
}

@media (max-width: 1199px) {
    .f-butfrombox .form .form-lt {
        font-size: 23px;
    }
}

@media (max-width: 991px) {
    .f-butfrombox .form .form-lt {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .f-butfrombox .form .form-lt {
        width: 15%;
        line-height: 40px;
    }
}
@media (max-width: 575px) {
    .f-butfrombox .form .form-lt {
        width: 25%;
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .f-butfrombox .form .form-lt {
        font-size: 14px;
    }
}

.f-butfrombox .form .form-gt {
    width: 87.7%;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .f-butfrombox .form .form-gt {
        width: 75%;
        flex-wrap: wrap;
        justify-content: inherit;
    }
}

.f-butfrombox .form .form-gt-text {
    width: 34%;
}


.f-butfrombox .form .form-gt-tel {
    width: 43%;
}
@media (max-width: 767px) {
    .f-butfrombox .form .form-gt-but {
        width: 100%;
    }
}
.f-butfrombox .form .form-gt-but {
    width: 20%;
    height: 100%;
    background: #042536;
    border: none;
    outline: none;
    color: #fff;
    display: flex;
    justify-content: center;
    font-size: 16px;
	align-items: center;
}


@media (max-width: 767px) {
    .f-butfrombox .form .form-gt-but {
        height: 40px;
        margin-right: 10px;
		width: 145px;
    }
}

@media (max-width: 575px) {
    .f-butfrombox .form .form-gt-but {
        font-size: 13px;
        margin-right: 5px;
        width: 46%;
    }
}

.f-butfrombox .form .form-gt-but i {
    display: block;
    width: 26px;
    height: 22px;
}

@media (max-width: 575px) {
    .f-butfrombox .form .form-gt-but i {
        width: 20px;
        height: 17px;
    }
}

.f-butfrombox .form .form-gt-a {
    width: 180px;
    height: 54px;
    border: 2px solid #fff;
    text-align: center;
    display: none;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
}

@media (max-width: 1440px) {
    .f-butfrombox .form .form-gt-a {
        width: 170px;
    }
}

@media (max-width: 1199px) {
    .f-butfrombox .form .form-gt-a {
        width: 130px;
    }
}

@media (max-width: 991px) {
    .f-butfrombox .form .form-gt-a {
        width: 110px;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .f-butfrombox .form .form-gt-a {
        height: 40px;
    }
}

@media (max-width: 575px) {
    .f-butfrombox .form .form-gt-a {
        font-size: 13px;
        margin-right: 5px;
        width: 100px;
    }
}

.f-butfrombox .form .form-gt-a i {
    width: 24px;
    height: 22px;
    display: block;
}

@media (max-width: 575px) {
    .f-butfrombox .form .form-gt-a i {
        width: 20px;
        height: 17px;
    }
}

.f-butfrombox .form .form-gt-a:hover {
    text-decoration: none;
}

.f-butfrombox .form .form-gt-a:focus {
    text-decoration: none;
}

.f-butfrombox .form .form-gt i {
    margin-right: 9px;
}

.f-butfrombox .form .form-gt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    float: left;
}

.f-butfrombox .form .form-gt input {
    height: 54px;
    background: #fff;
    font-size: 14px;
    text-indent: 1em;
    color: #999;
    border: none;
    outline: none;
	border-radius: 0;
}

@media (max-width: 767px) {
    .f-butfrombox .form .form-gt input {
        width: 100%;
        margin-bottom: 10px;
        height: 40px;
    }
}
/* 
		公共产品轮播图
 */
.rotationbox {
    width: 100%;
    background: url(../images/chanbag1.jpg) center;
    background-size: cover;
    position: relative;
    padding-top: 55px;
    padding-bottom: 87px;
}

@media (max-width: 767px) {
    .rotationbox {
        padding-top: 95px;
        padding-bottom: 107px;
    }
}

.rotationbox canvas {
    width: 100% !important;
}

.rotationbox .rotationbox-bag {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    pointer-events: none;
}

.rotationbox .rotationbox-cont {
    position: relative;
    z-index: 2;
}

    .rotationbox .rotationbox-cont .tit {
        width: 100%;
        text-transform: uppercase;
        position: relative;
        height: 90px;
        margin-bottom: 60px;
    }

        .rotationbox .rotationbox-cont .tit div {
            width: 100%;
            bottom: -31px;
            position: absolute;
            font-size: 107px;
            color: #fff;
            opacity: 0.11;
            z-index: 1;
        }

@media (max-width: 1440px) {
    .rotationbox .rotationbox-cont .tit div {
        font-size: 104px;
    }
}

@media (max-width: 1199px) {
    .rotationbox .rotationbox-cont .tit div {
        font-size: 85px;
        bottom: -19px;
    }
}

@media (max-width: 991px) {
    .rotationbox .rotationbox-cont .tit div {
        font-size: 65px;
        bottom: -13px;
    }
}

@media (max-width: 991px) {
    .rotationbox .rotationbox-cont .tit div {
        font-size: 62px;
        bottom: -11px;
    }
}

@media (max-width: 767px) {
    .rotationbox .rotationbox-cont .tit div {
        font-size: 47px;
        bottom: -6px;
    }
}

@media (max-width: 575px) {
    .rotationbox .rotationbox-cont .tit div {
        font-size: 47px;
        bottom: -3px;
        line-height: 57px;
    }
}

.rotationbox .rotationbox-cont .tit h1 {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}

@media (max-width: 767px) {
    .rotationbox .rotationbox-cont .tit h1 {
        font-size: 20px;
    }
}

.rotationbox .rotationbox-cont .rotationbox-nav {
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    .rotationbox .rotationbox-cont .rotationbox-nav {
        margin-bottom: 20px;
    }
}

.rotationbox .rotationbox-cont .rotationbox-nav .rotationbox-swiper {
    display: flex;
    justify-content: center;
}

    .rotationbox .rotationbox-cont .rotationbox-nav .rotationbox-swiper a {
        color: #fff;
        font-size: 19px;
        text-align: center;
        display: block;
        height: 39px;
    }

@media (max-width: 575px) {
    .rotationbox .rotationbox-cont .rotationbox-nav .rotationbox-swiper a {
        font-size: 13px;
        height: 30px;
    }
}

.rotationbox .rotationbox-cont .rotationbox-nav .rotationbox-swiper a:hover {
    text-decoration: none;
}

.rotationbox .rotationbox-cont .rotationbox-nav .rotationbox-swiper .active a {
    color: #36bdef;
    border-bottom: 2px solid #36bdef;
}

.rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide {
    width: 100%;
}

    .rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide .item {
        width: 100%;
        display: flex;
        height: auto;
        flex-wrap: wrap;
    }

        .rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide .item .lt {
            width: 46.6%;
            height: 405px;
        }

@media (max-width: 767px) {
    .rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide .item .lt {
        width: 100%;
        height: 305px;
    }
}

@media (max-width: 575px) {
    .rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide .item .lt {
        height: 205px;
    }
}

.rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide .item .lt img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide .item .gt {
    width: 53.4%;
    height: 405px;
    padding: 63px 53px 0 58px;
    background: #fff;
}

@media (max-width: 767px) {
    .rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide .item .gt {
        width: 100%;
        height: 305px;
        padding: 25px 35px 0 35px;
    }
}

@media (max-width: 575px) {
    .rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide .item .gt {
        height: auto;
        padding: 20px 15px 20px 15px;
    }
}

.rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide .item .gt h1 {
    margin: 0;
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: bold;
}

@media (max-width: 991px) {
    .rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide .item .gt h1 {
        font-size: 24px;
    }
}

@media (max-width: 575px) {
    .rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide .item .gt h1 {
        font-size: 20px;
    }
}

.rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide .item .gt span {
    font-size: 14px;
    color: #999;
    margin-bottom: 30px;
    display: block;
}

@media (max-width: 575px) {
    .rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide .item .gt span {
        margin-bottom: 12px;
    }
}

.rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide .item .gt div {
    margin: 0;
    font-size: 16px;
    color: #666;
    width: 100%;
    height: 80px;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 40px;
}

@media (max-width: 575px) {
    .rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide .item .gt div {
        margin-bottom: 20px;
    }
}

.rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide .item .gt a {
    display: block;
    width: 165px;
    height: 52px;
    background: #36bdef;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 52px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide .item .gt a:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
@media (max-width: 575px) {
    .rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide .item .gt a {
        width: 100px;
        height: 40px;
        line-height: 40px;
        font-size: 13px;
    }
}

.rotationbox .rotationbox-cont .rotationbox-fontimg .rotationbox-slide .item .gt a:hover {
    text-decoration: none;
}
/*yinyong2*/
.yinyong2 {
    background: url(../images/chanbag2.jpg) center;
    background-size: cover;
}
/*yinyong3*/
.yinyong3 {
    background: url(../images/chanbag3.jpg) center;
    background-size: cover;
}



/*解决方案*/
.f-casebox-section1 {
    width: 100%;
    background: #edf0f7;
}

    .f-casebox-section1 .f-casebox-cont {
        height: auto;
        position: relative;
		padding-bottom: 40px;
    }

        .f-casebox-section1 .f-casebox-cont .f-casebox-container {
            padding-top: 60px;
        }

@media (max-width: 767px) {
    .f-casebox-section1 .f-casebox-cont .f-casebox-container {
        padding-top: 15px;
    }
}

.f-casebox-section1 .f-casebox-cont .f-casebox-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.f-casebox-section1 .f-casebox-cont .f-casebox-container .item {
    position: relative;
    background: #fff;
}

    .f-casebox-section1 .f-casebox-cont .f-casebox-container .item .img {
        width: 100%;
        height: 280px;
    }

@media (max-width: 767px) {
    .f-casebox-section1 .f-casebox-cont .f-casebox-container .item .img {
        height: 200px;
    }
}

.f-casebox-section1 .f-casebox-cont .f-casebox-container .item .fontimg {
    width: 100%;
    padding: 70px 36px 52px;
    text-align: center;
    background: #fff;
}

.f-casebox-section1 .f-casebox-cont .f-casebox-container .item h1 {
    font-size: 24px;
    margin: 0;
    font-weight: bold;
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .f-casebox-section1 .f-casebox-cont .f-casebox-container .item h1 {
        margin-bottom: 5px;
    }
}

.fontimg p {
    font-size: 14px;
    line-height: 24px;
    color: #999;
    margin: 0;
    height: 72px;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.f-casebox-section1 .f-casebox-cont .f-casebox-container .item .casehover {
    position: absolute;
    width: 100%;
    background: #fff;
    padding: 90px 36px 60px;
    bottom: -100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 2;
}

@media (max-width: 1199px) {
    .f-casebox-section1 .f-casebox-cont .f-casebox-container .item .casehover {
        padding: 46px 29px 35px;
    }
}

.f-casebox-section1 .f-casebox-cont .f-casebox-container .item .casehover h1 {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 25px;
}

@media (max-width: 1199px) {
    .f-casebox-section1 .f-casebox-cont .f-casebox-container .item .casehover h1 {
        font-size: 20px;
    }
}

.f-casebox-section1 .f-casebox-cont .f-casebox-container .item .casehover div {
    margin-bottom: 75px;
}

.f-casebox-section1 .f-casebox-cont .f-casebox-container .item .casehover p {
    margin: 0;
    font-size: 16px;
    color: #666;
    margin-bottom: 10px;
	line-height: 26px;
}

    .f-casebox-section1 .f-casebox-cont .f-casebox-container .item .casehover p a {
        color: #f18d00;
        padding: 0 12px;
    }

        .f-casebox-section1 .f-casebox-cont .f-casebox-container .item .casehover p a img {
            width: 15%;
        }

.f-casebox-section1 .f-casebox-cont .f-casebox-container .item .casehover span {
    display: block;
    width: 100%;
    display: flex;
}

    .f-casebox-section1 .f-casebox-cont .f-casebox-container .item .casehover span a {
        padding-top: 13px;
        padding-bottom: 13px;
        color: #fff;
        font-size: 16px;
        border-radius: 3px;
    }

@media (max-width: 1199px) {
    .f-casebox-section1 .f-casebox-cont .f-casebox-container .item .casehover span a {
        font-size: 12px;
    }
}

.f-casebox-section1 .f-casebox-cont .f-casebox-container .item .casehover span a:nth-child(1) {
    background: #042536;
    padding-left: 35px;
    padding-right: 35px;
    margin-right: 20px;
}

@media (max-width: 1199px) {
    .f-casebox-section1 .f-casebox-cont .f-casebox-container .item .casehover span a:nth-child(1) {
        padding-left: 19px;
        padding-right: 19px;
    }
}

.f-casebox-section1 .f-casebox-cont .f-casebox-container .item .casehover span a:nth-child(2) {
    background: #f18d00;
    padding-left: 19px;
    padding-right: 19px;
}

.f-casebox-section1 .f-casebox-cont .f-casebox-container .item .casehover span a:hover {
    text-decoration: none;
}

.f-casebox-section1 .f-casebox-cont .f-casebox-container .item:hover .casehover {
    bottom: 0;
}

.f-casebox-section1 .f-casebox-cont .f-casebox-container .swiper-slide:nth-child(2n) .item {
    height: 100%;
}

.f-casebox-section1 .f-casebox-cont .f-casebox-container .swiper-slide:nth-child(2n) .img {
    /*		width: 100%;
						padding: 70px 36px 52px;
						text-align: center;
						background: #fff;
						height: auto;
						@media @max-sm{
							height: auto;
						}*/
    position: absolute;
    bottom: 0;
}

.f-casebox-section1 .f-casebox-cont .f-casebox-container .swiper-slide:nth-child(2n) .fontimg {
    /*width: 100%;
						height: 280px;
						padding:  0;
						@media @max-sm{
							height: 200px;
						}*/
    position: absolute;
    top: 0;
}

.f-casebox-section1 .f-casebox-cont .f-casebox-container .swiper-slide:nth-child(2n) .casehover {
    top: -100%;
    bottom: auto;
}

.f-casebox-section1 .f-casebox-cont .f-casebox-container .swiper-slide:nth-child(2n):hover .casehover {
    top: 0;
    bottom: auto;
}

.f-casebox-section1 .f-casebox-cont .f-casebox-prev,
.f-casebox-section1 .f-casebox-cont .f-casebox-next {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #fff;
    background-size: 25% 39%;
    background-position: center;
    background-repeat: no-repeat;
    outline: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
    .f-casebox-section1 .f-casebox-cont .f-casebox-prev,
    .f-casebox-section1 .f-casebox-cont .f-casebox-next {
        display: none;
    }
}

.f-casebox-section1 .f-casebox-cont .swiper-button-next.swiper-button-disabled,
.f-casebox-section1 .f-casebox-cont .swiper-button-prev.swiper-button-disabled {
    pointer-events: auto;
}

.f-casebox-section1 .f-casebox-cont .f-casebox-prev {
    left: -82px;
    background-image: url(../images/casele1.png);
}

@media (max-width: 1440px) {
    .f-casebox-section1 .f-casebox-cont .f-casebox-prev {
        left: 15px;
    }
}

.f-casebox-section1 .f-casebox-cont .f-casebox-prev:hover {
    background: #f18d00;
    background-image: url(../images/casele1-1.png);
    background-size: 25% 39%;
    background-position: center;
    background-repeat: no-repeat;
}

.f-casebox-section1 .f-casebox-cont .f-casebox-next {
    right: -82px;
    background-image: url(../images/casege1.png);
}

@media (max-width: 1440px) {
    .f-casebox-section1 .f-casebox-cont .f-casebox-next {
        right: 15px;
    }
}

.f-casebox-section1 .f-casebox-cont .f-casebox-next:hover {
    background: #f18d00;
    background-image: url(../images/casege1-1.png);
    background-size: 25% 39%;
    background-position: center;
    background-repeat: no-repeat;
}

.f-casebox-section2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 60px;
}

.f-casebox-section2-cont {
    width: 100%;
    margin-bottom: 10px;
}

    .f-casebox-section2-cont .item {
        width: 100%;
        height: 240px;
        border: 1px solid #dddddd;
        overflow: hidden;
        margin-bottom: 20px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

@media (max-width: 767px) {
    .f-casebox-section2-cont .item {
        height: auto;
    }
	.f-casebox-section2 {
		padding-top: 25px;
	}
}

.f-casebox-section2-cont .item > div {
    float: left;
}

.f-casebox-section2-cont .item .item-img {
    width: 31.7%;
    height: 100%;
    background: #f18d00;
}

@media (max-width: 767px) {
    .f-casebox-section2-cont .item .item-img {
        width: 100%;
        height: 200px;
    }
}

.f-casebox-section2-cont .item .item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    float: left;
}

.f-casebox-section2-cont .item .font {
    width: 52.3%;
    padding: 30px;
}

@media (max-width: 767px) {
    .f-casebox-section2-cont .item .font {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .f-casebox-section2-cont .item .font {
        padding: 29px;
    }
}

@media (max-width: 767px) {
    .f-casebox-section2-cont .item .font {
        padding: 15px;
    }
}

.f-casebox-section2-cont .item .font h1 {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
}

    .f-casebox-section2-cont .item .font h1 span {
        margin-left: 10px;
        font-size: 16px;
        color: #999;
    }

.f-casebox-section2-cont .item .font .ne {
    margin-top: 25px;
}

    .f-casebox-section2-cont .item .font .ne p {
        font-size: 16px;
        color: #666;
        margin-bottom: 14px;
    }

        .f-casebox-section2-cont .item .font .ne p a {
            color: #f18d00;
            padding: 0 10px;
        }

            .f-casebox-section2-cont .item .font .ne p a img {
                width: 10%;
                height: auto;
            }

            .f-casebox-section2-cont .item .font .ne p a:hover {
                text-decoration: none;
            }

.f-casebox-section2-cont .item .but {
    width: 11%;
    padding-top: 63px;
}

@media (max-width: 991px) {
    .f-casebox-section2-cont .item .but {
        padding-top: 29px;
        width: 14%;
    }
}

@media (max-width: 767px) {
    .f-casebox-section2-cont .item .but {
        width: 95%;
        display: flex;
        padding-left: 15px;
        padding-top: 15px;
        justify-content: space-between;
    }
}

.f-casebox-section2-cont .item .but a {
    display: block;
    width: 100%;
    padding: 13px 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 3px;
}

@media (max-width: 767px) {
    .f-casebox-section2-cont .item .but a {
        width: 48%;
    }
}

@media (max-width: 991px) {
    .f-casebox-section2-cont .item .but a {
        font-size: 12px;
    }
}

.f-casebox-section2-cont .item .but a:hover {
    text-decoration: none;
}

.f-casebox-section2-cont .item .but a:nth-child(1) {
    background: #042536;
}

.f-casebox-section2-cont .item .but a:nth-child(2) {
    background: #f18d00;
}

.f-casebox-section2-cont .item:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.f-casebox-section2-but {
    width: 100%;
    height: 64px;
    background: #f18d00;
    font-size: 18px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
}

    .f-casebox-section2-but i {
        display: block;
        width: 18px;
        height: 10px;
        margin-left: 10px;
    }

        .f-casebox-section2-but i img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            float: left;
        }
/*领域案例合同*/
.f-casebox-section3 {
    background: #edf0f7;
    padding-top: 60px;
    /*导航*/
}
@media (max-width: 767px) {
    .f-casebox-section3 {
		background: #edf0f7;
		padding-top: 25px;
		/*导航*/
	}
}
    .f-casebox-section3 .f-casebox-section3-nav {
        width: 100%;
        margin-bottom: 40px;
        padding-bottom: 10px;
    }

        .f-casebox-section3 .f-casebox-section3-nav .f-casebox-section3-swiper {
            width: 100%;
            height: 80px;
        }
		.f-casebox-section3 .f-casebox-section3-nav .f-casebox-section3-swiper hidden1{
			display: none;
		}
        .f-casebox-section3 .f-casebox-section3-nav .f-casebox-section3-list {
            border-bottom: 2px solid #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            color: #666;
            font-size: 20px;
            cursor: pointer;
            background: #fff;
        }

@media (max-width: 991px) {
    .f-casebox-section3 .f-casebox-section3-nav .f-casebox-section3-list {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .f-casebox-section3 .f-casebox-section3-nav .f-casebox-section3-list {
        font-size: 12px;
    }
}

.f-casebox-section3 .f-casebox-section3-nav .f-casebox-section3-list:after {
    display: none;
    content: "";
    position: absolute;
    bottom: -11px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-top: 10px solid #f18d00;
    border-right: 10px solid transparent;
}

.f-casebox-section3 .f-casebox-section3-nav .f-casebox-section3-list i {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-size: 90% 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.f-casebox-section3 .f-casebox-section3-nav .f-casebox-section3-list i.hidden1{
	display: none;
}
@media (max-width: 991px) {
    .f-casebox-section3 .f-casebox-section3-nav .f-casebox-section3-list i {
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }
}

@media (max-width: 767px) {
    .f-casebox-section3 .f-casebox-section3-nav .f-casebox-section3-list i {
        width: 18px;
        height: 18px;
        margin-right: 5px;
    }
}

.f-casebox-section3 .f-casebox-section3-nav .f-casebox-section3-list i img {
    float: left;
    width: 100%;
    height: 100%;
    object-fit: contain}


.f-casebox-section3 .f-casebox-section3-nav .active {
    border-bottom: 2px solid #f18d00;
    color: #f18d00;
}

    .f-casebox-section3 .f-casebox-section3-nav .active:after {
        display: block;
    }

.f-casebox-section3 .f-casebox-section3-nei {
    width: 100%;
    position: relative;
}

    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container {
        width: 100%;
        height: 495px;
    }

@media (max-width: 991px) {
    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container {
        height: 433px;
    }
}

.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item {
    width: 100%;
    height: 100%;
    position: relative;
}

    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .img {
        width: 57.3%;
        height: 100%;
    }

@media (max-width: 767px) {
    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .img {
        width: 100%;
    }
}

.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .shu {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 200px;
    font-weight: bold;
    color: #dfe2e8;
    line-height: 150px;
}

@media (max-width: 991px) {
    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .shu {
        font-size: 143px;
    }
}

@media (max-width: 767px) {
    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .shu {
        font-size: 80px;
        line-height: 80px;
    }
}

.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .font {
    position: absolute;
    top: 60px;
    right: 130px;
    z-index: 2;
    width: 46.7%;
    padding: 50px 70px 50px;
    background: #fff;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .font {
        width: 100%;
    }
}

@media (max-width: 1199px) {
    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .font {
        padding: 30px 40px 30px;
    }
}

@media (max-width: 991px) {
	.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .font {
	    width: 61.7%;
	}
    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .font {
        padding: 29px;
    }
}

@media (max-width: 767px) {
    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .font {
        width: 90%;
        left: 0;
        right: 0;
        top: 30px;
        margin: 0 auto;
        padding: 15px;
    }
}

.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .font h1 {
    margin: 0;
    font-size: 24px;
    font-weight: 5002;
}

@media (max-width: 767px) {
    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .font h1 {
        font-size: 18px;
    }
}

.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .font h1 span {
    margin-left: 10px;
    font-size: 16px;
    color: #999;
}

@media (max-width: 767px) {
    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .font h1 span {
        font-size: 13px;
    }
}

.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .font .ne {
    margin-top: 25px;
}

    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .font .ne p {
        font-size: 16px;
        color: #666;
		margin-bottom: 10px;
    }

@media (max-width: 767px) {
    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .font .ne p {
        font-size: 13px;
    }
}

.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .font .ne p a {
    color: #f18d00;
    padding: 0 10px;
}

    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .font .ne p a img {
        width: 10%;
        height: auto;
    }

@media (max-width: 767px) {
    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .font .ne p a {
        font-size: 13px;
    }
}

.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .font .ne p a:hover {
    text-decoration: none;
}

.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .but {
    padding-top: 63px;
    width: 65%;
    display: flex;
    padding-top: 15px;
    justify-content: space-between;
}

    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .but a {
        display: block;
        width: 48%;
        padding: 7px 0;
        color: #fff;
        font-size: 16px;
        text-align: center;
        border-radius: 3px;
    }

@media (max-width: 991px) {
    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .but a {
        font-size: 12px;
    }
}

.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .but a:hover {
    text-decoration: none;
}

.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .but a:nth-child(1) {
    background: #042536;
}

.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-nei-container .item .but a:nth-child(2) {
    background: #f18d00;
}

.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-prev,
.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-next {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #fff;
    background-size: 25% 39%;
    background-position: center;
    background-repeat: no-repeat;
    outline: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-prev,
    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-next {
        display: none;
    }
}

.f-casebox-section3 .f-casebox-section3-nei .swiper-button-next.swiper-button-disabled,
.f-casebox-section3 .f-casebox-section3-nei .swiper-button-prev.swiper-button-disabled {
    pointer-events: auto;
}

.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-prev {
    left: -82px;
    background-image: url(../images/casele1.png);
}

@media (max-width: 1440px) {
    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-prev {
        left: 15px;
    }
}

.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-prev:hover {
    background: #f18d00;
    background-image: url(../images/casele1-1.png);
    background-size: 25% 39%;
    background-position: center;
    background-repeat: no-repeat;
}

.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-next {
    right: -82px;
    background-image: url(../images/casege1.png);
}

@media (max-width: 1440px) {
    .f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-next {
        right: 15px;
    }
}

.f-casebox-section3 .f-casebox-section3-nei .f-casebox-section3-next:hover {
    background: #f18d00;
    background-image: url(../images/casege1-1.png);
    background-size: 25% 39%;
    background-position: center;
    background-repeat: no-repeat;
}

.f-paltebox {
    height: auto;
    position: relative;
    padding-bottom: 66px;
}

@media (max-width: 767px) {
    .f-paltebox {
        padding-bottom: 30px;
    }
}

.f-paltebox .f-paltebox-cont {
    padding-bottom: 5px;
}
@media (max-width: 1440px) {
    .f-paltebox .f-paltebox-cont {
        width: 910px;
    }
}
    .f-paltebox .f-paltebox-cont .swiper-slide {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .f-paltebox .f-paltebox-cont .item {
        width: 100%;
        height: 237px;
        background: url(../images/yangimg1.png) no-repeat;
        background-size: 100% 100%;
        margin-bottom: 25px;
        position: relative;
        display: flex;
        justify-content: space-between;
        padding: 45px 40px 0;
    }

        .f-paltebox .f-paltebox-cont .item .text .yin {
            font-size: 48px;
            color: #999;
            margin-bottom: 25px;
            line-height: 48px;
        }

@media (max-width: 767px) {
    .f-paltebox .f-paltebox-cont .item .text .yin {
        font-size: 30px;
        margin-bottom: 20px;
        line-height: 30px;
    }
}

@media (max-width: 575px) {
    .f-paltebox .f-paltebox-cont .item .text .yin {
        font-size: 25px;
        margin-bottom: 15px;
        line-height: 25px;
    }
}

.f-paltebox .f-paltebox-cont .item .text .tit {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 18px;
}

@media (max-width: 767px) {
    .f-paltebox .f-paltebox-cont .item .text .tit {
        font-size: 20px;
        margin-bottom: 15px;
    }
}

@media (max-width: 575px) {
    .f-paltebox .f-paltebox-cont .item .text .tit {
        font-size: 15px;
        margin-bottom: 5px;
    }
}

.f-paltebox .f-paltebox-cont .item .text .font {
    font-size: 13px;
    color: #666;
}

@media (max-width: 767px) {
    .f-paltebox .f-paltebox-cont .item .text .font {
        font-size: 12px;
    }
}

.f-paltebox .f-paltebox-cont .item .shu {
    font-size: 72px;
    color: #ddd;
    line-height: 72px;
}

@media (max-width: 767px) {
    .f-paltebox .f-paltebox-cont .item .shu {
        font-size: 50px;
        line-height: 50px;
    }
}

@media (max-width: 575px) {
    .f-paltebox .f-paltebox-cont .item .shu {
        font-size: 45px;
        line-height: 45px;
    }
}

.f-paltebox .f-paltebox-cont .item:after {
    content: "";
    display: block;
    width: 95%;
    height: 5px;
    background: #ddd;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
}

@media (max-width: 991px) {
    .f-paltebox .f-paltebox-cont .item {
        margin-bottom: 10px;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .f-paltebox .f-paltebox-cont .item {
        height: 150px;
        padding: 15px;
    }
}

@media (max-width: 575px) {
    .f-paltebox .f-paltebox-cont .item {
        height: 130px;
        padding: 15px;
    }
}

.f-paltebox .f-paltebox-cont .item:hover::after {
    background: #f18d00;
}

.f-paltebox .f-paltebox-cont .item:hover .text .yin {
    color: #f18d00;
}

.f-paltebox .f-paltebox-cont .item:hover .shu {
    color: #f18d00;
}

.f-paltebox .f-paltebox-circular {
    position: absolute;
    bottom: 0;
    width: 100%;
}

    .f-paltebox .f-paltebox-circular span {
        width: 16px;
        height: 16px;
        background: #ababab;
        margin: 0 10px;
    }

@media (max-width: 767px) {
    .f-paltebox .f-paltebox-circular span {
        width: 10px;
        height: 10px;
    }
}

.f-paltebox .f-paltebox-circular .swiper-pagination-bullet-active {
    background: #f18d00;
}

.f-paltebox .f-paltebox-prev,
.f-paltebox .f-paltebox-next {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #fff;
    background-size: 25% 39%;
    background-position: center;
    background-repeat: no-repeat;
    outline: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1199px) {
    .f-paltebox .f-paltebox-prev,
    .f-paltebox .f-paltebox-next {
        display: none;
    }
	.f-paltebox .f-paltebox-cont {
        width: auto;
    }
}

.f-paltebox .swiper-button-next.swiper-button-disabled,
.f-paltebox .swiper-button-prev.swiper-button-disabled {
    pointer-events: auto;
}

.f-paltebox .f-paltebox-prev {
    left: -82px;
    background-image: url(../images/casele1.png);
}

@media (max-width: 1440px) {
    .f-paltebox .f-paltebox-prev {
        left: 40px;
    }
}

.f-paltebox .f-paltebox-prev:hover {
    background: #f18d00;
    background-image: url(../images/casele1-1.png);
    background-size: 25% 39%;
    background-position: center;
    background-repeat: no-repeat;
}

.f-paltebox .f-paltebox-next {
    right: -82px;
    background-image: url(../images/casege1.png);
}

@media (max-width: 1440px) {
    .f-paltebox .f-paltebox-next {
        right: 40px;
    }
}

.f-paltebox .f-paltebox-next:hover {
    background: #f18d00;
    background-image: url(../images/casege1-1.png);
    background-size: 25% 39%;
    background-position: center;
    background-repeat: no-repeat;
}


/*在线留言表单*/
.mesbox {
    background: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

    .mesbox .mesbox-cont {
        position: relative;
        width: 100%;
        padding: 60px 50px 65px;
    }

@media (max-width: 991px) {
    .mesbox .mesbox-cont {
        padding: 25px 15px 30px;
    }
}

@media (max-width: 767px) {
    .mesbox .mesbox-cont {
        padding: 20px 10px 25px;
    }
}

.mesbox .mesbox-cont .mesbox-bag {
    width: 120%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: -10%;
    z-index: -1;
    background: url(../images/butimg1.png) no-repeat center;
    background-size: 100% 100%;
}

@media (max-width: 1440px) {
    .mesbox .mesbox-cont .mesbox-bag {
        width: 105%;
        left: -2.5%;
    }
}

@media (max-width: 991px) {
    .mesbox .mesbox-cont .mesbox-bag {
        width: 100%;
    }
}

.mesbox .mesbox-cont .butfont {
    width: 100%;
    text-align: center;
    padding-top: 17px;
    color: #999999;
    font-size: 16px;
    line-height: 26px;
}

    .mesbox .mesbox-cont .butfont i {
        margin-right: 15px;
        margin-top: 3px;
        display: inline-block;
        width: 14px;
        height: 18px;
    }

        .mesbox .mesbox-cont .butfont i img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            float: left;
            margin-top: 2px;
        }

    .mesbox .mesbox-cont .butfont p {
        display: inline-block;
    }
/*公共表单*/
.f-formbox {
    display: block;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /*表单公共样式*/
    /*表单*/
    /*文本框*/
    /*多选按钮*/
    /*提交按钮*/
}

    .f-formbox .f-formbox-bag {
        background: #f5f5f5;
        position: relative;
        margin-bottom: 20px;
        width: 48.5%;
    }

@media (max-width: 767px) {
    .f-formbox .f-formbox-bag {
        width: 100%;
        margin-bottom: 10px;
    }
}

.f-formbox .f-formbox-int {
    height: auto;
}

    .f-formbox .f-formbox-int input,
    .f-formbox .f-formbox-int textarea,
    .f-formbox .f-formbox-int select {
        outline: none;
        border: none;
        width: 100%;
        position: relative;
        z-index: 2;
        height: 60px;
        color: #666;
        font-size: 16px;
        background: transparent;
        text-indent: 1.5em;
    }

@media (max-width: 767px) {
    .f-formbox .f-formbox-int input,
    .f-formbox .f-formbox-int textarea,
    .f-formbox .f-formbox-int select {
        height: 50px;
        font-size: 13px;
    }
}

.f-formbox .f-formbox-int textarea {
    height: 160px;
    resize: none;
    padding: 0;
	line-height: 60px;
}
@media (max-width: 767px) {
    .f-formbox .f-formbox-int textarea {
        line-height: 50px;
    }
}
@media (max-width: 767px) {
    .f-formbox .f-formbox-int textarea {
        height: 130px;
    }
}

.f-formbox .f-formbox-int select {
    -moz-appearance: inherit;
    /*?Firefox?*/
    -webkit-appearance: inherit;
    /*?Safari?和?Chrome?*/
    appearance: inherit;
    background: url(../images/selebag1.png) no-repeat right center;
    background-size: cover;
}

.f-formbox .f-formbox-int .font {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    font-size: 16px;
    top: 0;
    text-indent: 1.5em;
    line-height: 60px;
}

@media (max-width: 767px) {
    .f-formbox .f-formbox-int .font {
        height: 50px;
        line-height: 50px;
        font-size: 13px;
    }
}

.f-formbox .f-formbox-int .font span {
    color: #ff0000;
}

.f-formbox .f-formbox-int img {
    position: absolute;
    right: 26px;
    width: 100px;
    height: 52%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
}

.f-formbox .f-formbox-textarea {
    width: 100%;
}

.f-formbox .f-formbox-radio {
    display: flex;
    font-size: 16px;
    line-height: 80px;
}

@media (max-width: 767px) {
    .f-formbox .f-formbox-radio {
        line-height: 50px;
        font-size: 13px;
    }
}

.f-formbox .f-formbox-radio .radioname {
    text-indent: 1em;
}

.f-formbox .f-formbox-radio div {
    margin-right: 40px;
}

@media (max-width: 991px) {
    .f-formbox .f-formbox-radio div {
        margin-right: 20px;
    }
}

.f-formbox .f-formbox-radio label {
    margin-right: 50px;
    display: flex;
    align-items: center;
    font-weight: 500;
}

@media (max-width: 767px) {
    .f-formbox .f-formbox-radio label {
        margin-right: 20px;
    }
}

.f-formbox .f-formbox-radio input {
    width: 18px;
    height: 18px;
    outline: none;
    border: 1px solid #e6e6e6;
    margin: 0;
    margin-right: 10px;
}

.f-formbox .f-formbox-sub {
    display: flex;
    justify-content: space-between;
}

    .f-formbox .f-formbox-sub input {
        width: 49%;
        height: 60px;
        line-height: 60px;
        color: #fff;
        font-size: 18px;
        outline: none;
        border: none;
    }

@media (max-width: 767px) {
    .f-formbox .f-formbox-sub input {
        height: 50px;
        line-height: 50px;
        font-size: 15px;
    }
}

.f-formbox .f-formbox-sub input:nth-child(1) {
    background: #f57c13;
}

.f-formbox .f-formbox-sub input:nth-child(2) {
    background: #999999;
}

.f-formbox-inner .ban-title {
    position: initial !important;
    margin-top: 15px;
}

.f-formbox-inner .f-formbox-tit {
    margin-top: 138px;
}

.f-formbox-banner {
    height: 994px;
}

@media (max-width: 767px) {
    .f-formbox-banner {
        height: 750px;
    }
}




.liubox {
    position: relative;
}

    .liubox .liubox-bag {
        width: 100%;
        height: 1377px;
		object-fit: cover;
    }

@media (max-width: 767px) {
    .liubox .liubox-bag {
        height: 1400px;
    }
}

.liubox .liubox-bag img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.liubox .liubox-tit {
    top: 137px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .liubox .liubox-tit {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
        top: 90px;
    }
}

.liubox .liubox-cont {
    position: absolute;
    top: 138px;
    left: 50%;
    right: 0;
    margin: 0 auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
}

.liubox .mesbox {
    background: rgba(0, 0, 0, 0.3);
}

    .liubox .mesbox .liubox-form-tit {
        width: 100%;
        margin-bottom: 35px;
        text-align: center;
    }
.liubox .mesbox .mesbox-cont .mesbox-bag{
	display: none;
}
@media (max-width: 767px) {
    .liubox .mesbox .liubox-form-tit {
        margin-bottom: 20px;
    }
}

.liubox .mesbox .liubox-form-tit h3 {
    margin: 0;
    color: #fff;
    font-weight: bold;
    font-size: 36px;
}

@media (max-width: 767px) {
    .liubox .mesbox .liubox-form-tit h3 {
        font-size: 24px;
        line-height: 34px;
    }
}

.liubox .mesbox .liubox-form-tit p {
    margin: 0;
    color: #999;
    font-size: 16px;
    line-height: 26px;
    margin-top: 15px;
}

@media (max-width: 767px) {
    .liubox .mesbox .liubox-form-tit p {
        font-size: 14px;
        line-height: 24px;
    }
}

.liubox .mesbox .liubox-qi {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 60px;
    background: #f5f5f5 url(../images/selebag1.png) no-repeat right center;
    background-size: cover;
    padding-right: 5.6%;
}

@media (max-width: 767px) {
    .liubox .mesbox .liubox-qi {
        height: 50px;
        line-height: 50px;
        font-size: 13px;
    }
}

.liubox .mesbox .liubox-qi .liubox-qi-cont {
    width: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    position: relative;
    z-index: 6;
}

@media (max-width: 767px) {
    .liubox .mesbox .liubox-qi .liubox-qi-cont {
        position: absolute;
        right: 6.6%;
        top: 6px;
    }
}

.liubox .mesbox .liubox-qi .liubox-qi-cont .liubox-qi-list {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    margin: 0;
    padding: 0;
}

    .liubox .mesbox .liubox-qi .liubox-qi-cont .liubox-qi-list li {
        list-style: none;
        padding: 9px 26px;
        display: block;
        background: #fff;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin-right: 10px;
        position: relative;
    }

@media (max-width: 767px) {
    .liubox .mesbox .liubox-qi .liubox-qi-cont .liubox-qi-list li {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 25px;
    }
}

.liubox .mesbox .liubox-qi .liubox-qi-cont .liubox-qi-list li i {
    position: absolute;
    top: 4px;
    right: 9px;
    font-size: 10px;
    color: #999999;
    font-style: normal;
    font-weight: bold;
    cursor: pointer;
}

@media (max-width: 767px) {
    .liubox .mesbox .liubox-qi .liubox-qi-cont .liubox-qi-list li i {
        top: -4px;
        right: 5px;
    }
}

.liubox .mesbox .liubox-qi .liubox-qi-cont .liubox-qi-list li a {
    color: #333;
    font-size: 14px;
}

    .liubox .mesbox .liubox-qi .liubox-qi-cont .liubox-qi-list li a:hover {
        text-decoration: none;
    }

    .liubox .mesbox .liubox-qi .liubox-qi-cont .liubox-qi-list li a:focus {
        text-decoration: none;
    }

.liubox .mesbox .liubox-qi .font {
    position: initial;
    width: auto;
}

.liubox .mesbox .liubox-qi .liubox-qi-xuan {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 200px;
    overflow: auto;
    overflow-x: none;
    z-index: 5;
    border: 1px solid #ddd;
    border-top: none;
    background: #fff;
    display: none;
	left: 0;
}

    .liubox .mesbox .liubox-qi .liubox-qi-xuan span {
        display: block;
        width: 100%;
        height: 50px;
        text-indent: 1.5em;
        font-size: 16px;
        line-height: 50px;
        border-bottom: 1px solid #ddd;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .liubox .mesbox .liubox-qi .liubox-qi-xuan span:hover {
            background: #e1e5ec;
        }

    .liubox .mesbox .liubox-qi .liubox-qi-xuan .active {
        background: #e1e5ec;
    }

.liubox .mesbox .butfont p {
    color: #fff;
}

@media (max-width: 991px) {
    .liubox .mesbox {
        top: 100px;
    }
}

@media (max-width: 767px) {
    .liubox .mesbox {
        top: 80px;
    }
}

@media (max-width: 575px) {
    .liubox .mesbox {
        top: 50px;
    }
}

.partnerbox {
    height: auto;
    padding-top: 40px;
    padding-bottom: 50px;
}

@media (max-width: 767px) {
    .partnerbox {
        padding-top: 22px;
    }
}

.partnerbox .partnerbox-cont {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 40px;
    border: 1px solid #ddd;
    border-right: none;
    border-bottom: none;
}

@media (max-width: 767px) {
    .partnerbox .partnerbox-cont {
        margin-bottom: 20px;
    }
}

.partnerbox .partnerbox-cont > div .partnerbox-img {
    width: 20%;
    height: 108px;
    border: 1px solid #ddd;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -1px;
    margin-top: -1px;
    background: #fff;
}

@media (max-width: 767px) {
    .partnerbox .partnerbox-cont > div .partnerbox-img {
        width: 50%;
        height: 78px;
    }
}

.partnerbox .partnerbox-cont > div .partnerbox-img:hover img {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.partnerbox .partnerbox-cont > div .partnerbox-img i {
    display: block;
    width: 54%;
    height: 60%;
}

@media (max-width: 767px) {
    .partnerbox .partnerbox-cont > div .partnerbox-img i {
        width: 86%;
        height: 86%;
    }
}

.partnerbox .partnerbox-cont > div .partnerbox-img i img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    float: left;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.partnerbox .partnerbox-font {
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .partnerbox .partnerbox-font {
        font-size: 20px;
        text-align: center;
    }
}

.partnerbox .partnerbox-font a {
    padding: 15px 40px;
    border: 2px solid #f57c13;
    color: #f57c13;
    margin-left: 20px;
    display: none;
    font-size: 16px;
}

@media (max-width: 767px) {
    .partnerbox .partnerbox-font a {
        margin-left: 0;
        padding: 10px 20px;
        margin-top: 10px;
    }
}

.partnerbox .partnerbox-font a i {
    display: block;
    width: 23px;
    height: 22px;
    margin-right: 10px;
}

    .partnerbox .partnerbox-font a i img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }



.f-yizhanbox {
    height: auto;
    padding-top: 40px;
    position: relative;
    padding-bottom: 40px;
}

@media (max-width: 767px) {
    .f-yizhanbox {
        padding-top: 22px;
        padding-bottom: 22px;
    }
}

.f-yizhanbox .f-yizhanbox-container {
    z-index: 1;
    height: auto;
}

    .f-yizhanbox .f-yizhanbox-container .item {
        width: 100%;
        height: auto;
        position: relative;
        z-index: 2;
    }
        .f-yizhanbox .f-yizhanbox-container .item:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: #000;
            opacity: .5;
            z-index: 1;
        }

        .f-yizhanbox .f-yizhanbox-container .item .img {
            width: 100%;
            height: 700px;
            position: relative;
            z-index: 1;
        }

@media (max-width: 767px) {
    .f-yizhanbox .f-yizhanbox-container .item .img {
        height: 550px;
    }
}

.f-yizhanbox .f-yizhanbox-container .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.f-yizhanbox .f-yizhanbox-container .item .font {
    position: absolute;
    top: 120px;
    left: 0;
    right: 0;
    z-index: 2;
    bottom: 0;
    text-align: center;
    color: #fff;
}

    .f-yizhanbox .f-yizhanbox-container .item .font h1 {
        font-size: 30px;
        font-weight: bold;
        margin: 0;
    }

    .f-yizhanbox .f-yizhanbox-container .item .font div {
        font-size: 16px;
        line-height: 36px;
        height: 105px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        margin-top: 40px;
        margin-bottom: 38px;
        text-align: center;
    }
        .f-yizhanbox .f-yizhanbox-container .item .font div span {
            background: transparent !important;
            color: #fff !important;
        }
        @media (max-width: 767px) {
            .f-yizhanbox .f-yizhanbox-container .item .font div{
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 18px;
    }
}

.f-yizhanbox .f-yizhanbox-container .item .font a {
    display: block;
    width: 180px;
    height: 50px;
    border: 2px solid #29c7a2;
    color: #29c7a2;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .f-yizhanbox .f-yizhanbox-container .item .font a {
        width: 130px;
        height: 45px;
        line-height: 45px;
        font-size: 14px;
    }
}

.f-yizhanbox .f-yizhanbox-container .item .font a:hover {
    text-decoration: none;
	background: #29c7a2;
	color: #fff;
	border: 2px solid #29c7a2;
}

.f-yizhanbox .f-yizhanbox-container .item .font a:focus {
    text-decoration: none;
}

.f-yizhanbox .f-yizhanbox-container .item .font a span {
    margin-left: 5px;
}

.f-yizhanbox .f-yizhanbox-nav {
    position: absolute;
    bottom: 40px;
    right: 0;
    left: 0;
    z-index: 5;
    height: 140px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

@media (max-width: 991px) {
    .f-yizhanbox .f-yizhanbox-nav {
        padding-bottom: 0;
        height: 110px;
    }
}

@media (max-width: 767px) {
    .f-yizhanbox .f-yizhanbox-nav {
        padding-bottom: 0;
        bottom: 0;
        height: 80px;
    }
}

.f-yizhanbox .f-yizhanbox-nav .item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .f-yizhanbox .f-yizhanbox-nav .item {
        flex-wrap: wrap;
        font-size: 13px;
        align-content: center;
    }
}
@media (max-width: 575px) {
    .f-yizhanbox .f-yizhanbox-nav .item {
		flex-direction: column;
    }
}
.f-yizhanbox .f-yizhanbox-nav .item .img {
    width: 50px;
    height: 50px;
    margin-right: 14px;
}

@media (max-width: 991px) {
    .f-yizhanbox .f-yizhanbox-nav .item .img {
        width: 38px;
        height: 38px;
    }
}

@media (max-width: 767px) {
    .f-yizhanbox .f-yizhanbox-nav .item .img {
        margin-right: 0;
        width: 25px;
        height: 25px;
        margin-bottom: 5px;
    }
}

.f-yizhanbox .f-yizhanbox-nav .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.f-yizhanbox .f-yizhanbox-nav .item .hidden1 {
    display: none;
}

.f-yizhanbox .f-yizhanbox-nav .active {
    background: #29c7a2;
    color: #fff;
}




.growbox {
    width: 100%;
    height: 924px;
    background: url(../images/faimg1.jpg) repeat-x center;
    padding-top: 85px;
    position: relative;
}

@media (max-width: 767px) {
    .growbox {
        padding-top: 45px;
    }
}

.growbox .growbox-container {
    right: 0;
    left: 0;
    height: 400px;
    margin-bottom: 65px;
}

@media (max-width: 767px) {
    .growbox .growbox-container {
        height: auto;
        margin-bottom: 45px;
    }
}

.growbox .growbox-container .item {
    width: 100%;
    height: 100%;
    display: flex;
}

@media (max-width: 767px) {
    .growbox .growbox-container .item {
        height: auto;
        flex-wrap: wrap;
    }
}

.growbox .growbox-container .item .img {
    width: 50%;
}

@media (max-width: 767px) {
    .growbox .growbox-container .item .img {
        width: 100%;
        padding: 0 15px;
    }
}

.growbox .growbox-container .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.growbox .growbox-container .item .font {
    width: 50%;
    display: flex;
    padding-top: 63px;
    flex-direction: column;
    padding-left: 80px;
    padding-right: 80px;
}

@media (max-width: 767px) {
    .growbox .growbox-container .item .font {
        width: 100%;
        padding: 40px 15px;
    }
}

.growbox .growbox-container .item .font h1 {
    font-weight: 500;
    font-size: 48px;
    margin: 0;
}

@media (max-width: 991px) {
    .growbox .growbox-container .item .font h1 {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .growbox .growbox-container .item .font h1 {
        font-size: 35px;
    }
}

.growbox .growbox-container .item .font div {
    margin-top: 35px;
    font-size: 18px;
    color: #666;
}

@media (max-width: 991px) {
    .growbox .growbox-container .item .font div {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .growbox .growbox-container .item .font div {
        font-size: 14px;
        margin-top: 20px;
    }
}

.growbox .growbox-container .item .font div p {
    margin: 0;
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .growbox .growbox-container .item .font div p {
        font-size: 14px;
        margin-bottom: 15px;
    }
}

.growbox .growbox-container .growbox-qie {
    position: absolute;
    width: 320px;
    height: 40px;
    z-index: 6;
    bottom: 0;
    right: 204px;
}

@media (max-width: 1199px) {
    .growbox .growbox-container .growbox-qie {
        right: 99px;
    }
}

@media (max-width: 991px) {
    .growbox .growbox-container .growbox-qie {
        width: 253px;
        right: 39px;
        height: 35px;
    }
}

@media (max-width: 767px) {
    .growbox .growbox-container .growbox-qie {
        left: 15px;
    }
}

.growbox .growbox-container .growbox-qie .growbox-next,
.growbox .growbox-container .growbox-qie .growbox-prev {
    background: none;
    display: block;
    width: 140px;
    height: 100%;
    text-align: center;
    line-height: 45px;
    border-radius: 17px;
    background: #fff;
    color: #999;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
}

@media (max-width: 991px) {
    .growbox .growbox-container .growbox-qie .growbox-next,
    .growbox .growbox-container .growbox-qie .growbox-prev {
        width: 120px;
        line-height: 35px;
    }
}

.growbox .growbox-container .growbox-qie .growbox-next i,
.growbox .growbox-container .growbox-qie .growbox-prev i {
    color: #333;
    font-size: 20px;
    display: flex;
    align-items: center;
}

.growbox .growbox-container .growbox-qie .growbox-next:hover,
.growbox .growbox-container .growbox-qie .growbox-prev:hover {
    color: #fff;
    background: #f57c13;
}

    .growbox .growbox-container .growbox-qie .growbox-next:hover i,
    .growbox .growbox-container .growbox-qie .growbox-prev:hover i {
        color: #fff;
    }

.growbox .growbox-container .growbox-qie .growbox-prev {
    left: 0;
}

    .growbox .growbox-container .growbox-qie .growbox-prev i {
        margin-right: 5px;
    }

.growbox .growbox-container .growbox-qie .growbox-next {
    right: 0;
}

    .growbox .growbox-container .growbox-qie .growbox-next i {
        margin-left: 5px;
    }

.growbox .growbox-container .growbox-qie .swiper-button-next.swiper-button-disabled,
.growbox .growbox-container .growbox-qie .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    color: #fff;
    background: #f57c13;
}

    .growbox .growbox-container .growbox-qie .swiper-button-next.swiper-button-disabled i,
    .growbox .growbox-container .growbox-qie .swiper-button-prev.swiper-button-disabled i {
        color: #fff;
    }

.growbox .growbox-nav {
    height: 64px;
}

    .growbox .growbox-nav .swiper-wrapper .swiper-slide {
        display: flex;
        align-items: center;
    }

    .growbox .growbox-nav .swiper-wrapper span {
        font-size: 18px;
        color: #666;
        line-height: 40px;
        cursor: pointer;
        text-align: center;
        display: block;
        width: 100%;
        height: 5px;
    }

        .growbox .growbox-nav .swiper-wrapper span:after {
            content: "";
            display: block;
            position: absolute;
            width: 2px;
            height: 20px;
            background: #999999;
            top: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

    .growbox .growbox-nav .swiper-wrapper .active span {
        color: #f57c13;
        font-size: 30px;
    }

.growbox .growbox-time {
    position: relative;
    height: auto;
}

.growbox .growbox-zhou {
    position: absolute;
    bottom: 67.8%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #999999;
    z-index: 8;
}

    .growbox .growbox-zhou:after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        background: #f57c13;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: -5px;
        -webkit-animation: leftbox 30s linear infinite alternate;
        -moz-animation: leftbox 30s linear infinite alternate;
        -ms-animation: leftbox 30s linear infinite alternate;
        -o-animation: leftbox 30s linear infinite alternate;
        animation: leftbox 30s linear infinite alternate;
    }

@media (max-width: 767px) {
    .growbox .growbox-zhou:after {
        bottom: 66.8%;
        -webkit-animation: leftbox 10s linear infinite alternate;
        -moz-animation: leftbox 10s linear infinite alternate;
        -ms-animation: leftbox 10s linear infinite alternate;
        -o-animation: leftbox 10s linear infinite alternate;
        animation: leftbox 10s linear infinite alternate;
    }
}

@media (max-width: 767px) {
    .growbox .growbox-zhou {
        bottom: 66.8%;
    }
}

@-webkit-keyframes leftbox {
    from {
        left: 0;
    }

    to {
        left: 100%;
    }
}

@-moz-keyframes leftbox {
    from {
        left: 0;
    }

    to {
        left: 100%;
    }
}

@-ms-keyframes leftbox {
    from {
        left: 0;
    }

    to {
        left: 100%;
    }
}

@-o-keyframes leftbox {
    from {
        left: 0;
    }

    to {
        left: 100%;
    }
}

@keyframes leftbox {
    from {
        left: 0;
    }

    to {
        left: 100%;
    }
}
/* 
	申请试用
 */
.trybox {
    width: 100%;
    height: 917px;
    background-image: url(../images/denglu.jpg);
    background-repeat: repeat-x;
    background-position: center;
    background-size: cover;
    position: relative;
}

@media (max-width: 767px) {
    .trybox {
        height: auto;
    }
}

.trybox .trybox-cont {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    background: rgba(255, 255, 255, 0.5);
    height: 582px;
    border: 2px solid #00ebff;
    border-radius: 45px;
    display: flex;
    padding: 65px 68px 0;
}

@media (max-width: 1199px) {
    .trybox .trybox-cont {
        padding: 45px 48px 0;
    }
}

@media (max-width: 991px) {
    .trybox .trybox-cont {
        padding: 35px 15px;
        height: 480px;
    }
}

@media (max-width: 767px) {
    .trybox .trybox-cont {
        position: initial;
        padding: 92px 15px;
        border-radius: 0;
        border: none;
    }
}

.trybox .trybox-cont .lt {
    width: 47%;
}

@media (max-width: 767px) {
    .trybox .trybox-cont .lt {
        width: 100%;
    }
}

.trybox .trybox-cont .lt h1 {
    font-size: 36px;
    margin: 0;
}

@media (max-width: 991px) {
    .trybox .trybox-cont .lt h1 {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .trybox .trybox-cont .lt h1 {
        text-align: center;
    }
}

.trybox .trybox-cont .lt p {
    margin: 25px 0;
    font-size: 16px;
    color: #666;
    line-height: 26px;
}

@media (max-width: 991px) {
    .trybox .trybox-cont .lt p {
        font-size: 14px;
    }
}

.trybox .trybox-cont .lt .mesbox {
    box-shadow: none;
    background: transparent;
}

.trybox .trybox-cont .lt .mesbox-cont {
    padding: 0;
}

    .trybox .trybox-cont .lt .mesbox-cont .f-formbox .f-formbox-bag {
        width: 100%;
        height: 66px;
        border-radius: 35px;
        background: #fff;
        overflow: hidden;
    }

@media (max-width: 991px) {
    .trybox .trybox-cont .lt .mesbox-cont .f-formbox .f-formbox-bag {
        height: 50px;
        margin-bottom: 15px;
    }
}

.trybox .trybox-cont .lt .mesbox-cont .f-formbox .f-formbox-bag input {
    height: 100%;
    line-height: normal;
}

.trybox .trybox-cont .lt .mesbox-cont .f-formbox .font {
    line-height: 66px;
}

@media (max-width: 991px) {
    .trybox .trybox-cont .lt .mesbox-cont .f-formbox .font {
        line-height: 50px;
    }
}

.trybox .trybox-cont .lt .mesbox-cont .f-formbox .f-formbox-sub {
    width: 100%;
    border-radius: 35px;
    background: #fff;
}

    .trybox .trybox-cont .lt .mesbox-cont .f-formbox .f-formbox-sub input {
        border-radius: 35px;
        background: transparent;
        color: #333;
        font-size: 16px;
    }

    .trybox .trybox-cont .lt .mesbox-cont .f-formbox .f-formbox-sub .f-formbox-subb {
        width: 95%;
        background: #26d0a7;
        color: #fff;
        text-align: left;
        text-indent: 1.5em;
    }

.trybox .trybox-cont .gt {
    position: absolute;
    right: 5%;
    top: -5.5%;
    width: 49%;
    height: 670px;
}

    .trybox .trybox-cont .gt img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

@media (max-width: 767px) {
    .trybox .trybox-cont .gt img {
        object-fit: scale-down;
    }
}

@media (max-width: 1199px) {
    .trybox .trybox-cont .gt {
        right: 2%;
        width: 49%;
        height: 640px;
    }
}

@media (max-width: 991px) {
    .trybox .trybox-cont .gt {
        height: 482px;
    }
}

@media (max-width: 767px) {
    .trybox .trybox-cont .gt {
        width: 100%;
        height: 410px;
        position: initial;
    }
}

@media (max-width: 767px) {
    .trybox .trybox-cont {
        height: auto;
        flex-wrap: wrap;
    }
}
.f-bannerbox{
    background-repeat: no-repeat;
    background-attachment:fixed;
	background-size: cover;
}
.f-bannerbox .inner{
}
.f-bannerbox .inner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.f-bannerbox .inner .ban-cont{
	top: 45%;
	line-height: ;
}
.f-bannerbox-but{
	position: absolute;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	right: 0;
	z-index: 555;
	width: 100%;
	height: 58px;
	display: flex;
	justify-content: center;
}
.f-bannerbox-but a{
	display: block;
	width: 16.66%;
	height: 100%;
	line-height: 58px;
	background: rgba(255,255,255,.2);
	font-size: 16px;
	color: #fff;
	text-align: center;
	position: relative;
}
.f-bannerbox-but a:after{
	content: "";
	position: absolute;
	display: block;
    right: 0;
    top: 10px;
    width: 1px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.33);
}
.f-bannerbox-but a:last-child:after{
	display: none;
}
@media (max-width: 767px) {
	.f-bannerbox-but{
		height: 40px;
	}
    .f-bannerbox-but a{
        width: 30%;
		font-size: 13px;
		line-height: 40px;
    }
}


.product-nav{
	height: 54px;
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
}
.product-nav a{
	display: block;
	width: 18%;
	height: 100%;
	text-align: center;
	line-height: 54px;
	background: #dddddd;
	margin: 0 15px;
}
.product-nav a.active{
	background: #042536;
	color: #fff;
}
@media (max-width: 767px) {
	.product-nav a{
		margin: 10px;
		width: 30%;
	}
}
.f-casebox-pagination{
	width: 100%;
	bottom: 5px;
}
.f-casebox-pagination span{
	width: 10px;
    height: 4px;
    background-color: #042536;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0 3px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.f-casebox-pagination span{
	width: 10px;
    height: 4px;
    background-color: #042536;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0 3px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.f-casebox-pagination span.swiper-pagination-bullet-active{
	width: 50px;
    background-color: #f57c13;
}
.hover1{
	position: relative;
}
.hoveractive{
    position: absolute;
    top: -1px;
    left: 150px;
    width: 140px;
    height: 103%;
    background: #052231;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.hover1:hover .hoveractive{
	left: -140px;
}
@media (max-width: 767px) {
	.hoveractive{
		display: none;
	}
}


/* 氚云 新增 s */
.cloud-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 20px;
}

.clcommonweb {
    padding-left: 15px;
    padding-right: 15px;
}

.version-group {
    width: 100%;
    position: relative;
}

.supgroup {
    margin-left: -15px;
    margin-right: -15px;
}

    .supgroup .supitem {
        padding-left: 11px;
        padding-right: 11px;
        margin-bottom: 25px;
    }

        .supgroup .supitem.hotbuy .package:after {
            content: '';
            position: absolute;
            width: 93px;
            height: 123px;
            z-index: 22;
            top: 0;
            right: 0;
            background: url(../images/zhot-icon.png) no-repeat scroll center top;
            -o-background-size: contain;
            background-size: contain;
            display:none; 
        }

        .supgroup .supitem .package {
            padding: 4px 4px;
            position: relative;
        }

        .supgroup .supitem .package .hot{
            position: absolute;
            width: 93px;
            height: 123px;
            z-index: 22;
            top: 0;
            right: 0;
            display:none;
        }
        .supgroup .supitem .package .hot img{
            display:block;
            width:100%;
        }

        .supgroup .supitem.hotbuy .package .hot{
            display:block;
        }

        .supgroup .supitem .contbox {
            -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
            -webkit-border-radius: 12px 12px 6px 6px;
            border-radius: 12px 12px 6px 6px;
            overflow: hidden;
        }

        .supgroup .supitem .control {
            background-color: #fff;
            -webkit-border-radius: 0px 0px 6px 6px;
            border-radius: 0px 0px 6px 6px;
            overflow: hidden;
            position: relative;
            z-index: 22;
        }

        .supgroup .supitem .tag-title {
            text-align: center;
            background-color: #1EB9EE;
            background-image: -webkit-gradient(linear, left top, right top, from(#8176ff), to(#58ddff));
            background-image: -webkit-linear-gradient(left, #8176ff, #58ddff);
            background-image: -moz- oldlinear-gradient(left, #8176ff, #58ddff);
            background-image: -o-linear-gradient(left, #8176ff, #58ddff);
            background-image: linear-gradient(to right, #8176ff, #58ddff);
            color: #fff;
            line-height: 2;
            font-size: 20px;
        }

        .supgroup .supitem .content {
            text-align: center;
            padding: 15px 20px 20px;
        }

            .supgroup .supitem .content .title {
                color: #042536;
                line-height: 24px;
                font-size: 14px;
                width: 100%;
                overflow: hidden;
                white-space: nowrap;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
            }

            .supgroup .supitem .content .desc {
                padding: 12px 0;
                line-height: 30px;
                font-size: 0;
            }

                .supgroup .supitem .content .desc span {
                    display: inline-block;
                    vertical-align: bottom;
                }

                .supgroup .supitem .content .desc .num {
                    color: #1EB9EE;
                    font-size: 25px;
                }

                .supgroup .supitem .content .desc .txt {
                    color: #042536;
                    font-size: 12px;
                    line-height: 22px;
                    padding: 0 4px;
                }

                .supgroup .supitem .content .desc .cns {
                    color: #1EB9EE;
                    font-size: 22px;
                }

                .supgroup .supitem .content .desc .rmb {
                    color: #42525c;
                    font-size: 18px;
                    line-height: 25px;
                    padding-right: 4px;
                    /*vertical-align:top;*/
                    /*color:#1EB9EE;*/
                }

        .supgroup .supitem .panel {
            width: 100%;
            border-top: 10px solid #e5e9eb;
            position: relative;
            z-index: 11;
            margin-top: -2px;
            overflow: hidden;
            background-color: #fff;
        }

.learn-viwe {
    display: inline-block;
    vertical-align: top;
    position: relative;
    line-height: 42px;
    color: #000000;
    font-size: 14px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 60px;
    border-radius: 60px;
}

    .learn-viwe::before, .learn-viwe::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 60px;
        border-radius: 60px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        z-index: 1;
    }

    .learn-viwe::before {
        border: 2px solid #f0f3f7;
        opacity: 1;
        visibility: visible;
    }

    .learn-viwe::after {
        background-color: #1EB9EE;
        background-image: -webkit-linear-gradient(45deg, #8078ff, #67b5ff);
        background-image: -moz- oldlinear-gradient(45deg, #8078ff, #67b5ff);
        background-image: -o-linear-gradient(45deg, #8078ff, #67b5ff);
        background-image: linear-gradient(45deg, #8078ff, #67b5ff);
        opacity: 0;
        visibility: hidden;
    }

    .learn-viwe span {
        display: block;
        position: relative;
        z-index: 22;
        padding: 0 35px;
    }

.subgroup {
    padding: 8px 25px 6px;
    min-height: 342px;
}

    .subgroup .subitem {
        line-height: 30px;
        border-bottom: 1px solid #e5e9eb;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 30px;
    }

        .subgroup .subitem.mask {
            border-bottom: none;
        }

            .subgroup .subitem.mask .title {
                color: #1EB9EE;
            }

                .subgroup .subitem.mask .title::before {
                    background-color: #1EB9EE;
                }

        .subgroup .subitem .wrap {
            width: 100%;
            position: relative;
            overflow: hidden;
            padding-right: 32.07547%;
        }

        .subgroup .subitem .title {
            width: 100%;
            position: relative;
            padding-left: 12px;
            color: #042536;
            font-size: 14px;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }

            .subgroup .subitem .title::before {
                content: '';
                position: absolute;
                width: 4px;
                height: 4px;
                background-color: #8a8f92;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                left: 0;
                top: 12px;
            }

        .subgroup .subitem .unit {
            position: absolute;
            width: 30.18868%;
            top: 0;
            right: 0;
            color: #042536;
            font-size: 12px;
        }

            .subgroup .subitem .unit .dots {
                color: #042536;
                font-size: 12px;
            }

            .subgroup .subitem .unit img {
                display: inline-block;
                vertical-align: middle;
                width: 18px;
            }

.basic-service {
    width: 100%;
    position: relative;
    background-color: #fff;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.1);
}

.basic-title {
    width: 100%;
    position: relative;
    text-align: center;
    color: #042536;
    font-size: 18px;
    line-height: 1.5;
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e9eb;
}

    .basic-title::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #1EB9EE;
        background-image: -webkit-linear-gradient(45deg, #8078ff, #67b5ff);
        background-image: -moz- oldlinear-gradient(45deg, #8078ff, #67b5ff);
        background-image: -o-linear-gradient(45deg, #8078ff, #67b5ff);
        background-image: linear-gradient(45deg, #8078ff, #67b5ff);
    }

.service-table {
    padding-top: 18px;
    padding-bottom: 28px;
}

    .service-table ul {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

        .service-table ul li {
            width: 33.3333%;
            display: table-cell;
            vertical-align: top;
            padding: 0 5px;
            text-align: center;
            border-right: 1px solid #e5e7ea;
        }

            .service-table ul li:last-child {
                border-right: none;
            }

            .service-table ul li .thumb {
                color: #042536;
                padding: 10px 0;
            }

            .service-table ul li .dotlib {
                line-height: 1;
                font-size: 0;
            }

            .service-table ul li .mask {
                display: inline-block;
                vertical-align: bottom;
                color: #1EB9EE;
                font-size: 24px;
            }

            .service-table ul li .mask i{
                    display: inline-block;
                    line-height: 1px;
                    vertical-align: top;
                    padding-top: 17px;

            }

            .service-table ul li .subs {
                display: inline-block;
                vertical-align: bottom;
                line-height: 24px;
                padding-left: 2px;
                font-size: 14px;
            }

            .service-table ul li .info {
                line-height: 24px;
                font-size: 14px;
            }

.scrollbar {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 1px;
}

    .scrollbar::-webkit-scrollbar-track {
        background-color: #eee;
    }

    .scrollbar::-webkit-scrollbar {
        height: 2px;
    }

    .scrollbar::-webkit-scrollbar-thumb {
        background-color: #8175ff;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

.service-context {
    padding-top: 40px;
    padding-bottom: 60px;
}

.service-crement {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.crement-bright {
    width: 100%;
    position: relative;
    background-color: #8175ff;
    -webkit-border-radius: 12px 12px 0 0;
    border-radius: 12px 12px 0 0;
    padding-bottom: 20px;
    overflow: hidden;
}

.crement-title {
    color: #fff;
    text-align: center;
    line-height: 1.5;
    font-size: 20px;
    padding: 15px 0;
    position: relative;
    z-index: 22;
}

.crement-slot {
    display: block;
    width: 100%;
}

    .crement-slot:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 10;
        height: 60px;
        background-color: rgba(255, 255, 255, 0.2);
        width: 100%;
    }

    .crement-slot::before {
        content: '';
        position: absolute;
        z-index: 12;
        height: 100%;
        width: 150%;
        top: 0;
        right: -50%;
        background: url(../images/zshadow.png) no-repeat scroll top right;
        -o-background-size: auto 100%;
        background-size: auto 100%;
    }

.slot-list {
    width: 100%;
    position: relative;
    z-index: 20;
}

    .slot-list ul li {
        float: left;
        width: 25%;
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
        color: #fff;
        position: relative;
        line-height: 40px;
    }

        .slot-list ul li:after {
            content: '';
            position: absolute;
            width: 1px;
            height: 16px;
            background-color: rgba(229, 231, 234, 0.3);
            top: 12px;
            right: 0;
        }

        .slot-list ul li::last-child:after {
            display: none;
        }

.service-tabs {
    width: 100%;
    position: relative;
    z-index: 22;
    margin-top: -20px;
    -webkit-border-radius: 12px 12px 0 0;
    border-radius: 12px 12px 0 0;
}

    .service-tabs:after {
        content: '';
        position: absolute;
        bottom: 0;
        height: 42px;
        left: 20px;
        right: 20px;
        z-index: 2;
        background-color: #fff;
    }

    .service-tabs ul {
        font-size: 0;
        width: 100%;
        position: relative;
        z-index: 4;
    }

        .service-tabs ul li {
            display: inline-block;
            vertical-align: bottom;
            width: 50%;
            background-color: #fff;
            text-align: center;
            -webkit-border-radius: 12px 12px 0 0;
            border-radius: 12px 12px 0 0;
            position: relative;
            z-index: 1;
            -webkit-box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.1);
        }

            .service-tabs ul li a {
                display: block;
                width: auto;
                position: relative;
                color: #042536;
                font-size: 14px;
                line-height: 2;
                padding: 7px 0;
                -webkit-transition: color 0.3s;
                -o-transition: color 0.3s;
                -moz-transition: color 0.3s;
                transition: color 0.3s;
            }

                .service-tabs ul li a:after {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    height: 1px;
                    left: 51%;
                    right: 51%;
                    background-color: #1EB9EE;
                    background-image: -webkit-gradient(linear, left top, right top, from(#8175ff), to(#1EB9EE));
                    background-image: -webkit-linear-gradient(left, #8175ff, #1EB9EE);
                    background-image: -moz- oldlinear-gradient(left, #8175ff, #1EB9EE);
                    background-image: -o-linear-gradient(left, #8175ff, #1EB9EE);
                    background-image: linear-gradient(to right, #8175ff, #1EB9EE);
                }

            .service-tabs ul li.cur {
                z-index: 2;
                -webkit-border-radius: 12px 12px 0 0;
                border-radius: 12px 12px 0 0;
            }

                .service-tabs ul li.cur a {
                    padding: 10px 0;
                    color: #1EB9EE;
                }

                    .service-tabs ul li.cur a:after {
                        left: 0;
                        right: 0;
                    }

.sertab-content {
    position: relative;
    z-index: 23;
    background-color: #fff;
}

.sertab-module {
    display: none;
    -webkit-box-shadow: 0 -1px 15px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -1px 15px -5px rgba(0, 0, 0, 0.2);
}

.sertab-bright {
    width: 100%;
    overflow: hidden;
}

.package-switch {
    text-align: center;
    padding: 15px 0;
}

    .package-switch ul {
        white-space: nowrap;
    }

        .package-switch ul li {
            display: inline-block;
            vertical-align: top;
            width: auto;
            padding: 0 10px;
        }

            .package-switch ul li a {
                display: block;
                color: #042536;
                font-size: 16px;
                line-height: 38px;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
                padding: 0 35px;
                border: 1px solid transparent;
                -webkit-border-radius: 50px;
                border-radius: 50px;
            }

            .package-switch ul li.cur a {
                color: #8175ff;
                border-color: #8175ff;
            }

.package-content {
    border-top: 3px solid #e4e4e5;
    position: relative;
    z-index: 22;
}

.package-module {
    display: none;
}

.package-contbox {
    padding-top: 25px;
    padding-bottom: 25px;
}

.package-observer {
    width: 100%;
    position: relative;
}

    .package-observer .offset {
        padding: 0 10px 20px;
    }

.package-mask {
    color: #042536;
    line-height: 1.5;
    font-size: 14px;
    text-align: center;
}

.package-dl {
    position: relative;
    padding: 0 10px;
}

    .package-dl dt {
        text-align: center;
        border-bottom: 1px solid #e5e7ea;
        margin-bottom: 12px;
        padding-bottom: 8px;
    }

        .package-dl dt span {
            display: inline-block;
            line-height: 1;
        }

        .package-dl dt .money {
            vertical-align: middle;
            color: #1EB9EE;
            font-size: 14px;
        }

        .package-dl dt .amount {
            font-size: 24px;
            vertical-align: middle;
            color: #1EB9EE;
        }

        .package-dl dt .unit {
            font-size: 12px;
            color: #042536;
            vertical-align: bottom;
        }

    .package-dl dd ol {
        text-align: center;
        font-size: 0;
    }

        .package-dl dd ol li {
            width: 50%;
            display: inline-block;
            vertical-align: middle;
            padding: 15px 0;
            color: #042536;
            font-size: 12px;
            border-top: 1px solid #e5e7ea;
            border-right: 1px solid #e5e7ea;
        }

            .package-dl dd ol li:nth-child(1), .package-dl dd ol li:nth-child(2) {
                border-top: none;
            }

            .package-dl dd ol li:nth-child(2n) {
                border-right: none;
            }

            .package-dl dd ol li b {
                font-style: normal;
                color: #1EB9EE;
                font-size: 20px;
                padding: 0 3px;
            }

            .package-dl dd ol li em{
                font-style:normal;
                display: inline-block;
                line-height: 1px;
                vertical-align: middle;
                padding-top: 4px;
            }

             .package-dl dd ol li span{
                 font-style:normal;
                display: inline-block;
                line-height: 1px;
                vertical-align: middle;
                 padding-top: 4px;
             }

            .package-dl dd ol li i {
                font-style: normal;
                color: #1EB9EE;
                display:inline-block;
                vertical-align:top;
                /*-ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                -webkit-transform: scale(1.1);
                transform: scale(1.1);*/
            }

.package-info {
    color: #042536;
    line-height: 1.5;
    font-size: 12px;
    text-align: center;
    padding: 15px 10px;
    text-align: center;
    border-top: 1px solid #e5e7ea;
}

.service-extra {
    background-color: #fff;
    -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
}

.extra-title {
    color: #fff;
    text-align: center;
    background-color: #1EB9EE;
    line-height: 50px;
    font-size: 20px;
    background: -webkit-gradient(linear, left top, right top, from(#8175ff), to(#58dcff));
    background: -webkit-linear-gradient(left, #8175ff 40%, #58dcff);
    background: -moz- oldlinear-gradient(left, #8175ff, #58dcff);
    background: -o-linear-gradient(left, #8175ff, #58dcff);
    background: linear-gradient(to right, #8175ff 40%, #58dcff);
}

.extra-bright {
    width: 100%;
    overflow: hidden;
}

.extra-switch {
    text-align: center;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

    .extra-switch ul {
        white-space: nowrap;
    }

        .extra-switch ul li {
            display: inline-block;
            vertical-align: top;
            width: auto;
            min-width: 100px;
            padding: 0 10px;
        }

            .extra-switch ul li a {
                display: block;
                width: 100%;
                position: relative;
                color: #042536;
                font-size: 14px;
                line-height: 40px;
                padding: 0 5px;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
            }

                .extra-switch ul li a:after {
                    content: '';
                    position: absolute;
                    height: 1px;
                    left: 51%;
                    bottom: -1px;
                    right: 51%;
                    -webkit-transition: all 0.3s;
                    -o-transition: all 0.3s;
                    -moz-transition: all 0.3s;
                    transition: all 0.3s;
                    background: -webkit-gradient(linear, left top, right top, from(#8175ff), to(#58dcff));
                    background: -webkit-linear-gradient(left, #8175ff, #58dcff);
                    background: -moz- oldlinear-gradient(left, #8175ff, #58dcff);
                    background: -o-linear-gradient(left, #8175ff, #58dcff);
                    background: linear-gradient(to right, #8175ff, #58dcff);
                }

            .extra-switch ul li.cur a {
                color: #1EB9EE;
            }

.extra-content {
    padding: 20px 15px 40px;
}

.extra-module {
    display: none;
}

.extra-desc {
    text-align: center;
    color: #042536;
    font-size: 14px;
    line-height: 1.6;
}

    .extra-desc > p, .extra-desc > * {
        display: block;
        width: 100%;
        padding-bottom: 5px;
    }

.select-control {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 12px 12px 0 0;
    border-radius: 12px 12px 0 0;
    -webkit-box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.1);
}

.affect-title {
    color: #fff;
    line-height: 2;
    background-color: #1EB9EE;
    background-image: -webkit-gradient(linear, left top, right top, from(#8176ff), to(#58ddff));
    background-image: -webkit-linear-gradient(left, #8176ff, #58ddff);
    background-image: -moz- oldlinear-gradient(left, #8176ff, #58ddff);
    background-image: -o-linear-gradient(left, #8176ff, #58ddff);
    background-image: linear-gradient(to right, #8176ff, #58ddff);
    font-size: 20px;
    text-align: center;
}

.select-wrapper {
    padding: 30px 20px 25px;
}

.select-panel {
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .select-panel .cover {
        display: none;
    }

    .select-panel .pricebox {
        padding-left: 42px;
        padding-top: 15px;
    }

    .select-panel .price {
        display: inline-block;
        vertical-align: top;
        position: relative;
        color: #f57c13;
        line-height: 1;
        padding-bottom: 5px;
        padding-right: 25px;
    }

        .select-panel .price span {
            display: inline-block;
        }

        .select-panel .price .money {
            font-size: 14px;
        }

        .select-panel .price .amount {
            font-size: 30px;
        }

        .select-panel .price .unit {
            position: absolute;
            right: 0;
            bottom: 0;
            font-size: 14px;
        }

    .select-panel .info {
        color: #f57c13;
        font-size: 16px;
        line-height: 30px;
    }

.select-module dl {
    padding-bottom: 10px;
    width: 100%;
    overflow: hidden;
    line-height: 30px;
}

    .select-module dl dt {
        float: left;
        color: #042536;
        font-size: 16px;
    }

    .select-module dl dd {
        display: block;
        width: auto;
        overflow: hidden;
        font-size: 0;
    }

        .select-module dl dd a {
            display: inline-block;
            vertical-align: top;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
            color: #042536;
            font-size: 14px;
            min-width: 80px;
            text-align: center;
            border: 1px solid #e6e6e6;
            margin-left: 9px;
            margin-bottom: 10px;
        }

            .select-module dl dd a.cur {
                color: #fff;
                background-color: #f57c13;
                border-color: #f57c13;
            }

.function-content {
    padding-top: 35px;
    padding-bottom: 85px;
}

.function-contain {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 12px 12px 0 0;
    border-radius: 12px 12px 0 0;
    -webkit-box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.1);
}

.function-wrapper {
    padding: 20px 20px 70px;
}

.function-table {
    min-width: 688px;
    border-top: 1px solid #e5e7ea;
}

.function-module {
    width: 100%;
}

    .function-module .hd {
        width: 100%;
        overflow: hidden;
        background-color: #fafafa;
        border-bottom: 1px solid #e5e7ea;
        line-height: 46px;
    }

        .function-module .hd h4 {
            float: left;
            text-align: center;
            color: #042536;
            font-size: 15px;
        }

        .function-module .hd .name {
            width: 22%;
            font-weight: bold;
            font-size: 16px;
        }

        .function-module .hd .trys {
            width: 26%;
        }

        .function-module .hd .stan {
            width: 26%;
        }

        .function-module .hd .profe {
            width: 26%;
        }

    .function-module .bd li {
        width: 100%;
        overflow: hidden;
        text-align: center;
        border-bottom: 1px solid #e5e7ea;
    }

        .function-module .bd li .cell {
            float: left;
            width: 26%;
            color: #042536;
            font-size: 15px;
            line-height: 50px;
            border-left: 1px solid #e5e7ea;
        }

            .function-module .bd li .cell:first-child {
                width: 22%;
                border-left: none;
            }

        .function-module .bd li .radius {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            line-height: normal;
        }

            .function-module .bd li .radius input {
                position: absolute;
                top: -1000px;
                left: -2000px;
            }

                .function-module .bd li .radius input:checked + .icon {
                    background-color: #1EB9EE;
                    border-color: #1EB9EE;
                }

            .function-module .bd li .radius .icon {
                display: block;
                width: 16px;
                height: 16px;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                border: 1px solid #b1c9d1;
            }

@media (min-width: 768px) {
    .basic-title {
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .service-table {
        padding-top: 25px;
        padding-bottom: 30px;
    }

        .service-table ul li .thumb {
            padding: 15px 0;
        }

        .service-table ul li .mask {
            font-size: 36px;
        }

        .service-table ul li .mask i{
            padding-top: 25px;
        }

    .crement-slot::before {
        width: 63.58333%;
        right: -2px;
    }

    .package-contbox {
        padding-top: 35px;
        padding-bottom: 25px;
    }

    .package-observer .offset {
        position: absolute;
        padding: 0 10px;
        top: 0;
        width: 160px;
        height: 100%;
        right: 0;
        border-left: 1px solid #e5e7ea;
        font-size: 0;
        z-index: 22;
    }

        .package-observer .offset::before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            height: 100%;
        }

        .package-observer .offset + .package-dl {
            padding-right: 160px;
        }

            .package-observer .offset + .package-dl dt {
                width: 25%;
            }

    .package-mask {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
    }

    .package-dl {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

        .package-dl dt {
            border-bottom: none;
            margin-bottom: 0px;
            padding-bottom: 0px;
            display: table-cell;
            vertical-align: middle;
            width: 33.33333%;
        }

            .package-dl dt .money {
                font-size: 20px;
            }

            .package-dl dt .amount {
                font-size: 36px;
            }

            .package-dl dt .unit {
                font-size: 14px;
            }

        .package-dl dd {
            display: table-cell;
            vertical-align: middle;
            width: 66.66667%;
        }

            .package-dl dd ol {
                padding-left: 20px;
                border-left: 1px solid #e5e7ea;
            }

                .package-dl dd ol li {
                    padding: 15px 0;
                    font-size: 14px;
                }

                    .package-dl dd ol li b {
                        font-size: 30px;
                        font-weight: normal;
                    }

    .extra-switch {
        border-bottom: 1px solid #e5e7ea;
    }

        .extra-switch ul li {
            min-width: 130px;
        }

            .extra-switch ul li.cur a:after {
                left: 0;
                right: 0;
            }

    .select-panel {
        padding-right: 200px;
    }

        .select-panel .tryversion {
            padding-top: 25px;
        }

        .select-panel .offset {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 22;
            width: 180px;
            text-align: center;
        }

        .select-panel .pricebox {
            padding-left: 0px;
        }

    .select-module dl dd a {
        min-width: 90px;
        margin-left: 14px;
        margin-bottom: 14px;
    }
}

@media (min-width: 1024px) {
    .chuanyunbody{
        padding-top:50px;
    }
    .chuanyunbody .inside-header .header {
        background-color: #2a71db;
    }

    .cloud-container {
        padding-top: 30px;
    }

    .clcommonweb {
        padding-left: 40px;
        padding-right: 40px;
    }

    .supgroup .supitem {
        margin-bottom: 30px;
    }

        .supgroup .supitem.hotbuy .package:after {
            width: 113px;
        }

        .supgroup .supitem .package .hot{
            width: 113px;
        }

        .supgroup .supitem .tag-title {
            font-size: 25px;
        }

        .supgroup .supitem .content {
            padding: 25px 20px 25px;
        }

            .supgroup .supitem .content .desc {
                padding: 16px 0;
            }
            .supgroup .supitem .content .desc .rmb{
                    /*margin-top: -3px;*/
            }
                .supgroup .supitem .content .desc .num {
                    font-size: 34px;
                }

    .learn-viwe span {
        padding: 0 45px;
    }

    .learn-viwe:hover {
        color: #fff;
        -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.3);
    }

        .learn-viwe:hover::before {
            opacity: 0;
            visibility: hidden;
        }

        .learn-viwe:hover::after {
            opacity: 1;
            visibility: visible;
        }

    .subgroup {
        padding: 8px 25px 6px;
    }

    .basic-service {
        -webkit-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px;
    }

    .basic-title {
        font-size: 22px;
    }

        .basic-title::before {
            height: 4px;
        }

    .service-table ul li .thumb {
        padding: 20px 0;
    }

    .service-table ul li .dotlib {
        display: inline-block;
        vertical-align: bottom;
        padding-right: 15px;
    }

    .service-table ul li .mask {
        font-size: 42px;
    }
    .service-table ul li .mask i{
        padding-top: 28px;
    }
    .service-table ul li .subs {
        padding-left: 8px;
        font-size: 16px;
    }

    .service-table ul li .info {
        display: inline-block;
        vertical-align: bottom;
        font-size: 16px;
    }

    .service-context {
        padding-top: 80px;
        padding-bottom: 120px;
    }

    .crement-bright {
        -webkit-border-radius: 16px 16px 0 0;
        border-radius: 16px 16px 0 0;
    }

    .crement-title {
        font-size: 25px;
    }

    .crement-slot:after {
        height: 70px;
    }

    .slot-list ul li {
        line-height: 50px;
        font-size: 16px;
    }

        .slot-list ul li:after {
            height: 22px;
            top: 14px;
        }

    .service-tabs {
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0;
    }

        .service-tabs:after {
            height: 52px;
        }

        .service-tabs ul li {
            -webkit-border-radius: 16px 16px 0 0;
            border-radius: 16px 16px 0 0;
        }

            .service-tabs ul li a {
                font-size: 16px;
                padding: 10px 0;
            }

                .service-tabs ul li a:after {
                    height: 2px;
                }

                .service-tabs ul li a:hover {
                    color: #1EB9EE;
                }

            .service-tabs ul li.cur a {
                padding: 14px 0;
                font-size: 18px;
            }

    .package-switch {
        padding: 20px 0;
    }

        .package-switch ul li {
            padding: 0 20px;
        }

            .package-switch ul li a {
                font-size: 18px;
                line-height: 44px;
            }

                .package-switch ul li a:hover {
                    color: #8175ff;
                }

    .package-content {
        border-width: 5px;
    }

    .package-contbox {
        padding-top: 45px;
        padding-bottom: 35px;
    }

    .package-observer .offset {
        width: 200px;
    }

        .package-observer .offset + .package-dl {
            padding-right: 200px;
            padding-left: 3%;
        }

            .package-observer .offset + .package-dl dt {
                width: 30%;
            }

    .package-mask {
        font-size: 16px;
    }

    .package-dl {
        padding: 0 5%;
    }

        .package-dl dt .amount {
            font-size: 42px;
        }

        .package-dl dt .unit {
            font-size: 16px;
                padding-bottom: 5px;
        }

        .package-dl dd ol li {
            padding: 25px 0;
            font-size: 16px;
            vertical-align:middle;
        }

            .package-dl dd ol li b {
                font-size: 35px;
            }

    .package-info {
        font-size: 14px;
    }

    .extra-title {
        line-height: 60px;
        font-size:25px;
    }

    .extra-switch {
        border-width: 2px;
    }

        .extra-switch ul li {
            min-width: 170px;
        }

            .extra-switch ul li a {
                font-size: 16px;
                line-height: 50px;
                padding: 0 15px;
            }

                .extra-switch ul li a:after {
                    height: 2px;
                    bottom: -2px;
                }

                .extra-switch ul li a:hover {
                    color: #1EB9EE;
                }

    .extra-content {
        padding: 30px 15px 60px;
    }

    .extra-desc {
        font-size: 16px;
    }

        .extra-desc > p, .extra-desc > * {
            padding-bottom: 10px;
        }

    .select-control {
        -webkit-border-radius: 16px 16px 0 0;
        border-radius: 16px 16px 0 0;
    }

    .affect-title {
        font-size: 25px;
    }

    .select-wrapper {
        padding: 45px 30px 35px 70px;
    }

    .select-panel {
        padding-right: 200px;
    }

        .select-panel .cover {
            display: block;
            width: 111px;
            float: left;
        }

            .select-panel .cover img {
                display: block;
                width: 100%;
            }

        .select-panel .contbox {
            display: block;
            width: auto;
            overflow: hidden;
            padding-left: 40px;
        }

        .select-panel .profession {
            padding-top: 10px;
        }

        .select-panel .tryversion {
            padding-top: 45px;
        }

        .select-panel .price {
            padding-right: 30px;
        }

            .select-panel .price .money {
                font-size: 18px;
            }

            .select-panel .price .amount {
                font-size: 35px;
            }

            .select-panel .price .unit {
                font-size: 16px;
            }

        .select-panel .info {
            font-size: 18px;
        }

    .select-module dl {
        padding-bottom: 14px;
    }

        .select-module dl dd a {
            margin-bottom: 18px;
        }

            .select-module dl dd a:hover {
                color: #fff;
                background-color: #f57c13;
                border-color: #f57c13;
            }

    .function-content {
        padding-top: 55px;
        padding-bottom: 125px;
    }

    .function-contain {
        -webkit-border-radius: 16px 16px 0 0;
        border-radius: 16px 16px 0 0;
    }

    .function-wrapper {
        padding: 40px 50px 130px;
    }

    .function-module .hd {
        line-height: 60px;
    }

        .function-module .hd h4 {
            font-size: 18px;
        }

        .function-module .hd .name {
            font-size: 20px;
            /*font-weight: normal;*/
        }

    .function-module .bd li .cell {
        font-size: 18px;
        line-height: 60px;
    }

    .function-module .bd li .radius .icon {
        width: 20px;
        height: 20px;
    }
}


@media (min-width: 1260px) {
    .cloud-container {
        padding-top: 40px;
    }

    .clcommonweb {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
    }

    .supgroup .supitem.hotbuy .package:after {
        width: 123px;
    }

     .supgroup .supitem .package .hot{
         width: 123px;
     }

    .supgroup .supitem .contbox {
        -webkit-border-radius: 16px 16px 8px 8px;
        border-radius: 16px 16px 8px 8px;
    }

    .supgroup .supitem .tag-title {
        font-size: 30px;
    }

    .supgroup .supitem .content .desc {
        line-height: 40px;
    }

        .supgroup .supitem .content .desc .num {
            font-size: 40px;
        }

        .supgroup .supitem .content .desc .txt {
            font-size: 14px;
            line-height: 26px;
            padding: 0 6px;
        }

        .supgroup .supitem .content .desc .cns {
            font-size: 30px;
        }

        .supgroup .supitem .content .desc .rmb {
            font-size: 20px;
            line-height: 28px;
            padding-right: 6px;
        }

    .supgroup .supitem .panel {
        border-width: 16px;
        margin-top: -6px;
    }

    .learn-viwe {
        line-height: 53px;
        font-size: 16px;
    }

        .learn-viwe::before {
            border-width: 3px;
        }

        .learn-viwe span {
            padding: 0 60px;
        }

    .subgroup {
        padding: 8px 35px 6px;
        min-height: 440px;
    }

        .subgroup .subitem {
            padding-top: 15px;
            padding-bottom: 15px;
            padding-left: 45px;
        }

            .subgroup .subitem .title {
                padding-left: 20px;
                font-size: 16px;
            }

            .subgroup .subitem .unit {
                font-size: 14px;
            }

                .subgroup .subitem .unit .dots {
                    font-size: 14px;
                }

                .subgroup .subitem .unit img {
                    width: 22px;
                }

    .basic-title {
        font-size: 24px;
    }

    .service-table {
        padding-top: 38px;
        padding-bottom: 48px;
    }

        .service-table ul li .thumb {
            padding: 28px 0;
        }

        .service-table ul li .dotlib {
            padding-right: 20px;
        }

        .service-table ul li .mask {
            font-size: 48px;
        }
        .service-table ul li .mask i{
                padding-top: 34px;
        }
        .service-table ul li .subs {
            line-height: 30px;
            font-size: 18px;
        }

        .service-table ul li .info {
            line-height: 30px;
            font-size: 18px;
        }

    .service-context {
        padding-top: 100px;
        padding-bottom: 150px;
    }

    .crement-title {
        font-size: 30px;
    }

    .crement-slot:after {
        height: 80px;
    }

    .slot-list ul li {
        line-height: 60px;
        font-size: 18px;
    }

        .slot-list ul li:after {
            height: 30px;
            top: 15px;
        }

    .service-tabs:after {
        height: 60px;
    }

    .service-tabs ul li a {
        font-size: 18px;
        padding: 12px 0;
    }

    .service-tabs ul li.cur a {
        padding: 14px 0;
        font-size: 22px;
    }

    .package-switch ul li a {
        font-size: 22px;
        line-height: 40px;
        padding: 0 42px;
    }

    .package-observer .offset {
        width: 270px;
    }

        .package-observer .offset + .package-dl {
            padding-right: 270px;
        }

    .package-dl dt .amount {
        font-size: 48px;
    }

    .package-dl dt .unit {
        font-size: 18px;
         padding-bottom: 8px;
    }

    .package-dl dd ol {
        padding-left: 35px;
    }

    .package-dl dd ol li {
        padding: 22px 0;
        font-size: 18px;
    }

    .package-dl dd ol li span{
        padding-top: 6px;
    }

    .package-dl dd ol li b {
        font-size: 40px;
    }

    .package-dl dd ol li em {
        padding-top: 6px;
    }

    .package-info {
        padding: 19px 60px;
    }

    .extra-title {
        font-size: 30px;
        line-height:70px;
    }

    .extra-switch ul li {
        min-width: 200px;
    }

        .extra-switch ul li a {
            font-size: 18px;
            line-height: 60px;
        }

    .extra-desc {
        font-size: 18px;
    }

        .extra-desc > p, .extra-desc > * {
            padding-bottom: 14px;
        }

    .affect-title {
        font-size: 30px;
    }

    .select-wrapper {
        padding: 65px 45px 30px 120px;
    }

    .select-panel {
        padding-right: 260px;
    }

        .select-panel .contbox {
            padding-left: 55px;
        }

        .select-panel .offset {
            width: 235px;
        }

        .select-panel .pricebox {
            padding-top: 22px;
        }

        .select-panel .price {
            padding-bottom: 8px;
        }

            .select-panel .price .amount {
                font-size: 40px;
            }

        .select-panel .info {
            font-size: 22px;
            padding-top: 3px;
        }

    .select-module dl dt {
        font-size: 18px;
    }

    .select-module dl dd a {
        font-size: 16px;
        min-width: 96px;
    }

    .function-content {
        padding-top: 65px;
        padding-bottom: 140px;
    }

    .function-module .hd {
        line-height: 70px;
    }

        .function-module .hd h4 {
            font-size: 20px;
        }

        .function-module .hd .name {
            font-size: 22px;
        }

    .function-module .bd li .cell {
        font-size: 20px;
        line-height: 68px;
    }
}

/* 氚云 新增 e */