@charset "utf-8";

* {
  margin: 0px;
  padding: 0px;
  border: none;
  list-style: none;
}

body, a {
  font-family: "微软雅黑", Arial, Helvetica, sans-serif;
  /*font: 14px "微软雅黑", Arial, Helvetica, sans-serif;*/
  color: #000;
}

.lt {
  float: left;
}

.rt {
  float: right;
}

.clr, .clear {
  clear: both;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:link {
  text-decoration: none;
}

h2, h3, h4, h5, h6, li {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

p {
  display: block;
  overflow: hidden;
}

.top {
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #e1e1e1;
  position: fixed;
  top: 0;
  background: #fff;
  z-index: 99;
}

@charset "utf-8";

  {
  margin: 0px;
  padding: 0px;
  border: none;
  list-style: none;
}

body, a {
  font-family: "微软雅黑", Arial, Helvetica, sans-serif;
  /*font: 14px "微软雅黑", Arial, Helvetica, sans-serif;*/
  color: #000;
}

.lt {
  float: left;
}

.rt {
  float: right;
}

.clr, .clear {
  clear: both;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:link {
  text-decoration: none;
}

h2, h3, h4, h5, h6, li {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

p {
  display: block;
  overflow: hidden;
}

.top {
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #e1e1e1;
  position: fixed;
  top: 0;
  background: #fff;
  z-index: 99;
}

.topM {
  max-width: 1430px;
  height: 99px;
  margin: 0 auto;
}

.logo {
  float: left;
  width: 178px;
  height: 99px;
  background: url("../image/ap_lg.png") no-repeat center center;
}

.topLink {
  float: right;
  margin-top: 39px;
}

.topLink span {
  float: right;
  margin-left: 35px;
  color: #888888;
  font-size: 14px;
}

.topLink span:hover {
  color: orange;
}

.yqh {
  padding-top: 100px;
  width: 100%;
  height: 866px;
  background: url("../image/ap_yqhbg.jpg") no-repeat center bottom;
}

.yqhM {
  width: 815px;
  height: 375px;
  background: url("../image/ap_yqhrq.jpg") no-repeat left bottom;
  margin: 0 auto;
  margin-top: 100px;
}

.yqh p {
  width: 815px;
  height: 130px;
  font-size: 20px;
  color: #393939;
  line-height: 44px;
}

.yqhbtn {
  width: 164px;
  height: 41px;
  background: url("../image/ap_yqhbtn.jpg") no-repeat center center;
  margin: 0 auto;
  cursor: pointer;
}

.sb {
  /*padding-top: 100px;*/
  width: 100%;
  height: 858px;
  background: url("../image/ap_bg1.jpg") no-repeat center top;
  border-bottom: 1px solid #e1e1e1;
}

.sbM {
  position: relative;
  overflow: hidden;
  width: 1000px;
  height: 858px;
  margin: 0 auto;
}

.sb .rt {
  position: absolute;
  right: 0;
  width: 310px;
  height: 690px;
  margin-top: 120px;
}

.sb .lt {
  position: absolute;
  width: 435px;
  height: 958px;
  background: url("http://file.cyol.com/public/r/cyol/zgqnb_4.png") no-repeat center bottom;
}

.bt {
  width: 460px;
  height: 196px;
  margin-bottom: 30px;
  background: url("http://file.cyol.com/public/r/cyol/zgqnb_3.png") no-repeat center top;
  background-size: 100%;
}

.sb .rt h2 {
  width: 460px;
  height: 31px;
  font-size: 24px;
  color: #393939;
  margin-bottom: 10px;
  text-align: center;
}

.sb .rt p {
  width: 100%;
  margin-bottom: 35px;
  font-size: 14px;
}

.lc {
  width: 460px;
  height: 104px;
  margin: 0 auto;
  margin-bottom: 30px;
  background: url("../image/ap_lc.png") no-repeat center top;
}

.xz {
  width: 460px;
  height: 170px;
}

.btn {
  width: 270px;
  height: 170px;
  float: left;
  font-size: 26px;
  color: #5e5e5e;
  text-align: center;
  line-height: 68px;
  text-indent: 2em;
}

.btn a {
  color: #5e5e5e;
}

.btn a:hover {
  text-decoration: none;
}

.ios {
  width: 270px;
  height: 68px;
  background: url("../image/ap_ios.png") no-repeat center top;
  margin-bottom: 30px;
}

.ad {
  width: 270px;
  height: 68px;
  background: url("../image/ap_ad.png") no-repeat center top;
}

.ios:hover {
  color: orange;
}

.ad:hover {
  color: orange;
}

.erw {
  width: 122px;
  height: 139px;
  float: right;
  background: url("../image/ap_erw.png") no-repeat center top;
  background-size: 100%;
}

.xb {
  /*padding-top: 100px;*/
  width: 100%;
  height: 888px;
  background: url("../image/ap_bg2.jpg") no-repeat center bottom;
}

.xbM {
  width: 960px;
  height: 828px;
  padding-top: 60px;
  padding-left: 40px;
  margin: 0 auto;
}

.txt {
  width: 763px;
  height: 106px;
  margin-bottom: 40px;
  background: url("../image/ap_txt.png") no-repeat center top;
}

.xb h2 {
  font-size: 26px;
  color: #c29530;
  font-weight: normal;
  margin-bottom: 30px;
}

.xb p {
  width: 763px;
  font-size: 20px;
  color: #343434;
  line-height: 40px;
  text-indent: 4.5em;
  margin-bottom: 45px;
}

.xb .p1 {
  background: url("../image/ap_txw.png") no-repeat left 5px;
}

.xb .p2 {
  background: url("../image/ap_tzb.png") no-repeat left 5px;
}

.xb .p3 {
  background: url("../image/ap_tzq.png") no-repeat left 5px;
}

.xb .p4 {
  background: url("../image/ap_thy.png") no-repeat left 5px;
  margin: 0;
}

.big-pic-container {
  background: url(../image/2020_P01.jpg) center top no-repeat;
  height: 790px;
}

.bp1 {
  width: 1450px;
  margin: 0 auto;
  height: 100%;
  position: relative;
}

.big-pic-container a {
  position: absolute;
  width: 210px;
  height: 60px;
}

.ios-link {
  top: 507px;
  left: 9px;
}

.android-link {
  top: 507px;
  left: 242px;
}

.bp2 {
  background: url(../image/2020_P02.jpg) center top no-repeat;
  height: 676px;
}

.bp3 {
  background: url(../image/2020_P03.jpg) center top no-repeat;
  height: 675px;
}

.bp4 {
  background: url(../image/2020_P04.jpg) center top no-repeat;
  height: 676px;
}

.bp5 {
  background: url(../image/2020_P05.jpg) center top no-repeat;
  height: 674px;
}

.bp6 {
  background: url(../image/2020_P06.jpg) center top no-repeat;
  height: 676px;
}

.bp7 {
  background: url(../image/2020_P07.jpg) center top no-repeat;
  height: 1042px;
}

.mcontain {
  position: relative;
}

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

.mcontain a {
  position: absolute;
  width: 34%;
  height: 11%;
  opacity: .5;
  bottom: 22%;
  left: 33%;
}