h1,
.k-h1 {
  font-size: 1.5rem;
  font-weight: 600;
}
.k-container {
  padding: 0 0.5rem;
}
.divr {
  width: 2rem;
  height: 2px;
  margin: 1rem auto;
  background-color: #1abc9c;
}
footer {
  padding: 1rem 0;
  margin-bottom: 2.5rem;
  color: #999;
  background-color: #222;
}
header {
  padding: 0.5rem 0;
  text-align: center;
}
.user-menu-img {
  width: 4rem;
}
.user-menu-num {
  display: block;
  margin: 1.5rem 0 0.5rem;
  font-size: 1rem;
  line-height: 1rem;
}
.user-menu-num .icon {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
  background: url(../images/qq.png) no-repeat center;
  background-size: cover;
}
.user-menu-num .text {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .logo {
    float: left;
    text-align: left;
  }
  .user-menu {
    float: right;
  }
  .user-menu-item {
    float: left;
    margin-left: 0.5rem;
  }
  footer {
    margin-bottom: 0;
  }
}
nav {
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 100%;
  background-color: #222;
}
.nav-n {
  margin: 0 -0.5rem;
}
.nav-n > li {
  display: table-cell;
  width: 1%;
}
.nav-n > li > a {
  display: block;
  padding: .7rem 0;
  text-align: center;
  font-size: 0.8rem;
  color: #fff;
}
.nav-n > li.active > a,
.nav-n > li:hover > a {
  background-color: #1abc9c;
}
@media screen and (min-width: 768px) {
  nav {
    position: static;
  }
  .nav-n {
    margin: 0;
  }
  .nav-n > li {
    float: left;
    width: auto;
    margin-right: 0.5rem;
  }
  .nav-n > li > a {
    padding: .7rem 1rem;
  }
}
.banner {
  position: relative;
}
.banner.dl .banner-item {
  height: 9rem;
}
.banner-item {
  display: block;
  width: 100%;
  height: 6.33333333rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bx-controls-direction a {
  position: absolute;
  top: 9.5rem;
  z-index: 10;
  display: none;
  width: 3.5rem;
  height: 3.5rem;
  margin-top: -1.75rem;
  text-indent: -999rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: .2rem;
}
.bx-prev {
  left: 1rem;
  background-image: url(../images/left.png);
}
.bx-next {
  right: 1rem;
  background-image: url(../images/right.png);
}
@media screen and (min-width: 768px) {
  .banner.dl .banner-item {
    height: 27rem;
  }
  .banner-item {
    height: 19rem;
  }
  .bx-controls-direction a {
    display: block;
  }
}
.wrap {
  padding: 1rem 0;
  background-position: center bottom;
  background-repeat: no-repeat;
  overflow: hidden;
}
.wrap-hd {
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .wrap {
    text-align: center;
    padding: 5rem 0;
  }
  .wrap-hd {
    margin-bottom: 5rem;
  }
  .wrap-idd {
    position: relative;
    display: inline-block;
  }
}
.wrap-item {
  margin-top: 1rem;
}
.wrap-item p {
  color: #999;
}
.wrap-btn {
  margin-top: 1rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .wrap1 .wrap-item1 {
    top: 3rem;
    right: -5rem;
  }
  .wrap1 .wrap-item2 {
    bottom: 7rem;
    right: -11rem;
  }
  .wrap1 .wrap-item3 {
    top: 5rem;
    left: -8rem;
    text-align: right;
  }
  .wrap1 .wrap-item4 {
    top: 50%;
    left: -12rem;
    text-align: right;
  }
  .wrap1 .wrap-item5 {
    bottom: 2.5rem;
    left: -7rem;
    text-align: right;
  }
  .wrap-item {
    position: absolute;
    width: 12rem;
    margin-top: 0;
    text-align: left;
  }
  .wrap-btn {
    margin-top: -1.5rem;
  }
}
.wrap2 {
  background-image: url(../images/row2.jpg);
  background-size: cover;
}
.wrap2 .l-row {
  margin-top: 3rem;
}
.wrap2 .l-bd {
  height: 8rem;
  color: #1abc9c;
}
.wrap2 p {
  margin: 0 1rem;
  color: #999;
}
.wrap-icon {
  display: inline-block;
  width: 5rem;
  height: 5.75rem;
  margin-top: -4rem;
  font-size: 3.5rem;
  color: #1abc9c;
  background-image: url(../images/ibj.png);
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .wrap2 {
    height: 33rem;
  }
  .wrap2 .l-row {
    margin: 0;
  }
}
.wrap3 .wrap-item b {
  display: inline-block;
  margin-right: .5rem;
  font-size: 5rem;
  line-height: 1;
  color: #38c0e6;
}
.wrap3 .wrap-item1 {
  top: 0;
  left: -12rem;
}
.wrap3 .wrap-item2 {
  top: 0;
  right: -12rem;
}
.wrap3 .wrap-item3 {
  left: -12rem;
  bottom: 0;
}
.wrap3 .wrap-item4 {
  bottom: 0;
  right: -12rem;
}
@media screen and (min-width: 768px) {
  .wrap3 .wrap-item {
    width: 12rem;
  }
  .wrap3 .wrap-item1,
  .wrap3 .wrap-item3 {
    text-align: right;
  }
}
.wrap4 {
  background-image: url(../images/row4.jpg);
  background-color: #f2f6ff;
  background-size: 100% auto;
}
.wrap4 .l-row {
  text-align: left;
  background-color: transparent;
}
.wrap4 .l-row:before {
  display: none;
}
.wrap4 .l-row + .l-row {
  margin-top: 2rem;
}
.wrap4 p {
  color: #999;
}
@media screen and (min-width: 768px) {
  .wrap4 .l-row {
    margin-left: 3rem;
  }
}
.wrap5 {
  background-image: url(../images/row5.jpg);
  background-position: center;
}
.wrap5 p {
  font-size: 2rem;
  color: #444;
}
.wrap6 {
  text-align: center;
  background-image: url(../images/row6.jpg);
  background-size: cover;
}
.wrap6 p {
  font-size: 2.2rem;
  color: #f55;
}
.wrap6 p span {
  font-size: 3.5rem;
  color: #1a87f7;
}
.wrap6 .k-h2 {
  margin-bottom: 1rem;
}
.wrap6 .qr img {
  max-width: 6rem;
}
.wrap6 .qr span {
  display: block;
  font-size: 1rem;
}
.tab {
  min-height: 2.8rem;
  margin-bottom: 1rem;
  text-align: center;
}
.tab > li {
  display: inline-block;
  padding: .5rem;
  font-size: .8rem;
  border: 1px solid #ddd;
  transition: all .1s;
}
.tab > li + li {
  margin-left: 1rem;
}
.tab > li.active {
  padding: .8rem 1.2rem;
  color: #fff;
  border-color: #1abc9c;
  background-color: #1abc9c;
}
.tab-item {
  display: none;
}
.tab-info {
  margin-top: 1rem;
  text-align: left;
}
.tab-info p {
  margin-bottom: 1rem;
  font-size: .8rem;
}
@media screen and (min-width: 768px) {
  .tab {
    margin-bottom: 3rem;
  }
  .tab-info {
    padding-left: 3rem;
    margin-top: 0;
  }
}
.wrap7 {
  text-align: center;
}
.wrap-ro {
  line-height: 2;
}
.us-bgs > * {
  margin-bottom: .5rem;
}
.us-bgs img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .us-bgs {
    margin-left: -2rem;
  }
  .us-bgs > * {
    padding-left: 2rem;
  }
}
.wrap8 {
  background-image: url(../images/page3/row7.jpg);
}
.us-fl {
  float: left;
  text-align: left;
  color: #fff;
}
.us-fr {
  float: right;
}
.us-fr .b {
  padding: .8rem 1rem;
  margin-top: .35rem;
  font-size: 1rem;
  color: #03B2B5;
}
.wrap9 .k-h1 {
  margin-bottom: 1rem;
  color: #1abc9c;
}
.wrap9 small {
  color: #999;
  font-weight: normal;
  font-size: 50%;
}
.prowrap {
  margin-bottom: 1rem;
}
.prowrap img {
  vertical-align: bottom;
}
.prowrap p {
  margin: .5rem 2rem 0 0;
  color: #999;
}
@media screen and (min-width: 768px) {
  .wrap9 .k-h1 {
    margin-bottom: 5rem;
  }
  .prowrap {
    margin-bottom: 5rem;
  }
}
.dl-item-hd {
  padding: .5rem;
  margin-top: 1rem;
  border-radius: .2rem;
}
.dl-item-bd {
  padding: 1rem;
  background-color: #f4f4f4;
  border-radius: .2rem;
}
@media screen and (min-width: 768px) {
  .dl-item-hd {
    padding: 1rem 0;
    margin: 1.8rem 0;
    font-size: 1.2rem;
  }
  .dl-item-bd {
    height: 7rem;
    text-align: left;
  }
}
.wrap10 {
  padding: 5rem 0 2.5rem;
  background-color: #e9e9e9;
}
.dl-item-ft {
  margin-top: 1.8rem;
}
.gotop {
  display: none;
  position: fixed;
  right: 2rem;
  bottom: 3rem;
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
  background: #1abc9c url(../images/up.png) center no-repeat;
  border-radius: .2rem;
  cursor: pointer;
}