* {
  margin: 0;
  padding: 0;
}

a {
  outline: 0;
  cursor: pointer;
  *star: expression(this.onbanner=this.blur());
}

a:link,
a:active {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a {
  text-decoration: none;
  -webkit-touch-callout: none;
}

ul li {
  list-style: none;
}

html,
body {
  width: 100%;
}

.lunbo-warp {
  width: 100%;
  height: 8.04rem;
  position: relative;
}

.lunbo-warp img {
  width: 100%;
  height: 100%;
}

.abott-btn {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0.866667rem;
  text-align: center;
}

.abott-btn a {
  display: inline-block;
  width: 2.8rem;
    height: 1.2rem;
    background: #DEBF8E;
  font-size: 0.266667rem;
    line-height: 0.7233rem;
  color: #fff;
    width: 2.8rem;
    height: 1.2rem;
    background: #DEBF8E;
    border-radius: 0.6rem;
    /* padding: 12px; */
}
.abott-btn .chaogu {
    background: url("../img/chaogu.png") no-repeat;
    background-size: 100%;
}

.abott-btn .licai {
    margin: 0 0.266667rem;
    background: url("../img/licai.png") no-repeat;
    background-size: 100%;
}

.abott-btn .zixun {
    background: url("../img/zixun.png") no-repeat;
    background-size: 100%;
}

.abott-btn a span {
    font-size: 0.3467rem;
    color: #ffffff;
    display: block;
    line-height: 0.2333rem;
    font-weight: 500;
}

.about-main {
  width: 100%;
  padding: 1.066667rem 0;
  margin: 0 auto;
}

.about-main>img {
    width: 6.8667rem;
  margin: 0 auto;
}

.about-main .intro {
    margin: 1.1067rem auto;
    /* width: 500px; */
    /* height: 4.1067rem; */
    font-size: 0.3467rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.64rem;
    position: relative;
    padding: 0 1.0667rem;
    margin: 1.1067rem 0.4rem 1rem 0.4rem;
}

.about-main .intro::before {
    content: '';
    display: block;
    width: 0.5467rem;
    height: 125%;
    background: url(../img/bordr-left.png) no-repeat;
    position: absolute;
    top: -0.6rem;
    left: 0rem;
    background-size: 100% 100%;
}

.about-main .intro::after {
    content: '';
    display: block;
    width: 0.5467rem;
    height: 125%;
    background: url(../img/border-right.png) no-repeat;
    position: absolute;
    top: -0.6rem;
    right: 0rem;
    background-size: 100% 100%;
}


/* 矩阵 */

.about-main .juzhen {
  margin-top: 0.8rem;
}

.about-main .guanzhu {
  margin-top: 1.333333rem;
}

.about-main img {
  display: block;
  margin: 0 auto;
}

.juzhen img {
    width: 9.04rem;
    /* height: 8.36rem; */
}


/* 大事记 */

.main-events {
    width: 100%;
    margin: 0 auto;
    padding: 1.2rem 0 1.3333rem;
}

.main-events>img {
    width: 6.8667rem;
    margin: 0 auto;
    display: block;
}

.main-events .event-list {
    margin-top: 1.3333rem;
    color: #DEBF8E;
    position: relative;
    padding: 0 0.5333rem;
    margin-left: 0 0.5333rem;
}

.main-events .event-list:before {
    content: '';
    position: absolute;
    left: 2.84rem;
    top: 0.7467rem;
    bottom: 0;
    width: 1px;
    background-color: #DEBF8E;
}

.main-events .event-list .event-item {
    position: relative;
    z-index: 2;
}

.main-events .event-list .event-day+.event-year {
    margin-top: 0.6667rem;
}

.main-events .event-list .day-item {
    position: relative;
    font-size: 0.2933rem;
    white-space: nowrap;
}

.main-events .event-list .day-item+.day-item {
    margin-top: 0.6667rem;
}

.main-events .event-list .day-date {
    width: 1.6rem;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 0.2333rem;
}

.main-events .event-list .day-event {
    display: inline-block;
    margin-left: 0.8rem;
    color: #666;
    white-space: normal;
    vertical-align: middle;
    width: 6.44rem
}

.main-events .event-list .icon-circle {
    position: absolute;
    left: 2.14rem;
    top: 50%;
    margin-top: -0.1733rem;
    width: 0.24rem;
    height: 0.24rem;
    background-color: #fcd7d5;
    border-radius: 0.2rem;
    position: absolute;
    border: 0.0533rem solid #fff;
}

.main-events .event-list .icon-circle:before {
    content: '';
    position: absolute;
    left: 0.0667rem;
    top: 0.0667rem;
    width: 0.1067rem;
    height: 0.1067rem;
    background-color: #f0392f;
    border-radius: 0.0533rem;
}

.main-events .event-list .event-year {
    font-size: 0.4267rem;
    cursor: pointer;
    margin-bottom: 0.8rem;
    height: 0.7467rem;
    line-height: 0.7467rem;
    position: relative;
}

.main-events .event-list .event-year i {
    display: inline-block;
    border-width: 0.1067rem;
    border-style: solid;
    border-color: transparent;
    border-top-color: #DEBF8E;
    vertical-align: top;
    position: relative;
    top: 0.32rem;
    margin-left: 0.1067rem;
}

.main-events .event-list .event-year img {
    position: absolute;
    top: 0;
    left: 1.9267rem;
    width: 0.7467rem;
    height: 0.7467rem;
}

.main-events .show-all {
    margin-top: 0.8rem;
    margin-left: 1.3333rem;
}

.main-events .show-all a {
    display: inline-block;
    color: #fff;
    background-color: #DEBF8E;
    text-align: center;
    font-size: 0.1867rem;
    line-height: 0.8133rem;
    border-radius: 0.0533rem;
    width: 2.44rem;
    height: 0.68rem;
    background: #DEBF8E;
    border-radius: 0.0533rem;
    font-size: 0.32rem;
}

.main-events .show-all i {
    display: inline-block;
    border-width: 0.0933rem;
    border-style: solid;
    border-color: transparent;
    border-left-color: #fff;
    vertical-align: top;
    position: relative;
    top: 0.3067rem;
}

.main-events .show-all span {
    display: inline-block;
    height: 100%;
    line-height: 0.4933rem;
}

.main-events img {
    margin: 0 auto;
}


/* 营业厅 */

.about-main .sales-intro {
    width: 8.2rem;
    height: 0.36rem;
    font-size: 0.3733rem;
    font-weight: 400;
    color: #DEBF8E;
    line-height: 0.3067rem;
  text-align: center;
    margin: 0 auto;
    margin-top: 0.5333rem;
}

.about-main .yingye-warp {
  padding: 0 0.506667rem;
}

.about-main .yingye-warp>img {
    width: 6.8667rem;
    margin: 0 auto;
    display: block;
}

.about-main  .select-warp {
  width: 100%;
  margin-top: 1.266667rem;
  position: relative;
    height: 1.0667rem;
    background: #FFFFFF;
    border-radius: 0.1333rem;
}

.about-main  .select-warp .left-hint {
  width: 30%;
  float: left;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-main  .select-warp {
  background: #fff;
}

.about-main  .select-warp span {
  display: inline-block;
  width: 100%;
  text-align: center;
  border-right: 0.04rem solid #ccc;
    font-size: 0.3733rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.5333rem;
}

.about-main  .select-warp input {
  width: 69%;
    height: 100%;
  outline: none;
  border: none;
  background: url(../img/about-jiantou.png) right 0.4rem no-repeat;
  background-size: 0.4rem 0.293333rem;
  text-indent: 0.533333rem;
  font-size: 0.32rem;
    padding-top: 0.026667rem;
    color: #CCA25A;
}

input::-webkit-input-placeholder {
    color: #CCA25A;
}

input:-moz-placeholder {
    color: #CCA25A;
}

input::-o-placeholder {
    color: #CCA25A;
}

input:-ms-input-placeholder {
    color: #CCA25A;
}

.about-main .select-shade {
  width: 70%;
  height: 100%;
  z-index: 20;
  position: absolute;
  right: 0;
}

.about-main .site-warp {
  width: 100%;
  margin-top: 0.266667rem;
  background: #fff;
}

.about-main .site-warp .site {
  padding: 0 0.506667rem;
}

.about-main .site-warp .site-list {
  width: 100%;
    border-bottom: 1px solid #ccc;
  background-size: 0.293333rem 0.4rem;
  background-position: 0 0.666667rem;
  padding: 0.4rem 0;
    position: relative;
}

.about-main .site-warp .site-list::before {
    content: '';
    display: block;
    width: 0.2933rem;
    height: 0.4rem;
    background: url(../img/location.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 40%;
    left: -0.12rem;
}

.about-main .site-warp .site-list p {
  width: 90%;
  margin: 0 auto;
  font-size: 0.293333rem;
  color: #666;
  line-height: 0.466667rem;
}

.about-main .site-warp .site-list p:nth-child(2) {
    margin-top: 0.1333rem;
}

.about-main .site-warp .site-list .site-details {
    color: #CCA25A;
}


/* 关注 */

.guanzhu img {
    width: 7.3733rem;
    height: 1.9467rem;
}

.about-main .guanzhu-box {
    width: 8.9867rem;
    height: 9.5733rem;
    background: #FFFFFF;
    border: 1px solid #DEC08E;
    box-shadow: 0rem 0rem 0.32rem 0.0133rem rgba(222, 142, 192, 0.35);
    border-radius: 0.2667rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.about-main .guanzhu-btn {
  width: 9.186667rem;
  margin: 0 auto;
}

.about-main .guanzhu-btn .top-btn {
  overflow: hidden;
    /* padding-bottom: 0.866667rem; */
}

.about-main .guanzhu-btn .top-btn li {
  width: 3.8rem;
  height: 3.466667rem;
  float: left;
  position: relative;
}

.guanzhu-btn .top-btn li span {
  display: inline-block;
  width: 100%;
  height: 0.666667rem;
  font-size: 0.32rem;
  color: #FFFFFF;
  border-radius: 0.333333rem;
    background: #CCA25A;
  text-align: center;
  line-height: 0.666667rem;
  position: absolute;
  left: 0;
  bottom: 0;
}

.weixin-btn {
    background: #3E9CE9 !important;
}

.yongjin-btn {
    background: #3E9CE9 !important;
}

.about-main .guanzhu-btn .top-btn .first-btn {
  margin: 0 0.6rem 0 0.466667rem;
}

.guanzhu-btn .top-btn .weixin {
  background: url(../img/weixin-bg.png) no-repeat;
  background-size: 3.04rem 3.413333rem;
  background-position: center;
}

.guanzhu-btn .top-btn .yongjin {
  background: url(../img/yongjin-bg.png) no-repeat;
  background-size: 3.04rem 3.413333rem;
  background-position: center;
}

.guanzhu-btn .top-btn .weibo {
  background: url(../img/weibo-bg.png) no-repeat;
  background-size: 3.04rem 3.413333rem;
  background-position: center;
}

.guanzhu-btn .top-btn .buluo {
  background: url(../img/buluo-bg.png) no-repeat;
  background-size: 3.04rem 3.413333rem;
  background-position: center;
}

/*通知弹窗*/

.notice-warp {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(000,000,000,0.5);
  z-index: 20;
  display: none;
}

.tooltip-box {
  width: 9.04rem;
  padding-top: 2.333333rem;
  margin: 0 auto;
  position: relative;
}

.tooltip-box img {
  width: 100%;
}

.tooltip-box .off {
  width: 0.773333rem;
  height: 2rem;
  background: url(../img/about-off.png) no-repeat;
  background-size: 0.773333rem 1.306667rem;
  position: absolute;
  right: 0.4rem;
  top: 1.04rem;
}

.tooltip-box .off span {
  display: inline-block;
  width: 0.773333rem;
  height: 0.8rem;
}

.tooltip-box .account-top {
  width: 100%;
  height: 3.893333rem;
  background: url(../img/about-tooltip.png) no-repeat;
  background-size: 9.013333rem 3.893333rem;
  border-radius: 0.2rem 0.2rem 0 0;
  position: relative;
}

.tooltip-box .account-top .account-hint {
  position: absolute;
  left: 4.666667rem;
  top: 1.2rem;
  font-size: 0.506667rem;
}

.account {
  display: block;
}

.tooltip-box .account-main {
  width: 99.7%;
  height: 7.866667rem;
  background: #fff;
  border-radius: 0 0 0.24rem 0.24rem;
}

.tooltip-box .account-main p {
  text-align: center;
}

.tooltip-box .account-main .txt1 {
  font-size: 0.373333rem;
  color: #404a53;
  margin-bottom: 0.333333rem;
}

.tooltip-box .account-main .txt2 {
    color: #CCA25A;
  font-size: 0.466667rem;
}

.tooltip-box .account-main .code-box-warp {
  width: 100%;
  margin-top: 0.466667rem;
}

.account-main .code-box-warp .qr-code {
  width: 4.533333rem;
  height: 4.533333rem;
  border-radius: 0.2rem;
  border: 0.04rem #5f5f5f dashed;
  margin: 0 auto;
  padding: 0.333333rem;
  position: relative;
  background-size: cover;
}

.account-main .code-box-warp .code-box {
  width: 100%;
  height: 100%;
}

.account-main .code-box-warp .code-box img {
  width: 8rem;
  height: 10rem;
  position: absolute;
  left: -35%;
  top: -85%;
  opacity: 0;
}

.tooltip-warp {
  width: 100%;
  position: fixed;
  top: 0.266667rem;
}

.modal-open {
  position: fixed;
  width: 100%;
}

.to-top {
  width: 1.466667rem;
  height: 1.466667rem;
  background: url(../img/totop.png) no-repeat;
  background-size: cover;
  position: fixed;
  right: 0.266667rem;
  bottom: 1.333333rem;
  display: none;
}