body {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei Light", "Microsoft YaHei", "Microsoft YaHei", Arial, sans-serif;
  word-wrap: break-word;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei Light", "Microsoft YaHei", "Microsoft YaHei", Arial, sans-serif;
  font-weight: lighter;
}
body.ss-bgi10 {
  background-image: none;
  background-color: #000;
}
.fp-enabled #wapper {
  background-color: #000;
}
/** 弹窗多余导航宽度 */
.modal {
  overflow-y: auto;
}
.modal-open {
  overflow: auto;
}
.modal-open[style] {
  padding-right: 0px !important;
}
.BMapLabel {
  display: none;
  visibility: hidden;
  max-width: inherit;
}
.BMapLabel {
  display: none;
  visibility: hidden;
  max-width: inherit;
}
.nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/** wapper */
#wapper {
  position: relative;
}
/** banner */
#banner {
  margin-bottom: 0;
}
#banner img {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.intro {
  font-size: 28px;
  fonr-weight: lighter;
}
@media (max-width: 767px) {
  #banner {
    height: 320px;
  }
  #banner-image {
    position: absolute;
    left: 50%;
    width: 992px;
    margin-left: -496px;
  }
  .intro {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  #banner {
    overflow: hidden;
    position: relative;
  }
  #banner-image {
    position: absolute;
    left: 50%;
  }
  .intro {
    font-size: 24px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #banner {
    height: 320px;
  }
  #banner-image {
    width: 992px;
    margin-left: -496px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #banner {
    height: 360px;
  }
  #banner-image {
    width: 1200px;
    margin-left: -600px;
  }
}
@media (min-width: 1200px) {
  #banner {
    height: 500px;
  }
  #banner-image {
    width: 1920px;
    margin-left: -960px;
  }
}
/** navbar */
@media (max-width: 767px) {
  .fp-enabled #navbar {
    background-color: transparent;
  }
  #navbar {
    height: 52px;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
  }
  .navbar-brand {
    padding: 6px 0 0;
  }
  .navbar-brand img {
    max-height: 30px!important;
  }
  #navbar #navbar-toggle {
    float: left;
    z-index: 2;
    margin-right: 0;
    margin-top: 9px;
    border-width: 0;
    background-color: transparent!important;
    padding: 9px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    padding: 5px 8px;
  }
  #navbar #navbar-toggle .icon-bar {
    background-color: #fff;
  }
  #navbar #navbar-toggle:hover {
    background-color: transparent;
    color: #00a149 !important;
  }
  #navbar #navbar-toggle:hover .icon-bar {
    background-color: #363636;
  }
  #navbar #navbar-toggle-icon {
    float: right;
    margin-top: 12px;
    margin-bottom: 0;
    z-index: 2;
    margin-right: 6px;
    padding-right: 0;
    padding: 5px 6px;
    border-width: 0;
    background-color: transparent;
    cursor: pointer;
  }
  #navbar #navbar-toggle-icon span {
    font-size: 18px;
    color: #fff;
  }
  #navbar #navbar-toggle-icon:hover span {
    color: #00a149 !important;
  }
  .tianv-slidemenu .dropdown-menu > li a img {
    display: none;
  }
  .intro {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  #navbar {
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
  }
  #navbar .navbar {
    height: 95px;
    border-radius: 0;
  }
  #navbar .navbar .navbar-brand {
    padding: 30px 0 0 30px;
  }
  #navbar .navbar #navbar-collapse {
    background: transparent;
    margin-top: 14px;
    padding-right: 32px;
  }
  #navbar .navbar #navbar-collapse > ul > li {
    text-align: center;
    border-right: 0;
    border-bottom: 2px solid transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  #navbar .navbar #navbar-collapse > ul > li.active {
    border-color: #ff800a;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  #navbar .navbar #navbar-collapse > ul > li.active.dropdown {
    border-color: transparent;
  }
  #navbar .navbar #navbar-collapse > ul > li.active > a {
    position: relative;
    color: #ff800a;
    background: none!important;
  }
  #navbar .navbar #navbar-collapse > ul > li.active > a:after {
    color: #00a149;
    display: block;
  }
  #navbar .navbar #navbar-collapse > ul > li:hover {
    border-bottom: 2px solid #ff800a;
  }
  #navbar .navbar #navbar-collapse > ul > li:hover.dropdown {
    border-color: transparent;
  }
  #navbar .navbar #navbar-collapse > ul > li:hover .dropdown-menu {
    /* background-color: #282828;*/
  }
  #navbar .navbar #navbar-collapse > ul > li:hover .dropdown-menu.img-menu {
    background-color: transparent;
  }
  #navbar .navbar #navbar-collapse > ul > li:hover > a {
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #ff800a;
    background: none!important;
  }
  #navbar .navbar #navbar-collapse > ul > li > a {
    padding: 0 18px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #fff;
    background: none;
  }
  #navbar.navbar-bgcolor .navbar #navbar-collapse > ul > li > a {
    color: #282828;
  }
  #navbar.navbar-bgcolor .navbar #navbar-collapse > ul > li.active > a {
    color: #ff800a;
  }
  #navbar.navbar-bgcolor .navbar #navbar-collapse > ul > li:hover a {
    color: #282828;
  }
  #navbar #navbar-collapse ul.dropdown-menu {
    max-height: 300px;
    overflow: hidden;
    min-width: 100%;
    width: auto;
    z-index: 99;
    border: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #navbar #navbar-collapse ul.dropdown-menu.img-menu li a {
    color: #acacac;
  }
  #navbar #navbar-collapse ul.dropdown-menu li {
    border-bottom: 0;
  }
  #navbar #navbar-collapse ul.dropdown-menu li a {
    color: #ffffff /*acacac*/;
    padding: 0 18px;
    line-height: 26px;
    font-size: 14px;
  }
  #navbar #navbar-collapse ul.dropdown-menu li a:hover {
    background-color: transparent!important;
  }
  #navbar.bg-white {
    background: #fff;
    height: 200px;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  #navbar.bg-white .navbar #navbar-collapse > ul > li > a {
    color: #4a4a4a;
  }
  #navbar.bg-white .navbar #navbar-collapse > ul > li:hover > a {
    color: #ff800a;
  }
  .img-menu {
    width: 1920px!important;
    right: 0;
    left: inherit;
    margin-right: -340px;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: right;
    padding-right: 40px !important;
  }
  .img-menu li {
    display: inline-block;
    /*float: left;*/
    text-align: center;
    padding-top: 10px;
  }
  .img-menu li a {
    color: #666;
  }
  .img-menu li a img {
    display: block;
    max-height: 90px;
  }
  .img-menu li a span {
    display: block;
    line-height: 36px;
  }
  .img-menu li a:hover {
    color: #ff800a!important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #navbar .navbar #navbar-collapse > ul > li > a {
    font-size: 13px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #navbar .navbar #navbar-collapse > ul > li > a {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  #navbar {
    position: fixed;
  }
  #page-cooperation .fixednav,
  #page-service .fixednav,
  #page-about .fixednav {
    background: #282828;
    height: 50px;
    transition: all 0.7s ease-in-out;
  }
  #page-cooperation .fixednav .navbar-brand,
  #page-service .fixednav .navbar-brand,
  #page-about .fixednav .navbar-brand {
    padding-top: 13px;
    transition: all 0.7s ease-in-out;
  }
  #page-cooperation .fixednav .navbar-brand img,
  #page-service .fixednav .navbar-brand img,
  #page-about .fixednav .navbar-brand img {
    width: auto;
    height: 20px;
    transition: all 0.7s ease-in-out;
  }
  #page-cooperation .fixednav #navbar-collapse,
  #page-service .fixednav #navbar-collapse,
  #page-about .fixednav #navbar-collapse {
    margin-top: 3px;
    transition: all 0.7s ease-in-out;
  }
  #page-cooperation .fixednav #navbar-collapse > ul > li:hover .dropdown-menu,
  #page-service .fixednav #navbar-collapse > ul > li:hover .dropdown-menu,
  #page-about .fixednav #navbar-collapse > ul > li:hover .dropdown-menu {
    background-color: #282828;
  }
  #page-cooperation .fixednav #navbar-collapse > ul > li:hover .dropdown-menu > li > a,
  #page-service .fixednav #navbar-collapse > ul > li:hover .dropdown-menu > li > a,
  #page-about .fixednav #navbar-collapse > ul > li:hover .dropdown-menu > li > a {
    /*color: #ff800a;*/
  }
}
/** fullpage common */
.fullpage-wrapper .section {
  background-color: #000;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}
.fullpage-wrapper .section .container,
.fullpage-wrapper .section .container-fluid {
  height: 100%;
  position: relative;
}
.fullpage-wrapper .section .row,
.fullpage-wrapper .section .col-sm-6,
.fullpage-wrapper .section .col-md-6 {
  height: 100%;
}
.fullpage-wrapper .section h2 {
  display: block;
  height: 49px;
  /*text-indent: -999em;*/
  font-size: 48px;
  font-weight: lighter;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei Light", "Microsoft YaHei", Arial, sans-serif;
  color: #fff;
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: -49px;
}
@media (max-width: 991px) {
  .fullpage-wrapper .section h2 {
    font-size: 30px;
    height: 30px;
  }
}
@media (max-width: 767px) {
  .fullpage-wrapper .section h2 {
    height: 30px;
    font-size: 30px;
  }
}
@media (max-width: 479px) {
  .fullpage-wrapper .section h2 {
    font-size: 24px;
  }
}
.fullpage-wrapper .section .intro p {
  /*display: none;*/
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei Light", "Microsoft YaHei", Arial, sans-serif;
}
/** homepage */
#page-default .section .intro {
  background-position: center center;
  background-repeat: no-repeat;
}
#page-default .first.fp-completely h2 {
  margin-top: -230px;
  top: 50%;
  -moz-animation: slideDown 1s ease;
  -o-animation: slideDown 1s ease;
  -webkit-animation: slideDown 1s ease;
  animation: slideDown 1s ease;
  opacity: 1;
}
#page-default .first.fp-completely .section * {
  opacity: 1;
}
#page-default .first .slide {
  background-color: #fff;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
}
#page-default .first .slide-1 {
  background-image: url(../images/homepage-1.jpg);
  /* h2 {
                */
  /*background-image: url(../images/homepage-1-title.png);*/
  /*
                width: 236px;
                margin-left: -118px;
            }*/
}
#page-default .first .slide-2 {
  background-image: url(../images/homepage-1-2.jpg);
}
#page-default .first .slide-3 {
  background-image: url(../images/homepage-1-3.jpg);
}
#page-default .first h2 {
  width: 100%;
  left: 0;
  margin-left: 0;
  text-align: center;
}
@media (max-width: 767px) {
  #page-default .first.fp-completely h2 {
    margin-top: -190px;
  }
  #page-default .first .slide-1 {
    background-image: url(../images/homepage-1-s.jpg);
  }
  #page-default .first .slide-2 {
    background-image: url(../images/homepage-1-2-s.jpg);
  }
  #page-default .first .slide-3 {
    background-image: url(../images/homepage-1-3-s.jpg);
  }
}
@media (max-width: 400px) {
  #page-default .first.fp-completely h2 {
    margin-top: -170px;
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  #page-default .first.fp-completely h2 {
    margin-top: -165px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-default .first.fp-completely h2 {
    margin-top: -215px;
  }
}
#page-default .second .slide {
  background-color: #fff;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
}
#page-default .second .slide ul.list-group {
  height: 100%;
  margin-bottom: 0;
}
#page-default .second .slide ul.list-group li {
  height: 100%;
}
#page-default .second .slide .fp-tableCell {
  overflow: hidden;
  position: relative;
}
#page-default .second .slide .fp-tableCell .video {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: black;
  /* in case the video doesn't fit the whole page*/
  background-image: /* our video */;
  background-position: center center;
  background-size: contain;
  object-fit: cover;
  z-index: 3;
}
#page-default .second .slide h2 {
  color: #ff800a;
  font-size: 48px;
  text-align: center;
}
#page-default .second .slide p {
  color: #ff800a;
  font-size: 24px;
}
#page-default .second .fp-slidesNav {
  width: 1170px;
  margin: 0 auto;
  text-align: center;
}
#page-default .second .fp-slidesNav ul {
  margin: -15px;
  margin-left: -15px;
}
#page-default .second .fp-slidesNav ul li {
  padding: 0 15px;
  margin: 0;
  width: 16.66%;
  height: auto;
}
#page-default .second .fp-slidesNav ul li:first-child a {
  background-image: url(../images/home-nav-1.png);
}
#page-default .second .fp-slidesNav ul li:first-child a.active {
  background-image: url(../images/home-nav-1-h.png);
}
#page-default .second .fp-slidesNav ul li:first-child + li a {
  background-image: url(../images/home-nav-2.png);
}
#page-default .second .fp-slidesNav ul li:first-child + li a.active {
  background-image: url(../images/home-nav-2-h.png);
}
#page-default .second .fp-slidesNav ul li:first-child + li + li a {
  background-image: url(../images/home-nav-3.png);
}
#page-default .second .fp-slidesNav ul li:first-child + li + li a.active {
  background-image: url(../images/home-nav-3-h.png);
}
#page-default .second .fp-slidesNav ul li:first-child + li + li + li a {
  background-image: url(../images/home-nav-4.png);
}
#page-default .second .fp-slidesNav ul li:first-child + li + li + li a.active {
  background-image: url(../images/home-nav-4-h.png);
}
#page-default .second .fp-slidesNav ul li:first-child + li + li + li + li a {
  background-image: url(../images/home-nav-5.png);
}
#page-default .second .fp-slidesNav ul li:first-child + li + li + li + li a.active {
  background-image: url(../images/home-nav-5-h.png);
}
#page-default .second .fp-slidesNav ul li:first-child + li + li + li + li + li a {
  background-image: url(../images/home-nav-6.png);
}
#page-default .second .fp-slidesNav ul li:first-child + li + li + li + li + li a.active {
  background-image: url(../images/home-nav-6-h.png);
}
#page-default .second .fp-slidesNav ul li a {
  width: 100%;
  padding-bottom: 100%;
  margin: 0;
  display: block;
  background-size: cover;
}
#page-default .second .fp-slidesNav ul li a span {
  display: none;
}
#page-default .second .fp-slidesNav.bottom {
  bottom: 80px;
}
@media (max-width: 767px) {
  #page-default #navbar.smart-nav .navbar {
    background-color: #282828;
  }
  #page-default .second .fp-slidesNav {
    width: 80%;
  }
  #page-default .second .fp-slidesNav ul {
    margin: -10px;
    margin-left: -10px;
  }
  #page-default .second .fp-slidesNav ul li {
    padding: 0 10px;
    margin-bottom: 20px;
    width: 33.33%;
  }
  #page-default .second .fp-slidesNav.bottom {
    bottom: 20px;
  }
  #page-default .second .slide .fp-tableCell .list-group-item .video {
    width: 100vw;
    height: 56.25vw;
    top: 52px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-default .second .fp-slidesNav {
    width: 750px;
  }
  #page-default .second .fp-slidesNav ul {
    margin-right: 80px;
    margin-left: 80px;
  }
  #page-default .second .fp-slidesNav ul li {
    width: 33.33%;
    padding: 0 15px;
    margin-bottom: 30px;
  }
  #page-default .second .fp-slidesNav.bottom {
    bottom: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-default .second .fp-slidesNav {
    width: 970px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  #page-default .second .fp-slidesNav.bottom {
    bottom: 40px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-default .second .fp-slidesNav.bottom {
    bottom: 60px;
  }
}
#page-default .third {
  overflow: hidden;
}
#page-default .third ul {
  height: 100%;
  margin-bottom: 0;
}
#page-default .third ul li {
  height: 100%;
}
#page-default .third .video {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: black;
  /* in case the video doesn't fit the whole page*/
  background-image: /* our video */;
  background-position: center center;
  background-size: contain;
  object-fit: cover;
  /*cover video background */
  z-index: 3;
}
#page-default .fourth {
  background-image: url(../images/homepage-4.jpg);
}
#page-default .fourth.fp-completely h2 {
  margin-top: -350px;
  top: 50%;
  -moz-animation: slideDown 1s ease;
  -o-animation: slideDown 1s ease;
  -webkit-animation: slideDown 1s ease;
  animation: slideDown 1s ease;
  opacity: 1;
}
#page-default .fourth.fp-completely .intro {
  opacity: 1;
}
#page-default .fourth.fp-completely .intro ul {
  margin-top: -260px;
  top: 50%;
  -moz-animation: slideDown 1s ease;
  -o-animation: slideDown 1s ease;
  -webkit-animation: slideDown 1s ease;
  animation: slideDown 1s ease;
  opacity: 1;
}
#page-default .fourth h2 {
  /*background-image: url(../images/homepage-4-title.png);*/
  width: 360px;
  left: 0;
}
#page-default .fourth .intro ul {
  list-style: none;
  padding: 0;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  margin-top: -175px;
}
#page-default .fourth .intro ul li img {
  width: 100%;
}
@media (max-width: 767px) {
  #page-default .fourth.fp-completely h2 {
    margin-top: -150px;
  }
  #page-default .fourth.fp-completely .intro ul {
    margin-top: 50px;
  }
  #page-default .fourth h2 {
    left: /*50%*/ 0;
    width: /*0.6 * 360px*/ 100%;
    margin-top: -250px;
    margin-left: /*-0.6 * 180px*/ 0;
    text-align: center;
  }
  #page-default .fourth .intro ul {
    margin-right: 10px;
    margin-left: 10px;
  }
  #page-default .fourth .intro ul li {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 400px) {
  #page-default .fourth.fp-completely h2 {
    margin-top: -120px;
  }
  #page-default .fourth.fp-completely .intro ul {
    margin-top: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-default .fourth.fp-completely h2 {
    margin-top: -300px;
  }
  #page-default .fourth.fp-completely .intro ul {
    margin-top: -210px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-default .fourth.fp-completely h2 {
    margin-top: -200px;
  }
  #page-default .fourth.fp-completely .intro ul {
    margin-top: -110px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  #page-default .fourth.fp-completely h2 {
    margin-top: -200px;
  }
  #page-default .fourth.fp-completely .intro ul {
    margin-top: -110px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-default .fourth.fp-completely h2 {
    margin-top: -250px;
  }
  #page-default .fourth.fp-completely .intro ul {
    margin-top: -160px;
  }
}
#page-default .fifth {
  background-image: url(../images/homepage-5.jpg);
}
#page-default .fifth.fp-completely h2 {
  margin-top: -325px;
  top: 50%;
  -moz-animation: slideDown 0.5s ease;
  -o-animation: slideDown 0.5s ease;
  -webkit-animation: slideDown 0.5s ease;
  animation: slideDown 0.5s ease;
  opacity: 1;
}
#page-default .fifth.fp-completely .switch {
  margin-top: -220px;
  top: 50%;
  -moz-animation: slideDown 0.5s ease;
  -o-animation: slideDown 0.5s ease;
  -webkit-animation: slideDown 0.5s ease;
  animation: slideDown 0.5s ease;
  opacity: 1;
}
#page-default .fifth.fp-completely .sub-title {
  margin-top: 320px;
  font-size: 24px;
  color: #fff;
  top: 50%;
  -moz-animation: slideDown 0.5s ease;
  -o-animation: slideDown 0.5s ease;
  -webkit-animation: slideDown 0.5s ease;
  animation: slideDown 0.5s ease;
  opacity: 1;
}
#page-default .fifth.fp-completely .bg-lft,
#page-default .fifth.fp-completely .bg-rgt {
  margin-top: -195px;
  top: 50%;
  -moz-animation: slideDown 1s ease;
  -o-animation: slideDown 1s ease;
  -webkit-animation: slideDown 1s ease;
  animation: slideDown 1s ease;
  opacity: 1;
}
#page-default .fifth h2 {
  /*background-image: url(../images/homepage-5-title.png);*/
  width: /*236px*/ 100%;
  margin-left: /*-118px*/ 0;
  left: 0;
  text-align: center;
}
#page-default .fifth .switch {
  position: absolute;
  top: 0;
  left: 50%;
  width: 489px;
  height: 489px;
  background-image: url(../images/home-5-switch.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: -489px;
  margin-left: -244px;
}
#page-default .fifth .sub-title {
  width: /*273px*/ 100%;
  height: 25px;
  display: block;
  /*background-image: url(../images/home-5-sub-title.png);*/
  background-size: cover;
  background-repeat: no-repeat;
  /*text-indent: -999em;*/
  position: absolute;
  top: 0;
  left: /*50%*/ 0;
  margin-top: -25px;
  margin-bottom: 0;
  margin-left: /*-137px*/ 0;
  text-align: center;
}
#page-default .fifth .bg-lft,
#page-default .fifth .bg-rgt {
  display: block;
  height: 437px;
  position: absolute;
  top: 0;
  margin-top: -437px;
  background-size: cover;
  background-repeat: no-repeat;
}
#page-default .fifth .bg-lft {
  background-image: url(../images/home-5-lft.png);
  width: 413px;
  left: 50%;
  margin-left: 310px;
}
#page-default .fifth .bg-rgt {
  background-image: url(../images/home-5-rgt.png);
  width: 425px;
  right: 50%;
  margin-right: 310px;
}
@media (max-width: 767px) {
  #page-default .fifth.fp-completely h2 {
    margin-top: -245px;
  }
  #page-default .fifth.fp-completely .switch {
    margin-top: 10px;
  }
  #page-default .fifth.fp-completely .sub-title {
    margin-top: 270px;
    font-size: 16px;
  }
  #page-default .fifth.fp-completely .bg-rgt {
    margin-top: -195px;
  }
  #page-default .fifth h2 {
    /*width: 0.6 * 236px;
                margin-left: -0.6 * 118px;*/
  }
  #page-default .fifth .switch {
    width: 240px;
    height: 240px;
    margin-top: -240px;
    margin-left: -120px;
  }
  #page-default .fifth .sub-title {
    width: /*0.6 * 273px*/ 100%;
    height: 15px;
    margin-top: -15px;
    margin-left: /* -0.6 * 137px*/ 0;
    text-align: center;
    left: 0%;
  }
  #page-default .fifth .bg-lft {
    display: none;
  }
  #page-default .fifth .bg-rgt {
    background-image: url(../images/home-5-rgt-s.png);
    width: 288px;
    height: 183.6px;
    margin-right: -144px;
  }
}
@media (max-width: 539px) {
  #page-default .fifth.fp-completely h2 {
    margin-top: -215px;
  }
  #page-default .fifth.fp-completely .switch {
    margin-top: 30px;
  }
  #page-default .fifth.fp-completely .sub-title {
    margin-top: 245px;
  }
  #page-default .fifth.fp-completely .bg-rgt {
    margin-top: -160px;
  }
  #page-default .fifth .switch {
    width: 192px;
    height: 192px;
    margin-top: -192px;
    margin-left: -96px;
  }
  #page-default .fifth .bg-rgt {
    width: 256px;
    height: 163.2px;
    margin-right: -128px;
  }
}
@media (max-width: 400px) {
  #page-default .fifth.fp-completely h2 {
    margin-top: -165px;
  }
  #page-default .fifth.fp-completely .switch {
    margin-top: 40px;
  }
  #page-default .fifth.fp-completely .sub-title {
    margin-top: 215px;
  }
  #page-default .fifth.fp-completely .bg-rgt {
    margin-top: -110px;
  }
  #page-default .fifth .switch {
    width: 144px;
    height: 144px;
    margin-top: -144px;
    margin-left: -72px;
  }
  #page-default .fifth .bg-rgt {
    width: 192px;
    height: 122.4px;
    margin-right: -96px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-default .fifth.fp-completely h2 {
    margin-top: -345px;
  }
  #page-default .fifth.fp-completely .switch {
    margin-top: 70px;
  }
  #page-default .fifth.fp-completely .sub-title {
    margin-top: 380px;
  }
  #page-default .fifth.fp-completely .bg-rgt {
    margin-top: -240px;
  }
  #page-default .fifth .switch {
    width: 260px;
    height: 260px;
    margin-top: -260px;
    margin-left: -130px;
  }
  #page-default .fifth .bg-lft {
    display: none;
  }
  #page-default .fifth .bg-rgt {
    background-image: url(../images/home-5-rgt-s.png);
    width: 420px;
    height: 267px;
    margin-right: -210px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-default .fifth.fp-completely h2 {
    margin-top: -230px;
  }
  #page-default .fifth.fp-completely .switch {
    top: 50%;
    margin-top: -140px;
  }
  #page-default .fifth.fp-completely .sub-title {
    top: 50%;
    margin-top: 250px;
  }
  #page-default .fifth .switch {
    width: 352px;
    height: 352px;
    margin-top: -352px;
    margin-left: -176px;
  }
  #page-default .fifth .bg-lft,
  #page-default .fifth .bg-rgt {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  #page-default .fifth.fp-completely h2 {
    margin-top: -230px;
  }
  #page-default .fifth.fp-completely .switch {
    top: 50%;
    margin-top: -140px;
  }
  #page-default .fifth.fp-completely .sub-title {
    top: 50%;
    margin-top: 250px;
  }
  #page-default .fifth.fp-completely .bg-lft,
  #page-default .fifth.fp-completely .bg-rgt {
    top: 50%;
    margin-top: -140px;
  }
  #page-default .fifth .switch {
    width: 352px;
    height: 352px;
    margin-top: -352px;
    margin-left: -176px;
  }
  #page-default .fifth .bg-lft,
  #page-default .fifth .bg-rgt {
    height: 317px;
    margin-top: -317px;
  }
  #page-default .fifth .bg-lft {
    width: 300px;
    margin-left: 216px;
  }
  #page-default .fifth .bg-rgt {
    width: 308px;
    margin-right: 216px;
  }
}
#page-default .sixth {
  background-image: url(../images/homepage-6.jpg);
}
#page-default .sixth.fp-completely .content h2 {
  margin-top: -320px;
  top: 50%;
  -moz-animation: slideDown 1s ease;
  -o-animation: slideDown 1s ease;
  -webkit-animation: slideDown 1s ease;
  animation: slideDown 1s ease;
  opacity: 1;
}
#page-default .sixth.fp-completely .content .unit {
  margin-top: -200px;
  top: 50%;
  -moz-animation: slideDown 1s ease;
  -o-animation: slideDown 1s ease;
  -webkit-animation: slideDown 1s ease;
  animation: slideDown 1s ease;
  opacity: 1;
}
#page-default .sixth .content {
  position: relative;
  height: 100%;
}
#page-default .sixth .content h2 {
  /*background-image: url(../images/homepage-6-title.png);*/
  width: /*423px*/ 100%;
  top: 0;
  left: /*50%*/ 0;
  margin-top: -50px;
  margin-left: /*-211px*/ 0;
  text-align: center;
}
#page-default .sixth .content .unit {
  display: inline-block;
  position: absolute;
  background-image: url(../images/home-unit.png);
  background-size: cover;
  height: 588px;
  width: 1060px;
  margin-top: -588px;
}
@media (max-width: 767px) {
  #page-default .sixth.fp-completely .content h2 {
    margin-top: -162px;
  }
  #page-default .sixth.fp-completely .content .unit {
    margin-bottom: 100px;
    margin-top: 0;
    bottom: 0;
  }
  #page-default .sixth .content h2 {
    /* width: 0.6 * 423px;
                    margin-left: -0.6 * 211px;*/
  }
  #page-default .sixth .content .unit {
    background-position: top right;
    bottom: -217px;
    left: 50%;
    margin-left: -195px;
    height: 217px;
    width: 391px;
  }
}
@media (max-width: 539px) {
  #page-default .sixth.fp-completely .content h2 {
    margin-top: -120px;
  }
  #page-default .sixth.fp-completely .content .unit {
    margin-bottom: 100px;
    bottom: 0;
  }
  #page-default .sixth .content h2 {
    /*width: 0.6 * 423px;
                    height: 0.6*50px;
                    margin-left: -0.6 * 211px;*/
  }
  #page-default .sixth .content .unit {
    background-position: top right;
    bottom: -177px;
    left: 50%;
    height: 177px;
    width: 320px;
    margin-left: -160px;
  }
}
@media (max-width: 400px) {
  #page-default .sixth.fp-completely .content h2 {
    margin-top: -120px;
  }
  #page-default .sixth.fp-completely .content .unit {
    margin-bottom: 100px;
    bottom: 0;
  }
  #page-default .sixth .content h2 {
    width: /*0.4 * 423px*/ 100%;
    height: 20px;
    margin-left: /*-0.4 * 211px*/ 0;
    left: 0;
    text-align: center;
  }
  #page-default .sixth .content .unit {
    background-position: top right;
    bottom: -144px;
    left: 50%;
    height: 144px;
    width: 260px;
    margin-left: -130px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-default .sixth.fp-completely .content h2 {
    margin-top: -220px;
  }
  #page-default .sixth.fp-completely .content .unit {
    margin-top: -50px;
  }
  #page-default .sixth .content .unit {
    height: 377px;
    width: 681px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-default .sixth .content .unit {
    bottom: -407px;
    height: 488px;
    width: 881px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  #page-default .sixth.fp-completely .content h2 {
    margin-top: -220px;
  }
  #page-default .sixth.fp-completely .content .unit {
    margin-top: -100px;
  }
  #page-default .sixth .content .unit {
    bottom: -377px;
    height: 377px;
    width: 681px;
    left: 50%;
    margin-left: -340px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-default .sixth.fp-completely .content h2 {
    margin-top: -270px;
  }
  #page-default .sixth.fp-completely .content .unit {
    margin-top: -150px;
  }
  #page-default .sixth .content .unit {
    bottom: -432px;
    height: 432px;
    width: 780px;
    margin-left: -390px;
    left: 50%;
  }
}
#page-default .seventh {
  background-image: url(../images/home-7.jpg);
}
#page-default .seventh.fp-completely .intro {
  margin-top: -230px;
  /*top: 50%;
              .slideDown;*/
}
#page-default .seventh.fp-completely .cellphone {
  /*bottom: 0;
            .slideDown(slideUp);*/
}
#page-default .seventh .row,
#page-default .seventh .col-sm-6 {
  height: 100%;
}
#page-default .seventh .cellphone {
  background-position: right bottom;
  background-size: cover;
  background-image: url(../images/home-7-1.png);
  width: 551px;
  height: 818px;
  bottom: -818px;
  position: absolute;
}
#page-default .seventh .intro {
  /*background-image: url(../images/home-7-intro.png);*/
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: /*297px*/ 100%;
  height: 130px;
  position: absolute;
  top: 0;
  left: /*50%*/ 0;
  margin-top: -130px;
  margin-left: /*-148px*/ 0;
  text-align: center;
}
#page-default .seventh .intro p {
  /*display: none;*/
  font-size: 48px;
  font-weight: lighter;
  color: #000;
}
#page-default .seventh .intro p span {
  color: #ff800a;
}
#page-default .seventh .intro p:last-child {
  text-indent: 4em;
}
@media (max-width: 767px) {
  #page-default .seventh .col-sm-6 {
    height: auto;
    position: static;
  }
  #page-default .seventh .cellphone {
    background-position: top center;
    width: 300px;
    height: 445px;
    bottom: -445px;
  }
  #page-default .seventh .intro {
    width: /*0.6 * 297px*/ 100%;
    height: 78px;
    margin-top: -78px;
    /* margin-left: -0.3 * 297px;*/
  }
  #page-default .seventh .intro p {
    font-size: 30px;
  }
}
@media (max-width: 539px) {
  #page-default .seventh.complete .intro {
    margin-top: -200px;
  }
  #page-default .seventh .cellphone {
    width: 240px;
    height: 356px;
    bottom: -356px;
  }
}
@media (max-width: 400px) {
  #page-default .seventh.complete .intro {
    margin-top: -150px;
  }
  #page-default .seventh .cellphone {
    width: 210px;
    height: 311.5px;
    bottom: -311.5px;
  }
  #page-default .seventh .intro {
    width: /*0.5 * 297px*/ 100%;
    height: 65px;
    margin-top: -65px;
    /*margin-left: -0.25 * 297px;*/
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-default .seventh.complete .intro {
    margin-top: -315px;
  }
  #page-default .seventh .cellphone {
    width: 417px;
    height: 620px;
    bottom: -620px;
    left: 100%;
    margin-left: -208px;
  }
  #page-default .seventh .intro {
    left: /*0*/ -100%;
    width: 200%;
    /*margin-left: -148px;*/
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  #page-default .seventh.complete .intro {
    margin-top: -115px;
  }
  #page-default .seventh .cellphone {
    width: 350px;
    height: 520px;
    bottom: -520px;
    left: 100px;
  }
  #page-default .seventh .intro {
    /*margin-left: -248px;*/
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-default .seventh.complete .intro {
    margin-top: -165px;
  }
  #page-default .seventh .cellphone {
    width: 417px;
    height: 620px;
    bottom: -620px;
    left: 100px;
  }
  #page-default .seventh .intro {
    /* margin-left: -248px;*/
  }
}
/** 开关 */
#page-switch .first {
  background-image: url(../images/switch-1.jpg);
}
#page-switch .first.fp-completely .slide-1 h2 {
  margin-top: -300px;
}
#page-switch .first.fp-completely .slide-1 .intro {
  bottom: 0;
  margin-bottom: -370px;
}
#page-switch .first h2 {
  width: 100%;
  text-align: center;
  left: 0;
  margin-left: 0;
}
#page-switch .first .slide-1 h2 {
  /*background-image: url(../images/switch-1-title.png);*/
  /* width: 344px;
                margin-left: -172px;*/
}
#page-switch .first .slide-1 .intro {
  background-image: url(../images/switch-slide-1.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 629px;
  height: 570px;
  margin-bottom: -570px;
  position: absolute;
  left: 50%;
  margin-left: -315px;
}
@media (max-width: 767px) {
  #page-switch .first.fp-completely .slide-1 h2 {
    margin-top: -180px;
  }
  #page-switch .first.fp-completely .slide-1 .intro {
    bottom: 0;
    margin-bottom: -242px;
  }
  #page-switch .first .slide-1 h2 {
    /* width: 210px;
                    margin-left: -105px;*/
  }
  #page-switch .first .slide-1 .intro {
    width: 300px;
    height: 272px;
    margin-bottom: -272px;
    margin-left: -150px;
    background-size: cover;
  }
}
@media (max-width: 539px) {
  #page-switch .first.fp-completely .slide-1 h2 {
    margin-top: -170px;
  }
  #page-switch .first.fp-completely .slide-1 .intro {
    bottom: 0;
    margin-bottom: -182px;
  }
}
@media (max-width: 400px) {
  #page-switch .first.fp-completely .slide-1 h2 {
    margin-top: -140px;
  }
  #page-switch .first.fp-completely .slide-1 .intro {
    bottom: 0;
    margin-bottom: -192px;
  }
  #page-switch .first .slide-1 h2 {
    /*width: 210px;
                    margin-left: -105px;*/
  }
  #page-switch .first .slide-1 .intro {
    width: 270px;
    height: 244.8px;
    margin-bottom: -244.8px;
    margin-left: -135px;
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  #page-switch .first.fp-completely .slide-1 h2 {
    margin-top: -185px;
  }
  #page-switch .first.fp-completely .slide-1 .intro {
    bottom: 0;
    margin-bottom: -270px;
  }
  #page-switch .first .slide-1 .intro {
    width: 377px;
    height: 342px;
    margin-bottom: -342px;
    margin-left: -188px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-switch .first.fp-completely .slide-1 h2 {
    margin-top: -235px;
  }
  #page-switch .first.fp-completely .slide-1 .intro {
    bottom: 0;
    margin-bottom: -300px;
  }
  #page-switch .first .slide-1 .intro {
    width: 452px;
    height: 410px;
    margin-bottom: -410px;
    margin-left: -226px;
  }
}
#page-switch .second {
  background-image: url(../images/switch-2.jpg);
}
#page-switch .second.fp-completely h2 {
  margin-top: -295px;
}
#page-switch .second.fp-completely .switch-list {
  margin-bottom: -141px;
}
#page-switch .second h2 {
  /*background-image: url(../images/switch-2-title.png);*/
  width: /*352px*/ 100%;
  margin-left: /*-176px*/ 0;
  left: 0;
  text-align: center;
}
#page-switch .second .switch-list {
  position: absolute;
  bottom: 0;
  height: 298px;
  margin-bottom: -298px;
}
#page-switch .second .switch-list img {
  width: 100%;
}
@media (max-width: 767px) {
  #page-switch .second.fp-completely h2 {
    margin-top: -160px;
  }
  #page-switch .second.fp-completely .switch-list {
    margin-bottom: -320px;
  }
  #page-switch .second h2 {
    /* width: 0.6 * 352px;
                margin-left: -0.6 * 176px;*/
  }
  #page-switch .second .switch-list {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 298px;
    margin-bottom: -298px;
    margin-right: 10px;
    margin-left: 10px;
  }
  #page-switch .second .switch-list .col-xs-4 {
    padding-right: 10px;
    padding-left: 10px;
  }
  #page-switch .second .switch-list img {
    width: 100%;
  }
}
@media (max-width: 539px) {
  #page-switch .second.fp-completely h2 {
    margin-top: -105px;
  }
  #page-switch .second.fp-completely .switch-list {
    margin-bottom: -320px;
  }
}
@media (max-width: 400px) {
  #page-switch .second.fp-completely h2 {
    margin-top: -85px;
  }
  #page-switch .second.fp-completely .switch-list {
    margin-bottom: -300px;
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  #page-switch .second.fp-completely h2 {
    margin-top: -185px;
  }
  #page-switch .second.fp-completely .switch-list {
    margin-bottom: -230px;
  }
  #page-switch .second .switch-list {
    margin-right: 100px;
    margin-left: 100px;
    height: 298px;
    margin-bottom: -298px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-switch .second.fp-completely h2 {
    margin-top: -215px;
  }
  #page-switch .second.fp-completely .switch-list {
    margin-bottom: -230px;
  }
  #page-switch .second .switch-list {
    margin-right: 60px;
    margin-left: 60px;
    height: 315px;
    margin-bottom: -315px;
  }
}
#page-switch .third {
  background-image: url(../images/switch-3.jpg);
}
#page-switch .third.fp-completely h2 {
  margin-top: -240px;
}
#page-switch .third.fp-completely .row {
  margin-bottom: -224px;
}
#page-switch .third h2 {
  /*background-image: url(../images/switch-3-title.png);*/
  width: /*232px*/ 100%;
  margin-left: /*-116px*/ 0;
  left: 0;
  text-align: center;
}
#page-switch .third .row {
  margin-right: 176px;
  margin-left: 176px;
  position: absolute;
  bottom: 0;
  height: 324px;
  margin-bottom: -324px;
}
#page-switch .third .col-sm-3 {
  padding-right: 35px;
  padding-left: 35px;
}
#page-switch .third .col-sm-3 img {
  margin-bottom: 70px;
}
@media (max-width: 767px) {
  #page-switch .third.fp-completely h2 {
    margin-top: -280px;
  }
  #page-switch .third.fp-completely .row {
    margin-bottom: -184px;
  }
  #page-switch .third h2 {
    /*background-image: url(../images/switch-3-title.png);*/
    /*width: 0.6 * 232px;
                margin-left: -0.6 * 116px;*/
  }
  #page-switch .third .row {
    margin-right: 40px;
    margin-left: 40px;
    position: absolute;
    bottom: 0;
    height: 324px;
    margin-bottom: -324px;
    left: 0;
  }
  #page-switch .third .col-sm-3 {
    padding-right: 10px;
    padding-left: 10px;
  }
  #page-switch .third .col-sm-3 img {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 539px) {
  #page-switch .third.fp-completely h2 {
    margin-top: -200px;
  }
  #page-switch .third.fp-completely .row {
    margin-bottom: -224px;
  }
}
@media (max-width: 400px) {
  #page-switch .third.fp-completely h2 {
    margin-top: -150px;
  }
  #page-switch .third.fp-completely .row {
    margin-bottom: -264px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-switch .third.fp-completely .row {
    margin-bottom: -224px;
  }
  #page-switch .third .row {
    margin-right: 40px;
    margin-left: 40px;
    position: absolute;
    bottom: 0;
    height: 324px;
    margin-bottom: -324px;
    left: 0;
  }
  #page-switch .third .col-sm-3 {
    padding-right: 15px;
    padding-left: 15px;
  }
  #page-switch .third .col-sm-3 img {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-switch .third.fp-completely h2 {
    margin-top: -200px;
  }
  #page-switch .third.fp-completely .row {
    margin-bottom: -254px;
  }
  #page-switch .third .row {
    margin-right: 140px;
    margin-left: 140px;
  }
  #page-switch .third .col-sm-3 img {
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  #page-switch .third.fp-completely h2 {
    margin-top: -200px;
  }
  #page-switch .third.fp-completely .row {
    margin-bottom: -254px;
  }
  #page-switch .third .row {
    margin-right: 240px;
    margin-left: 240px;
    height: 324px;
    margin-bottom: -324px;
    left: 0;
  }
  #page-switch .third .col-sm-3 {
    padding-right: 25px;
    padding-left: 25px;
  }
  #page-switch .third .col-sm-3 img {
    width: 100%;
    margin-bottom: 50px;
  }
}
#page-switch .fourth {
  background-image: url(../images/switch-4.jpg);
}
#page-switch .fourth.fp-completely .intro {
  margin-top: -75px;
}
#page-switch .fourth .switch-4-img {
  background-image: url(../images/switch-4-img.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 597px;
  height: 1000px;
  position: absolute;
  top: 50%;
  left: -597px;
  margin-top: -500px;
}
#page-switch .fourth .intro {
  /*background-image: url(../images/switch-4-text.png);*/
  background-position: center center;
  background-repeat: no-repeat;
  width: 423px;
  height: 151px;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: -151px;
}
@media (max-width: 767px) {
  #page-switch .fourth.fp-completely .switch-4-img {
    left: 50%!important;
    margin-left: -384px;
  }
  #page-switch .fourth.fp-completely .intro {
    /* top: auto!important;
                    margin-top: -150px;*/
  }
  #page-switch .fourth .switch-4-img {
    background-image: url(../images/switch-4-img-s.png);
    width: 767px;
    height: 307px;
    position: absolute;
    top: auto;
    left: -767px;
    bottom: 0;
    margin-top: -307px;
  }
  #page-switch .fourth .intro {
    background-size: cover;
    width: 200px;
    height: 71px;
    position: absolute;
    right: 0;
    top: 0;
    left: 20%;
    bottom: 0;
    margin-bottom: 105px;
    margin-top: -71px;
    margin-left: 10px;
  }
}
@media (max-width: 539px) {
  #page-switch .fourth.fp-completely .switch-4-img {
    margin-left: -270px;
  }
  #page-switch .fourth .switch-4-img {
    width: 540px;
    height: 216px;
    left: -540px;
    bottom: 0;
    margin-top: -216px;
  }
  #page-switch .fourth .intro {
    width: 170px;
    height: 60px;
    margin-bottom: 55px;
    margin-top: -60px;
    margin-left: 10px;
  }
}
@media (max-width: 400px) {
  #page-switch .fourth.fp-completely .switch-4-img {
    margin-left: -200px;
  }
  #page-switch .fourth .intro {
    width: 200px;
    height: 50px;
    margin-bottom: 40px;
    margin-top: -50px;
    margin-left: 10px;
  }
  #page-switch .fourth .switch-4-img {
    width: 400px;
    height: 160px;
    left: -400px;
    margin-top: -160px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-switch .fourth.fp-completely .intro {
    margin-top: -320px;
  }
  #page-switch .fourth .intro {
    left: 50%;
    margin-left: -211px;
  }
  #page-switch .fourth .switch-4-img {
    background-image: url(../images/switch-4-img-s.png);
    width: 992px;
    height: 397px;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    margin-top: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-switch .fourth .switch-4-img {
    width: 458px;
    height: 768px;
    margin-top: -384px;
    left: -458px;
  }
  #page-switch .fourth .intro {
    left: 50%;
    right: auto;
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  #page-switch .fourth .intro {
    left: 50%;
    right: auto;
  }
}
#page-switch .fifth {
  background-image: url(../images/switch-5.jpg);
}
#page-switch .fifth.fp-completely .intro {
  margin-top: -350px;
}
#page-switch .fifth .switch-5-img {
  background-image: url(../images/switch-5-img.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 601px;
  height: 1000px;
  position: absolute;
  top: 50%;
  right: -601px;
  margin-top: -500px;
}
#page-switch .fifth .intro {
  /*background-image: url(../images/switch-5-text.png);*/
  background-position: bottom center;
  background-repeat: no-repeat;
  width: /*212px*/ 320px;
  height: 151px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: -151px;
  margin-left: -160px;
}
@media (max-width: 767px) {
  #page-switch .fifth {
    background-image: url(../images/switch-5-xs.jpg);
  }
  #page-switch .fifth.fp-completely .switch-5-img {
    right: 50%!important;
    margin-right: -384px;
  }
  #page-switch .fifth.fp-completely .intro {
    top: auto!important;
    bottom: 0;
    margin-top: -250px;
    margin-bottom: 80px;
  }
  #page-switch .fifth .switch-5-img {
    background-image: url(../images/switch-5-img-s.png);
    width: 768px;
    height: 302px;
    position: absolute;
    top: auto;
    right: -768px;
    bottom: 0;
    margin-top: -302px;
  }
  #page-switch .fifth .intro {
    background-size: cover;
    width: 160px;
    height: 114px;
    margin-top: -114px;
    margin-left: -200px;
  }
}
@media (max-width: 539px) {
  #page-switch .fifth.fp-completely .switch-5-img {
    margin-right: -270px;
  }
  #page-switch .fifth.fp-completely .intro {
    margin-bottom: 50px;
  }
  #page-switch .fifth .switch-5-img {
    width: 540px;
    height: 212px;
    right: -540px;
    bottom: 0;
    margin-top: -212px;
  }
  #page-switch .fifth .intro {
    width: 120px;
    height: 85px;
    margin-top: -85px;
    margin-left: -150px;
  }
}
@media (max-width: 400px) {
  #page-switch .fifth.fp-completely .switch-5-img {
    margin-right: -200px;
  }
  #page-switch .fifth.fp-completely .intro {
    margin-bottom: 40px;
  }
  #page-switch .fifth .switch-5-img {
    width: 400px;
    height: 157px;
    right: -400px;
    bottom: 0;
    margin-top: -157px;
  }
  #page-switch .fifth .intro {
    width: 90px;
    height: 64px;
    margin-top: -64px;
    margin-left: -130px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-switch .fifth {
    background-image: url(../images/switch-5-s.jpg);
  }
  #page-switch .fifth.fp-completely .intro {
    margin-top: -260px;
    left: 50%;
    margin-left: -106px;
  }
  #page-switch .fifth .switch-5-img {
    background-image: url(../images/switch-5-img-s.png);
    width: 992px;
    height: 390px;
    position: absolute;
    right: -992px;
    top: auto;
    bottom: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-switch .fifth.fp-completely .intro {
    margin-top: -150px;
  }
  #page-switch .fifth .switch-5-img {
    width: 461px;
    height: 768px;
    margin-top: -384px;
    right: -461px;
  }
  #page-switch .fifth .intro {
    margin-left: -212px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  #page-switch .fifth.fp-completely .intro {
    margin-top: -150px;
  }
  #page-switch .fifth .intro {
    margin-left: -212px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-switch .fifth.fp-completely .intro {
    margin-top: -280px;
  }
  #page-switch .fifth .intro {
    margin-left: -202px;
  }
}
#page-switch .sixth {
  background-image: url(../images/switch-6.jpg);
}
#page-switch .sixth.fp-completely h2 {
  margin-top: -350px;
}
#page-switch .sixth.fp-completely .intro {
  margin-top: -240px;
}
#page-switch .sixth.fp-completely .switch {
  margin-bottom: -377px;
}
#page-switch .sixth h2 {
  /*background-image: url(../images/switch-6-title.png);*/
  width: /*234px*/ 100%;
  margin-left: /*-117px*/ 0;
  text-align: center;
  left: 0;
}
#page-switch .sixth .intro {
  /*background-image: url(../images/switch-6-text.png);*/
  background-position: top center;
  background-repeat: no-repeat;
  width: /*355px*/ 100%;
  height: 61px;
  position: absolute;
  left: /*50%*/ 0;
  top: 0;
  margin-top: -61px;
  margin-left: /*-178px*/ 0;
  text-align: center;
}
#page-switch .sixth .switch {
  background-image: url(../images/switch-6-1.png);
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 764px;
  height: 497px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-bottom: -497px;
  margin-left: -382px;
}
#page-switch .sixth .switch img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
}
@media (max-width: 767px) {
  #page-switch .sixth.fp-completely h2 {
    margin-top: -180px;
  }
  #page-switch .sixth.fp-completely .intro {
    margin-top: -120px;
  }
  #page-switch .sixth.fp-completely .switch {
    margin-bottom: -207px;
  }
  #page-switch .sixth h2 {
    /*width: 142px;
                margin-left: -71px;*/
  }
  #page-switch .sixth .intro {
    background-size: cover;
    /*width: 284px;*/
    height: 48px;
    position: absolute;
    /*left: 50%;*/
    top: 0;
    margin-top: -61px;
    /*margin-left: -142px;*/
  }
  #page-switch .sixth .switch {
    background-size: cover;
    width: 300px;
    height: 194px;
    margin-bottom: -194px;
    margin-left: -150px;
  }
}
@media (max-width: 400px) {
  #page-switch .sixth.fp-completely h2 {
    margin-top: -130px;
  }
  #page-switch .sixth.fp-completely .intro {
    margin-top: -70px;
  }
  #page-switch .sixth.fp-completely .switch {
    margin-bottom: -177px;
  }
  #page-switch .sixth h2 {
    /* width: 142px;
                margin-left: -71px;*/
  }
  #page-switch .sixth .intro {
    /*width: 0.9*284px;*/
    height: 43.2px;
    margin-top: -43.2px;
    /* margin-left: -0.9*142px;*/
  }
  #page-switch .sixth .switch {
    width: 240px;
    height: 155.2px;
    margin-bottom: -155.2px;
    margin-left: -120px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-switch .sixth.fp-completely h2 {
    margin-top: -270px;
  }
  #page-switch .sixth.fp-completely .intro {
    margin-top: -175px;
  }
  #page-switch .sixth.fp-completely .switch {
    margin-bottom: -312px;
  }
  #page-switch .sixth .switch {
    width: 534.8px;
    height: 347.9px;
    margin-bottom: -347.9px;
    margin-left: -267.4px;
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  #page-switch .sixth.fp-completely h2 {
    margin-top: -220px;
  }
  #page-switch .sixth.fp-completely .intro {
    margin-top: -125px;
  }
  #page-switch .sixth.fp-completely .switch {
    margin-bottom: -262px;
  }
  #page-switch .sixth .switch {
    width: 458.4px;
    height: 298.2px;
    margin-bottom: -298.2px;
    margin-left: -229.2px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-switch .sixth.fp-completely h2 {
    margin-top: -260px;
  }
  #page-switch .sixth.fp-completely .intro {
    margin-top: -145px;
  }
  #page-switch .sixth.fp-completely .switch {
    margin-bottom: -282px;
  }
  #page-switch .sixth .switch {
    width: 458.4px;
    height: 298.2px;
    margin-bottom: -298.2px;
    margin-left: -229.2px;
  }
}
#page-switch .seventh {
  background-color: #e2e2e2;
}
#page-switch .seventh.fp-completely .intro {
  margin-top: -341px;
}
#page-switch .seventh .intro {
  background-image: url(../images/switch-7.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 1151px;
  height: 682px;
  position: absolute;
  left: 50%;
  margin-top: -682px;
  margin-left: -575px;
}
@media (max-width: 767px) {
  #page-switch .seventh.fp-completely .intro {
    margin-top: -211px;
  }
  #page-switch .seventh .intro {
    background-image: url(../images/switch-7-s.png);
    width: 460px;
    height: 422px;
    margin-top: -422px;
    margin-left: -230px;
  }
}
@media (max-width: 539px) {
  #page-switch .seventh.fp-completely .intro {
    margin-top: -165px;
  }
  #page-switch .seventh .intro {
    width: 360px;
    height: 330px;
    margin-top: -330px;
    margin-left: -180px;
  }
}
@media (max-width: 400px) {
  #page-switch .seventh.fp-completely .intro {
    margin-top: -138px;
  }
  #page-switch .seventh .intro {
    width: 300px;
    height: 276px;
    margin-top: -276px;
    margin-left: -150px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-switch .seventh.fp-completely .intro {
    margin-top: -222px;
  }
  #page-switch .seventh .intro {
    width: 750px;
    height: 444px;
    margin-top: -444px;
    margin-left: -375px;
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  #page-switch .seventh.fp-completely .intro {
    margin-top: -192px;
  }
  #page-switch .seventh .intro {
    width: 750px;
    height: 444px;
    margin-top: -444px;
    margin-left: -375px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-switch .seventh.fp-completely .intro {
    margin-top: -257px;
  }
  #page-switch .seventh .intro {
    width: 970px;
    height: 574px;
    margin-top: -574px;
    margin-left: -485px;
  }
}
#page-switch .eighth {
  background-image: url(../images/switch-8.jpg);
}
#page-switch .eighth.complete .intro {
  margin-top: -355px;
}
#page-switch .eighth .intro {
  background-image: url(../images/switch-8.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 1170px;
  height: 710px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: -710px;
  margin-left: -585px;
}
@media (max-width: 767px) {
  #page-switch .eighth.complete .intro {
    margin-top: -301px;
  }
  #page-switch .eighth .intro {
    background-image: url(../images/switch-8-s.png);
    width: 240px;
    height: 602px;
    margin-top: -602px;
    margin-left: -120px;
  }
}
@media (max-width: 539px) {
  #page-switch .eighth.complete .intro {
    margin-top: -236px;
  }
  #page-switch .eighth .intro {
    width: 204px;
    height: 514px;
    margin-top: -512px;
    margin-left: -102px;
  }
}
@media (max-width: 400px) {
  #page-switch .eighth.complete .intro {
    margin-top: -210px;
  }
  #page-switch .eighth .intro {
    width: 182px;
    height: 460px;
    margin-top: -460px;
    margin-left: -91px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-switch .eighth.complete .intro {
    margin-top: -228px;
  }
  #page-switch .eighth .intro {
    width: 750px;
    height: 455px;
    margin-top: -455px;
    margin-left: -375px;
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  #page-switch .eighth.complete .intro {
    margin-top: -198px;
  }
  #page-switch .eighth .intro {
    width: 750px;
    height: 455px;
    margin-top: -455px;
    margin-left: -375px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-switch .eighth.complete .intro {
    margin-top: -264px;
  }
  #page-switch .eighth .intro {
    width: 970px;
    height: 588px;
    margin-top: -588px;
    margin-left: -485px;
  }
}
/** 豪华版开关 */
#page-switch-pro .first {
  background-image: url(../images/switch-pro-1.jpg);
}
#page-switch-pro .first.fp-completely h2 {
  margin-top: -290px;
}
#page-switch-pro .first.fp-completely .switch-1 {
  margin-top: -200px;
}
#page-switch-pro .first.fp-completely .switch-2 {
  margin-top: -140px;
}
#page-switch-pro .first.fp-completely .switch-3 {
  margin-top: -140px;
}
#page-switch-pro .first h2 {
  /*background-image: url(../images/switch-pro-1-title.png);*/
  background-size: cover;
  width: /*231px*/ 100%;
  margin-left: /*-115px*/ 0;
  left: 0;
  text-align: center;
}
#page-switch-pro .first .switch {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 0;
}
#page-switch-pro .first .switch-1 {
  background-image: url(../images/switch-pro-1-1.png);
  width: 629px;
  height: 528px;
  margin-left: -314px;
  margin-top: -528px;
}
#page-switch-pro .first .switch-2,
#page-switch-pro .first .switch-3 {
  width: 460px;
  height: 460px;
  margin-top: -460px;
}
#page-switch-pro .first .switch-2 {
  background-image: url(../images/switch-pro-1-2.png);
  margin-left: -744px;
}
#page-switch-pro .first .switch-3 {
  background-image: url(../images/switch-pro-1-3.png);
  margin-left: 284px;
}
@media (max-width: 767px) {
  #page-switch-pro .first.fp-completely h2 {
    margin-top: -200px;
  }
  #page-switch-pro .first.fp-completely .switch-1 {
    margin-top: -70px;
  }
  #page-switch-pro .first.fp-completely .switch-2,
  #page-switch-pro .first.fp-completely .switch-3 {
    margin-top: -43px;
  }
  #page-switch-pro .first h2 {
    /*width: 231px;*/
    height: 50px;
    /*margin-left: -115px;*/
  }
  #page-switch-pro .first .switch {
    background-size: cover;
  }
  #page-switch-pro .first .switch-1 {
    width: 244.16877637px;
    height: 204.96202532px;
    margin-left: -122.08438819px;
    margin-top: -204.96202532px;
  }
  #page-switch-pro .first .switch-2,
  #page-switch-pro .first .switch-3 {
    width: 178.56540084px;
    height: 178.56540084px;
    margin-top: -178.56540084px;
  }
  #page-switch-pro .first .switch-2 {
    margin-left: -280px;
  }
  #page-switch-pro .first .switch-3 {
    margin-left: 100px;
  }
}
@media (max-width: 539px) {
  #page-switch-pro .first.fp-completely h2 {
    margin-top: -170px;
  }
  #page-switch-pro .first.fp-completely .switch-1 {
    margin-top: -63px;
  }
  #page-switch-pro .first.fp-completely .switch-2,
  #page-switch-pro .first.fp-completely .switch-3 {
    margin-top: -43px;
  }
  #page-switch-pro .first h2 {
    /*width: 0.6*231px;*/
    height: 30px;
    /* margin-left: -0.6*115px;*/
  }
  #page-switch-pro .first .switch-1 {
    width: 191.08860759px;
    height: 160.40506329px;
    margin-left: -95.5443038px;
    margin-top: -160.40506329px;
  }
  #page-switch-pro .first .switch-2,
  #page-switch-pro .first .switch-3 {
    width: 139.74683544px;
    height: 139.74683544px;
    margin-top: -139.74683544px;
  }
  #page-switch-pro .first .switch-2 {
    margin-left: -220px;
  }
  #page-switch-pro .first .switch-3 {
    margin-left: 80px;
  }
}
@media (max-width: 400px) {
  #page-switch-pro .first.fp-completely h2 {
    margin-top: -130px;
  }
  #page-switch-pro .first.fp-completely .switch-1 {
    margin-top: -58px;
  }
  #page-switch-pro .first.fp-completely .switch-2,
  #page-switch-pro .first.fp-completely .switch-3 {
    margin-top: -43px;
  }
  #page-switch-pro .first h2 {
    /*width: 0.6*231px;*/
    height: 30px;
    /*margin-left: -0.6*115px;*/
  }
  #page-switch-pro .first .switch-1 {
    width: 138.00843882px;
    height: 115.84810127px;
    margin-left: -69.00421941px;
    margin-top: -115.84810127px;
  }
  #page-switch-pro .first .switch-2,
  #page-switch-pro .first .switch-3 {
    width: 100.92827004px;
    height: 100.92827004px;
    margin-top: -100.92827004px;
  }
  #page-switch-pro .first .switch-2 {
    margin-left: -160px;
  }
  #page-switch-pro .first .switch-3 {
    margin-left: 60px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-switch-pro .first.fp-completely h2 {
    margin-top: -194px;
  }
  #page-switch-pro .first.fp-completely .switch-1 {
    margin-top: -80px;
  }
  #page-switch-pro .first.fp-completely .switch-2 {
    margin-top: -44px;
  }
  #page-switch-pro .first.fp-completely .switch-3 {
    margin-top: -44px;
  }
  #page-switch-pro .first .switch-1 {
    width: 314.5px;
    height: 264px;
    margin-left: -157px;
    margin-top: -264px;
  }
  #page-switch-pro .first .switch-2 {
    width: 230px;
    height: 230px;
    margin-left: -372px;
    margin-top: -230px;
  }
  #page-switch-pro .first .switch-3 {
    width: 230px;
    height: 230px;
    margin-left: 142px;
    margin-top: -230px;
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  #page-switch-pro .first.fp-completely h2 {
    margin-top: -194px;
  }
  #page-switch-pro .first.fp-completely .switch-1 {
    margin-top: -80px;
  }
  #page-switch-pro .first.fp-completely .switch-2 {
    margin-top: -44px;
  }
  #page-switch-pro .first.fp-completely .switch-3 {
    margin-top: -44px;
  }
  #page-switch-pro .first .switch-1 {
    width: 377.4px;
    height: 316.8px;
    margin-left: -188.4px;
    margin-top: -316.8px;
  }
  #page-switch-pro .first .switch-2 {
    width: 276px;
    height: 276px;
    margin-left: -446.4px;
    margin-top: -276px;
  }
  #page-switch-pro .first .switch-3 {
    width: 276px;
    height: 276px;
    margin-left: 170.4px;
    margin-top: -276px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-switch-pro .first.fp-completely h2 {
    margin-top: -233px;
  }
  #page-switch-pro .first.fp-completely .switch-1 {
    margin-top: -100px;
  }
  #page-switch-pro .first.fp-completely .switch-2 {
    margin-top: -58px;
  }
  #page-switch-pro .first.fp-completely .switch-3 {
    margin-top: -58px;
  }
  #page-switch-pro .first .switch-1 {
    width: 440.3px;
    height: 369.6px;
    margin-left: -219.8px;
    margin-top: -369.6px;
  }
  #page-switch-pro .first .switch-2 {
    width: 322px;
    height: 322px;
    margin-left: -520.8px;
    margin-top: -322px;
  }
  #page-switch-pro .first .switch-3 {
    width: 322px;
    height: 322px;
    margin-left: 198.8px;
    margin-top: -322px;
  }
}
#page-switch-pro .second {
  background-image: url(../images/switch-pro-2.jpg);
}
#page-switch-pro .second.fp-completely h2 {
  margin-top: -320px;
}
#page-switch-pro .second.fp-completely .switch-1 {
  margin-top: -185px;
}
#page-switch-pro .second.fp-completely .switch-2 {
  margin-left: 100px;
  margin-top: 0;
}
#page-switch-pro .second .container,
#page-switch-pro .second .col-sm-6,
#page-switch-pro .second .col-sm-5 {
  position: relative;
  height: 100%;
}
#page-switch-pro .second h2 {
  /*background-image: url(../images/switch-pro-2-title.png);*/
  width: 55px;
  height: 227px;
  margin-left: -28px;
  margin-top: -227px;
}
#page-switch-pro .second .switch {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
}
#page-switch-pro .second .switch-1 {
  background-image: url(../images/switch-pro-2-1.png);
  width: 563px;
  height: 562px;
  margin-top: -562px;
}
#page-switch-pro .second .switch-2 {
  background-image: url(../images/switch-pro-2-2.png);
  width: 592px;
  height: 180px;
  top: 0;
  left: -1000px;
}
#page-switch-pro .second .switch-3 {
  background-image: url(../images/switch-pro-2-3.png);
  width: 456px;
  height: 577px;
  top: 130px;
  right: -456px;
}
@media (max-width: 767px) {
  #page-switch-pro .second.fp-completely h2 {
    margin-top: -300px;
  }
  #page-switch-pro .second.fp-completely .switch-1 {
    margin-top: -230px;
  }
  #page-switch-pro .second .col-sm-6,
  #page-switch-pro .second .col-sm-5 {
    position: static;
    height: auto;
  }
  #page-switch-pro .second h2 {
    width: 55px;
    height: 227px;
    margin-left: 120px;
    margin-top: -227px;
  }
  #page-switch-pro .second .switch-1 {
    background-size: cover;
    width: 270px;
    height: 270px;
    left: 50%;
    margin-left: -207px;
  }
  #page-switch-pro .second .switch-2 {
    width: 236.8px;
    height: 72px;
  }
  #page-switch-pro .second .switch-3 {
    width: 182.4px;
    height: 230.8px;
    top: 50%;
    right: -182.4px;
    margin-top: 140px;
  }
}
@media (max-width: 539px) {
  #page-switch-pro .second.fp-completely h2 {
    margin-top: -220px;
  }
  #page-switch-pro .second.fp-completely .switch-1 {
    margin-top: -230px;
  }
  #page-switch-pro .second h2 {
    width: 38.5px;
    height: 158.9px;
    margin-left: 100px;
    margin-top: -158.9px;
  }
  #page-switch-pro .second .switch-1 {
    background-size: cover;
    width: 210px;
    height: 210px;
    left: 50%;
    margin-left: -161px;
  }
  #page-switch-pro .second .switch-2 {
    width: 177.6px;
    height: 54px;
  }
  #page-switch-pro .second .switch-3 {
    width: 136.8px;
    height: 173.1px;
    top: 50%;
    right: -136.8px;
    margin-top: 70px;
  }
}
@media (max-width: 400px) {
  #page-switch-pro .second.fp-completely h2 {
    margin-top: -160px;
  }
  #page-switch-pro .second.fp-completely .switch-1 {
    margin-top: -110px;
  }
  #page-switch-pro .second h2 {
    width: 33px;
    height: 136.2px;
    margin-left: 68px;
    margin-top: -170px;
  }
  #page-switch-pro .second .switch-1 {
    background-size: cover;
    width: 150px;
    height: 150px;
    left: 50%;
    margin-left: -115px;
  }
  #page-switch-pro .second .switch-2 {
    width: 118.4px;
    height: 36px;
  }
  #page-switch-pro .second .switch-3 {
    width: 91.2px;
    height: 115.4px;
    top: 50%;
    right: -91.2px;
    margin-top: 80px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-switch-pro .second.fp-completely h2 {
    margin-top: -210px;
  }
  #page-switch-pro .second.fp-completely .switch-1 {
    margin-top: -235px;
  }
  #page-switch-pro .second.fp-completely .switch-2 {
    margin-left: 450px;
  }
  #page-switch-pro .second h2 {
    margin-left: 10px;
  }
  #page-switch-pro .second .switch-1 {
    width: 281.5px;
    height: 281px;
    margin-top: -281px;
    margin-left: -157px;
    left: 50%;
  }
  #page-switch-pro .second .switch-2 {
    width: 236.8px;
    height: 72px;
  }
  #page-switch-pro .second .switch-3 {
    width: 182.4px;
    height: 230.8px;
    top: 50%;
    right: -182.4px;
    margin-top: 120px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-switch-pro .second.fp-completely h2 {
    margin-top: -150px;
  }
  #page-switch-pro .second.fp-completely .switch-1 {
    margin-top: -125px;
  }
  #page-switch-pro .second .switch-1 {
    width: 337.8px;
    height: 337.2px;
    margin-top: -337.2px;
    margin-left: -157px;
    left: 50%;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  #page-switch-pro .second.fp-completely h2 {
    margin-top: -120px;
  }
  #page-switch-pro .second.fp-completely .switch-1 {
    margin-top: -95px;
  }
  #page-switch-pro .second.fp-completely .switch-2 {
    margin-left: 100px;
  }
  #page-switch-pro .second .switch-1 {
    width: 337.8px;
    height: 337.2px;
    margin-top: -337.2px;
    margin-left: -157px;
    left: 50%;
  }
  #page-switch-pro .second .switch-2 {
    width: 355.2px;
    height: 108px;
    top: 0;
  }
  #page-switch-pro .second .switch-3 {
    width: 273.6px;
    height: 346.2px;
    top: 130px;
    right: -273.6px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-switch-pro .second.fp-completely h2 {
    margin-top: -120px;
  }
  #page-switch-pro .second.fp-completely .switch-1 {
    margin-top: -125px;
  }
  #page-switch-pro .second.fp-completely .switch-2 {
    margin-left: 100px;
  }
  #page-switch-pro .second h2 {
    margin-left: -48px;
  }
  #page-switch-pro .second .switch-1 {
    width: 394.1px;
    height: 393.4px;
    margin-top: -393.4px;
    margin-left: -157px;
    left: 50%;
  }
  #page-switch-pro .second .switch-2 {
    width: 414.4px;
    height: 126px;
    top: 0;
    margin-left: -414.4px;
  }
  #page-switch-pro .second .switch-3 {
    width: 319.2px;
    height: 403.9px;
    top: 130px;
    right: -319.2px;
  }
}
#page-switch-pro .third {
  background-image: url(../images/switch-pro-3.jpg);
}
#page-switch-pro .third.fp-completely h2 {
  margin-top: -220px;
  top: 50%;
  -moz-animation: slideDown 1s ease;
  -o-animation: slideDown 1s ease;
  -webkit-animation: slideDown 1s ease;
  animation: slideDown 1s ease;
  opacity: 1;
}
#page-switch-pro .third.fp-completely .intro {
  opacity: 1;
}
#page-switch-pro .third.fp-completely .intro ul {
  /*margin-top: -100px;*/
  bottom: 50%;
  -moz-animation: slideUp 1s ease;
  -o-animation: slideUp 1s ease;
  -webkit-animation: slideUp 1s ease;
  animation: slideUp 1s ease;
  opacity: 1;
}
#page-switch-pro .third h2 {
  /*background-image: url(../images/switch-pro-3-title.png);*/
  width: /*232px*/ 100%;
  margin-left: /*-116px*/ 0;
  left: 0;
  text-align: center;
}
#page-switch-pro .third .intro ul {
  position: absolute;
  margin-right: 60px;
  margin-left: 60px;
  /* margin-top: -344px;*/
  bottom: -224px;
  height: 324px;
  margin-bottom: -224px;
}
#page-switch-pro .third .intro ul li {
  width: 20%;
  text-align: center;
  margin-bottom: 60px;
  padding: 0 35px;
}
#page-switch-pro .third .intro ul li img {
  width: 100%;
}
@media (max-width: 767px) {
  #page-switch-pro .third.fp-completely h2 {
    margin-top: -200px;
  }
  #page-switch-pro .third.fp-completely ul {
    margin-top: -60px;
  }
  #page-switch-pro .third h2 {
    /*width: 232px;*/
    height: 49px;
    /*margin-left: -0.5*232px;*/
  }
  #page-switch-pro .third .intro ul {
    position: absolute;
    margin-bottom: 0;
    margin-right: 30px;
    margin-left: 30px;
  }
  #page-switch-pro .third .intro ul li {
    width: 20%;
    text-align: center;
    margin-bottom: 30px;
    padding: 0 10px;
  }
}
@media (max-width: 539px) {
  #page-switch-pro .third.fp-completely h2 {
    margin-top: -180px;
  }
  #page-switch-pro .third.fp-completely ul {
    margin-top: -80px;
  }
  #page-switch-pro .third h2 {
    /*width: 0.6*232px;*/
    height: 29.4px;
    /*margin-left: -0.3*232px;*/
  }
  #page-switch-pro .third .intro ul {
    margin-right: 10px;
    margin-left: 10px;
  }
  #page-switch-pro .third .intro ul li {
    width: 25%;
    text-align: center;
    margin-bottom: 20px;
    padding: 0 10px;
  }
}
@media (max-width: 400px) {
  #page-switch-pro .third.fp-completely h2 {
    margin-top: -150px;
  }
  #page-switch-pro .third.fp-completely ul {
    margin-top: -80px;
  }
  #page-switch-pro .third h2 {
    /*width: 0.6*232px;*/
    height: 29.4px;
    /*margin-left: -0.3*232px;*/
  }
  #page-switch-pro .third .intro ul {
    margin-right: 10px;
    margin-left: 10px;
  }
  #page-switch-pro .third .intro ul li {
    width: 25%;
    text-align: center;
    margin-bottom: 20px;
    padding: 0 5px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-switch-pro .third.fp-completely h2 {
    margin-top: -200px;
  }
  #page-switch-pro .third.fp-completely ul {
    margin-top: -60px;
  }
  #page-switch-pro .third .intro ul {
    margin-right: 40px;
    margin-left: 40px;
  }
  #page-switch-pro .third .intro ul li {
    padding: 0 15px;
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1600px) {
  #page-switch-pro .third.fp-completely h2 {
    margin-top: -200px;
  }
  #page-switch-pro .third .intro ul {
    margin-right: 60px;
    margin-left: 60px;
  }
  #page-switch-pro .third .intro ul li {
    width: 20%;
    text-align: center;
    margin-bottom: 60px;
  }
}
#page-switch-pro .fourth {
  background-image: url(../images/switch-pro-4.jpg);
}
#page-switch-pro .fourth.fp-completely .intro {
  margin-top: -275px;
  top: 50%;
}
#page-switch-pro .fourth .switch-4-img {
  width: 725px;
  height: 1000px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/switch-pro-4-1.png);
  position: absolute;
  right: -725px;
  top: 50%;
  margin-top: -500px;
}
#page-switch-pro .fourth .intro {
  /*background-image: url(../images/switch-pro-4-2.png);*/
  background-position: center center;
  background-repeat: no-repeat;
  width: /*318px*/ 100%;
  height: 152px;
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  margin-top: -152px;
}
#page-switch-pro .fourth .intro p {
  /*display: none;*/
}
@media (max-width: 767px) {
  #page-switch-pro .fourth.fp-completely .switch-4-img {
    right: 50%!important;
    margin-right: -384px;
  }
  #page-switch-pro .fourth.fp-completely .intro {
    margin-top: 0;
    top: auto!important;
    bottom: 0;
  }
  #page-switch-pro .fourth .switch-4-img {
    background-image: url(../images/switch-pro-4-1-s.png);
    width: 767px;
    height: 278px;
    position: absolute;
    top: auto;
    right: -767px;
    bottom: 0;
    margin-top: -278px;
  }
  #page-switch-pro .fourth .intro {
    background-size: cover;
    /*left: 50%;*/
    /*width: 180px*/
    height: 98px;
    margin-bottom: 120px;
    /*margin-left: -214px;*/
    /*background-image: url(../images/switch-pro-4-2-s.png);*/
  }
}
@media (max-width: 539px) {
  #page-switch-pro .fourth.fp-completely .switch-4-img {
    margin-right: -270px;
  }
  #page-switch-pro .fourth.fp-completely .intro {
    margin-top: -245px;
  }
  #page-switch-pro .fourth .switch-4-img {
    width: 540px;
    height: 196px;
    right: -540px;
    bottom: 0;
    margin-top: -196px;
  }
  #page-switch-pro .fourth .intro {
    width: 126px;
    height: 68px;
    margin-bottom: 94px;
    margin-left: -146px;
  }
}
@media (max-width: 400px) {
  #page-switch-pro .fourth.fp-completely .switch-4-img {
    margin-right: -200px;
  }
  #page-switch-pro .fourth.fp-completely .intro {
    margin-top: -195px;
  }
  #page-switch-pro .fourth .switch-4-img {
    width: 400px;
    height: 144px;
    right: -400px;
    bottom: 0;
    margin-top: -144px;
  }
  #page-switch-pro .fourth .intro {
    width: 110px;
    height: 60px;
    margin-bottom: 58px;
    margin-left: -132px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-switch-pro .fourth.fp-completely .intro {
    margin-top: -345px;
  }
  #page-switch-pro .fourth .switch-4-img {
    background-image: url(../images/switch-pro-4-1-s.png);
    width: 992px;
    height: 360px;
    position: absolute;
    top: auto;
    bottom: 0;
    right: -992px;
    margin-top: 0;
  }
  #page-switch-pro .fourth .intro {
    margin-top: -165px;
    margin-left: -159px;
    left: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  #page-switch-pro .fourth.fp-completely .intro {
    margin-top: -165px;
    left: 100px;
  }
  #page-switch-pro .fourth .switch-4-img {
    width: 556px;
    height: 768px;
    margin-top: -384px;
    right: -556px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-switch-pro .fourth.fp-completely .intro {
    margin-top: -195px;
  }
}
#page-switch-pro .fifth {
  background-image: url(../images/switch-pro-5.jpg);
}
#page-switch-pro .fifth.fp-completely .intro {
  margin-top: -250px;
}
#page-switch-pro .fifth .intro {
  /*background-image: url(../images/switch-pro-5-1.png);*/
  background-position: center center;
  background-repeat: no-repeat;
  width: /*422px*/ 100%;
  height: 152px;
  display: block;
  position: absolute;
  top: 0;
  left: /*50%*/ 0;
  margin-top: -152px;
  margin-left: /*-211px*/ 0;
  text-align: center;
}
#page-switch-pro .fifth .intro p {
  /*display: none;*/
}
@media (max-width: 767px) {
  #page-switch-pro .fifth.fp-completely .intro {
    margin-top: -300px;
  }
  #page-switch-pro .fifth .intro {
    background-size: cover;
    /*width: 422px;*/
    height: 152px;
    margin-top: -152px;
    /*margin-left: -211px;*/
  }
}
@media (max-width: 539px) {
  #page-switch-pro .fifth.fp-completely .intro {
    margin-top: -220px;
  }
  #page-switch-pro .fifth .intro {
    /* width: 0.7*422px;*/
    height: 106.4px;
    margin-top: -106.4px;
    /* margin-left: -0.7*211px;*/
  }
}
@media (max-width: 400px) {
  #page-switch-pro .fifth.fp-completely .intro {
    margin-top: -190px;
  }
  #page-switch-pro .fifth .intro {
    /*width: 0.6*422px;*/
    height: 91.2px;
    margin-top: -91.2px;
    /* margin-left: -0.6*211px;*/
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-switch-pro .fifth.fp-completely .intro {
    margin-top: -290px;
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  #page-switch-pro .fifth.fp-completely .intro {
    margin-top: -135px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-switch-pro .fifth.fp-completely .intro {
    margin-top: -225px;
  }
}
#page-switch-pro .sixth {
  background-image: url(../images/switch-pro-6.jpg);
}
#page-switch-pro .sixth.fp-completely h2 {
  margin-top: -350px;
}
#page-switch-pro .sixth.fp-completely .intro {
  margin-top: -250px;
}
#page-switch-pro .sixth.fp-completely .img {
  margin-top: -100px;
}
#page-switch-pro .sixth h2 {
  /*background-image: url(../images/switch-pro-6-title.png);*/
  width: /*234px*/ 100%;
  margin-left: /*-117px*/ 0;
  text-align: center;
  left: 0;
}
#page-switch-pro .sixth .intro {
  /*background-image: url(../images/switch-pro-6-intro.png);*/
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: /*355px*/ 100%;
  height: 61px;
  display: block;
  position: absolute;
  top: 0;
  left: /*50%*/ 0;
  margin-left: /*-177px*/ 0;
  margin-top: -61px;
}
#page-switch-pro .sixth .intro p {
  /*display: none;*/
}
#page-switch-pro .sixth .img {
  background-image: url(../images/switch-pro-6-1.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 1181px;
  height: 552px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: -552px;
  margin-left: -590px;
}
@media (max-width: 767px) {
  #page-switch-pro .sixth.fp-completely h2 {
    margin-top: -250px;
  }
  #page-switch-pro .sixth.fp-completely .intro {
    margin-top: -150px;
  }
  #page-switch-pro .sixth.fp-completely .img {
    margin-top: 50px;
  }
  #page-switch-pro .sixth h2 {
    /* width: 234px;*/
    height: 49px;
    /*margin-left: -117px;*/
  }
  #page-switch-pro .sixth .intro {
    /*width: 355px;*/
    height: 61px;
    /* margin-left: -177px;*/
    margin-top: -61px;
  }
  #page-switch-pro .sixth .img {
    width: 500px;
    height: 234px;
    margin-top: -234px;
    margin-left: -250px;
  }
}
@media (max-width: 539px) {
  #page-switch-pro .sixth.fp-completely h2 {
    margin-top: -170px;
  }
  #page-switch-pro .sixth.fp-completely .intro {
    margin-top: -100px;
  }
  #page-switch-pro .sixth.fp-completely .img {
    margin-top: 0;
  }
  #page-switch-pro .sixth h2 {
    /*width: 0.7*234px;*/
    height: 34.3px;
    /*margin-left: -0.7*117px;*/
  }
  #page-switch-pro .sixth .intro {
    /*width: 0.7*355px;*/
    height: 42.7px;
    /* margin-left: -0.7*177px;*/
    margin-top: -42.7px;
  }
  #page-switch-pro .sixth .img {
    width: 350px;
    height: 163.8px;
    margin-top: -163.8px;
    margin-left: -175px;
  }
}
@media (max-width: 400px) {
  #page-switch-pro .sixth.fp-completely h2 {
    margin-top: -110px;
  }
  #page-switch-pro .sixth.fp-completely .intro {
    margin-top: -50px;
  }
  #page-switch-pro .sixth.fp-completely .img {
    margin-top: 50px;
  }
  #page-switch-pro .sixth h2 {
    /*width: 0.6*234px;*/
    height: 29.4px;
    /*margin-left: -0.6*117px;*/
  }
  #page-switch-pro .sixth .intro {
    /*width: 0.6*355px;*/
    height: 36.6px;
    /*margin-left: -0.6*177px;*/
    margin-top: -36.6px;
  }
  #page-switch-pro .sixth .img {
    width: 275px;
    height: 128.7px;
    margin-top: -128.7px;
    margin-left: -137.5px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-switch-pro .sixth.fp-completely h2 {
    margin-top: -205px;
  }
  #page-switch-pro .sixth.fp-completely .intro {
    margin-top: -110px;
  }
  #page-switch-pro .sixth.fp-completely .img {
    margin-top: -20px;
  }
  #page-switch-pro .sixth .img {
    width: 661.36px;
    height: 309.12px;
    margin-top: -309.12px;
    margin-left: -330.4px;
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  #page-switch-pro .sixth.fp-completely h2 {
    margin-top: -205px;
  }
  #page-switch-pro .sixth.fp-completely .intro {
    margin-top: -110px;
  }
  #page-switch-pro .sixth.fp-completely .img {
    margin-top: -20px;
  }
  #page-switch-pro .sixth .img {
    width: 661.36px;
    height: 309.12px;
    margin-top: -309.12px;
    margin-left: -330.4px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-switch-pro .sixth.fp-completely h2 {
    margin-top: -245px;
  }
  #page-switch-pro .sixth.fp-completely .intro {
    margin-top: -140px;
  }
  #page-switch-pro .sixth.fp-completely .img {
    margin-top: -40px;
  }
  #page-switch-pro .sixth .img {
    width: 826.7px;
    height: 386.4px;
    margin-top: -386.4px;
    margin-left: -413px;
  }
}
#page-switch-pro .seventh {
  background-image: url(../images/switch-pro-7.jpg);
}
#page-switch-pro .seventh.complete .intro {
  margin-top: -370px;
}
#page-switch-pro .seventh .intro {
  background-image: url(../images/switch-pro-7-1.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 1170px;
  height: 740px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: -740px;
  margin-left: -585px;
}
@media (max-width: 767px) {
  #page-switch-pro .seventh.complete .intro {
    margin-top: -281px;
  }
  #page-switch-pro .seventh .intro {
    background-image: url(../images/switch-pro-7-1-s.png);
    width: 233px;
    height: 602px;
    margin-top: -602px;
    margin-left: -116px;
  }
}
@media (max-width: 539px) {
  #page-switch-pro .seventh.complete .intro {
    margin-top: -236px;
  }
  #page-switch-pro .seventh .intro {
    width: 198px;
    height: 512px;
    margin-top: -512px;
    margin-left: -99px;
  }
}
@media (max-width: 400px) {
  #page-switch-pro .seventh.complete .intro {
    margin-top: -210px;
  }
  #page-switch-pro .seventh .intro {
    width: 178px;
    height: 460px;
    margin-top: -460px;
    margin-left: -89px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-switch-pro .seventh.complete .intro {
    margin-top: -237px;
  }
  #page-switch-pro .seventh .intro {
    width: 750px;
    height: 474px;
    margin-top: -474px;
    margin-left: -375px;
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  #page-switch-pro .seventh.complete .intro {
    margin-top: -207px;
  }
  #page-switch-pro .seventh .intro {
    width: 750px;
    height: 474px;
    margin-top: -474px;
    margin-left: -375px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-switch-pro .seventh.complete .intro {
    margin-top: -277px;
  }
  #page-switch-pro .seventh .intro {
    width: 970px;
    height: 614px;
    margin-top: -614px;
    margin-left: -485px;
  }
}
/** 主机 */
#page-unit .container {
  height: auto;
}
#page-unit .first {
  background-image: url(../images/homepage-6.jpg);
}
#page-unit .first.fp-completely .content h2 {
  margin-top: -300px;
}
#page-unit .first.fp-completely .content .intro {
  margin-top: -130px;
}
#page-unit .first .container {
  height: 100%;
}
#page-unit .first .content {
  position: relative;
  height: 100%;
}
#page-unit .first .content h2 {
  /*background-image: url(../images/homepage-6-title.png);*/
  width: /*423px*/ 100%;
  top: 0;
  left: /*50%*/ 0;
  margin-top: -50px;
  margin-left: /*-211px*/ 0;
  text-align: center;
}
#page-unit .first .content .intro {
  display: block;
  position: absolute;
  left: 50%;
  background-image: url(../images/unit-1-1.png);
  background-size: cover;
  height: 444px;
  width: 900px;
  margin-top: -444px;
  margin-left: -450px;
}
@media (max-width: 767px) {
  #page-unit .first.fp-completely .content h2 {
    margin-top: -170px;
  }
  #page-unit .first.fp-completely .content .intro {
    margin-top: -50px;
  }
  #page-unit .first .content h2 {
    /*width: 0.6 * 423px;
                    margin-left: -0.6 * 211px;*/
  }
  #page-unit .first .content .intro {
    background-position: top right;
    bottom: -193px;
    left: 50%;
    margin-left: -195px;
    height: 193px;
    width: 391px;
  }
}
@media (max-width: 539px) {
  #page-unit .first.fp-completely .content h2 {
    margin-top: -120px;
  }
  #page-unit .first.fp-completely .content .unit {
    margin-top: -10px;
  }
  #page-unit .first .content h2 {
    /*width: 0.6 * 423px;*/
    height: 30px;
    /* margin-left: -0.6 * 211px;*/
  }
  #page-unit .first .content .intro {
    bottom: -178px;
    height: 178px;
    width: 360px;
    margin-left: -180px;
  }
}
@media (max-width: 400px) {
  #page-unit .first.fp-completely .content h2 {
    margin-top: -100px;
  }
  #page-unit .first.fp-completely .content .intro {
    margin-top: -20px;
  }
  #page-unit .first .content h2 {
    /*width: 0.4 * 423px;*/
    height: 20px;
    /*margin-left: -0.4 * 211px;*/
  }
  #page-unit .first .content .intro {
    bottom: -138px;
    height: 138px;
    width: 280px;
    margin-left: -140px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-unit .first.fp-completely .content h2 {
    margin-top: -220px;
  }
  #page-unit .first.fp-completely .content .intro {
    margin-top: -60px;
  }
  #page-unit .first .content .intro {
    height: 257px;
    width: 520px;
    margin-top: -257px;
    margin-left: -260px;
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  #page-unit .first.fp-completely .content h2 {
    margin-top: -200px;
  }
  #page-unit .first.fp-completely .content .intro {
    margin-top: -80px;
  }
  #page-unit .first .content .intro {
    height: 249px;
    width: 504px;
    margin-top: -249px;
    margin-left: -252px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-unit .first.fp-completely .content h2 {
    margin-top: -220px;
  }
  #page-unit .first.fp-completely .content .intro {
    margin-top: -110px;
  }
  #page-unit .first .content .intro {
    height: 320px;
    width: 649px;
    margin-top: -320px;
    margin-left: -324px;
  }
}
#page-unit .second {
  background-color: #efefef;
}
#page-unit .second .col-sm-7,
#page-unit .second .col-sm-5 {
  padding-right: 30px;
  padding-left: 30px;
}
#page-unit .second img {
  max-width: 100%;
  position: relative;
  left: -200%;
}
#page-unit .second p {
  font-size: 18px;
  font-family: "Mircosoft Yahei Light";
  line-height: 36px;
  margin-bottom: 36px;
  color: #000;
  position: relative;
  right: -200%;
}
#page-unit .second p:first-child {
  margin-top: 60px;
}
@media (max-width: 767px) {
  #page-unit .second {
    text-align: center;
  }
  #page-unit .second .col-sm-7,
  #page-unit .second .col-sm-5 {
    padding-right: 20px;
    padding-left: 20px;
  }
  #page-unit .second img {
    margin-top: 52px;
    max-width: 80%;
  }
  #page-unit .second p {
    font-size: 13px;
    line-height: 26px;
    margin-bottom: 26px;
    text-align: left;
  }
  #page-unit .second p:first-child {
    margin-top: 40px;
  }
}
@media (max-width: 539px) {
  #page-unit .second .col-sm-7,
  #page-unit .second .col-sm-5 {
    padding-right: 20px;
    padding-left: 20px;
  }
  #page-unit .second img {
    margin-top: 52px;
    height: auto;
  }
  #page-unit .second p {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 10px;
    text-align: left;
  }
  #page-unit .second p:first-child {
    margin-top: 40px;
  }
}
@media (max-width: 400px) {
  #page-unit .second .col-sm-7,
  #page-unit .second .col-sm-5 {
    padding-right: 20px;
    padding-left: 20px;
  }
  #page-unit .second img {
    margin-top: 52px;
    max-width: 240px;
    height: auto;
  }
  #page-unit .second p {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 10px;
    text-align: left;
  }
  #page-unit .second p:first-child {
    margin-top: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-unit .second {
    text-align: center;
  }
  #page-unit .second p {
    text-align: left;
  }
  #page-unit .second img {
    margin-top: 30px;
    max-width: 80%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-unit .second img {
    margin-top: 70px;
    max-width: 90%;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  #page-unit .second img {
    margin-top: 30px;
    max-width: 90%;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-unit .second img {
    margin-top: 30px;
    max-width: 90%;
  }
}
#page-unit .third {
  background-color: #000;
}
#page-unit .third img {
  position: relative;
  right: -200%;
  max-width: 100%;
}
#page-unit .third p {
  font-size: 18px;
  font-family: "Mircosoft Yahei Light";
  line-height: 36px;
  margin-bottom: 36px;
  position: relative;
  left: -200%;
  color: #fff;
}
@media (max-width: 767px) {
  #page-unit .third p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-unit .third img {
    max-width: 90%;
    margin-top: 100px;
  }
  #page-unit .third p {
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 0;
    margin-top: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  #page-unit .third img {
    max-width: 50%;
  }
  #page-unit .third p {
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 0;
    margin-top: 50px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-unit .third img {
    max-width: 60%;
  }
  #page-unit .third p {
    font-size: 17px;
    line-height: 34px;
    margin-bottom: 0;
    margin-top: 50px;
  }
}
#page-unit .fourth {
  background-image: url(../images/unit-4.jpg);
}
#page-unit .fourth .container {
  height: 100%;
}
#page-unit .fourth.complete .intro {
  margin-top: -310px;
}
#page-unit .fourth .intro {
  background-image: url(../images/unit-4.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 1170px;
  height: 620px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: -620px;
  margin-left: -585px;
}
@media (max-width: 767px) {
  #page-unit .fourth.complete .intro {
    margin-top: -251px;
  }
  #page-unit .fourth .intro {
    background-image: url(../images/unit-4-s.png);
    width: 280px;
    height: 543px;
    margin-top: -543px;
    margin-left: -140px;
  }
}
@media (max-width: 539px) {
  #page-unit .fourth.complete .intro {
    margin-top: -236px;
  }
  #page-unit .fourth .intro {
    width: 264px;
    height: 512px;
    margin-top: -512px;
    margin-left: -132px;
  }
}
@media (max-width: 400px) {
  #page-unit .fourth.complete .intro {
    margin-top: -210px;
  }
  #page-unit .fourth .intro {
    width: 237px;
    height: 460px;
    margin-top: -460px;
    margin-left: -128px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-unit .fourth.complete .intro {
    margin-top: -198px;
  }
  #page-unit .fourth .intro {
    width: 750px;
    height: 397px;
    margin-top: -397px;
    margin-left: -375px;
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  #page-unit .fourth.complete .intro {
    margin-top: -168px;
  }
  #page-unit .fourth .intro {
    width: 750px;
    height: 397px;
    margin-top: -397px;
    margin-left: -375px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-unit .fourth.complete .intro {
    margin-top: -227px;
  }
  #page-unit .fourth .intro {
    width: 970px;
    height: 514px;
    margin-top: -514px;
    margin-left: -485px;
  }
}
/** APP */
#page-app .section .col-sm-8,
#page-app .section .col-sm-7,
#page-app .section .col-sm-6,
#page-app .section .col-sm-5,
#page-app .section .col-sm-4 {
  height: 100%;
}
@media (max-width: 767px) {
  #page-app .section .col-sm-8,
  #page-app .section .col-sm-7,
  #page-app .section .col-sm-6,
  #page-app .section .col-sm-5,
  #page-app .section .col-sm-4 {
    height: auto;
  }
}
#page-app .section .cellphone {
  position: absolute;
  background-repeat: no-repeat;
}
#page-app .first {
  background-image: url(../images/app-1.jpg);
}
#page-app .first.fp-completely h2 {
  margin-top: -280px;
}
#page-app .first.fp-completely .intro {
  margin-top: -190px;
}
#page-app .first .cellphone {
  background-image: url(../images/app-1-1.png);
  background-size: cover;
  width: 766px;
  height: 865px;
  left: 0;
  bottom: -865px;
}
#page-app .first h2 {
  /*background-image: url(../images/app-1-title.png);*/
  background-size: cover;
  width: /* 278px*/ 100%;
  height: 41px;
  margin-top: -41px;
  margin-left: /*-139px*/ 0;
  left: 0;
}
#page-app .first .intro {
  /*background-image: url(../images/app-1-intro.png);*/
  background-size: cover;
  width: /*285px*/ 100%;
  height: 180px;
  position: absolute;
  left: /*50%;*/ 0;
  margin-left: /*-142px*/ 0;
  margin-top: -185px;
}
#page-app .first .intro p {
  /* display: none;*/
}
@media (max-width: 767px) {
  #page-app .first.fp-completely h2 {
    margin-top: -280px;
    text-align: center;
  }
  #page-app .first.fp-completely .intro {
    margin-top: -180px;
    text-align: center;
  }
  #page-app .first.fp-completely .intro ul {
    text-align: left;
    display: inline-block;
  }
  #page-app .first .col-sm-8,
  #page-app .first .col-sm-6,
  #page-app .first .col-sm-4 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #page-app .first .cellphone {
    width: 360px;
    height: 405.6px;
    bottom: -405.6px;
  }
  #page-app .first h2 {
    /*width: 1.2*210px;*/
    height: 37.2px;
    margin-top: -37.2px;
    /*margin-left: -1.2*105px;*/
  }
  #page-app .first .intro {
    /*width: 1.2*220px;*/
    height: 166.8px;
    /* margin-left: -1.2*110px;*/
    margin-top: -166.8px;
  }
}
@media (max-width: 539px) {
  #page-app .first.fp-completely h2 {
    margin-top: -220px;
  }
  #page-app .first.fp-completely .intro {
    margin-top: -150px;
  }
  #page-app .first .cellphone {
    width: 270px;
    height: 304.2px;
    bottom: -304.2px;
  }
  #page-app .first h2 {
    /*width: 0.9*210px;*/
    height: 27.9px;
    margin-top: -27.9px;
    /*margin-left: -0.9*105px;*/
  }
  #page-app .first .intro {
    /*width: 0.9*220px;*/
    height: 125.1px;
    /*margin-left: -0.9*110px;*/
    margin-top: -125.1px;
  }
}
@media (max-width: 400px) {
  #page-app .first.fp-completely h2 {
    margin-top: -180px;
  }
  #page-app .first.fp-completely .intro {
    margin-top: -110px;
  }
  #page-app .first .cellphone {
    width: 200px;
    height: 225px;
    bottom: -225px;
  }
  #page-app .first h2 {
    /*width: 0.8*210px;*/
    height: 24.8px;
    margin-top: -24.8px;
    /*margin-left: -0.8*105px;*/
  }
  #page-app .first .intro {
    /*width: 0.8*220px;*/
    height: 111.2px;
    /*margin-left: -0.8*110px;*/
    margin-top: -111.2px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-app .first .cellphone {
    width: 500px;
    height: 564px;
    bottom: -564px;
  }
  #page-app .first h2 {
    /*width: 210px;*/
    height: 31px;
    margin-top: -31px;
    /*margin-left: -105px;*/
    left: 0;
  }
  #page-app .first .intro {
    /*width: 220px;*/
    height: 139px;
    /* margin-left: -110px;*/
    margin-top: -139px;
    left: 0;
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  #page-app .first.fp-completely h2 {
    margin-top: -145px;
  }
  #page-app .first.fp-completely .intro {
    margin-top: -55px;
  }
  #page-app .first .cellphone {
    width: 443px;
    height: 500px;
    bottom: -500px;
    left: 100px;
  }
  #page-app .first h2 {
    /*width: 210px;*/
    height: 31px;
    margin-top: -31px;
    /*margin-left: -105px;*/
    /*left: 10%;*/
  }
  #page-app .first .intro {
    /*width: 220px;*/
    height: 139px;
    margin-top: -139px;
    /* margin-left: -110px;
                left: 10%;*/
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-app .first.fp-completely h2 {
    margin-top: -145px;
  }
  #page-app .first.fp-completely .intro {
    margin-top: -55px;
  }
  #page-app .first .cellphone {
    width: 531px;
    height: 600px;
    bottom: -600px;
  }
  #page-app .first h2 {
    /*width: 210px;*/
    height: 31px;
    margin-top: -31px;
    /*margin-left: -105px;
                left: 10%;*/
  }
  #page-app .first .intro {
    /*width: 220px;*/
    height: 139px;
    margin-top: -139px;
    /*margin-left: -110px;
                left: 10%;*/
  }
}
#page-app .second {
  background-image: url(../images/app-2.jpg);
}
#page-app .second.fp-completely h2 {
  margin-top: -250px;
}
#page-app .second.fp-completely .intro {
  margin-top: -150px;
}
#page-app .second .cellphone {
  background-position: center center;
  background-size: cover;
  background-image: url(../images/app-2-1.png);
  width: 1084px;
  height: 1035px;
  top: 50%;
  right: -1084px;
  margin-top: -517px;
}
#page-app .second h2 {
  /* background-image: url(../images/app-2-title.png);*/
  background-size: cover;
  /*width: 186px;*/
  width: 100%;
  height: 40px;
  margin-top: -40px;
  /*margin-left: -93px;*/
  left: 0;
}
#page-app .second .intro {
  /*background-image: url(../images/app-2-intro.png);*/
  background-size: cover;
  /*width: 261px;*/
  width: 100%;
  height: 60px;
  position: absolute;
  /*left: 50%;*/
  margin-top: -60px;
  /*margin-left: -130px;*/
  left: 0;
}
#page-app .second .intro p {
  /*display: none;*/
}
@media (max-width: 767px) {
  #page-app .second.fp-completely h2 {
    margin-top: -250px;
    text-align: center;
  }
  #page-app .second.fp-completely .intro {
    margin-top: -170px;
    text-align: center;
  }
  #page-app .second.fp-completely .intro ul {
    text-align: left;
    display: inline-block;
  }
  #page-app .second .col-sm-8,
  #page-app .second .col-sm-6,
  #page-app .second .col-sm-4 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #page-app .second .cellphone {
    background-image: url(../images/app-2-1-s.png);
    width: 421.09375px;
    height: 503.90625px;
    right: -421.09375px;
    top: auto;
    bottom: 0;
    margin-top: 0;
  }
}
@media (max-width: 539px) {
  #page-app .second.fp-completely h2 {
    margin-top: -225px;
  }
  #page-app .second.fp-completely .intro {
    margin-top: -160px;
  }
  #page-app .second h2 {
    /*width: 0.9*186px;*/
    height: 36px;
    margin-top: -36px;
    /*margin-left: -0.9*93px;*/
  }
  #page-app .second .intro {
    /*width: 0.9*261px;*/
    height: 54px;
    margin-top: -54px;
    /*margin-left: -0.9*130px;*/
  }
  #page-app .second .cellphone {
    width: 336.875px;
    height: 403.125px;
    right: -336.875px;
  }
}
@media (max-width: 400px) {
  #page-app .second.fp-completely h2 {
    margin-top: -170px;
  }
  #page-app .second.fp-completely .intro {
    margin-top: -120px;
  }
  #page-app .second h2 {
    /*width: 0.7*186px;*/
    height: 28px;
    margin-top: -28px;
    /*margin-left: -0.7*93px;*/
  }
  #page-app .second .intro {
    /*width: 0.7*261px;*/
    height: 42px;
    margin-top: -42px;
    /*margin-left: -0.7*130px;*/
  }
  #page-app .second .cellphone {
    width: 269.5px;
    height: 322.5px;
    right: -269.5px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-app .second.fp-completely h2 {
    margin-top: -175px;
  }
  #page-app .second.fp-completely .intro {
    margin-top: -75px;
  }
  #page-app .second h2,
  #page-app .second .intro {
    left: 400px;
  }
}
@media (min-width: 992px) and (max-width: 1439px) {
  #page-app .second.fp-completely h2 {
    margin-top: -135px;
  }
  #page-app .second.fp-completely .intro {
    margin-top: -35px;
  }
  #page-app .second .cellphone {
    width: 804px;
    height: 768px;
    right: -804px;
    margin-top: -384px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-app .second.fp-completely h2 {
    margin-top: -135px;
  }
  #page-app .second.fp-completely .intro {
    margin-top: -35px;
  }
  #page-app .second .cellphone {
    width: 880px;
    height: 840px;
    right: -880px;
    margin-top: -420px;
  }
}
#page-app .third {
  background-image: url(../images/app-3.jpg);
}
#page-app .third.fp-completely h2 {
  margin-top: -140px;
}
#page-app .third.fp-completely .intro {
  margin-top: -30px;
}
#page-app .third .cellphone {
  background-position: center center;
  background-size: cover;
  background-image: url(../images/app-3-1.png);
  width: 965px;
  height: 865px;
  bottom: 0;
  left: -965px;
}
#page-app .third h2 {
  /*background-image: url(../images/app-3-title.png);*/
  width: /*353px*/ 100%;
  height: 51px;
  margin-left: /*-176px*/ 0;
  margin-top: -51px;
  left: 0;
  text-align: center;
}
#page-app .third .intro {
  /*background-image: url(../images/app-3-intro.png);*/
  width: /*558px*/ 100%;
  height: 75px;
  position: absolute;
  left: /*50%*/ 0;
  margin-left: /*-279px*/ 0;
  margin-top: -75px;
  text-align: center;
}
#page-app .third .intro ul {
  display: inline-block;
  text-align: left;
}
#page-app .third .intro p {
  /* display: none;*/
}
@media (max-width: 767px) {
  #page-app .third .col-sm-8,
  #page-app .third .col-sm-6,
  #page-app .third .col-sm-4 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #page-app .third.fp-completely h2 {
    margin-top: -190px;
  }
  #page-app .third.fp-completely .intro {
    margin-top: -80px;
  }
  #page-app .third .cellphone {
    width: 360px;
    height: 321.6px;
    bottom: 0;
    left: -360px;
  }
  #page-app .third h2 {
    /* width: 1.2*208px;*/
    height: 36px;
    /*margin-left: -1.2*104px;*/
    margin-top: -36px;
    background-size: cover;
  }
  #page-app .third .intro {
    background-size: cover;
    /*width: 1.2*300px;*/
    height: 48px;
    /* margin-left: -1.2*150px;*/
    margin-top: -48px;
  }
}
@media (max-width: 539px) {
  #page-app .third.fp-completely h2 {
    margin-top: -120px;
  }
  #page-app .third.fp-completely .intro {
    margin-top: -35px;
  }
  #page-app .third .cellphone {
    width: 300px;
    height: 268px;
    bottom: 0;
    left: -300px;
  }
  #page-app .third h2 {
    /* width: 208px;*/
    height: 30px;
    /*margin-left: -104px;*/
    margin-top: -30px;
  }
  #page-app .third .intro {
    /*width: 300px;*/
    height: 40px;
    /*margin-left: -150px;*/
    margin-top: -40px;
  }
}
@media (max-width: 400px) {
  #page-app .third.fp-completely h2 {
    margin-top: -100px;
  }
  #page-app .third.fp-completely .intro {
    margin-top: -45px;
  }
  #page-app .third .cellphone {
    width: 210px;
    height: 187.6px;
    left: -210px;
  }
  #page-app .third h2 {
    /*width: 0.8*208px;*/
    height: 24px;
    /*margin-left: -0.8*104px;*/
    margin-top: -24px;
  }
  #page-app .third .intro {
    /*width: 0.8*300px;*/
    height: 32px;
    /* margin-left: -0.8*150px;*/
    margin-top: -32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-app .third.fp-completely h2 {
    margin-top: -220px;
  }
  #page-app .third.fp-completely .intro {
    margin-top: -110px;
  }
  #page-app .third .cellphone {
    width: 574px;
    height: 515px;
    left: -574px;
  }
  #page-app .third h2 {
    /*width: 312px;*/
    height: 45px;
    /*margin-left: -156px;*/
    margin-top: -45px;
    background-size: cover;
    left: 0;
  }
  #page-app .third .intro {
    background-size: cover;
    /*width: 450px;*/
    height: 60px;
    /*margin-left: -200px;*/
    margin-top: -60px;
    left: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-app .third.fp-completely h2 {
    margin-top: -120px;
  }
  #page-app .third.fp-completely .intro {
    margin-top: -10px;
  }
  #page-app .third .cellphone {
    width: 574px;
    height: 515px;
    left: -574px;
  }
  #page-app .third h2 {
    /*width: 312px;*/
    height: 45px;
    /* margin-left: -156px;*/
    margin-top: -45px;
    background-size: cover;
  }
  #page-app .third .intro {
    background-size: cover;
    /*width: 450px;*/
    height: 60px;
    /*margin-left: -200px;*/
    margin-top: -60px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  #page-app .third.fp-completely h2 {
    margin-top: -140px;
  }
  #page-app .third.fp-completely .intro {
    margin-top: -30px;
  }
  #page-app .third .cellphone {
    width: 574px;
    height: 515px;
    left: -574px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-app .third.fp-completely h2 {
    margin-top: -140px;
  }
  #page-app .third.fp-completely .intro {
    margin-top: -30px;
  }
  #page-app .third .cellphone {
    width: 686px;
    height: 615px;
    left: -686px;
  }
}
#page-app .fourth {
  background-image: url(../images/app-4.jpg);
}
#page-app .fourth.complete h2 {
  margin-top: -200px;
}
#page-app .fourth.complete .intro {
  margin-top: -80px;
}
#page-app .fourth .cellphone {
  background-position: right bottom;
  background-size: cover;
  background-image: url(../images/app-4-1.png);
  width: 684px;
  height: 815px;
  bottom: -815px;
}
#page-app .fourth h2 {
  width: /* 233px*/ 100%;
  height: 50px;
  /* background-image: url(../images/app-4-title.png);*/
  background-size: cover;
  margin-left: /*-116px*/ 0;
  margin-top: -50px;
  left: 0;
  text-align: center;
}
#page-app .fourth .intro {
  /*background-image: url(../images/app-4-intro.png);*/
  background-size: cover;
  width: /*356px*/ 100%;
  height: 125px;
  position: absolute;
  left: /*50%*/ 0;
  margin-left: /*-178px*/ 0;
  margin-top: -125px;
  text-align: center;
}
#page-app .fourth .intro ul {
  display: inline-block;
  text-align: left;
}
#page-app .fourth .intro p {
  /*display: none;*/
}
@media (max-width: 767px) {
  #page-app .fourth .col-sm-8,
  #page-app .fourth .col-sm-6,
  #page-app .fourth .col-sm-4 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #page-app .fourth.complete h2 {
    margin-top: -260px;
  }
  #page-app .fourth.complete .intro {
    margin-top: -160px;
  }
  #page-app .fourth .cellphone {
    width: 360px;
    height: 428.4px;
    bottom: -428.4px;
    right: 50px;
  }
  #page-app .fourth h2 {
    /*width: 0.85*233px;*/
    height: 42.5px;
    /*margin-left: -0.85*0.5*233px;*/
    margin-top: -42.5px;
  }
  #page-app .fourth .intro {
    /*width: 0.85*356px;*/
    height: 106.25px;
    /*margin-left: -0.85*0.5*356px;*/
    margin-top: -106.25px;
  }
}
@media (max-width: 539px) {
  #page-app .fourth.complete h2 {
    margin-top: -180px;
  }
  #page-app .fourth.complete .intro {
    margin-top: -100px;
  }
  #page-app .fourth .cellphone {
    width: 240px;
    height: 285.6px;
    bottom: -285.6px;
    right: 30px;
  }
  #page-app .fourth h2 {
    /*width: 0.65*233px;*/
    height: 32.5px;
    /*margin-left: -0.65*0.5*233px;*/
    margin-top: -32.5px;
  }
  #page-app .fourth .intro {
    /*width: 0.65*356px;*/
    height: 81.25px;
    /*margin-left: -0.65*0.5*356px;*/
    margin-top: -81.25px;
  }
}
@media (max-width: 400px) {
  #page-app .fourth.complete h2 {
    margin-top: -140px;
  }
  #page-app .fourth.complete .intro {
    margin-top: -70px;
  }
  #page-app .fourth .cellphone {
    width: 180px;
    height: 214.2px;
    bottom: -214.2px;
    right: 30px;
  }
  #page-app .fourth h2 {
    /* width: 0.5*233px;*/
    height: 25px;
    /*margin-left: -0.5*0.5*233px;*/
    margin-top: -25px;
  }
  #page-app .fourth .intro {
    /*width: 0.5*356px;*/
    height: 62.5px;
    /*margin-left: -0.5*0.5*356px;*/
    margin-top: -62.5px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-app .fourth.complete h2 {
    margin-top: -200px;
  }
  #page-app .fourth.complete .intro {
    margin-top: -80px;
  }
  #page-app .fourth .cellphone {
    width: 547.2px;
    height: 652px;
    bottom: -652px;
    background-size: cover;
  }
  #page-app .fourth h2 {
    /*width: 0.7*233px;*/
    height: 35px;
    /*margin-left: -0.7*0.5*233px;*/
    margin-top: -35px;
  }
  #page-app .fourth .intro {
    /*width: 0.7*356px;*/
    height: 87.5px;
    /*margin-left: -0.7*0.5*356px;*/
    margin-top: -87.5px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-app .fourth.complete h2 {
    margin-top: -85px;
  }
  #page-app .fourth.complete .intro {
    margin-top: 35px;
  }
  #page-app .fourth .cellphone {
    width: 432px;
    height: 515px;
    bottom: -515px;
  }
  #page-app .fourth h2 {
    /*width: 0.9*233px;*/
    height: 45px;
    /*margin-left: -0.9*0.5*233px;*/
    margin-top: -45px;
  }
  #page-app .fourth .intro {
    /*width: 0.9*356px;*/
    height: 112.5px;
    /*margin-left: -0.9*0.5*356px;*/
    margin-top: -112.5px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  #page-app .fourth.complete h2 {
    margin-top: -90px;
  }
  #page-app .fourth.complete .intro {
    margin-top: 0;
  }
  #page-app .fourth .cellphone {
    width: 432px;
    height: 515px;
    bottom: -515px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-app .fourth.complete h2 {
    margin-top: -115px;
  }
  #page-app .fourth.complete .intro {
    margin-top: 5px;
  }
  #page-app .fourth .cellphone {
    width: 516px;
    height: 615px;
    bottom: -615px;
  }
}
/** 生态产品 */
#page-ecology .section.fp-completely .intro {
  margin-top: -40px;
}
#page-ecology .section .img {
  background-size: cover;
}
#page-ecology .section h2 {
  left: 15px;
  margin-top: -120px;
}
#page-ecology .section .intro {
  position: absolute;
  top: 0;
  padding-right: 90px;
  margin-top: -108px;
}
#page-ecology .section .intro p {
  font-size: 18px;
  line-height: 36px;
  color: #fff;
}
@media (max-width: 767px) {
  #page-ecology .section .col-md-6 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #page-ecology .section #footer-navs .col-md-6 {
    position: relative;
  }
  #page-ecology .section .img {
    left: 50%;
  }
  #page-ecology .section h2 {
    height: 41.65px;
    left: /*50%*/ 0;
    text-align: center;
    width: 100%;
  }
  #page-ecology .section .intro {
    text-align: center;
    padding-right: 25px;
    padding-left: 25px;
  }
  #page-ecology .section .intro p {
    font-size: 14px;
    line-height: 28px;
  }
}
@media (max-width: 539px) {
  #page-ecology .section h2 {
    height: 31.85px;
  }
  #page-ecology .section .intro {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 400px) {
  #page-ecology .section h2 {
    height: 24.5px;
  }
  #page-ecology .section .intro {
    padding-right: 20px;
    padding-left: 20px;
  }
  #page-ecology .section .intro p {
    font-size: 13px;
    line-height: 26px;
  }
}
@media (max-width: 321px) {
  #page-ecology .section h2 {
    height: 22.05px;
  }
  #page-ecology .section .intro {
    padding-right: 15px;
    padding-left: 15px;
  }
  #page-ecology .section .intro p {
    font-size: 12px;
    line-height: 24px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-ecology .section .col-md-6 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #page-ecology .section .img {
    left: 50%;
  }
  #page-ecology .section h2 {
    height: 34.3px;
    /*left: 50%;*/
  }
  #page-ecology .section .intro {
    text-align: center;
    padding-right: 70px;
    padding-left: 70px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-ecology .section h2 {
    height: 44.1px;
  }
  #page-ecology .section .intro {
    padding-right: 50px;
  }
}
#page-ecology .first {
  background-image: url(../images/ecology-1.jpg);
}
#page-ecology .first.fp-completely .img {
  margin-top: -231px;
}
#page-ecology .first .img {
  background-image: url(../images/ecology-1-img.png);
  width: 520px;
  height: 463px;
  margin-top: -463px;
  position: absolute;
}
#page-ecology .first h2 {
  /*background-image: url(../images/ecology-1-title.png);*/
  width: /*229px;*/ 100%;
}
@media (max-width: 767px) {
  #page-ecology .first.fp-completely .img {
    margin-top: -274.1px;
  }
  #page-ecology .first.fp-completely h2 {
    margin-top: 70px;
  }
  #page-ecology .first.fp-completely .intro {
    margin-top: 110px;
  }
  #page-ecology .first .img {
    width: 364px;
    height: 324.1px;
    margin-top: -324.1px;
    margin-left: -182px;
  }
  #page-ecology .first h2 {
    /*width: 0.85*229px;
                margin-left: -0.5*0.85*229px;*/
  }
}
@media (max-width: 539px) {
  #page-ecology .first.fp-completely .img {
    margin-top: -227.8px;
  }
  #page-ecology .first.fp-completely h2 {
    margin-top: 70px;
  }
  #page-ecology .first.fp-completely .intro {
    margin-top: 130px;
  }
  #page-ecology .first .img {
    width: 312px;
    height: 277.8px;
    margin-top: -277.8px;
    margin-left: -156px;
  }
  #page-ecology .first h2 {
    /* width: 0.65*229px;
                margin-left: -0.5*0.65*229px;*/
  }
}
@media (max-width: 400px) {
  #page-ecology .first.fp-completely .img {
    margin-top: -205.2px;
  }
  #page-ecology .first.fp-completely h2 {
    margin-top: 40px;
  }
  #page-ecology .first.fp-completely .intro {
    margin-top: 90px;
  }
  #page-ecology .first .img {
    width: 260px;
    height: 231.5px;
    margin-top: -231.5px;
    margin-left: -130px;
  }
  #page-ecology .first h2 {
    /*width: 0.5*229px;
                margin-left: -0.5*0.5*229px;*/
  }
}
@media (max-width: 321px) {
  #page-ecology .first.fp-completely .img {
    margin-top: -165.2px;
  }
  #page-ecology .first.fp-completely h2 {
    margin-top: 40px;
  }
  #page-ecology .first.fp-completely .intro {
    margin-top: 90px;
  }
  #page-ecology .first .img {
    width: 208px;
    height: 185.2px;
    margin-top: -185.2px;
    margin-left: -104px;
  }
  #page-ecology .first h2 {
    /* width: 0.45*229px;
                margin-left: -0.5*0.45*229px;*/
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-ecology .first.fp-completely .img {
    margin-top: -274.1px;
  }
  #page-ecology .first.fp-completely h2 {
    margin-top: 70px;
  }
  #page-ecology .first.fp-completely .intro {
    margin-top: 130px;
  }
  #page-ecology .first .img {
    width: 364px;
    height: 324.1px;
    margin-top: -324.1px;
    margin-left: -182px;
  }
  #page-ecology .first h2 {
    /*width: 0.7*229px;
                margin-left: -0.5*0.7*229px;*/
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-ecology .first.fp-completely .img {
    margin-top: -184.8px;
  }
  #page-ecology .first .img {
    width: 416px;
    height: 370.4px;
    margin-top: -370.4px;
  }
  #page-ecology .first h2 {
    /*width: 0.9*229px;*/
  }
}
#page-ecology .second {
  background-image: url(../images/ecology-2.jpg);
}
#page-ecology .second.fp-completely .img {
  margin-top: -293px;
}
#page-ecology .second .img {
  background-image: url(../images/ecology-2-img.png);
  width: 535px;
  height: 586px;
  position: absolute;
  margin-top: -586px;
}
#page-ecology .second h2 {
  /*background-image: url(../images/ecology-2-title.png);*/
  /*width: 172px;*/
}
@media (max-width: 767px) {
  #page-ecology .second.fp-completely .img {
    margin-top: -340.2px;
  }
  #page-ecology .second.fp-completely h2 {
    margin-top: 120px;
  }
  #page-ecology .second.fp-completely .intro {
    margin-top: 180px;
  }
  #page-ecology .second .img {
    width: 374.5px;
    height: 410.2px;
    margin-top: -410.2px;
    margin-left: -187.25px;
  }
  #page-ecology .second h2 {
    /*width: 0.85*172px;
                margin-left: -0.35*0.85*172px;*/
  }
}
@media (max-width: 539px) {
  #page-ecology .second.fp-completely .img {
    margin-top: -281.6px;
  }
  #page-ecology .second.fp-completely h2 {
    margin-top: 120px;
  }
  #page-ecology .second.fp-completely .intro {
    margin-top: 180px;
  }
  #page-ecology .second .img {
    width: 321px;
    height: 351.6px;
    margin-top: -351.6px;
    margin-left: -160.5px;
  }
  #page-ecology .second h2 {
    /*width: 0.65*172px;
                margin-left: -0.35*0.65*172px;*/
  }
}
@media (max-width: 400px) {
  #page-ecology .second.fp-completely .img {
    margin-top: -243px;
  }
  #page-ecology .second.fp-completely h2 {
    margin-top: 90px;
  }
  #page-ecology .second.fp-completely .intro {
    margin-top: 140px;
  }
  #page-ecology .second .img {
    width: 267.5px;
    height: 293px;
    margin-top: -293px;
    margin-left: -133.75px;
  }
  #page-ecology .second h2 {
    /*width: 0.5*172px;
                margin-left: -0.35*0.5*172px;*/
  }
}
@media (max-width: 400px) {
  #page-ecology .second.fp-completely .img {
    margin-top: -184.4px;
  }
  #page-ecology .second.fp-completely h2 {
    margin-top: 90px;
  }
  #page-ecology .second.fp-completely .intro {
    margin-top: 130px;
  }
  #page-ecology .second .img {
    width: 214px;
    height: 234.4px;
    margin-top: -234.4px;
    margin-left: -107px;
  }
  #page-ecology .second h2 {
    /*width: 82px;
                margin-left: -0.35*0.45*172px;*/
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-ecology .second.fp-completely .img {
    margin-top: -340.2px;
  }
  #page-ecology .second.fp-completely h2 {
    margin-top: 120px;
  }
  #page-ecology .second.fp-completely .intro {
    margin-top: 180px;
  }
  #page-ecology .second .img {
    width: 374.5px;
    height: 410.2px;
    margin-top: -410.2px;
    margin-left: -187.25px;
  }
  #page-ecology .second h2 {
    /*width: 0.7*172px;
                margin-left: -0.35*0.7*172px;*/
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-ecology .second.fp-completely .img {
    margin-top: -234.4px;
  }
  #page-ecology .second .img {
    width: 428px;
    height: 468.8px;
    margin-top: -468.8px;
  }
  #page-ecology .second h2 {
    /* width: 0.9*172px;*/
  }
}
#page-ecology .third {
  background-image: url(../images/ecology-3.jpg);
}
#page-ecology .third.fp-completely .img {
  margin-top: -347px;
}
#page-ecology .third .img {
  background-image: url(../images/ecology-3-img.png);
  width: 464px;
  height: 694px;
  position: absolute;
  margin-top: -694px;
}
#page-ecology .third h2 {
  /*background-image: url(../images/ecology-3-title.png);*/
  /*width: 292px;*/
}
#page-ecology .third .intro p {
  color: /*rgba(0, 0, 0, 0.6)*/ #ffffff;
}
@media (max-width: 767px) {
  #page-ecology .third.fp-completely .img {
    margin-top: -259.84px;
  }
  #page-ecology .third.fp-completely h2 {
    margin-top: 200px;
  }
  #page-ecology .third.fp-completely .intro {
    margin-top: 240px;
  }
  #page-ecology .third .img {
    width: 259.84px;
    height: 388.64px;
    margin-top: -388.64px;
    margin-left: -129.92px;
  }
  #page-ecology .third h2 {
    /*width: 0.85*292px;
                margin-left: -0.5*0.85*292px;*/
  }
}
@media (max-width: 539px) {
  #page-ecology .third.fp-completely .img {
    margin-top: -232px;
  }
  #page-ecology .third.fp-completely h2 {
    margin-top: 150px;
  }
  #page-ecology .third.fp-completely .intro {
    margin-top: 210px;
  }
  #page-ecology .third .img {
    width: 232px;
    height: 347px;
    margin-top: -347px;
    margin-left: -116px;
  }
  #page-ecology .third h2 {
    /*width: 0.65*292px;
                margin-left: -0.35*0.65*292px;*/
  }
}
@media (max-width: 400px) {
  #page-ecology .third.fp-completely .img {
    margin-top: -214.88px;
  }
  #page-ecology .third.fp-completely h2 {
    margin-top: 120px;
  }
  #page-ecology .third.fp-completely .intro {
    margin-top: 170px;
  }
  #page-ecology .third .img {
    width: 194.88px;
    height: 291.48px;
    margin-top: -291.48px;
    margin-left: -97.44px;
  }
  #page-ecology .third h2 {
    /* width: 0.5*292px;
                margin-left: -0.5*0.5*292px;*/
  }
}
@media (max-width: 321px) {
  #page-ecology .third.fp-completely .img {
    margin-top: -185.6px;
  }
  #page-ecology .third.fp-completely h2 {
    margin-top: 110px;
  }
  #page-ecology .third.fp-completely .intro {
    margin-top: 150px;
  }
  #page-ecology .third .img {
    width: 185.6px;
    height: 277.6px;
    margin-top: -277.6px;
    margin-left: -92.8px;
  }
  #page-ecology .third h2 {
    /*width: 0.45*292px;
                margin-left: -0.5*0.45*292px;*/
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-ecology .third.fp-completely .img {
    margin-top: -324.8px;
  }
  #page-ecology .third.fp-completely h2 {
    margin-top: 200px;
  }
  #page-ecology .third.fp-completely .intro {
    margin-top: 260px;
  }
  #page-ecology .third .img {
    width: 324.8px;
    height: 485.8px;
    margin-top: -485.8px;
    margin-left: -162.4px;
  }
  #page-ecology .third h2 {
    /*width: 0.7*292px;
                margin-left: -0.35*0.7*292px;*/
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-ecology .third.fp-completely .img {
    margin-top: -277.6px;
  }
  #page-ecology .third .img {
    width: 371.2px;
    height: 555.2px;
    margin-top: -555.2px;
  }
  #page-ecology .third h2 {
    /*width: 0.9*292px;*/
  }
}
#page-ecology .fourth {
  background-image: url(../images/ecology-4.jpg);
}
#page-ecology .fourth.fp-completely .img {
  margin-top: -314px;
}
#page-ecology .fourth .img {
  background-image: url(../images/ecology-4-img.png);
  width: 396px;
  height: 628px;
  position: absolute;
  margin-top: -628px;
}
#page-ecology .fourth h2 {
  /*background-image: url(../images/ecology-4-title.png);*/
  /*width: 231px;*/
}
@media (max-width: 767px) {
  #page-ecology .fourth.fp-completely .img {
    margin-top: -298.2px;
  }
  #page-ecology .fourth.fp-completely h2 {
    margin-top: 180px;
  }
  #page-ecology .fourth.fp-completely .intro {
    margin-top: 240px;
  }
  #page-ecology .fourth .img {
    width: 257.4px;
    height: 408.2px;
    margin-top: -408.2px;
    margin-left: -128.7px;
  }
  #page-ecology .fourth h2 {
    /*width: 0.85*231px;
                margin-left: -0.5*0.85*231px;*/
  }
}
@media (max-width: 539px) {
  #page-ecology .fourth.fp-completely .img {
    margin-top: -234px;
  }
  #page-ecology .fourth.fp-completely h2 {
    margin-top: 130px;
  }
  #page-ecology .fourth.fp-completely .intro {
    margin-top: 190px;
  }
  #page-ecology .fourth .img {
    width: 198px;
    height: 314px;
    margin-top: -314px;
    margin-left: -99px;
  }
  #page-ecology .fourth h2 {
    /*width: 0.65*231px;
                margin-left: -0.5*0.65*231px;*/
  }
}
@media (max-width: 400px) {
  #page-ecology .fourth.fp-completely .img {
    margin-top: -193.76px;
  }
  #page-ecology .fourth.fp-completely h2 {
    margin-top: 120px;
  }
  #page-ecology .fourth.fp-completely .intro {
    margin-top: 170px;
  }
  #page-ecology .fourth .img {
    width: 166.32px;
    height: 263.76px;
    margin-top: -263.76px;
    margin-left: -83.16px;
  }
  #page-ecology .fourth h2 {
    /*width: 0.5*231px;
                margin-left: -0.5*0.5*231px;*/
  }
}
@media (max-width: 321px) {
  #page-ecology .fourth.fp-completely .img {
    margin-top: -206.2px;
  }
  #page-ecology .fourth.fp-completely h2 {
    margin-top: 95px;
  }
  #page-ecology .fourth.fp-completely .intro {
    margin-top: 140px;
  }
  #page-ecology .fourth .img {
    width: 158.4px;
    height: 251.2px;
    margin-top: -251.2px;
    margin-left: -79.2px;
  }
  #page-ecology .fourth h2 {
    /*width: 0.45*231px;
                margin-left: -0.35*0.45*231px;*/
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-ecology .fourth.fp-completely .img {
    margin-top: -339.6px;
  }
  #page-ecology .fourth.fp-completely h2 {
    margin-top: 200px;
  }
  #page-ecology .fourth.fp-completely .intro {
    margin-top: 260px;
  }
  #page-ecology .fourth .img {
    width: 277.2px;
    height: 439.6px;
    margin-top: -439.6px;
    margin-left: -138.6px;
  }
  #page-ecology .fourth h2 {
    /*width: 0.7*231px;
                margin-left: -0.35*0.7*231px;*/
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-ecology .fourth.fp-completely .img {
    margin-top: -251.2px;
  }
  #page-ecology .fourth .img {
    width: 316.8px;
    height: 502.4px;
    margin-top: -502.4px;
  }
  #page-ecology .fourth h2 {
    /*width: 0.9*231px;*/
  }
}
#page-ecology .fifth {
  background-image: url(../images/ecology-5.jpg);
}
#page-ecology .fifth.fp-completely .img {
  margin-top: -350px;
}
#page-ecology .fifth .img {
  background-image: url(../images/ecology-5-img.png);
  width: 410px;
  height: 700px;
  position: absolute;
  margin-top: -700px;
}
#page-ecology .fifth h2 {
  /*background-image: url(../images/ecology-5-title.png);*/
  /*width: 234px;*/
}
@media (max-width: 767px) {
  #page-ecology .fifth.fp-completely .img {
    margin-top: -305px;
  }
  #page-ecology .fifth.fp-completely h2 {
    margin-top: 210px;
  }
  #page-ecology .fifth.fp-completely .intro {
    margin-top: 270px;
  }
  #page-ecology .fifth .img {
    width: 266.5px;
    height: 455px;
    margin-top: -455px;
    margin-left: -133.25px;
  }
  #page-ecology .fifth h2 {
    /*width: 0.85*234px;
                margin-left: -0.5*0.85*234px;*/
  }
}
@media (max-width: 539px) {
  #page-ecology .fifth.fp-completely .img {
    margin-top: -225px;
  }
  #page-ecology .fifth.fp-completely h2 {
    margin-top: 130px;
  }
  #page-ecology .fifth.fp-completely .intro {
    margin-top: 180px;
  }
  #page-ecology .fifth .img {
    width: 184.5px;
    height: 315px;
    margin-top: -315px;
    margin-left: -92.25px;
  }
  #page-ecology .fifth h2 {
    /*width: 0.65*234px;
                margin-left: -0.5*0.65*234px;*/
  }
}
@media (max-width: 400px) {
  #page-ecology .fifth.fp-completely .img {
    margin-top: -224px;
  }
  #page-ecology .fifth.fp-completely h2 {
    margin-top: 110px;
  }
  #page-ecology .fifth.fp-completely .intro {
    margin-top: 160px;
  }
  #page-ecology .fifth .img {
    width: 172.2px;
    height: 294px;
    margin-top: -294px;
    margin-left: -86.1px;
  }
  #page-ecology .fifth h2 {
    /*width: 0.5*234px;
                margin-left: -0.5*0.5*234px;*/
  }
}
@media (max-width: 321px) {
  #page-ecology .fifth.fp-completely .img {
    margin-top: -200px;
  }
  #page-ecology .fifth.fp-completely h2 {
    margin-top: 110px;
  }
  #page-ecology .fifth.fp-completely .intro {
    margin-top: 150px;
  }
  #page-ecology .fifth .img {
    width: 164px;
    height: 280px;
    margin-top: -280px;
    margin-left: -82px;
  }
  #page-ecology .fifth h2 {
    /*width: 0.45*234px;
                margin-left: -0.35*0.45*234px;*/
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-ecology .fifth.fp-completely .img {
    margin-top: -360px;
  }
  #page-ecology .fifth.fp-completely h2 {
    margin-top: 220px;
  }
  #page-ecology .fifth.fp-completely .intro {
    margin-top: 280px;
  }
  #page-ecology .fifth .img {
    width: 287px;
    height: 490px;
    margin-top: -490px;
    margin-left: -143.5px;
  }
  #page-ecology .fifth h2 {
    /*width: 0.7*234px;
                margin-left: -0.35*0.7*234px;*/
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-ecology .fifth.fp-completely .img {
    margin-top: -280px;
  }
  #page-ecology .fifth .img {
    width: 328px;
    height: 560px;
    margin-top: -560px;
  }
  #page-ecology .fifth h2 {
    /*width: 0.9*234px;*/
  }
}
#page-ecology .sixth {
  background-image: url(../images/ecology-6.jpg);
}
#page-ecology .sixth.complete h2 {
  margin-top: -120px;
}
#page-ecology .sixth.complete .intro {
  margin-top: -40px;
}
#page-ecology .sixth h2 {
  /*background-image: url(../images/ecology-6-title.png);*/
  /*width: 230px;*/
}
@media (max-width: 767px) {
  #page-ecology .sixth h2 {
    /*width: 0.85*230px;
                margin-left: -0.35*0.85*230px;*/
  }
}
@media (max-width: 539px) {
  #page-ecology .sixth h2 {
    /*width: 0.65*230px;
                margin-left: -0.35*0.65*230px;*/
  }
}
@media (max-width: 400px) {
  #page-ecology .sixth h2 {
    /*width: 0.5*230px;
                margin-left: -0.35*0.5*230px;*/
  }
}
@media (max-width: 321px) {
  #page-ecology .sixth.complete h2 {
    margin-top: -80px;
  }
  #page-ecology .sixth.complete .intro {
    margin-top: -40px;
  }
  #page-ecology .sixth h2 {
    /*width: 0.5*230px;
                margin-left: -0.35*0.5*230px;*/
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-ecology .sixth h2 {
    /*width: 0.7*230px;
                margin-left: -0.35*0.7*230px;*/
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-ecology .sixth h2 {
    /*width: 0.9*230px;*/
  }
}
/** 第一代开关（历史产品） */
#page-history .section .col-sm-8,
#page-history .section .col-sm-7,
#page-history .section .col-sm-6,
#page-history .section .col-md-6,
#page-history .section .col-sm-5,
#page-history .section .col-sm-4 {
  height: 100%;
}
#page-history .first {
  background-image: url(../images/history-1.jpg);
}
#page-history .first.fp-completely h2 {
  margin-top: -190px;
}
#page-history .first.fp-completely .switch {
  margin-top: -200px;
}
#page-history .first.fp-completely .intro {
  margin-top: -60px;
}
#page-history .first h2 {
  /*background-image: url(../images/history-1-title.png);*/
  width: /*263px*/ 100%;
  height: 49px;
  margin-left: /*-131px*/ 0;
  left: 0;
  margin-top: -49px;
  text-align: center;
}
#page-history .first .switch {
  background-image: url(../images/history-1-1.png);
  background-size: cover;
  width: 461px;
  height: 558px;
  position: absolute;
  margin-top: -558px;
  margin-left: -230px;
  left: 50%;
}
#page-history .first .intro {
  position: absolute;
  left: /*50%*/ 0;
  margin-left: /*-130px*/ 0;
  /*background-image: url(../images/history-1-2.png);*/
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: /* 261px*/ 100%;
  height: 302px;
  margin-top: -302px;
  text-align: center;
}
#page-history .first .intro ul {
  display: inline-block;
}
#page-history .first .intro p {
  /*display: none;*/
}
@media (max-width: 767px) {
  #page-history .first.fp-completely h2 {
    margin-top: -280px;
  }
  #page-history .first.fp-completely .switch {
    margin-top: -150px;
  }
  #page-history .first .col-sm-7,
  #page-history .first .col-sm-5 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #page-history .first h2 {
    /*width: 263px;*/
    height: 49px;
    /*margin-left: -131px;*/
    margin-top: -49px;
  }
  #page-history .first .switch {
    width: 414.9px;
    height: 502.2px;
    margin-top: -502.2px;
    margin-left: -207px;
  }
  #page-history .first .intro {
    display: none;
  }
}
@media (max-width: 539px) {
  #page-history .first.fp-completely h2 {
    margin-top: -190px;
  }
  #page-history .first.fp-completely .switch {
    margin-top: -100px;
  }
  #page-history .first h2 {
    /*width: 0.8*263px;*/
    height: 39.2px;
    /*margin-left: -0.8*131px;*/
    margin-top: -39.2px;
  }
  #page-history .first .switch {
    width: 322.7px;
    height: 390.6px;
    margin-top: -390.6px;
    margin-left: -161px;
  }
}
@media (max-width: 400px) {
  #page-history .first.fp-completely h2 {
    margin-top: -170px;
  }
  #page-history .first.fp-completely .switch {
    margin-top: -80px;
  }
  #page-history .first h2 {
    /*width: 0.7*263px;*/
    height: 34.3px;
    /*margin-left: -0.7*131px;*/
    margin-top: -34.3px;
  }
  #page-history .first .switch {
    width: 230.5px;
    height: 279px;
    margin-top: -279px;
    margin-left: -115px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-history .first.fp-completely h2 {
    margin-top: -190px;
  }
  #page-history .first.fp-completely .switch {
    margin-top: -160px;
  }
  #page-history .first.fp-completely .intro {
    margin-top: -60px;
  }
  #page-history .first .switch {
    width: 322.7px;
    height: 390.6px;
    margin-top: -390.6px;
    margin-left: -161px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  #page-history .first.fp-completely h2 {
    margin-top: -190px;
  }
  #page-history .first.fp-completely .switch {
    margin-top: -160px;
  }
  #page-history .first.fp-completely .intro {
    margin-top: -60px;
  }
  #page-history .first .switch {
    width: 322.7px;
    height: 390.6px;
    margin-top: -390.6px;
    margin-left: -161px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-history .first.fp-completely h2 {
    margin-top: -190px;
  }
  #page-history .first.fp-completely .switch {
    margin-top: -160px;
  }
  #page-history .first .switch {
    width: 368.8px;
    height: 446.4px;
    margin-top: -446.4px;
    margin-left: -184px;
  }
}
#page-history .second {
  background-image: url(../images/history-2.jpg);
}
#page-history .second.fp-completely h2 {
  margin-top: -200px;
}
#page-history .second.fp-completely h3 {
  margin-top: -125px;
}
#page-history .second.fp-completely .switch {
  margin-top: -200px;
}
#page-history .second.fp-completely .intro {
  margin-top: 30px;
}
#page-history .second h2 {
  /*background-image: url(../images/history-2-title.png);*/
  width: /*472px*/ 100%;
  margin-left: /*-236px*/ 0;
  left: 0;
  padding-left: 25px;
}
#page-history .second h3 {
  position: absolute;
  left: /*50%*/ 0;
  background-position: top center;
  background-repeat: no-repeat;
  display: block;
  /*text-indent: -999em;*/
  /* background-image: url(../images/history-2-sub-title.png);*/
  width: /*466px*/ 100%;
  height: 21px;
  margin-left: /*-233px*/ 0;
  margin-top: -21px;
  font-size: 24px;
  color: #fff;
  padding-left: 25px;
}
#page-history .second .intro {
  /*background-image: url(../images/history-2-text.png);*/
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  width: /*293px*/ 100%;
  height: 200px;
  position: absolute;
  left: /*50%*/ 0;
  margin-top: -200px;
  margin-left: /*-146px*/ 0;
  text-align: center;
}
#page-history .second .intro ul {
  text-align: left;
  display: inline-block;
}
#page-history .second .intro p {
  /*display: none;*/
  color: #000;
}
#page-history .second .switch {
  background-image: url(../images/history-2-switch.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 422px;
  height: 499px;
  position: absolute;
  top: 0;
  margin-top: -499px;
}
@media (max-width: 767px) {
  #page-history .second {
    background-image: url(../images/history-2-s.jpg);
  }
  #page-history .second.fp-completely h2 {
    margin-top: -320px;
  }
  #page-history .second.fp-completely h3 {
    margin-top: -255px;
    font-size: 16px;
  }
  #page-history .second.fp-completely .intro {
    margin-top: -190px;
  }
  #page-history .second.fp-completely .switch {
    margin-top: 35px;
  }
  #page-history .second .col-sm-6 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #page-history .second h2 {
    /*background-image: url(../images/history-2-title.png);*/
    background-size: cover;
    /*width: 0.8*472px;*/
    height: 40px;
    /*margin-left: -0.8*236px;*/
  }
  #page-history .second h3 {
    /* width: 0.8*466px;*/
    height: 16.8px;
    /* margin-left: -0.8*233px;*/
    margin-top: -16.8px;
    background-size: cover;
  }
  #page-history .second .switch {
    width: 337.6px;
    height: 399.2px;
    margin-top: -399.2px;
    left: 50%;
    margin-left: -168.8px;
  }
  #page-history .second .intro {
    /* width: 0.8*293px;*/
    height: 160px;
    margin-top: -160px;
    /*margin-left: -0.8*146px;*/
    /* background-image: url(../images/history-2-text-s.png);*/
  }
}
@media (max-width: 539px) {
  #page-history .second.fp-completely h2 {
    margin-top: -230px;
  }
  #page-history .second.fp-completely h3 {
    margin-top: -185px;
  }
  #page-history .second.fp-completely .intro {
    margin-top: -135px;
  }
  #page-history .second.fp-completely .switch {
    margin-top: 30px;
  }
  #page-history .second h2 {
    /*width: 0.6*472px;*/
    height: 30px;
    /*margin-left: -0.6*236px;*/
  }
  #page-history .second h3 {
    /*width: 0.6*466px;*/
    height: 12.6px;
    /*margin-left: -0.6*233px;*/
    margin-top: -12.6px;
  }
  #page-history .second .intro {
    /*width: 0.6*293px;*/
    height: 120px;
    margin-top: -120px;
    /*margin-left: -0.6*146px;*/
  }
  #page-history .second .switch {
    width: 253.2px;
    height: 299.4px;
    margin-top: -299.4px;
    margin-left: -126.6px;
  }
}
@media (max-width: 400px) {
  #page-history .second.fp-completely h2 {
    margin-top: -185px;
  }
  #page-history .second.fp-completely h3 {
    margin-top: -145px;
  }
  #page-history .second.fp-completely .intro {
    margin-top: -105px;
  }
  #page-history .second.fp-completely .switch {
    margin-top: 35px;
  }
  #page-history .second h2 {
    /*width: 0.5*472px;*/
    height: 25px;
    /* margin-left: -0.5*236px;*/
  }
  #page-history .second h3 {
    /*width: 0.5*466px;*/
    height: 10.5px;
    /*margin-left: -0.5*233px;*/
    margin-top: -10.5px;
  }
  #page-history .second .intro {
    /*width: 0.5*293px;*/
    height: 100px;
    margin-top: -100px;
    /*margin-left: -0.5*146px;*/
  }
  #page-history .second .switch {
    width: 168.8px;
    height: 199.6px;
    margin-top: -199.6px;
    margin-left: -84.4px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-history .second.fp-completely h2 {
    margin-top: -140px;
  }
  #page-history .second.fp-completely h3 {
    margin-top: -65px;
  }
  #page-history .second.fp-completely .switch {
    margin-top: -150px;
  }
  #page-history .second.fp-completely .intro {
    margin-top: 40px;
  }
  #page-history .second h2 {
    /* width: 0.6*472px;*/
    height: 30px;
    /*margin-left: -0.6*236px;*/
  }
  #page-history .second h3 {
    /*width: 0.6*466px;*/
    height: 12.6px;
    /*margin-left: -0.6*233px;*/
    margin-top: -12.6px;
    background-size: cover;
  }
  #page-history .second .switch {
    width: 337.6px;
    height: 399.2px;
    margin-top: -399.2px;
  }
  #page-history .second .intro {
    /* width: 0.6*293px;*/
    height: 120px;
    margin-top: -120px;
    /* margin-left: -0.6*146px;*/
    background-size: cover;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  #page-history .second.fp-completely h2 {
    margin-top: -150px;
  }
  #page-history .second.fp-completely h3 {
    margin-top: -75px;
  }
  #page-history .second.fp-completely .switch {
    margin-top: -150px;
  }
  #page-history .second.fp-completely .intro {
    margin-top: 20px;
  }
  #page-history .second .switch {
    width: 337.6px;
    height: 399.2px;
    margin-top: -399.2px;
  }
}
#page-history .third {
  background-image: url(../images/history-3.jpg);
}
#page-history .third.fp-completely h2 {
  margin-top: -225px;
}
#page-history .third.fp-completely .intro {
  margin-top: -120px;
}
#page-history .third .switch {
  background-image: url(../images/history-3-1.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 1059px;
  height: 800px;
  position: absolute;
  bottom: -800px;
  left: 100px;
}
#page-history .third h2 {
  /*background-image: url(../images/history-3-title.png);*/
  width: /*354px*/ 100%;
  margin-left: /* -177px*/ 0;
  left: 0;
  text-align: center;
}
#page-history .third .intro {
  /*background-image: url(../images/history-3-intro.png);*/
  background-position: bottom center;
  background-repeat: no-repeat;
  width: /* 291px*/ 100%;
  height: 255px;
  position: absolute;
  left: /*50%*/ 0;
  margin-left: 0;
  margin-top: -255px;
  text-align: center;
}
#page-history .third .intro ul {
  text-align: left;
  display: inline-block;
}
#page-history .third .intro ul li {
  display: inline-block;
}
#page-history .third .intro p {
  /*display: none;*/
}
@media (max-width: 767px) {
  #page-history .third.fp-completely h2 {
    margin-top: -280px;
  }
  #page-history .third.fp-completely .intro {
    margin-top: -165px;
  }
  #page-history .third .switch {
    width: 423px;
    height: 320px;
    bottom: -320px;
    left: 40px;
  }
  #page-history .third h2 {
    /*background-image: url(../images/history-3-title.png);*/
    /*width: 0.9*354px;*/
    height: 45px;
    /*margin-left: -0.9*177px;*/
  }
  #page-history .third .intro {
    /*width: 0.9*291px;*/
    height: 229.5px;
    /*margin-left: -0.9*145px;*/
    margin-top: -229.5px;
    background-size: cover;
  }
}
@media (max-width: 539px) {
  #page-history .third.fp-completely h2 {
    margin-top: -215px;
  }
  #page-history .third.fp-completely .intro {
    margin-top: -120px;
  }
  #page-history .third .switch {
    width: 317px;
    height: 240px;
    bottom: -240px;
    left: 30px;
  }
  #page-history .third h2 {
    /*width: 0.7*354px;*/
    height: 35px;
    /* margin-left: -0.7*177px;*/
  }
  #page-history .third .intro {
    /*width: 0.7*291px;*/
    height: 178.5px;
    /* margin-left: -0.7*145px;*/
    margin-top: -178.5px;
  }
}
@media (max-width: 400px) {
  #page-history .third.fp-completely h2 {
    margin-top: -175px;
  }
  #page-history .third.fp-completely .intro {
    margin-top: -100px;
  }
  #page-history .third .switch {
    width: 238px;
    height: 180px;
    bottom: -180px;
    left: 20px;
  }
  #page-history .third h2 {
    /*width: 0.5*354px;*/
    height: 25px;
    /*margin-left: -0.5*177px;*/
  }
  #page-history .third .intro {
    /*width: 0.6*291px;*/
    height: 153px;
    /*margin-left: -0.6*145px;*/
    margin-top: -153px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-history .third.fp-completely h2 {
    margin-top: -265px;
  }
  #page-history .third.fp-completely .intro {
    margin-top: -160px;
  }
  #page-history .third h2,
  #page-history .third .intro {
    left: 30%;
  }
  #page-history .third .switch {
    width: 681px;
    height: 515px;
    bottom: -515px;
    left: 50px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  #page-history .third.fp-completely h2 {
    margin-top: -165px;
  }
  #page-history .third.fp-completely .intro {
    margin-top: -60px;
  }
  #page-history .third .switch {
    width: 681px;
    height: 515px;
    bottom: -515px;
    left: 100px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-history .third.fp-completely h2 {
    margin-top: -165px;
  }
  #page-history .third.fp-completely .intro {
    margin-top: -60px;
  }
  #page-history .third .switch {
    width: 814px;
    height: 615px;
    bottom: -615px;
    left: 100px;
  }
}
#page-history .fourth {
  background-image: url(../images/history-4.jpg);
}
#page-history .fourth.fp-completely ul.row {
  margin-top: -350px;
}
#page-history .fourth.fp-completely .intro {
  margin-top: 60px;
}
#page-history .fourth .col-sm-4 {
  height: auto;
}
#page-history .fourth ul.row {
  margin-right: 60px;
  margin-bottom: 0;
  margin-left: 60px;
  position: absolute;
  height: 476px;
  margin-top: -476px;
}
#page-history .fourth ul.row li {
  padding: 0 25px;
  text-align: center;
}
#page-history .fourth ul.row li img {
  width: 100%;
}
#page-history .fourth .intro {
  background-image: url(../images/history-4-intro.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 1170px;
  height: 301px;
  position: absolute;
  left: 50%;
  margin-left: -585px;
  bottom: -401px;
  margin-top: -301px;
}
@media (max-width: 767px) {
  #page-history .fourth.fp-completely ul.row {
    margin-top: -220px;
  }
  #page-history .fourth.fp-completely .intro {
    margin-top: 40px;
  }
  #page-history .fourth .col-sm-4 {
    height: auto;
  }
  #page-history .fourth ul.row {
    margin-right: 10px;
    margin-left: 10px;
    height: 124px;
    margin-top: -124px;
  }
  #page-history .fourth ul.row li {
    padding: 0 10px;
    text-align: center;
  }
  #page-history .fourth ul.row li img {
    width: 100%;
  }
  #page-history .fourth .intro {
    background-size: cover;
    width: 500px;
    height: 127px;
    margin-left: -250px;
    bottom: -127px;
    margin-top: -127px;
  }
}
@media (max-width: 539px) {
  #page-history .fourth.fp-completely ul.row {
    margin-top: -160px;
  }
  #page-history .fourth.fp-completely .intro {
    margin-top: 60px;
  }
  #page-history .fourth .intro {
    width: 400px;
    height: 102px;
    margin-left: -200px;
    bottom: -401px;
    margin-top: -301px;
  }
}
@media (max-width: 400px) {
  #page-history .fourth.fp-completely ul.row {
    margin-top: -120px;
  }
  #page-history .fourth.fp-completely .intro {
    margin-top: 60px;
  }
  #page-history .fourth .intro {
    width: 300px;
    height: 76px;
    margin-left: -150px;
    bottom: -76px;
    margin-top: -76px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-history .fourth.fp-completely ul.row {
    margin-top: -250px;
  }
  #page-history .fourth.fp-completely .intro {
    margin-top: 100px;
  }
  #page-history .fourth ul.row {
    margin-right: 40px;
    margin-left: 40px;
    height: 204px;
    margin-top: -204px;
  }
  #page-history .fourth .intro {
    width: 702px;
    height: 180.6px;
    margin-left: -351px;
    margin-top: -180.6px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-history .fourth.fp-completely ul.row {
    margin-top: -200px;
  }
  #page-history .fourth.fp-completely .intro {
    margin-top: 50px;
  }
  #page-history .fourth ul.row {
    margin-right: 240px;
    margin-left: 240px;
    height: 204px;
    margin-top: -204px;
  }
  #page-history .fourth .intro {
    width: 819px;
    height: 210.7px;
    margin-left: -409.5px;
    margin-top: -210.7px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  #page-history .fourth.fp-completely ul.row {
    margin-top: -200px;
  }
  #page-history .fourth.fp-completely .intro {
    margin-top: 50px;
  }
  #page-history .fourth ul.row {
    margin-right: 240px;
    margin-left: 240px;
    height: 204px;
    margin-top: -204px;
  }
  #page-history .fourth .intro {
    width: 819px;
    height: 210.7px;
    margin-left: -409.5px;
    margin-top: -210.7px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  #page-history .fourth.fp-completely ul.row {
    margin-top: -260px;
  }
  #page-history .fourth.fp-completely .intro {
    margin-top: 50px;
  }
  #page-history .fourth ul.row {
    margin-right: 200px;
    margin-left: 200px;
    height: 235px;
    margin-top: -235px;
  }
  #page-history .fourth .intro {
    width: 936px;
    height: 240.8px;
    margin-left: -468px;
    margin-top: -240.8px;
  }
}
#page-history .fifth {
  background-image: url(../images/history-5.jpg);
}
#page-history .fifth.complete h2 {
  margin-top: -130px;
}
#page-history .fifth.complete h3 {
  margin-top: -40px;
}
#page-history .fifth.complete .intro {
  margin-top: 55px;
}
#page-history .fifth.complete .unit {
  margin-top: -160px;
}
#page-history .fifth .unit {
  background-image: url(../images/history-5-unit.png);
  background-position: top center;
  background-repeat: no-repeat;
  width: 455px;
  height: 328px;
  position: absolute;
  left: 50%;
  margin-top: -328px;
  margin-left: -227px;
}
#page-history .fifth h2 {
  /*background-image: url(../images/history-5-title.png);*/
  width: /*359px*/ 100%;
  height: 52px;
  margin-left: /*-180px*/ 0;
  margin-top: -52px;
  left: 0;
  text-align: center;
}
#page-history .fifth h3 {
  position: absolute;
  left: 50%;
  background-position: top center;
  background-repeat: no-repeat;
  display: block;
  /* text-indent: -999em;*/
  /*background-image: url(../images/history-5-sub-title.png);*/
  width: 527px;
  height: 26px;
  margin-left: -263px;
  margin-top: -26px;
  color: #fff;
  text-align: center;
}
#page-history .fifth .intro {
  background-image: url(../images/history-5-intro.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 527px;
  height: 58px;
  position: absolute;
  left: 50%;
  margin-left: -263px;
  margin-top: -58px;
}
@media (max-width: 767px) {
  #page-history .fifth.complete h2 {
    margin-top: -250px;
  }
  #page-history .fifth.complete h3 {
    margin-top: -170px;
  }
  #page-history .fifth.complete .intro {
    margin-top: -105px;
  }
  #page-history .fifth.complete .unit {
    margin-top: 0;
  }
  #page-history .fifth .col-sm-12 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #page-history .fifth .unit {
    background-size: cover;
    width: 360px;
    height: 259.2px;
    margin-top: -259.2px;
    margin-left: -180px;
  }
  #page-history .fifth h2 {
    /*width: 1.2*0.6*359px;*/
    height: 37.44px;
    /*margin-left: -1.2*0.6*180px;*/
    margin-top: -37.44px;
  }
  #page-history .fifth h3 {
    /*width: 1.2*0.6*120px;*/
    height: 18.72px;
    /*margin-left: -1.2*0.6*60px;*/
    margin-top: -18.72px;
    background-size: cover;
    font-size: 16px;
  }
  #page-history .fifth .intro {
    background-size: cover;
    width: 379.44px;
    height: 41.76px;
    margin-left: -189.36px;
    margin-top: -41.76px;
  }
}
@media (max-width: 539px) {
  #page-history .fifth.complete h2 {
    margin-top: -210px;
  }
  #page-history .fifth.complete h3 {
    margin-top: -140px;
  }
  #page-history .fifth.complete .intro {
    margin-top: -85px;
  }
  #page-history .fifth .unit {
    width: 300px;
    height: 216px;
    margin-top: -216px;
    margin-left: -150px;
  }
  #page-history .fifth h2 {
    /* width: 0.6*359px;*/
    height: 31.2px;
    /* margin-left: -0.6*180px;*/
    margin-top: -31.2px;
  }
  #page-history .fifth h3 {
    /*width: 0.6*120px;*/
    height: 15.6px;
    /* margin-left: -0.6*60px;*/
    margin-top: -15.6px;
  }
  #page-history .fifth .intro {
    width: 316.2px;
    height: 34.8px;
    margin-left: -157.8px;
    margin-top: -34.8px;
  }
}
@media (max-width: 400px) {
  #page-history .fifth.complete h2 {
    margin-top: -170px;
  }
  #page-history .fifth.complete h3 {
    margin-top: -110px;
  }
  #page-history .fifth.complete .intro {
    margin-top: -65px;
  }
  #page-history .fifth .unit {
    width: 280px;
    height: 201px;
    margin-top: -201px;
    margin-left: -140px;
  }
  #page-history .fifth h2 {
    /*width: 0.5*359px;*/
    height: 26px;
    /*margin-left: -0.5*180px;*/
    margin-top: -26px;
  }
  #page-history .fifth h3 {
    /*width: 0.5*120px;*/
    height: 13px;
    /*margin-left: -0.5*60px;*/
    margin-top: -13px;
  }
  #page-history .fifth .intro {
    width: 263.5px;
    height: 29px;
    margin-left: -131.5px;
    margin-top: -29px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-history .fifth .col-sm-12 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #page-history .fifth.complete h2 {
    margin-top: -260px;
  }
  #page-history .fifth.complete h3 {
    margin-top: -160px;
  }
  #page-history .fifth.complete .intro {
    margin-top: -105px;
  }
  #page-history .fifth.complete .unit {
    margin-top: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #page-history .fifth.complete h2 {
    margin-top: -90px;
  }
  #page-history .fifth.complete h3 {
    margin-top: 0;
  }
  #page-history .fifth.complete .intro {
    margin-top: 55px;
  }
  #page-history .fifth h2 {
    /*width: 0.6*359px;*/
    height: 31.2px;
    /* margin-left: -0.6*180px;*/
    margin-top: -31.2px;
  }
  #page-history .fifth h3 {
    /*width: 0.6*120px;*/
    height: 15.6px;
    /*margin-left: -0.6*60px;*/
    margin-top: -15.6px;
    background-size: cover;
  }
  #page-history .fifth .intro {
    background-size: cover;
    width: 316.2px;
    height: 34.8px;
    margin-left: -157.8px;
    margin-top: -34.8px;
  }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  #page-history .fifth.complete h2 {
    margin-top: -110px;
  }
  #page-history .fifth.complete h3 {
    margin-top: -20px;
  }
  #page-history .fifth.complete .intro {
    margin-top: 35px;
  }
}
/** channel title */
.channel-title {
  width: 300px;
  height: 174px;
  background: url(../images/bg-channel-title.png);
  position: absolute;
  top: 326px;
  left: 50%;
  margin-left: -150px;
  text-align: center;
  color: #fff;
}
.channel-title h1 {
  font-size: 48px;
  font-family: "Microsoft YaHei Light";
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 74px;
}
.channel-title span {
  font-size: 18px;
  font-family: "Microsoft YaHei Light";
  margin-top: 0;
  margin-bottom: 0;
}
/** thirdary menu */
.bg-menu {
  background: #f7f7f7;
  border-bottom: 1px solid #f4f4f4;
  height: 80px;
}
.bg-menu ul {
  text-align: center;
  padding-top: 29px;
}
.bg-menu ul li {
  display: inline-block;
  width: 104px;
  height: 104px;
  margin-right: 10px;
  margin-left: 10px;
}
.bg-menu ul li:hover a,
.bg-menu ul li.active a {
  background-image: url(../images/bg-menu-li-hover.png);
}
.bg-menu ul li a {
  display: block;
  width: 104px;
  height: 104px;
  background-image: url(../images/bg-menu-li.png);
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  padding: 32px 32px;
}
.bg-menu ul li a:hover {
  background-color: transparent;
}
@media (max-width: 767px) {
  .bg-menu {
    display: none;
  }
}
/** 内页公共标题 */
.page-heading {
  text-align: center;
  padding-top: 110px;
  padding-bottom: 30px;
}
.page-heading .page-title {
  text-align: center;
  display: inline-block;
  margin: 0 auto;
}
.page-heading .page-title span {
  font-family: "Microsoft YaHei Light", "Microsoft YaHei";
  font-size: 36px;
  margin: 0;
  color: #ccc;
  text-transform: uppercase;
  display: block;
}
.page-heading .page-title h2 {
  font-family: "Microsoft YaHei Light", "Microsoft YaHei";
  font-size: 24px;
  margin: 0;
  padding: 0 5px;
  color: #000;
  display: inline-block;
  position: relative;
}
.page-heading .page-title h2:before,
.page-heading .page-title h2:after {
  content: "";
  display: block;
  width: 198px;
  height: 7px;
  position: absolute;
  margin-top: -3px;
  top: 50%;
}
.page-heading .page-title h2:before {
  left: -208px;
  background: url(../images/page-title-lft.png) no-repeat;
}
.page-heading .page-title h2:after {
  right: -208px;
  background: url(../images/page-title-rgt.png) no-repeat;
}
@media (max-width: 767px) {
  .page-heading {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 15px;
  }
  .page-heading .page-title span {
    font-size: 18px;
  }
  .page-heading .page-title h2 {
    font-size: 14px;
  }
  .page-heading .page-title h2:before,
  .page-heading .page-title h2:after {
    width: 84px;
    height: 3px;
    margin-top: -1px;
  }
  .page-heading .page-title h2:before {
    left: -84px;
    background-size: 84px 3px;
  }
  .page-heading .page-title h2:after {
    right: -84px;
    background-size: 84px 3px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .page-heading {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 15px;
  }
  .page-heading .page-title span {
    font-size: 24px;
  }
  .page-heading .page-title h2 {
    font-size: 16px;
  }
  .page-heading .page-title h2:before,
  .page-heading .page-title h2:after {
    width: 140px;
    height: 5px;
    margin-top: -2px;
  }
  .page-heading .page-title h2:before {
    left: -140px;
    background-size: 140px 5px;
  }
  .page-heading .page-title h2:after {
    right: -140px;
    background-size: 140px 5px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page-heading {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 20px;
  }
  .page-heading .page-title span {
    font-size: 30px;
  }
  .page-heading .page-title h2 {
    font-size: 16px;
  }
}
/** 智能场景 */
video::-webkit-media-controls {
  display: none !important;
}
@media (min-width: 1200px) {
  #page-smart .section {
    overflow: hidden;
  }
  #page-smart .section .video {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black;
    /* in case the video doesn't fit the whole page*/
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    /*cover video background */
    z-index: 3;
  }
  .smart-intro {
    width: 460px;
    color: #fff;
    float: right;
  }
  .smart-intro h1 {
    font-size: 60px;
    margin-top: 80px;
    margin-bottom: 30px;
    font-family: "Microsoft Yahei Light";
  }
  .smart-intro p {
    font-size: 18px;
    line-height: 30px;
    text-indent: 0;
  }
}
/** 商务合作 */
#cooperation-intro {
  padding-top: 20px;
  padding-bottom: 60px;
}
#cooperation-intro p {
  font-size: 30px;
  color: #000;
  text-align: center;
  line-height: 40px;
  font-family: "Microsoft Yahei Light";
}
#page-cooperation h3 {
  font-size: 40px;
  margin-top: 70px;
  margin-bottom: 40px;
  color: #000;
  font-family: "Microsoft Yahei Light";
  text-align: center;
}
.bg-cooperation {
  background-image: url(../images/bg-cooperation.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
/** 渠道合作 */
.bg-advantage {
  background: #f7f7f7;
}
#advantage-list ul {
  margin-right: -40px;
  margin-bottom: 60px;
  margin-left: -40px;
}
#advantage-list ul li {
  width: 20%;
  float: left;
  padding: 0 40px;
}
.advantage-item {
  text-align: center;
}
.advantage-item:hover h4 {
  background: url(../images/bg-about-hover.png);
  background-size: cover;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.advantage-item h4 {
  background: url(../images/bg-advantage-li.png);
  width: 160px;
  height: 160px;
  font-size: 48px;
  color: #000;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 40px;
  font-family: "Microsoft Yahei Light";
  padding: 34px 40px;
  line-height: 46px;
  margin-top: 0;
  margin-bottom: 15px;
}
.advantage-item .intro p {
  color: #545454;
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 0;
}
/** 渠道合作 - 合作政策 */
#policy-list ul {
  margin: 0 0 60px;
}
#policy-list ul li {
  padding: 0;
  margin-bottom: 0;
}
.policy-item {
  background: #e4e4e4;
  text-align: center;
  padding: 0 50px 90px;
}
.policy-item h4 {
  font-size: 30px;
  font-family: "Microsoft Yahei Light";
  margin: 0;
  padding-top: 170px;
  padding-bottom: 15px;
  position: relative;
}
.policy-item h4:before {
  position: absolute;
  content: "";
  display: block;
  top: 20px;
  right: 0;
  left: 0;
  height: 150px;
  background-position: center center;
  background-repeat: no-repeat;
}
.policy-item .intro {
  height: 78px;
  overflow: hidden;
}
.policy-item .intro p {
  font-size: 16px;
  color: #7f7f7f;
  line-height: 26px;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-bottom: 0;
}
#policy-list li:first-child .policy-item,
#policy-list li:first-child + li + li .policy-item,
#policy-list li:first-child + li + li + li + li .policy-item {
  background: #5e5e5e;
  color: #fff;
}
#policy-list li:first-child .policy-item .intro p,
#policy-list li:first-child + li + li .policy-item .intro p,
#policy-list li:first-child + li + li + li + li .policy-item .intro p {
  color: #fff;
}
#policy-list li:first-child h4:before {
  background-image: url(../images/icon-policy-1.png);
}
#policy-list li:first-child + li h4:before {
  background-image: url(../images/icon-policy-2.png);
}
#policy-list li:first-child + li + li h4:before {
  background-image: url(../images/icon-policy-3.png);
}
#policy-list li:first-child + li + li + li h4:before {
  background-image: url(../images/icon-policy-4.png);
}
#policy-list li:first-child + li + li + li + li h4:before {
  background-image: url(../images/icon-policy-5.png);
}
#policy-list li:first-child + li + li + li + li + li h4:before {
  background-image: url(../images/icon-policy-6.png);
}
/** 渠道合作 - 合伙加盟 */
.bg-joined {
  background-image: url(../images/bg-joined.png);
  background-repeat: repeat;
  border-top: 1px solid #f6f6f6;
}
#joined-list {
  text-align: center;
}
#joined-list small {
  font-size: 24px;
  font-family: "Microsoft Yahei Light";
  color: #414141;
  text-align: center;
}
#joined-list ul {
  margin-top: 80px;
  margin-bottom: 80px;
  margin-right: 130px;
  margin-left: 130px;
}
#joined-list ul li {
  padding-right: 55px;
  padding-left: 55px;
  text-align: center;
}
/** 生态合作 */
.bg-features {
  background: #f7f7f7;
}
#feature-list {
  text-align: center;
}
#feature-list ul {
  margin-bottom: 60px;
  counter-reset: li;
}
#feature-list ul li {
  margin-bottom: 40px;
}
.feature-item:before {
  content: counter(li, decimal);
  counter-increment: li;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 30px;
  font-family: "Microsoft Yahei Light";
  color: #fff;
  border-radius: 50%;
  margin-left: -23px;
}
.feature-item p {
  padding-top: 46px;
  margin-bottom: 0;
  line-height: 45px;
  font-size: 18px;
}
#feature-list li:first-child .feature-item:before {
  background: #4775ca;
}
#feature-list li:first-child + li .feature-item:before {
  background: #d03113;
}
#feature-list li:first-child + li + li .feature-item:before {
  background: #e97b12;
}
#feature-list li:first-child + li + li + li .feature-item:before {
  background: #41a720;
}
#cooperation-process ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-left: 0;
}
#cooperation-process ul li {
  background: #fff;
  display: block;
  float: left;
  height: 220px;
  text-align: center;
  border-left: 1px solid #e5e5e5;
  position: relative;
}
#cooperation-process ul li:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -1px;
  margin-top: -23px;
  width: 23px;
  height: 46px;
  background-image: url(../images/bg-process-li.png);
}
#cooperation-process ul li:first-child {
  border-left: 0;
}
#cooperation-process ul li:first-child:before {
  display: none;
}
#cooperation-process ul li span {
  font-size: 24px;
  color: #000;
  font-family: "Microsoft Yahei Light";
  display: block;
  position: relative;
  padding-top: 140px;
}
#cooperation-process ul li span:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 140px;
  background-position: center center;
  background-repeat: no-repeat;
}
#cooperation-process li:first-child span:before {
  background-image: url(../images/icon-1.png);
}
#cooperation-process li:first-child + li span:before {
  background-image: url(../images/icon-2.png);
}
#cooperation-process li:first-child + li + li span:before {
  background-image: url(../images/icon-3.png);
}
#cooperation-process li:first-child + li + li + li span:before {
  background-image: url(../images/icon-4.png);
}
#cooperation-process li:first-child + li + li + li + li span:before {
  background-image: url(../images/icon-5.png);
}
@media (max-width: 767px) {
  #cooperation-process ul li {
    border-bottom: 1px solid #e5e5e5;
  }
  #cooperation-process ul li:before {
    display: none;
  }
}
.bg-cooperation p {
  text-align: center;
  margin-top: 155px;
  margin-bottom: 80px;
}
.bg-cooperation p .apply-btn {
  display: inline-block;
  line-height: 60px;
  padding: 0 65px;
  background: #ff800a;
  color: #fff;
  font-size: 24px;
  text-align: center;
  border-radius: 10px;
}
/** 商务合作模态框 */
.formhui .form-group {
  display: block;
  line-height: 46px;
  margin-bottom: 12px;
}
.formhui .input-group {
  display: block;
}
.formhui .input-group > .form-control {
  appearance: normal;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  border: 2px solid #eee;
  background-color: #fff;
  box-shadow: none;
  font-weight: normal;
}
.formhui .input-group.has-error > .form-control {
  border-color: #f4c090;
}
.formhui .input-group > input.form-control {
  height: 46px;
}
.formhui .input-group > select.form-control {
  height: 46px;
  padding-left: 8px;
}
.formhui .input-group > .form-control {
  z-index: 1;
}
.formhui .input-group-addon {
  border-radius: 0;
  background-color: transparent;
  border: 0;
  color: #d7d7d7;
  position: absolute;
  right: 2px;
  top: 2px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  width: 42px;
  z-index: 2;
  padding: 0;
}
.formhui .input-group-addon .fa {
  font-size: 16px;
}
.formhui .ot {
  box-shadow: 0 0 0 14px #fff;
  height: 11px;
  pointer-events: none;
  position: absolute;
  right: 16px;
  top: 17px;
  width: 8px;
  background-color: #fff;
  border: 0;
}
.formhui .ot:after,
.formhui .ot:before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  content: "";
  position: absolute;
  right: 0;
}
.formhui .ot:after {
  border-top: 4px solid #d7d7d7;
  bottom: 0;
}
.formhui .ot:before {
  border-bottom: 4px solid #d7d7d7;
  top: 0;
}
.formhui .govcode {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 80px;
  height: 42px;
  background-color: #f4f4f4;
  overflow: hidden;
  z-index: 3;
  border-left: 2px solid #eee;
  padding-left: 6px;
}
.formhui .govcode img {
  display: block;
  cursor: pointer;
  margin-top: 8px;
}
.formhui .govattest {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 80px;
  height: 42px;
  overflow: hidden;
  z-index: 3;
  border-left: 2px solid #eee;
  background-color: #ffffff;
}
.formhui .govattest .btn.form-control {
  height: 42px;
  line-height: 40px;
}
.formhui .govattest .btn[disabled] {
  font-size: 12px;
  border: 0;
}
.formhui .state-error > .invalid {
  background-color: #fff0f0;
}
.formhui .state-error > .input-group-addon {
  background-color: #fff0f0;
}
.formhui .state-error > .valid {
  background-color: #2a2929;
}
.formhui .state-error + em {
  color: #8a001e;
  display: block;
  font-size: 12px;
  font-style: normal;
  line-height: 15px;
  margin-top: 0;
  padding: 5px 1px 0 10px;
  overflow: hidden;
}
.formhui .rating.state-error + em {
  margin-bottom: 4px;
  margin-top: -4px;
}
.formhui .btn.form-control {
  border-radius: 3px;
  padding: 0;
  color: #fff;
  height: 46px;
  line-height: 44px;
  display: block;
  background: #ff800a;
  font-size: 18px;
}
.formhui .btn[disabled] {
  background-color: #fff;
  color: #555;
  border: 2px solid #eee;
  opacity: 1;
}
.formhui a.form-control {
  border-radius: 0;
}
.formhui .display-none {
  display: none;
}
.formhui .inline-group {
  line-height: 1.47;
  font-size: 14px;
}
.formhui .boxwz {
  line-height: 2;
  font-size: 12px;
  color: #666666;
}
.formhui .boxwz a {
  text-decoration: underline;
}
.formhui .tisp {
  color: #8a001e;
  font-size: 12px;
  line-height: 1.8;
  padding-left: 10px;
}
.formhui .popover {
  line-height: 1.42;
  left: auto!important;
  right: 0;
  margin-left: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-size: 12px;
  background-color: #1b1b1b;
  color: #ffffff;
}
.formhui .popover .popover-content {
  padding: 2px 10px;
}
.formhui .popover.top > .arrow {
  border-top-color: #1b1b1b;
  border-width: 8px;
  border-bottom-width: 0;
  bottom: -8px;
  left: auto;
  right: 10px;
}
.formhui .popover.top > .arrow:after {
  display: none;
}
.formhui .radio {
  line-height: 1.42857;
}
.formhui .radio label {
  margin-right: 15px;
}
.formhui.uptu {
  margin: 0 30px;
}
.formhui .filesbtn {
  display: block;
  border: 0;
  height: 34px;
  color: #ffffff;
}
.formhui .filesbox {
  display: block;
  width: 100%;
  height: 34px;
  cursor: pointer;
  position: absolute;
  top: 0;
  filter: alpha(opacity=0);
  -moz-opacity: .0;
  -khtml-opacity: .0;
  opacity: 0;
}
.formhui .tsptm {
  font-size: 12px;
  line-height: 120%;
  color: #666;
  text-align: center;
}
.formhui .filesbutton {
  color: #fff;
  background-color: #fff;
  border-color: #e7e7e7;
  padding: 6px 30px;
  border-radius: 0;
}
.formhui .filesbutton:hover {
  background-color: #666;
  color: #ffffff;
}
/** 售后服务 */
#service-intro {
  text-align: center;
  padding-top: 25px;
  padding-bottom: 80px;
}
#service-intro p {
  color: #545454;
  font-size: 16px;
  line-height: 24px;
}
#service-intro p strong {
  color: #ff800a;
  font-size: 24px;
  font-weight: normal;
}
#after-sale-list {
  list-style: none;
  padding: 0 0 30px;
  margin: 0;
}
.after-sale-item {
  background: #f9f9f9;
  margin-bottom: 50px;
  border-radius: 10px;
}
.after-sale-item h3 {
  color: #fff;
  line-height: 50px;
  font-size: 24px;
  text-align: center;
  background: #c2c2c2;
  display: block;
  margin: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.after-sale-item .detail {
  padding: 30px 50px;
}
.after-sale-item .detail p {
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 0;
  text-indent: 0;
}
/** 在线下载 */
#app-download-list {
  text-align: center;
  margin-top: 70px;
  margin-bottom: 50px;
}
#app-download-list .row {
  margin-right: 75px;
  margin-left: 75px;
}
#app-download-list .col-sm-4 {
  padding-right: 95px;
  padding-left: 95px;
}
#app-download-list .img {
  width: 140px;
  margin: 0 auto;
}
#app-download-list .link {
  background: #ff800a;
  display: block;
  margin: 30px auto;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  width: 140px;
}
#download-list {
  border: 1px solid #ededed;
  border-bottom: 0;
  margin-bottom: 100px;
}
#download-list li {
  padding: 0 25px;
  line-height: 60px;
  font-size: 16px;
  border-bottom: 1px solid #ededed;
  position: relative;
}
#download-list li.even {
  background: #fbfbfb;
}
#download-list li a {
  color: #5c5c5c;
  font-size: 16px;
}
#download-list li .download-link {
  position: absolute;
  top: 0;
  right: 25px;
  line-height: 60px;
}
#download-list li .download-link i {
  color: #59ab1c;
}
@media (max-width: 767px) {
  #app-download-list .col-sm-4 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #app-download-list .col-sm-4 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
/** 公司简介 */
#about-img-list.row {
  margin: 0 0 35px;
}
#about-img-list.row .col-sm-6 {
  padding: 0;
}
#about-img-list.row .col-sm-6 img {
  width: 100%;
  margin-bottom: 0;
}
#page-about #content .article p {
  color: #6e6e6e;
  text-indent: 0;
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 0;
}
#page-about .bg-about {
  border-top: 1px solid #ececec;
  margin-top: 25px;
}
#page-about #home-about ul.row {
  margin-top: 55px;
  margin-bottom: 65px;
}
#home-about ul {
  margin-right: 140px;
  margin-left: 140px;
}
#home-about ul li {
  width: 270px;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 767px) {
  #page-about #content .article p {
    font-size: 14px;
    line-height: 26px;
  }
  #page-about #home-about ul.row {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: 15px;
    margin-left: 15px;
    text-align: center;
  }
  #page-about #home-about ul.row li {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-about #home-about ul.row {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-right: -30px;
    margin-left: -30px;
    text-align: center;
  }
  #page-about #home-about ul.row li {
    width: 33.33%;
  }
}
.about-item {
  text-align: center;
  color: #6c6c6c;
}
.about-item:hover h3 {
  background: url(../images/bg-about-hover.png);
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.about-item h3 {
  background: url(../images/bg-about-li.png);
  width: 160px;
  height: 160px;
  line-height: 160px;
  font-size: 48px;
  color: #6c6c6c;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.about-item h4 {
  font-size: 18px;
}
.about-item p {
  font-size: 14px;
}
/** 人才招聘 */
#join-us-intro {
  text-align: center;
}
#join-us-intro h3 {
  color: #ff800a;
  font-size: 36px;
  margin-top: 15px;
  margin-bottom: 10px;
}
#join-us-intro p {
  text-indent: 0;
  color: #545454;
  font-size: 16px;
  line-height: 48px;
}
#join-us-intro p img {
  max-width: 100%;
}
#join-us-intro p.mail {
  color: #71889b;
  padding-top: 10px;
  text-align: center;
}
#join-us-intro p.mail a {
  color: #145f9b;
  text-decoration: underline;
}
#job-list {
  margin-bottom: 40px;
}
.job-item {
  background: #f9f9f9;
  border: 1px solid #ececec;
  list-style: none;
  margin-bottom: 20px;
  padding: 10px 30px;
}
.job-item h3 {
  margin: 0 0 10px;
  padding: 10px 0;
  font-size: 24px;
  color: #ff800a;
  border-bottom: 1px dashed #bdbdbd;
}
.job-item .job-info {
  text-indent: 0;
  color: #888;
}
.job-item .job-info span {
  padding-right: 60px;
  font-size: 14px;
}
.job-item .job-info span i {
  color: #000;
  font-style: normal;
  font-size: 14px;
}
.job-item .job-detail {
  margin-bottom: 10px;
}
.job-item .job-detail span.title {
  font-size: 14px;
  color: #000;
  float: left;
}
.job-item .job-detail .detail {
  float: left;
}
.job-item .job-detail .detail ul {
  list-style: none;
  padding: 0 0 0 1em;
}
.job-item .job-detail .detail ul li {
  font-size: 14px;
  line-height: 22px;
  color: #848484;
}
.job-item p.mail {
  color: #71889b;
  margin-left: 70px;
  padding-left: 1em;
}
.job-item p.mail a {
  color: #145f9b;
  text-decoration: underline;
}
.article .job-item p {
  text-indent: 0;
  font-size: 14px;
  color: #848484;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #join-us-intro h3 {
    margin-top: 15px;
  }
  #join-us-intro p {
    font-size: 13px;
  }
  #join-us-intro p img {
    max-width: 100%;
  }
  #join-us-intro p.mail {
    padding-bottom: 0;
  }
  #job-list .job-item .job-info span {
    padding-right: 20px;
  }
  .article #job-list .job-item p {
    font-size: 13px;
  }
  #job-list .job-item ul li {
    font-size: 13px;
  }
}
/** 联系我们 */
#company-contact {
  margin-top: 32px;
  margin-bottom: 42px;
}
#company-contact .col-sm-5 {
  text-align: right;
}
#company-contact img {
  max-width: 150px;
  border: 1px solid #d4d4d4;
}
#company-contact h3 {
  font-size: 18px;
  color: #0b1523;
  margin-top: 0;
}
#company-contact ul {
  list-style: none;
  padding-left: 0;
}
#company-contact ul li {
  font-size: 14px;
  color: #4f4f4f;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  position: relative;
  line-height: 20px;
}
#company-contact ul li i {
  position: absolute;
  top: 5px;
  left: 0;
  width: 20px;
  line-height: 20px;
  color: #ff800a;
}
#company-contact ul li span {
  display: block;
}
#company-map {
  margin-bottom: 60px;
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}
#company-map #container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  #company-contact {
    left: 0;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  #company-contact .inner {
    background: none;
    padding-left: 0;
    position: relative;
    left: 0;
  }
  #company-contact .col-sm-5 {
    text-align: left;
    margin-bottom: 20px;
  }
}
/** footer */
#footer {
  position: relative;
  background: #323232;
}
#footer #footer-navs {
  padding-bottom: 38px;
  border-bottom: 1px solid #282828;
}
#footer #footer-links{ width: 100%; display: inline-block; overflow: hidden; display: inline-block;}
#footer #footer-links .list-group{ margin-bottom: 0; width: 3000px;display: inline-block;margin-left: 0;}
#footer #footer-links li{ 
    width: 100px;
    height: 30px;
    float: left;
    margin: 3px; 
}
#footer #footer-links li img{ width: 100%; }
#footer #footer-navs .footer-nav h4 {
  margin-bottom: 0;
  color: #fff;
}
#footer #footer-links #pre_btn,#footer #footer-links #next_btn{
    position: absolute;
    height: 25px;
    top: 4px;
    border-radius: 50%;
    line-height: 25px;
    width: 25px;
    background-color: #ffffff;
    opacity: 0.4;
    color: #323232;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
}
#footer #footer-links #pre_btn{ left: 0; }
#footer #footer-links #next_btn{ float: right; right: 0; }
#footer #footer-links #pre_btn:hover,#footer #footer-links #next_btn:hover{
  opacity: 0.8;
  cursor: pointer;
}
#footer #footer-navs .footer-nav ul li a {
  color: #acacac;
  font-size: 14px;
  line-height: 28px;
}
#footer #footer-navs .footer-nav ul li a span {
  display: none;
}
#footer-contact .panel {
  margin-bottom: 15px;
}
#footer-contact .panel .panel-heading {
  color: #fff!important;
}
#footer-contact .panel .panel-heading small {
  color: #ff800a;
  font-weight: bold;
  font-size: 30px;
  font-family: "Book Antiqua", sans-serif;
  line-height: 36px;
  vertical-align: middle;
  padding-left: 5px;
}
#footer-contact .panel .panel-body p {
  color: #acacac;
  position: relative;
  margin-bottom: 0;
  padding-left: 18px;
  line-height: 22px;
  font-size: 12px;
}
#footer-contact .panel .panel-body p i {
  color: #ff800a;
  position: absolute;
  left: 0;
  line-height: 22px;
}
#footer-contact .panel .panel-body p a {
  color: #acacac!important;
}
#footer-wechat {
  margin-top: 7px;
}
#footer-wechat img {
  width: 100%;
  height: auto;
}
#footer-wechat p {
  color: #acacac;
  font-size: 12px;
  text-align: center;
  line-height: 36px;
}
@media (max-width: 767px) {
  #footer #footer-navs {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #footer #footer-navs .panel h4 {
    margin: 0;
    padding: 0;
    line-height: 26px;
    font-size: 14px;
  }
  #footer #footer-navs .panel .panel-body {
    padding-left: 86px;
  }
  #footer #footer-navs .panel .panel-body ul li {
    width: auto;
    float: left;
    padding-right: 15px;
  }
  #footer #footer-navs .panel .panel-body ul li a {
    font-size: 13px;
    line-height: 26px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #footer #footer-navs {
    padding-bottom: 18px;
  }
  #footer #footer-navs .col-sm-11 {
    width: 80%;
  }
  #footer #footer-navs .col-sm-1 {
    width: 20%;
  }
  #footer #footer-navs .footer-nav h4 {
    font-size: 16px;
  }
  #footer #footer-navs .footer-nav ul li a {
    font-size: 13px;
    line-height: 26px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #footer #footer-navs .col-md-7 {
    width: 60%;
  }
  #footer #footer-navs .col-md-5 {
    width: 40%;
  }
  #footer #footer-navs .footer-nav h4 {
    font-size: 16px;
  }
  #footer #footer-navs .footer-nav ul li a {
    font-size: 13px;
    line-height: 26px;
  }
  #footer #footer-contact .panel-heading {
    font-size: 12px;
  }
  #footer #footer-contact .panel-heading small {
    font-size: 26px;
    padding-left: 5px;
  }
}
@media (min-width: 1200px) {
  #footer #footer-navs .col-md-7 {
    width: 63%;
  }
  #footer #footer-navs .col-md-5 {
    width: 37%;
  }
}
#footer #footer-bottom {
  background: #323232;
  padding-top: 0;
}
#footer #footer-bottom p {
  line-height: 80px;
  margin-bottom: 0;
  color: #989898;
}
#footer #footer-bottom p a {
  color: #989898;
}
#footer #footer-bottom p a:hover {
  color: #fff;
}
#socials ul {
  margin: 25px 0;
  position: relative;
}
#socials ul li {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  float: right;
  background: #323232;
  border: 1px solid #5b5b5b;
  border-radius: 50%;
  margin-left: 16px;
  cursor: pointer;
  position: relative;
}
#socials ul li span {
  color: #5b5b5b;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  -webkit-transition: color 0.2s ease-in;
  -ms-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#socials ul li:hover span {
  color: #ff800a;
}
#socials ul li:last-child{ border: 0px;}
#socials ul li img{ width: 30px; height: auto;}
#socials .popover {
  left: -78px !important;
}
.popover-content img {
  width: 150px;
}
@media (max-width: 767px) {
  #footer #footer-bottom .row > div:first-child{ padding-bottom: 20px; }
  #footer #footer-bottom p {
    line-height: 20px;
  }
  #footer #footer-bottom p a {
    white-space: nowrap;
  }
  #socials {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #footer #footer-bottom .row > div:first-child {
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #footer #footer-bottom p {
    line-height: 24px;
  }
  #footer #footer-bottom p span {
    display: block;
  }
  #footer #footer-bottom p a {
    white-space: nowrap;
  }
  #socials ul {
    margin-top: 25px;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #footer #footer-bottom p {
    line-height: 80px;
  }
  #socials ul {
    margin: 25px 0;
  }
}
#cooperation-process ul {
  text-align: center;
}
#cooperation-process ul li {
  background: #fff;
  display: inline-block;
  margin-left: -4px;
  float: inherit;
  height: 220px;
  text-align: center;
  position: relative;
}
#cooperation-process li:first-child + li + li + li + li + li span:before {
  background-image: url(../images/icon-6.png);
}
#cooperation-process.cooperation-process1 ul li {
  width: 16.66%;
}
#footer-contact {
  padding-left: 90px;
}
#download-list li a.gray {
  color: #999;
}
#cooperation-intro p {
  font-family: "SF UI Text", "PingFang SC", "Microsoft Yahei Light";
}
.job-item .job-detail .detail ul {
  padding: 0;
}
.job-item .job-detail span.title {
  display: block;
  float: none;
}
.job-item {
  border: none;
  background: transparent;
}
p.mail a {
  color: #145f9b;
}
.job-item p.mail {
  margin-left: 0;
}
#banner-image .nav {
  display: none;
}
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}
@media (max-width: 1200px) {
  #cooperation-intro p {
    font-size: 24px;
  }
  #advantage-list ul li {
    padding: 0 20px;
  }
  .advantage-item h4 {
    width: 140px;
    height: 140px;
    line-height: 30px;
    padding: 40px;
    font-size: 24px;
    background-size: 100%;
  }
  .advantage-item .intro p {
    line-height: 28px;
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  #joined-list ul {
    margin: 50px;
  }
  #joined-list ul li {
    padding: 10px;
  }
  #joined-list ul li img {
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  #banner {
    height: 319px;
  }
  #banner-image {
    width: 1200px;
    margin-left: -600px;
  }
  .channel-title {
    top: 145px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .page-heading {
    padding-top: 60px;
  }
  #advantage-list ul {
    margin-left: -10px;
    margin-right: -10px;
  }
  #advantage-list ul li {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .channel-title {
    height: 116px;
    width: 200px;
    top: 204px;
    margin-left: -100px;
    background-size: cover;
  }
  .channel-title h1 {
    font-size: 34px;
    padding-top: 40px;
  }
  .page-heading {
    padding-top: 60px;
  }
  #advantage-list ul {
    margin-left: -10px;
    margin-right: -10px;
  }
  #advantage-list ul li {
    padding: 10px;
  }
  .advantage-item h4 {
    width: 100px;
    height: 100px;
    font-size: 18px;
    line-height: 24px;
    padding: 28px;
  }
  #cooperation-intro p {
    font-size: 18px;
    line-height: 30px;
  }
  #page-cooperation h3 {
    font-size: 30px;
  }
  .policy-item {
    padding-left: 30px;
    padding-right: 30px;
  }
  .policy-item h4 {
    font-size: 20px;
    padding-top: 160px;
  }
  .policy-item h4:before {
    height: 100px;
  }
  #joined-list ul {
    margin: 25px 0;
  }
}
@media (max-width: 480px) {
  #banner {
    height: 240px;
  }
  #banner-image {
    position: absolute;
    width: 774px;
    margin-left: -387px;
    left: 50%;
  }
  .channel-title {
    top: 124px;
  }
}
@media (max-width: 640px) {
  #advantage-list ul li {
    width: 100%;
    clear: both;
  }
  .advantage-item {
    text-align: left;
  }
  .advantage-item h4 {
    float: left;
    margin-right: 10px;
  }
}
#page-switch .intro *,
#page-switch-pro .intro *,
#page-app .intro *,
#page-history .intro *,
#page-history h2 *,
#page-app h2 *,
#page-switch-pro h2 *,
#page-switch h2 *,
#page-unit h2 *,
#page-ecology h2 *,
#page-default h2 * {
  white-space: nowrap;
  /*overflow: hidden;
  text-overflow:ellipsis;*/
}
.popup_tips {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1999;
  top: 0;
  text-align: center;
}
.popup_tips_bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
}
.popup_tips_box {
  width: 100%;
  background-color: transparent;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: box;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  box-pack: center;
  box-align: center;
}
.popup_tips_title {
  position: absolute;
  left: 50%;
  bottom: -35px;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  border: 2px solid #31a6d2;
  border-radius: 50%;
  margin-left: -15px;
  color: #31a6d2;
  z-index: 99;
}
.popup_tips_title:hover {
  border-color: #fa5b0f;
}
.popup_tips_title:hover .close {
  color: #fa5b0f;
}
.popup_tips_title .close {
  position: relative;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color: #31a6d2;
  cursor: pointer;
  float: none;
  opacity: 1;
  text-shadow: none;
}
.popup_tips_content {
  position: relative;
  font-size: 16px;
  text-align: center;
  color: #575757;
  line-height: 30px;
  max-width: 884px;
  width: 884px;
  height: 439px;
  /*overflow: hidden;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  box-pack: center;
  box-align: center;
}
.popup_tips_content a.link {
  /*display: -webkit-box;
  display:-ms-flexbox;
  display:-moz-box;
  display:box;
  -webkit-box-orient: vertical;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack:center;
  -ms-flex-align:center;
  box-pack:center;
  box-align:center;*/
  /*-webkit-box-orient: vertical;
  -webkit-box-align: center;
  -webkit-box-pack: center;*/
  width: 100%;
  height: 100%;
  display: block;
}
.popup_tips_content h4 {
  margin-bottom: 34px;
  text-align: center;
  font-size: 36px;
  color: #31a6d2;
  font-weight: 700;
}
.popup_tips_content h4 img {
  display: block;
  padding: 0;
  max-width: 100%;
  margin: 0 auto 10px;
}
.popup_tips_content h4 small {
  display: block;
  font-size: 20px;
  line-height: 22px;
  color: #232323;
  padding-top: 25px;
}
.popup_tips_content a {
  color: #31a6d2;
  text-decoration: none;
  display: block;
}
.popup_tips_content img {
  max-width: 100%;
  width: auto;
  max-height: 100%;
  /* max-height: 80vh;*/
  height: auto;
}
.popup_button {
  text-align: center;
  height: 100px;
  padding-top: 23px;
  background-color: #f8f8f8;
}
.popup_button a {
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  cursor: pointer;
  width: 150px;
  height: 45px;
  line-height: 45px;
  background-color: #31a6d2;
  border: 0;
  color: #ffffff;
  font-size: 18px;
}
.popup_button a:hover {
  color: #fff;
}
@media (max-width: 991px) {
  /*.popup_tips_box{ max-width:100%; width:100%; margin: 25px auto;}*/
  .popup_tips_content {
    /* padding:0 15px; margin-bottom:30px;*/
    height: auto;
    max-height: 80%;
    max-width: 884px;
    width: 100%;
  }
  /*.popup_tips_content h4 small{ font-size:18px;}
  .popup_tips_content h4{ margin-bottom:20px;}*/
}