*{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: 60rem; font-size: 38rem; line-height: 96rem; height: 96rem; margin-bottom: 22rem; font-weight: bold;}
.itit img { display: block; position: absolute; left: 0; top: 50%; margin-top: -25rem; height: 50rem;}


.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: 132rem; height: 132rem; 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;}


.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;}