@font-face{
    font-family: 'sansRegular';
    src: url('../font/SourceHanSansSC-Regular.otf');
}
html, body{ margin: 0px; padding: 0px; font-family: 'sansRegular'; }

p{ margin: 0px; }
img{ border: 0px; vertical-align: top; object-fit:cover;}
a{ text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; }
input, select{ outline: none; }
dl, dt, dd{ margin: 0px; list-style: none; }

.main-container{ width: 100%; overflow: hidden; }
.main-section{ position: relative; width: 100%; }
.main-wrapper{ width: 100%; margin: 0 auto; }

/* main-header */
.header-bg{ width: 100%; height: .95rem; background: #d61f2c; overflow: hidden; }
.header-top{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: .95rem; background: #d61f2c; display: flex; justify-content: space-between; align-items: center; }
.header-logo{ width: 1.87rem; height: .62rem; background: url(../images/header-logo.png) no-repeat center center; background-size: 100% 100%; }
.header-person{ width: .95rem; height: .95rem; position: relative; }
.person-btn{ width: 100%; height: 100%; background: url(../images/header-person.png) no-repeat center center; background-size: .41rem .41rem; }
.header-nav{ width: .95rem; height: .95rem; position: relative; }
.nav-btn{ width: 100%; height: 100%; background: url(../images/header-nav.png) no-repeat center center; background-size: .4rem .35rem; }
.nav-content{ display: none; position: absolute; top: 0; left: 0; z-index: 1; background: #fff; }
.nav-content-close{ width: .95rem; height: .95rem; background: url(../images/header-nav-close.png) no-repeat center center; background-size: .31rem .3rem; }
.nav-content-box{ position: absolute; top: .95rem; left: 0; z-index: 1; width: 4.5rem; padding: .3rem; background: #fff; }
.nav-content-box dt, .nav-content-box dd{ border-bottom: 1px solid #efefee; padding: .2rem 0; }
.nav-content-box dt a, .nav-content-box dd a{ display: block; color: #222222; }
.nav-content-box dt{ font-size: .32rem; }
.nav-content-box dd{ font-size: .26rem; }
.nav-content-box .nav-content-dl dd{ display: none; }
.nav-content-box dt span{ padding-right: .6rem; background: url(../images/icon-ft-right.png) no-repeat right center; background-size: .21rem .21rem; }

/* main-banner */
.main-banner{ width: 7.5rem; height: 4.2rem; overflow: hidden; }
.main-banner .swiper-slide{ width: 100%; height: 4.2rem; overflow: hidden; text-align: center; }
.main-banner .swiper-slide img{ width: 100%; height: auto; }
.main-banner .swiper-pagination-bullet-active{ background: #ffffff; }
.main-banner .swiper-pagination-bullet{ background: #fff; opacity: 0.6; }
.main-banner .swiper-pagination-bullet-active{ opacity: 1; }


/* show-toast */
.show-toast{ display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; }
.show-toast-mask{ width: 100%; height: 100%; background: rgba(0, 0, 0, .5); }
.show-toast-content{ position: absolute; top: 50%; left: 50%; z-index: 1; border: 1px solid #222222; background: #ffffff; padding: .2rem; width: 5rem; margin: -2rem 0 0 -2.6rem; }
.show-toast p{ text-align: center; font-size: .48rem; color: #222222; }
.show-toast-btn{ width: 3rem; line-height: 1rem; font-size: .4rem; color: #fff; text-align: center; background: #d61f2c; cursor: pointer; margin: .6rem auto 0; }


/* footer */
.main-footer{ width: 100%; padding: .5rem 0; background: #f4f6f5; }
.footer-info{ text-align: center; }
.footer-text{ line-height: .36rem; font-size: .16rem; color: #222222; }
.footer-right{ font-size: 0px; margin: .6rem 0 .4rem; }
.footer-item{ display: inline-block; line-height: .36rem; font-size: .24rem; }
.footer-item a{ padding: 0 .07rem; color: #222222; }
.footer-weibo{ display: inline-block; vertical-align: top; width: .36rem; height: .36rem; background: url(../images/weibo.png) no-repeat center center; background-size: .28rem .23rem; }
.footer-weixin{ display: inline-block; vertical-align: top; width: .36rem; height: .36rem; background: url(../images/weixin.png) no-repeat center center; background-size: .3rem .24rem; }
.footer-weixin-code{ width: 1.6rem; }