@charset "UTF-8";

html {color: #fff;height: 100%;font-size: 0.5px;}
body {position: relative;min-height:100%;background:#000;font-family:Arial, sans-serif,"Helvetica Neue", Helvetica;-webkit-text-size-adjust:none;color: #666;margin: 0;padding: 0;-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;}
cite,i{font-style: normal;}
article,section{display: block;}
h1,h2,h3,h4,h5,h6,p{margin: 0;font-weight: normal;}
dl,dd,ul{margin: 0;padding: 0;}
li{list-style: none;}
a{text-decoration: none; color: inherit;-webkit-tap-highlight-color:transparent;-webkit-touch-callout: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:active { color: inherit; }
input,textarea{-webkit-tap-highlight-color:transparent;-webkit-appearance: none;outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input::-webkit-search-decoration { -webkit-appearance: none }
button,select{-webkit-touch-callout: none; -webkit-appearance: none ;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img{vertical-align: top;border-style:none;border:none;-webkit-appearance: none;outline: none;}


.test{position: absolute;left: 0;top: 0;}

.warp{position: relative;overflow: hidden;}
.warp span{display: block; position: relative; padding-bottom: 224%;overflow: hidden;height: 0;}
.warp img{position: absolute;left: 0;top: 0; width: 100%;}


.footer{position: fixed;left: 0;bottom: 0;right: 0;padding: 0 24px 24px;text-align: center;background: rgba(0, 0, 10, 0.75);z-index: 999;}
.footer h3{display: block;height: 12px;padding: 12px 0; width: 100%;text-align: center;}
.footer h3 img{width: 147px;height: 12px;}
.footer cite{display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer a{display: inline-block;vertical-align: top; width: 136px;height: 40px;vertical-align: top;}
.footer img{width: 100%;height: 100%;vertical-align: top;}


.swiper-warp{position: absolute;left: 0;top: 0;width: 100%; padding-top: 134.1%;padding-bottom: 78.55%;}
.swiper-container{position: absolute;left: 0;bottom: 0;right: 0; height: 294px; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.swiper-slide{display: block;width: 225px;height: 294px;box-sizing: border-box;padding: 10px; background: url(../images/images_border.png) no-repeat;background-size: 100% 100%;}
.swiper-slide img{width: 100%;height: 100%;}

.swiper-button-prev,.swiper-button-next{width: 19px;height: 19px;background:none;outline: none;}
.swiper-button-prev img,.swiper-button-next img{width: 100%;height: 100%;outline: none;}



.link-topic1{position: absolute;left: 0;top: 0;width: 100%;padding-top: 618.4%;background: none;}
.link-topic1 a{display: block;margin-left: 30.533333333333335%;width: 26.266666666666666%;padding-bottom: 5.333333333333333%;}
.link-topic2{position: absolute;top: 0;top: 0;width: 100%;padding-top: 692.1333333333333%;background: none;}
.link-topic2 a{display: block;margin-left: 55.46666666666667%;width: 34.666666666666664%;padding-bottom: 5.333333333333333%;}
.link-topic1 a,.link-topic2 a{position: relative;z-index: 1;}


.download-guide{display: none; width: 100%; height: 100%;text-align: right; position: fixed; top: 0px;left: 0px;background: rgba(0, 0, 0, 0.7);z-index: 99999;overflow: hidden;}
.download-guide cite{display: inline-block;width: 248px;height: 186px; text-align: center;}
.download-guide img{display: block;width: 100%;vertical-align: top;overflow: hidden;}
.download-guide span{display: inline-block;width: 120px;height: 36px;line-height: 36px;font-size: 14px;letter-spacing: 1px;background: #FFD60A;border-radius: 4px;color: #000; text-align: center;}