html{font-size: 100px;}

    
body{
  font-family: "Microsoft YaHei", "微软雅黑", 'PingFang SC', "Arial", sans-serif;
  color: #212121;
  box-sizing: border-box;
}
a{
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
}
a:focus,a:hover{
  text-decoration: none;
  opacity: 0.8;
}
input{
  -webkit-appearance: none;
}
img,a{
  -webkit-touch-callout: none;
}
.flex{
  display: flex;
}
.justify-between{justify-content: space-between;}
.align-center{align-items: center;}
.wrap{
  flex-wrap: wrap;
}

.swiper-container,.tjcp .slideitem {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-pagination-bullet{
  height: 8px;
  opacity: 0.3;
  transform: scale(1) !important;
  left: 0 !important;
}

.swiper-pagination-bullet-active{
background: #FFFFFF;
opacity: 1;
transform: scale(1) !important;
}
/* header */
.menu-list .mui-navigate-right:after{
  color: #333;
}
.logo img{
  width: 2.23rem;
}
.logoright img{
height: 0.36rem
}
.logoright a{
  margin-right: 0.2rem;
}
.header{
height: 0.96rem;
}

.app>.container{
  margin: -20px 0;
}
/* footer */
.foot-icon{
  height: 18.4rem;
background: #F5F5F5;
}
footer .icon{
  width: 25%;
  text-align: center;
  position: relative;
}
footer .icon span{
  display: inline-block;
  width: 8rem;
  height: 8rem;
  border-radius: 4rem;
  background: #FFFFFF;
  text-align: center;
  line-height: 8rem;
}
footer .icon i{
  color: #878787;
  font-size: 4rem;
}
footer .icon p{
  font-size: 2.4rem;
color: #666666;
line-height: 5rem;
text-align: center;
margin-bottom: 0;
}
.foot-bottom{
  background: #E7E8EA;
  height: 11.2rem;
  padding: 2rem 0;
}
.foot-bottom>div{
  line-height: 4.8rem;
font-size: 2rem;
color: #666666;
line-height: 3.6rem;
text-align: center;
}
footer .hoverShow {
  width: 116px;
  height: 116px;
  background: #FFFFFF;
  padding: 8px;
  position: absolute;
  top: -130px;
  left: -30px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  display: none;
}
footer .hoverShow.tel {
  width: 240px;
  height: 74px;
  line-height: 74px;
  font-size: 32px;
  color: #666666;
  padding: 0;
  top: -88px;
  left: -90px;
}
h1{
font-size: 6rem;
font-weight: normal;
color: #FFFFFF;
line-height: 10.8rem;
text-shadow: 0px 1px 3px rgba(0,0,0,0.25);
text-align: center;
font-style: normal;
text-transform: none;

margin-top: 0px;
}
h6{
  font-size: 2.4rem;
color: #FFFFFF;
line-height: 10rem;
text-align: center;
font-style: normal;
text-transform: none;
}
h2{
  font-size: 4.6rem;
  font-weight: normal;
  color: #212121;
  line-height: 19rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin-bottom: -2rem;
}
.toplist{
  height: 40rem;
  padding: 13rem 0 10rem;
}
.toplist-title{
  font-weight: normal;
  font-size: 6.4rem;
  color: #FFFFFF;
  line-height: 12rem;
  text-align: center;
}
.toplist-subtitle,.toplist-subtitle p{
  font-weight: normal;
  font-size: 2.8rem;
  color: rgba(255, 255, 255, 0.9);
  line-height: 3.2rem;
  text-align: center;
}
p{
      font-size: inherit;
    margin-bottom: 0;
    color: inherit;
}