@charset "utf-8";

  /*基本*/
  * {
      padding: 0px;
      margin: 0px
  }

  body {
      font-size: 100px;
  }

  * {
      margin: 0;
      padding: 0;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      box-sizing: border-box;
  }

  .trans {
      transition: all .3s ease-in;
  }

  html {
      width: 100%;
      min-height: 100%;
  }

  body {
      width: 100%;
      min-height: 100%;
      max-width: 640px;
      min-width: 320px;
      margin: 0 auto;
      font: .24rem/1.5 "PingFang SC", Helvetica, "Helvetica Neue", "microsoft yahei", Tahoma, Arial, sans-serif;
      color: #666;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background: #fff;
      position: relative;
  }

  body:before,
  body:after {
      content: "";
      width: 100%;
      display: block;
  }

  body:before {
      height: 1rem;
  }

  body:after {
      height: 1rem;
  }

  img {
      border: 0px;
  }

  em {
      font-style: normal;
  }

  s,
  i {
      font-style: normal;
  }

  ul,
  ol {
      list-style-type: none;
  }

  li {
      list-style: none outside none;
  }

  b {
      font-weight: normal;
  }

  /*表单*/
  input,
  button,
  select,
  textarea {
      outline: none;
      font-family: "PingFang SC", "Microsoft Yahei", Arial;
      font-size: .24rem;
      -webkit-appearance: none !important;
  }

  table {
      border-collapse: collapse;
      border-spacing: 0;
  }

  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
      color: #999;
  }

  input:-moz-placeholder,
  textarea:-moz-placeholder {
      color: #999;
  }

  input::-moz-placeholder,
  textarea::-moz-placeholder {
      color: #999;
  }

  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
      color: #999;
  }

  /*公用样式*/
  .layout {
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-wrapper: 101;
      background: #000;
      opacity: 1;
  }

  .blue {
      color: #28a5f4;
  }

  /*链接*/
  a,
  a:link,
  a:visited,
  a:hover,
  a:active {
      color: #666;
      text-decoration: none;
  }

  a:focus {
      outline: none;
  }

  a:hover,
  a:active {
      color: #141516;
      outline: none;
  }

  /*标题*/
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  h7 {
      font-weight: normal;
  }

  .icon {
      background: url(/wp-content/m/images/icon.png) no-repeat;
      display: inline-block;
      background-size: 2.4rem auto;
      vertical-align: middle;
  }

  .icon1 {
      background: url(/wp-content/m/images/icon1.png) no-repeat;
      display: inline-block;
      background-size: 3rem auto;
      vertical-align: middle;
  }

  .icon,
  .iconbef:before,
  .iconbef:after {
      content: "\20";
      display: block;
  }

  .iconbef:before {
      background: url(/wp-content/m/images/icon.png) no-repeat;
      background-size: 2.4rem auto;
      vertical-align: middle;
  }

  /*清除浮动*/
  .fl {
      float: left;
  }

  .fr {
      float: right;
  }

  .hidden {
      display: none;
  }

  .clearfix:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 0;
      line-height: 0;
      font-size: 0;
  }

  .clear,
  .clearfix:after {
      content: "";
      display: block;
      clear: both;
      width: 100%;
      height: 0;
      line-height: 0;
      font-size: 0;
  }

  /*==========@@HTML默认 结束@@==========*/
  .wrapper {
      width: 100%;
  }

  /*==========@@公共模块 开始@@==========*/
  .header {
      background-size: 100% 1.04rem;
  }

  #top_main {
      width: 100%;
      height: 0.9rem;
      zoom: 1;
      z-index: 300;
      position: fixed;
      top: 0px;
      left: 0px;
  }

  #top {
      max-width: 640px;
      min-width: 320px;
      height: 1rem;
      margin: 0px auto;
      position: relative;
      background: #003e92;
  }

  #top .logo {
      float: left;
      width: 3.94rem;
      height: 0.4rem;
      text-align: center;
      margin-left: 0.24rem;
      margin-top: 0.32rem;
  }

  #top .logo a {
      display: block;
  }

  #top .logo img {
      height: 0.42rem;
      display: block;
      float: left;
  }

  #top .topsearch {
      display: block;
      position: absolute;
      right: 1rem;
      top: .34rem;
      text-align: center;
      cursor: pointer;
      width: .5rem;
      height: .5rem;
      margin: 0 auto;
  }

  #top .topsearch span {
      display: block;
      width: 100%;
      height: 0.42rem;
      background-position: 0rem -1.19rem;
      width: .42rem;
  }

  #top_main .tsearch * {
      box-sizing: border-box;
  }

  #top_main .tsearch {
      position: absolute;
      height: 1rem;
      width: 6.4rem !important;
      padding: .2rem 5%;
      left: 0;
      top: 1rem;
      z-index: 99;
      background: #f2f2f2;
      box-sizing: border-box;
      display: none;
  }

  #top_main .tsearch input {
      -webkit-appearance: none;
  }

  #top_main .tsearch .txt {
      width: 78%;
      color: #666;
      text-indent: .1rem;
      font-size: .22rem;
      height: .64rem;
      background: #fff;
      border: 1px solid #fff;
      border-radius: 0.1rem;
      position: absolute;
      left: 5%;
      top: .2rem;
      border-top-left-radius: .6rem;
      border-bottom-left-radius: .6rem;
  }

  #top_main .tsearch .btn {
      color: #fff;
      font-size: .22rem;
      width: 16%;
      height: .62rem;
      line-height: .6rem;
      text-align: center;
      border: 0px;
      background-color: #003e92;
      background-position: -0.948rem -1.055rem;
      position: absolute;
      right: 5%;
      top: .2rem;
      border-top-right-radius: .6rem;
      border-bottom-right-radius: .6rem;
  }

  #top_main .btn_close_main {
      width: .88rem;
      height: 1rem;
      background-color: #f2f2f2;
      position: absolute;
      top: 0;
      right: 14%;
      z-index: 9;
      display: none;
  }

  #top_main .btn_close_main .btn_close {
      width: .34rem;
      height: .33rem;
      margin-top: .3rem;
      margin-left: .26rem;
      background-position: -2rem -1rem;
  }

  #top #nav {
      width: .6rem;
      height: 50%;
      position: absolute;
      right: 1.5%;
      top: .34rem;
      text-align: center;
      cursor: pointer;
  }

  #top .nav {
      width: .39rem;
      height: .36rem;
      background-position: -.5rem -1.2rem;
  }

  #top .close {
      background-position: -2.06rem 0;
      width: .34rem;
      height: .34rem;
      cursor: pointer;
      position: absolute;
      right: 44%;
      top: -0.02rem;
      text-align: center;
  }

  /*subNav*/
  .subNav {
      position: fixed;
      width: 100%;
      height: 100%;
      right: 0;
      top: 1rem;
      z-index: 999;
      max-width: 640px;
      min-width: 320px;
      background: #fff;
      -webkit-transform: translateX(4rem);
      -moz-transform: translateX(7rem);
      -ms-transform: translateX(7rem);
      transform: translateX(7rem);
  }

  .subNavCon {
      margin: 0px;
      width: 100%;
  }

  .subNav .closrbox {
      width: 20%;
      height: 0.5rem;
      line-height: .5rem;
      background: #fff;
      position: absolute;
      right: 2%;
      top: -5%;
  }

  .subNav .close {
      background-position: -1.64rem -1.5rem;
      width: .4rem;
      height: .4rem;
  }

  .subNav .c_clos {
      width: 52%;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
  }

  .subNav .list {
      margin-top: .6rem;
  }

  .subNav li {
      width: 100%;
      display: block;
      margin: 0 auto;
      position: relative;
      transition: all .3s ease-in;
  }

  .subNav li:first-child {
      margin-top: 0.4rem;
  }

  .subNav .subnav2 {
      width: 100%;
      display: none;
  }

  .subNav .subnav2 a {
      margin-bottom: .1rem;
      background: #eeeeee;
      font-size: .24rem;
  }

  .subNav li a {
      display: block;
      width: 4rem;
      margin: 0 auto;
      color: #333;
      font-size: 0.34rem;
      line-height: 1rem;
      text-align: center;
      border-bottom: #e5ebf4 solid 0.01rem;
  }

  .subNav li a:hover {
      color: #003e92;
  }

  .subNav li em {
      width: .3rem;
      height: .3rem;
      display: inline-block;
      background-position: 0 -2.2rem;
      vertical-align: middle;
      position: absolute;
      right: 3%;
      top: .26rem;
  }

  .subNav li:hover {
      background: #003e92;
  }

  .subNav li:hover a,
  .subNav li:hover p {
      color: #fff;
  }

  .subNav.show {
      right: 0 !important;
  }

  .subNavShow {
      -webkit-transform: translateX(-48%);
      -moz-transform: translateX(-48%);
      -ms-transform: translateX(-48%);
      transform: translateX(-48%);
      display: block;
  }

  .subNavShow2 {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
  }

  /* banner */
  #banner_main {
      width: 5.92rem;
      margin: 0 auto;
      overflow: hidden;
      height: 3.7rem;
      background-size: 1px auto;
      margin-top: 0.3rem;
      border-radius: 0.1rem;
      box-shadow: 0px 1px 5px #e5f5fc;
  }

  .banner {
      margin: 0 auto;
      width: 100%;
      overflow: hidden;
      position: relative;
      height: 3.7rem;
  }

  .banner .list {
      width: 100%;
      overflow: hidden;
  }

  .banner .list li {
      float: left;
      width: 100%;
      overflow: hidden;
  }

  .banner .list li img {
      width: 100%;
      height: 3.7rem;
  }

  #banner .tip {
      width: 80%;
      height: 0.32rem;
      line-height: 0.32rem;
      text-align: center;
      clear: both;
      position: absolute;
      left: 8%;
      bottom: 2%;
      z-index: 2;
      font-size: 0;
  }

  #banner .tip span {
      display: inline-block;
      width: .18rem;
      height: .18rem;
      margin: 0 0.06rem;
      vertical-align: middle;
      border: #0d8ae8 solid 1px;
      border-radius: 0.3rem;
      margin-top: 0.02rem;
  }

  #banner .tip span.cur {
      background-color: #0d8ae8;
  }

  /*首页标题*/
  .in_title {
      padding-top: 0.5rem;
      text-align: center;
  }

  .in_title p {
      display: inline-block;
      font-size: 0.2rem;
      color: #666666;
      line-height: 0.2rem;
      margin-top: 0.14rem;
      font-weight: normal;
      position: relative;
      width: 100%;
  }

  .in_title h3 {
      font-size: 0.36rem;
      color: #003e92;
      line-height: 0.36rem;
      font-weight: normal;
  }

  .in_title h3 span {
      display: inline-block;
      font-size: 0.32rem;
      color: #0d8ae8;
      line-height: 0.32rem;
      font-weight: bold;
  }

  .in_title i {
      display: block;
      background: url(../images/a4_03.png) center center no-repeat;
      width: 3.53rem;
      height: 0.35rem;
      margin: 0 auto;
      margin-top: 0.08rem;
      background-size: 100%;
  }

  /*首页导航*/
  .floor_1_main {
      width: 100%;
      background-size: 100%;
      padding-bottom: 0.5rem;
      padding-top: 0.2rem;
  }

  .floor_1 {
      width: 100%;
      background-size: 100%;
  }

  .floor_1 ul {
      display: inline-block;
      width: 6.4rem;
  }

  .floor_1 ul li {
      display: block;
      float: left;
      width: 25%;
      text-align: center;
      margin-top: 0.2rem;
  }

  .floor_1 ul li em {
      display: inline-block;
      width: 0.98rem;
      height: 0.98rem;
      background-size: 100%;
  }

  .floor_1 ul li img {
      width: 0.98rem;
      height: 0.98rem;
      background-size: 100%;
  }

  .floor_1 ul li p {
      height: 47px;
      font-size: 0.24rem;
      color: #333333;
      padding-top: 0.06rem;
  }

  /*产品中心*/
  .floor_2_main {
      background-color: #f2f2f2;
      border-top: #d9d8d8 solid 1px;
      padding-bottom: 0.56rem;
  }

  .floor_2 .case_main {
      margin: 0 0.24rem;
      margin-top: 0.08rem;
      text-align: center;
  }

  .floor_2 .case_main ul {
      display: inline-block;
  }

  .floor_2 .case_main ul li {
      float: left;
      width: 2.38rem;
      height: 0.62rem;
      background-color: #fff;
      border-radius: 0.08rem;
      overflow: hidden;
      border: #dddddd solid 0.01rem;
      box-shadow: 0px 1px 5px #dbdadb;
      margin: 0 0.28rem;
      margin-top: 0.22rem;
  }

  .floor_2 .case_main ul li a {
      display: block;
      width: 2.38rem;
      height: 0.62rem;
      line-height: 0.62rem;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
  }

  .floor_2 .case_main ul li:hover {
      background-color: #003e92;
      border: #003e92 solid 0.01rem;
  }

  .floor_2 .case_main ul li:hover a {
      color: #fff;
  }

  .floor_2 .case_main ul li:nth-child(2n) {
      margin-right: 0;
  }

  .floor_2_1 {
      margin: 0 0.24rem;
      margin-top: 0.2rem;
      position: relative;
      z-index: 1;
      text-align: center;
  }

  .floor_2_1 ul {
      display: inline-block;
  }

  .floor_2_1 ul li {
      float: left;
      background: url(/wp-content/m/images/a20_03.jpg) center center no-repeat;
      width: 2.91rem;
      height: 3.63rem;
      position: relative;
      margin-right: 0.08rem;
      margin-top: 0.12rem;
      background-size: 100%;
  }

  .floor_2_1 ul li img {
      width: 2.91rem;
      height: 2.18rem;
      background-size: 100%;
      display: inline-block;
      margin-top: 0.56rem;
  }

  .floor_2_1 ul li p {
      height: 44px;
      font-size: 0.24rem;
      color: #fff;
      border-top: #fff solid 1px;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 2.91rem;
  }

  .floor_2_1 ul li:nth-child(2n) {
      margin-right: 0;
  }

  .floor_2_2 {
      width: 5.94rem;
      margin: 0 auto;
      margin-top: 0.5rem;
      height: 0.72rem;
  }

  .floor_2_2 a.a1 {
      display: block;
      float: left;
      width: 2.95rem;
      height: 0.7rem;
      background-color: #003e92;
      border: #003e92 solid 0.01rem;
      border-radius: 0.08rem 0 0 0.08rem;
      text-align: center;
      line-height: 0.7rem;
      font-size: 0.28rem;
      color: #fff;
      box-shadow: 0px 1px 5px #dbdadb;
  }

  .floor_2_2 a.a2 {
      display: block;
      float: left;
      width: 2.92rem;
      height: 0.7rem;
      border: #e5e5e5 solid 0.01rem;
      border-radius: 0 0.08rem 0.08rem 0;
      text-align: center;
      line-height: 0.7rem;
      font-size: 0.28rem;
      color: #333333;
      border-left: none;
      background-color: #fff;
      box-shadow: 0px 1px 5px #dbdadb;
  }

  .floor_2_2 a.a1:hover {
      background-color: #fff;
      color: #333;
  }

  .floor_2_2 a.a2:hover {
      background-color: #fc1f1a;
      color: #fff;
      border: #fc1f1a solid 0.01rem;
      border-left: none;
  }

  /*6大理由*/
  .floor_3_main {
      background: url(/wp-content/m/images/a7_02.jpg) center center no-repeat;
      background-size: 100%;
      width: 100%;
      height: 8.5rem;
  }

  .floor_3_main .floor_3 {
      position: relative;
      display: block;
  }

  .floor_3_main .floor_3 h3 {
      font-size: 0.32rem;
      color: #fff;
      font-weight: bold;
      text-align: center;
      padding-top: 0.5rem;
      line-height: 0.32rem;
  }

  .floor_3_main .floor_3 .floor_3_1 {
      width: 6.4rem;
      margin: 0 auto;
      margin-top: 0.42rem;
      text-align: center;
      background-size: 100%;
  }

  .floor_3_main .floor_3 .floor_3_1 p {
      float: left;
      font-size: 0.26rem;
      color: #fff;
      line-height: 0.58rem;
      padding-left: 0.26rem;
  }

  .floor_3_main .floor_3 .floor_3_1 i {
      float: right;
      font-size: 0.26rem;
      color: #fc1f1a;
      line-height: 0.58rem;
      font-weight: bold;
      padding-right: 0.76rem;
  }

  .floor_3_main .floor_3 .floor_3_2 {
      background: url(/wp-content/m/images/a8_05.png) center center no-repeat;
      height: 4.0rem;
      margin: 0 auto;
      -webkit-transition: all ease-in-out 5s;
      -webkit-animation: big 5s infinite linear;
      background-size: 100%;
  }

  .floor_3_main .floor_3 .floor_3_3 {
      margin: 0 0.24rem;
      margin-top: 0.4rem;
  }

  .floor_3_main .floor_3 .floor_3_3 ul {
      display: inline-block;
      width: 100%;
  }

  .floor_3_main .floor_3 .floor_3_3 ul li {
      float: left;
      width: 50%;
      margin-top: 0.34rem;
  }

  .floor_3_main .floor_3 .floor_3_3 ul li i {
      display: block;
      float: left;
      width: 0.32rem;
      height: 0.33rem;
      background-position: 0rem 0rem;
  }

  .floor_3_main .floor_3 .floor_3_3 ul li p {
      display: block;
      float: left;
      font-size: 0.28rem;
      color: #fff;
      font-weight: bold;
      line-height: 0.33rem;
      padding-left: 0.12rem;
  }

  .floor_3_main .floor_3 .floor_3_3 ul li.li1 i {
      margin-left: 0.06rem;
  }

  .floor_3_main .floor_3 .floor_3_3 ul li.li2 i {
      display: block;
      float: left;
      width: 0.34rem;
      height: 0.34rem;
      background-position: -0.44rem 0rem;
  }

  .floor_3_main .floor_3 .floor_3_3 ul li.li3 i {
      display: block;
      float: left;
      width: 0.4rem;
      height: 0.34rem;
      background-position: -0.87rem 0rem;
  }

  .floor_3_main .floor_3 .floor_3_3 ul li.li4 i {
      display: block;
      float: left;
      width: 0.32rem;
      height: 0.34rem;
      background-position: -1.4rem 0rem;
  }

  .floor_3_main .floor_3 .floor_3_3 ul li.li5 i {
      display: block;
      float: left;
      width: 0.43rem;
      height: 0.34rem;
      background-position: -1.84rem 0rem;
  }

  .floor_3_main .floor_3 .floor_3_3 ul li.li6 i {
      display: block;
      float: left;
      width: 0.31rem;
      height: 0.34rem;
      background-position: -2.41rem 0rem;
  }

  /*工程案例*/
  .floor_4_main {
      background: url(../images/a21_02.jpg) center center no-repeat;
      width: 100%;
      height: 10.25rem;
      background-size: 100%;
  }

  .floor_4 .case_main {
      margin: 0 0.24rem;
      margin-top: 0.08rem;
      text-align: center;
  }

  .floor_4 .case_main ul {
      display: inline-block;
  }

  .floor_4 .case_main ul li {
      float: left;
      width: 2.38rem;
      height: 0.62rem;
      background-color: #fff;
      border-radius: 0.08rem;
      overflow: hidden;
      border: #dddddd solid 0.01rem;
      box-shadow: 0px 1px 5px #dbdadb;
      margin: 0 0.28rem;
      margin-top: 0.22rem;
  }

  .floor_4 .case_main ul li a {
      display: block;
      width: 2.38rem;
      height: 0.62rem;
      line-height: 0.62rem;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
  }

  .floor_4 .case_main ul li:hover {
      background-color: #003e92;
      border: #003e92 solid 0.01rem;
  }

  .floor_4 .case_main ul li:hover a {
      color: #fff;
  }

  .floor_4 .case_main ul li:nth-child(2n) {
      margin-right: 0;
  }

  .floor_4_1 {
      margin: 0 0.24rem;
      position: relative;
      z-index: 1;
      text-align: center;
  }

  .floor_4_1 ul {
      display: inline-block;
  }

  .floor_4_1 ul li {
      float: left;
      width: 2.84rem;
      height: 2.13rem;
      position: relative;
      margin-right: 0.22rem;
      margin-top: 0.3rem;
      background-size: 100%;
  }

  .floor_4_1 ul li img {
      width: 2.84rem;
      height: 2.13rem;
      background-size: 100%;
      display: inline-block;
  }

  .floor_4_1 ul li p {
      font-size: 0.24rem;
      color: #fff;
      line-height: 0.65rem;
      height: 0.65rem;
      background: url(../images/a17_06.png);
      position: absolute;
      left: 0;
      bottom: 0;
      width: 2.84rem;
  }

  .floor_4_1 ul li p i {
      display: block;
      float: left;
      font-size: 0.24rem;
      color: #fff;
      line-height: 0.65rem;
      padding-left: 0.2rem;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
  }

  .floor_4_1 ul li:nth-child(2n) {
      margin-right: 0;
  }

  .floor_4_1 ul li p span {
      display: inline-block;
      width: 0.26rem;
      height: 0.26rem;
      background-position: 0rem -0.45rem;
      float: right;
      margin-right: 0.2rem;
      margin-top: 0.2rem;
  }

  .floor_4_2 {
      width: 5.94rem;
      margin: 0 auto;
      margin-top: 0.5rem;
      height: 0.72rem;
  }

  .floor_4_2 a.a1 {
      display: block;
      float: left;
      width: 2.95rem;
      height: 0.7rem;
      background-color: #003e92;
      border: #003e92 solid 0.01rem;
      border-radius: 0.08rem 0 0 0.08rem;
      text-align: center;
      line-height: 0.7rem;
      font-size: 0.28rem;
      color: #fff;
      box-shadow: 0px 1px 5px #dbdadb;
  }

  .floor_4_2 a.a2 {
      display: block;
      float: left;
      width: 2.92rem;
      height: 0.7rem;
      border: #e5e5e5 solid 0.01rem;
      border-radius: 0 0.08rem 0.08rem 0;
      text-align: center;
      line-height: 0.7rem;
      font-size: 0.28rem;
      color: #333333;
      border-left: none;
      background-color: #fff;
      box-shadow: 0px 1px 5px #dbdadb;
  }

  .floor_4_2 a.a1:hover {
      background-color: #fff;
      color: #333;
  }

  .floor_4_2 a.a2:hover {
      background-color: #fc1f1a;
      color: #fff;
      border: #fc1f1a solid 0.01rem;
      border-left: none;
  }

  /*小banner*/
  .floor_5_main {
      background: url(../images/a23_02.jpg) center no-repeat;
      width: 100%;
      height: 2.7rem;
      background-size: 100%;
      text-align: center;
  }

  .floor_5_main .floor_5_1 h3 {
      font-size: 0.32rem;
      color: #fff;
      line-height: 0.32rem;
      padding-top: 0.7rem;
  }

  .floor_5_main .floor_5_1 p {
      font-size: 0.28rem;
      color: #fff;
      line-height: 0.28rem;
      padding-top: 0.24rem;
  }

  .floor_5_main .floor_5_2 {
      padding-top: 0.5rem;
  }

  .floor_5_main .floor_5_2 a {
      display: inline-block;
      width: 2.58rem;
      height: 0.62rem;
      border: #fff solid 1px;
      line-height: 0.62rem;
      font-size: 0.26rem;
      border-radius: 0.4rem;
      color: #fff;
      margin: 0 0.1rem;
  }

  .floor_5_main .floor_5_2 a span {
      display: inline-block;
      width: 0.3rem;
      height: 0.3rem;
      background-position: -1.92rem -2.38rem;
      margin-right: 0.2rem;
  }

  .floor_5_main .floor_5_2 a.z2 {
      background-color: #003e92;
      border: #003e92 solid 1px;
  }

  .floor_5_main .floor_5_2 a.z2 span {
      display: inline-block;
      width: 0.33rem;
      height: 0.33rem;
      background-position: -2.46rem -2.38rem;
      margin-right: 0.2rem;
  }

  /*技术支持*/
  .floor_6_main {
      background-color: #f3f3f3;
      width: 100%;
      background-size: 100%;
      position: relative;
      padding-bottom: 0.6rem;
  }

  .floor_6_1 {
      margin: 0 0.24rem;
      margin-top: 0.36rem;
  }

  .floor_6_1 dl {
      width: 100%;
      background-color: #fff;
      height: 2.5rem;
      margin-top: 0.01rem;
      overflow: hidden;
  }

  .floor_6_1 dl dt {
      float: left;
      width: 50%;
  }

  .floor_6_1 dl dt img {
      width: 100%;
      height: 100%;
      background-size: 100%;
  }

  .floor_6_1 dl dd {
      float: right;
      width: 50%;
  }

  .floor_6_1 dl dd h3 {
      padding-top: 0.34rem;
      font-size: .28rem;
      color: #003e92;
      line-height: 0.28rem;
      display: block;
      padding-left: 0.3rem;
  }

  .floor_6_1 dl dd em {
      font-size: 0.2rem;
      color: #666;
      height: 0.9rem;
      width: 2.3rem;
      display: block;
      margin-left: 0.3rem;
      margin-top: 0.26rem;
  }

  .floor_6_1 dl dd p {
      padding-left: 0.3rem;
  }

  .floor_6_1 dl dd p span {
      float: left;
      font-size: 0.24rem;
      color: #fff;
      width: 1.4rem;
      height: 0.45rem;
      background-color: #666;
      border-radius: 0.08rem;
      text-align: center;
      line-height: 0.45rem;
  }

  .floor_6_1 dl:hover dd p span {
      background-color: #003e92;
      color: #fff;
  }

  .floor_6_1 dl dd p i {
      display: block;
      float: right;
      width: 0.48rem;
      height: 0.36rem;
      background-position: 0rem -0.86rem;
      margin-right: 0.08rem;
      margin-top: 0.06rem;
  }

  .floor_6_1 dl:nth-child(2) dd p i {
      display: block;
      float: right;
      width: 0.48rem;
      height: 0.36rem;
      background-position: -0.58rem -0.86rem;
      margin-right: 0.08rem;
      margin-top: 0.06rem;
  }

  .floor_6_1 dl:nth-child(3) dd p i {
      display: block;
      float: right;
      width: 0.48rem;
      height: 0.36rem;
      background-position: -1.19rem -0.86rem;
      margin-right: 0.08rem;
      margin-top: 0.06rem;
  }

  .floor_6_1 dl:nth-child(4) dd p i {
      display: block;
      float: right;
      width: 0.48rem;
      height: 0.36rem;
      background-position: -1.81rem -0.86rem;
      margin-right: 0.08rem;
      margin-top: 0.06rem;
  }

  .floor_6_1 dl:nth-child(5) dd p i {
      display: block;
      float: right;
      width: 0.48rem;
      height: 0.36rem;
      background-position: -2.41rem -0.86rem;
      margin-right: 0.08rem;
      margin-top: 0.06rem;
  }

  .floor_6_1 dl:nth-child(2) dt,
  .floor_6_1 dl:nth-child(4) dt {
      float: right;
  }

  .floor_6_1 dl:nth-child(2) dd,
  .floor_6_1 dl:nth-child(4) dd {
      float: left;
  }

  /*新闻中心*/
  .floor_7_main {
      padding-bottom: 0.54rem;
  }

  .floor_7_2 {
      width: 5.94rem;
      margin: 0 auto;
      margin-top: 0.5rem;
      height: 0.72rem;
  }

  .floor_7_2 a.a1 {
      display: block;
      float: left;
      width: 2.95rem;
      height: 0.7rem;
      background-color: #003e92;
      border: #003e92 solid 0.01rem;
      border-radius: 0.08rem 0 0 0.08rem;
      text-align: center;
      line-height: 0.7rem;
      font-size: 0.28rem;
      color: #fff;
      box-shadow: 0px 1px 5px #dbdadb;
  }

  .floor_7_2 a.a2 {
      display: block;
      float: left;
      width: 2.92rem;
      height: 0.7rem;
      border: #e5e5e5 solid 0.01rem;
      border-radius: 0 0.08rem 0.08rem 0;
      text-align: center;
      line-height: 0.7rem;
      font-size: 0.28rem;
      color: #333333;
      border-left: none;
      background-color: #fff;
      box-shadow: 0px 1px 5px #dbdadb;
  }

  .floor_7_2 a.a1:hover {
      background-color: #fff;
      color: #333;
  }

  .floor_7_2 a.a2:hover {
      background-color: #fc1f1a;
      color: #fff;
      border: #fc1f1a solid 0.01rem;
      border-left: none;
  }

  .textlist {
      display: block;
      margin: 0 0.24rem;
      margin-top: 0.2rem;
  }

  .textlist ul {
      display: inline-block;
      width: 100%;
  }

  .textlist ul li {
      display: block;
      width: 100%;
      float: left;
      padding-top: 0.3rem;
      border-bottom: #dddddd solid 1px;
      padding-bottom: 0.3rem;
  }

  .textlist ul li:nth-child(4) {
      border-bottom: none;
  }

  .textlist ul li .tl {
      float: right;
      width: 3.8rem;
  }

  .textlist ul li .tl em {
      display: block;
      font-size: 0.28rem;
      color: #333333;
      line-height: 0.4rem;
      margin-bottom: 0.09rem;
      font-weight: normal;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
  }

  .textlist ul li .tl p {
      font-size: .22rem;
      line-height: 0.3rem;
      height: 0.58rem;
      color: #999999;
      overflow: hidden;
      margin-bottom: 0.09rem;
  }

  .textlist ul li .tl span {
      display: block;
      font-size: 0.2rem;
      color: #999999;
      line-height: 0.2rem;
      float: left;
      height: 0.24rem;
      line-height: 0.24rem;
  }

  .textlist ul li .tl i {
      display: block;
      font-size: 0.2rem;
      color: #999999;
      line-height: 0.2rem;
      float: left;
      height: 0.24rem;
      line-height: 0.24rem;
      padding-left: 0.16rem;
  }

  .textlist ul li img {
      float: left;
      width: 1.84rem;
      height: 1.38rem;
  }

  /*版权信息*/
  #footer_main {
      text-align: center;
      width: 100%;
      background-color: #f5f5f5;
      border-top: #e3e3e3 solid 1px;
  }

  #returntop {
      width: 0.8rem;
      height: 0.88rem;
      background: url(/wp-content/m/images/gotop.png) no-repeat center top;
      background-size: 0.8rem auto;
      position: fixed;
      bottom: 10%;
      right: 1%;
      cursor: pointer;
      z-index: 99;
  }

  #copyright {
      width: 94%;
      margin: 0 auto;
      color: #ababab;
      font-size: 0.24rem;
      line-height: .4rem;
      padding: 0.3rem 0;
  }

  #copyright a {
      color: #ababab;
  }

  #fix-sider {
      width: 1rem;
      height: 1rem;
      position: fixed;
      right: 2%;
      bottom: 29%;
      background: url(../images/tel.png) no-repeat center top;
      background-size: 1rem auto;
      cursor: pointer;
      z-index: 999;
  }

  /* 工具栏 */
  #toolbar {
      position: fixed;
      bottom: 0;
      width: 100%;
      z-index: 888;
      height: 1rem;
      left: 0;
  }

  #toolbar .list {
      width: 100%;
      max-width: 640px;
      min-width: 320px;
      margin: 0 auto;
      background: #3c3c3c;
      border-top: #dddddd solid 1px;
  }

  #toolbar .list li {
      float: left;
      width: 25%;
      text-align: center;
      height: 1rem;
  }

  #toolbar .list a {
      display: block;
      font-size: 0.22rem;
  }

  #toolbar .list a span {
      text-align: center;
      color: #c4c4c4;
      display: block;
      font-size: 0.22rem;
  }

  #toolbar .list a s {
      margin-left: auto;
      margin-right: auto;
      width: 0.44rem;
      height: 0.42rem;
      display: block;
      background-position: -.7rem -.2rem;
      margin-top: 0.15rem;
  }

  #toolbar .list li:nth-child(2) s {
      background-position: 0.08rem -.2rem;
  }

  #toolbar .list li:nth-child(3) s {
      background-position: -.31rem -.2rem;
  }

  #toolbar .list li:nth-child(4) s {
      background-position: -1.12rem -.2rem;
      width: 0.44rem;
      height: 0.42rem;
  }

  #toolbar .list li:hover {
      background: #003e92;
  }

  /*==========@@页面布局 开始@@==========*/
  #search {
      background: #fff;
      width: 96%;
      margin: 0.2rem auto;
      height: 0.6rem;
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem;
      padding: 0;
      -webkit-box-shadow: 1px 1px 1px #e7e9e9;
      -moz-box-shadow: 1px 1px 1px #e7e9e9;
      box-shadow: 1px 1px 1px #e7e9e9;
  }

  #search input {
      display: block;
      font-family: "微软雅黑";
      padding: 0;
      margin: 0;
  }

  #search .txt {
      border: none;
      width: 66%;
      height: 0.5rem;
      line-height: 0.6rem;
      margin-right: 1%;
      padding: 0 4%;
      color: #666;
      font-size: 0.22rem;
      background: none;
  }

  #search .searchbtn {
      cursor: pointer;
      border: none;
      font-size: 0.24rem;
      width: 0.8rem;
      height: 0.6rem;
      text-align: center;
      background-position: -0.63rem 0;
  }

  .index #floor_1_main,
  .index #floor_2_main,
  .index #floor_3_main {
      width: 100%;
      margin: 0 auto;
      background: #fff;
  }

  .index {
      background: #fff;
      overflow: hidden;
  }

  .wp {
      padding: 0 0.4rem;
  }

  .w560 {
      width: 5.6rem;
      margin: 0 auto;
  }

  /* 搜索 */
  #top .search {
      margin: 0.1rem auto;
      width: 4.6rem;
      height: 0.56rem;
      line-height: 0.56rem;
      border-radius: 0.5rem;
      background: #fff;
  }

  #top .search input {
      border: none;
  }

  #top .search .txt {
      width: 80%;
      display: block;
      background: none;
      height: 0.56rem;
      line-height: 0.56rem;
      text-indent: 0.08rem;
      color: #333;
      font-size: 0.22rem;
  }

  #top .search .searchbtn {
      background-position: -1.2rem -1.7rem;
      width: 0.4rem;
      height: 0.4rem;
      display: block;
      margin: 0.05rem 0.2rem 0 0;
  }

  .searchinfo {
      background: #fff;
      padding: 0.4rem 2%;
      height: 100%;
  }

  .searchinfo h2 {
      color: #000;
  }

  .searchinfo .searchlist {
      padding: 0.2rem 0;
  }

  .searchinfo .searchlist a {
      display: inline-block;
      margin: 0 1.0rem 0.3rem 0;
      color: #fff;
      background: #093c84;
      font-size: 0.24rem;
      text-align: center;
      height: 0.64rem;
      line-height: 0.64rem;
      padding: 0 0.2rem;
      border-radius: 0.5rem;
  }

  /*******************content*************/
  .dialog-layout {
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 101;
      background: #000;
      opacity: .5;
  }

  .index .hd {
      padding: 0 3%;
  }

  .index .hd li {
      width: 25%;
      float: left;
      background: #ccc;
      color: #fff;
      font-size: .3rem;
      height: .56rem;
      line-height: .56rem;
      text-align: center;
  }

  .index .hd li.on {
      background: #2b5899;
  }

  /*内页样式*/
  .content {
      width: 100%;
      padding-bottom: .2rem;
      padding-top: 0.2rem;
  }

  /*recom*/
  .recom {
      padding-top: .2rem;
      background: #f1f1f1;
      transition: none;
  }

  .recom * {
      transition: none;
  }

  .recom .recomCon {
      width: 100%;
      overflow: hidden;
      background: #fff;
      box-sizing: border-box;
  }

  .recom .recomConList {
      width: 200%;
  }

  .recom .list {
      float: left;
      width: 50%;
  }

  .recom .list li {
      border-bottom: 1px solid #eeeeee;
  }

  .recom .list li a {
      display: block;
      padding: .16rem .2rem .16rem .3rem;
  }

  .recom .list li.item {
      position: relative;
  }

  .recom .list li.item .img {
      width: 1.2rem;
      height: .9rem;
      float: left;
      margin-right: .15rem;
      padding: .04rem;
      border: 1px solid #f1f1f1;
  }

  .recom .list li.item h3 {
      color: #000;
      height: .4rem;
      overflow: hidden;
  }

  .recom .list li.item .txt {
      font-size: .2rem;
      color: #aaaaaa;
      line-height: .28rem;
  }

  .recom .list li.item .time {
      color: #aaaaaa;
      position: absolute;
      right: .25rem;
      font-size: .18rem;
      bottom: .2rem;
  }

  .recom .list li.item .time:before {
      width: .22rem;
      height: .22rem;
      display: inline-block;
      background-position: -1.4rem 0;
  }

  .recom .list li .tit {
      color: #2b5899;
  }

  .recom .list li .tit:after {
      width: 1px;
      height: .28rem;
      content: "\20";
      display: inline-block;
      margin: 0 .18rem;
      vertical-align: middle;
      background: #eeeeee;
  }

  .newslist {
      padding: 0 3%;
  }

  .newslist .item {
      width: 100%;
      border-bottom: 1px solid #eeeeee;
  }

  .newslist .item * {
      transition: all .3s linear;
  }

  .newslist .item a {
      padding: .3rem 0;
      width: 100%;
      display: block;
  }

  .newslist .item img {
      width: 1.44rem;
      height: .96rem;
      display: block;
      margin-top: .06rem;
      float: right;
      margin-right: .1rem;
  }

  .newslist .item h3 {
      font-size: .3rem;
      line-height: .36rem;
      max-height: .72rem;
      overflow: hidden;
      color: #000000;
  }

  .newslist .item .dec {
      color: #999999;
      font-size: .2rem;
      margin-top: .08rem;
  }

  .newslist .item .dec span {
      margin-right: .2rem;
  }

  .newslist .item.pic4 h3 {
      height: .36rem;
      margin-bottom: .08rem;
  }

  .newslist .item.pic4 img {
      float: left;
      margin-right: .06rem;
  }

  .newslist .item.pic4 img:last-child {
      margin-right: 0;
  }

  .g-top {
      width: 0.68rem;
      height: .68rem;
      position: fixed;
      bottom: 15%;
      z-index: 998;
      right: 2%;
      cursor: pointer;
      background: url(../images/ico-top.png) no-repeat;
      background-size: 100% auto;
  }

  /*subCate*/
  .subCate {
      padding: 0rem 0 .2rem;
  }

  .subCate a {
      width: 48%;
      margin: 0 1%;
      font-size: .22rem;
      height: .5rem;
      overflow: hidden;
      display: block;
      float: left;
      line-height: .5rem;
      text-align: center;
      color: #666;
      border: 1px solid #ddd;
      box-sizing: border-box;
      margin-bottom: .1rem;
  }

  .subCate a.on {
      border-color: #1048a0;
      color: #1048a0;
  }

  /*nybanner*/
  .nybanner {
      width: 100%;
      height: 2.4rem;
      position: relative;
      overflow: hidden;
      background-position: center top;
      background-repeat: no-repeat;
      background-size: 6.4rem 2.4rem;
      color: #fff;
      background-image: url(../images/nybanner.jpg);
  }

  .nybanner .title {
      padding-left: .4rem;
  }

  .nybanner h3 {
      margin-top: .7rem;
      font-size: .4rem;
      line-height: .45rem;
      color: #fff;
  }

  .nybanner .en {
      font-size: .33rem;
      font-family: arial;
      font-weight: bold;
  }

  .nybanner .line {
      display: block;
      width: .6rem;
      height: .04rem;
      background: #fff;
      margin-top: .05rem;
  }

  /*cateList*/
  .rotate1 {
      transform: rotate(180deg);
      margin-top: -.12rem !important;
  }

  .cateList {
      width: 100%;
      line-height: 0.8rem;
      text-align: center;
      background: #f1f1f1;
      color: #333;
      position: relative;
  }

  .cateList .goBack {
      width: .8rem;
      height: .8rem;
      padding-top: .25rem;
      position: absolute;
      left: .1rem;
      top: 0;
      z-index: 12;
  }

  .cateList .goBack:before {
      width: .2rem;
      height: .32rem;
      display: block;
      margin: 0 auto;
      background-position: -1.5rem -2.1rem;
  }

  .cateList h3 {
      position: relative;
      font-size: .3rem;
  }

  .cateList h3 s {
      position: absolute;
      top: 0.34rem;
      right: .4rem;
      width: .22rem;
      height: .18rem;
      margin-left: .1rem;
      background-position: -1.06rem -2.2rem;
      display: none;
  }

  .cateList .box {
      width: 100%;
      padding: .2rem 3% .0;
      z-index: 11;
      background: #fff;
      display: none;
      border-bottom: 1px solid #ddd;
  }

  .cateList .box a {
      width: 100%;
      position: relative;
      margin-right: 3%;
      float: left;
      height: .65rem;
      color: #333;
      line-height: .63rem;
      margin-bottom: .15rem;
      border: #dddddd solid 0.01rem;
      box-shadow: 0px 1px 5px #dbdadb;
      background-color: #fff;
      border-radius: 0.08rem;
      text-align: center;
      display: block;
      position: relative;
  }

  .cateList .box a:nth-child(2n) {
      margin-right: 0;
  }

  .cateList .box a.on {
      color: #1e468e;
      font-weight: bold;
      background: #eee;
  }

  /*pager*/
  .pager {
      width: 100%;
      text-align: center;
      background: #f6f6f6;
      padding: .2rem 0;
      font-size: .2rem;
  }

  .pager a,
  .pager span {
      width: 1.6rem;
      height: .4rem;
      line-height: .4rem;
      display: inline-block;
      background: #e59f19;
      color: #fff;
      border-radius: 5px;
  }

  .pager .yem {
      height: .4rem;
      display: inline-block;
      margin: 0px .1rem;
      line-height: .4rem;
  }

  /*reLink*/
  .reLink {
      margin: .1rem 3% .2rem;
      color: #333;
  }

  .reLink .prevLink,
  .reLink .nextLink {
      width: 100%;
      height: 0.6rem;
      line-height: 0.6rem;
      position: relative;
      overflow: hidden;
      text-indent: .06rem;
      border-bottom: 1px solid #ddd;
      background: #fff;
  }

  .reLink a {
      color: #333333;
  }

  /*m-share*/
  .m-share {
      margin-left: 3%;
      margin-bottom: .2rem;
  }

  .showInfo .showTit {
      width: 100%;
      padding: .3rem 0;
      margin: 0 auto;
      background: #fff;
      border-bottom: 1px solid #dddddd;
      text-align: center;
  }

  .showInfo .showTit h1 {
      margin: 0 2%;
      font-size: .36rem;
      color: #333;
      line-height: .44rem;
      text-align: center;
  }

  .showInfo .showTit .mark {
      font-size: .22rem;
      color: #666;
      padding: .2rem 0 0;
  }

  .moreBtn {
      width: 94%;
      margin: 2% auto 6%;
      height: 0.8rem;
      line-height: 0.8rem;
      display: block;
      text-align: center;
      background: #003e92;
      color: #fff;
      font-size: .22rem;
      box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  }

  .moreBtn a {
      display: block;
      color: #fff;
  }

  .moreBtn:active,
  .moreBtn:hover {
      background: #d20a05;
      color: #fff;
  }

  /*showInfor*/
  .showInfo {
      background: #fff;
      padding: 0 0 .2rem;
      overflow: hidden;
  }

  .showInfo .showSubTit {
      width: 100%;
      height: .65rem;
      line-height: .65rem;
      font-weight: normal;
      margin: .2rem 0 .1rem;
      background: #f6f6f6;
      border-bottom: 1px solid #1048a0;
      font-size: .24rem;
      text-indent: .15rem;
  }

  /*recomNew*/
  .recomNew {
      width: 96%;
      padding: 0.1rem 0 2%;
      margin: 0 auto;
  }

  .recomNew li {
      width: 100%;
      height: .6rem;
      line-height: .6rem;
      border-bottom: 1px solid #eeeeee;
      overflow: hidden;
  }

  .recomNew li a {
      font-size: .24rem;
      display: block;
      position: relative;
      padding-left: 2%;
  }

  .recomNew li a:before {
      content: "";
      position: absolute;
      background: #cccccc;
      width: 3px;
      height: 3px;
      left: 0;
      top: 0.28rem;
      z-index: 11;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
  }

  /*showSubTit*/
  .showInfo .showtit {
      margin: 0 3% 0;
      font-size: .36rem;
      color: #333333;
      line-height: .44rem;
      text-align: center;
  }

  .showInfo .showtit.showtit2 {
      margin: .3rem 0;
  }

  .showInfo .showContxt {
      padding: .2rem 3% .3rem;
  }

  .showInfo .showContxt * {
      line-height: .42rem !important;
      font-size: .24rem !important;
  }

  .showInfo .showContxt img,
  .showInfo .showContxt iframe {
      max-width: 100%;
      height: auto !important;
      display: block;
  }

  .showInfo .contxt {
      padding: .2rem 4% .4rem;
      line-height: .42rem;
      color: #666666;
  }

  .showInfo .contxt img {
      max-width: 100%;
      margin: 0px auto;
      height: auto !important;
      display: inline;
  }

  .showInfo .contxt p {
      line-height: .4rem;
  }

  .showInfo .contxt .biao td {
      padding: .09rem;
      border: 1px solid #ccc;
      vertical-align: middle;
      WORD-WRAP: break-word;
      table-layout: fixed;
      word-break: break-all;
  }

  .showInfo .showTab {
      width: 94%;
      padding: .4rem 3% 0 0;
      margin-left: 3%;
      border-bottom: 2px solid #1e468e;
  }

  .showInfo .showTab a {
      display: inline-block;
      cursor: pointer;
      margin-right: .12rem;
      height: 0.5rem;
      line-height: 0.5rem;
      width: 1.5rem;
      font-size: .22rem;
      text-align: center;
      background: linear-gradient(#aaaaaa, #777777);
      color: #fff;
  }

  .showInfo .showTab a.hover {
      background: linear-gradient(#3c6fc8, #1e468e);
      color: #fff;
  }

  .showInfo .bd {
      width: 100%;
  }

  .showInfo .imgtog {
      width: 100%;
      margin: 0 auto;
      position: relative;
      overflow: hidden;
      height: 4.5rem;
  }

  .showInfo .imgtog .list .item {
      float: left;
      width: 20%;
      height: 4.5rem;
  }

  .showInfo .bd .list .item img {
      margin: 0 auto;
      display: block;
      height: 4.5rem;
  }

  .showInfo .hd {
      position: absolute;
      bottom: 0.2rem;
      width: 100%;
      text-align: center;
  }

  .showInfo .hd ul {
      display: inline-block;
  }

  .showInfo .hd ul li {
      display: block;
      float: left;
      width: 12px;
      height: 12px;
      background-color: #003e92;
      border-radius: 10px;
      text-indent: -999px;
      cursor: pointer;
      margin-left: 10px;
  }

  .showInfo .hd ul li.on {
      background-color: #d20a05;
  }

  .showmenu {
      width: 100%;
      padding: 0.1rem 0 .2rem;
      background: #fff;
  }

  .showmenu a {
      width: 48%;
      height: .6rem;
      display: block;
      float: left;
      line-height: .6rem;
      text-align: center;
      border-radius: .04rem;
      color: #333;
      background: #fff;
      margin: 0 1% 2%;
      border: 1px solid #ddd;
      box-sizing: border-box;
  }

  .showmenu a.hover {
      border: 1px solid #1048a0;
      color: #fff;
      background: #1048a0;
  }

  .erro {
      padding: 0.2rem;
  }

  /*newsPage*/
  .newsPage {
      padding: .1rem 0 .6rem;
  }

  .newsPage .item {
      width: 94%;
      padding-right: .1rem;
      display: block;
      padding: .3rem 0 .3rem;
      border-bottom: 1px solid #dddddd;
      margin: 0 auto 0;
  }

  .newsPage .item img {
      width: 2rem;
      height: 1.5rem;
      display: block;
      margin-right: .22rem;
  }

  .newsPage .item h3 {
      font-size: .3rem;
      line-height: 0.48rem;
      margin-bottom: .1rem;
      color: #333333;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
  }

  .newsPage .item p {
      font-size: .22rem;
      line-height: 0.32rem;
      color: #999999;
      overflow: hidden;
  }

  .newsPage .item .time {
      color: #999;
      font-size: .2rem;
  }

  .newsPage .item:last-child {
      border-bottom: 0px;
  }

  .newsPage.recomCon {
      padding: .4rem 0 0;
  }

  .recomCon .item:first-child {
      padding-top: 0;
  }

  /*fenx*/
  #nativeShare {
      margin: 0 auto;
      width: 100%;
      padding-top: 0.3rem;
      max-width: 640px;
      min-width: 320px;
  }

  #nativeShare .label {
      margin-left: 0.2rem;
      font-size: 0.24rem;
      color: #666666;
      line-height: 0.6rem;
  }

  #nativeShare .list {
      width: 5.4rem;
      float: right;
  }

  #nativeShare .list span {
      height: 0.9rem;
      width: 0.9rem;
      padding: 0;
      display: inline-block;
  }

  #nativeShare .list span i {
      margin: 0 auto;
      width: 0.63rem;
      height: 0.63rem;
      display: block;
  }

  #nativeShare .weibo i {
      background-image: url('../images/weibo.png');
      background-size: cover;
  }

  #nativeShare .weixin i {
      background-image: url('../images/weixin_friend.png');
      background-size: cover;
  }

  #nativeShare .weixin_timeline i {
      background-image: url('../images/weixin.png');
      background-size: cover;
  }

  #nativeShare .qq i {
      background-image: url('../images/qq.png');
      background-size: cover;
  }

  #nativeShare .qzone i {
      background-image: url('../images/qqzone.png');
      background-size: cover;
  }

  #nativeShare .more i {
      background-image: url('../images/more.png');
      background-size: cover;
  }

  #nativeShare .list span.qzone,
  #nativeShare .list span.more {
      width: 0.73rem;
  }

  #fenxiang {
      display: none;
  }

  .fenx {
      height: 1.0rem;
      width: 100%;
  }

  .fenx .tt {
      margin-left: 0.2rem;
      font-size: 0.24rem;
      color: #666666;
      line-height: 0.6rem;
  }

  .fenx .bdsharebuttonbox {
      width: 80%;
      float: right;
  }

  .fenx .bdsharebuttonbox a {
      margin-left: 0.2rem;
  }

  #bdfx {}

  #bdfx a {
      height: 0.6rem;
      width: 0.6rem;
      margin: 0;
      padding: 0;
      margin: 0px 0.08rem;
      display: inline-block;
  }

  #bdfx .d1 {
      background: url(../images/qqzone.png) no-repeat center;
      background-size: 100% 100%;
  }

  #bdfx .d2 {
      background: url(../images/weibo.png) no-repeat center;
      background-size: 100% 100%;
  }

  /*catelist*/
  .gridlist {
      padding: 0 3% .2rem;
  }

  .catelist .item span {
      display: block;
      width: 9px;
      height: 16px;
      position: absolute;
      top: 28%;
      margin-top: -8px;
      right: 2%;
  }

  .catelist .item span:before {
      content: "";
      position: absolute;
      background: #ccc;
      width: 11px;
      height: 11px;
      right: 0;
      top: 0;
      z-indx: 10;
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
  }

  .catelist .item span:after {
      content: "";
      position: absolute;
      background: #fff;
      width: 11px;
      height: 11px;
      right: 4px;
      top: 0;
      z-indx: 11;
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
  }

  .caselist li {
      width: 48.4%;
      float: left;
      margin-right: 3%;
      margin-bottom: .26rem;
      border: 1px solid #ececec;
      padding: .06rem;
  }

  .caselist li:nth-child(2n) {
      margin-right: 0;
  }

  .caselist li a {
      display: block;
  }

  .caselist li figure {
      width: 100%;
      padding-top: 75%;
      position: relative;
      overflow: hidden;
  }

  .caselist li figure img {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      min-height: 100%;
      display: block;
  }

  .caselist li h3 {
      color: #333;
      text-align: center;
      font-size: .26rem;
      font-weight: normal;
  }

  /*.list_imgH li figure{padding-top: 133.333333%;}*/
  .list_4 li figure {
      padding-top: 75%;
  }

  .messagePage {
      padding: 3% 3% 5%;
  }

  .messagePage .indexTit {
      margin-bottom: .4rem;
      text-align: center
  }

  .messagePage .indexTit h3 {
      font-size: .3rem;
      text-align: center;
  }

  .messagePage .item {
      width: 100%;
      height: 0.7rem;
      line-height: 0.7rem;
      position: relative;
      -webkit-border-radius: 0.06rem;
      border-radius: 0.06rem;
      margin-bottom: .18rem;
      border: 1px solid #dedede;
  }

  .messagePage .item label {
      width: 1rem;
      color: #333;
      display: block;
      float: left;
      text-align: center;
      height: 0.7rem;
      line-height: 0.7rem;
  }

  .messagePage .item input {
      width: 4.5rem;
      height: 0.7rem;
      line-height: 0.7rem;
      border: 0;
      background: none;
      color: #999;
  }

  .messagePage .item select {
      width: 4.5rem;
      height: 0.7rem;
      line-height: 0.7rem;
      border: 0;
      background: none;
      background: #fff url(../images/mess.jpg) right no-repeat;
      background-size: auto 100%;
  }

  .messagePage .item .b {
      position: absolute;
      right: .12rem;
      color: #ff9f00;
  }

  .messagePage .item.con {
      height: 2.8rem;
  }

  .messagePage .item.con textarea {
      width: 100%;
      height: 2.1rem;
      padding: .1rem .16rem .1rem;
      resize: none;
      background: none;
      border: 0px;
  }

  .messagePage .item.con .b {
      top: 0;
  }

  /*.messagePage .btn .reset{width: 2.72rem; height: 0.68rem; line-height: 0.68rem; text-align: center; float: left; border: 1px solid #d2d2d2; background: #f9f9f9; color: #333333; font-size: .28rem;}*/
  .messagePage .btn input {
      width: 100%;
      height: 0.68rem;
      line-height: 0.68rem;
      text-align: center;
      display: block;
      float: right;
      background: #1048a0;
      color: #fff;
      font-size: .28rem;
      border: 0;
  }

  .showtel {
      position: fixed;
      width: 5rem;
      height: 2rem;
      top: 60%;
      left: 50%;
      margin-left: -2.5rem;
      z-index: 999;
      display: none;
      text-align: center
  }

  .showtel a {
      display: inline-block;
      width: 5rem;
      height: .8rem;
      line-height: .8rem;
      border-radius: 5px;
      background: #00633d;
      color: #fff;
      font-size: .3rem;
      margin-bottom: .2rem
  }

  /*产品导航*/
  .m-navwrap {
      position: relative;
      width: 100%;
      margin-top: -.2rem;
      padding-bottom: .2rem;
  }

  #navwrap {
      width: 100%;
      float: right;
      top: 38px;
      background-color: #f6f6f6;
      z-index: 2;
      display: none;
      left: 0;
  }

  #navwrap .tit {
      display: block;
      width: 100%;
      padding: 0 17% 0 5%;
      height: .8rem;
      line-height: .8rem;
      font-size: .24rem;
      color: #fff;
      background: url("../images/ico_down1.png") no-repeat 92% center #fff;
      background-size: auto 42%;
      cursor: pointer;
      border-bottom: 1px solid #e8e8e8;
  }

  #navwrap a {
      color: #333;
      display: block;
  }

  #navwrap .sub-box {
      width: 100%;
      background: #f6f6f6;
      display: none;
  }

  #navwrap .sub-box a {
      display: block;
      width: 100%;
      padding: 0 6.4% 0 4.6%;
      height: .7rem;
      line-height: .7rem;
      border-top: 1px solid #e8e8e8;
      color: #333;
      font-size: .2rem;
      text-indent: .3rem;
      background: url("../images/ico_right1.png") no-repeat 92% center;
      background-size: auto 35%;
  }

  .nav-ico {
      position: absolute;
      top: .1rem;
      right: .2rem;
      width: .4rem;
      height: .36rem;
      background-position: -.5rem -1.2rem;
  }

  #navwrap .sub-box a:first-child {
      border-top: none;
  }

  #navwrap .sub-box a:hover {
      background: url("../images/ico_right.png") no-repeat 92% center #1048a0;
      color: #fff;
  }

  /* 在线留言 */
  .login {
      width: 90%;
      margin: 3% auto;
      padding: 3%;
  }

  .login li {
      width: 100%;
      margin-bottom: 5%;
  }

  .login li img {
      float: right;
      margin-right: 10%;
      width: 30%;
      height: .67rem;
  }

  .login_input {
      display: block;
      height: 2.8em;
      -webkit-appearance: none;
      border-radius: 0;
  }

  .login_textarea {
      height: 8em;
      margin-bottom: -2%;
  }

  .login li .pin_width {
      width: 50%;
  }

  .login li .login_btn {
      width: 100%;
      color: #fff;
      border: 0;
      text-align: center;
      font: .3rem/.8rem "microsoft yahei";
      background: #003e92;
      box-shadow: none;
  }

  .login input,
  .login textarea {
      width: 100%;
      border: 1px solid #dcdcdc;
      background: #fff;
      color: #333;
      font: .24rem/.5rem "microsoft yahei";
      text-indent: .1rem;
  }

  /*返回首页*/
  #tip {
      padding: 5% 0;
      min-height: 300px;
  }

  #tip b {
      color: #003e92;
      font-weight: bold;
  }

  /*推荐新闻*/
  .indexTit {
      width: 94%;
      margin: 0 auto .4rem;
      height: .68rem;
      line-height: .64rem;
      border-bottom: 2px solid #e2e2e2;
  }

  .indexTit .more {
      float: right;
      font-family: arial;
      margin-top: .06rem;
      font-size: .2rem;
      text-transform: uppercase;
  }

  .indexTit h3 {
      display: inline-block;
      font-size: .3rem;
      position: relative;
  }

  .indexTit h3 span {
      font-size: .24rem;
      font-family: arial;
      margin-left: .12rem;
  }

  .indexTit h3:before {
      width: 48%;
      height: 2px;
      position: absolute;
      left: 0;
      bottom: -3px;
      display: block;
      content: "\20";
      background: #1e468e;
  }

  /*字体*/
  @media only screen and (min-width:641px) {
      html {
          font-size: 100px;
      }
  }

  @media only screen and (max-width:640px) {
      html {
          font-size: 100px;
      }
  }

  @media only screen and (max-width:540px) {
      html {
          font-size: 84.375px;
      }
  }

  @media only screen and (max-width:480px) {
      html {
          font-size: 75px;
      }
  }

  @media only screen and (max-width:414px) {
      html {
          font-size: 64.6875px;
      }
  }

  @media only screen and (max-width: 400px) {
      html {
          font-size: 62.5px;
      }
  }

  @media only screen and (max-width: 375px) {
      html {
          font-size: 58.5938px;
      }
  }

  @media only screen and (max-width: 360px) {
      html {
          font-size: 56.25px;
      }
  }

  @media only screen and (max-width: 320px) {
      html {
          font-size: 50px;
      }
  }

  #topnav.menu-btn .menu-line {
      background: #000;
      height: 4px;
      position: absolute;
      width: 24px;
      right: 0;
  }

  #topnav.menu-btn #menu-line1 {
      top: 0;
  }

  #topnav.menu-btn #menu-line2 {
      top: 50%;
  }

  #topnav.menu-btn #menu-line3 {
      top: 100%;
  }

  #topnav.menu-btn .menu-line {
      animation-duration: 0.5s;
      animation-timing-function: ease;
      animation-iteration-count: 1;
      animation-direction: normal;
      animation-delay: 0;
      animation-play-state: running;
      animation-fill-mode: forwards;
  }

  #topnav.menu-btn.inactive #menu-line1 {
      animation: 800ms ease 0s normal none 2 running menu;
  }

  #topnav.menu-btn.inactive #menu-line2 {
      animation: 800ms ease 0.16s normal none 2 running menu;
  }

  #topnav.menu-btn.inactive #menu-line3 {
      animation: 800ms ease 0.32s normal none 2 running menu;
  }

  /*导航动画*/
  @keyframes menu-line1-hover {
      0% {}

      50% {
          transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
      }

      100% {
          top: 50%;
          transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -o-transform: rotate(45deg);
      }
  }

  @keyframes menu-line2-hover {
      0% {
          opacity: 1
      }

      50% {
          opacity: 1
      }

      51% {
          opacity: 0
      }

      100% {
          opacity: 0
      }
  }

  @keyframes menu-line3-hover {
      0% {}

      50% {
          transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
      }

      100% {
          top: 50%;
          transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
      }
  }

  @keyframes menu-line1 {
      0% {
          top: 50%;
          transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -o-transform: rotate(45deg);
      }

      50% {
          top: 50%;
          transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
      }

      100% {
          top: 0%;
          transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
      }
  }

  @keyframes menu-line2 {
      0% {
          opacity: 0
      }

      50% {
          opacity: 0
      }

      51% {
          opacity: 1
      }

      100% {
          opacity: 1
      }
  }

  @keyframes menu-line3 {
      0% {
          top: 50%;
          transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
      }

      50% {
          top: 50%;
          transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
      }

      100% {
          top: 100%;
      }
  }

  @-webkit-keyframes menu {
      0% {
          width: 24px;
      }

      45% {
          width: 6px;
      }

      90% {
          width: 24px;
      }

      100% {
          width: 24px;
      }
  }

  @keyframes menu {
      0% {
          width: 24px;
      }

      45% {
          width: 6px;
      }

      90% {
          width: 24px;
      }

      100% {
          width: 24px;
      }
  }

/*x自定义样式x*/
.layui-layer-close {
	position: absolute
}

.layui-layer-content {
	position: relative
}

.layui-layer-border {
	border: 1px solid #b2b2b2;
	border: 1px solid rgba(0, 0, 0, .1);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .2)
}

.layui-layer-btn a,
.layui-layer-setwin span {
	display: inline-block;
	vertical-align: middle;
	display: inline;
	zoom: 1
}

.layui-layer-move {
	display: none;
	position: fixed;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: move;
	opacity: 0;
	filter: alpha(opacity=0);
	background-color: #fff;
	z-index: 2147483647
}

li.language {
    text-align: center;
    top: 0;
}

li.language a {
    display: inline;
    border: none;
    color: gray;
}