html,
footer,
.sj-header {
  max-width: 751px;
  margin: 0 auto;
}
.sj-header {
  height:auto;
  line-height: .75rem;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 111;
}
.sj-header ul {
  overflow: hidden; 
  background-image:url(../images/dhbeijing.jpg) ;
  background-size: cover;
  
}
.sj-header ul li {
  width: 20%;
  float: left;
  text-align: center;
}
.sj-header ul li:after {
  content: "";
  width: 0px;
  height: .5rem;
  background: #688ac4;
  float: right;
  margin-top: .2rem;
}
.sj-header ul li:last-child:after {
  content: none;
}
.sj-header ul li a {
  font-size: .24rem;
  color:#000000;
}
.sj-tx {
  height:auto;
  max-height:140px;
  line-height: .8rem;
  background: #fff;
}
.sj-tx .sj-tx-cont {
  text-align: center;
  overflow: hidden;
}
.sj-tx .sj-tx-cont img {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.sj-tx .sj-tx-cont h3 {
  display: inline-block;
  vertical-align: middle;
}
.sj-zx {
  height:auto;
  background-image: url('../images/fx_banner_img01.jpg');
/*  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;*/
  position: relative;
}
.sj-zx .btn-zx {
  position: absolute;
  left: 50%;
  margin-left: -1.7rem;
  bottom: .45rem;
}

.sj-fxs {
  line-height: 0; 
}

.sj-fxs h1 {
  width: 4.45rem;
  height: .86rem;
  margin: .4rem auto .37rem auto;
  line-height: 0; 
}
.sj-gj h1 {
  width: auto;
  height:auto;
  line-height: 0; 
}
.sj-gj .sj-gj-01 {
  height: 4.75rem;
  background-image: url('../images/sj_gj_01.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  position: relative;
}
.sj-gj .sj-gj-01 .btn-zx {
  position: absolute;
  left: 50%;
  margin-left: -1.7rem;
  bottom: 0;
}
.sj-gj .sj-gj-02 {
  height: 6.42rem;
  background-image: url('../images/sj_gj_02.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
}
.sj-gj .sj-gj-03 {
  height: 6.13rem;
  background-image: url('../images/sj_gj_03.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
}
.sj-kc h1 {
  width: 5.25rem;
  height: .87rem;
  margin: 0 auto;
}
.sj-kc ul {
  overflow: hidden;
  padding: .34rem .2rem 0;
}
.sj-kc ul li {
  float: left;
  width: 50%;
  padding: 0 .1rem;
}
.sj-kc ul li.full {
  width: 100%;
}
.sj-kc ul li a {
  height: .85rem;
  margin-bottom: .2rem;
  line-height: .85rem;
  width: 100%;
  background: #2657aa;
  color: #ffffff;
  font-size: .28rem;
  display: block;
  text-align: center;
}
.sj-fx {
  height: 3.6rem;
  width: 100%;
  overflow: hidden;
  background: #6fa08a;
  padding: .16rem .6rem;
  position: relative;
}
.sj-fx .swiper-pagination {
  left: 50%;
  bottom: .1rem;
  margin-left: -0.5rem;
}
.sj-fx .swiper-pagination .swiper-pagination-bullet {
  width: .1rem!important;
  height: .1rem!important;
  margin: .05rem;
  background: #ffffff;
  opacity: 1;
}
.sj-fx .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #f6ff00;
}
.sj-qy {
  width: 100%;
  height: 9.11rem;
  position: relative;
  overflow: hidden;
}
.sj-qy h1 {
  width: 3.89rem;
  height: .41rem;
  margin: .47rem auto .05rem auto;
}
.sj-qy .pagination-sj {
  left: 50%;
  bottom: .1rem;
  margin-left: -0.5rem;
}
.sj-qy .pagination-sj .swiper-pagination-bullet {
  width: .2rem;
  height: .2rem;
  margin: .05rem;
  background: #2657aa;
  opacity: 1;
}
.sj-qy .pagination-sj .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ff7200;
}
.sj-zc {
  height: 8.43rem;
  background: #f4f4f4;
  padding: .3rem .6rem 0 .6rem;
  margin-bottom: 1.88rem;
}
.sj-zc h1 {
  width: 4.1rem;
  height: .39rem;
  margin: 0 auto .35rem auto;
}
.sj-zc .weui-cell {
  height: 44px;
  margin-bottom: .5rem;
  background: #ffffff;
  border: 1px solid #d6d6d6;
  position: relative;
}
.sj-zc .cwts img,
.sj-zc .cwts span {
  display: inline-block;
  vertical-align: middle;
}
.sj-zc .cwts,
.sj-zc .zqts {
  position: absolute;
  bottom: -0.35rem;
  left: 0;
}
.sj-zc .weui-ss {
  position: relative;
  overflow: hidden;
}
.sj-zc .weui-ss .cwts,
.sj-zc .weui-ss .zqts {
  position: absolute;
  bottom: .2rem;
}
.sj-zc .weui-yzm {
  position: relative;
  overflow: hidden;
}
.sj-zc .weui-yzm .cwts,
.sj-zc .weui-yzm .zqts {
  position: absolute;
  bottom: .2rem;
}
.sj-zc .weui-label {
  font-size: .28rem;
  color: #222222;
  width: 1.3rem;
}
.sj-zc .weui-rj {
  height: 44px;
  line-height: 44px;
  text-align: center;
  display: block;
  background: #dedede;
  color: #222222;
  font-size: .28rem;
  margin-bottom: .5rem;
}
.sj-zc .weui-yzm {
  overflow: hidden;
}
.sj-zc .weui-yzm .weui-cell {
  width: 62%;
  float: left;
}
.sj-zc .weui-yzm .weui-yzm {
  width: 35%;
  float: right;
  display: block;
  text-align: center;
  color: #fff;
  background: #2657aa;
  font-size: .28rem;
  height: 44px;
  line-height: 44px;
}
.sj-zc .weui-btn-area {
  margin: 0;
}
.sj-zc .weui-zc {
  display: block;
  text-align: center;
  color: #fff;
  background: #2657aa;
  font-size: .28rem;
  height: .88rem;
  line-height: .88rem;
  border-radius: 0;
}
footer {
  height: .88rem;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 1111;
  padding: .08rem .23rem 0 .23rem;
}
footer .txtScroll-top {
  float: left;
  height: .8rem;
  line-height: .8rem;
}
footer .txtScroll-top ul {
  overflow: hidden;
  zoom: 1;
}
footer .txtScroll-top a {
  color: #fff;
  font-size: .23rem;
}
footer .btn-zx {
  float: right;
  width: 1.77rem;
  height: .7rem;
  line-height: .7rem;
}
.swiper-pagination-bullet {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.btn-button {
  margin: .54rem 0 .3rem 0;
}
.btn-button .btn-zx {
  margin: 0 auto;
}
.btn-zx {
  width: 3.4rem;
  height: .7rem;
  line-height: .7rem;
  background: #ffea00;
  color: #000;
  font-size: .28rem;
  display: block;
  text-align: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
}
.btn-zx:hover {
  color: #000;
}