* {
    outline: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

img,
a img,
a:hover img {
    border: 0
}

i,
em {
    font-style: normal
}

ol,
ul,
dl,
li,
dt,
dd {
    list-style: none;
}

input,
select,
textarea,
button,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-family: inherit;
    appearance: none;
    -webkit-appearance: none;
}

input {
    -webkit-appearance: none;
}

:focus {
    outline: 0;
}

a {
    color: #333333;
    text-decoration: none
}

a:active {
    color: #3a9fff;
    text-decoration: none
}

a,
a:active,
.more {
    transition: all 300ms ease;
    appearance: none
}

input,
select,
button {
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
    color: #999;
}

html {
    font-size: 0.133333333vw;
    height: 100%
}

body {
    background: url(../img/bg.jpg) center top no-repeat fixed #ffffff;
    background-size: 100% auto;
    color: #333333;
    font-size: 28rem;
    line-height: 1.6;
}


.wrap {
    padding-top: 30rem;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.header {
    height: 128rem;
}

.topbox {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 128rem;
    z-index: 99999;
}

.topnav {
    overflow-x: auto;
    margin: -40rem -30rem 0 -30rem;
}

.topnav ul {
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
}

.topnav ul li {
    display: inline-block;
    font-size: 34rem;
    line-height: 128rem;
    padding: 0 38rem;
    cursor: pointer;
}

.topnav ul li.on {
    font-size: 40rem;
    font-weight: bold;
    background: url(../img/nav.png) center center no-repeat;
    background-size: 85rem auto;
}

.topboxs {
    background: rgba(255, 255, 255, 0.5);
}

.mainer {
    padding-bottom: 40rem;
}

.mainbox {
    padding: 0 30rem;
}

.ibanner {
    overflow: hidden;
    position: relative;
    margin: 0 -30rem 30rem -30rem;
}

.ibanner .img {
    display: block;
    margin: 0 30rem;
}

.ibanner .img img {
    display: block;
    width: 100%;
    border-radius: 10rem;
}

.index_banner {
    margin-bottom: 30rem;
}

.index_banner img {
    display: block;
    width: 100%;
    border-radius: 10rem;
}

.itit {
    position: relative;
    padding-left: 190rem;
    font-size: 50rem;
    line-height: 96rem;
    height: 96rem;
    margin-bottom: 22rem;
    font-weight: bold;
}

.itit img {
    display: block;
    position: absolute;
    left: 0;
    top: -10%;
    margin-top: -50rem;
    height: 165rem;
}


.nav_swiper {
    position: relative;
    margin: -40rem -30rem 0 -30rem;
    overflow: hidden;
}

.nav_swiper .btn {
    font-size: 34rem;
    line-height: 128rem;
    text-align: center;
    cursor: pointer;
}

.nav_swiper .swiper-slide-thumb-active .btn {
    font-size: 40rem;
    font-weight: bold;
    background: url(../img/nav.png) center center no-repeat;
    background-size: 85rem auto;
}

.list_swiper {
    position: relative;
    margin: 0 -21rem 30rem -21rem;
    overflow: hidden;
}


.ilist1 {
    padding-bottom: 10rem;
}

.ilist1 .item {
    float: left;
    width: 25%;
    margin-bottom: 20rem;
}

.ilist1 .item a {
    display: block;
}

.ilist1 .item img {
    display: block;
    margin: 0 auto;
    width: 145rem;
    height: 200rem;
    border-radius: 10rem;
    object-fit: cover;
}

.ilist1 .item p {
    display: block;
    margin: 0 10rem;
    height: 60rem;
    line-height: 60rem;
    font-size: 25rem;
    font-weight: 600;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ilist1 .item .btn {
    display: block;
    margin: 0 auto;
    width: 100rem;
    line-height: 52rem;
    border-radius: 26rem;
    font-size: 26rem;
    background: #d9f7ff;
    color: #3a9fff;
    text-align: center;
}

.ilist1 .item .btn:active {
    background: #3a9fff;
    color: #fff;
}

.ilist1:after {
    display: block;
    content: '';
    clear: both;
}
f.ilist1 .item img

.ilist2 {
    padding: 0 0 10rem 0;
}

.ilist2 .item {
    margin-bottom: 58rem;
}

.ilist2 .item a {
    display: block;
    position: relative;
    padding: 0 130rem 0 180rem;
}

.ilist2 .item .no {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
}

.ilist2 .item .no img {
    display: block;
    height: 37rem;
    border-radius: 10rem 0 0 0;
}

.ilist2 .item .img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.ilist2 .item .img img {
    display: block;
    width: 144rem;
    height: 144rem;
    border-radius: 10rem;
    object-fit: cover;
}

.ilist2 .item .tit {
    display: block;
    height: 44rem;
    line-height: 44rem;
    font-size: 32rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ilist2 .item .con {
    display: block;
    height: 52rem;
    line-height: 52rem;
    font-size: 26rem;
    color: #999999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 5rem;
}

.ilist2 .item .foot {
    height: 40rem;
    line-height: 40rem;
}

.ilist2 .item .foot b {
    float: left;
    font-weight: normal;
    background: url(../img/star.png) left 6rem no-repeat;
    background-size: 26rem auto;
    padding-left: 38rem;
    font-size: 26rem;
    color: #3a9fff;
}

.ilist2 .item .foot i {
    float: left;
    display: block;
    width: 1px;
    height: 22rem;
    background: #999999;
    margin: 9rem 20rem 0 20rem;
}

.ilist2 .item .foot span {
    float: left;
    font-size: 24rem;
}

.ilist2 .item .btn {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -31rem;
    width: 108rem;
    line-height: 62rem;
    border-radius: 32rem;
    font-size: 30rem;
    background: #d9f7ff;
    color: #3a9fff;
    text-align: center;
}

.ilist2 .item .btn:active {
    background: #3a9fff;
    color: #fff;
}