@font-face {
  font-family: 'REGULAR';
  src: url('./SOURCEHANSANSCN-REGULAR.OTF');
}
@font-face {
  font-family: 'MEDIUM';
  src: url('./SOURCEHANSANSCN-MEDIUM.OTF');
}


*{margin:0;padding:0;}
li{list-style-type: none;}
a{text-decoration:none;color:#000;}
h1,h2,h3,h4,h5,h6{ font-style: normal; font-size:100%; font-weight:normal;}
body{max-width: 32rem; margin: 0 auto;background-color: #fff;font-size: 1rem;font-family: 'REGULAR';}
.no{display:none;}
img{ border:0;}
.img{width: 100%;display:block}
.clear{clear:both;}
.box{width:94%;margin:0 auto;}
.over{overflow: hidden}
.fl{float: left} 
.fr{float: right}
.border{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;}

.wr{writing-mode: vertical-rl;writing-mode: tb-rl;}
.wl{writing-mode: vertical-lr; writing-mode: tb-lr;}
.dx{text-transform : uppercase} 
.xx{text-transform : lowercase}
.sdx{text-transform : capitalize}


.zc{font-family: 'MEDIUM';}

.swiper{ margin: 0;}
.swiper-button-prev,.swiper-button-next{outline: none;margin: 0;}



.cor{color: #3286e5}
.cor1{color: #443933}
.cor2{color: #ffffff}
/* 内容 */
.title{padding: 3rem 0 2rem;}
.title h3{font-size: 1.8rem;line-height: 1.8rem;}


.ht1{padding:3rem 0 0;}
.ht11 a{display: block;font-size: 1rem}
.ht11 a img{height: 3rem;display: block;margin: 0 auto 0.5rem;}
.ht11 .line{width: 1px;height: 6rem;background:#b8b8b8;}
.ht1>.line{height: 1px;background:#b8b8b8;margin: 1.5rem auto;}
.ht12 a{width: 42%;height: 3rem;border-radius: 0.5rem;margin: 2rem 2.5% 0;font-size: 1.2rem}

.ht2{padding: 0 0 3rem;}
.ht21 a{width: 24%;height: 3rem;border-radius: 0.5rem;background:#3286e5;font-size: 1.4rem;color: #fff;margin-bottom: 0.5rem}

.ht3{width: 100%;background: url(../images/ht3.jpg) no-repeat center;background-size: 100%; padding: 3rem 0 2rem;}
.ht3>h3{font-size: 2rem;line-height: 2.2rem;}

.ht31 p{font-size: 1.2rem;line-height: 1.8rem;margin: 1.5rem 0;}
.ht311{font-size: 1.2rem}
.ht311 span{width: 2rem;height: 2rem;border-radius: 50%;background:#dc2328;color: #fff;margin-right: 0.5rem}
.ht312{font-size: 1.2rem;display: block;margin: 0.3rem 0 0.2rem;}
.ht313{font-size: 1.2rem}
.ht314{font-size: 1.2rem;display: block;color: #3286e5;margin: 1.5rem 0 0;}
.ht31 a:hover{color: #dc2328;}

.ht3>p{font-size: 1.05rem;color: #dc2328;line-height: 1.6rem;margin-top: 1rem}

.ht4{padding-bottom: 2rem}
.ht41 ul li{width: 32%;padding: 1.5rem 0 2rem;border-radius: 0.5rem; box-shadow: 0 0.2rem 0.3rem rgba(150,150,150,0.55)}
.ht41 ul li img{height: 4.2rem}
.ht41 ul li h5{font-size: 1.3rem;margin:1.2rem 0;}
.ht41 ul li a{width: 70%;height: 2.3rem;border-radius: 1.2rem;background:#3286e5;font-size: 1.3rem;margin: 0 auto;color: #fff;}

.ht5{width: 100%;background:#efefef;padding-bottom: 5rem}
.ht51 ul li{background:#fff;box-shadow: 0 0.2rem 0.3rem rgba(150,150,150,0.55);padding: 1rem 3%;border-radius: 0.8rem;margin-bottom: 1.2rem}
.ht511{font-size: 1.1rem}
.ht512 span{font-size: 1rem;color: #6e6e6e}
.ht513{width: 1.8rem;height: 1.8rem;border-radius: 0.5rem;margin: 0 0.6rem; font-size: 1.1rem;color: #fff}

.ht5131{background:#e73e63;}
.ht5132{background:#dc2328;}
.ht5134{background:#f8ad1d;}
.ht5133{visibility: hidden}
.ht512 img{height: 1.7rem;display: block;}


.ht51 ul li:hover .ht511{color: #dc2328}
.ht5>h1{font-size: 1.6rem;color: #3286e5;margin-top: 0.5rem}


.di0{width：100%;max-width: 32rem;  position:fixed;bottom:0;left: 0;right:0;margin: auto; z-index: 999;}
.di01{display:flex;justify-content: space-between; flex-flow:nowrap}
.di01 a{width:50%;line-height:4rem;height:4rem;text-align: center;font-size: 1.8rem;color: #fff;}