@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
body, button, input, select, textarea { font: 0.333rem/1.74 "microsoft yahei", "simsun", \5b8b\4f53, arial; color: #4a4a4a; }
ul, ol, li { list-style: none; }
i, em { font-style: normal }
img { vertical-align: top; border: 0; }
a { color: #000; text-decoration: none; }
a:hover { color: #000; }
table { border-collapse: collapse; border-spacing: 0; }
table td { padding: 0; margin: 0; }
table th.wztop { vertical-align: top; }
.fl, .fr { float: left; overflow: hidden; }
.fr { float: right; }
section, article, aside, header, footer, nav, dialog, figure { display: block; padding: 0; margin: 0; }
/*com*/
.wrap, .area, .inn, .hd, .bd, .d, .d2, .d3, .pic, .txt, .u, .u li, .u3, .u3 li, .box, .tit, .con { position: relative; clear: both; overflow: hidden; }
html, body, .wrap, .area, .swiper-container, .swiper-slide { height: 100%; }
.wrap {  margin: 0 auto; }
.pic img { max-width: 100%; max-height: 100%; }
.fcR, .fcR:hover { color: #fa8933; }
.fcR2, .fcR2:hover { color: #ff0090; }
.fcB, .fcB:hover { color: #1989ee; }
.fcB2, .fcB2:hover { color: #019deb; }
.d2, .d3 { background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: 100%; background-size: 100%; }
.iC, .btn, .btn2, .btn3, .cap1, .cap2 { position: relative; display: block; text-align: center; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; -webkit-background-size: 100%; background-size: 100%; outline: none; }
.iC, .btn2, .btn3, .cap1, .cap2 { line-height: 20em; }
.btn2, .btn3 { background-color: transparent; border: none; }
.btn_qd { width: 4.587rem; height: 1.293rem; margin: 0 auto; background-image: url("../images/btn_qd.png"); }
.i_dr, .i_dw { position: absolute; top: 0; right: 0.1rem; z-index: 10; width: 1.333rem; height: 1.267rem; background-image: url("../images/i_dr.png"); }
.i_dw { top: 0.347rem; right: 0.58rem; width: 0.84rem; height: 0.973rem; background-image: url("../images/i_dw.png"); }
.i_dtr, .i_dtw { position: absolute; top: 0; width: 3.453rem; height: 1.373rem; background-image: url("../images/i_dtr.png"); }
.i_dtr { left: 0; }
.i_dtw { left: 2.133rem; background-image: url("../images/i_dtw.png"); }
.cap1 { position: absolute; top: 0; left: 50%; width: 7.893rem; height: 4.013rem; margin-left: -3.946rem; background-image: url("../images/bg_cap1.png"); }
.cap2 { width: 8.093rem; height: 4.013rem; /*margin: 0 auto;*/ margin: 1.28rem auto 1.2rem; background-image: url("../images/bg_cap2.png"); }
.cap35{display: none;}
.aj, .aq { display: block; width: 8.44rem; height: 1.6rem; margin: 0.667rem auto 0; line-height: 20em; background: url("../images/a_j1.png") 0 0 no-repeat; -webkit-background-size: 100%; background-size: 100%; overflow: hidden; }
.a_j2 { background-image: url("../images/a_j2.png"); }
.a_j3 { background-image: url("../images/a_j3.png"); }
.a_j4 { background-image: url("../images/a_j4.png"); }
.aq { width: 7.4rem; height: 1.827rem; margin-top: 0.053rem; background-image: url("../images/a_q1.png"); }
.a_q2 { background-image: url("../images/a_q2.png"); }
.a_q3 { background-image: url("../images/a_q3.png"); }
.a_q4 { height: 2.427rem; background-image: url("../images/a_q4.png"); }
.a_q5 { background-image: url("../images/a_q5.png"); }
.a_q6 { background-image: url("../images/a_q6.png"); }
/*area*/
.area { background-position: center 0; background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.P1 { background-image: url("../images/bg_p1.jpg"); }
.P2 { background-image: url("../images/bg_p2_2.jpg"); }
.d_load { font-size: 0.267rem; text-align: center; color: #e7483d; margin: 30% auto 0; }
.loading_img { width: 3.16rem; height: 3.36rem; margin: 0 auto; }
.loading_img2 { width: 3.64rem; height: 2.467rem; margin: 0.8rem auto 0; }
.loading_img img, .loading_img2 img { width: 100%; }
.loading_line, .loading_line_blank { position: relative; display: block; width: 3.467rem; height: 0.107rem; margin: 0.347rem auto 0.4rem; background: #f56330; border-radius: 0.053rem; overflow: hidden; }
.loading_line_blank { position: absolute; top: 0; left: 0; width: 100%; margin: 0; background: #f29b76; }
.d_ml { width: 9.627rem; height: 13.147rem; margin: 2.44rem auto 0; background-image: url("../images/bg_ml2.png"); }
.d_ml .bd { height: 7.2rem; margin-top: 3.8rem; overflow-y: auto; }
.d_ml2 { width: 7.733rem; margin: 0 auto; }
.d_ml2 .bd { height: 11.8rem; overflow-y: auto; }
.d_p3, .d_p4 { height: 100%; }
.video, .video2 { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }
.video2 {/* top: 0.213rem; left: 0.253rem; width: 9.16rem; */ height: 5.659rem; }
.txt { font-size: 0.4rem; color: #131313; width: 8.587rem; line-height: 0.64rem; margin: 0 auto; }
.txt h3 { font-size: 0.52rem; font-weight: normal; margin: 0.533rem 0 0.347rem; text-align: center; }
.txt p { text-indent: 2em; }
.box { width: 9.373rem; height: 13.707rem; margin: 0.8rem auto 0.373rem; background-image: url("../images/bg_box.png"); }
.box .bd { height: 13.707rem; }
.cap3 { display: table; font-size: 0.56rem; font-weight: normal; color: #fff; width: 7.2rem; height: 1.6rem; line-height: 0.8rem; margin: 0.533rem auto; overflow: hidden; }
.cap3 span { display: table-cell; vertical-align: middle; }
.u_dt { margin: 0.6rem auto 0; }
.u_dt li { margin-top: 0.4rem; }
.d_dtw, .d_dtr { position: absolute; bottom: 0; width: 5.627rem; height: 4rem; }
.d_dtw { left: 0; }
.d_dtr { right: 0; }
.d_dtw .pic, .d_dtr .pic { float: left; width: 2.853rem; height: 2.853rem; margin-top: 0.573rem; }
.d_dtr .pic { float: right; }
.btnP { position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; height: 1.8rem; }
.btn, .btnon { font-size: 0.4rem; text-align: left; color: #fff; width: 6rem; min-height: 0.8rem; line-height: 2; padding: 0.267rem 1.1rem 0.267rem 1rem; margin: 0 auto; border: 0.067rem solid #275ef6; border-radius: 0.267rem; }
.btn em { position: absolute; top: 0.267rem; left: 0.2rem; font-size: 0.6rem; line-height: 0.8rem; }
.btnon { color: #fff; background: #275ef6; }
.btn:hover, .btnon:hover { color: #fff; }
.btn_kz { position: absolute; left: 50%; bottom: 3.85rem; width: 4.267rem; height: 1.6rem; margin-left: -2.2rem; }
.i_sb1, .i_sb2 { position: absolute; top: 0; right: 0.5rem; z-index: 38; width: 1.76rem; height: 1.867rem; background-image: url("../images/i_sb1.png"); animation: flash 1.5s infinite; }
.d_p2, .d_p3 { z-index: 10; }
.d_ft2, .d_ft3, .d_ft4 { position: absolute; left: 0; bottom: 0; width: 100%; height: 9.907rem; background-image: url("../images/bg_ft2.png"); background-position: 0 100%; }
.d_ft2 { background-size: 100% 100%; }

/*media*/
@media (min-width:641px) {
  html { font-size: 60px; }
}

@media (max-width:481px) {
  html { font-size: 48px; }
}

@media (max-width:480px) {
  html { font-size: 48px; }
}

@media (max-width:428px) {
  html { font-size: 42.8px; }
}

@media (max-width:414px) {
  html { font-size: 41.4px; }
}

@media (max-width:411px) {
  html { font-size: 41.1px; }
}

@media (max-width:400px) {
  html { font-size: 40px; }
}

@media (max-width:393px) {
  html { font-size: 39.3px; }
}

@media (max-width:384px) {
  html { font-size: 38.4px; }
}

@media (max-width:375px) {
  html { font-size: 37.5px; }
}

@media (max-width:368px) {
  html { font-size: 36.8px; }
}

@media (max-width:360px) {
  html { font-size: 36px; }
}

@media (max-width:360px) and (max-height:640px) {
  html { font-size: 36px; }
  .d_ml2 .bd { height: 10rem; }
  .d_ml { margin-top: 1.58rem; }
}

@media (max-width:320px) {
  html { font-size: 32px; }
}




/*placeholder*/
:-moz-placeholder {
  color: #8a8787;
  opacity:1;
}
::-moz-placeholder {
  color: #8a8787;
  opacity:1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #8a8787;
  opacity:1;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #8a8787;
  opacity:1;
}
/*去掉苹果的默认UI来渲染按钮*/
input[type="submit"], input[type="reset"], input[type="button"], button, select { -webkit-appearance: none; }