html {
    
background: #800000;
    font-size: 625%; /*100 ÷ 16 × 100% = 625%*/}
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
 html { font-size: 703%; }
}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait) {
 html { font-size: 732.4%; }
}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
 html { font-size: 750%; }
}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
 html { font-size: 781.25%; }
}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){
 html { font-size: 808.6%; }
}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){
 html { font-size: 843.75%; }
}
body{
    padding:0;
    margin:0;
}
#app{
    width:40rem;
}
.top_img{
    width:100%;
    display: block;
}
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* 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;
  }
  .sw_width{
    padding: 0 1.5rem;
  }
  .swiper-pagination{
    text-align: right;
  }
  .swiper-pagination-bullet{
    background: #FFFFFF;
    opacity: 0.6;
  }
  .swiper-pagination-bullet-active{
    background: #FFFFFF; 
    opacity: 1;
  }
  .font_3{
    font-size: 1.6rem;
    font-weight: 900;
    color: #FBC831;
  }
  p{
      margin:0;
  }
  .pad_15{
      padding-bottom: 1.5rem;
  }
  ul li{
      list-style: none;
      margin-bottom: 2rem;
  }
  li , ul{
      padding:0;
    margin:0;
  }
.pad_b4{
    padding-bottom: 4rem;
}
.clearbox:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0}
.clearbox{
    zoom:1
}
.float_left{
    float: left;
}
.float_right{
    float: right;
}
.w_14{
    width: 14rem;
}
.w_20{
    width: 22rem;
    padding-left: 1rem;
}
.p_title{
    font-size: 1.4rem;
    color: #FFFFFF;
}
.p_content{
    font-size: 1.2rem;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 0.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.content_div{
    background: #670000;
    padding: 1.5rem 1rem;
}
.op9{
    opacity: .9;
}
.op6{
    opacity: .6;
}
.pad_1{
    padding-bottom: 0.5rem;
}
.pad_05{
    margin-bottom: 0.2rem;
}
.pad_2{
    padding-top: 2rem;
    position: relative;
}
.ruk{
    position: absolute;
    width: 17rem;
    top: 0;
    right: 0;
}
.pos_re{
    position: relative;
}
.a_link{
    width: 7rem;
    height: 7rem;
    position: absolute;
    top: 0;
    left: 2rem;
    
}
.li_img_box{
    position: absolute;
    width: 35.5rem;
    height: 6.5rem;
    border: 1px solid  rgba(251, 200, 49, 0.4);
    left: 0.5rem;
    top: 0.5rem;
    font-size: 1.6rem;
    font-weight: 900;
    color: #FFFFFF;
    line-height: 6.5rem;
    letter-spacing: 1px;
    text-shadow: 0px 2px 0px #5F0603;
    text-align: center;
}
a{
    text-decoration:none
}
.p_slide{
    font-size: 1.4rem;
    line-height: 3.2rem;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    padding:0 1.4rem
}
.swiper-slide{
    background: transparent;
}
.pad_t5{
    padding-top: 2rem;
}
a:focus{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
/* footer */
.arrow {
    background: url(https://img1.kepuchina.cn/images/2018/arrow.png) no-repeat;
    width: 3rem;
    height: 3.5rem;
    background-size: 3rem 3.5rem;
    position: fixed;
    left: 50%;
    margin-left: -1.5rem;
    bottom: 3.5rem;
    z-index: 2000;
    animation:mymove 1s infinite;
}
@keyframes mymove
{
0% {bottom:3rem;}
50% {bottom:3.5rem;}
100%{bottom:3rem;}
}
.icon {
    display: inline-block; text-decoration: inherit;
    font-family: "fontello"; font-style: normal; font-weight: normal; speak: none;
    font-variant: normal; text-transform: none;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.footer {
    position: relative; padding: 1rem;
    background-color: #000; color: #fff;
}
.footer h2 {
    font-size: 1.5rem; color: #fff; line-height: 2rem;
}
.footer h2 span { padding-left: .5rem; font-size: 1.2rem; font-weight: lighter; letter-spacing: 2px; }
.footer .contact { border-bottom: 1px solid #fff; }
.footer .contact a { margin-right: .5rem; color: #fff; }
.footer p { font-size: 1.2rem; line-height: 1.5rem; }
.footer .contact { margin-bottom: .5rem; font-size: 1.4rem; line-height: 2rem; }
.footer .btn-box { position: absolute; right: 1rem; bottom: 1rem; }
.footer .btn-box a {
    float: left; height: 2rem; padding: 0 .5rem; margin-left: .5rem;
    border-radius: .2rem; background-color: #fff;
    font-size: 1.2rem; color: #000; line-height: 2rem;
}
.icon{
    display: inline-block;
    text-decoration: inherit;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}