/***首页头部***/
.head-nav{width: 72px;height: 36px;line-height: 36px;float: right;font-size: 14px; color: #fff;cursor:pointer;position: relative;text-align: right;z-index: 99;}
/***登录后***/
.yxdl{float: right;width: 96px;text-align: right;}
.yxdl a{ color: #B8BCBF;font-size: 14px;margin-left: 20px;}

.headapp-n{position: absolute;left: 0;top: 62px;width: 100px;height: 100px;background: #fff;z-index: 10;padding: 10px;box-shadow: 1px 1px 10px #eee; display: none;}
.headapp-n img{ width: 100%; height: 100%;}


.headapp-n{position: absolute;left: 0;top: 62px;width: 100px;height: 100px;background: #fff;z-index: 999;padding: 10px;box-shadow: 1px 1px 10px #eee; display: none;}
.headapp-n img{ width: 100%; height: 100%;}
.view_hov{width: 300px;height: auto;display:none;padding: 15px 0px;position: absolute;left: -110px;top: 36px;border-top: none;background: #fff;box-shadow: 1px 1px 10px #dddddd;}
.view_hov dl{padding: 0 0px 0px 30px;float: left;border-right: 1px #e5e5e5 solid;height: 140px;}
.view_hov dt{ font-size: 16px; line-height: 36px; text-align: left; color: #3295d9;}
.view_hov dd a{float: left;line-height: 24px;width: 100%;text-align: left;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;height: 24px;padding-right: 20px;box-sizing: border-box;}
.view_hov .s-list1,.view_hov .s-list2{ width: 180px;}
.view_hov .s-list1 a,.view_hov .s-list2 a{ width:50%;}
.view_hov .s-list3{width: 490px;border: none;}
.view_hov .s-list3 a{ width: 25%;}
.view_hov .s-list4{width: 220px;}
.view_hov .s-list4 a{width: 50%;}


/***网站顶部导航***/
.head-dhlb{margin-left: 30px;display: inline-block;}
.head-dhlb li{width: 120px;float: left;margin-right: 15px;text-align: left;line-height: 40px;}
.head-dhlb li:nth-child(2n){margin-right: 0px;}
.head-dhlb li i{width: 26px;height: 25px;background: url(../images/topnav.png) no-repeat;display: inline-block;vertical-align: middle;margin-right: 10px;}
.head-dhlb li a{font-size: 14px;text-align: left;line-height: 30px;color: #333 !important;}
.head-dhlb li a:hover{color: #00b6fa !important;}
.head-dhlb li i.topnav1{background-position: 0px -3px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li i.topnav2{background-position: -42px -3px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li i.topnav3{background-position: -88px -3px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li i.topnav4{background-position: -131px -3px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li i.topnav5{background-position: -173px -3px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li i.topnav6{background-position: -217px -3px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li i.topnav7{background-position: -255px -3px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li i.topnav8{background-position: -290px -3px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li i.topnav9{background-position: -329px -3px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li i.topnav10{background-position: -365px -3px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li i.topnav11{background-position: -400px -3px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li i.topnav12{background-position: -439px -2px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li i.topnav13{background-position: -480px -3px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li i.topnav14{background-position: -524px -3px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li i.topnav15{background-position: -562px -3px;transition: all 0.3s ease-in-out 0s;}


.head-dhlb li:hover i.topnav1{background-position: 0px -44px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li:hover i.topnav2{background-position: -42px -44px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li:hover i.topnav3{background-position: -88px -44px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li:hover i.topnav4{background-position: -131px -44px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li:hover i.topnav5{background-position: -173px -44px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li:hover i.topnav6{background-position: -217px -44px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li:hover i.topnav7{background-position: -255px -44px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li:hover i.topnav8{background-position: -290px -44px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li:hover i.topnav9{background-position: -329px -44px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li:hover i.topnav10{background-position: -365px -44px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li:hover i.topnav11{background-position: -400px -44px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li:hover i.topnav12{background-position: -439px -44px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li:hover i.topnav13{background-position: -480px -44px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li:hover i.topnav14{background-position: -524px -44px;transition: all 0.3s ease-in-out 0s;}
.head-dhlb li:hover i.topnav15{background-position: -562px -44px;transition: all 0.3s ease-in-out 0s;}


/*topbox*/
.topbox {
    width: 100%;
      min-width: 1200px;
    border-bottom: 1px solid #333333;
    background-color: #333333;
  }
  .topbox .w1200 {
    margin: 0 auto;
    width: 1200px;
    height: 36px;
    line-height: 36px;
  }
  .topbox .topl span.home {
    color: #e7e7e7;
    float: left;
    padding-right: 10px;
  }
  .topbox .topr {
    color: #ccc;
    font-size: 14px;
  }
  .topbox .topr ul li {
    float: left;
  }
  .topbox .topr ul li a {
    margin: 0 12px;
    color: #e7e7e7;
  }
  .topbox .topr ul li a:hover {
    color: #00b6fa;
  }
  .fr {
    float: right;
  }
  /*header*/
  .headerBox {
    width: 100%;
      min-width: 1200px;
    box-shadow: 0 12px 12px -12px #c6c6c6;
    height: 250px;
  }
  /*logo与搜索*/
  .headerBox_head {
    width: 100%;
    height: 130px;
  /*  overflow: hidden;*/
    background: #fff;
    position: relative;
  }
  span.gam_label {
    display: block;
    position: absolute;
    top: 30px;
    left: 263px;
    width: 80px;
    height: 30px;
    border-radius: 30px;
    line-height: 30px;
    text-align: center;
    background: #54aede;
    color: #fff;
    font-size: 14px;
  }
  span.gam_label i {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 26px solid #54aede;
    z-index: 1000;
    left: 0;
    margin-left: -10px;
    top: 18px;
  }
  .headerBox .w1200 {
    margin: 0 auto;
    width: 1200px;
    position: relative;
  }
  .headerBox .clearfix{
    overflow: initial;
  }
  .footerBox .w1200 {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden;
    position: relative;
  }
  .headerBox_head .logo {
    width: 210px;
    float: left;
    height: 50px;
    margin-top: 40px;
  }
  .logo img {
    width: 100%;
    text-align: center;
    vertical-align: middle;
  }
  .headerBox_head .head_search {
    float: right;
    position: relative;
    width: 404px;
    margin: 40px 0 0 120px;
  }
  .head_search form {
    position: relative;
  }
  .search_box {
    height: 36px;
    border: 2px solid #f2f2f2;
    background: #fff;
    width: 400px;
  /*	overflow: hidden;*/
    border-radius: 10px;
    position: relative;
  /*  transition: all .4s*/
  }
  .sech_keyword {
    position: relative;
    float: left;
    width: 330px;
    padding: 8px 0px 8px 4px;
    left: 8px;
    background: #fff;
    border-color: #fff;
    font: 14px "Microsoft YaHei", "SimSun";
    color: #444;
    overflow: hidden;
    outline: 0;
  }
  .sech_btn {
    position: absolute;
    margin-right: -1px;
    margin-top: -1px;
    background: url("../images/sstb.png") #f2f2f2 no-repeat center;
    width: 68px;
    outline: none;
      border-bottom-right-radius: 10px;
      border-top-right-radius: 10px;
    height: 38px;
    letter-spacing: 2px;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    color: #FFF;
    font-size: 18px;
    font-family: "Microsoft YaHei", "SimSun";
  }
  .head_search .search_key {
    height: 23px;
    line-height: 26px;
    padding: 0px 4px;
    font-size: 13px;
    color: #999;
    overflow: hidden;
  }
  .head_search .search_key a {
    color: #666;
    margin: 0 10px 0 3px;
  }
  .head_search .search_key a:hover {
    color: #00b6fa;
    text-decoration: underline;
  }
  /*首页导航*/
  .headerBox_nav {
    width: 100%;
    height: 90px;
    overflow: hidden;
    background: #fff;
    padding: 8px 0;
  }
  .headerBox_nav ul li {
    float: left;
    font-size: 18px;
    margin: 0 60px 0 0;
    padding: 5px 0;
    text-align: center;
  }
  .headerBox_nav ul li a {
    display: block;
    text-align: center;
    font-size: 18px;
  }
  .headerBox_nav ul li i {
    display: block;
    margin: 0 auto 10px auto;
    vertical-align: middle;
    width: 50px;
    height: 35px;
  }
  .headerBox_nav li:hover a, .headerBox_nav li.cur a {
    color: #00b6fa;
  }
  .index_nav .Indnav_icon1 {
    background: url("../images/navIcon.png") no-repeat 0px 0px;
  }
  .index_nav li:hover .Indnav_icon1, .index_nav li.cur .Indnav_icon1 {
    background: url(../images/navIcon.png) no-repeat 0px -35px;
  }
  .index_nav .Indnav_icon2 {
    background: url(../images/navIcon.png) no-repeat -50px 0px;
  }
  .index_nav li:hover .Indnav_icon2, .index_nav li.cur .Indnav_icon2 {
    background: url(../images/navIcon.png) no-repeat -50px -35px;
  }
  .index_nav .Indnav_icon3 {
    background: url(../images/navIcon.png) no-repeat -100px 0px;
  }
  .index_nav li:hover .Indnav_icon3, .index_nav li.cur .Indnav_icon3 {
    background: url(../images/navIcon.png) no-repeat -100px -35px;
  }
  .index_nav .Indnav_icon4 {
    background: url(../images/navIcon.png) no-repeat -150px 0px;
  }
  .index_nav li:hover .Indnav_icon4, .index_nav li.cur .Indnav_icon4 {
    background: url(../images/navIcon.png) no-repeat -150px -35px;
  }
  .index_nav .Indnav_icon5 {
    background: url(../images/navIcon.png) no-repeat -200px 0px;
  }
  .index_nav li:hover .Indnav_icon5, .index_nav li.cur .Indnav_icon5 {
    background: url(../images/navIcon.png) no-repeat -200px -35px;
  }
  .index_nav .Indnav_icon6 {
    background: url(../images/navIcon.png) no-repeat -300px 0px;
  }
  .index_nav li:hover .Indnav_icon6, .index_nav li.cur .Indnav_icon6 {
    background: url(../images/navIcon.png) no-repeat -300px -35px;
  }
  .index_nav .Indnav_icon7 {
    background: url(../images/navIcon.png) no-repeat -250px 0px;
  }
  .index_nav li:hover .Indnav_icon7, .index_nav li.cur .Indnav_icon7 {
    background: url(../images/navIcon.png) no-repeat -250px -35px;
  }
  .index_nav .Indnav_icon8 {
    background: url(../images/navIcon.png) no-repeat -350px 0px;
  }
  .index_nav li:hover .Indnav_icon8, .index_nav li.cur .Indnav_icon8 {
    background: url(../images/navIcon.png) no-repeat -350px -35px;
  }



/***底部***/
footer{ width: 100%; margin-top: 20px; background: #333; padding-top: 40px;}
.footer_nav{width: 1200px;margin: 0 auto;text-align: center;line-height: 30px;padding-bottom: 30px;}
.footer_nav a{color: #999;margin: 0 20px 0 0;border-right: 1px solid #444;line-height: 36px;padding-right: 20px;}
.footer_nav a:last-child{ border-right: none;}
.footer_n{width: 1200px;margin: 0 auto;border-top:1px solid #383838;border-bottom:1px solid #383838;padding:30px 0;text-align: center;color: #969799;line-height: 30px;}
.footer_n a{color: #999;  }
.footer_n .record {width: 20px;height: 20px;background: url(../images/bei.png) no-repeat;display: inline-block;margin: 0 8px 0 20px;vertical-align: middle;}
.footer_logo{ padding: 30px 0; text-align: center;}
.footer_logo .xt{ width: 90px; height: auto;}
.footer_logo img{ margin: 0 10px;}