.box-sizing {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.mid {
  margin: 0 auto;
}
.w_1024 {
  width: 1024px;
}
.btn {
  border-radius: 8px;
  border: none;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.wh100 {
  width: 100%;
  height: 100%;
}
.slidepage {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
/*common css*/
html,
body,
header,
div,
span,
p,
ul,
li,
input,
h2,
h3,
h4,
button {
  padding: 0;
  margin: 0;
}
ul,
li {
  list-style: none;
}
html {
  font-size: 100%;
  /*    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;*/
  height: 100%;
}
body {
  /*    font-size: 16px;
*/
  font-family:'微软雅黑',"Microsoft Yahei", "Helvetica", "Arial", "Helvetica Neue", "SimHei", "Hiragino Sans GB", sans-serif;
  background-color: #aaddf1;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  height: 100%;
  font-size: 62.5%;
}
img {
  display: block;
}
p {
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
button {
  font-family: '微软雅黑',"Microsoft Yahei", "Arial", "Helvetica", "Helvetica Neue", "SimHei", "Hiragino Sans GB", sans-serif;
  cursor: pointer;
}
a {
  text-decoration: none;
}
.m_btn:active {
  background-color: #ff6100;
}
.m_contact {
  font-size: 1.4em;
  position: fixed;
  z-index: 20;
  width: 100%;
  top: 0;
  left: 0;
  /*padding-top: 2.5%;*/
  background: #aaddf1;
  text-align: center;
}

/*edit0227*/
/*.m_contact > div {
  width: 100%;
  color: #ffffff;
  background: #002776;
}*/
.m_contact > div > a {
  color: #ffffff;
  font-size: 14px;
}
.m_container {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: auto;
}
.unscroll {
  height: 100%;
  overflow: hidden;
}
.m_header {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  position: relative;
  width: 100%;
  height: auto;
  /*margin-top: 15%;*/
  /*edit0227*/
  margin-top: 70px;
}
.m_header > img {
  width: 30.625%;
  margin: 0 5.625%;
  margin-bottom: 5.625%;
  float: left;
}
.m_header_right {
  width: 50.9375%;
  float: left;
  margin-bottom: 5.625%;
}
.m_header_right > img {
  width: 100%;
}
.m_header_right > span {
  display: block;
  width: 100%;
  /*      height:10.37596875vw;*/
  font-size: 1.4em;
  background-color: #002776;
  text-align: center;
  color: #ffffff;
}
.swiper-container {
  width: 100%;
  height: auto;
  margin-top: 5.625%;
}
.swiper-wrapper {
  width: 100%;
  height: 100%;
}
.page1 {
  background: url(../images/mobile/bg_1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.page2 {
  background: url(../images/mobile/bg_2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.page3 {
  background: url(../images/mobile/bg_3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
/*.pagination{
  position:relative;
  width:100%;
  margin-top:-20px;
  z-index:99;
  height:30px;
  text-align:center;
  span{
    width:10px;
    height:10px;
    margin:0 2px;
  }
}*/
.m_nav_btn {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  position: relative;
  margin-top: 5%;
  width: 100%;
  height: auto;
  min-height: 11vw;
  text-align: center;
  font-size: 1.4em;
}
.m_nav_btn > div {
  width: 42.5%;
  float: left;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  background-color: #01a1df;
  margin-bottom: 10%;
}
.m_nav_btn > div:first-child {
  margin: 0 5%;
  background-color: #002776;
}
.m_nav_btn > div:first-child:active {
  background-color: #ff6100;
}
.m_footer_index {
  position: relative;
  width: 100%;
  margin-top: 10%;
  height: auto;
  background: #002776;
  text-align: center;
  color: #ffffff;
  font-size: 1.4em;
  margin-bottom: 2.5%;
}
.m_jianjie {
  position: relative;
  width: 100%;
  height: auto;
  text-align: center;
}
.m_jianjie ul {
  width: 100%;
}
.m_jianjie li {
  color: #002776;
  width: 100%;
  /*    margin-top:1%;
*/
  font-size: 1.4em;
  line-height: 1.5em;
}
.m_jianjie li:first-child {
  margin: 2% auto;
  font-weight: bold;
}
.m_tt {
  width: 100%;
  margin-top: 10%;
  text-align: center;
}
.m_tt >a> img {
  display: inline-block;
  width: 35.625%;
}
.reg {
  display: none;
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  background: #000;
  overflow-y: auto;
}
/*edit0227*/
.reg_form {
  position: absolute;
  top: 10.5%;
  width: 90.64%;
  left: 4.68%;
  height: 86%;
  min-height: 40em;
  background: #aaddf1;
  text-align: center;
}
/*edit0227*/
.reg_form > p {
  margin-top: 3%;
  font-size: 1.5em;
  line-height: 1.5em;
  color: #002776;
}
.reg_form > input {
  position: relative;
  font-size: 1.2em;
  width: 93.8%;
  height: 5.7678%;
  max-height: 2.5em;
  margin: 3.2% auto auto auto;
  border: none;
  background: #ffffff;
  text-align: center;
  border-radius: 0;
}
div.selectbox {
  display: block;
  position: relative;
  width: 93.8%;
  border: none;
  background: #ffffff;
  margin: 0;
  margin: 3.2% auto auto auto;
  border-radius: 0;
  height: 5.7678%;
  font-size: 1.2em;
  max-height: 2.5em;
  overflow: hidden;
}
div.selectbox > ul {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1.2em;
  top: 0;
  left: 0;
  color: #a5a5a5;
}
div.selectbox > select {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  border: none;
}
.selectbox::after {
  content: "";
  background-image: url(../images/mobile/arrow.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  display: block;
  width: 3.28%;
  height: 100%;
  position: absolute;
  right: 11.56%;
}
#m_try_tj {
  width: 80.34%;
  background: #002776;
  color: #ffffff;
  font-size: 1.8em;
  padding: 2.5% 0;
  margin: 3.5% 0 0 9.83%;
}
.m_reg_wz {
  width: 100%;
  background: none;
  color: #002776;
  font-size: 1.2em;
  text-align: center;
  margin-top: 2.0937%;
}
.m_reg_btn {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  border-radius: 50%;
  font-size: 1.5em;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  color: #ffffff;
  border: 1px solid #ffffff;
}
/*mobie login*/
.outer {
  position: absolute;
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  background: url(../images/mobile/bg.jpg);
  background-size: cover;
  background-position: top center;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}
.login_logo {
  position: absolute;
  width: 28.9%;
  margin-top: 10%;
  left: 35.55%;
}
.login_logo img {
  width: 100%;
}
.login_main {
  text-align: center;
  position: absolute;
  width: 100%;
  margin: 63% 0 0 0;
  left: 0;
}
.login_main > input {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  position: relative;
  width: 74%;
  margin: 1.6%;
  font-size: 1.4em;
  border: none;
  text-indent: 12px;
  border-radius: 0;
}
.login_main > input::-webkit-input-placeholder {
  color: #a5a5a5;
  text-align: left;
  /*    font-size:14px;
*/
}
.login_main > div {
  position: relative;
  font-size: 1.2em;
  width: 74%;
  margin: 3.124% auto;
  border-radius: 0px;
  border: none;
  background-color: #01a1df;
  color: #ffffff;
}
.login_main > div.login_btn {
  background-color: #002776;
  margin-top: 0;
}
.login_main > div.login_btn:active {
  background-color: #ff6100;
}
.login_main > p {
  font-size: 1.2em;
  color: #002776;
  line-height: 3em;
  margin-top: -1.6%;
}
.outer_qy {
  position: absolute;
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  background: url(../images/mobile/bg.jpg);
  background-size: cover;
  background-position: top center;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  background-image: url(../images/mobile/bg_qy.jpg);
}
/*yuangonglist*/
.m_yg_header {
  /*position:fixed;*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background: #002776;
}
.m_yg_header > p {
  position: absolute;
  font-size: 1.6em;
  top: 0;
  width: 100%;
  text-align: center;
  color: #ffffff;
  overflow: visible;
  line-height: 100%;
}
.m_yg_header img {
  width: 100%;
}
.m_yg_header:after {
  clear: both;
}
#yg_name {
  font-size: 1.2em;
}
#yg_date {
  font-size: 0.8em;
}
.top-btn-left,
.top-btn-right {
  width: 7.5%;
  position: relative;
}
.top-btn-left {
  margin: 3.90625% 0 0 3.75%;
  float: left;
}
.top-btn-right {
  float: right;
  margin: 3.90625% 3.75% 0 0;
}
.top-btn-right > select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.transz {
  -webkit-transform: translateZ(0);
}
.m_yg_main {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 100%;
  min-height: 100vh;
  font-size: 1.2em;
  background: #ffffff;
}
.m_yg_main table {
  width: 100%;
  border-spacing: 0px;
}
.m_yg_main tr {
  width: 100%;
  height: 3.04em;
}
.m_yg_main td {
  padding: 0;
  border-bottom: 1px solid #e7e7e7;
}
.m_title {
  background: #01a1df;
  color: #ffffff;
}
.m_title > td {
  width: 20%;
  text-align: left;
  border: none;
  padding-left: 3.75%;
}
.m_inner > td:last-child {
  width: 50%;
  text-align: right;
  padding-left: 0;
  padding-right: 3.75%;
}
.m_inner > td:first-child {
  width: 50%;
  text-align: left;
  padding-left: 3.75%;
}
/*forget password*/
.forget {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  display: none;
}
.forget input {
  width: 63.1%;
  height: 12vw;
  border: none;
  border-radius: 0;
  color: #002776;
}
.forget input::-webkit-input-placeholder {
  color: #002776;
  text-align: center;
  font-size: 1.2em;
  border-radius: 0;
}
.forget > div {
  width: 81.56%;
  height: 61.56vw;
  position: absolute;
  margin-top: 40%;
  background: #aaddf1;
  text-align: center;
  left: 9.21875%;
}
.forget p {
  padding: 0 6.43%;
  font-size: 1.2em;
  line-height: 1.5em;
  text-align: left;
  word-break: break-all;
}
.forget p:first-child {
  text-align: center;
  margin: 11.787% auto 5% auto;
  font-size: 1.6em;
  color: #002776;
}
.forget .m_btn {
  font-size: 1.4em;
  width: 63.1%;
  height: 12vw;
  line-height: 12.75vw;
  background: #002776;
  margin: 5% auto;
  color: #ffffff;
}
.m_move {
  transform: translateX(76.25%);
  -webkit-transform: translateX(76.25%);
  -ms-transform: translateX(76.25%);
  -moz-transform: translateX(76.25%);
}
.m_set_container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 76.25%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  border-right: 1px solid #e6e6e6;
}
.m_set_form {
  font-size: 1.2em;
  position: relative;
  width: 83.811%;
  margin: 22.869% auto 18.869% auto;
}
.m_set_form input {
  width: 100%;
  /*    height:4.1em;
    line-height:4.1em;*/
  font-size: 1.2em;
  text-indent: 10px;
  border: none;
  background: #aaddf1;
  border-radius: 0;
}
.m_set_form p {
  line-height: 2.2em;
  font-size: 1.2em;
}
.m_set_btn {
  color: #ffffff;
  font-size: 1.2em;
  clear: both;
  position: relative;
  width: 100%;
  height: 30px;
  text-align: center;
  margin-bottom: 5%;
  background: #002776;
}
.m_set_btn:last-child {
  background: #01a1df;
}
.m_set_btn:last-child:active {
  background-color: #ff6100;
}
.m_yg_container {
  transition: transform 1s ;
  -moz-transition: -moz-transform 1s;
  -webkit-transition: -webkit-transform 1s;
  -o-transition: -o-transform 1s;
}
/*iphone4 hack*/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation: portrait) {
  .reg_form > input {
    margin: 1.0937% auto;
  }
  .reg_form > select {
    margin: 1.0937% auto;
  }
  .login_logo {
    margin-top: 5%;
  }
  .login_main {
    margin-top: 33%;
  }
  .m_set_form {
    margin: 15% auto 6% auto;
  }
}
@media only screen and (min-device-width: 1024px) and (orientation: portrait) {
  .m_yg_header > p {
    font-size: 1.1em;
  }
}
/*.m_contactus{
  height: 50px;
  width: 100%;
  color: #ffffff;
  background: #002776;
  text-align:center;
  font-size: 16px;
  line-height: 50px;

}*/
.footer_m{
    height: 80px;
    line-height: 80px;
    font-size: 16px;
    text-align: center;
    color: #001d59;
    border-top: 2px solid #001d59;
    background-color: #aaddf1;
    margin-top: 25px;
}
.footer_m,.m_contactus,#m_try,.m_nav_btn>div,.m_jianjie li{ font-size: 16px!important;}
.footer_m a,.footer_m a:hover{color:#002776;}
.footer_m a{text-decoration: none}
button.navbar-toggle:hover{background:none}
/*button.navbar-toggle:active{background:#ddd!important}*/
.telephone>a{
    color: #FFF;
    text-decoration: none;
}
.bgc {
    background-color: #ddd!important;
}
.blank_color{
  position: relative;
  width: 100%;
  left: 0;
  top:0;
  height: 10px;
  background: #aaddf1
}
.navbar.navbar-default {
  top:0!important;
}
.navbar-default .navbar-nav>li>a{
  height: 50px;
  line-height: 50px;
  font-size: 16px;
}
.navbar-nav>li{
  background: url(../images/jiantou2.png) 95% center no-repeat;
}
.navbar-nav>li.cur{
  background: url(../images/jiantou1.png) 95% center no-repeat;
}
.navbar-nav>li.cur>a{
    font-weight: bold;
    color: #01a1df;
}
.navbar-nav>li>a:hover{
   font-weight: bold;
   color: #01a1df!important;
}
.footer_m p{
  line-height: 14px;
  font-size: 12px;
   margin-top: -12px;
   margin-bottom: 12px;
}

.footer_m p>a{
  color: #001d59;
    background:url('data:image/png;base64,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') left center no-repeat;
    background-size: 20px;
    display: inline-block;
    padding-left: 24px;
    margin: -1px 0;
    line-height: 20px;
    text-decoration: none;
}
.footer_m p>a.hicp{
  
    background:none;
}
@media (max-width: 420px){
  p.telephone{padding-right: 59px;}
  .footer_m,.telephone,#m_try,.m_nav_btn>div,.m_jianjie li{ font-size: 15px!important;}
  .footer_m p{ font-size: 12px!important;}
}

/*@media (max-width: 420px)  {
  p.telephone{padding-right:59px;}
}*/