html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  font-family: "微软雅黑", "Microsoft YaHei";
}
@font-face {
  font-family: 'REEJI-PinboGB-Flash';
  src: url(../fonts/包图粗朗体.ttf) format('truetype');
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
a {
  background-color: transparent;
  text-decoration: none;
  color: #333;
}
a:hover {
  text-decoration: none;
}
ul,
li,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
img {
  border-style: none;
}
#head {
  position: fixed;
  z-index: 99999;
  width: 100%;
  top: 0;
}
#head #header {
  width: 100%;
  height: 1.4667rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #000000;
  padding-right: 0.4rem;
  border-bottom: 0.0533rem solid #D10A16;
  position: relative;
}
#head #header > a {
  width: 4rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#head #header > a .logo {
  width: 3.04rem;
  display: block;
}
#head #header .h-icons {
  height: 100%;
  display: flex;
  align-items: center;
}
#head #header .h-icons i {
  font-size: 0.48rem;
  color: #fff;
}
#head #header .h-icons i:first-child {
  margin-right: 0.8rem;
  font-size: 0.35rem;
}
#head #header .h-icons .close {
  color: #fff;
  display: none;
  opacity: 1;
  text-shadow: none;
  font-weight: 400;
}
#head #header .h-icons .menu {
  color: #fff;
}
#head #header .h-icons .tel {
  color: #E00000;
  position: relative;
}
#head #header .h-icons .tel::after {
  position: absolute;
  content: '';
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border: 0.0133rem solid #E00000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
#head #header .h-menu {
  position: absolute;
  height: 100%;
  line-height: 1.4667rem;
  width: 82%;
  right: 0;
  top: 0;
  z-index: 100;
  text-align: right;
  padding-right: 0.47rem;
  color: #D00203;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#head #header .h-menu.s-menu {
  box-shadow: 0px 0.07rem 0.24rem 0px rgba(190, 189, 189, 0.32);
}
#head #header .h-menu .guanbi,
#head #header .h-menu .wenzi {
  display: none;
}
#head #header .h-menu .menu {
  color: #fff;
  font-size: 0.48rem;
}
#head #header .h-menu .wenzi {
  margin-right: 0.4rem;
}
#head #header .h-menu .tel-icon {
  margin-right: 0.8rem;
  font-size: 0.35rem;
  color: #E00000;
  position: relative;
}
#head #header .h-menu .tel-icon::after {
  position: absolute;
  content: '';
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border: 0.0133rem solid #E00000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
#head #header .h-menu span {
  font-weight: bold;
  font-size: 0.43rem;
}
#head #header .h-menu i {
  font-size: 0.39rem;
}
#head #menu {
  width: 82%;
  height: 10.7rem;
  overflow: scroll;
  background: #fff;
  position: absolute;
  top: 1.4rem;
  left: 18%;
  display: none;
  z-index: 99;
  box-shadow: 0px 0px 0.07rem 0px rgba(190, 189, 189, 0.81);
}
#head #menu a {
  color: #fff;
  display: block;
}
#head #menu .first-menu {
  width: 100%;
}
#head #menu .first-menu > li {
  width: 100%;
  font-size: 0.373333rem;
  background: #fff;
  color: #333;
}
#head #menu .first-menu > li > a {
  padding: 0.5333rem 0;
  width: 92%;
  margin-left: 8%;
  border-bottom: 0.0133rem solid #F0F0F0;
}
#head #menu .first-menu > li a {
  color: #333;
  font-size: 0.4rem;
  font-weight: 600;
}
#head #menu .first-menu .active-menu > a {
  color: #DA0000;
}
#head #menu .first-menu .active-menu > div {
  color: #DA0000;
}
#head #menu .first-menu .menu-list-box {
  padding-bottom: 0;
  font-size: 0.4rem;
  color: #333;
  font-weight: 600;
}
#head #menu .first-menu .menu-list-box > div {
  width: 92%;
  margin-left: 8%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.5333rem;
  padding-right: 0.533333rem;
  padding-top: 0.5333rem;
  border-bottom: 0.0133rem solid #F0F0F0;
}
#head #menu .first-menu .menu-list-box > div .bottom-jt {
  font-size: 0.3333rem;
}
#head #menu .first-menu .menu-list-box > div .top-jt {
  font-size: 0.3333rem;
}
#head #menu .first-menu .menu-list-box #erji-menu {
  z-index: 10099;
  width: 100%;
}
#head #menu .first-menu .menu-list-box #erji-menu > li {
  background: #fff;
  font-weight: 400;
  padding: 0.5333rem 0 0.5333rem 1rem;
  background: #F7F7F7;
  color: #666;
}
#head #menu .first-menu .menu-list-box #erji-menu > li:active {
  background: #D10A16;
}
#head #menu .first-menu .menu-list-box #erji-menu > li:active a {
  color: #fff;
}
#head #menu .first-menu .menu-list-box #erji-menu > li:last-child {
  border-bottom: none;
}
#head #menu .first-menu .menu-list-box #erji-menu > li > a {
  font-weight: 400;
  font-size: 0.3733rem;
}
#head .hide {
  display: none;
}
#head .colorRed {
  background: #D10A16 !important;
}
#head .colorRed a {
  color: #fff !important;
}
#head #tel-con,
#footer #tel-con {
  z-index: 5599;
}
#head #tel-con .tel-box,
#footer #tel-con .tel-box {
  background: #fff;
  display: flex !important;
  align-items: center;
  padding: 0.8rem 0.73rem;
}
#head #tel-con .tel-box .tel-i,
#footer #tel-con .tel-box .tel-i {
  width: 0.64rem;
  height: 0.64rem;
  border-radius: 50%;
  background: #DA0000;
  margin-right: 0.2667rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#head #tel-con .tel-box .tel-i span,
#footer #tel-con .tel-box .tel-i span {
  font-size: 0.3467rem;
  color: #fff;
}
#head #tel-con .tel-box .dianhua,
#footer #tel-con .tel-box .dianhua {
  font-size: 0.4rem;
  color: #333;
  font-weight: bold;
}
#head #tel-con .tel-box .dianhua a,
#footer #tel-con .tel-box .dianhua a {
  color: #F00001;
  font-weight: 500;
  display: inline-block;
}
#footer {
  width: 100%;
  background: url(../images/footer-bg.jpg) no-repeat;
  background-size: 100% 100%;
}
#footer .logo {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-bottom: 0.03rem solid #43474C;
  padding: 1.07rem 0 0.45rem;
}
#footer .logo .logoimg {
  width: 3.2rem;
  vertical-align: top;
}
#footer .logo .rexian .wenzi {
  font-size: 0.32rem;
  color: #fff;
  text-align: right;
  line-height: 1;
  margin-bottom: 0.13rem;
}
#footer .logo .rexian .wenzi span {
  font-size: 0.27rem;
  color: #fff;
  margin-right: 0.16rem;
}
#footer .logo .rexian a {
  display: block;
  line-height: 1;
  color: #E00000;
  font-size: 0.35rem;
  font-family: '黑体';
  font-weight: bold;
  letter-spacing: 0.04rem;
}
#footer #tel-con .tel-box {
  background: transparent;
  padding: 0 !important;
}
#footer #tel-con .tel-box .dianhua {
  color: #8D919B;
}
#footer #tel-con .tel-box .iconfont {
  color: #fff !important;
}
#footer .hide {
  display: none;
}
#footer #menu {
  width: 100%;
  padding-top: 0.1rem;
  z-index: 9999;
}
#footer #menu a {
  color: #fff;
  display: block;
}
#footer #menu .first-menu {
  width: 100%;
}
#footer #menu .first-menu > li {
  width: 100%;
  font-size: 0.373333rem;
}
#footer #menu .first-menu > li > a {
  padding: 0.5333rem 0;
  width: 92%;
  margin-left: 8%;
  border-bottom: 0.0133rem solid #F0F0F0;
}
#footer #menu .first-menu > li a {
  font-size: 0.4rem;
  font-weight: 600;
}
#footer #menu .first-menu .active-menu > a {
  color: #DA0000;
}
#footer #menu .first-menu .active-menu > div {
  color: #DA0000;
}
#footer #menu .first-menu .menu-list-box {
  padding: 0.5333rem 0;
  font-size: 0.4rem;
  color: #fff;
  font-weight: 600;
  border-bottom: 0.03rem solid #43474C;
}
#footer #menu .first-menu .menu-list-box .iconfont {
  color: #cf2008;
}
#footer #menu .first-menu .menu-list-box > div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#footer #menu .first-menu .menu-list-box > div .bottom-jt {
  font-size: 0.3333rem;
}
#footer #menu .first-menu .menu-list-box > div .top-jt {
  font-size: 0.3333rem;
}
#footer #menu .first-menu .menu-list-box #erji-menu {
  z-index: 10099;
  width: 100%;
  padding-top: 0.3667rem;
}
#footer #menu .first-menu .menu-list-box #erji-menu > li {
  font-weight: bold;
  padding: 0.1rem 0;
  color: #8D919B;
}
#footer #menu .first-menu .menu-list-box #erji-menu > li:last-child {
  border-bottom: none;
}
#footer #menu .first-menu .menu-list-box #erji-menu > li > a {
  color: #8D919B;
  font-weight: bold;
  font-size: 0.3733rem;
}
#footer .f-top-box {
  width: 100%;
  padding: 0 0.5333rem 0.6rem;
}
#footer .f-top-box > ul {
  width: 100%;
}
#footer .f-top-box > ul li {
  width: 100%;
}
#footer .f-top-box > ul li .biaoqian {
  font-size: 0.4rem;
  color: #fff;
  padding: 0.6rem 0 0.0667rem 0;
}
#footer .f-top-box > ul li .bq-list-box {
  line-height: 0.32rem;
}
#footer .f-top-box > ul li .bq-list-box > a,
#footer .f-top-box > ul li .bq-list-box > span {
  display: inline-block;
  color: #8D919B;
  font-size: 0.32rem;
}
#footer .f-top-box > ul li .bq-list-box p {
  color: #8D919B;
  font-size: 0.32rem;
  margin-bottom: 0;
  line-height: 2;
}
#footer .f-top-box > ul li .bq-list-box p a {
  font-size: 0.4533rem;
  color: #DD2731;
  font-weight: 500;
}
#footer .f-logo {
  width: 5.3333rem;
  height: 0.9333rem;
  background: linear-gradient(90deg, #DB3939 0%, #F64444 100%);
  border-radius: 0.0267rem;
  font-size: 0.4267rem;
  color: #fff;
  letter-spacing: 0.1067rem;
  margin: 0.7667rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#footer .f-logo span {
  line-height: 1;
  vertical-align: baseline;
}
#footer .f-logo span:first-child {
  padding-right: 0.2667rem;
}
#footer .f-bottom-box {
  width: 100%;
  font-size: 0.2933rem;
  color: #BEBFC0;
  text-align: center;
  line-height: 1.6;
  padding: 0.4rem 0.35rem 0.7rem;
  margin-bottom: 0;
}
#footer .f-bottom-box a {
  color: #BEBFC0;
}
.goBack {
  width: 0.99rem;
  height: 0.99rem;
  background: #E31F38;
  color: #fff;
  position: fixed;
  bottom: 2.47rem;
  right: 5%;
  display: none;
  cursor: pointer;
  text-align: center;
  z-index: 33;
  line-height: 0.99rem;
}
.goBack > i {
  display: inline-block;
  height: 100%;
  font-size: 0.29rem;
  vertical-align: 0.16rem;
}
.fanhuiliebiao {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.266667rem;
  height: 1.066667rem;
  margin-top: 0.4rem;
  margin-bottom: 0.666667rem;
  font-size: 0.373333rem;
  background: #c52a28;
  margin-left: auto;
}
.fanhuiliebiao a {
  color: #fff;
}
.fanhuiliebiao img {
  margin-right: 0.133333rem;
  width: 0.35rem;
  height: 0.35rem;
}
.more-btn {
  display: block;
  color: #fff;
  width: 3.0667rem;
  height: 0.9333rem;
  background: linear-gradient(90deg, #DB3939 0%, #F64444 100%);
  border-radius: 0.0267rem;
  font-size: 0.3467rem;
  line-height: 0.9333rem;
  text-align: center;
  margin-top: 0.2667rem;
}
.more-btn span {
  padding-left: 0.3333rem;
  color: #fff;
}
.more-btn:active,
.more-btn:focus {
  color: #fff;
}
.guding-right {
  position: fixed;
  right: 0.4rem;
  bottom: 0.4rem;
  z-index: 30;
  background: #fff;
  padding: 0.1rem 0.2rem 0.2rem;
  box-shadow: 0px 0.2rem 0.19rem 0px rgba(0, 0, 0, 0.22);
}
.guding-right .guanbi {
  color: #333;
  font-size: 0.2933rem;
  text-align: right;
  margin-bottom: 0.1333rem;
  font-weight: bold;
}
.guding-right .guanbi .iconfont {
  font-size: 0.2933rem;
  margin-right: 0.0667rem;
}
.guding-right .ahezi {
  box-shadow: 0rem 0.2rem 0.68rem 0rem rgba(0, 0, 0, 0.22);
}
.guding-right .ahezi img {
  width: 4.6533rem;
  -webkit-animation: btnScale2 0.8s infinite;
  animation: btnScale2 0.8s infinite;
}
.shubiao-point-next {
  position: absolute;
  bottom: 7%;
  left: 50%;
  transform: translate(-50%, 0);
  color: #fff;
  display: flex;
  align-items: center;
  cursor: pointer;
  animation: bounceY 2s infinite;
  z-index: 99;
}
.shubiao-point-next > i {
  font-size: 0.4533rem;
}
.shubiao-point-next > span {
  font-size: 0.32rem;
  padding-left: 0.1067rem;
}
.shubiao-point-next333 {
  color: #333;
}
@keyframes btnScale2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceY {
  0%,
  100% {
    transform: translate(-50%, 0);
  }
  50% {
    transform: translate(-50%, -0.2667rem);
  }
}
