@charset "UTF-8";

* {

  margin: 0;

  padding: 0; }



html, body {

  width: 100%;

  min-width: 1200px; }



body {

  font-size: 12px;

  line-height: 24px;

  color: #333;

  font-family: "Microsoft YaHei"; }



ul, li, dl, dd {

  list-style: none; }



img {

  border: 0; }



a {

  text-decoration: none;

  color: #dfdfdf; }

  a:hover {

    color: #000; }



.font10 {

  font-size: 10px; }



.font12 {

  font-size: 12px; }



.font14 {

  font-size: 14px; }



.font16 {

  font-size: 16px; }



.font18 {

  font-size: 18px; }



.font20 {

  font-size: 20px; }



.font22 {

  font-size: 22px; }



.font24 {

  font-size: 24px; }



.font26 {

  font-size: 26px; }



.font28 {

  font-size: 28px; }



.font30 {

  font-size: 30px; }



.font32 {

  font-size: 32px; }



.font34 {

  font-size: 34px; }



.font36 {

  font-size: 36px; }



.font38 {

  font-size: 38px; }



.font40 {

  font-size: 40px; }



.font60 {

  font-size: 60px; }



.ml5 {

  margin-left: 5px; }



.mt5 {

  margin-top: 5px; }



.mr5 {

  margin-right: 5px; }



.mb5 {

  margin-bottom: 5px; }



.mar5 {

  margin: 5px; }



.pl5 {

  padding-left: 5px; }



.pt5 {

  padding-top: 5px; }



.pr5 {

  padding-right: 5px; }



.pb5 {

  padding-bottom: 5px; }



.pad5 {

  padding: 5px; }



.ml10 {

  margin-left: 10px; }

/*右侧固定浮动*/
.fixedbox { position:fixed; right: 15px; bottom: 35px; z-index: 9999; width: 245px; height: 563px; }
@media (max-width:768px){
.fixedbox{display:none; }
	}
.fixedbox div { text-align: center; color: #e2aa49; }
.fixedbox div img { margin: 5px 0;}
.fixedbox .rightlogo { margin: -45px 0 0 10px; }
.fixedbox .rightlogo img { width: 120px; height: auto; }
.fixedbox .qq { margin: 5px 0; }
.fixedbox .qq p,.fixedbox .group p { display: inline; margin: 0 5px 0 0; line-height: 30px; }
.fixedbox .kefutime { color: #555; margin: 6px 0; font-size: 14px; }
.fixedbox .chongzhi { width: 190px; height: 95px; margin: 10px auto; }
.fixedbox .chongzhi a { width: 190px; height: 88px; display: block; }
.fixedbox .chongzhi img { animation:pulse 1s infinite linear; -webkit-animation:pulse 1s infinite linear; }
.fixedbox .code { margin: 5px auto; }
.fixedbox .code p { font-size: 16px; margin: 0 0 5px; font-weight: bold; color: #d1a254; }
.fixedbox .code div { width: 154px; height: 154px; background: url(../images/bg-fixed-code.png) no-repeat center; margin: 0 auto; }
.fixedbox .code img { width: 135px; height: 135px; margin: 10px 0 0; }
.fixedbox .top { width: 180px; height: 45px; bottom: 20px; margin:0 0 0 20px; position: absolute; }
.fixedbox .top a { width: 180px; height: 45px;display: block; }
.h5bar{ width:220px; height:563px; position: absolute; right: 0; background:#fff; border:1px solid #999 }
.h5open{ position:fixed; z-index:99999; bottom: 250px; right:0px; height:120px; width:30px; padding: 12px 0 0; text-align: center; background: url(../images/btn.png) no-repeat; }
.h5close{ height:100px; width:30px; position: absolute; left: 0; padding: 25px 0 0; background: url(../images/btn.png) no-repeat; text-align:center; margin:200px 0 0;}
.h5btn{ font-size:14px; line-height:16px; color:#fff; cursor:pointer; }

.mt10 {

  margin-top: 10px; }



.mr10 {

  margin-right: 10px; }



.mb10 {

  margin-bottom: 10px; }



.mar10 {

  margin: 10px; }



.pl10 {

  padding-left: 10px; }



.pt10 {

  padding-top: 10px; }



.pr10 {

  padding-right: 10px; }



.pb10 {

  padding-bottom: 10px; }



.pad10 {

  padding: 10px; }



.ml15 {

  margin-left: 15px; }



.mt15 {

  margin-top: 15px; }



.mr15 {

  margin-right: 15px; }



.mb15 {

  margin-bottom: 15px; }



.mar15 {

  margin: 15px; }



.pl15 {

  padding-left: 15px; }



.pt15 {

  padding-top: 15px; }



.pr15 {

  padding-right: 15px; }



.pb15 {

  padding-bottom: 15px; }



.pad15 {

  padding: 15px; }



.ml20 {

  margin-left: 20px; }



.mt20 {

  margin-top: 20px; }



.mr20 {

  margin-right: 20px; }



.mb20 {

  margin-bottom: 20px; }



.mar20 {

  margin: 20px; }



.pl20 {

  padding-left: 20px; }



.pt20 {

  padding-top: 20px; }



.pr20 {

  padding-right: 20px; }



.pb20 {

  padding-bottom: 20px; }



.pad20 {

  padding: 20px; }



.ml25 {

  margin-left: 25px; }



.mt25 {

  margin-top: 25px; }



.mr25 {

  margin-right: 25px; }



.mb25 {

  margin-bottom: 25px; }



.mar25 {

  margin: 25px; }



.pl25 {

  padding-left: 25px; }



.pt25 {

  padding-top: 25px; }



.pr25 {

  padding-right: 25px; }



.pb25 {

  padding-bottom: 25px; }



.pad25 {

  padding: 25px; }



.ml30 {

  margin-left: 30px; }



.mt30 {

  margin-top: 30px; }



.mr30 {

  margin-right: 30px; }



.mb30 {

  margin-bottom: 30px; }



.mar30 {

  margin: 30px; }



.pl30 {

  padding-left: 30px; }



.pt30 {

  padding-top: 30px; }



.pr30 {

  padding-right: 30px; }



.pb30 {

  padding-bottom: 30px; }



.pad30 {

  padding: 30px; }



.ml35 {

  margin-left: 35px; }



.mt35 {

  margin-top: 35px; }



.mr35 {

  margin-right: 35px; }



.mb35 {

  margin-bottom: 35px; }



.mar35 {

  margin: 35px; }



.pl35 {

  padding-left: 35px; }



.pt35 {

  padding-top: 35px; }



.pr35 {

  padding-right: 35px; }



.pb35 {

  padding-bottom: 35px; }



.pad35 {

  padding: 35px; }



.ml40 {

  margin-left: 40px; }



.mt40 {

  margin-top: 40px; }



.mr40 {

  margin-right: 40px; }



.mb40 {

  margin-bottom: 40px; }



.mar40 {

  margin: 40px; }



.pl40 {

  padding-left: 40px; }



.pt40 {

  padding-top: 40px; }



.pr40 {

  padding-right: 40px; }



.pb40 {

  padding-bottom: 40px; }



.pad40 {

  padding: 40px; }



.ml45 {

  margin-left: 45px; }



.mt45 {

  margin-top: 45px; }



.mr45 {

  margin-right: 45px; }



.mb45 {

  margin-bottom: 45px; }



.mar45 {

  margin: 45px; }



.pl45 {

  padding-left: 45px; }



.pt45 {

  padding-top: 45px; }



.pr45 {

  padding-right: 45px; }



.pb45 {

  padding-bottom: 45px; }



.pad45 {

  padding: 45px; }



.ml50 {

  margin-left: 50px; }



.mt50 {

  margin-top: 50px; }



.mr50 {

  margin-right: 50px; }



.mb50 {

  margin-bottom: 50px; }



.mar50 {

  margin: 50px; }



.pl50 {

  padding-left: 50px; }



.pt50 {

  padding-top: 50px; }



.pr50 {

  padding-right: 50px; }



.pb50 {

  padding-bottom: 50px; }



.pad50 {

  padding: 50px; }



.ml55 {

  margin-left: 55px; }



.mt55 {

  margin-top: 55px; }



.mr55 {

  margin-right: 55px; }



.mb55 {

  margin-bottom: 55px; }



.mar55 {

  margin: 55px; }



.pl55 {

  padding-left: 55px; }



.pt55 {

  padding-top: 55px; }



.pr55 {

  padding-right: 55px; }



.pb55 {

  padding-bottom: 55px; }



.pad55 {

  padding: 55px; }



.ml60 {

  margin-left: 60px; }



.mt60 {

  margin-top: 60px; }



.mr60 {

  margin-right: 60px; }



.mb60 {

  margin-bottom: 60px; }



.mar60 {

  margin: 60px; }



.pl60 {

  padding-left: 60px; }



.pt60 {

  padding-top: 60px; }



.pr60 {

  padding-right: 60px; }



.pb60 {

  padding-bottom: 60px; }



.pad60 {

  padding: 60px; }



.blk10 {

  height: 10px;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  clear: both; }



.blk15 {

  height: 15px;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  clear: both; }



.blk20 {

  height: 20px;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  clear: both; }



.blk25 {

  height: 25px;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  clear: both; }



.blk30 {

  height: 30px;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  clear: both; }



.blk35 {

  height: 35px;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  clear: both; }



.blk40 {

  height: 40px;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  clear: both; }



.blk45 {

  height: 45px;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  clear: both; }



.blk50 {

  height: 5px;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  clear: both; }



.blk55 {

  height: 55px;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  clear: both; }



.blk60 {

  height: 60px;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  clear: both; }



.blk65 {

  height: 65px;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  clear: both; }



.blk70 {

  height: 70px;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  clear: both; }



.blk75 {

  height: 75px;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  clear: both; }



.blk80 {

  height: 80px;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  clear: both; }



.blk85 {

  height: 85px;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  clear: both; }



.blk90 {

  height: 90px;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  clear: both; }



.blk95 {

  height: 30px;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  clear: both; }



.blk100 {

  height: 100px;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

  clear: both; }



.lh16 {

  line-height: 16px; }



.lh18 {

  line-height: 18px; }



.lh20 {

  line-height: 20px; }



.lh22 {

  line-height: 22px; }



.lh24 {

  line-height: 24px; }



.lh25 {

  line-height: 25px; }



.lh26 {

  line-height: 26px; }



.lh27 {

  line-height: 27px; }



.lh28 {

  line-height: 28px; }



.lh30 {

  line-height: 30px; }



.lh32 {

  line-height: 32px; }



.lh34 {

  line-height: 34px; }



.lh35 {

  line-height: 35px; }



.lh36 {

  line-height: 36px; }



.lh38 {

  line-height: 38px; }



.lh40 {

  line-height: 40px; }



.lh42 {

  line-height: 42px; }



.lh44 {

  line-height: 44px; }



.lh45 {

  line-height: 45px; }



.lh46 {

  line-height: 46px; }



.lh48 {

  line-height: 48px; }



.lh50 {

  line-height: 50px; }



.lh52 {

  line-height: 52px; }



.lh54 {

  line-height: 54px; }



.lh56 {

  line-height: 56px; }



.lh58 {

  line-height: 58px; }



.lh60 {

  line-height: 60px; }



.lh62 {

  line-height: 62px; }



.lh64 {

  line-height: 64px; }



.lh65 {

  line-height: 65px; }



.lh66 {

  line-height: 66px; }



.lh68 {

  line-height: 68px; }



.lh70 {

  line-height: 70px; }



.lh72 {

  line-height: 72px; }



.lh74 {

  line-height: 74px; }



.lh76 {

  line-height: 76px; }



.lh78 {

  line-height: 78px; }



.lh80 {

  line-height: 80px; }



.cccc {

  color: #ccc; }



.c333 {

  color: #333; }



.c666 {

  color: #666; }



.c999 {

  color: #999; }



.po_re {

  position: relative; }



.po_ab {

  position: absolute; }



.f_l {

  float: left !important; }



.f_r {

  float: right !important; }



.t_l {

  text-align: left; }



.t_r {

  text-align: right; }



.t_c {

  text-align: center; }



.text-justify {

  text-align: justify; }



.text-nowrap {

  white-space: nowrap; }



.text-lowercase {

  text-transform: lowercase; }



.text-uppercase {

  text-transform: uppercase; }



.text-capitalize {

  text-transform: capitalize; }



.container {

  width: 1200px;

  margin: 0 auto; }



.clear {

  clear: both;

  line-height: 0;

  height: 0;

  font-size: 0;

  visibility: hidden; }



.clearfix {

  clear: both; }



.block {

  display: block; }



.dib_vm {

  display: inline-block;

  vertical-align: middle; }



button, input {

  outline: 0 !important; }



a.button, button, input.button {

  display: inline-block;

  line-height: 14px;

  padding: 5px 10px;

  font-family: "微软雅黑", "宋体";

  color: #666;

  border: 1px solid #dfdfdf;

  background: #f4f4f4;

  white-space: nowrap;

  overflow: visible;

  cursor: pointer;

  text-decoration: none;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  zoom: 1;

  -webkit-transition: all .3s;

  -moz-transition: all .3s;

  -ms-transition: all .3s;

  -o-transition: all .3s; }

  a.button:hover, button:hover, input.button:hover {

    background: #fff; }

  a.button:focus, button:focus, input.button:focus {

    background: #fbfbfb; }

  a.button.red, button.red, input.button.red {

    background: #EC2828;

    color: #fff;

    border: 1px solid #EC2828; }

    a.button.red:hover, button.red:hover, input.button.red:hover {

      background: #fe4646; }

    a.button.red:focus, button.red:focus, input.button.red:focus {

      background: #fb2c2c; }

  a.button.disabled, button.disabled, input.button.disabled {

    background: #dfdfdf;

    color: #FFF;

    border: 1px solid #dfdfdf; }

    a.button.disabled:hover, button.disabled:hover, input.button.disabled:hover {

      background: #dfdfdf;

      cursor: text; }

  a.button.green, button.green, input.button.green {

    background: #3b9f2a;

    color: #fff;

    border-color: #3b9f2a; }

    a.button.green:hover, a.button.green:focus, button.green:hover, button.green:focus, input.button.green:hover, input.button.green:focus {

      background: #6caf49; }

  a.button.btn-lg, button.btn-lg, input.button.btn-lg {

    padding: 11px 15px;

    font-size: 16px; }

  a.button.btn-lgx5, button.btn-lgx5, input.button.btn-lgx5 {

    padding: 16px 25px;

    font-size: 18px; }

  a.button.btn-full, button.btn-full, input.button.btn-full {

    width: 100%; }



input[type="text"], input[type="password"] {

  background: #fff;

  border: 1px solid #dfdfdf;

  padding: 10px 5px;

  vertical-align: middle;

  height: 18px;

  line-height: 18px; }



.head {

  height: 675px;

  background: url(../images/index_01.jpg) no-repeat center 0; }

  .head .headbox {

    width: 1200px;

    height: 675px;

    position: relative;

    margin: 0 auto; }

    .head .headbox .logo {

      position: absolute;

      left: 0;

      top: 40px;

      width: 240px;

      height: 35px; }

      .head .headbox .logo > div {

        width: 240px;

        height: 35px; }

        .head .headbox .logo > div a {

          display: block;

          height: 35px; }

    .head .headbox .header-nav {

      width: 400px;

      height: 40px;

      position: absolute;

      right: 0;

      top: 30px;

      z-index: 10;

      text-align: right; }

      .head .headbox .header-nav > div {

        width: 400px;

        height: 40px; }

        .head .headbox .header-nav > div a {

          display: inline-block;

          font-size: 18px;

          line-height: 40px;

          margin-left: 20px;

          color: #fff; }

          .head .headbox .header-nav > div a.active {

            background: url(../images/nav_bg.jpg) no-repeat center bottom; }

    .head .headbox .header-left {

      width: 490px;

      height: 280px;

      position: absolute;

      left: 100px;

      top: 220px;

      z-index: 10; }

      .head .headbox .header-left > div {

        width: 490px;

        height: 280px; }

        .head .headbox .header-left > div > div {

          width: 420px; }

          .head .headbox .header-left > div > div .f_l {

            width: 241px;

            display: block; }

    .head .headbox .header-mobile {

      width: 471px;

      height: 592px;

      position: absolute;

      right: 100px;

      top: 100px;

      z-index: 10; }

      .head .headbox .header-mobile > div {

        width: 471px;

        height: 592px; }



.footer {

  background: #4a70ae;

  color: #ccc;

  padding-top: 10px;

  padding-bottom: 10px; }

  .footer .footerbox {

    width: 1200px;

    margin: 0 auto;

    text-align: center; }

    .footer .footerbox .footernav {

      height: 30px;

      line-height: 30px;

      font-weight: bold;

      font-size: 16px; }

      .footer .footerbox .footernav a {

        margin: 0 10px;

        color: #ccc; }

    .footer .footerbox .footcontent {

      padding-top: 10px;

      padding-bottom: 10px;

      font-size: 14px; }



.youshi-list {

  border-left: 1px solid #e9e9e9;

  border-top: 1px solid #e9e9e9;

  width: 1010px;

  margin: 0 auto;

  height: 405px; }

  .youshi-list .item {

    width: 201px;

    height: 201px;

    border-right: 1px solid #e9e9e9;

    border-bottom: 1px solid #e9e9e9;

    float: left;

    text-align: center; }

    .youshi-list .item > div {

      width: 201px;

      height: 185px;

      border-bottom: 2px solid #fff;

      padding-top: 20px; }

      .youshi-list .item > div em {

        width: 120px;

        height: 120px;

        display: block;

        margin: 0 auto; }

      .youshi-list .item > div p {

        font-size: 20px;

        display: block;

        height: 40px;

        line-height: 40px; }

    .youshi-list .item.active > div, .youshi-list .item:hover > div {

      border-bottom-color: #4c9cfd;

      background: #e5eff9; }



.page-01 {

  width: 100%;

  height: 600px;

  background: #f5fbff;

  position: relative;

  z-index: 1; }

  .page-01 .container {

    height: 600px;

    position: relative; }

    .page-01 .container .page-01-01 {

      width: 757px;

      height: 671px;

      position: absolute;

      left: -130px;

      bottom: 0; }

      .page-01 .container .page-01-01 > div {

        width: 757px;

        height: 671px; }

    .page-01 .container .page-01-02 {

      width: 290px;

      height: 163px;

      position: absolute;

      right: 160px;

      top: 220px; }

      .page-01 .container .page-01-02 > div {

        width: 290px;

        height: 163px; }



.page-02 {

  width: 100%;

  height: 600px;

  background: url(../images/index_08.jpg) no-repeat center 0; }

  .page-02 .container {

    height: 600px;

    position: relative; }

    .page-02 .container .page-01-03 {

      width: 290px;

      height: 193px;

      position: absolute;

      left: 160px;

      top: 200px; }

      .page-02 .container .page-01-03 > div {

        width: 290px;

        height: 193px; }

    .page-02 .container .page-01-04 {

      width: 541px;

      height: 505px;

      position: absolute;

      right: 0;

      bottom: 0; }

      .page-02 .container .page-01-04 > div {

        width: 541px;

        height: 505px; }



.page-03 {

  width: 100%;

  height: 600px;

  background: #f5fbff;

  position: relative;

  z-index: 1; }

  .page-03 .container {

    height: 600px;

    position: relative; }

    .page-03 .container .page-01-05 {

      width: 524px;

      height: 556px;

      position: absolute;

      left: 30px;

      bottom: 0; }

      .page-03 .container .page-01-05 > div {

        width: 524px;

        height: 556px; }

    .page-03 .container .page-01-06 {

      width: 328px;

      height: 163px;

      position: absolute;

      right: 130px;

      top: 220px; }

      .page-03 .container .page-01-06 > div {

        width: 328px;

        height: 163px; }



.page-04 {

  width: 100%;

  height: 600px;

  background: url(../images/index_10.jpg);

  position: relative;

  z-index: 1; }

  .page-04 .container {

    height: 600px;

    position: relative; }

    .page-04 .container .page-01-07 {

      width: 340px;

      height: 193px;

      position: absolute;

      left: 120px;

      bottom: 200px; }

      .page-04 .container .page-01-07 > div {

        width: 340px;

        height: 193px; }

    .page-04 .container .page-01-08 {

      width: 664px;

      height: 487px;

      position: absolute;

      right: 0;

      bottom: 0; }

      .page-04 .container .page-01-08 > div {

        width: 664px;

        height: 487px; }



.page-05 {

  width: 100%;

  height: 600px;

  background: #f5fbff;

  position: relative;

  z-index: 1; }

  .page-05 .container {

    height: 600px;

    position: relative; }

    .page-05 .container .page-01-09 {

      width: 417px;

      height: 529px;

      position: absolute;

      left: 170px;

      bottom: 20px; }

      .page-05 .container .page-01-09 > div {

        width: 417px;

        height: 529px; }

    .page-05 .container .page-01-10 {

      width: 300px;

      height: 193px;

      position: absolute;

      right: 160px;

      top: 200px; }

      .page-05 .container .page-01-10 > div {

        width: 300px;

        height: 193px; }



.page-06 {

  width: 100%;

  height: 600px;

  background: #fff;

  position: relative;

  z-index: 1; }

  .page-06 .container {

    height: 600px;

    position: relative; }

    .page-06 .container .page-01-11 {

      width: 335px;

      height: 193px;

      position: absolute;

      left: 140px;

      top: 200px; }

      .page-06 .container .page-01-11 > div {

        width: 335px;

        height: 193px; }

    .page-06 .container .page-01-12 {

      width: 524px;

      height: 555px;

      position: absolute;

      right: 50px;

      bottom: 20px; }

      .page-06 .container .page-01-12 > div {

        width: 524px;

        height: 555px; }



.page-07 {

  background: url(../images/index_12.jpg) no-repeat center 0;

  height: 286px; }

  .page-07 > div > div {

    width: 420px;

    margin: 0 auto;

    padding-top: 74px; }

    .page-07 > div > div .f_l {

      width: 241px; }

    .page-07 > div > div .f_r {

      width: 141px; }



.footer-submit {

  width: 800px;

  position: relative; }

  .footer-submit textarea {

    width: 780px;

    height: 200px;

    resize: none;

    border: 1px solid #e9e9e9;

    padding: 10px;

    font-size: 16px; }

  .footer-submit span {

    border: 1px solid #cfcfcf;

    width: 118px;

    text-align: center;

    height: 48px;

    line-height: 48px;

    font-size: 16px;

    display: block;

    float: left;

    background: #f5f5f5;

    color: #666; }

  .footer-submit samp {

    float: left;

    width: 680px;

    height: 50px; }

    .footer-submit samp input {

      width: 668px;

      padding-top: 15px;

      padding-bottom: 15px;

      border-left: none;

      font-size: 16px; }

      .footer-submit samp input#txt_zs_code {

        width: 400px; }



/*# sourceMappingURL=css.css.map */