body {min-width:320px;max-width:639px;margin:0 auto;color:#333;padding:0;font-family:"Microsoft Yahei";text-align:center;}
.container {}
.swiper1 {width:100%;}
.swiper1 .selected {color:#005870;border:2px solid #005870;border-radius: 10px;}
.swiper1 .swiper-slide {text-align:center;font-size: 12px;height: 28px;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;cursor:pointer;width: 67px !important;}
.swiper2 {width:100%;}
.swiper2 .swiper-slide {/* height:calc(100vh - 50px);*//* background-color:#ccc;*/text-align:center;box-sizing:border-box !important;overflow-x:hidden !important;}
.swiper-no-swiping {color:#000000;line-height:100px;}
p,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:14px;font-family:Tahoma,sans-serif;color:#000000;cursor:default;}
img {margin: 0px 0;padding:0;border:0 none;outline-style:none;vertical-align:middle;}
a,a:active,a:visited {text-decoration:none;color:#233;background:#fff;}
a:hover {background:#9c9;}
i {font-style:normal;padding-left:5px;user-select:all}
b {padding-left:15px;}
body {background:#ffffff;}
.logo{display: block;position: relative;}
.w {width: 100%;max-width:800px;margin:0 auto;}
.header {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;height: 36px;}
.header h1 {font-size: 19px;line-height:36px;color:#005870;height:100px;margin: 0 12px;}
.header img {margin: 8px;width: 33px;}
.header a {font-size:14px;line-height: 22px;height:20px;padding:0 8px;margin: 7px 1%;background:#005870;color:#fff;text-align:center;}
.header a:hover {background:#9c9;}
.xxlink {width:99%;background:#005870;display:flex;flex-wrap:wrap;justify-content:flex-start;border:2px solid #005870;}
.xxlink1 {width:100%;margin-bottom:5px;background:#005870;display:flex;flex-wrap:wrap;justify-content:flex-start;border:2px solid #005870;}
.xxlink2 {width:100%;margin-bottom:5px;background:#ffffff;display:flex;flex-wrap:wrap;justify-content:flex-start;border:2px solid #005870;}
.xxlink h3 {width:95%;padding:0 2.5%;font-size:18px;line-height: 26px;background:#fff;margin-bottom:12px;color:#005870;}
.xxlink1 h3 {width:95%;padding:0 2.5%;font-size:18px;line-height:44px;background:#fff;margin-bottom:12px;border-top-left-radius:10px;border-top-right-radius:10px;color:#005870;}
.xxlink a {width:30%;margin-left:2.5%;line-height: 36px;text-align:center;margin-bottom: 5px;font-size:13px;font-weight: 600;}
@media only screen and (min-width:480px) {.xxlink h3 {width:95%;padding:0 2.5%;color: #005870}
.xxlink a {width:30%;margin-left:2.5%;}
}
@media only screen and (min-width:560px) {.xxlink h3 {width:96%;padding:0 2%;color: #005870}
.xxlink a {width:22.5%;margin-left:2%;}
}
@media only screen and (min-width:800px) {.xxlink h3 {width:97%;padding:0 1.5%;color:#005870;}
.xxlink a {width:18.2%;margin-left:1.5%;}
}
.footer {width: 98%;text-align:center;padding:12px 0 24px;}
.footer p {color:#000;line-height:24px;}
@keyframes change {0% {color:#333;}
25% {color:#ff0;}
50% {color:#f60;}
75% {color:#cf0;}
100% {color:#f00;}
}
.navi {font-size:0;text-align:center}
.appico {width: 20%;margin: 5px 0px;height:auto;box-sizing:border-box;display:inline-block;position:relative;}
.appico p {width:100%;height: 19px;line-height: 22px;text-align:center;font-size: 11px;margin:0;color:#ffffff;overflow:hidden;}
.naicon {border-radius:5px;overflow:hidden;font-size:0;margin:6px}
.appico img {width:100%}
.appico:hover .btn-raised {-webkit-box-shadow:0 0 12px 4px rgba(0,0,0,.24),0 0 2px -2px rgba(0,0,0,.4),0 1px 12px 0 rgba(0,0,0,.22);box-shadow:0 0 12px 4px rgba(0,0,0,.24),0 0 2px -2px rgba(0,0,0,.4),0 1px 12px 0 rgba(0,0,0,.22)}
.yss{
    width: 180px;
    margin: 8px 0;
    }