@charset "utf-8";
/* CSS Document */
body, html {width: 100%;overflow-x: hidden; color: #000; font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica-Neue, Helvetica, "BBAlpha Sans", sans-serif; font-size: 62.5%;}
body {padding: 0; margin: 0; background: #efefef;}
ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,input,i,textarea,td,th,em,i,b {padding: 0; margin: 0; font-style: normal; font-weight: normal}
img {padding: 0; margin: 0; border: none; vertical-align: top;}
.imgSize {width: 100%;display: block;}
ul {list-style: none;}
a { color: #000; text-decoration: none;display: block;}
/* a:hover{ color: #ffffff} */
a.btn02:active{
    background: #C74567;
    opacity: .95;
}
.mainBox { width: 100%}
.text-center{ text-align: center;}
.text-left{text-align: left;}
/*------------------- clearfix -------------------*/
.clearFix:after {content: ""; display: block; height: 0; clear: both;}
.clearFix {min-height: 1px;}
* html .clearFix {height: 1px;}

@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
	html, body {font-size: 70.3%;}
}
@media screen and (min-width:375px) and (max-width:399px) and (orientation:portrait) {
	html, body {font-size: 73.2%;}
}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
	html, body {font-size: 78.125%;}
}
@media screen and (min-width:414px) and (max-width:480px) and (orientation:portrait) {
	html, body {font-size: 80.85%;}
}
@media screen and (min-width:480px) and (max-width:639px) and (orientation:portrait) {
	html {font-size: 93.75%;}
}
@media screen and (min-width:640px) and (orientation:portrait) {
	html {font-size: 125%;}
}
/*------------------- mWrap -------------------*/
#mWrap {width: 100%; max-width: 750px; margin: 0 auto; overflow: hidden; background: #f9f9f9;}
@media only screen and (min-width:1001px) {
	html {font-size: 110%;}
	.mWrap { max-width: 750px }
    .box input{height: 3.7rem;}
}
/*------focus------*/
.focus {width: 100%; margin: 0 auto;}
/*--focus swiper--*/
/* .swiper_01 {width: 100%;} */
.swiper-slide {text-align: center;}
.swiper-slide img {width: 100%;}
.swiper-pagination { text-align: center;}
.swiper-pagination-bullet{display:inline-block;width: 1.6rem; height: .2rem;opacity: 1; background: #ffffff;border-radius: 0;}
.swiper-pagination-bullet-active{ opacity: 1; background: #57a9fb;}
.swiper-container {width: 100%;}
.swiper-slide {text-align: center;background: #fff;width: 80%;margin-right: 10px;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;
}
.swiper_01 .swiper-slide:nth-child(2n) {width: 80%;}
.swiper_01 .swiper-slide:nth-child(3n) {width: 80%;}

/* -----backBg----- */
.backBg {display: none;position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);z-index: 998;top: 0;left: 0;}
/*------------------- header -------------------*/
header{width: 100%;position: relative;}
/*------------------- footer -------------------*/
footer {color: #9b9b9b; font-size: 1.15rem;}

* html {_background-image: url(about:blank); _background-attachment: fixed;}