@import url(reset.css);
body {
  font-family: "Microsoft YaHei";
/*  overflow-x: hidden;*/
  min-width: 1000px;
  background: #fbfbfb; }

.content {
  width: 980px;
  margin: 0 auto;
  clear: both; }

.l {
  float: left; }

.r {
  float: right; }

.top {
  width: 100%;
  height: 27px;
  min-width: 996px;
  line-height: 27px;
  background: #555555; }
  .top #phone {
    margin-right: 45px; }
  .top .r {
    margin-right: -15px; }
    .top .r li {
      color: #999999;
      line-height: 26px;
      margin-right: 15px; }
      .top .r li a {
        color: #999999; }
        .top .r li a:hover {
          color: #dddddd; }

.w_bg {
  background: #fff; 
  width: 100%;
  min-width: 996px;}

.header {
  height: 74px; }
  .header .logo {
    padding-top: 8px;
    width: 95px; }
  .header nav {
    height: 74px;
    line-height: 74px;
    margin-left: 180px; }
    .header nav li {
      margin-right: 50px; }
      .header nav li a {
        font-size: 14px;
        color: #666666; }
        .header nav li a:hover {
          color: #095cd7; }
  .header .search {
    margin-top: 22px;
    width: 148px;
    height: 24px;
    border: 1px solid #cccccc;
    border-radius: 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background: #fff; }
    .header .search input {
      border: 0;
      outline: none;
      height: 22px;
      line-height: 22px;
      width: 117px;
      margin-left: 10px;
      color: #cdcdcd; }
    .header .search .submit {
      width: 18px;
      margin-left: 0;
      background: #fff;
      background: url("../img/suo.jpg") 0 5px no-repeat; }

.banner {
  min-width: 996px;
  position: relative;
  overflow: hidden;
  height: 488px; }
  .banner .bd {
    position: relative;
    height: 488px;
    z-index: 0; }
    .banner .bd ul {
      width: 100% !important; }
      .banner .bd ul li {
        width: 100% !important;
        height: 488px;
        width: 1920px; }
  .banner .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    margin-bottom: 30px;
    text-align: center; }
    .banner .hd ul {
      position: relative;
      left: 48%; }
      .banner .hd ul li {
        cursor: pointer;
        display: inline-block;
        *display: inline;
        zoom: 1;
        width: 14px;
        height: 14px;
        margin: 4px;
        background: url(../img/dot-black.png) 0 0;
        overflow: hidden;
        line-height: 9999px; }
      .banner .hd ul .on {
        background: url(../img/dot-black.png) -34px 0; }

.mian {
  position: relative;
  top: -12px;
  z-index: 2;
  height: 340px; }
  .mian .l:first-child {
    margin-left: 0; }
  .mian .l {
    padding-top: 21px;
    background: #fff;
    width: 317px;
    margin-left: 14.5px;
    box-shadow: 0px 4px 15px #ccc; }
    .mian .l .title {
      height: 32px;
      border-bottom: 2px solid #ececec; }
      .mian .l .title h2 {
        font-size: 18px;
        color: #050505;
        font-weight: 500;
        text-indent: 15px;
        border-left: 4px solid #11c701; }
    .mian .l .con {
      padding-left: 10px; }
      .mian .l .con li:first-child {
        padding-top: 27px;
        border-top: none; }
        /*.mian .l .con li:first-child div .more {
          margin-top: 10px; }*/
      .mian .l .con li {
        border-top: 1px solid #dddddd;
        height: 113px;
        padding-top: 31px; }
        .mian .l .con li:hover div .more {
          color: #004ab9; }
        .mian .l .con li img {
          max-width: 133px;
          float: left;
          *margin-right: 12px; }
        .mian .l .con li .r {
          width: 160px;
          margin-left: 10px;
          float: right; }
          .mian .l .con li .r h2 {
            font-size: 14px;
            font-weight: bold;
            color: #444444; }
          .mian .l .con li .r p {
            color: #999999; }
          .mian .l .con li .r .more {
            display: inline-block;
            margin-top: 10px;
            color: #999999; }
  .mian #two h2 {
    border-left: 4px solid #095cd7; }
  .mian #two div img {
    margin-top: 8px;
    max-width: 100%; }
  .mian #two div h3, .mian #two div p, .mian #two div .more {
    margin-left: 17px;
    color: #999999; }
  .mian #two div h3 {
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    color: #444444; }
  .mian #two div p {
    width: 270px; }
  .mian #two div .more-box {
    height: 47px;
    height: 23px\9;
    *height: 47px; }
    .mian #two div .more-box:hover .more {
      color: #004ab9; }
    .mian #two div .more-box .more {
      display: inline-block;
      width: 270px;
      color: #999999;
      margin-top: 9px;
      *margin-top: 23px;
      position: relative\9;
      top: -25px\9;
      text-align: right; }
  .mian #three h2 {
    border-left: 4px solid #ffd301; }
  .mian #three ._tcon {
    padding: 20px 15px 0 20px; }
    .mian #three ._tcon li:first-child {
      height: 80px;
      list-style: none;
      line-height: 24px; }
      .mian #three ._tcon li:first-child h3 {
        font-size: 14px;
        font-weight: bold; }
    .mian #three ._tcon li {
      width: 100%;
      *width: 282px;
      height: 43px;
      line-height: 43px;
      list-style: none;
      border-bottom: 1px solid #dddddd; }
      .mian #three ._tcon li i {
        display: inline-block;
        float: left;
        margin-right: 13px;
        color: #aaaaaa; }
      .mian #three ._tcon li h3 {
        color: #444;
        font-size: 12px;
        font-weight: normal; }
      .mian #three ._tcon li h3:hover{
        color: #004ab9;
      }
      .mian #three ._tcon li p {
        color: #999999;
        *width: 282px; }
    .mian #three ._tcon .more-box {
      height: 52px;
      *height: auto;
      clear: both;
      text-align: right; }
      .mian #three ._tcon .more-box a {
        margin-top: 15px;
        *margin-top: 5px;
        *margin-bottom: 25px;
        display: inline-block;
        color: #999999; }
        .mian #three ._tcon .more-box a:hover {
          color: #004ab9; 

        }

.footer {
  height: 105px;
  min-width: 996px;
  clear: both;
  margin-top: 68px;
  background: #686868; }
  .footer .top {
    background: none;
    position: relative; 
    min-width: 0}
    .footer .top nav {
      margin-top: 29px;
      width: 332px;
      *width: 450px; }
      .footer .top nav li {
        margin-right: 15px;
        color: #999999; }
        .footer .top nav li a {
          color: #dddddd; }
    .footer .top .y_link {
      margin-right: 0;
      margin-top: 20px;
      width: 150px;
      height: 22px;
      line-height: 22px;
      color: #999999;
      border: 1px solid #999999;
      text-indent: 7px;
      cursor: pointer;
      overflow: hidden;
      *position: absolute;
      *right: 0;
      *top: 10px; }
      .footer .top .y_link i {
        font-size: 14px;
        display: inline-block;
        float: right;
        margin-right: 9px; }
      .footer .top .y_link span {
        display: block;
        float: right;
        height: 24px; }
        .footer .top .y_link span img {
          position: relative;
          margin-right: 9px;
          margin-top: 6px;
          *top: -21px; }
    .footer .top .s_y_link {
      position: absolute;
      right: 0px;
      *right: 1px;
      width: 152px;
      background: #686868;
      bottom: 15px;
      z-index: 9;
      height: 0;
      overflow: auto; }
      .footer .top .s_y_link ul {
        width: 100%;
        padding-top: 10px; }
        .footer .top .s_y_link ul li {
          float: none;
          width: 100%;
          text-align: center; }
          .footer .top .s_y_link ul li a {
            color: #999999; }
  .footer .bottom {
    clear: both;
    *margin-top: 20px; }
    .footer .bottom p {
      color: #a6a6a6;
      height: 49px;
      line-height: 49px; }
      .footer .bottom p a {
        color: #a6a6a6; }

.about-banner {
  width: 100%;
  height: 267px; }

.about_top {
  width: 100%;
  background: #fff;
  height: 52px;
  padding-top: 50px;
  border-bottom: 2px solid #eeeeee; }
  .about_top h2 {
    font-size: 24px;
    color: #444444;
    font-weight: bold;
    width: 15%; }
  .about_top .nav {
    position: relative;
    top: -10px; }
    .about_top .nav li {
      width: 115px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      background: #eeeeee;
      margin-right: 3px; }
      .about_top .nav li:hover {
        background: url(../img/top_nav_hover.jpg);
        transition: all 0.5s; }
        .about_top .nav li:hover a {
          color: #fff;
          transition: all 0.5s; }
      .about_top .nav li a {
        color: #999999;
        display: block; }
    .about_top .nav .on_top_nav {
      background: url(../img/top_nav_hover.jpg); }
      .about_top .nav .on_top_nav a {
        color: #fff; }
  .about_top .crumbs li {
    color: #999999; }
    .about_top .crumbs li a {
      color: #999999; }
  .about_top .crumbs .cru_on {
    color: #0067b4; }

.about_mian {
  margin-top: 45px; }
  .about_mian img {
    margin: 0 auto;
    display: inline-block; }
  .about_mian h1 {
    color: #0067b4;
    font-size: 26px;
    font-weight: normal;
    height: 105px;
    line-height: 110px; }

.news-list ul {
  width: 100%; }
  .news-list ul li {
    float: none;
    height: 191px;
    padding-top: 25px;
    width: 100%;
    border-bottom: 1px solid #eeeeee; }
    .news-list ul li:hover .more_link {
      color: #fff;
      background: #0067b4;
      transition: all 0.5s; }
    .news-list ul li .img-box {
      width: 230px;
      height: 167px;
      background: url(../img/news-img-bg.jpg);
      margin-right: 40px; }
    .news-list ul li .ie_7 {
      *float: right; }
    .news-list ul li h2 {
      width: 100%;
      color: #444444;
      font-size: 16px;
      height: 65px;
      line-height: 65px; }
    .news-list ul li p {
      color: #444444; }
    .news-list ul li .more_link {
      display: inline-block;
      width: 116px;
      height: 30px;
      line-height: 30px;
      background: #eeeeee;
      color: #a6a6a6;
      text-align: center;
      margin-top: 20px; }

.case ul {
  width: 110%; }
  .case ul li {
    width: 304px;
    height: 250px;
    float: left;
    overflow: hidden;
    margin-right: 34px;
    background: #fff;
    position: relative;
    margin-bottom: 32px; }
    .case ul li:hover .case_font{
      background: url(../img/right02.png) no-repeat right center;
     }
     .case ul li:hover .case_font p{
      color: #0067b4;
      font-weight:bold;
     }
    .case ul li img {
      max-width: 100%;
      display: block;
      margin: 0 auto; }
    .case ul li .case_font {
      height: 50px;
      line-height: 50px;
      overflow: hidden;
          background: url(../img/right01.png) no-repeat right center; }
      .case ul li .case_font h2 {
        height: 40px;
        color: #444444;
        font-size: 18px; }
      .case ul li .case_font p {
        color: #444;
    font-size: 14px;
    margin-left: 14px;
    line-height: 50px;
    overflow: hidden;
    width: 223px;}

.case-info {
  padding-top: 15px;
  font-size: 14px;
  color: #999999; }
  .case-info .info_top {
    margin-bottom: 35px;
    text-align: center; }
    .case-info .info_top img {
      max-width: 610px;
      *float: left;
      *margin-bottom: 15px; }
    .case-info .info_top h2 {
      height: 209px;
      width: 371px;
      background: url(../img/title-bg.jpg);
      text-align: center;
      line-height: 209px;
      color: #ffffff;
      font-size: 24px;
      *margin-bottom: 15px;
      font-weight: normal; }
  .case-info .case-img-box {
    margin-top: 45px;
    margin-bottom: 56px; }
  .case-info .turn {
    padding-top: 35px;
    height: 40px;
    border-top: 1px solid #dddddd; }
    .case-info .turn ul li {
      float: none;
      font-size: 12px;
      color: #999999; }
      .case-info .turn ul li:hover a {
        color: #0067b4; }
      .case-info .turn ul li a {
        color: #999999; }
    .case-info .turn .r {
      margin-top: 10px; }
      .case-info .turn .r .iconfont {
        font-size: 28px;
        *font-size: 18px;
        color: #999999; }
        .case-info .turn .r .iconfont:hover {
          color: #257dbf; }

.earnings {
  position: relative;
  height: 371px;
  padding-top: 25px; }
  .earnings .img {
    position: absolute;
    left: 10px;
    top:29px; }
  .earnings .min {
    width: 630px;
    padding-left: 350px;
    margin-top: 21px;
    height: 336px;
    border: 1px solid #86b5fb; }
    .earnings .min h2 {
      font-size: 20px;
      margin-top: 25px;
      color: #444444;
      margin-bottom: 45px; }
    .earnings .min .form #sele_box {
      margin-right: 0;
       }
      .earnings .min .form #sele_box .dq {
        margin-right: 50px;
        width: 233px; }
        .earnings .min .form #sele_box .dq p {
          /*background: url(../img/xljt.jpg) 190px 5px no-repeat;*/
          background-position: 190px 5px; }
        .earnings .min .form #sele_box .dq .set_list {
          width: 231px;
          background: #fff; 
          height: 300px;
          overflow: auto;
        }
      .earnings .min .form #sele_box .sq {
        width: 261px; }
        .earnings .min .form #sele_box .sq p {
         /* background: url(../img/xljt.jpg) 220px 5px no-repeat; */
          background-position: 220px 5px;
        }
        .earnings .min .form #sele_box .sq .set_list {
          width: 259px;
          background: #fff; 
          max-height: 300px;
          overflow: auto;
        }
    .earnings .min .form li {
      height: 40px;
      line-height: 40px;
      margin-right: 22px;
      color: #999999;
      margin-bottom: 28px; }
      .earnings .min .form li span {
        display: block;
        float: left;
        *display: block;
        *height: 40px;
        *float: left;
        *width: 70px;
        line-height: 40px;
        color: #999999; }
      .earnings .min .form li input {
        width: 230px;
        height: 40px;
        outline: none;
        float: left;
        border: 1px solid #dddddd;
        margin: 0 12px;
        background: #fbfbfb;
        text-indent: 15px;
        color: #999; }
      .earnings .min .form li .sel {
        float: left;
        height: 40px;
        width: 187px; }
        .earnings .min .form li .sel p {
          display: block;
          padding-left: 10px;
          line-height: 40px;
          border: 1px solid #dddddd; }
        .earnings .min .form li .sel .set {
          background: url(../img/xljt.jpg) 145px 5px no-repeat; }
        .earnings .min .form li .sel .select {
          background: url(../img/btn_1.jpg) 145px 5px no-repeat; }
        .earnings .min .form li .sel .set_list {
          width: 185px;
          position: absolute;
          border: 1px solid #dddddd;
          display: none;
          background: #fff; }
          .earnings .min .form li .sel .set_list li {
            width: 100%;
            text-align: center;
            line-height: 40px;
            margin: 0; }
            .earnings .min .form li .sel .set_list li:hover{
              color: #0067b4;
            }
    .earnings .min .form .submit {
      margin-top: 24px; }
      .earnings .min .form .submit input {
        width: 223px;
        height: 40px;
        border: none;
        text-indent: 0;
        background: #0067b4;
        color: #fff;
        font-size: 14px;
        margin-left: 0; }

.result {
  padding-top: 23px; }
  .result h2 {
    color: #444444;
    margin-bottom: 38px; }
  .result .result-box {
    padding-bottom: 20px;
    background: #fff;
    padding-top: 30px;
    padding-left: 90px; }
    .result .result-box .xy {
      width: 396px;
      margin-right: 92px; }
      .result .result-box .xy h2 {
        font-size: 16px;
        color: #0067b4;
        font-weight: normal;
        height: 47px;
        margin-bottom: 0; }
      .result .result-box .xy table {
        border-right: 1px solid #0067b4; }
        .result .result-box .xy table tr {
          height: 40px; }
          .result .result-box .xy table tr td {
            font-size: 16px;
            color: #444444; }
            .result .result-box .xy table tr td .td_time {
              font-size: 16px;
              font-weight: bold;
              color: #444444; }
            .result .result-box .xy table tr td .td_red {
              font-size: 20px;
              color: #ff0000; }
          .result .result-box .xy table tr .td_t {
            width: 170px; }
          .result .result-box .xy table tr .td_r {
            width: 100px; }
          .result .result-box .xy table tr .td_m {
            width: 128px; }
    .result .result-box .jn {
      margin-bottom: 62px; }
      .result .result-box .jn h2 {
        font-size: 16px;
        color: #0067b4;
        font-weight: normal;
        height: 47px;
        margin-bottom: 0; }
      .result .result-box .jn table tr {
        height: 40px; }
        .result .result-box .jn table tr td {
          font-size: 16px;
          color: #444444; }
          .result .result-box .jn table tr td .td_time {
            font-size: 16px;
            font-weight: bold;
            color: #444444; }
          .result .result-box .jn table tr td .td_red {
            font-size: 20px;
            color: #ff0000; }
        .result .result-box .jn table tr .td_t {
          width: 155px; }
        .result .result-box .jn table tr .td_r {
          width: 68px; }
        .result .result-box .jn table tr .td_m {
          width: 42px; }
    .result .result-box p {
      clear: both;
      font-size: 12px;
      width: 753px;
      color: #999999; }

.contact {
  padding-top: 10px; }
  .contact h2 {
      font-size: 20px;
    color: #333333;
    font-weight: normal;
    padding-top: 10px;
    margin-bottom: 50px;}
  .contact #container {
    width: 980px;
    height: 400px;
    margin-top: 32px; }
    .contact #container .amap-logo, .contact #container .amap-copyright {
      display: none; }
  .contact h3 {
    height: 77px;
    border-bottom: 1px solid #dfdfdf;
    font-size: 18px;
    color: #0067b4;
    line-height: 90px;
    font-weight: normal;
    margin-bottom: 30px; }
  .contact li {
    height: 32px;
    font-size: 14px; }
    .contact li i {
      margin-right: 5px; }
  .contact .l_w {
    width: 624px; }

.message table {
  margin-top: 37px; }
  .message table tr {
    height: 40px; }
  .message table td {
    position: relative; }
    .message table td i {
      position: absolute;
      top: 10px;
      left: 17px;
      width: 45px;
      display: block;
      background: url(../img/name-bg.jpg) 24px 4px no-repeat; }
    .message h2{
    font-size: 20px;
    color: #333333;
    font-weight: normal;
    padding-top: 10px;
    margin-bottom: 50px;
    }
    .message table td input {
      height: 40px;
      line-height: 40px;
      border: none;
      outline: none;
      background: #ebebeb;
      text-indent: 56px;
      color: #999;
      margin-bottom: 20px;
      *margin-left: -50px; }
    .message table td .add {
      margin-right: 58px; }
    .message table td .add, .message table td .zw {
      width: 460px; }
    .message table td .name {
      width: 980px;
      height: 40px; }
    .message table td textarea {
      *margin-left: -10px;
      resize: none;
      width: 980px;
      height: 194px;
      background: #ebebeb;
      border: none;
      padding-top: 16px;
      text-indent: 16px;
      color: #999; }
.message ul .submit_ {
  *margin-left: 3px; }
.message ul li {
  width: 222px;
  height: 40px;
  margin-top: 55px;
  margin-right: 36px;
  margin-bottom: 35px; }
  .message ul li:hover input {
    background: #0067b4;
    color: #fff; }
  .message ul li input {
    width: 220px;
    height: 40px;
    background: #eeeeee;
    border: none;
    outline: none;
    color: #999999; }
.message .mes {
  font-size: 14px;
  color: #333; }

.rooftop h2 {
  font-size: 20px;
  color: #333333;
  font-weight: normal;
  padding-top: 10px;
  margin-bottom: 50px; }
.rooftop table tr {
  height: 60px; }
  .rooftop table tr .r_td1 {
    width: 98px; }
  .rooftop table tr .r_td2 {
    width: 417px; }
    .rooftop table tr .r_td2 .mj {
      width: 294px;
      margin-right: 15px; }
    .rooftop table tr .r_td2 .rl {
      width: 374px; }
    .rooftop table tr .r_td2 .r_sel {
      float: left;
      height: 40px;
      width: 375px;
      *margin-left: 15px;
      background: url(../img/select-bg.jpg) no-repeat; }
      .rooftop table tr .r_td2 .r_sel p {
        display: block;
        padding-left: 10px;
        line-height: 40px; }
      .rooftop table tr .r_td2 .r_sel .set_list {
        width: 372px;
        position: absolute;
        border: 1px solid #dddddd;
        display: none;
        background: #fff; }
        .rooftop table tr .r_td2 .r_sel .set_list li {
          width: 100%;
          text-align: center;
          line-height: 40px;
          margin: 0; }
  .rooftop table tr .r_td3 .xs {
    width: 150px; }
  .rooftop table tr .r_td3 .r_sel {
    *margin-left: 15px;
    float: left;
    height: 40px;
    width: 375px;
    background: url(../img/select-bg.jpg) no-repeat; }
    .rooftop table tr .r_td3 .r_sel p {
      display: block;
      padding-left: 10px;
      line-height: 40px; }
    .rooftop table tr .r_td3 .r_sel .set_list {
      width: 372px;
      position: absolute;
      border: 1px solid #dddddd;
      display: none;
      background: #fff; }
      .rooftop table tr .r_td3 .r_sel .set_list li {
        width: 100%;
        text-align: center;
        line-height: 40px;
        margin: 0; }
  .rooftop table tr .r_td3 .rl {
    width: 374px; }
  .rooftop table tr td span {
    font-size: 14px;
    color: #888888; }
  .rooftop table tr td input {
    height: 40px;
    background: #ebebeb;
    border: none;
    outline: none;
    text-indent: 15px;
    color: #999; }
.rooftop ul li input {
  width: 224px;
  height: 40px;
  margin-right: 36px;
  border: none;
  outline: none;
  background: #eeeeee;
  margin-top: 55px;
  color: #999999; }
  .rooftop ul li input:hover {
    background: #0067b4;
    color: #fff; }
.rooftop .r-submit {
  background: #eeeeee;
  color: #999999; }

.clear {
  clear: both; }

.page {
  padding-top: 66px;
  width: 100%;
  text-align: center;
  clear: both; }

.dow-box {
  background: #fff;
  width: 950px;
  height: 486px;
  padding-top: 38px;
  padding-left: 30px; }
  .dow-box .download-list-tpl1 {
    width: 920px; }
    .dow-box .download-list-tpl1 th {
      background: #0067b4;
      border-color: #e4e4e4;
      border-style: solid;
      color: #fff;
      border-width: 1px 0;
      height: 50px;
      font-size: 16px;
      font-weight: normal; }
    .dow-box .download-list-tpl1 td {
      background: #fcfbfb;
      border-color: #e4e4e4;
      border-style: solid;
      border-width: 0 0 1px 1px;
      height: 50px;
      font-size: 14px;
      text-align: center; }
    .dow-box .download-list-tpl1 .name {
      border-left: 0 none;
      padding-left: 7px;
      text-align: left;
      color: #4c4c4c; }
      .dow-box .download-list-tpl1 .name i {
        margin-right: 5px; }
    .dow-box .download-list-tpl1 td.odd {
      background: #fff; }
    .dow-box .download-list-tpl1 .dow {
      color: #525252; }
    .dow-box .download-list-tpl1 .dow:hover {
      color: #096cb7; }

.partner-list {
  margin-bottom: 157px; }
  .partner-list table {
    border: 1px solid #fff;
    width: 100%;
    border-color: #dad4cb; }
    .partner-list table tr td {
      width: 25%;
      height: 180px;
      text-align: center; }
      .partner-list table tr td div {
        height: 65px; }
      .partner-list table tr td h2 {
        font-size: 12px;
        font-weight: normal;
        margin-top: 20px;
        height: 20px; }
.partner-list a{
  color:#666;
}
.problem {
  padding-top: 50px; }
  .problem ul li {
    width: 920px;
    padding: 34px 30px 35px 30px; }
    .problem ul li h2 {
      margin-bottom: 27px;
      font-size: 14px;
      color: #333333; }
      .problem ul li h2 img {
        margin-right: 20px; }
    .problem ul li .d-img {
      display: block;
      float: left; }
    .problem ul li p {
      font-size: 12px;
      line-height: 24px;
      float: right;
      width: 889px; }
  .problem ul .w {
    background: #fff; }
  .problem ul .h {
    background: #fafafa; }
  .problem .page {
    width: 100%;
    text-align: center;
    height: 202px;
    padding-top: 75px;
    clear: both; }

.map_bg {
  width: 980px;
  height: 795px;
  background: url(../img/map.png) center center no-repeat;
  position: relative; }
  .map_bg .ico_hb, .map_bg .ico_sx, .map_bg .ico_sx_, .map_bg .ico_gs, .map_bg .ico_hn, .map_bg .ico_hb_, .map_bg .ico_sc, .map_bg .ico_hn_, .map_bg .ico_jx, .map_bg .ico_hrb, .map_bg .ico_cc, .map_bg .ico_bj, .map_bg .ico_tj, .map_bg .ico_jn, .map_bg .ico_nj, .map_bg .ico_nj_, .map_bg .ico_zj, .map_bg .ico_hf,.map_bg .ico_nn{
    position: absolute;
    width: auto; }
    .map_bg .i_add{
      display: block;
      width: 22px;
      height: 20px;
      background: url(../img/map_ico.png) -27px no-repeat; }
    .map_bg .i_add_info{
      width: 503px;
      height: 147px;
      padding: 18px 13px 27px 18px;
      margin-top: -213px;
      margin-left: -258px;
      display: none;
      background: url(../img/i_add_info.png) no-repeat;
      position: relative;
      z-index: 222; }
      .map_bg .i_add_info .m_info{
        width: 503px;
        height: 147px;
        overflow: hidden;
      }
      .i_add_info .m_info li{
        width: 503px;
      }
      .i_add_info .m_info .hd{
        position: absolute;
        bottom: 17px;
        right:5px;
        width: 144px;
        height: 23px;
      }
      .i_add_info .m_info .next,.i_add_info .m_info .prev{
        width: 70px;
        height: 23px;
        line-height: 23px;
        color: #999;
        cursor: pointer;
        text-align: center;
      }
      .i_add_info .m_info .next{
        background: #eee url(../img/right.png) no-repeat 55px center ;
      }
      .i_add_info .m_info .prev{
        background: #eee url(../img/left.png) no-repeat 10px center;    
         }
      .i_add_info .m_info .next:hover{
        color: #d4dfee;
       background: #0067b4 url(../img/right_h.png) no-repeat 55px center;
      }
       .i_add_info .m_info .prev:hover{
        color: #d4dfee;
       background: #0067b4 url(../img/left_h.png) no-repeat 10px center;
      }
      .map_bg .i_add_info img{
        *float: left; }
      .map_bg .i_add_info .close{
        font-size: 16px;
        color: #aaaaaa;
        position: absolute;
        right: 9px;
        top: 6px;
        cursor: pointer; }
      .map_bg .i_add_info .r{
        width: 235px; 
        margin-left: 10px;}
        .map_bg .i_add_info .r h2{
          font-size: 16px;
          color: #444444;
          height: 63px;
          width: 235px;
          overflow: hidden;
          line-height: 70px; }
        .map_bg .i_add_info .r p{
          font-size: 12px;
          color: #999999; }
  .map_bg .ico_hb{
    top: 323px;
    left: 699px; }
    .map_bg .ico_nn{
    top: 651px;
    left: 605px; }
    .map_bg .ico_bj{
    top: 287px;
    left: 716px; }
    .map_bg .ico_tj{
    top: 308px;
    left: 730px; }
    .map_bg .ico_jn{
    top: 361px;
    left: 775px;}
    .map_bg .ico_nj{
    top: 456px;
    left: 802px;}
    .map_bg .ico_nj_{
    top: 426px;
    left: 785px;}
    .map_bg .ico_zj{
    top: 504px;
    left: 805px;}
    .map_bg .ico_hf{
    top: 472px;
    left: 750px;}
  .map_bg .ico_sx {
    top: 353px;
    left: 645px; }
  .map_bg .ico_sx_ {
    top: 449px;
    left: 587px; }
    /*.map_bg .ico_sx_ .i_add {
      background-position: 0 0; }*/
  .map_bg .ico_gs {
    top: 497px;
    left: 242px; }
    /*.map_bg .ico_gs .i_add {
      background-position: 0 0;
      z-index: 0;
      position: relative; }*/
  .map_bg .ico_hn {
    top: 438px;
    left: 687px; }
  .map_bg .ico_hb_ {
    top: 654px;
    left: 694px; }
  .map_bg .ico_sc {
    top: 500px;
    left: 507px; }
  .map_bg .ico_jx {
    top: 593px;
    left: 774px; }
  .map_bg .ico_hn_ {
    top: 553px;
    left: 656px; }
   .map_bg .ico_hrb{
    top: 125px;
    left: 889px;
   }
   .map_bg .ico_cc{
    top: 181px;
    left: 858px;
   }
.submit .reset{
  width: 224px;
    height: 40px;
    text-indent: 0;
    background: #0067b4;
    color: #fff;
    border: 1px solid #b4d2e9;
    border-bottom: none;
    font-size: 14px;
    margin-right: 145px;
    float: right;
}
.l a{
  color: #999;
}
.l p:hover a{
  color: #0067b4;
}
.l a:hover{
  color: #0067b4;
}
.login{
  background: url(../img/login_bg.jpg) no-repeat center;
  width: 100%;
}
.w980{
  width: 980px;
  margin: 0 auto;
  position: relative;
}
.w760{
  width: 760px;
  margin: 0 auto;
  position: relative;
}
.login h1{
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 95px 0 25px;
}
.login .login_con{
  background: url(../img/login01.png) no-repeat center;
  width: 100%;
  position: relative;
  margin-bottom: 120px;
}
.login .login_con .control{
  padding:14px 0 3px;
  border-bottom:1px solid #fff;
  color: #fff;
  font-size: 16px;
  margin-right: 24px;
  cursor: pointer;
}
.login .w760 .login_img{
  margin: 94px 0 139px;
}
.login .w760 .login_con_l{
  width: 280px;
  margin:78px 0 64px; 
  overflow: hidden;
}
.login .login_con_l .tit{
  color: #fff;
  font-size: 24px;
  margin-bottom: 38px;
}
.case .shade{
  background: url(../img/case02.png) no-repeat center;
  width:82px;
  height: 82px;
  position: absolute;
  top: -82px;
  right:0;
  cursor: pointer;
  line-height: 82px;
  text-align: center;
}
.case .shade img{
  margin-top: 14px;
}
.case .shade p{
  font-size: 14px;
  color: #fff;
  width: 100%;
  margin-left: 0px;
  line-height: 22px;
  cursor: pointer;
  text-align: center;
}
/*.case ul li:hover .shade{
  transform:translateY(201px) ;
  transition: transform 0.5s linear 0s;
}*/
.case ul li:hover .shade p{
  color: #fff;
}
.login_con_l input{
  width: 226px;
  height:50px;
  line-height: 50px;
  border-radius: 8px;
  font-size: 16px;
  color: #bbb;
}
.login_con_l .txt{
  background: #fff url(../img/login03.png) no-repeat 15px center ;
  margin-bottom: 13px;
  padding-left: 50px;
}
.login_con_l .psd{
  background: #fff url(../img/login05.png) no-repeat 15px center;
  margin-bottom: 31px;
   padding-left: 50px;
}
.login_con_l .log{
  width: 280px;
  margin-bottom: 20px;
}
.login_con_l .tel{
  color: #6ec0fd;
  font-size: 14px;
  line-height: 24px;
}
/*# sourceMappingURL=style.css.map */
.footer .beian:hover{
        border-bottom: 1px solid #ccc;
    }