/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details, summary, main { display: block; }
audio, canvas, progress, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
table { border-collapse: collapse; border-spacing: 0; }
html, body, fieldset, img, iframe, abbr { border: 0; }
[hidefocus], summary { outline: 0; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
img { vertical-align: middle; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
small { font-size: 80%; }
sub, sup { position: relative; line-height: 0; vertical-align: baseline; font-size: 75%; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
svg:not(:root) { overflow: hidden; }
code, kbd, pre, samp { font-size: 1em; font-family: monospace, monospace; }
q:before, q:after { content: none; }
label, summary { cursor: default; }
a, button { cursor: pointer; }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold; }
del, ins, u, s, a, a:hover { text-decoration: none; }
button, input, select, textarea, keygen, legend { margin: 0; font: inherit; color: inherit; }
textarea { overflow: auto; }
body{background:#fff;font:14px/1.5 "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;color:#000;}*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
:focus { outline: 0; -webkit-tap-highlight-color: transparent; }
::-webkit-input-placeholder {
color:#bbb;}section{width: 3.75rem;margin: 0 auto;}
/* rem  计算公式：b * (d / r)
 * b 为基数，即像素值和 rem 值的比例，比如它们的比例是100：1，那么 b = 100；
 * d 为设备尺寸； r 为标准尺寸(参照尺寸)；*/
@media screen and (max-width: 319px) {
html { font-size: 85.33333px; }}
@media screen and (min-width: 320px) and (max-width: 359px) {
html { font-size: 85.33333px; }}
@media screen and (min-width: 360px) and (max-width: 374px) {
html { font-size: 96px; }}
@media screen and (min-width: 375px) and (max-width: 383px) {
html { font-size: 100px; }}
@media screen and (min-width: 384px) and (max-width: 399px) {
html { font-size: 102.4px; }}
@media screen and (min-width: 400px) and (max-width: 413px) {
html { font-size: 106.66667px; }}
@media screen and (min-width: 414px) and (max-width: 767px) {
html { font-size: 110.4px; }}
@media screen and (min-width: 768px) and (max-width: 1023px) {
html { font-size: 204.8px; }}
@media screen and (min-width: 1024px) {
html { font-size: 273.06667px; }}
.block{display:block;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;}
.clearfix{zoom:1;}
img{width:100%;}
.left{float: left;}
.right{float: right;}
/*banner*/ 
.m_banner{background: #fff;position: relative;}
.m_banCon h3{font-size: 0.12rem;color: #fff;background: #ff4862;width: 1.34rem;height: 0.27rem;line-height: 0.27rem;border-radius: 40px;text-align: center;
  margin: 0rem auto 0;letter-spacing: 1px;position: absolute;bottom: 0.38rem;left: 50%;margin-left: -0.67rem;}

input::-webkit-input-placeholder{color: rgba(0,0,0,0.4);}
input:-moz-input-placeholder{color:rgba(0,0,0,0.4);}
input::-moz-input-placeholder{color:rgba(0,0,0,0.4);}
input:-ms-input-placeholder{color: rgba(0,0,0,0.4);}

.but-con{text-align: center;font-size: 0;}
.but-con a{display: inline-block; width: 1.5rem; height: 0.32rem;  vertical-align: top; margin: 0 0.12rem; font-size: 0.13rem; line-height: 0.3rem; background: #ff5100;
  color: #fff; border-radius: 0.16rem; cursor: pointer; border: 2px solid #ff4862; font-weight: 700;}
.but-con a:nth-of-type(1){background: #fff; color: #1f35a4; border: 2px solid #1f35a4;}

/* .but-con a:nth-of-type(2){background: #0b0000;} */
.m_banner .form-con {width: 100%; position: absolute; top:5.2rem; left:0;}
.m_banner .tel { position: absolute; top: 2.5%; right: 6%; color: #fff; 
  -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; animation-duration: 3s; -webkit-animation-duration: 3s; 
  font-size: 0.13rem; background:url("../images/icon_tel.png") 0 2px no-repeat; background-size: 14px 14px; padding-left: 20px}

.form-box{padding-top: 0.35rem;}
.form-box p{width: 100%;margin-top:0.17rem ;font-size: 0;}
.form-box p label{color: #1e35a4; width: 1.17rem; text-align: right; padding-right: 0.14rem; line-height: 0.32rem;display: inline-block; vertical-align: top; font-size: 0.15rem; font-weight: 700; 
  letter-spacing: 0.01rem;}

.form-box p input{width: 2.29rem;height: 0.32rem;background: #fff;border: 0; border-radius: 0.18rem; outline: none; padding-left: 0.13rem;
  font-size: 0.14rem;color: #7974bc;display: inline-block;vertical-align: top;}
.form-box p .phone-code{width: 1.51rem;}
.form-box .btn-code{width: 0.8rem;height: 0.35rem;background: #e885ac;border: 1px solid #615ba9;font-size: 0.14rem;color: #000;margin-left: 0.1rem;}
.form-box .btn-submit{margin: 0.25rem 0 0 1rem; width: 2rem;height: 0.32rem;display: block;background: #ff4862;border: 0;font-size: 0.16rem;color: #fff;letter-spacing: 0.01rem; border-radius: 0.18rem;}
.form-box .btn-code:disabled{background: #999;}
.form-box span.twz {
  display: block; 
  width: 100%;
  height: 0.4rem; 
  line-height: 0.4rem; 
  font-size: 0.1rem; 
  color: #333;
  text-align: center;
}

.page2{padding:0.18rem 0 0.3rem;}
.page2 ul{text-align: center;font-size: 0;padding:0.03rem 0 0.2rem;}
.page2 ul li{display: inline-block;vertical-align: top;margin: 0.15rem 0.14rem 0;background: url(../images/page1.png) no-repeat;width: 1.47rem;height: 1.47rem;background-size: 100%;padding-top: 0.31rem;}
.page2 ul li .p1{font-size: 0.18rem;line-height: 0.42rem;color: #fff;font-weight: bold;}
.page2 ul li span{width: 0.79rem;height: 0.01rem;background: #fff;margin: 0 auto;display: block;}
.page2 ul li .p2{font-size: 0.13rem;line-height: 0.18rem;color: #fff;padding: 0.08rem 0.11rem 0;text-align: center;}
.page2 ul .li01 .p1{font-size: 0.24rem;} 
.page2 ul .li02{margin-top: 0.08rem;}

.page3{padding:0.25rem 0 0.27rem;background: #1e34a3;}
.page3 ul{padding:0.18rem 0 0.4rem;}
.page3 ul li{margin: 0.1rem auto 0;background: #3e53be;width: 3.36rem;height: 0.3rem;padding-left: 0.13rem;line-height: 0.3rem;border: 1px solid #a5aeda;color: #fff;font-size: 0.15rem;letter-spacing: 0.5px;}


.page4{background: #fff;padding: 0.33rem 0 0.35rem;}
.page4-con{padding-bottom: 0.23rem;}
.page4-con dl{margin-top: 0.23rem;}
.page4-con dl dt{width: 3.39rem;margin: 0 auto;position: relative;}
.page4-con dl dt>div{position: absolute;left: 0.1rem;border-radius: 0.06rem;bottom: 0.125rem;background: #fff;width: 2.76rem;padding: 0.03rem 0 0.03rem 0.09rem;}
.page4-con dl dt>div h3{font-size: 0.16rem;color: #1e34a3;line-height: 0.21rem;}
.page4-con dl dd{display: none;padding: 0.13rem 0.14rem 0.15rem;background: #1e34a3;width: 3.39rem;margin: 0.05rem auto 0;}
.page4-con dl dd p{font-size: 0.12rem;line-height: 0.17rem;margin-top: 0.06rem;color: #fff;text-align: justify;line-height: 0.17rem;font-size: 0.12rem;}
.page4-con .dl02 .pbz{margin-top: 0.12rem;}


.page5 { width: 100%; position: relative; padding-bottom: 0.2rem;}
.page5 .form-con {width: 100%; position: absolute; top:0.4rem; left:0;}

.footP{padding: 0.4rem 0;background: #1e34a3;}
.footP span{display: block;width: 3.25rem;background: #8d8fae;height: 0.01rem;margin: 0 auto;box-shadow: 0px 3px 6px rgba(0,0,0,0.76);}

.footP .p1{text-align:center;font-size: 0.14rem;line-height: 0.19rem;color: #ffffff;padding: 0.2rem 0 0rem;}
.footP .p2{font-size: 0.12rem;line-height: 0.15rem;font-weight: bold;padding-bottom: 0.11rem;text-shadow: 3px 3px 4px rgba(0,0,0,0.50);text-align: center;color: #FFF;letter-spacing: 0.5px;}

@-webkit-keyframes flash {
  0%,100%,50% { opacity: 1; }
  25%,75% {opacity: 0; } 
}

@keyframes flash {
  0%,100%,50% {opacity: 1; }
  25%,75% { opacity: 0; } 
}

.flash { -webkit-animation-name: flash; animation-name: flash }