*{padding:0;margin: 0;box-sizing: border-box;}
html{background: #eee;}
html,
body {
    background: #fff url('../h5_files/bg.png') ;background-position: center top;    background-size: cover !important;
}
body {
    font-family: 'STHeiti', 'Microsoft YaHei', Helvetica, Arial, sans-serif;
    margin: 0 auto;
    max-width: 600px;
}
.logo{
    float: left;
    padding: 1.5vh 0 0;
    width: 100%;
    text-align: center;
}
.logo img{
    height: 8vh;
}

.mySwiper {width: 100%;float: left;padding-bottom: 0vh}
.mySwiper .swiper-slide{text-align: center;font-size: 18px;background-size: cover;background-position: center center;position: relative;float: left;}
.mySwiper .swiper-slide img{float: left;width: 100%;}
.mySwiper .swiper-horizontal>.swiper-pagination-bullets,
.mySwiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.mySwiper .swiper-pagination-custom,
.mySwiper .swiper-pagination-fraction{bottom:0px;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin-left:4px;margin-right:4px;}
.swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 8px;background: #eee;vertical-align: top;display: inline-block;opacity: 1;}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{background: #666;opacity: 1;vertical-align: top;display: inline-block;}

.foot{float: left;width: 100%;padding: 0 0vw 0;}
/*.foot .first{background: #fff;height: 6vh;border-radius: 6vh;overflow: hidden;line-height: 6vh;display: flex;flex-direction: row;justify-content: space-between;box-shadow: 0 0 10px rgba(0,0,0,0.1);;}
.foot .first b{float: left;color: red;font-size: 18px;padding: 0 20px;}
.foot .first p{float: right;background: linear-gradient(to right,#e95d1e,#d40000);color: #fff;font-size: 15px;border-radius: 6vh;width: 47%;text-align: center;}
.foot .first p span{font-size: 24px;vertical-align: bottom;top: 0;margin-right: 6px;}
.foot .second{float: left;width: 100%;margin-top: 2vh;display: flex;flex-direction: row;justify-content: space-between;}
.foot .second a{width: 47%;background: #03a9f4;line-height: 5vh;border-radius: 5vh;text-align: center;font-size: 14px;box-shadow: 0 0 10px rgba(0,0,0,0.1);color: #fff;}
.foot .second a:nth-child(2){background: #03a9f4;}
.foot .second a span{font-size: 20px;vertical-align: bottom;top: 0;margin-right: 6px;}*/

.foot .morebox{float: left;width: 100%;position: relative;padding: 0 5vw;}
.foot .first{background: #fff;height: 7vh;border-radius: 6px;overflow: hidden;line-height: 6.5vh;display: flex;flex-direction: row;justify-content: space-between;box-shadow: 0 0 10px rgba(0,0,0,0.1);border:2px solid #d40000;}
.foot .first b{float: left;color: #d40000;font-size: 24px;padding: 0 20px;}
.foot .first p{float: right;background: linear-gradient(to right,#d40000,#d40000);color: #fff;font-size: 5vw;border-radius: 0px;width: 47%;text-align: center;overflow: hidden;}
.foot .first p span{font-size: 8vw;vertical-align: bottom;top: 0;margin-right: 6px;}
.foot .first p i{font-weight: bold;}
.foot .second{float: left;width: 100%;margin-top: 2vh;display: flex;flex-direction: row;justify-content: space-between;padding: 0 5vw;}
.foot .second a{width: 47%;background: #03a9f4;line-height: 6vh;border-radius: 6px;text-align: center;font-size: 5vw;box-shadow: 0 0 10px rgba(0,0,0,0.1);color: #fff;border-bottom: 6px solid #008ac8;}
.foot .second a:nth-child(2){background: #03a9f4;}
.foot .second a span{font-size: 6vw;vertical-align: bottom;top: 0;margin-right: 6px;}
.foot .second a i{font-weight: bold;}

.foot .three{float: left;width: 100%;margin-top: 2vh;display: flex;flex-direction: row;justify-content: space-between;}
.foot .three a{width: 50%;float: left;}
.foot .three a img{width: 100%}
.foot .three a:nth-child(2){float: right;}

.foot .four{float: left;width: 100%;margin-top: 2vh;}
.foot .four a{width: 100%;float: left;}
.foot .four a img{width: 100%}


.jsBox {
    padding-bottom: 2px;
    width: 100%;
    position: absolute;
    bottom: 7vh;
    left: 0;
    box-sizing: content-box;
    display: none;
    padding-bottom: 10px;
    z-index: 999;
}
.jsBox::after {
    content: '';
    background: url(../index_files/arrow.png);
    display: block;
    position: absolute;
    width: 13px;
    height: 7px;
    left: 50%;
    margin-top: -1px;
}
.linkUl li:hover .jsBox {
    display: block;
}

.ulList {
    padding:14px 10px 13px;
    border: 1px solid rgb(189, 36, 36);
    background: #fff;
}

.ulList li {
    margin-bottom: 13px;
    overflow: hidden;
    zoom: 1;
    color: #414755;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
}
.ulList li .ms {
    margin-right: 6px;
    width: 15vw;
    font-size: 13px;
    display: block;
    float: left;
    border: 1px solid rgb(189, 36, 36);
    background: #fff;
}

.ulList li>img {
    margin: 16px 6px 0 0;
    display: block;
    float: left;
    width: 4vw;
}

.ulList li .text {
    line-height: 24px;
    font-weight: bold;
    margin: 10px 0 5px;
    color: #000;
    font-size:18px;
}
.ulList li .url {
    width: 48vw;
    font-size: 15px;
    float: left;
    display: block;
    box-sizing: border-box;
    border: 1px solid rgb(189, 36, 36);
    background: #fff;
    overflow: hidden;
}

.ulList li a {
    width: 22vw;
    display: block;
    float: right;
    color: #fff;
    font-size: 15px;
    line-height: 42px;
    text-align: center;
    border:none;
    background: linear-gradient(270deg, #d40000 0%, #ff1010 100%);
    font-weight: bold;
}

.ulList a:hover {
    background: linear-gradient(180deg, #fbe2e2 0%, #fffcfc 100%);
    color: #eb3528;


}