@charset "utf-8";

    /* CSS Document */
    * {
      margin: 0;
      padding: 0;
      font-family: "Microsoft Yahei", "微软雅黑", sans-serif;
    }

    li {
      list-style: none;
    }

    img {
      border: none;
    }

    input,
    textarea,
    select {
      outline: none;
    }

    a {
      blr: expression(this.onFocus=this.blur());
      /* IE Opera */
      outline: none;
      /* FF Opera */
      text-decoration: none;
    }

    a:focus {
      -moz-outline-style: none;
      /* FF */
    }

    textarea {
      resize: none;
    }

    .qing {
      display: block;
      clear: both;
      height: auto;
      overflow: hidden;
    }

    body>.qing {
      min-width: 1256px;
    }

    .juzhong {
      display: block;
      width: 1200px;
      margin-left: auto;
      margin-right: auto;
      /* overflow: hidden; */
    }

    .lf {
      display: block;
      float: left;
      overflow: hidden;
    }

    .rf {
      display: block;
      float: right;
      overflow: hidden;
    }

    body {
      background: #f3f3f3;
      overflow-x: hidden;
    }

    .imghover {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-transition: 1s all;
      -moz-transition: 1s all;
      -ms-transition: 1s all;
      -o-transition: 1s all;
      transition: 1s all;
    }

    .imghover:hover {
      -webkit-transform: scale(1.15);
      -moz-transform: scale(1.15);
      -ms-transform: scale(1.15);
      -o-transform: scale(1.15);
      transform: scale(1.15);
    }

    /************************ index ***************************/

    /*头部*/
    .gonggao {
      height: 45px;
      background: url(../images/topbg.png) bottom repeat-x;
    }

    .head {
      background: #fff;
    }

    .ttel {
      display: block;
      margin-left: 30px;
    }

    .ttel .gg {
      float: left;
      color: #666;
      font-size: 14px;
    }

    .ttel img {
      display: block;
      float: left;
      margin-right: 6px;
    }

    .ttel img {
      animation: ttel 1s linear infinite alternate both;
      -moz-animation: ttel 1s linear infinite alternate both;
      -webkit-animation: ttel 1s linear infinite alternate both;
      -o-animation: ttel 1s linear infinite alternate both;
    }

    @keyframes ttel {
      0% {
        transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        /* IE 9 */
        -webkit-transform: rotate(-15deg);
        /* Safari and Chrome */
        -o-transform: rotate(-15deg);
        /* Opera */
        -moz-transform: rotate(-15deg);
      }

      100% {
        transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        /* IE 9 */
        -webkit-transform: rotate(15deg);
        /* Safari and Chrome */
        -o-transform: rotate(15deg);
        /* Opera */
        -moz-transform: rotate(15deg);
      }
    }

    @-moz-keyframes ttel {
      0% {
        transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        /* IE 9 */
        -webkit-transform: rotate(-15deg);
        /* Safari and Chrome */
        -o-transform: rotate(-15deg);
        /* Opera */
        -moz-transform: rotate(-15deg);
      }

      100% {
        transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        /* IE 9 */
        -webkit-transform: rotate(15deg);
        /* Safari and Chrome */
        -o-transform: rotate(15deg);
        /* Opera */
        -moz-transform: rotate(15deg);
      }
    }

    @-webkit-keyframes ttel {
      0% {
        transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        /* IE 9 */
        -webkit-transform: rotate(-15deg);
        /* Safari and Chrome */
        -o-transform: rotate(-15deg);
        /* Opera */
        -moz-transform: rotate(-15deg);
      }

      100% {
        transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        /* IE 9 */
        -webkit-transform: rotate(15deg);
        /* Safari and Chrome */
        -o-transform: rotate(15deg);
        /* Opera */
        -moz-transform: rotate(15deg);
      }
    }

    @-o-keyframes ttel {
      0% {
        transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        /* IE 9 */
        -webkit-transform: rotate(-15deg);
        /* Safari and Chrome */
        -o-transform: rotate(-15deg);
        /* Opera */
        -moz-transform: rotate(-15deg);
      }

      100% {
        transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        /* IE 9 */
        -webkit-transform: rotate(15deg);
        /* Safari and Chrome */
        -o-transform: rotate(15deg);
        /* Opera */
        -moz-transform: rotate(15deg);
      }
    }

    .cls_container-zn {
      width: 360px;
      font-size: 12px;
      height: 38px;
      overflow: hidden;
      float: left;
    }

    .cls_container-zn ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }

    .cls_container-zn ul li {
      width: 360px;
      font-size: 12px;
      height: 38px;
      float: left;
      display: inline;
    }

    .cls_container-zn ul li a,
    .cls_container ul li a:visited {
      color: #666;
    }

    .hyd {
      line-height: 42px;
      color: #2d2d2d;
      font-size: 14px;
    }

    .hyd a,
    .hyd a:visited {
      color: #2d2d2d;
      font-size: 14px;
    }

    .hyd a:hover {
      color: #ce3732;
      font-size: 14px;
    }

    .jgk {
      display: block;
      float: left;
      height: 42px;
    }

    .jig {
      display: block;
      height: 32px;
      background: url(../images/assemblage.png) no-repeat center left;
      background-position: -60px -33px;
      padding: 0 5px 0 20px;
      line-height: 35px;
      font-size: 13px;
      color: #444;
      cursor: pointer;
      margin-right: 12px;
    }

    .navi {
      float: left;
      height: 42px;
    }

    .navi ul {
      display: block;
      float: left;
      overflow: visible;
      height: 42px;
      margin-right: 15px;
      /* border-left:1px solid #ddd; */
    }

    .navi ul li {
      display: block;
      float: left;
      position: relative;
      z-index: 100;
      height: 42px;
      padding-top: 3px;
      /* border-right:1px solid #ddd; */
    }

    .navi ul li a.items.hover,
    .navi a.items.actived span {
      color: #003949;
      text-decoration: none;
    }

    .navi ul li.hover a.items span {
      color: #003949;
      position: relative;
      z-index: 100;
    }

    .navi ul .shouye.hover a.items span {
      color: #003949;
      position: relative;
      z-index: 100;
    }

    /**- 搜索框 -**/
    .keyboardbox {
      border: 1px solid #8a8a8a;
      line-height: 26px;
    }

    .search-user {
      width: 330px;
    }

    .keyboard {
      float: left;
      width: 130px;
      border: 1px solid #ccc;
      height: 24px;
      margin-top: 5px;
    }

    #vivo-head {
      z-index: 1;
      position: relative;
      width: 100%;
      background: #f2f2f2;
    }

    #vivo-head .vivo-nav {
      width: 1250px;
      height: 41px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      z-index: 999;
    }

    .vivo-nav .search-user {
      overflow: hidden;
      display: block;
      float: right;
      height: 41px;
    }

    /*.search{width:33px;height:40px;display:inline-block; position:relative; background:url(../images/top_sou.png) center center no-repeat;cursor:pointer;}
.search:hover{ background:url(../images/top_sou2.png) center center no-repeat;}*/
    .huan {
      font-size: 12px;
      color: #8e8e8e;
      line-height: 40px;
    }

    .top_xin {
      width: 33px;
      height: 40px;
      background: url(../images/top_xin.png) center center no-repeat;
      margin-right: 12px;
    }

    .top_xin:hover {
      background: url(../images/top_xin2.png) center center no-repeat;
    }

    .top_ban {
      font-size: 12px;
      color: #474747;
      line-height: 40px;
    }

    .top_ban:hover {
      color: #b12923;
    }

    .top_xian {
      font-size: 12px;
      color: #474747;
      line-height: 40px;
      padding: 0 10px;
    }

    #vivo-head .vivo-search {
      height: 80px;
      width: 100%;
      background: #202223;
      position: relative;
      z-index: 9999;
      display: none;
    }

    .vivo-search .search-box {
      width: 700px;
      height: 40px;
      position: absolute;
      top: 20px;
      left: 50%;
      margin-left: -350px;
      background: #666;
      position: relative;
      z-index: 9999;
    }

    .vivo-search .search-box input {
      width: 550px;
      height: 20px;
      padding: 10px 20px;
      font-size: 14px;
      color: #555;
      border: none;
      background: #fff;
      overflow: hidden;
      vertical-align: middle;
    }

    .vivo-search .search-box button {
      width: 110px;
      height: 40px;
      overflow: hidden;
      text-align: center;
      font-size: 14px;
      color: #fff;
      border: none;
      overflow: hidden;
      vertical-align: middle;
      background: #b12923;
      outline: none;
      cursor: pointer;
      -webkit-transition: background .2s ease-in-out;
      -moz-transition: background .2s ease-in-out;
      -ms-transition: background .2s ease-in-out;
      transition: background .2s ease-in-out;
    }

    .vivo-search .search-box a.close {
      width: 24px;
      height: 24px;
      position: absolute;
      top: 8px;
      right: -40px;
      background: url(../images/vivo-head-ico.png) -86px 0 no-repeat;
      _background-image: url(../images/vivo-head-ico.gif);
    }

    .vivo-search .search-box a.close:hover {
      background-position: -86px -25px;
    }




    /**扫描二维码**/

    /*****************************************- 二维码 -****************************************/
    #tooltip {
      position: absolute;
      padding: 5px;
      background: #FFF;
      border: 1px solid #ccc;
      display: none;
    }

    .tooltip {
      cursor: default;
    }

    #wb_tooltip {
      position: absolute;
      padding: 5px;
      background: #FFF;
      border: 1px solid #ccc;
      display: none;
    }

    .wb_tooltip {
      cursor: default;
    }



    .weik {
      height: 42px;
      padding-top: 5px;
      margin-left: 15px;
    }

    .weik a {
      display: block;
      position: relative;
      width: 24px;
      height: 24px;
      float: left;
      margin-left: 12px;
      cursor: pointer;
    }

    .wei1 {
      background: url(../images/twei1.png) center center no-repeat;
      background-size: 100%;
    }

    .wei2 {
      background: url(../images/twei2.png) center center no-repeat;
      background-size: 100%;
    }

    .weik a b,
    .fweik a b {
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      width: 0;
      top: 0;
    }

    .wei10 {
      background: url(../images/twei10.png) center center no-repeat;
      background-size: 100%;
    }

    .wei20 {
      background: url(../images/twei20.png) center center no-repeat;
      background-size: 100%;
    }

    .weik a:hover b {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
    }


    .header {
      width: 100%;
      height: auto;
      overflow: hidden;
    }

    .head_top {
      width: 1256px;
      margin: 0 auto;
      height: 110px;
    }

    /* .logo{ float:left; margin-top:11px;} */

    .lf {
      overflow: hidden;
      display: block;
      float: left;
    }

    .rf {
      overflow: hidden;
      display: block;
      float: right;
    }

    .tel {
      padding-top: 15px;
      padding-right: 22px;
    }

    .tel_img {
      width: 40px;
      height: 40px;
      margin-right: 8px;
      margin-top: 5px;
    }

    .tel_bt {
      font-size: 14px;
      color: #494848;
      line-height: 20px;
    }

    .tel_bt span {
      overflow: hidden;
      display: block;
      font-size: 25px;
      color: #1f1a17;
      line-height: 30px;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: 600;
    }


    .header_right {
      position: relative;
      float: right;
      color: #999;
      line-height: 28px;
      font-size: 18px;
      margin-top: 41px;
    }

    .header_right a {
      margin: 0 14px;
      font-size: 12px;
      text-decoration: none;
      color: #999;
      cursor: pointer;
    }

    .header_right i {
      font-size: 12px;
      font-family: Arial;
      padding-left: 22px;
      background: url(../images/assemblage.png) no-repeat;
      background-position: -60px -36px;
      line-height: 28px;
      height: 28px;
      display: inline-block;
      width: auto;
      margin-right: 14px;
    }

    .header_right .language {
      float: right;
      padding: 0;
      text-align: center;
      display: block;
      width: 66px;
      background: url(../images/icon07.png) no-repeat right center;
      line-height: 28px;
      height: 28px;
      display: block;
    }

    .language-box {
      position: absolute;
      top: 10px;
      right: 12px;
      width: 66px;
      height: 40px;
      line-height: 20px;
      padding-top: 18px;
      display: none;
    }

    .language-box a {
      height: 20px;
      line-height: 20px;
      width: 66px;
      display: block;
      text-align: center;
    }

    .header_right .you {
      float: right;
      margin-left: 14px;
    }

    .you .xinlang,
    .you .weixin,
    .you .qq,
    .you .weibo {
      width: 26px;
      height: 26px;
      background: #999 url("../images/share.png") no-repeat;
      display: inline-block;
      border-radius: 50%;
      background-position: 3px 3px;
      text-indent: -9999px;
      margin: 0 3px;
    }

    .you .xinlang {
      background-position: 3px 4px;
    }

    .you .weixin {
      background-position: -43px 4px;
    }

    .you .qq {
      background-position: -90px 4px;
    }

    .you .weibo {
      background-position: -136px 4px;
    }

    .xinlang:hover,
    .weixin:hover,
    .qq:hover,
    .weibo:hover {
      background-color: #e01121;
      transition: all 2s ease 0s;
    }

    .you a span {
      visibility: hidden;
    }

    /*导航*/

.navbar{ position:relative; height:80px; width:100%; min-width:1256px; width:expression_r(document.body.clientWidth < 1200 ? "1256px" : "100%"); background:#fff; z-index:300;}
.menu_bg{position:absolute;left:0px;top:80px;height:0px;width:100%;background:#fff;opacity:0.4;filter:alpha(opacity=40);display:block;}
.navbar .index-logo {
  float: left;
  margin-top: 20px;
}
.nav{ position:relative; width:1200px; height:100%; margin:0 auto;}
.nav_list{float:left;height:100%}
.nav_list li{position:relative;float:left;height:80px;line-height:80px;}
.nav_link{color:#333 !important;font-weight:bold;text-decoration:none;margin-bottom:0;font-size:16px;font-family:"微软雅黑";width:125px;line-height:14px;text-align:center;height:14px;display:inline-block;zoom:1;*display:inline;margin-top:24px\9;}
.nav_link:hover{ text-decoration:none;}
.nav_list .searchbox{ width:180px; margin-left:66px; float:right; position:relative;}

.nav_list .search{ outline:none; width:100%; height:26px; line-height:26px; border-radius: 15px; border:none; padding-left:10px; color:#999; margin-top:18px; background: #fff url(../images/seach_btn.png) right center no-repeat;}
.nav_list .search{ outline:none; width:147px; height:26px; line-height:26px; border-radius: 15px 0px 0px 15px; border:none; padding:0; padding-left:10px; color:#999; position:absolute; top:18px; left:0;}
.nav_list .ok{ border:none; background:none; width:46px; height:26px; background: #fff url(../images/seach_btn.png) right center no-repeat; border-radius:0px 15px 15px 0px; position:absolute; right:0; top:18px;}
.link_hover{color:#fff}
.nav_menu{position:absolute;top:80px;left:0px;width:125px;height:0;overflow:hidden;display:block;z-index:222;}
.nav_menu:hover{background:#fff;}

.nav_menu li{clear:both;padding:6px 0;height:auto;width:125px;text-align:center;z-index:2}
.nav_menu li:first-child{margin-top:6px;}
.nav_menu li:hover a{color:#e01121}
.nav_menu li a{display:block;line-height:20px;font-size:14px;color:#333 !important; border:solid 1px transparent;}
.nav_menu li a:hover{color:#e01121;border:1px solid #e01121;width: 90%;display: block;margin: auto;}

.triangle{position:absolute;width:121px;border-width:2px;border-style:solid;border-color:#e01121;left:0;bottom:0px;display:none;z-index:1}
.menu_hover_a{color:#000}
.nav_menu li .menu2{ color:#e01121; font-weight:bold;}

.fixednav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
}






    .tbg {
      /* background:url(../images/topbg.png) center top no-repeat; */
      height: 143px;
      background: #fff;
    }


    .ttel {
      line-height: 39px;
      font-size: 14px;
      color: #eee;
    }

    .ttel img {
      margin-right: 8px;
      vertical-align: middle;
    }

    .swipe {
      width: 100%;
      overflow: hidden;
      position: relative;
    }

    .swipe ul {
      -webkit-transition: left 800ms ease-in 0;
      -moz-transition: left 800ms ease-in 0;
      -o-transition: left 800ms ease-in 0;
      -ms-transition: left 800ms ease-in 0;
      transition: left 800ms ease-in 0;
    }

    .swipe #pagenavi {
      position: absolute;
      left: 0;
      bottom: 10px;
      text-align: center;
      width: 100%;
    }

    .swipe #pagenavi a {
      width: 40px;
      height: 5px;
      line-height: 99em;
      background: #FFFFFF;
      -webkit-border-radius: 10%;
      -moz-border-radius: 10%;
      border-radius: 10%;
      margin: 0 4px;
      overflow: hidden;
      cursor: pointer;
      display: inline-block;
      *display: inline;
      *zoom: 1;
    }

    .swipe #pagenavi a.active {
      background: #3A486A;
    }

    /* .fbg{ background:#e5e5e5; padding-top:32px; padding-bottom:32px;} */



    .fullSlide {
      width: 100%;
      position: relative;
      height: 500px;
      background: #000;
      min-width: 1256px;
    }

    .fullSlide .bd {
      margin: 0 auto;
      position: relative;
      z-index: 0;
      overflow: hidden;
      min-width: 1256px;
    }

    .fullSlide .bd ul {
      width: 100% !important;
      min-width: 1200px;
    }

    .fullSlide .bd li {
      width: 100% !important;
      height: 500px;
      overflow: hidden;
      text-align: center;
      min-width: 1256px;
    }

    .fullSlide .bd li a {
      display: block;
      height: 520px;
      min-width: 1200px;
      cursor: default;
    }

    .fullSlide .hd {
      width: 100%;
      position: absolute;
      z-index: 1;
      bottom: 16px;
      left: 0;
    }

    .fullSlide .hd ul {
      text-align: center;
    }

    .fullSlide .hd ul li {
      cursor: pointer;
      display: inline-block;
      *display: inline;
      zoom: 1;
      width: 20px;
      height: 20px;
      margin-right: 20px;
      overflow: hidden;
      background: #fff;
      line-height: 999px;
      border-radius: 50%;
    }
    .fullSlide .hd ul li:last-child {
      margin-right: 0;
    }

    .fullSlide .hd ul .on {
      background: #e01121;
    }

    .fullSlide .prev {
      background: url(../images/ad_ctr.png) no-repeat -3px -9px;
      right: 0;
      width: 43px;
      height: 63px;
      display: block;
      position: absolute;
      top: 40%;
      z-index: 2;
      cursor: pointer;
    }

    .fullSlide .next {
      background: url(../images/ad_ctr.png) no-repeat -3px -9px;
      background-position: -12px -100px;
      width: 43px;
      height: 69px;
      display: block;
      position: absolute;
      top: 40%;
      z-index: 2;
      cursor: pointer;
    }

    .fullSlide .prev {
      left: -90px;
      transition: all 0.5s ease-in-out 0s;
    }

    .fullSlide .next {
      right: -90px;
      transition: all 0.5s ease-in-out 0s;
    }

    .fullSlide:hover .prev {
      left: 2%
    }

    .fullSlide:hover .next {
      right: 2%
    }

    /*  .fullSlide .prev{   width: 43px;
    height: 69px;
    line-height: 99em;
    overflow: hidden;
    display: block;
    background: url(../images/ad_ctr.png) no-repeat -3px -9px;
    position: absolute;
    top: 43%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    margin: 0 3%;}

.fullSlide .prev,.fullSlide .next{width:43px;height:69px;line-height:99em;overflow:hidden;display:block; background: url(../images/ad_ctr.png) no-repeat -3px -9px;position:absolute;top:43%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;margin:0 3%;}
.flex-direction-nav .flex-next{ background-position: -12px -100px;;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next,.flexslider:hover .flex-prev{opacity:0.7;filter:alpha(opacity=70);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=100);}

*/




    .kan1 {
      line-height: 26px;
      font-size: 12px;
      color: #646464;
      padding-top: 8px;
    }

    .kan11 {
      width: 20px;
      height: 3px;
      background: #a3a3a3;
      float: right;
    }

    .fl1 {
      width: 183px;
      height: 205px;
      margin-left: 32px;
      float: left;
    }

    .fw {
      padding-top: 57px;
      text-align: center;
      width: 183px;
      height: 126px;
      position: relative;
      z-index: 3;
      top: -205px;
    }

    .fwcn {
      font-size: 22px;
      color: #969696;
      line-height: 34px;
    }

    .fwen {
      font-size: 12px;
      color: #969696;
      line-height: 18px;
    }

    .fwx {
      height: 10px;
      width: 28px;
      border-bottom: 2px solid #acacac;
      margin-left: auto;
      margin-right: auto;
    }

    .fl1:hover .fltu {
      background: url(../images/fbg2.png) center top no-repeat;
      height: 183px;
    }

    .fl1:hover .fw {
      top: -183px;
    }

    .fl1:hover .fwcn {
      color: #f4f4f4;
    }

    .fl:hover .fwen {
      color: #8ba1b4;
    }

    .fl:hover .fwx {
      border-bottom-color: #8ba1b4;
    }

    .fltu {
      width: 183px;
      height: 205px;
      background: url(../images/fbg1.png) center top no-repeat;
      position: relative;
      z-index: 0;
      left: 0%;
      top: 0%;
    }

    .fl1:hover .fltu {
      animation: fltu 10s linear infinite;
      -webkit-animation: fltu 10s linear infinite;
      /* Safari �� Chrome */
      /**infinite ���Ŵ����� linear�ٶ�����Ϊ����**/
    }

    @keyframes fltu {
      0% {
        transform: rotate(0deg);
        /**ͨ�� rotate() ������Ԫ��˳ʱ����ת�����ĽǶȡ������ֵ��Ԫ�ؽ���ʱ����ת��***/
        -ms-transform: rotate(0deg);
        /* IE 9 */
        -webkit-transform: rotate(0deg);
        /* Safari and Chrome */
        -o-transform: rotate(0deg);
        /* Opera */
        -moz-transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        /* IE 9 */
        -webkit-transform: rotate(360deg);
        /* Safari and Chrome */
        -o-transform: rotate(360deg);
        /* Opera */
        -moz-transform: rotate(360deg);
      }
    }

    @-webkit-keyframes fltu

    /*Safari and Chrome*/
      {
      0% {
        transform: rotate(0deg);
        /**ͨ�� rotate() ������Ԫ��˳ʱ����ת�����ĽǶȡ������ֵ��Ԫ�ؽ���ʱ����ת��***/
        -ms-transform: rotate(0deg);
        /* IE 9 */
        -webkit-transform: rotate(0deg);
        /* Safari and Chrome */
        -o-transform: rotate(0deg);
        /* Opera */
        -moz-transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        /* IE 9 */
        -webkit-transform: rotate(360deg);
        /* Safari and Chrome */
        -o-transform: rotate(360deg);
        /* Opera */
        -moz-transform: rotate(360deg);
      }
    }

    .xs {
      background: #FFF;
      padding-top: 33px;
      overflow: hidden;
    }

    .xtu {
      width: 380px;
      height: 295px;
      float: left;
      position: relative;
      z-index: 0;
    }

    .xtu img {
      width: 380px;
      height: 295px;
      position: relative;
      z-index: 1;
    }

    .xin {
      position: relative;
      z-index: 2px;
      float: left;
      width: 425px;
      background: #e5e5e5;
      height: 295px;
    }

    .z01,
    .z02 {
      display: block;
      width: 32px;
      height: 32px;
      margin-top: 132px;
      position: absolute;
      z-index: 3;
    }

    .xnei {
      width: 365px;
      height: 220px;
      padding: 35px 30px 40px;
    }

    .xnt {
      display: block;
      line-height: 30px;
      font-size: 16px;
      color: #252525;
    }

    .xns {
      display: block;
      padding-top: 14px;
      height: 95px;
      padding-bottom: 10px;
    }

    .xns a {
      color: #747474;
      line-height: 24px;
      font-size: 12px;
    }

    .xnd {
      display: block;
      font-size: 12px;
      line-height: 20px;
      color: #747474;
      padding-bottom: 22px;
    }

    .stu {
      display: block;
      clear: both;
      width: 384px;
      height: 295px;
      background-size: 384px 295px;
    }

    .ybg {
      background: #e5e5e5;
      padding-top: 42px;
      padding-bottom: 50px;
    }

    .yj {
      width: 300px;
      height: 200px;
      float: left;
      margin-right: 18px;
      margin-bottom: 18px;
    }

    .yjtu {
      display: block;
      width: 300px;
      height: 200px;
      position: relative;
      z-index: 2;
    }

    .yjtu img {
      width: 300px;
      height: 200px;
    }

    .yjm {
      display: block;
      clear: both;
      background: url(../images/heit.png) center top repeat;
      line-height: 20px;
      color: #fff;
      font-size: 14px;
      padding: 10px 12px;
      position: absolute;
      z-index: 4;
      width: 276px;
      margin-top: -40px;
    }

    #btn_prev1,
    #btn_next1 {
      z-index: 20;
      position: absolute;
      display: block;
      width: 50px !important;
      height: 50px !important;
      margin-top: -150px;
      border: none;
    }

    #btn_prev1 {
      background: url(../images/banner_zuo1.png) left center no-repeat;
    }

    #btn_next1 {
      background: url(../images/banner_you1.png) right center no-repeat;
      margin-left: 1225px;
      border: none;
    }

    .sPrevb {
      margin-left: -30px;
    }

    #btn_prev2,
    #btn_next2 {
      z-index: 20;
      position: absolute;
      display: block;
      width: 50px !important;
      height: 50px !important;
      margin-top: -180px;
      border: none;
    }

    #btn_prev2 {
      background: url(../images/banner_zuo1.png) left center no-repeat;
    }

    #btn_next2 {
      background: url(../images/banner_you1.png) right center no-repeat;
      margin-left: 1205px;
      border: none;
    }


    .niu {
      padding-top: 52px;
    }

    .niu a {
      display: block;
      clear: both;
      width: 115px;
      height: 38px;
      text-align: center;
      font-size: 12px;
      line-height: 38px;
    }

    .niu a span {
      font-family: "Microsoft Yahei";
    }

    .niu a.niu1 {
      color: #ffffff;
      background: #ddb172;
    }

    .niu a.niu2 {
      color: #cacaca;
      background: #3a486a;
    }

    .as {
      padding-top: 25px;
      height: 122px;
      padding-bottom: 15px;
    }

    .as a {
      line-height: 24px;
      color: #585858;
      font-size: 12px;
    }

    .fobg {
      background: url(../images/fobg.jpg) center top no-repeat;
      padding-top: 55px;
      height: 332px;
      margin-top: 80px;
    }

    .banq,
    .banq a {
      line-height: 56px;
      font-size: 12px;
      color: #6a6a6a;
    }

    .fonav {
      float: left;
      width: 520px;
      overflow: hidden;
    }

    .fonav li {
      float: left;
      padding-left: 24px;
      padding-right: 25px;
      border-left: 1px solid #3d3d3d;
      width: 120px;
      height: 220px;
    }

    .fonav li div {
      font-size: 14px;
      line-height: 18px;
      color: #bdbdbd;
      padding-bottom: 13px;
    }

    .fonav li a {
      display: block;
      clear: both;
      color: #9b9b9e;
      font-size: 12px;
      line-height: 22px;
    }

    .fonav li a:hover {
      color: #bebebf;
    }

    .ewm {
      width: 239px;
      height: 220px;
      background: url(../images/mk.png) center top no-repeat;
      padding-top: 30px;
      text-align: center;
    }

    .se {
      line-height: 34px;
      color: #646467;
      font-size: 12px;
    }

    .lx {
      line-height: 18px;
      font-size: 12px;
      color: #787878;
      padding-bottom: 8px;
      text-align: right;
    }

    .lx img {
      vertical-align: middle;
      margin-right: 8px;
    }

    .lx1 {
      line-height: 30px;
      font-size: 28px;
      color: #787878;
      text-align: right;
    }

    .lx2 {
      line-height: 26px;
      font-size: 16px;
      color: #787878;
      text-align: right;
    }

    .w1,
    .w2,
    .w3 {
      display: block;
      width: 34px;
      height: 34px;
      float: right;
      margin-left: 10px;
    }

    .w1 {
      background: url(../images/w3.png) center center no-repeat;
    }

    .w1:hover {
      background: url(../images/w03.png) center center no-repeat;
    }

    .w2 {
      background: url(../images/w2.png) center center no-repeat;
    }

    .w2:hover {
      background: url(../images/w02.png) center center no-repeat;
    }

    .w3 {
      background: url(../images/w1.png) center center no-repeat;
    }

    .w3:hover {
      background: url(../images/w01.png) center center no-repeat;
    }

    /************************ about ***************************/
    .nban {
      position: relative;
      z-index: 0;
      height: 306px;
    }

    .jjbg {
      background: url(../images/fwbg.jpg) center 54px no-repeat;
      padding-bottom: 80px;
    }

    .ner {
      background: url(../images/erbg.png) top center repeat-x;
      height: 60px;
      clear: both;
    }

    .erj a {
      display: block;
      float: left;
      height: 60px;
      width: 130px;
      text-align: center;
      line-height: 54px;
      color: #434343;
      font-size: 16px;
    }

    .erj a span {
      display: block;
      border-left: 1px solid #e5e5e5;
    }

    .erj a.ernn,
    .erj a:hover {
      background: url(../images/ernn.png) center bottom no-repeat;
      color: #283e6f;
    }

    .zhx {
      float: left;
      width: 1px;
      height: 54px;
      background: #e5e5e5;
    }

    .jbg {
      background: #FFF;
    }

    .jtu,
    .jtu img {
      width: 524px;
      height: 324px;
    }

    .jjs {
      width: 662px;
      padding: 25px 30px;
      height: 274px;
    }

    .gycn {
      font-size: 20px;
      line-height: 32px;
      color: #273351;
    }

    .gyen {
      font-size: 20px;
      line-height: 32px;
      color: #aeaeae;
    }

    .jjs1 {
      padding-top: 20px;
      padding-bottom: 17px;
      height: 170px;
    }

    .jjs1 a {
      line-height: 24px;
      font-size: 12px;
      color: #585858;
    }

    .abbg {
      background: url(../images/abbg.jpg) center top no-repeat;
      padding-top: 46px;
    }

    .sk {
      width: 1287px;
      margin-left: -30px;
    }

    .sk1 {
      width: 339px;
      height: 124px;
      margin-left: 30px;
      float: left;
      background: url(../images/abbg.png) center top no-repeat;
      padding: 42px 30px;
    }

    .sktu {
      width: 68px;
      height: 68px;
      padding-right: 20px;
    }

    .skj {
      width: 250px;
    }

    .skt {
      display: block;
      clear: both;
    }

    .skt a {
      line-height: 26px;
      font-size: 18px;
      color: #3a486a;
    }

    /* .skt a:hover{color:#;} */
    .skm {
      display: block;
      clear: both;
    }

    .skm a {
      line-height: 32px;
      color: #808080;
      font-size: 14px;
    }

    .duosy {
      width: 80px;
      height: 22px;
      font-size: 12px;
      line-height: 22px;
      color: #6c758a;
    }

    .duosy img {
      margin-left: 8px;
      vertical-align: middle;
    }

    .fz {
      border: 1px solid #d2d2d2;
      height: 353px;
      width: 502px;
    }

    .ds {
      width: 535px;
      height: 355px;
      position: relative;
      z-index: 1;
    }

    .dsz {
      background: url(../images/zcbg.png) right top no-repeat;
      position: absolute;
      z-index: 6;
      margin-left: -214px;
      width: 338px;
      height: 160px;
      padding: 25px 25px 0;
    }

    .dsm {
      line-height: 30px;
      color: #3a486a;
      font-size: 16px;
    }

    .dss {
      display: block;
      padding-top: 3px;
      height: 94px;
    }

    .dss a {
      line-height: 24px;
      font-size: 12px;
      color: #585858;
    }

    /************************ service ***************************/
    .ner2 {
      background: url(../images/fwbg.png) top center repeat-x;
      height: 82px;
      clear: both;
    }

    .wz {
      padding: 15px 0;
    }

    .wz,
    .wz a,
    .wz span {
      line-height: 48px;
      color: #727272;
      font-size: 12px;
    }

    .wz span {
      font-family: "微软雅黑";
    }

    .ftm {
      padding-top: 19px;
    }

    .ftm1 {
      line-height: 24px;
      font-size: 18px;
      color: #393939;
    }

    .ftm2 {
      font-size: 14px;
      line-height: 18px;
      color: #a3a3a3;
    }

    .fuwu,
    .fuwuu {
      width: 611px;
      height: 180px;
      float: left;
      margin-left: 25px;
      margin-bottom: 25px;
      background: #ffffff;
      border-bottom: 1px solid #FFF;
      border-right: 5px solid #fff;
    }

    .fuwuu {
      width: 616px;
      border-right: none;
    }

    .fwm {
      float: left;
      width: 141px;
      height: 148px;
      padding: 32px 0 0 35px;
    }

    .fw_cn {
      font-size: 22px;
      color: #495a84;
      line-height: 32px;
    }

    .fw_en {
      font-size: 12px;
      color: #969696;
      line-height: 18px;
    }

    .fwxt {
      width: 27px;
      height: 10px;
      border-bottom: 2px solid #acacac;
    }

    .fwj {
      float: left;
      padding-left: 20px;
      padding-top: 30px;
      width: 388px;
      height: 130px;
    }

    .fwj1 {
      display: block;
      width: 220px;
      float: left;
      line-height: 26px;
      color: #676767;
      font-size: 12px;
    }

    .fwj2 {
      display: block;
      float: right;
      width: 142px;
    }

    .fwj2 img {
      width: 142px;
      height: 110px;
    }

    .fuwu:hover {
      border-bottom-color: #a3a3a3;
      border-right-color: #32579a;
    }

    .fuwu:hover .fwm {
      background: #32579a;
    }

    .fuwu:hover .fw_cn {
      color: #FFF;
    }

    .fuwu:hover .fw_en {
      color: #677dac;
    }

    .fuwu:hover .fwxt {
      border-bottom-color: #677dac;
    }

    .fuwuu1 {
      position: relative;
      z-index: 1;
    }

    .fwu {
      width: 586px;
      height: 151px;
      padding: 15px;
      position: absolute;
      z-index: 8;
      top: 0;
      left: 0;
      text-align: center;
      display: none;
      background: url(../images/tbbg.png) repeat;
    }

    .fuwuu:hover .fwu {
      display: block;
    }

    .fwu1 {
      display: block;
      width: 111px;
      height: 32px;
      float: left;
      background: url(../images/fuwu_10.png) center center no-repeat;
      text-align: center;
      line-height: 32px;
      font-size: 12px;
      color: #fff;
      margin: 4px;
    }

    /************************ culture ***************************/
    .hxbg {
      background: #FFF;
      width: 780px;
      height: 292px;
      margin-bottom: 23px;
    }

    .hxt1,
    .hxt1 img {
      width: 382px;
      height: 292px;
    }

    .hxt2 {
      padding: 35px;
      width: 328px;
    }

    .hxtm,
    .hxtm a {
      line-height: 24px;
      font-size: 18px;
      color: #000000;
    }

    .hxj {
      height: 100px;
      padding-bottom: 16px;
    }

    .hxj a {
      line-height: 24px;
      color: #606060;
      font-size: 12px;
    }

    .sm {
      width: 223px;
      float: left;
      margin-left: 15px;
      height: 292px;
      background: #FFF;
      margin-bottom: 23px;
    }

    .smt1,
    .smt1 img {
      width: 223px;
      height: 140px;
    }

    .smt2 {
      padding: 30px;
    }

    .hxm {
      padding-top: 8px;
    }

    .hxm a {
      line-height: 24px;
      color: #787878;
      font-size: 12px;
    }

    .zybg {
      background: #FFF;
      margin-bottom: 23px;
      padding: 34px 42px 42px;
    }

    .dang {
      width: 600px;
    }

    .dt1,
    .dt1 img {
      width: 256px;
      height: 180px;
    }

    .dt2 {
      padding-left: 30px;
      width: 314px;
    }

    .dt21 {
      height: 130px;
      padding-bottom: 13px;
    }

    .dt21 a {
      line-height: 24px;
      color: #606060;
      font-size: 12px;
    }

    .sh,
    .sh img {
      width: 256px;
      height: 180px;
    }

    .sh2 {
      padding: 25px 32px;
      width: 208px;
    }

    .sh2 a {
      display: block;
      clear: both;
      font-size: 12px;
      line-height: 26px;
      color: #606060;
    }

    .xl {
      background: #FFF;
      padding: 28px 40px 32px;
    }

    .jst {
      width: 1196px;
      margin-left: -22px;
    }

    .js {
      background: #0C0;
      width: 277px;
      height: 213px;
      float: left;
      margin-left: 22px;
      position: relative;
    }

    .jstu,
    .jstu img {
      display: block;
      position: relative;
      z-index: 0;
      width: 277px;
      height: 213px;
    }

    .jstu2 {
      position: absolute;
      z-index: 3px;
      bottom: 0;
      background: url(../images/heit2.png) repeat;
      width: 247px;
      padding: 10px 15px;
      height: 20px;
      line-height: 20px;
      font-size: 12px;
      color: #e5e5e5;
    }

    .xl2 {
      background: #FFF;
      padding: 40px;
    }

    .xl2 .js {
      margin-bottom: 22px;
    }

    /************************ job ***************************/
    .tgbg {
      background: #FFF;
      width: 540px;
      height: 578px;
    }

    .jotu,
    .jotu img {
      width: 246px;
      height: 578px;
    }

    .tg {
      padding: 62px 45px 0;
      width: 204px;
    }

    .tgt1 {
      line-height: 38px;
      font-size: 18px;
      color: #686868;
      padding-bottom: 18px;
    }

    .tgt2,
    .tgt2 li {
      display: block;
      clear: both;
      overflow: hidden;
    }

    .tgt2 li {
      padding: 16px 12px;
      border-bottom: 1px solid #e1e1e1;
    }

    .tgtu1 {
      float: left;
    }

    .tgtu2 {
      float: left;
      width: 120px;
      padding-left: 20px;
      line-height: 26px;
      color: #686868;
      font-size: 14px;
    }

    .jobg {
      background: #FFF;
      width: 615px;
      height: 498px;
      padding: 40px;
    }

    .shenq thead td {
      font-size: 16px;
      color: #515151;
      line-height: 26px;
    }

    .shenq tbody td,
    .shenq tbody td a {
      font-size: 12px;
      color: #868686;
      line-height: 26px;
    }

    .shenq tbody td a:hover {
      color: #31436c;
    }

    .yezy {
      padding-top: 30px;
    }

    .yezy a {
      display: block;
      margin-left: 4px;
      margin-right: 4px;
      float: left;
    }

    /************************ job_view ***************************/
    .jove {
      background: #FFF;
      padding: 40px;
    }

    .yd {
      line-height: 36px;
      font-size: 30px;
      color: #16479e;
    }

    .rg {
      padding-top: 9px;
      padding-bottom: 15px;
      color: #838383;
      font-size: 12px;
      line-height: 20px;
    }

    .ym {
      font-size: 22px;
      color: #797979;
      line-height: 32px;
      padding-bottom: 4px;
    }

    .yq {
      color: #797979;
      font-size: 12px;
      line-height: 22px;
      padding-bottom: 35px;
    }

    .xm {
      line-height: 26px;
      color: #7e7e7e;
      font-size: 12px;
    }

    .xie {
      padding-left: 16px;
      padding-right: 16px;
    }

    .xie label {
      line-height: 26px;
      color: #7e7e7e;
      font-size: 12px;
    }

    .xie1 {
      width: 240px;
      height: 26px;
      color: #7e7e7e;
      padding: 0 5px;
      font-size: 12px;
      line-height: 26px;
      border: 1px solid #e3e3e3;
      background: #FFF;
    }

    .xie2 {
      width: 1020px;
      height: 80px;
      padding: 0 5px;
      line-height: 26px;
      color: #7e7e7e;
      font-size: 12px;
      border: 1px solid #e3e3e3;
      background: #FFF;
      margin-top: 9px;
      margin-bottom: 9px;
    }

    .ti {
      width: 70px;
      height: 28px;
      background: #16469d;
      margin-left: 8px;
      color: #FFF;
      font-size: 12px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      cursor: pointer;
    }

    /************************ news ***************************/
    .nbg {
      background: #FFF;
      border-bottom: 1px solid #dbdbdb;
      padding: 10px 35px 35px;
      height: auto;
      line-height: 28px;
      color: #5f5f5f;
      font-size: 14px !important;
    }

    .xinwen,
    .xinwen li {
      display: block;
      clear: both;
      overflow: hidden;
    }

    .xinwen li {
      padding-top: 30px;
      padding-bottom: 32px;
      border-bottom: 1px solid #dedede;
    }

    .ntu,
    .ntu img {
      width: 216px;
      height: 126px;
    }

    .nshu {
      padding-left: 26px;
      padding-right: 60px;
      width: 700px;
    }

    .nshu1 {
      padding-bottom: 16px;
    }

    .nshu1 a {
      line-height: 24px;
      color: #252525;
      font-size: 16px;
    }

    .nshu1 a:hover {
      color: #e01121;
    }

    .nshu2 {
      line-height: 24px;
      color: #747474;
      font-size: 12px;
    }

    .fb {
      margin-top: 12px;
      border-left: 1px solid #dedede;
      padding-left: 68px;
      width: 114px;
      height: 95px;
      padding-top: 10px;
    }

    .fbsj {
      line-height: 24px;
      color: #a9a9a9;
      font-size: 12px;
      padding-bottom: 8px;
    }

    .fbsj span {
      color: #5f5f5f;
    }

    .kan2 {
      display: block;
      background: #e01121;
      height: 32px;
      line-height: 32px;
      text-align: center;
      font-size: 12px;
      color: #fff;
    }

    .yema {
      padding-top: 24px;
    }

    .yema a {
      display: block;
      width: 28px;
      height: 28px;
      border: 1px solid #8f8f8f;
      float: left;
      text-align: center;
      line-height: 28px;
      color: #505050;
      font-size: 12px;
      margin-left: 5px;
      margin-right: 5px;
    }

    .yema a.sy {
      background: #8f8f8f;
      color: #fff;
      font-family: "����";
    }

    .yema a:hover,
    .yema a.ynn {
      background: #e01121;
      color: #fff;
      border-color: #e01121;
    }

    .xtu2 {
      display: block;
      width: 593px;
      height: 295px;
      float: left;
      position: relative;
      z-index: 0;
    }

    .xtu2 img {
      width: 593px;
      height: 295px;
      position: relative;
      z-index: 1;
    }

    .xin2 {
      position: relative;
      z-index: 2px;
      float: left;
      width: 592px;
      background: #ffffff;
      height: 295px;
    }

    .z11,
    .z12 {
      display: block;
      width: 35px;
      height: 35px;
      margin-top: 132px;
      position: absolute;
      z-index: 3;
    }

    .xnei2 {
      width: 533px;
      height: 220px;
      padding: 35px 30px 40px;
    }

    .xns2 {
      display: block;
      padding-top: 14px;
      height: 120px;
      padding-bottom: 10px;
    }

    .xns2 a {
      color: #747474;
      line-height: 24px;
      font-size: 12px;
    }

    .xnd {
      display: block;
      font-size: 12px;
      line-height: 20px;
      color: #747474;
      padding-bottom: 22px;
    }

    /************************ results ***************************/
    .erji a {
      display: block;
      float: left;
      width: 113px;
      height: 34px;
      text-align: center;
      line-height: 34px;
      margin-left: 8px;
      margin-right: 8px;
      background: url(../images/ct1.png) center center no-repeat;
      color: #393939;
      font-size: 16px;
    }

    .erji a:hover,
    .erji a.erjj {
      background: url(../images/ct2.png) center center no-repeat;
      color: #184a9e;
    }

    .res {
      width: 1268px;
      margin-left: -14px;
    }

    .res1 {
      width: 282px;
      height: 187px;
      float: left;
      margin-left: 15px;
      margin-bottom: 22px;
      background: #FFF;
      padding: 10px;
    }

    .res01 {
      display: block;
      width: 282px;
      height: 187px;
      background-size: 282px 187px;
    }

    .lant {
      display: none;
      height: 187px;
      background: url(../images/lant.png) center center repeat;
    }

    .lant td {
      padding: 15px;
      width: 252px;
      height: 157px;
      text-align: center;
      vertical-align: middle;
    }

    .rej {
      line-height: 26px;
      font-size: 14px;
      color: #d6d6d6;
      padding-bottom: 20px;
    }

    .kanx {
      width: 111px;
      height: 32px;
      margin-left: auto;
      margin-right: auto;
    }

    .res01:hover .lant {
      display: block;
    }

    /************************ contact ***************************/
    .map {
      background: url(../images/map.jpg) center top no-repeat;
      height: 640px;
      margin-top: -4px;
      position: relative;
      z-index: 0;
      padding-top: 140px;
    }

    /* .tel{ width:585px; background:#FFF;} */
    .tet {
      background: #334367;
      padding: 22px 32px;
      overflow: hidden;
    }

    .bj {
      line-height: 32px;
      font-size: 22px;
      color: #ffffff;
    }

    .ad1 {
      height: 34px;
      padding: 26px 30px;
      background: #fff;
    }

    .ad2 {
      height: 34px;
      padding: 26px 30px;
      background: #e9e9e9;
    }

    .ad12 {
      float: left;
      padding-left: 18px;
      width: 480px;
      font-size: 14px;
      color: #505050;
      line-height: 34px;
    }

    /************************ branch ***************************/
    .ner3 {
      background: url(../images/jgbg.png) top center repeat-x;
      height: 60px;
      clear: both;
    }

    .fg {
      background: url(../images/fgbg.png) left top no-repeat;
      height: 53px;
      line-height: 53px;
      font-size: 14px;
      color: #000000;
      padding-left: 20px;
      width: 94px;
      float: left;
    }

    .fgc {
      float: left;
      width: 1112px;
      height: 43px;
      padding-top: 10px;
      padding-left: 15px;
      padding-right: 15px;
    }

    .fgc a {
      display: block;
      width: 68px;
      height: 33px;
      float: left;
      text-align: center;
      line-height: 33px;
      font-size: 14px;
      color: #000;
      margin-right: 8px;
    }

    .fgc a:hover,
    .fgc a.fgnn {
      background: url(../images/qbg.png) center center no-repeat;
      color: #FFF;
    }

    .fgs {
      line-height: 22px;
      font-size: 18px;
      color: #26314d;
      padding-bottom: 32px;
    }

    .fgs1 {
      width: 1204px;
      margin-left: -22px;
    }

    .fgs01 {
      width: 315px;
      height: 233px;
      border: 1px solid #c9c9c9;
      margin-left: 22px;
      float: left;
      margin-bottom: 25px;
      padding: 22px 30px;
      font-size: 14px;
      line-height: 40px;
      color: #505050;
    }

    .fgs01:hover {
      background: #f0d998;
      border-color: #debd62;
    }

    /************************ branch ***************************/
    .sb {
      width: 1276px;
      margin-left: -16px;
    }

    .sb1 {
      width: 302px;
      height: 259px;
      background: #ffffff;
      float: left;
      margin-left: 16px;
      margin-bottom: 20px;
    }

    .sbtu {
      width: 294px;
      height: 199px;
      display: block;
      border: 4px solid #FFF;
      clear: both;
    }

    .sbtu2 {
      background: #e2c26a;
      display: block;
      height: 22px;
      padding: 15px;
      text-align: center;
      font-size: 14px;
      color: #000000;
      line-height: 22px;
    }

    .sb1:hover .sbtu {
      border-color: #263352;
    }

    .sb1:hover .sbtu2 {
      background: #263352;
      color: #f0f0f0;
    }

    /************************ culture_life ***************************/
    .shyd1 {
      width: 1284px;
      margin-left: -25px;
    }

    .shyd {
      width: 616px;
      float: left;
      margin-left: 25px;
      margin-bottom: 25px;
    }

    .shy1 {
      padding: 25px 25px 0;
      width: 280px;
    }

    .hxm2 {
      padding-top: 8px;
      height: 65px;
      padding-bottom: 10px;
    }

    .hxm2 a {
      line-height: 24px;
      color: #787878;
      font-size: 12px;
    }

    .shh,
    .shh img {
      width: 226px;
      height: 150px;
    }

    .shh {
      border: 30px solid #fff;
    }

    .hxtm2,
    .hxtm2 a {
      line-height: 24px;
      font-size: 16px;
      color: #000000;
    }

    /************************ news_view ***************************/
    .nti {
      line-height: 30px;
      font-size: 24px;
      color: #585858;
      text-align: center;
      padding-bottom: 20px;
    }

    .gj {
      border-top: 1px solid #eee;
      border-bottom: 1px solid #eee;
      padding: 15px;
      text-align: center;
      line-height: 26px;
      color: #666;
      font-size: 12px;
      margin-bottom: 30px;
    }

    .shu12 {
      line-height: 26px;
      color: #666;
      font-size: 14px;
    }

    .shu12 img {
      margin: 20px;
    }

    .fanye {
      padding-top: 40px;
    }

    .fanye a {
      line-height: 22px;
      color: #666;
      font-size: 12px;
    }

    .fanh {
      float: right;
      display: block;
      width: 100px;
      border: 1px solid #CCC;
      height: 32px;
      line-height: 32px !important;
      color: #666;
      font-size: 12px;
      text-align: center;
    }

    .fanh:hover {
      background: #16469e;
      border-color: #16469e;
      color: #FFF;
    }


    /*******��֧����*******/
    .fenz {
      display: block;
      float: left;
      background: url(../images/fz1.png) left top no-repeat;
      width: 92px;
      height: 34px;
      padding-left: 55px;
      line-height: 34px;
      font-size: 12px;
      color: #9ca3b5;
      margin-left: 15px;
    }

    .en {
      display: block;
      float: left;
      margin-left: 15px;
      background: url(../images/en.png) left top no-repeat;
      width: 70px;
      height: 34px;
      padding-left: 41px;
      line-height: 34px;
      font-size: 12px;
      color: #9ca3b5;
    }

    /*******��������*******/
    .honor {}

    .honor li {
      width: 266px;
      overflow: hidden;
      display: block;
      float: left;
      margin: 0 18px 10px;
    }

    .rong {
      width: 244px;
      height: 180px;
      display: block;
      padding: 8px 10px;
      background: #FFF;
      border: 1px solid #cecece;
    }

    .ying {
      width: 266px;
      height: 40px;
      font-size: 16px;
      color: #737373;
      text-align: center;
      line-height: 40px;
      display: block;
      background: url(../images/ying.png)center top no-repeat;
    }

    /*******���¼���ʽ��ʼ*************/

    #tab {
      position: relative;
      width: 100%;
      height: 400PX;
      border: none;
      background: url(../images/nxian.png) center top no-repeat;
    }


    #tab div {
      position: absolute;
      top: 100px;
      left: 0;
      width: 100%;
      height: 300px;
      overflow: auto;
    }

    /*���������߿��*/
    #tab div {
      display: none;
    }

    /*��������Ĭ������:����ID����Ϊ���潫����class������������ʾ,��class���ȼ�����idѡ����*/
    #tab .block {
      display: block;
    }

    /*ѡ�е�����*/
    #tab h3 {
      float: left;
      width: 68px;
      height: 68;
      line-height: 68px;
      margin: 0 15px;
      cursor: pointer;
      text-align: center;
      background: url(../images/nhao.png) center center no-repeat;
      font-weight: normal;
      color: #ffffff;
      font-size: 18px;
    }

    /*Ĭ�ϱ�����ʽ*/
    #tab .up {
      color: #3a5793;
      font-weight: bold;
      background: url(../images/nhao.png) center center no-repeat;
    }

    /*ѡ�еı�����ʽ*/
    /*���������*/
    #tab ul {
      list-style: none;
      padding: 0;
      margin-top: 0px;
    }

    #tab li {
      font-size: 14px;
      line-height: 28px;
      color: #454545;
    }


    /*******���¼���ʽ����*************/
    /**********************************************- honor.html -***************************************************/
    .anli {
      width: 100%;
      height: 300px;
      position: relative;
    }

    .anli:hover .anli_bt {
      display: none;
    }

    .anli:hover .anli_jian {
      width: 332px;
      height: 80px;
      position: absolute;
      bottom: 0px;
      display: block !important;
      z-index: 20;
      background: url(../images/anli_jian_bg.png) center bottom no-repeat;
      padding-top: 20px;
      font-size: 28px;
      color: #FFF;
      line-height: 80px;
      text-align: center;
    }

    .anli_img {
      width: 450px;
      height: 300px;
      position: relative;
    }

    .anli_img:hover .anli_jian {
      width: 450px;
      height: 80px;
      position: absolute;
      bottom: 0px;
      display: block;
      background: url(../images/anli_jian_bg.png) center bottom no-repeat;
      padding-top: 20px;
      font-size: 28px;
      color: #000;
      line-height: 50px;
      text-align: center;
    }

    .anli_bt {
      width: 450px;
      height: 200px;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      padding-top: 100px;
      background: url(../images/anli_toubg.png) repeat;
    }

    .anli_bt span {
      width: 180px;
      height: 180px;
      display: block;
      background: url(../images/baiyuan_bg.png) center top no-repeat;
      font-size: 28px;
      color: #fff !important;
      line-height: 100px;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
    }

    .anli_jian {
      display: none;
      width: 450px;
      height: 80px;
      position: absolute;
      bottom: 100px;
      background: url(../images/anli_jian_bg.png) center bottom no-repeat;
      padding-top: 20px;
      font-size: 28px;
      color: #000;
      line-height: 80px;
      text-align: center;
    }


    /*********  ΢�� *********/

    .fl {
      float: left;
    }

    .fr {
      float: right;
    }

    /*搜索框*/
    .indselect {
      height: 40px;
    }

    /* .indselect ul li.sec input{float:left; background:url(../images/bg-search.png) no-repeat;width:300px;height:40px;color:#777;line-height:40px;outline:none;font-family:"Microsoft YaHei",微软雅黑;font-size:14px; text-indent:15px;}
 */
    .li-left .sec input {
      float: left;
      background: url(../images/bg-search.png) no-repeat;
      background-size: 100% 100%;
      width: 180px;
      height: 38px;
      color: #fff;
      line-height: 38px;
      outline: none;
      font-family: "Microsoft YaHei", 微软雅黑;
      font-size: 13px;
      text-indent: 15px;
    }

    .li-left li.bitton {
      padding-left: 10px;
      text-align: right
    }

    .li-left li.bitton input {
      float: left;
      width: 42px;
      height: 42px;
      background: url(../images/icon-search.png) 0 0 no-repeat;
      border: none;
      cursor: pointer;
      margin-left: 5px;
    }

    .indtags {
      height: 26px;
      line-height: 26px;
      overflow: hidden;
      margin-top: 10px;
    }

    .indtags span.tit {
      display: block;
      float: left;
      width: 80px;
      text-align: right;
    }

    .indtags ul li {
      float: left;
    }

    .indtags ul li a {
      display: block;
      float: left;
      padding: 0 10px;
      margin-left: 10px;
      color: #fff;
      background: #32a5c8;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webket-border-radius: 5px;
    }

    .indtags ul li a:hover {
      color: #fff;
      background: #2c92db
    }


    /* tab选项卡 */

    .tab_menu {
      width: auto;
      float: right;
      z-index: 1;
      height: 60px;
    }

    .tab_menu li {
      float: left;
      width: 120px;
      height: 40px;
      line-height: 40px;
      border: 1px solid #b7b7b7;
      margin-left: 10px;
      cursor: pointer;
      text-align: center;
      font-size: 14px;
      color: #717171;
      line-height: 40px;
    }

    .tab_box {
      width: 405px;
      height: auto;
      float: right;
      top: 60px;
    }

    .tab_menu .selected {
      cursor: pointer;
      border-color: #3A5793;
      color: #3A5793;
    }

    .hide {
      display: none;
    }

    .tab_box .div {
      padding: 0px;
    }

    /**新闻推荐**/
    .tui {
      border-top: 1px solid #d7d7d7;
      padding-top: 1px;
    }

    .tui li {
      display: block;
      padding: 4px 0;
      border-bottom: 1px solid #d7d7d7;
      float: left;
      width: 100%;
    }

    .tui li .nelti {
      line-height: 28px;
      line-height: 28px;
    }

    .tui li .time {
      float: right;
      display: block;
      color: #1e1e1e;
      font-size: 14px;
    }

    .nelti a,
    .nelti a:visited {
      line-height: 26px;
      font-size: 14px;
      color: #1e1e1e;
    }

    .nels a {
      line-height: 24px;
      color: #6c6c6c;
      font-size: 12px;
    }

    .tui li:hover .nels a span {
      color: #c30d23;
    }

    /* tab选项卡 */
    #tab {
      width: 607px;
      position: relative;
    }

    #tab .tab_menu {
      width: auto;
      float: right;
      z-index: 1;
      height: 70px;
    }

    #tab .tab_menu li {
      float: left;
      width: 120px;
      height: 40px;
      line-height: 40px;
      border: 1px solid #b7b7b7;
      margin-left: 10px;
      cursor: pointer;
      text-align: center;
      font-size: 14px;
      color: #717171;
      line-height: 40px;
    }

    #tab .tab_box {
      width: 607px;
      height: auto;
      float: left;
      top: 60px;
    }

    #tab .tab_menu .selected {
      cursor: pointer;
      border-color: #c30d23;
      color: #c30d23;
    }

    .hide {
      display: none;
    }

    .tab_box .div {
      padding: 0px;
    }

    /*焦点图*/
    /* .ntu{width:390px; height:270px;} */

    .swiper-containerone,
    .swiper-containerone .swiper-wrapper li {
      width: 390px;
      height: 270px;
      overflow: hidden;
      position: relative;
    }

    .swiper-containerone .swiper-wrapper li img {
      width: 390px;
      height: 270px;
    }

    .swiper-containerone .swiper-wrapper li .title {
      width: 100%;
      height: 39px;
      background: url(../images/sy_png_bg01.png);
      overflow: hidden;
      line-height: 39px;
      position: absolute;
      bottom: 0;
      left: 0;
      color: #fff;
      font-size: 16px;
      text-indent: 15px;
    }

    .paginationone {
      position: absolute;
      z-index: 20;
      right: 5px;
      bottom: 8px;
    }

    .paginationone .swiper-pagination-switch {
      display: inline-block;
      width: 22px;
      height: 7px;
      background: #fff;
      margin-right: 5px;
      cursor: pointer;
    }

    .paginationone .swiper-visible-switch {
      background: #fff;
    }

    .paginationone .swiper-active-switch {
      background: #ad080e;
    }

    /* 新闻列表 */
    .met_clear {
      clear: both
    }

    .met_none {
      display: none
    }

    .met_hidden {
      visibility: hidden
    }

    .met_fl {
      float: left
    }

    .met_fr {
      float: right
    }

    .tem_index_title {
      margin: 0 0 60px 0;
      border-bottom: 1px solid #ccc;
      text-align: center;
      font-weight: normal;
      font-size: 30px;
    }

    .tem_index_title span {
      position: relative;
      top: 2px;
      display: inline-block;
      padding: 10px 15px;
      border-bottom: 4px solid #fed284;
    }

    .tem_index_title p {
      color: #8c8c8c;
      font-weight: normal;
    }

    .tem_index_more {
      clear: both;
      margin: 0 auto;
      padding-top: 30px;
      width: 200px;
      text-align: center;
    }

    .tem_index_more a {
      display: block;
      height: 40px;
      background: #e01121;
      color: #fff;
      font-weight: normal;
      font-size: 14px;
      line-height: 40px;
    }

    .tem_index_more a:hover {
      background: #d82208;
      color: #fff;
    }

    .tem_index_news {
      padding: 50px 0 80px;
      text-align: center;
    }

    .tem_index_news_tab {
      display: inline-block;
      margin: 0 0 10px;
      height: 37px;
      border-right: 1px solid #8c989f;
      list-style: none;
      line-height: 37px;
    }

    .tem_index_news_tab li {
      float: left;
    }

    .tem_index_news_tab li h3 {
      padding: 0 40px;
      height: 35px;
      border: 1px solid #8c989f;
      border-right: 0;
      font-weight: normal;
      line-height: 35px;
      cursor: pointer;
      font-size: 18px;
    }

    .tem_index_news_tab li.flex-active h3 {
      background: #e01121;
      color: #fff;
    }

    .tem_index_news_tab li:hover h3 {
      background: #e01121;
      color: #fff;
    }

    .tem_index_news_list {
      margin: 20px 0 0;
    }

    .tem_index_news_list li {
      float: left;
      overflow: hidden;
      width: 50%;
      list-style: none;
      text-align: left;
    }

    .tem_index_news_list li a {
      display: block;
    }

    .tem_index_news_list li dl {
      margin-right: 10px;
      padding-top: 21px;
      height: 115px;
    }

    .tem_index_news_list li dl.tem_even {
      margin-right: 0;
      margin-left: 10px;
    }

    .tem_index_news_list dt {
      position: relative;
      float: left;
      overflow: hidden;
      width: 100px;
      height: 115px;
      border-bottom: 1px solid #e7e8ed;
      font-size: 0;
    }

    .tem_index_news_list dt img {
      margin-left: 10px;
      width: 90px;
      height: 90px;
      border-radius: 60px;
    }

    .tem_index_news_list dd {
      float: left;
      margin-left: -100px;
      width: 100%;
    }

    .tem_index_news_list dd a {
      padding: 0 10px;
    }

    .tem_index_news_list_txt {
      margin-left: 100px;
      height: 115px;
      border-bottom: 1px solid #e7e8ed;
    }

    .tem_index_news_list_txt h3 {
      overflow: hidden;
      margin-bottom: 3px;
      height: 23px;
      color: #000;
      font-weight: normal;
      line-height: 23px;
    }

    .tem_index_news_list_txt p {
      overflow: hidden;
      height: 42px;
      color: #818181;
      font-size: 14px;
    }

    .tem_index_news_list_txt span.time {
      display: block;
      height: 25px;
      color: #818181;
      line-height: 25px;
    }

    .tem_index_news_list li dl:hover {
      background: #f7f8fa;
    }

    .tem_index_news_list .tem_index_more {
      float: none;
      width: 200px;
      text-align: center;
    }



    /*列表*/
    .news {

      padding-top: 30px;
      /*  padding-bottom: 100px; */
    }

    .news-header {
      font-size: 32px;
      color: #fff;
      text-align: center;
    }

    .news-header a {
      color: #fff;
    }

    .news-header-more {
      margin-left: 10px;
      display: inline-block;
      width: 25px;
      height: 25px;
      background: url("../images/news-header-more.png") no-repeat scroll 0 0/100% transparent;
    }

    .news-panel {
      margin-top: 50px;
      margin-left: -22px;
    }

    .news-box {
      float: left;
      width: 400px;
      margin-left: 22px;
      background: #fff;
    }

    .news-boxt {
      float: left;
      width: 400px;
      margin-left: 22px;

    }

    .news-boxt a {
      color: #fff;
    }

    .news-boxt:nth-child(3n) {
      margin-right: 0;
    }

    .news-box img {
      width: 100%;
      text-align: center;
    }

    .news-box:last-child {
      margin-right: 0;
    }

    .clearfix2 {
      margin-left: -22px;
    }

    .news-pic {
      /* border: 1px solid #d2d2d2;*/
      overflow: hidden;
    }

    .news-pic>a {
      display: block;
      /*   border-radius: 4px; */
      border: 1px solid transparent;
      overflow: hidden;
      /*   width: 400px; */
      height: 200px;
    }

    .news-pic>a:hover {
      border-color: #328be7;
    }

    .news-pic+.news-item {
      margin: 10px 0;
    }

    .news-item {
      display: block;
      font-size: 14px;
      color: #328be7;
      line-height: 28px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
      /*background-color: #fff;*/
    }

    /* .news-item:hover {
    color: #fff;
    background-color: #2275db;
} */

    .icon-circle {
      top: 0;
      margin: 0 10px;
      width: 5px;
      height: 5px;
      /*   border-radius: 5px;
     background: #328be7; */
      vertical-align: middle;
    }

    /* .news-item:hover .icon-circle {
    background-color: #fff;
} */

    .news-title {
      vertical-align: middle;
    }




    /* 解决方案 */
    .home-solution,
    .solution-list li {
      -webkit-font-smoothing: subpixel-antialiased;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    .transition,
    .xiuke-flow ul li .img-xke {
      -webkit-transition: all .7s ease;
      -moz-transition: all .7s ease;
      -o-transition: all .7s ease;
      transition: all .7s ease;
    }

    input,
    select,
    textarea {
      outline: none;
    }

    em {
      font-style: normal;
    }

    /*公共样式*/
    .fl {
      float: left;
    }

    .fr {
      float: right;
    }

    .clear {
      clear: both;
    }

    .clearfix::after {
      content: '';
      height: 0;
      display: block;
      clear: both;
    }

    .hide {
      display: none;
    }

    .show {
      display: block;
    }

    .relative {
      position: relative;
    }

    .overflow {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .bor {
      border: 1px solid #ddd;
    }

    /*结构*/
    .conBox {
      width: 1200px;
      margin: 0 auto;
      padding-bottom: 60px;
    }


    /*结构*/

    .solutionbg {
      background: #323232;
    }

    .solutionbg .conBox {
      padding-top: 0;
    }

    .solution-list {
      width: 1400px;
      margin-left: -100px;
      text-align: center;
    }

    .solution-list li {
      position: relative;
      width: 25%;
      height: 420px;
      float: left;
      padding: 111px 40px 0;
      color: #fff;
    }

    .solution-list li:after {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      content: '';
      width: 100%;
      height: 100%;
      background: rgba(50, 50, 50, .7);
      filter: progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#B2000000", endColorstr="#B2000000");
      -webkit-transition: all .8s ease;
      -moz-transition: all .8s ease;
      -o-transition: all .8s ease;
      transition: all .8s ease;
    }

    :root .solution-list li:after {
      filter: none;
    }

    .solution-list li p {
      position: relative;
      z-index: 1;
    }

    .solution-list li .iconfont:before {
      font-size: 70px;
    }

    .solution-list li .icon-jixielei06:before {
      font-size: 78px;
    }

    .solution-list li .icon-nongyeyongdi:before {
      font-size: 88px;
      position: relative;
      top: -7px;
    }

    .solution-list li .icon-shangwu1:before {
      position: relative;
      top: 5px;
    }

    .solution-list li .solution-tit {
      padding: 45px 0 5px;
      font-size: 18px;
      display: inline-block;
      text-align: center;
      border-bottom: 2px solid #fff;
    }

    .solution-list li .solution-txt {
      opacity: 0;
      filter: alpha(opacity=0);
      line-height: 26px;
      margin: 36px 0 0;
      height: auto;
      font-size: 14px;
    }

    .solution-list li .seeMore {
      opacity: 0;
      filter: alpha(opacity=0);
      height: 38px;
      -webkit-transform: scale(0);
      transform: scale(0);
    }

    .solution-list li .seeMore a {
      display: block;
      margin: 0 auto;
      width: 112px;
      height: 38px;
      line-height: 38px;
      border: 1px solid #fff;
      color: #fff;
      border-radius: 3px;
    }

    .solution-list li .seeMore a:hover {
      border-color: #5ee3e7;
      background: #5ee3e7;
    }

    .solution-list li.one {
      background: url(../images/solutionbg1.png) no-repeat center;
    }

    .solution-list li.two {
      background: url(../images/solutionbg2.png) no-repeat center;
    }

    .solution-list li.three {
      background: url(../images/solutionbg3.png) no-repeat center;
    }

    .solution-list li.four {
      background: url(../images/solutionbg4.png) no-repeat center;
    }

    .solution-list li.five {
      background: url(../images/solutionbg5.png) no-repeat center;
    }

    .solution-list li:hover {
      padding-top: 55px;
    }

    .solution-list li.one:hover {
      padding-top: 48px;
    }

    .solution-list li.five:hover {
      padding-top: 40px;
    }

    .solution-list li:hover .solution-txt,
    .solution-list li:hover .seeMore {
      opacity: 1;
      filter: alpha(opacity=100);
    }

    .solution-list li:hover .seeMore {
      -webkit-animation: centershow .4s linear .2s forwards;
      animation: centershow .4s linear .2s forwards;

    }

    .solution-list li:hover::after,
    .ychengj ul li:hover::before {
      background: rgba(94, 227, 231, .7);
      filter: progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#B25EE3E7", endColorstr="#B25EE3E7");

    }


    @-webkit-keyframes coordinates {
      form {
        -webkit-transform: scale(.1);
      }

      to {
        -webkit-transform: scale(1);
        opacity: 0;
      }
    }

    @keyframes coordinates {
      form {
        transform: scale(.1);
      }

      to {
        transform: scale(1);
        opacity: 0;
      }
    }

    @-webkit-keyframes minxc {
      form {
        width: 10px;
        height: 10px;
        opacity: 1;
      }

      to {
        width: 60px;
        height: 60px;
        top: -25px;
        left: -25px;
        opacity: 0;
      }
    }

    @keyframes minxc {
      form {
        width: 10px;
        height: 10px;
        opacity: 1;
      }

      to {
        width: 60px;
        height: 60px;
        top: -25px;
        left: -25px;
        opacity: 0;
      }
    }


    @-webkit-keyframes centershow {
      to {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
    }

    @keyframes centershow {
      to {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
    }


    @-webkit-keyframes fadeIn {
      to {
        opacity: 1;
      }
    }

    @keyframes fadeIn {
      to {
        opacity: 1;
      }
    }

    @-webkit-keyframes navshow {
      to {
        opacity: 1;
      }
    }

    @keyframes navshow {
      to {
        opacity: 1;
      }
    }

    @media screen and (max-width:1410px) {
      .solution-list {
        width: 100%;
        margin-left: 0;
      }
    }

    @media screen and (max-width:1420px) {
      .xiuke-flow .prev_next {
        z-index: 9;
        width: 136px;
        height: 136px;
        background: #fff;
        opacity: 1;
        margin-top: -48px;
      }

      .xiuke-flow .prev_next:before {
        line-height: 138px;
      }

      .xiuke-flow .prev_next.icon-zuo {
        left: 0px;
      }

      .xiuke-flow .prev_next.icon-you {
        right: -10px;
      }
    }

    @media screen and (max-width:1400px) {
      .main {
        min-height: 600px;
      }

      .openyunz {
        width: 100%;
      }
    }

    @media screen and (max-width:1300px) {

      .conBox,
      .headNav {
        width: 1100px;
      }

      .headNav {
        margin-left: -550px;
      }

      .pagebg,
      .headNavbox {
        min-width: 1100px;
      }

      .flexslider,
      .footer {
        min-width: 1100px;
      }

      .solutionbg .conBox {
        width: 1200px;
      }

      .advantage li {
        margin-right: 69px;
      }

      .product-flow li {
        width: 350px;
        margin-right: 20px;
      }

      .releasebox ul li {
        margin-right: 70px;
      }

      .releasebox ul li .release:before {
        right: -98px;
        width: 70px;
      }

      .swws-case-list .case-list li {
        width: 347px;
      }

      .swws-case-list .case-list li .fl {
        width: 204px;
      }

      .scheme li {
        margin-right: 80px;
      }

      .yxb-case ul li {
        width: 540px;
      }

      .yxb-case ul li .fr {
        width: 355px;
      }

      .solution258 {
        padding: 0 30px;
      }

      .solution258 li {
        margin-right: 0;
      }

      .operate li {
        width: 260px;
        margin-right: 15px;
      }

      .success-case ul {
        padding: 0;
      }

      .success-case li {
        padding: 0;
        width: 330px;
      }

      .newsList li {
        width: 352px;
      }

      .newsList .newsImg {
        height: 200px;
      }

      .core-valueTxt {
        width: 550px;
      }

      .lawyer li {}

      .lawyer li .img {
        height: 365px;
      }

      .yunz-core {
        padding-left: 0;
      }

      .yunz-core li {
        margin-right: 40px;
      }

      .ychengj ul li {
        width: 260px;
        height: 360px;
      }

      .loginyans-list li {
        -webkit-transform: scale(.9);
        transform: scale(.9);
      }

      .loginyans-list li.two {
        left: 255px;
      }

      .loginyans-list li.three {
        left: 450px;
      }

      .loginyans-list li.four {
        left: 685px;
      }

      .loginyans-list li.five {
        right: 12px;
      }

      .loginyans-list ul {
        background-size: cover;
      }

      .aboutBox {
        min-width: 1100px;
      }

      .gongnshow ul {
        padding-left: 54px;
      }

      .gongnshow ul li {
        background: url(../images/d6a1e9754d444dc7b8f3aad140947985.gif);
        width: 250px;
        height: 413px;
      }

      .gongnshow ul li h4 {
        padding-top: 86px;
      }

      .gongnshow ul li.last {
        width: 251px;
      }

      .gongnshow ul li p {
        line-height: 50px;
      }

      .xiuke-flow ul li.c {
        left: 92px;
        z-index: 11;
      }

      .xiuke-flow ul li.d {
        left: 242px;
      }

      .xiuke-flow ul li.e {
        left: 430px;
      }

      .xiuke-flow ul li.f {
        left: 640px;
      }

      .xiuke-flow ul li.g {
        left: 830px;
      }
    }

    @media screen and (max-height:700px) {
      .openyunz {
        height: 550px;
        background-size: contain;
      }

      .openyunz p {
        font-size: 36px;
        padding-top: 246px;
      }

      .openyunz a {
        width: 240px;
        height: 56px;
        line-height: 56px;
        font-size: 20px;
      }

    }

    /*底部*/
    .clear {
      clear: both;
    }

    .footerbar {
      width: 100%;
      height: auto;
      overflow: hidden;
      background-color: #282d33;
    }

    .footer {
      width: 1256px;
      margin: 0 auto;
      font-size: 12px;
      font-family: Arial, "微软雅黑";
    }

    .footer_left {
      width: 77%;
      float: left;
      border-right: 1px solid #cecece;
    }

    .footer_left p {
      display: block;
      width: 100%;
      color: #666;
      line-height: 24px;
    }

    .footer dl {
      float: left;
      width: 110px;
      height: auto;
      overflow: hidden;
      margin: 20px 5px;
    }

    .footer dl dt {
      line-height: 40px;
      color: #d4d4d4;
      font-size: 14px;
    }

    .footer dl dt a {
      color: #333;
    }

    .footer dl dd {
      line-height: 24px;
    }

    .footer dl dd a {
      color: #828282;
    }



    .footer_right {
      width: 21%;
      float: right;
      height: auto;
      overflow: hidden;
      margin-top: 30px;
    }

    .footer_right .you {
      margin-bottom: 20px;
      margin-left: 20px;
    }

    .footer_right .you .xinlang,
    .footer_right .you .weixin,
    .footer_right .you .qq,
    .footer_right .you .weibo {
      width: 30px;
      height: 30px;
      background: #999 url(../images/share.png) no-repeat;
      display: inline-block;
      border-radius: 50%;
      background-position: 3px 4px;
      text-indent: -9999px;
      margin: 0 5px;
    }

    .footer_right .you .xinlang {
      background-position: 5px 6px;
    }

    .footer_right .you .weixin {
      background-position: -41px 6px;
    }

    .footer_right .you .qq {
      background-position: -87px 6px;
    }

    .footer_right .you .weibo {
      background-position: -133px 6px;
    }

    .footer_right .you .xinlang:hover,
    .footer_right .you .weixin:hover,
    .footer_right .you .qq:hover,
    .footer_right .you .weibo:hover {
      background-color: #e01121;
      transition: all 2s ease 0s;
    }



    .footer_right>p {
      background: url(../images/tel.png) left center no-repeat;
      color: #e01121;
      padding-left: 20px;
      font-size: 12px;
      line-height: 26px;
      margin-left: 20px;
    }

    .footer_right>p span {
      font-size: 18px;
      font-style: italic;
    }

    .footer_right .QR_code {
      width: 97px;
      height: auto;
      overflow: hidden;
      margin-top: 20px;
      float: left;
      margin-left: 30px;
    }

    .footer_right .QR_code p {
      text-align: center;
      line-height: 24px;
      color: #666;
    }

    .copyrightbar {
      width: 100%;
      height: auto;
      overflow: hidden;
      background-color: #1e2227;
    }

    .copyright {
      width: 1256px;
      margin: 0 auto;
      line-height: 56px;
      color: #fff;
      font-size: 12px;
    }

    .copyright_left {
      float: left;
      width: 70%;
    }

    .copyright_right {
      float: right;
      text-align: right;
      width: 30%;
    }

    .copyright_right a {
      color: #fff;
    }







    /*返回顶部开始*/

    #gotop {
      bottom: 67px;
      width: 40px;
      height: 40px;
      position: fixed;
      right: 50px;
      cursor: pointer;
      z-index: 223;

      display: none;
    }






    .pin {
      padding-top: 49px;
      background: url(../images/pin_bg.jpg) repeat;
    }

    .title {
      font-size: 14px;
      color: #aca8a5;
      line-height: 30px;
      text-align: center;
    }

    .title span {
      font-size: 28px;
      color: #1f1a17;
      line-height: 52px;
      background: url(../images/title_bt.png) center top no-repeat;
    }

    .fbg {
      padding: 50px 0;
    }

    .biaoti {
      margin-left: auto;
      margin-right: auto;
    }

    .biaoti a {
      height: 38px;
      padding: 0 44px;
      margin: 0 7px;
      border: 1px solid #c3c3c3;
      font-size: 14px;
      color: #1f1a17;
      line-height: 38px;
    }

    .biaoti a:hover {
      color: #3b5aa6;
      border: 1px solid #3b5aa6;
    }

    .biaoti .on {
      color: #3b5aa6;
      border: 1px solid #3b5aa6;
    }

    .biaotix {
      margin-left: auto;
      margin-right: auto;
      margin-top: 30px;
    }

    .biaotix a {
      height: 38px;
      padding: 0 44px;
      margin: 0 7px;
      border: 1px solid #c3c3c3;
      font-size: 14px;
      color: #fff;
      line-height: 38px;
    }

    .biaotix a:hover {
      color: #3b5aa6;
      border: 1px solid #fff;
      background: #fff;
    }

    .biaotix .on {
      color: #3b5aa6;
      border: 1px solid #fff;
      background: #fff;
    }


    .about {
      width: 820px;
    }

    .about h3 {
      font-weight: bold;
      width: 100%;
      text-align: center;
      color: #3a5793
    }

    .about .about_info {
      margin: 20px 0;
      line-height: 30px;
    }

    .pin_more {
      width: 138px;
      height: 38px;
      margin-left: auto;
      margin-right: auto;
      border: 1px solid #c3c3c3;
      font-size: 14px;
      color: #1f1a17;
      line-height: 38px;
      text-align: center;
    }

    .pin_more:hover {
      color: #3b5aa6;
      border: 1px solid #3b5aa6;
    }

    .pin_more2 {
      width: 138px;
      height: 38px;
      margin-left: auto;
      margin-right: auto;
      border: 1px solid #fff;
      font-size: 14px;
      color: #fff;
      line-height: 38px;
      text-align: center;
      margin-top: 20px;
    }

    .pin_more2:hover {
      color: #328be7;
      border: 1px solid #fff;
      background: #fff;
    }


    .aduannei {
      width: 1256;
      text-align: justify;
      font-size: 0.875rem;
      line-height: 1.5rem;
      height: auto;
    }

    .aduannei1 {
      width: 350px;
      float: left;
      height: auto;
      margin-right: 0.8rem;
    }

    .aduannei1 img {
      width: 100%;
    }

    .aduannei2 {
      width: 860px;
      float: left;
      height: auto;
      padding: 0rem 0rem 0rem 1rem;
      text-align: left;
      line-height: 26px\9;
    }

    .aduannei li {
      min-height: 2rem;
      height: auto;
      text-align: left;
    }




    .ban-ny {
      height: 400px;
      position: relative;
      z-index: 2;
    }

    .dati {
      position: relative;
      padding-top: 128px;
      padding-bottom: 98px;
    }

    .dati-cn {
      display: block;
      text-align: center;
      font-size: 36px;
      color: #fff;
      line-height: 44px;
    }

    .dati-en {
      display: block;
      text-align: center;
      font-size: 14px;
      color: #bebebe;
      line-height: 18px;
    }

    .b1,
    .b2 {
      display: block;
      position: absolute;
      width: 1px;
      height: 27px;
      left: 50%;
      background: #fff;
    }

    .b1 {
      top: 91px;
    }

    .b2 {
      top: 205px;
    }

    .flk1 table {
      margin: 0 auto;
    }

    .flk1 li {
      display: block;
      float: left;
      width: 146px;
      height: 42px;
      overflow: hidden;
      margin: 0 5px 10px;
      background: url(../images/flbg1.png) center center no-repeat;
      text-align: center;
      line-height: 42px;
      font-size: 16px;
      color: #363636;
    }

    .flk1 li a {
      display: block;
      height: 42px;
      overflow: hidden;
    }

    .flk1 li a,
    .flk1 li a:visited {
      color: #363636;
    }

    .flk1 li a span {
      display: block;
      position: relative;
      top: 0;
    }

    .flk1 li a:hover span,
    .flk1 li.on a span {
      top: -100%;
      color: #FFF;
    }

    .flk1 li:hover,
    .flk1 li.on {
      background: url(../images/flbg2.png) center center no-repeat;
    }

    /*公司介绍*/
    /*公司介绍*/
    .gsjsk {
      display: block;
      padding: 42px 0 60px;
      overflow: hidden;
      position: relative;
    }

    .gsk {
      width: 692px;
    }

    .gscjk {
      width: 500px;
      padding-left: 56px;
      position: relative;
    }

    .gscjk b {
      display: block;
      position: absolute;
      left: 0;
      top: 35px;
      width: 1px;
      height: 100%;
      background: #f2f2f2;
    }

    .gscj1 {
      border-bottom: 1px solid #f2f2f2;
      padding: 35px 0;
    }

    .gsc-cn {
      line-height: 24px;
      color: #535353;
      font-size: 16px;
    }

    .gsc-en {
      line-height: 20px;
      color: #d3d3d3;
      font-size: 16px;
    }

    .gsc-s {
      font-size: 62px;
      color: #ff9e57;
      line-height: 62px;
    }

    .gsj-ti {
      margin-bottom: 17px;
      padding-bottom: 24px;
      position: relative;
      line-height: 45px;
      color: #0a0a0a;
      font-size: 34px;
    }

    .gsj-ti b {
      display: block;
      position: absolute;
      bottom: 0;
      width: 17px;
      height: 2px;
      background: #eaeaea;
    }

    .gsj-qycn {
      display: block;
      line-height: 38px;
      color: #e01121;
      font-size: 28px;
    }

    .gsj-qyen {
      display: block;
      margin-bottom: 22px;
      line-height: 28px;
      color: #9c9c9c;
      font-size: 18px;
    }

    .gsj-js {
      display: block;
      line-height: 30px;
      font-size: 14px;
      color: #737373;
    }

    .abzbg {
      display: block;
      background: url(../images/abzzbg.jpg) center top no-repeat;
      height: 615px;
    }

    .zzk {
      display: block;
      width: 1250px;
      margin: 0 auto;
    }

    .zzti-cn {
      display: block;
      line-height: 48px;
      font-size: 34px;
      color: #0a0a0a;
    }

    .zzti-cn table {
      margin: 0 auto;
    }

    .zzti-cn b,
    .zzti-cn i {
      display: block;
      width: 30px;
      height: 1px;
      background: #c2c2c2;
    }

    .zzti-en {
      display: block;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      color: #ababab;
    }

    .zztik {
      display: block;
      width: 1000px;
      margin: 0 auto 53px;
      padding-top: 45px;
    }

    .zztik2 {
      display: block;
      width: 1000px;
      margin: 0 auto 38px;
      padding-top: 40px;
    }

    .zzlb {
      display: block;
      width: 723px;
    }

    .zzlk {
      margin-bottom: 18px;
    }

    .zzlb1 {
      display: block;
    }

    .zzlb1 li {
      display: block;
      height: 40px;
      line-height: 40px;
      font-size: 14px;
    }

    .zzlm {
      display: block;
      float: left;
    }

    .zzlm,
    .zzlm:visited {
      color: #212121;
    }

    .zzlkan {
      display: block;
      float: right;
      height: 40px;
      line-height: 40px;
      position: relative;
    }

    .zzlkan span {
      font-family: "宋体";
    }

    .zzlkan,
    .zzlkan:visited {
      color: #e01121;
    }

    .zzb {
      display: block;
      float: left;
      width: 42px;
      height: 42px;
      margin-left: 11px;
    }

    .zzlb1 li:hover .zzlm {
      padding-left: 5px;
      color: #e01121;
    }

    .zztu {
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      top: 0;
      overflow: hidden;
      left: -220px;
    }

    .zzlb1 li .zzlkan:hover .zztu {
      width: 200px;
      height: 200px;
    }

    /*大事记样式*/
    .fzxk {
      display: block;
      width: 100%;
      height: 490px;
      margin: 0 auto 58px;
      position: relative;
      z-index: 99;
      background: url(../images/san1.png) center 45px repeat-x;
    }

    .fzxkt {
      display: block;
      width: 100%;
      position: absolute;
      height: 1px;
      background: #e1e1e1;
      top: 58px;
    }

    .fzx1 {
      display: block;
    }

    #timeline {
      width: 1250px;
      height: auto;
      overflow: hidden;
      position: relative;
      margin: 0 auto;
    }

    #dates {
      width: 1250px;
      overflow: hidden;
    }

    #dates li {
      float: left;
      width: 90px;
      height: 70px;
      font-size: 18px;
      text-align: center;
    }

    #dates a {
      color: #616161;
      width: 90px;
      height: 70px;
      padding-bottom: 40px;
      line-height: 30px;
      display: block;
      font-family: Arial, Helvetica, sans-serif;
    }

    #dates .selected {
      font-size: 24px;
      color: #e01121;
      background: url(../images/san2.png) center bottom no-repeat;
    }

    #issues {
      width: 1250px;
      height: 410px;
      overflow: hidden;
    }

    #issues li {
      width: 1250px;
      height: 410px;
      list-style: none;
      float: left;
    }

    #issues li img {
      text-align: center;
      display: block;
      margin: 0 auto;
    }

    #next,
    #prev {
      position: absolute;
      top: 105px;
      width: 70px;
      height: 30px;
      text-align: center;
      overflow: hidden;
    }

    #next {
      right: 454px;
      background: url(../images/jt2.png) center center no-repeat;
    }

    #prev {
      left: 454px;
      background: url(../images/jt1.png) center center no-repeat;
    }

    #next.disabled,
    #prev.disabled {
      opacity: 0.2;
    }

    #next:hover {
      background: url(../images/jt2.png) center center no-repeat;
    }

    #prev:hover {
      background: url(../images/jt1.png) center center no-repeat;
    }

    .fzlc {
      display: block;
      width: 1250px;
      margin: 0 auto;
    }

    .fzlc-n {
      display: block;
      text-align: center;
      line-height: 100px;
      font-size: 48px;
      color: #e01121;
    }

    .fzlc-js1 {
      display: block;
      position: relative;
      text-align: center;
      padding-bottom: 25px;
      line-height: 22px;
      font-size: 14px;
      color: #545454;
    }

    .fzlc-js1 b {
      display: block;
      position: absolute;
      background: #d0d0d0;
      width: 52px;
      height: 3px;
      bottom: 0;
      left: 50%;
      margin-left: -26px;
    }

    .fztik {
      display: block;
      margin-bottom: 59px;
    }

    .fzlc-js2 {
      line-height: 28px;
      font-size: 14px;
      color: #545454;
    }

    .faztu {
      display: block;
      float: left;
      position: relative;
    }

    .faztu1 {
      display: block;
      position: relative;
      z-index: 2;
    }

    .faztu2 {
      display: block;
      position: absolute;
      z-index: 1;
      left: 10px;
      top: 10px;
    }

    /**核心团队**/
    .tebg {
      display: block;
      background: #f7f7f7;
      padding-bottom: 56px;
    }

    .zzti-js {
      display: block;
      text-align: center;
      padding: 11px 0;
      line-height: 26px;
      color: #5b5b5b;
      font-size: 14px;
    }

    .team {
      display: block;
      background: #FFF;
      position: relative;
      padding: 35px 42px;
    }

    .team b {
      display: block;
      position: absolute;
      width: 24px;
      height: 12px;
      left: 183px;
      top: -12px;
      background: url(../images/tj.png) center center no-repeat;
    }

    .team-ti {
      display: block;
      line-height: 32px;
      font-size: 24px;
      color: #000;
    }

    .team-xw {
      display: block;
      line-height: 24px;
      font-size: 14px;
      color: #5b5b5b;
    }

    .team-js {
      display: block;
      padding-top: 18px;
      line-height: 24px;
      font-size: 14px;
      color: #5b5b5b;
    }

    .telb {
      display: block;
      overflow: hidden;
    }

    /*margin:0 66px 34px;*/
    .telb li {
      float: left;
      background-size: cover !important;
    }

    .tek1 {
      width: 148px;
      height: 148px;
      margin: 0 19px;
      position: relative;
      background-size: cover !important;
    }

    .tek11 {
      display: block;
      width: 148px;
      height: 148px;
      position: relative;
      background: url(../images/tek1.png) center center no-repeat;
    }

    .telb li.on {
      display: block;
    }

    .telb li.on .tek11 {
      background: url(../images/tek2.png) center center no-repeat;
    }

    .tej1 {
      display: block;
      float: left;
      margin-top: 53px;
    }

    .tej2 {
      display: block;
      float: right;
      margin-top: 53px;
    }

    /*四块*/
    .sik {
      display: block;
      padding: 50px 0;
      margin-left: -84px;
      overflow: hidden;
    }

    .sik li {
      display: block;
      float: left;
      margin-left: 42px;
      width: 292px;
      padding: 12px 0 12px 42px;
      border-left: 1px solid #f1f1f1;
    }

    .sik-ti {
      margin-bottom: 11px;
      text-align: center;
      line-height: 36px;
      color: #0a0a0a;
      font-size: 24px;
    }

    .sik-js {
      line-height: 28px;
      font-size: 14px;
      color: #545454;
    }

    /*结构安全责任*/
    .zrbg {
      position: relative;
      background: #f7f7f7;
      padding-bottom: 69px;
    }

    .zrbg .cpxx {
      display: block;
      top: 180px;
    }

    .zrjs {
      display: block;
      padding-bottom: 42px;
      text-align: center;
    }

    /*企业文化*/
    .whk {
      display: block;
      overflow: hidden;
      padding-bottom: 65px;
      margin-left: -12px;
    }

    .whk li {
      display: block;
      background: #f7f7f7;
      float: left;
      position: relative;
      width: 240px;
      height: 412px;
      overflow: hidden;
      margin-left: 12px;
    }

    .whknr1 {
      display: block;
      position: relative;
      z-index: 2;
    }

    .qywtu {
      display: block;
      overflow: hidden;
    }

    .qywnr {
      display: block;
      padding: 28px 34px 0;
    }

    .qywnr1 {
      display: block;
      margin-bottom: 12px;
      line-height: 40px;
      color: #0a0a0a;
      font-size: 24px;
    }

    .qywnr2 {
      display: block;
      line-height: 24px;
      color: #545454;
      font-size: 14px;
    }

    .whknr2 {
      display: block;
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      height: 100%;
      padding: 38px 23px 20px;
      background: url(../images/whtbg.png) center no-repeat;
      z-index: 3;
    }

    .whtn1 {
      display: block;
      margin-bottom: 22px;
      font-size: 24px;
      color: #fff;
      line-height: 40px;
      cursor: default;
    }

    .whtn2 {
      display: block;
      line-height: 28px;
      color: #fff;
      font-size: 12px;
      cursor: default;
    }

    .whk li:hover .whknr2 {
      top: 0;
    }

    /***团队特效样式*****/
    /* tFocus */
    #tFocus-btn li.active,
    #tFocus-leftbtn,
    #tFocus-rightbtn {
      display: block;
    }

    #tFocus {
      width: 100%;
      height: auto;
      overflow: hidden;
    }

    #tFocus-pic {
      width: 100%;
      height: 243px;
      position: relative;
    }

    #tFocus-pic li {
      width: 100%;
      height: 243px;
      position: absolute;
      left: 0;
      top: 0;
      filter: alpha(opacity=0);
      opacity: 0;
    }

    #tFocusBtn {
      width: 100%;
      height: 182px;
      padding-left: 5px;
      margin-top: 5px;
      z-index: 20;
      overflow: hidden;
    }

    #tFocus-btn {
      height: 182px;
      position: relative;
      overflow: hidden;
      margin: 0 66px;
    }

    #tFocus-btn ul {
      width: 100000px;
      position: absolute;
      left: 0;
      top: 0;
    }

    #tFocus-btn li {
      height: 182px;
      width: 148px;
      display: block;
      float: left;
      margin: 0 19px;
    }

    #tFocus-btn li img {}

    #tFocus-btn li .tek11 b {
      display: block;
      position: absolute;
      bottom: -34px;
      left: 50%;
      margin-left: -12px;
      width: 24px;
      height: 12px;
      background: url(../images/tj0.png) center center no-repeat;
    }

    #tFocus-btn li.active .tek11 {
      background: url(../images/tek2.png) center center no-repeat;
    }

    #tFocus-btn li.active .tek11 b {
      background: url(../images/tj.png) center center no-repeat;
    }

    #tFocus-leftbtn,
    #tFocus-rightbtn {
      height: 42px;
      margin-top: 55px;
      width: 42px;
    }

    #tFocus-leftbtn {
      margin-right: 5px;
      float: left;
    }

    #tFocus-rightbtn {
      float: right;
    }


    /*创新*/
    .cxbg {
      display: block;
      background: #f3f3f3;
      overflow: hidden;
    }

    /**tabs**/
    .tabPanel1 dl,
    .tabPanel2 dl {
      height: 44px;
      position: relative;
      text-align: center;
    }

    .tabPanel1 dl dd,
    .tabPanel2 dl dd {
      display: inline-block;
      position: relative;
      height: 44px;
      padding: 0 28px;
      line-height: 30px;
      font-size: 16px;
      color: #e01121;
      cursor: pointer;
    }

    .tabPanel1 dl dd b,
    .tabPanel2 dl dd b {
      width: 0;
      height: 3px;
      position: absolute;
      left: 50%;
      bottom: 0;
      background: #e01121;
    }

    .tabPanel1 .hit1 b,
    .tabPanel2 .hit2 b {
      width: 66px;
      left: 50%;
      margin-left: -33px;
    }

    .pane1,
    .pane2 {
      min-height: 100px;
      padding-bottom: 10px;
      display: none;
      overflow: hidden;
      padding-top: 27px;
    }

    .pane2 {
      position: relative;
      z-index: 2;
      background: #fff;
      padding-bottom: 15px;
    }

    .cxj {
      display: block;
      width: 83px;
      height: 34px;
      margin: 0 auto 34px;
    }

    .cpxk {
      display: block;
      position: relative;
      overflow: hidden;
      margin-bottom: 60px;
    }

    .cpxx {
      display: block;
      position: absolute;
      width: 100%;
      height: 1px;
      top: 42px;
      background: #dadada;
      z-index: 0;
    }

    /*******************************************news************************************************/
    .nelb {
      padding-bottom: 54px;
    }

    .yema {
      display: block;
      padding-top: 16px;
    }

    .yema table {
      margin: 0 auto;
    }

    .yema a {
      display: block;
      width: 32px;
      height: 32px;
      float: left;
      text-align: center;
      overflow: hidden;
      border: 1px solid #e7e7e7;
      background: #FFF;
      margin: 0 3px;
      line-height: 30px;
      font-size: 14px;
      color: #000;
    }

    .yema a span {
      display: block;
      position: relative;
      top: 0;
      color: #000;
    }

    .yema a.zy span {
      font-family: "宋体";
    }

    .yema a:hover span,
    .yema a.on span {
      top: -100%;
      color: #e01121;
    }

    .yema a:hover,
    .yema a.on {
      border-color: #e01121;
    }



    /************************************solution********************************************/
    * {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-tap-highlight: rgba(0, 0, 0, 0);
      -webkit-text-size-adjust: none;
    }

    .jsok li,
    .jsok li:before,
    .jsok li:after {
      box-sizing: border-box;
      /* -webkit-box-sizing:border-box; */
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
    }

    .fotk {
      display: block;
      height: 58px;
    }

    .totk {
      display: block;
      height: 58px;
    }

    .fotk2 {
      display: block;
      height: 80px;
    }

    .totk3 {
      display: block;
      height: 48px;
    }

    .cpdti {
      position: relative;
      margin-bottom: 44px;
      text-align: center;
      font-size: 60px;
      line-height: 68px;
      color: #345b9b;
      text-transform: uppercase;
    }

    .cpdti span {
      display: block;
      width: 136px;
      height: 32px;
      position: absolute;
      left: 50%;
      background: #124892;
      margin-left: -68px;
      top: 18px;
      z-index: 6;
      line-height: 32px;
      font-size: 30px;
      color: #fff;
    }

    .sank {
      display: block;
      position: relative;
      width: 402px;
      height: 598px;
      float: left;
      background: #FFF;
      margin-left: 22px;
      margin-bottom: 22px;
      padding: 47px 36px;
    }

    .cpbk {
      display: block;
      overflow: hidden;
      height: 184px;
      border: 1px solid #e1e1e1;
    }

    .cpfl {
      display: block;
      padding-top: 20px;
    }

    .cpfl a {
      display: block;
      clear: both;
      font-size: 14px;
      color: #000;
      line-height: 34px;
    }

    .cpfl a:hover {
      padding-left: 5px;
      color: #f08300;
    }

    .sank:hover .cpbk img {
      transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -o-transform: scale(1.1);
      -moz-transform: scale(1.1);
    }

    .jsok {
      display: block;
      margin-left: -20px;
    }

    .jsok li {
      width: 615px;
      height: 173px;
      display: block;
      position: relative;
      float: left;
      margin-left: 20px;
      margin-bottom: 20px;
      background: #FFF;
      padding: 15px;
    }

    .sotu {
      display: block;
      float: left;
      width: 229px;
      height: 143px;
      overflow: hidden;
    }

    .jsok li:hover .sotu img {
      transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -o-transform: scale(1.1);
      -moz-transform: scale(1.1);
    }

    .sojk {
      display: block;
      overflow: hidden;
      width: 315px;
      padding-top: 15px;
    }

    .sojti {
      display: block;
      height: 77px;
      font-size: 18px;
      color: #000;
      line-height: 30px;
    }

    .sokan {
      display: block;
      width: 115px;
      height: 34px;
      overflow: hidden;
      text-align: center;
      background: url(../images/kabg.png) center center no-repeat;
      color: #6c6c6d;
      font-size: 14px;
      line-height: 34px;
    }

    .sokan span {
      display: block;
      display: block;
      position: relative;
      top: 0;
      color: #6c6c6d;
    }

    .jsok li:hover .sokan span {
      top: -100%;
      color: #FFF;
    }

    .jsok li:hover .sokan {
      background: url(../images/kabg2.png) center center no-repeat;
    }

    .jsok li .sokan:hover span {
      top: 0;
    }

    /**页面进入动画**/
    .cafl1,
    .cafl2,
    .cafl3,
    .cafl4,
    .cafl5,
    .cafl6,
    .cafl7,
    .cafl8 {
      animation: cafl1 0.9s linear both;
      -webkit-animation: cafl1 0.9s linear both;
      -moz-animation: cafl1 0.9s linear both;
      -o-animation: cafl1 0.9s linear both;
    }

    .cafl1 {
      animation-delay: 0s;
      -webkit-animation-delay: 0s;
      -moz-animation-delay: 0s;
      -o-animation-delay: 0s;
    }

    .cafl2 {
      animation-delay: 0.3s;
      -webkit-animation-delay: 0.3s;
      -moz-animation-delay: 0.3s;
      -o-animation-delay: 0.3s;
    }

    .cafl3 {
      animation-delay: 0.6s;
      -webkit-animation-delay: 0.6s;
      -moz-animation-delay: 0.6s;
      -o-animation-delay: 0.6s;
    }

    .cafl4 {
      animation-delay: 0.9s;
      -webkit-animation-delay: 0.9s;
      -moz-animation-delay: 0.9s;
      -o-animation-delay: 0.9s;
    }

    .cafl5 {
      animation-delay: 1.2s;
      -webkit-animation-delay: 1.2s;
      -moz-animation-delay: 1.2s;
      -o-animation-delay: 1.2s;
    }

    .cafl6 {
      animation-delay: 1.5s;
      -webkit-animation-delay: 1.5s;
      -moz-animation-delay: 1.5s;
      -o-animation-delay: 1.5s;
    }

    .cafl7 {
      animation-delay: 1.8s;
      -webkit-animation-delay: 1.8s;
      -moz-animation-delay: 1.8s;
      -o-animation-delay: 1.8s;
    }

    .cafl8 {
      animation-delay: 2.1s;
      -webkit-animation-delay: 2.1s;
      -moz-animation-delay: 2.1s;
      -o-animation-delay: 2.1s;
    }

    @keyframes cafl1 {
      0% {
        top: 200px;
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
        -o-opacity: 0;
        filter: alpha(opacity=0);
      }

      100% {
        top: 0px;
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        -o-opacity: 1;
        filter: alpha(opacity=100);
      }
    }

    @-webkit-keyframes cafl1 {
      0% {
        top: 200px;
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
        -o-opacity: 0;
        filter: alpha(opacity=0);
      }

      100% {
        top: 0px;
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        -o-opacity: 1;
        filter: alpha(opacity=100);
      }
    }

    @-moz-keyframes cafl1 {
      0% {
        top: 200px;
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
        -o-opacity: 0;
        filter: alpha(opacity=0);
      }

      100% {
        top: 0px;
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        -o-opacity: 1;
        filter: alpha(opacity=100);
      }
    }

    @-o-keyframes cafl1 {
      0% {
        top: 200px;
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
        -o-opacity: 0;
        filter: alpha(opacity=0);
      }

      100% {
        top: 0px;
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        -o-opacity: 1;
        filter: alpha(opacity=100);
      }
    }

    .ban_info {
      height: 400px;
      overflow: hidden;
    }

    .biao {
      margin-top: -400px;
      z-index: 99;
    }

    .biao1 {
      height: 330px;
      position: relative;
      z-index: 12;
    }

    .biao1 {
      animation: biao1 13s linear 0s infinite alternate;
      -moz-animation: biao1 13s linear 0s infinite alternate;
      -webkit-animation: biao1 13s linear 0s infinite alternate;
      -o-animation: biao1 13s linear 0s infinite alternate;
    }

    .biaox2 {
      height: 157px;
      padding-top: 174px;
      position: relative;
      z-index: 14;
      margin-top: -331px;
    }

    .biao_bt {
      height: 50px;
      text-align: center;
      line-height: 50px;
    }

    .biao_bt h2 {
      font-size: 28px;
    }

    .biao_jie {
      height: 330px;
      position: relative;
      z-index: 10;
    }

    .biao_jie .biaox1 {
      height: 330px;
      position: relative;
      z-index: 12;
    }

    .biao_jie .biaox2 {
      height: 174px;
      padding-top: 106px;
      position: relative;
      z-index: 14;
    }


    .bnav {
      margin-left: auto;
      margin-right: auto;
    }

    .bnav a {
      width: 124px;
      position: relative;
      overflow: hidden;
      display: block;
      float: left;
      height: 38px;
      margin: 0 8px;
    }

    .bnav a span {
      width: 120px;
      height: 34px;
      cursor: pointer;
      border-radius: 10px;
    }

    .bnav a .b1 {
      position: absolute;
      top: 0;
      left: 0;
      height: 34px;
      font-size: 16px;
      line-height: 34px;
      color: #0c0c0c;
      border: 1px solid #343434;
    }

    .bnav a .b2 {
      position: absolute;
      top: 38px;
      left: 0;
      height: 34px;
      font-size: 16px;
      line-height: 34px;
      color: #FFF;
      border: 1px solid #005ca2;
      background: #005ca2;
    }

    .bnav .on .b1 {
      border: 1px solid #005ca2;
      background: #005ca2;
      color: #fff;
    }

    .b1,
    .b2 {
      display: block;
      float: left;
      left: 0;
      width: 156px;
      height: 40px;
      position: relative;
      cursor: pointer;
    }

    .b1 {
      border: 1px solid #a2adc9;
      top: 0px;
    }

    .b1,
    .b2 {
      -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .bnav a:hover .b1 {
      top: -38px;
    }

    .bnav a:hover .b2 {
      top: 0;
    }

    @keyframes biao1 {
      0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
      }

      100% {
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25);
      }
    }

    @-moz-keyframes biao1

    /* Firefox */
      {
      0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
      }

      100% {
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25);
      }
    }

    @-webkit-keyframes biao1

    /* Safari and Chrome */
      {
      0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
      }

      100% {
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25);
      }
    }

    @-o-keyframes biao1

    /* Opera */
      {
      0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
      }

      100% {
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25);
      }
    }

    @keyframes biao1 {
      0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
      }

      100% {
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25);
      }
    }

    @-moz-keyframes biao1

    /* Firefox */
      {
      0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
      }

      100% {
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25);
      }
    }

    @-webkit-keyframes biao1

    /* Safari and Chrome */
      {
      0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
      }

      100% {
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25);
      }
    }

    @-o-keyframes biao1

    /* Opera */
      {
      0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
      }

      100% {
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -o-transform: scale(1.25);
        transform: scale(1.25);
      }
    }


    /****************product-view******************/



    .shu14 img,
    .shu12 img {
      display: inline !important;
      max-width: 100% !important;
      height: auto !important;
      vertical-align: top;
    }

    .shu14 {
      line-height: 30px;
      color: #555;
      font-size: 14px;
      overflow: hidden;
    }

    .shu12 {
      line-height: 30px;
      color: #555;
      font-size: 12px;
    }

    .cpl {
      overflow: hidden;
      padding: 44px 0 30px;
    }

    .cpnrk {
      display: block;
      overflow: hidden;
      position: relative;
      background: #FFF;
      margin-bottom: 60px;
      border-radius: 12px;
      -moz-border-radius: 12px;
      -webkit-border-radius: 12px;
      -o-border-radius: 12px;
    }

    .cpnrk2 {
      display: block;
      margin-left: 293px;
      padding: 42px 42px 60px;
    }

    .cpnd-ti {
      display: block;
      margin-bottom: 30px;
      text-align: center;
      font-size: 24px;
      line-height: 40px;
      color: #2f2f2f;
    }

    .cpnrk1 {
      display: block;
      position: absolute;
      width: 293px;
      height: 100%;
      background: #f4f4f4;
      padding: 32px 0 60px;
    }

    .cpnrk1 a {
      display: block;
      position: relative;
      height: 40px;
      padding-left: 33px;
      line-height: 40px;
      color: #373737;
      font-size: 16px;
    }

    .cpnrk1 a:visitd {
      color: #373737;
    }

    .cpnrk1 a.on,
    .cpnrk1 a:hover {
      color: #da251d;
      background: #FFF;
    }

    .cpnrk1 a b {
      display: block;
      position: absolute;
      width: 5px;
      height: 0;
      background: #da251d;
      right: 0;
      top: 50%;
      margin-top: 0;
    }

    .cpnrk1 a:hover b,
    .cpnrk1 a.on b {
      height: 22px;
      top: 50%;
      margin-top: -11px;
    }

    /********solution***********/
    .so-list {
      display: block;
      overflow: hidden;
      padding-top: 48px;
    }

    .so-list dd {
      display: block;
      overflow: hidden;
      margin-bottom: 38px;
    }

    .so-list dd .sok {
      margin: 0;
    }

    .so-list dd .sok1 {
      border: 2px solid #e4e4e4;
    }


    /**************solution-view**************/
    .sony {
      display: block;
      position: relative;
      margin-top: 45px;
      margin-bottom: 60px;
      background: #FFF;
      padding: 0 40px 60px;
      overflow: hidden;
      border-radius: 14px;
    }

    .fank {
      display: block;
      margin-top: 40px;
      border-top: 1px solid #ddd;
      padding-top: 30px;
    }

    .fan1 {
      display: block;
      width: 800px;
      float: left;
      overflow: hidden;
      font-size: 12px;
      color: #888;
      line-height: 24px;
    }

    .fan1 a {
      display: block;
    }

    .fan1 a,
    .fan1 a:visited {
      color: #888;
    }

    .fan1 a:hover span {
      color: #222;
    }

    .fanh1 {
      display: block;
      float: right;
      border: 2px solid #ddd;
      width: 110px;
      height: 38px;
      overflow: hidden;
      text-align: center;
      font-size: 16px;
      color: #888;
      line-height: 38px;
      cursor: pointer;
    }

    .fanh1 span {
      display: block;
      position: relative;
      top: 0;
    }

    .fanh1:hover {
      background: #e01121;
      border-color: #e01121;
    }

    .fanh1:hover span {
      color: #FFF;
    }

    .fanh span,
    .fanh,
    .fan1 a span {
      transition: all 0.4s linear;
      -webkit-transition: all 0.4s linear;
      -moz-transition: all 0.4s linear;
      -o-transition: all 0.4s linear;
    }

    /*方案*/


    /**page**/
    .page {
      width: 100%;
      text-align: center;
      margin-top: 30px;
    }

    .page ul li {
      display: inline-block;
      /* width: 40px; */
      height: 32px;
      line-height: 32px;
      font-family: 'arial';
      color: #999;
      margin-right: 3px;
    }
    .page ul li.thisclass a {
      color: #fff;
      background-color: #e01121;
      border: 1px solid #e01121;
    }

    .page ul li:last-child {
      margin-right: 0;
    }

    .page ul li a {
      display: block;
      color: #999;
      border: 1px solid #ddd;
    }

    .page ul li a:hover,
    .page ul li.active a {
      background: #e01121;
      color: #fff;
      border: 1px solid #e01121;
    }


    /**news**/
    .newsList {
      overflow: hidden;
    }

    .newsList ul {
      width: 1300px;
    }

    .newsList li {
      margin: 0 20px 20px 0;
      background: #fff;
      width: 385px;
      display: inline-block;
      vertical-align: top;
      border: 1px solid #eaeaea;
    }

    .newsList li a {
      display: block;
      color: #666;
    }

    .newsList .newsImg {
      width: 100%;
      height: 220px;
      overflow: hidden;
    }

    .newsList .newsImg img {
      width: 100%;
      -webkit-transition-duration: .7s;
      transition-duration: .7s;
    }

    .newsList .newsImg:hover img {
      -webkit-transform: scale(1.12);
      transform: scale(1.12);
    }

    .newsList .newsTxt {
      padding: 20px;
    }

    .newsList .newsTit {
      font-size: 16px;
      color: #666;
    }

    .newsList .newsSub {
      padding: 12px 0 15px;
      border-bottom: 1px solid #ddd;
      margin-bottom: 16px;
      color: #999;
      font-size: 14px;
    }

    .newsList .txt {
      width: 100%;
      height: 70px;
      line-height: 24px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      font-size: 14px;
    }

    .newsList .posts {
      position: absolute;
      top: 0;
      left: 0;
      width: 50px;
      height: 26px;
      line-height: 26px;
      text-align: center;
      background: #5ee3e7;
      color: #fff;
    }

    .newsList li a:hover .newsTit {
      color: #e01121;
    }

    .newsList li:hover {
      box-shadow: 1px 1px 6px rgba(0, 0, 0, .08);
    }

    .newsDetail {
      width: 720px;
    }

    .newsDetail .join-time {
      border-bottom: #ddd 1px solid;
      padding-bottom: 15px;
      font-weight: normal;
    }

    .news-nextInfo p {
      width: 39%;
      display: block;
      height: 30px;
      line-height: 30px;
    }

    .news-nextInfo p a,
    .news-nextInfo p i {
      display: block;
      float: left;
    }

    .news-nextInfo p a {
      width: 94%;
    }

    .news-nextInfo .news-next {
      text-align: right;
    }

    .newsDetail .join-detail .detail-txt * {
      background: transparent !important;
    }


    /*新闻*/
    .netlb {
      display: block;
      overflow: hidden;
      padding-top: 10px;
    }

    .netlb li {
      float: left;
    }

    .nexk {
      width: 270px;
      height: 233px;
      padding: 15px 15px 0;
      margin-left: 12px;
      margin-bottom: 12px;
      border: 1px solid #d4d4d4;
    }

    .nex-ti {
      display: block;
      margin-bottom: 4px;
      line-height: 26px;
      color: #212121;
      font-size: 16px;
    }

    .nex-ti:visited {
      color: #212121;
    }

    .nex-js {
      display: block;
      height: 78px;
      line-height: 22px;
      color: #797979;
      font-size: 12px;
    }

    .nex-js a {
      display: block;
    }

    .nex-js a,
    .nex-js a:visited {
      color: #797979;
    }

    .nex-da {
      margin-bottom: 4px;
      line-height: 20px;
      font-size: 12px;
      color: #999;
    }

    .nex-jr {
      display: block;
      width: 85px;
      height: 36px;
      background: url(../images/nexj1.png) center center no-repeat;
    }

    .nexk:hover .nex-jr {
      background: url(../images/nexj2.png) center center no-repeat;
    }

    .nexk:hover {
      background: #e01121;
      border-color: #e01121;
    }

    .nexk:hover .nex-ti {
      text-indent: 12px;
      color: #fff;
    }

    .nexk:hover .nex-js a,
    .nexk:hover .nex-da {
      color: #fff;
    }

    .nexk:hover .nex-js {
      padding-top: 6px;
    }

    .shiq {
      overflow: hidden;
      border-bottom: 4px solid #e6e6e6;
    }

    .shiq span {
      display: block;
      float: left;
      text-align: center;
      width: 196px;
      line-height: 36px;
      font-size: 14px;
      color: #6d6d6d;
    }

    .xmxm {
      line-height: 26px;
      color: #7e7e7e;
      font-size: 12px;
    }

    .xie002 {
      padding-left: 16px;
      padding-right: 16px;
    }

    .xie label {
      line-height: 26px;
      color: #7e7e7e;
      font-size: 12px;
    }

    .xie1 {
      width: 240px;
      height: 26px;
      color: #7e7e7e;
      padding: 0 5px;
      font-size: 12px;
      line-height: 26px;
      border: 1px solid #e3e3e3;
      background: #FFF;
    }

    .xie2 {
      width: 1020px;
      height: 80px;
      padding: 0 5px;
      line-height: 26px;
      color: #7e7e7e;
      font-size: 12px;
      border: 1px solid #e3e3e3;
      background: #FFF;
      margin-top: 9px;
      margin-bottom: 9px;
    }

    .ti {
      width: 70px;
      height: 28px;
      background: #e01121;
      margin-left: 8px;
      color: #FFF;
      font-size: 12px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      cursor: pointer;
    }


    /*********************************项目业绩about_us*********************************/
    .ipro-more {
      display: block;
      margin: 0 auto;
      width: 112px;
      height: 3em;
      font-size: 12px;
      text-align: center;
      line-height: 36px;
      color: #f8f8f8;
      border: 1px solid #fff;
      border: 1px solid rgba(255, 255, 255, .2) !important;
    }

    .ipro-block:hover .ipro-info {
      top: 0;
    }

    .index-project .more-news {
      margin: 50px auto 72px;
    }

    .about-ban {
      position: relative;
      min-width: 1250px;
      overflow: hidden;
    }

    .aban-pic {
      overflow: hidden;
      zoom: 1;
    }

    .aban-pic img {
      vertical-align: top;
      height: 100%;
      margin: 0 auto;
    }

    .about-tit {
      position: absolute;
      top: 0;
      width: 100%;
    }

    .about-tit h4 {
      display: block;
      text-align: center;
    }

    .about-tit h4 img {
      display: block;
      margin: 62px auto 20px;
    }

    .about-tit h5 {
      display: block;
      width: 306px;
      margin: 0 auto;
      font-size: 14px;
      color: #fff;
      background: url(../images/tit-line.png) center repeat-x;
    }

    .about-tit h5 span {
      display: block;
      width: 108px;
      height: 34px;
      text-align: center;
      line-height: 34px;
      margin: 0 auto;
      background: #1654b1;
    }

    .about-tit .lxwm {
      float: left;
      margin: 0 10px
    }

    .about-tit .lxwm a {
      color: #fff;
    }

    .qing2 {
      display: block;
      clear: both;
    }

    .project {
      overflow: hidden;
      zoom: 1;
      background: url(../images/aboutus-bg.jpg) no-repeat;
      background-size: 100% 100%;
    }

    .project .about-ban {
      min-height: 206px;
    }

    .project .about-tit h5 {
      display: block;
      width: 306px;
      margin: 0 auto;
      font-size: 14px;
      color: #fff;
      background: url(../images/tit-line-gray.png) center repeat-x;
    }

    /*项目列表*/
    .pro-box {
      overflow: hidden;
      zoom: 1;
    }

    .pro-items {
      position: relative;
      float: left;
      width: 32%;
      padding: 18px 18px 22px;
      background: #fff;
      margin: 0.5%;
      border-bottom: 1px solid #d0cfcf;
      box-sizing: border-box;
    }

    .pro-items2 {
      position: relative;
      float: left;
      width: 49%;
      padding: 18px 18px 22px;
      background: #f4f4f4;
      margin: 0.5%;
      border-bottom: 1px solid #f4f4f4;
      box-sizing: border-box;
    }

    .pro-pic {
      position: relative;
      width: 100%;
      overflow: hidden;
    }

    .pro-pic-bot img {
      vertical-align: top;
    }

    .pro-pic-mask {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 100%;
      background: url(../images/ipro-infobg.png) no-repeat;
      background-size: 100% 100%;
    }

    .ppic-infom {
      width: 100%;
      height: 255px;
      position: relative;
      /*padding-top: calc((100%-96px)/2);*/
      font-size: 14px;
      color: #fff;
      top: 50%;
      margin-top: -5em;
    }

    .ppic-infom h4 {
      display: block;
      text-align: center;
      font-size: 20px;
      line-height: 1.4em;
      padding: 0 1em;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    .ppic-infom p {
      position: relative;
      display: block;
      width: 16.5em;
      margin: 1em auto;
      text-align: center;
      padding: 0 2%;
      line-height: 1.9em;
    }

    .ppic-infom p:before,
    .ppic-infom p:after {
      position: absolute;
      display: block;
      content: '';
      width: 20px;
      height: 1px;
      /* 	background: #f8f8f8; */
      top: 50%;
    }

    .ppic-infom p:before {
      left: -20px;
    }

    .ppic-infom p:after {
      right: -20px;
    }

    .ppic-infom p span {
      display: table;
      margin: 0 auto;
    }

    .pro-items:hover .pro-pic-mask {
      top: 0;
    }

    .pro-items2:hover .pro-pic-mask {
      top: 0;
    }


    .pro-tit {
      margin-top: 12px;
      height: 30px;
      overflow: hidden;
      /* white-space: nowrap;
    text-overflow: ellipsis; */
    }

    .pro-tit h5 {
      /* height: 4em; */
      font-size: 16px;
      line-height: 28px;
      text-align: center;
    }

    .pro-tit h5 a {
      display: block;
    }

    .pro-tit-line {
      display: block;
      width: 70px;
      height: 2px;
      margin: 0 auto;
      /* background: #c0c0c0; */
    }





    /*********************************核心产品product*********************************/
    .contact {
      overflow: hidden;
      zoom: 1;
      background-size: 100% 100%;
      margin-top: -5px;
    }

    .contact .about-ban {
      min-height: 206px;
    }

    .contact .about-tit h5 {
      display: block;
      width: 306px;
      margin: 0 auto;
      font-size: 14px;
      color: #fff;
      background: url(../images/tit-line.png) center repeat-x;
    }

    .contact-main {
      position: relative;
      overflow: hidden;
      zoom: 1;
      margin-bottom: 54px;
    }

    .hq {
      position: relative;
      width: 544px;
      height: 698px;
      background: #fff;
      padding: 29px 40px;
      box-sizing: border-box;
    }

    .hq h4,
    .branch h4 {
      display: block;
      width: 100%;
      font-size: 24px;
      line-height: 62px;
      color: #1654b1;
      border-bottom: 1px solid #acc3e4;
    }

    .hq-items {
      display: block;
      /* height: 26px; */
      line-height: 26px;
      margin-top: 30px;
      font-size: 14px;
      color: #515355;
    }

    .hq-items .address_1,
    .hq-items .address_2 {
      margin-left: 40px;
    }

    .hq-icon.icon-1 {
      display: block;
      float: left;
      width: 23px;
      height: 27px;
    }
    .hq-icon.icon-2 {
      display: block;
      float: left;
      width: 25px;
      height: 27px;
    }
    .hq-icon.icon-3,
    .hq-icon.icon-4 {
      display: block;
      float: left;
      width: 25px;
      height: 25px;
    }

    .hq-icon img {
      width: 100%;
    }

    .hq-text {
      display: block;
      margin-left: 40px;
    }


    .hq-ewm {
      margin-top: 49px;
      float: right;
      padding-right: 50px;
    }

    .hq-ewm-items {
      display: block;
      padding-bottom: 29px;
    }

    .hqewm-pic {
      width: 127px;
      height: 127px;
      /* padding: 6px; */
      border: 2px solid #c1c1c1;
      box-sizing: border-box;
    }

    .hqewm-pic img {
      width: 100%;
      vertical-align: top;
    }

    .hqewm-text {
      font-size: 14px;
      line-height: 31px;
      text-align: center;
      color: #515355;
    }


    .branch {
      position: relative;
      width: 819px;
      height: 0px;
      background: #fff;
      box-sizing: border-box;
    }

    .branch-list {
      position: relative;
      height: 0px;
      /* margin-top: 26px; */
      overflow: auto;
    }

    .branch-items h5 {
      font-size: 20px;
      line-height: 20px;
      color: #1654b1;
      margin-bottom: 20px;
    }

    .branch-info li {
      height: 26px;
      margin-bottom: 14px;
    }

    .branch-items {
      font-size: 14px;
      color: #515355;
    }

    .nicescroll-rails {
      width: 1px !important;
    }

    .nicescroll-rails div {
      right: -1px;
    }




    /*************************************technology-download**************************************/
    .cpxz {
      display: block;
      margin-bottom: 38px;
    }

    .cpxz .cpflx {
      border: 1px solid #d6d6d6;
    }

    .xzlb {
      display: block;
      margin-left: -26px;
      margin-top: 40px;
    }

    .xzlb dd {
      display: block;
      float: left;
      width: 600px;
      height: 33px;
      margin-bottom: 15px;
      background: #f5f5f5;
      border-left: 2px solid #4989c2;
      padding: 15px;
    }

    .xaml {
      display: block;
      float: left;
      width: 460px;
      border-right: 1px solid #dbdbdb;
      line-height: 43px;
      font-size: 14px;
      color: #444;
    }

    .xzlb dd:hover .xaml {
      padding-left: 5px;
      color: #005197;
    }

    .xzlb .dmore {}

    /**产品**/

    .ld1,
    .ld2,
    .ldlb,
    .cplbk {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-tap-highlight: rgba(0, 0, 0, 0);
      -webkit-text-size-adjust: none;
    }

    .ld1,
    .ld2,
    .ldlb,
    .cust-ichoice,
    .cust-ichoice li,
    .cust-items,
    .cust-box,
    .sessions-block,
    .sessions-block li {
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
    }

    .ldk {
      background: url(../images/ldbg1.png) right top no-repeat, url(../images/ldbg2.png) left bottom no-repeat #f3f5f6;
      padding: 58px 0 70px;
    }

    .lddti {
      position: relative;
      margin-bottom: 18px;
      text-align: center;
      height: 68px;
      font-size: 60px;
      line-height: 68px;
      color: #e4e5e5;
      text-transform: uppercase;
    }

    .lddti span {
      display: block;
      width: 130px;
      height: 32px;
      position: absolute;
      left: 50%;
      background: #f3f5f6;
      margin-left: -65px;
      top: 18px;
      z-index: 6;
      line-height: 32px;
      font-size: 30px;
      color: #000;
    }

    .ldlb {
      display: block;
      margin-left: -19px;
    }

    .ldlb dd {
      width: 297px;
      height: 418px;
      float: left;
      margin-left: 20px;
      padding: 36px 15px 0;
      background: #FFF;
    }

    .ld1 {
      border-top: 2px solid #e01121;
      margin-bottom: 20px;
    }

    .ld2 {
      border-top: 2px solid #e01121;
      margin-bottom: 20px;
    }

    .ldtu {
      display: block;
      width: 267px;
      height: 181px;
      margin: 0 auto;
      overflow: hidden;
    }

    .ldlb dd:hover .ldtu img {
      transform: scale(1.1);
      -ms-transform: scale(1.1);
      /* IE 9 */
      -webkit-transform: scale(1.1);
      /* Safari 和 Chrome */
      -o-transform: scale(1.1);
      /* Opera */
      -moz-transform: scale(1.1);
    }

    .ld-m {
      display: block;
      text-align: center;
      margin-bottom: 10px;
      line-height: 30px;
      font-size: 18px;
      color: #000;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .ld-t {
      display: block;
      width: 34px;
      height: 2px;
      background: #7f7f7f;
      margin: 0 auto 16px;
    }

    .ld-j {
      height: 105px;
      text-align: center;
      padding: 0 15px;
      line-height: 24px;
      font-size: 12px;
      color: #777;
    }

    .ld-j a,
    .ld-j a:visited {
      color: #777;
    }

    .duo1 {
      display: block;
      width: 150px;
      height: 48px;
      overflow: hidden;
      margin: 28px auto 44px;
      background: url(../images/duo1.png) center center no-repeat;
      text-align: center;
      font-size: 16px;
      color: #474747;
      line-height: 48px;
    }

    .duo1 span {
      display: block;
      position: relative;
      top: 0;
    }

    .duo1:hover span {
      top: -100%;
    }

    .duo1 span {
      transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
    }


    /*******************************************job************************************************/
    .rcfzk {
      overflow-y: hidden;
      padding: 55px 0 55px;
    }

    .rcfk {
      display: block;
      position: relative;
      overflow: hidden;
    }

    .rcfk b {
      display: block;
      position: absolute;
      width: 1px;
      height: 100%;
      left: 50%;
      background: #ededed;
    }

    .rck {
      width: 600px;
      overflow: hidden;
    }

    .rctik {
      display: block;
      overflow: hidden;
      padding-bottom: 20px;
    }

    .rctik img {
      display: block;
      float: left;
    }

    .rcti1 {
      display: block;
      float: left;
      margin-left: 15px;
    }

    .rcti11 {
      padding-top: 5px;
      font-size: 20px;
      line-height: 30px;
      color: #363636;
    }

    .rcti12 {
      font-size: 14px;
      line-height: 18px;
      color: #ababab;
    }

    .renk {
      line-height: 28px;
      font-size: 14px;
      color: #737373;
    }

    .ren1 {
      display: block;
      float: left;
      width: 210px;
      height: 130px;
    }

    .ren {
      display: block;
      margin-left: 235px;
    }

    .kaben {
      display: block;
      overflow: hidden;
      padding-top: 24px;
      padding-left: 1px;
      padding-bottom: 1px;
    }

    .kaben a {
      display: block;
      float: left;
      height: 38px;
      margin-right: 15px;
      border: 1px solid #838383;
      line-height: 36px;
      font-size: 16px;
      color: #202020;
      padding: 0 12px;
    }

    .kaben a:hover {
      border-color: #e01121;
      outline: 1px solid #e01121;
      color: #e01121;
    }

    .rck:hover .rctik img {
      transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      /* IE 9 */
      -webkit-transform: rotateY(180deg);
      /* Safari and Chrome */
      -o-transform: rotateY(180deg);
      /* Opera */
      -moz-transform: rotateY(180deg);
    }

    .jolb {
      display: block;
      margin-left: -12px;
    }

    .jolb li {
      display: block;
      width: 240px;
      float: left;
      margin-left: 12px;
    }

    .jotu {
      display: block;
      margin-bottom: 15px;
    }

    .jotm {
      line-height: 28px;
      font-size: 14px;
      color: #737373;
    }

    /*员工之声*/
    /* .yglb{ display:block; margin-left:-22px;}
.yglb li{ display:block; float:left; width:615px; height:232px; padding:30px; border:1px solid #dadada; margin-left:22px; margin-bottom:22px;}
.ygtu{ display:block; float:left; width:232px; height:172px; overflow:hidden;}
.ygjk{ margin-left:252px;}
.yglb li .mtj2{ height:auto !important;}
.yema2 a{ background-color:transparent !important; border-color:#cecece;} */
    /*招聘信息*/
    .zplb {
      display: block;
      margin-left: -24px;
      overflow: hidden;
    }

    .zplb {
      display: block;
      margin-left: -24px;
      overflow: hidden;
    }

    .zplb dd {
      display: block;
      float: left;
      width: 322px;
      height: 294px;
      border: 1px solid #eee;
      background: #FFF;
      border-bottom: 2px solid #e01121;
      margin-left: 24px;
      padding: 33px;
    }

    .zplb li {
      display: block;
      float: left;
      width: 322px;
      height: 294px;
      border: 1px solid #eee;
      background: #FFF;
      border-bottom: 2px solid #e01121;
      margin-left: 24px;
      padding: 33px;
      margin-bottom: 20px;
    }

    .zp-ti {
      margin-bottom: 12px;
      line-height: 32px;
      font-size: 20px;
      color: #0a0a0a;
    }

    .zp-bz {
      display: block;
      overflow: hidden;
      margin-bottom: 12px;
      padding-left: 20px;
      background: url(../images/zpb1.png) center left no-repeat;
      line-height: 24px;
      font-size: 14px;
      color: #545454;
    }

    .zp-js {
      display: block;
      height: 112px;
      margin-bottom: 8px;
      line-height: 28px;
      font-size: 14px;
      color: #545454;
    }

    .zp-jr {
      display: block;
      width: 80px;
      height: 30px;
      background: url(../images/zpj1.png) left center no-repeat;
    }

    .zplb dd:hover .zp-ti {
      text-indent: 6px;
      color: #e01121;
    }

    .zplb dd:hover .zp-jr {
      background: url(../images/zpj2.png) 20px center no-repeat;
    }

    .zplb dd .zp-jr:hover {
      background: url(../images/zpj2.png) left center no-repeat;
    }

    .zplb li:hover .zp-ti {
      text-indent: 6px;
      color: #e01121;
    }

    .zplb li:hover .zp-jr {
      background: url(../images/zpj2.png) 20px center no-repeat;
    }

    .zplb li .zp-jr:hover {
      background: url(../images/zpj2.png) left center no-repeat;
    }

    .lck {
      display: block;
      width: 80px;
      height: 32px;
      margin: 0 auto;
      text-align: center;
      line-height: 32px;
      font-size: 16px;
      color: #e01121;
    }

    .lck span {
      display: block;
      cursor: pointer;
      width: 80px;
      margin: 0 auto;
    }

    .lctu1 {
      width: 0;
      height: 0;
      margin-top: 14px;
      margin: 0 auto;
    }

    .lck:hover {
      height: auto;
      width: 100%;
    }

    .lck:hover .lctu1 {
      width: 100%;
      height: auto;
    }

    /* main_image */
    .main_visual-zp {
      height: 345px;
      overflow: hidden;
      position: relative;
    }

    .main_image-zp {
      height: 345px;
      overflow: hidden;
      position: relative;
    }

    .main_image-zp ul {
      width: 9999px;
      height: 345px;
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0
    }

    .main_image-zp li {
      float: left;
      width: 100%;
      height: 345px;
    }

    div.flicking_con-zp {
      position: absolute;
      bottom: 0px;
      z-index: 9;
      width: 100%;
      height: 12px;
    }

    .flicking_con-zp table {
      margin: 0 auto;
    }

    div.flicking_con-zp a {
      float: left;
      width: 10px;
      height: 10px;
      margin: 0 3px;
      padding: 0;
      background: #bababa;
      display: block;
      text-indent: -10000px;
      border-radius: 50%;
    }

    div.flicking_con-zp a.on {
      background: #e01121;
    }

    #btn_prev-zp,
    #btn_next-zp {
      z-index: 11111;
      position: absolute;
      display: block;
      width: 73px !important;
      height: 74px !important;
      top: 50%;
      margin-top: -37px;
      display: block;
    }

    #btn_prev-zp {
      background: url(../images/hover_left.png) no-repeat left top;
      left: -100px;
    }

    #btn_next-zp {
      background: url(../images/hover_right.png) no-repeat right top;
      right: -100px;
    }

    /*******************************************job************************************************/
    .fzk1,
    .fzk2,
    .fzk3 {
      padding: 50px 0;
      overflow: hidden;
    }

    .fzk2 {
      background: #f7f7f7;
    }

    .fzk3 {
      border-bottom: 1px solid #e4e4e4;
    }

    .fzbg1 {
      background: url(../images/fzbg1.png) left top no-repeat;
      min-height: 400px;
      padding: 30px 0 0 103px;
    }

    .fzbg2 {
      background: url(../images/fzbg2.png) right top no-repeat;
      min-height: 400px;
      padding: 30px 103px 0 0;
    }

    .fzti0 {
      padding-left: 158px;
    }

    .fzti1 {
      line-height: 37px;
      font-size: 28px;
      color: #e01121;
    }

    .fzti2 {
      line-height: 24px;
      font-size: 18px;
      color: #9c9c9c;
    }

    .fznk {
      display: block;
      padding-top: 20px;
    }

    .fztu {
      display: block;
      width: 555px;
    }

    .fztu2 {
      display: block;
      width: 505px;
    }

    .fznr {
      display: block;
      margin-left: 590px;
      line-height: 30px;
      font-size: 14px;
      color: #737373;
    }

    .fznr.fznr2 {
      margin-left: 0;
      margin-right: 555px;
    }

    .fzbg2 .fzti0 {
      padding-left: 0;
    }

    /*行业热点**/
    .hylb li {
      background: #FFF;
      border: none;
    }

    /*媒体合作*/
    .hzk {
      overflow: hidden;
      padding-bottom: 56px;
    }

    .hzlb {
      display: block;
      padding-bottom: 50px;
    }

    .rcfzk {
      display: block;
    }

    /*员工之声*/
    .yglb {
      display: block;
      margin-left: -22px;
    }

    .yglb li {
      display: block;
      float: left;
      width: 530px;
      height: 200px;
      padding: 30px;
      border: 1px solid #dadada;
      margin-left: 22px;
      margin-bottom: 22px;
    }

    .ygtu {
      display: block;
      float: left;
      width: 232px;
      height: 172px;
      overflow: hidden;
    }

    .ygjk {
      margin-left: 252px;
    }

    .yglb li .mtj2 {
      height: auto !important;
    }

    .yema2 a {
      background-color: transparent !important;
      border-color: #cecece;
    }


    .ygtu img {
      transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
    }

    /*媒体报道*/
    .mtlb {
      display: block;
      margin-left: -16px;
    }

    .mtlb li {
      display: block;
      width: 618px;
      height: 232px;
      float: left;
      margin-left: 16px;
      margin-bottom: 18px;
      border: 1px solid #d2d2d2;
      padding: 37px;
    }

    .mttu {
      display: block;
      float: left;
      width: 253px;
      height: 156px;
      overflow: hidden;
    }

    .mtjk {
      display: block;
      margin-left: 284px;
    }

    .mtj1 {
      display: block;
      margin-bottom: 10px;
      line-height: 26px;
      color: #212121;
      font-size: 16px;
    }

    .mtj2 {
      display: block;
      height: 74px;
      margin-bottom: 6px;
      line-height: 24px;
      color: #797979;
      font-size: 12px;
    }

    .mtj3 {
      line-height: 20px;
      color: #9e9e9e;
      font-size: 12px;
    }

    .mtlb li:hover .mtj1,
    .yglb li:hover .mtj1 {
      text-indent: 6px;
      color: #e01121;
    }

    /*************************news***********************************/
    .nelb2 {
      display: block;
      margin-left: -22px;
    }

    .nelb2 li {
      display: block;
      float: left;
      margin-left: 22px;
      margin-bottom: 22px;
      width: 614px;
      height: 130px;
      overflow: hidden;
    }

    .nejk {
      float: left;
      width: 500px;
      height: 128px;
      position: relative;
      border: 1px solid #e5e5e5;
      border-right: none;
      background: #fbfbfb;
      z-index: 1;
    }

    .nejk0 {
      position: relative;
      z-index: 6;
      padding: 25px 25px 0;
    }

    .nejk1 {
      position: absolute;
      width: 0px;
      height: 100%;
      background: #e01121;
      left: 0;
      top: 0;
    }

    .nejj {
      display: block;
      width: 75px;
      float: left;
      border: 1px solid #e5e5e5;
      background: #FFF;
      padding: 39px 16px;
    }

    .neda {
      color: #676767;
      font-size: 14px;
      line-height: 26px;
      margin-bottom: 8px;
    }

    .nexti {
      display: block;
      line-height: 30px;
      font-size: 16px;
      color: #010101;
      margin-bottom: 9px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .nexti:visited {
      color: #010101;
    }

    .nexjs {
      line-height: 26px;
      font-size: 12px;
      color: #676767;
    }

    .nexjs a {
      display: block;
    }

    .nexjs a,
    .nexjs a:visited {
      color: #676767;
    }

    .nejj span {
      display: block;
      width: 50px;
      height: 50px;
      background: url(../images/xiz.png) center center no-repeat;
    }

    .nelb2 li:hover .nejk {
      border-color: #e01121;
    }

    .nelb2 li:hover .nejk1 {
      width: 100%;
    }

    .nelb2 li:hover .nexti {
      color: #fff;
      padding-left: 5px;
    }

    .nelb2 li:hover .nexjs a {
      color: #fcedde;
    }

    .nelb2 li:hover .neda {
      color: #fff;
    }

    .nelb2 li:hover .nejj span {
      background: url(../images/xiz.png) center center no-repeat;
      transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      /* IE 9 */
      -webkit-transform: rotateY(180deg);
      /* Safari and Chrome */
      -o-transform: rotateY(180deg);
      /* Opera */
      -moz-transform: rotateY(180deg);
    }

    .nelb2 li {
      transition: all 0.4s linear;
      -webkit-transition: all 0.4s linear;
      -moz-transition: all 0.4s linear;
      -o-transition: all 0.4s linear;
    }

    .nelb2,
    .nelb2 li,
    .nelb2 li:before,
    .nelb2 li:after {
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
    }





    .main_left {
      float: left;
      width: 273px;
      height: auto;
      overflow: hidden;
      z-index: 33;
    }

    .main_left .item1 {
      /*margin-top:-1px;*/
    }

    .main_left .item1 li {
      height: 50px;
      line-height: 50px;
      text-indent: 105px;
      border-bottom: 1px solid #e9e9e9;
      background: url(../images/icon08.png) #fafafa 120px 120px no-repeat;
    }

    .main_left .item1 li a {
      display: block;
      height: 50px;
      color: #e01121;
      font-size: 14px;
    }

    .main_left .item1 li:hover,
    .main_left .item1 .active {
      background: url(../images/icon08_1.png) #e01121 120px 120px no-repeat;
      color: #fff;
    }

    .main_left .item1 li:hover a:hover,
    .main_left .item1 .active a {
      color: #fff;
      text-decoration: none;
    }

    .main_left .item1 li:nth-child(1) {
      background-position: 44px 0px;
    }

    .main_left .item1 li:nth-child(2) {
      background-position: 44px -52px;
    }

    .main_left .item1 li:nth-child(3) {
      background-position: 44px -104px;
    }

    .main_left .item1 li:nth-child(4) {
      background-position: 44px -156px;
    }

    .main_left .item1 li:nth-child(5) {
      background-position: 44px -208px;
    }

    .main_left .item1 li:nth-child(6) {
      background-position: 44px -260px;
    }

    .main_left .item1 li:nth-child(7) {
      background-position: 44px -312px;
    }

    .main_right {
      float: right;
      width: 950px;
      height: auto;
      overflow: hidden;
    }

    /*标题*/

    .headline {
      height: auto;
      overflow: hidden;
      margin-top: 30px;
      margin-bottom: 50px;
    }

    .headline h3 {
      font-size: 22px;
      color: #e01121;
      border-bottom: 1px dashed #e7e7e7;
      line-height: 40px;
    }

    .headline h3 span {
      font-size: 12px;
      color: #999;
      float: right;
      background: url(../images/icon10.png) left center no-repeat;
      padding: 0 20px;
    }

    .headline h3 span a {
      color: #999;
    }

    /*公司概况*/

    .overviews {
      text-align: center;
      height: auto;
      overflow: hidden;
    }

    .overviews img {
      max-width: 864px;
    }

    .overviews p {
      line-height: 34px;
      color: #666;
      text-align: left;
      text-indent: 2em;
      margin-top: 10px;
    }

    /*发展历程*/

    .timeline {
      position: relative;
      height: auto;
      overflow: hidden;
    }

    .timeline:before {
      content: "";
      position: absolute;
      top: 0;
      left: 32px;
      margin-left: 1px;
      background-color: #dfdfdf;
      height: 100%;
      width: 2px;
      border-radius: 1px;
      display: block;
    }

    .timeline .timeline_row {
      padding-left: 20px;
      position: relative;
      z-index: 10;
      margin-bottom: 40px;
      margin-top: 20px;
    }

    .timeline .timeline_row .timeline_icon {
      position: absolute;
      top: 24px;
      left: 32px;
      margin-left: -6px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      border: 1px solid #e01121;
      background-color: #fff;
      text-align: center;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      overflow: hidden;
      padding: 3px;
      color: white;
      font-size: 14px;
      z-index: 100;
      line-height: 24px;
    }

    .timeline .timeline_row .timeline_content {
      margin-left: 20px;
      position: relative;
      color: #333333;
    }

    .year {
      width: 110px;
      height: 38px;
      line-height: 38px;
      text-indent: 10px;
      font-size: 24px;
      color: #fff;
      background-color: #bbb;
      position: relative;
      margin-left: 18px;
      margin-bottom: 20px;
    }

    .year:before {
      content: "";
      position: absolute;
      width: 0;
      left: -15px;
      bottom: 5px;
      border-top: 15px solid transparent;
      float: right;
      border-right: 15px solid #bbb;
    }

    .color_blue {
      background-color: #e01121;
    }

    .color_blue:before {
      border-right: 15px solid #e01121;
    }

    .timeline_content p {
      font-size: 18px;
      color: #444;
      line-height: 28px;
      margin-left: 20px;
    }

    /*理念与文化*/

    .culture_t {
      color: #444;
      height: auto;
      overflow: hidden;
    }

    .culture_t h3 {
      font-size: 20px;
      line-height: 30px;
    }

    .culture_c p {
      line-height: 40px;
      font-size: 16px;
    }

    .culture_c p span {
      font-size: 18px;
      color: #e01121;
    }

    .culture_b {
      margin-top: 50px;
      max-height: 324px;
      overflow: hidden;
    }

    .culture_b .culture_bl {
      width: 38%;
      float: left;
    }

    .culture_bl h4 a {
      font-size: 20px;
      color: #e01121;
      line-height: 34px;
      margin-top: 20px;
    }

    .culture_bl h5 a {
      font-size: 18px;
      line-height: 30px;
      padding-bottom: 10px;
      color: #444;
    }

    .culture_bl p {
      font-size: 14px;
      line-height: 30px;
    }

    .culture_b .culture_br {
      width: 58%;
      float: right;
    }

    .culture_b .culture_br img {
      max-width: 100%;
    }

    .culture_b .f_l {
      float: left;
    }

    .culture_b .f_r {
      float: right;
    }

    /*愿景与使命*/

    .v_mission {
      color: #444;
      height: auto;
      overflow: hidden;
    }

    .v_mtitle {
      text-align: center;
      font-size: 28px;
      line-height: 48px;
      margin-top: 20px;
    }

    .v_mission ul li {
      height: auto;
      overflow: hidden;
      width: 100%;
      display: block;
      margin-top: 50px;
    }

    .v_mission ul li:after {
      clear: both;
    }

    .v_mission ul li i {
      width: 36px;
      height: 46px;
      background: url(../images/icon12.png) 36px 180px no-repeat;
      display: inline-block;
      float: left;
    }

    .v_mission ul li:nth-child(1) i {
      background-position: 0px -8px
    }

    .v_mission ul li:nth-child(2) i {
      background-position: 0px -70px
    }

    .v_mission ul li:nth-child(3) i {
      background-position: 0px -132px
    }

    .v_mission ul li span {
      height: 100%;
      line-height: 46px;
      float: left;
      margin: 0 16px;
      font-size: 22px;
      display: block;
      float: left;
    }

    .v_mission ul li p {
      float: left;
      display: block;
      font-size: 16px;
      line-height: 30px;
      margin-top: 10px;
    }

    /*荣誉*/
    .subtype {
      line-height: 60px;
      font-size: 26px;
      border: 1px #ccc solid;
      margin-top: 10px;
      background-color: #FAFAFA;
      text-align: center;
      border-radius: 30px 30px 0 0;
      /* color: #e01121; */
    }




    .pagination {
      font-size: 14px;
      height: 41px;
      line-height: 30px;
      padding: 30px 0 0;
      text-align: center;
      overflow: hidden
    }

    .pagination a {
      color: #666;
      display: inline-block;
      font-size: 14px;
      height: 30px;
      line-height: 30px;
      padding: 0 12px;
      border-radius: 2px;
      border: 1px solid #C1C1C1;
      text-align: center;
      margin: 0 3px
    }

    .pagination a:hover,
    .pagination b {
      border: 1px solid #e01121;
      margin-top: -2px;
      background: #e01121;
      border-radius: 2px;
      color: white;
      display: inline-block;
      font-size: 14px;
      height: 30px;
      line-height: 30px;
      padding: 0 12px;
      text-align: center;
      margin: 0 3px;
      font-weight: 100
    }






    /* .box, */
    .aboutclass {
      -webkit-box-shadow: -1px 0 3px rgba(0, 0, 0, 0.1), 0 4px 3px rgba(0, 0, 0, 0.1), 1px 0 3px rgba(0, 0, 0, 0.1);
      box-shadow: -1px 0 3px rgba(0, 0, 0, 0.1), 0 4px 3px rgba(0, 0, 0, 0.1), 1px 0 3px rgba(0, 0, 0, 0.1);
      -ms-box-shadow: -1px 0 3px rgba(0, 0, 0, 0.1), 0 4px 3px rgba(0, 0, 0, 0.1), 1px 0 3px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: -1px 0 3px rgba(0, 0, 0, 0.1), 0 4px 3px rgba(0, 0, 0, 0.1), 1px 0 3px rgba(0, 0, 0, 0.1);
      -o-box-shadow: -1px 0 3px rgba(0, 0, 0, 0.1), 0 4px 3px rgba(0, 0, 0, 0.1), 1px 0 3px rgba(0, 0, 0, 0.1);
    }


    .webright .Paging span.laypage_curr {
      background: #1c7ade;
      border: 1px solid #1c7ade;
    }

    .webright .Paging a:hover {
      background: #1c7ade;
    }

    .webright .Paging .laypage_prev {
      width: 37px;
      height: 37px;
      background: url(../images/hshpage01.jpg);
      border: none;
      text-indent: -9999px;
    }

    .webright .Paging .laypage_prev:hover {
      background: url(../images/hshpage01.jpg) !important;
    }

    .webright .Paging .laypage_next {
      width: 37px;
      height: 37px;
      background: url(../images/hshpage02.jpg);
      border: none;
      text-indent: -9999px;
    }

    .webright .Paging .laypage_next:hover {
      background: url(../images/hshpage02.jpg);
    }

    .webright .laypageskin_now a,
    .webright .laypageskin_now .laypage_curr {
      width: 36px;
      height: 36px;
    }



    .web {
      width: 100%;
      margin: auto;
    }

    .box {
      width: 1200px;
      margin: auto;
      background: url("../images/index_57.gif") no-repeat #fff;
    }

    .webbg {
      width: 1200px;
    }

    .webleft {
      float: left;
	    width: 282px;
	    margin-bottom: 50px;
    }

    .webright {
      float: right;
      width: 887px;
      padding: 0 0 30px 0px;
    }

    /*模板*/
    .Withinbanner {
      width: 100%;
      height: 304px;
      overflow: hidden;
      position: relative;
    }

    .Withinbanner img {
      width: 1920px;
      height: 304px;
      display: block;
      position: absolute;
      left: 50%;
      margin-left: -960px;
    }


    .lefttitle {
      background-color: #e01121;
      height: 70px;
    }
    .lefttitle h4 {
      font-size: 20px;
      font-weight: bold;
      color: #fff;
	    line-height: 70px;
	    text-indent: 51px;
    }

    .leftclass {
      margin: 0px;
      padding: 0px;
    }

    .leftclass ul li h3 {
	  width: 282px;
      height: 57px;
    }

    .leftclass ul li h3 a {
      display: block;
      background: url("../images/index_58.png") no-repeat center;
      height: 57px;
      line-height: 57px;
      text-indent: 67px;
      font-size: 16px;
    }

    .leftclass ul li h3 a:hover {
      background: url("../images/index_59.png") no-repeat center;
      color: #fff;
    }

    .leftclass ul li h3 a.cur {
      background: url("../images/index_59.png") no-repeat center;
      color: #fff;
    }

    .leftclass ul .cur h3 a {
      background: url("../images/index_59.png") no-repeat center;
      color: #fff;
    }

    .leftclass ul li h3.last {
      height: 56px;
    }

    .leftclass ul li h3.last a {
      height: 56px;
      line-height: 56px;
    }

    .leftaisle {
      background: #e8e8e8;
    }

    .leftaisle dl {
      margin: 0px;
      padding: 0px;
    }

    .leftaisle dl dt {
      margin: 0px;
      padding: 0px;
    }

    .leftaisle dl dt img {
      width: 281px;
      height: 184px;
      display: block;
    }

    .leftaisle dl dd {
      padding: 15px;
      color: #666
    }

    .leftaisle dl dd h3 {
      font-size: 14px;
      color: #1a1a1a;
    }

    .leftaisle dl dd p {
      line-height: 21px;
      padding-top: 10px;
    }

    .leftaisle dl dd p a {
      color: #00539d;
    }

    .leftaisle dl dd p a:hover {
      color: #00539d;
    }

    .righttitle {
      border-bottom: 1px solid #d3d9de;
      color: #1a1a1a;
      font-size: 20px;
      line-height: 24px;
      padding: 8px 0px;
      overflow: hidden
    }

    .righttitle p {
      float: left;
      overflow: hidden;
    }

    .righttitle span {
      float: right;
      font-size: 12px;
    }

    .righttitle span a {}

    .SinglePage {
      font-size: 14px;
      line-height: 26px;
      color: #1a1a1a;
    }
    .SinglePage .hq-info {
      float: left;
      padding-left: 60px;
    }

    .SinglePage h3.SinglePagetitle {
      color: #00539d;
      line-height: 30px;
      font-size: 28px;
      font-weight: bold;
    }

    .SinglePage h4.SinglePagetitle {
      color: #999999;
      font-size: 18px;
      line-height: 24px;
      font-family: Arial, Helvetica, sans-serif;
      padding-top: 5px;
    }

    .SinglePage img {
      max-width: 100%;
    }

    .aboutclass {
      background: #FFF;
      padding: 0px;
      width: 100%;
      margin: 25px auto 0px;
    }

    .aboutclass ul {
      margin: 0px;
      padding: 40px 0px 40px 17px;
    }

    .aboutclass ul li {
      float: left;
      width: 260px;
      padding-left: 22px;
    }

    .aboutclass ul li a {
      width: 260px;
      display: block;
      overflow: hidden;
    }

    .aboutclass ul li img {
      display: block;
      width: 100%;
    }

    .aboutclass ul li img {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-transition: 1s all;
      -moz-transition: 1s all;
      -ms-transition: 1s all;
      -o-transition: 1s all;
      transition: 1s all;
    }

    .aboutclass ul li img:hover {
      -webkit-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -o-transform: scale(1.05);
      transform: scale(1.05);
    }

    .aboutclass ul li h3 {
      font-size: 14px;
      padding-top: 10px;
    }

    .aboutclass ul li p {
      font-size: 14px;
      color: #666;
      padding-top: 5px;
    }




    .wHonor {
      margin: 0 0 112px;
      position: relative;
      padding: 0 0 46px;
      background: url(../images/dlbg.jpg) 164px top repeat-y;
    }

    .wHonor span {
      position: absolute;
      background: url(../images/whonor01.jpg) no-repeat;
      width: 25px;
      height: 25px;
      display: block;
      left: 152px;
    }

    .wHonor span.wHonortop {
      top: 0;
    }

    .wHonor span.wHonorbottom {
      bottom: 0;
    }

    .wHonor dl {
      overflow: hidden;
      position: relative;
      padding-left: 200px;
      margin-top: 20px;
    }

    .wHonor dt {
      position: absolute;
      width: 176px;
      left: 0;
      top: 50%;
      height: 42px;
      margin-top: -21px;
    }

    .wHonorem {
      display: block;
      width: 122px;
      height: 42px;
      text-align: center;
      line-height: 42px;
      border: 1px solid #ccc;
      font-size: 18px;
      color: #1a1a1a;
    }

    .wHonori {
      display: block;
      position: absolute;
      background: url(../images/whonor02.jpg) no-repeat;
      width: 52px;
      height: 20px;
      left: 124px;
      top: 50%;
      margin-top: -10px;
    }

    .wHonor dd {
      width: 573px;
      float: left;
      border: 1px solid #ccc;
      font-size: 16px;
      color: #1a1a1a;
      line-height: 30px;
      padding: 15px 20px 15px 30px;
      position: relative;
    }

    .wHonor dd img {
      max-width: 100%;
    }
    .wHonorj {
      display: block;
      position: absolute;
      background: url(../images/whonor03.jpg) no-repeat;
      width: 14px;
      height: 22px;
      left: -14px;
      top: 50%;
      margin-top: -11px;
    }

    .SinglePage .zxxz li {
      float: left;
      width: 100%;
      line-height: 30px;
      border-bottom: 1px dotted #ccc;
    }

    .SinglePage .zxxz li span {
      float: right;
      width: 100px;
      text-align: right;
      display: block;
    }

    .photoGallery h3 {
      color: cn;
    }

    .photoGallerylist ul li.cur span {
      border: 4px solid #0d71ca;
    }

    .photointroduce {
      border-bottom: 1px solid #e8e8e8;
    }


    .photolist {
      margin: 0px;
      padding: 0 0px 0px;
      width: 900px;
      overflow: hidden;
    }

    .photolist > ul {
      margin: 0px;
      padding: 0px;
      width: 900px;
    }

    .photolist > ul li {
      float: left;
      width: 274px;
      border: 2px solid #e8e8e8;
      display: inline;
      margin: 0px 0 30px 0px;
      border: 1px solid #e8e8e8;
    }
    .photolist > ul li + li {
      margin-left: 30px;
    }
    .photolist > ul li:nth-child(3n + 1 ){
      margin-left: 0;
    }
    .photolist > ul li img {
      display: block;
      width: 100%;
    }

    .photolist > ul li p {
      font-size: 14px;
      height: 49px;
      line-height: 49px;
      overflow: hidden;
      padding: 0px 10px;
      text-align: center;
      color: #666;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .photolist > ul li .titlepic {
      width: 260px;
      height: 190px;
      overflow: hidden;
    }

    .photolist > ul li:hover {
      border: 1px solid #e01121;
    }

    .photolist > ul li:hover a p {
      color: #e01121;
    }

    /*	.subNav{border-bottom:solid 1px #e5e3da;cursor:pointer;font-weight:bold;font-size:14px;color:#999;line-height:28px;padding-left:10px;background:url(../images/jiantou1.jpg) no-repeat;background-position:95% 50%}
.subNav:hover{color:#277fc2;}
.currentDd{color:#277fc2}
.currentDt{background-image:url(../images/jiantou.jpg);}*/

    .navContent {
      display: none;
      border-bottom: solid 1px #e5e3da;
    }

    .navContent li {
      background-color: #EBEBEB;
      border-bottom: 1px solid #CCCCCC;
      border-top: 1px solid #FFFFFF;
    }

    .navContent li a {
      display: block;
      height: 45px;
      text-align: left;
      font-size: 14px;
      line-height: 45px;
      color: #333;
      padding-left: 20px;
    }

    .navContent li a:hover {
      color: #fff;
      background-color: #277fc2
    }

    .navContent .subcur a {
      color: #fff;
      background-color: #277fc2
    }


    .describewrap {
      width: 100%
    }

    .text {
      line-height: 200%;
      padding: 0 40px;
      margin-bottom: 40px;
    }

    .describewrap table {
      border-collapse: collapse;
      border: 1px solid #cccccc;
      margin: 0 auto;
      font-size: 14px;
      line-height: 30px;
    }

    .describewrap .table_top {
      background: #0f67bc;
      text-align: left;
      color: #fff;
      padding: 5px 15px;
      border: 1px solid #0f67bc;
    }

    .describewrap tr {
      border-top: 1px solid #ccc;
    }

    .describewrap tr td {
      border: 1px solid #ccc;
      padding: 20px;
    }

    .link-list a {
      display: block;
      -webkit-transition: color 300ms;
      transition: color 300ms;
      font-family: "Segoe UI", "wf_segoe-ui_normal", "Arial", sans-serif;
    }

    .link-list a span {
      float: left;
      margin-right: 15px;
    }

    .link-list p {}

    /* 日期块 */
    .date-block {
      float: left;
      padding: 0 10px;
      width: 68px;
      height: 88px;
      font: 14px/15px "Segoe UI", "wf_segoe-ui_normal", "Arial", sans-serif;
      color: #444;
      background-color: #e1e1e1;
    }

    .date-block .day {
      display: block;
      margin: 10px 0 3px 0;
      font: bold 36px/36px "Segoe UI", "wf_segoe-ui_normal", "Arial", sans-serif;
      color: #e01121;
    }

    /* 链接块 */
    .link-block {
      /* border-top:1px dotted #ccc; */
    }

    .link-block a {
      display: block;
      padding: 24px 24px 24px 0;
      height: 90px;
      border-bottom: 2px solid #e8e6e6;
      -webkit-transition: background-color 400ms;
      transition: background-color 400ms;
    }

    .link-block a:hover {
      background-color: #e1e1e1;
    }

    .link-block a:last-child {
      border-bottom: 0 none;
    }

    .link-block a .summary {
      float: left;
      margin-left: 18px;
      width: 740px;
      height: 100%;
      line-height: 18px;
      color: #666;
    }

    .link-block a h1 {
      margin-bottom: 8px;
      line-height: 26px;
      font-size: 20px;
      line-height: 40px;
    }

    .link-block a h3 {
      margin: -4px 0;
      color: #666;
    }

    .link-block a p {
      margin-top: 8px;
      height: 36px;
      line-height: 18px;
      color: #666;
      overflow: hidden;
    }





    /*Product 产品中心*/
    .product-bg {
      background-color: #fec200;
      height: 50px;
      position: relative;
    }

    .product {
      width: 1250px;
      position: relative;
      top: -50px;
      margin: 0 auto;
      background-color: #fff;
    }

    .product .product-head {
      color: #1b1a1a;
      margin-top: 10px;
      position: absolute;
    }

    .product .product-head h3 {
      width: 180px;
      float: left;
      margin: 0;
      padding: 0;
      font-weight: normal;
    }

    .product .product-head h3 a {
      color: #1b1a1a;
      text-decoration: none;
    }

    .product .search {
      width: 547px;
      height: 28px;
      background: #fff url(../images/p_search_bg.jpg) 0 50% no-repeat;
      float: left;
      margin-left: 84px;
    }

    .product .search #keyword {
      background-color: transparent;
      border: none;
      width: 500px;
      height: 24px;
      line-height: 24px;
      font-size: 12px;
      margin-left: 5px;
      float: left;
    }

    .product .search #BtnSearch {
      width: 40px;
      height: 28px;
      background: none repeat scroll 0 0 transparent;
      float: left;
    }

    .product .search-key {
      float: left;
      font-size: 12px;
      line-height: 28px;
      margin-left: 10px;
    }

    .product .search-key a {
      text-decoration: none;
      color: #1b1a1a;
      margin: 0 4px;
    }

    .product .product-menu {
      position: relative;
      top: 0;
      left: 0;
      overflow: hidden;
      width: 185px;
      float: left;
    }

    .product .product-menu .menu_head {
      width: 180px;
      height: 47px;
      line-height: 47px;
      font-size: 16px;
      color: #717880;
      cursor: pointer;
      border-left: 1px solid #e1e1e1;
      border-right: 1px solid #e1e1e1;
      border-bottom: 1px solid #e1e1e1;
      position: relative;
      background-color: #f6f6f6;
      margin: 0;
    }

    .product .product-menu .menu_head a {
      display: block;
      padding-left: 20px;
      color: #535353;
      text-decoration: none;
    }

    .product .product-menu .menu_head a:hover {
      color: #fec200;
    }

    .product .product-menu .current {}

    .product .product-menu .menu_body {
      width: 180px;
      height: auto;
      overflow: hidden;
      line-height: 38px;
      font-size: 12px;
      border-left: 1px solid #e1e1e1;
      backguound: #fff;
      border-right: 1px solid #e1e1e1;
    }

    .product .product-menu .menu_body a {
      display: block;
      width: 160px;
      height: 38px;
      line-height: 38px;
      padding-left: 20px;
      color: #535353;
      background: #fff;
      text-decoration: none;
      border-bottom: 1px solid #e1e1e1;
    }

    .product .product-menu .menu_body a:hover {
      color: #fec200;
    }

    /*Product 产品中心 详情*/
    .product-container {
      position: relative;
      padding: 10px 0;
    }

    .product-container .product-left {
      width: 460px;
      float: left;
      margin: 0 20px;
    }

    .product-container .product-right {
      width: 700px;
      float: right;
      padding-right: 10px;
    }

    .product-container .product-title {
      padding-bottom: 10px;
      color: #2e2e2e;
      border-bottom: 1px dashed #c1c1c1;
    }

    .product-container .product-title h2 {
      word-break: break-all;
      font-size: 21px;
    }

    .product-container .product-title p {}

    .product-attaibute {
      margin-top: 20px;
      /* padding:0 30px; */
    }

    .product-attaibute ul li {
      color: #585858;
      height: 100%;
      overflow: hidden;
      padding: 10px 0;
      border-bottom: 1px solid #e2e2e2;
      width: 700px;
    }

    .product-attaibute ul li .att_title {
      display: block;
      float: left;
      line-height: 20px;
      padding-right: 25px;
      width: 100px;
      text-align: right;
    }

    .product-attaibute ul li .att_val {
      display: block;
      float: left;
      line-height: 20px;
      width: 550px;
    }

    .product-attaibute ul li a {
      outline: none;
    }

    .product-container .product-content {
      margin-top: 20px;
      padding: 0 10px;
      text-align: center;
    }

    /*------图片放大镜样式-----*/
    .jqzoom {
      float: left;
      border: none;
      position: relative;
      padding: 0px;
      cursor: pointer;
      margin: 0px;
      display: block;
    }

    .zoomdiv {
      z-index: 100;
      position: absolute;
      top: 0px;
      left: 0px;
      background: #ffffff;
      border: 1px solid #CCCCCC;
      display: none;
      text-align: center;
      overflow: hidden;
    }

    .jqZoomPup {
      z-index: 10;
      visibility: hidden;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 20px;
      height: 20px;
      border: 1px solid #aaa;
      background: #ffffff
        /*url(../images/zoom.png) 50% center no-repeat*/
      ;
      opacity: 0.5;
      -moz-opacity: 0.5;
      -khtml-opacity: 0.5;
      filter: alpha(Opacity=50);
    }

    /*------图片小图预览列表---------*/
    .spec-preview {
      width: 460px;
      height: 460px;
      border: 1px solid #CCC;
    }

    .spec-preview .jqzoom img {
      width: 460px;
      height: 460px;
    }

    .spec-scroll {
      clear: both;
      margin-top: 5px;
      width: 460px;
    }

    .spec-scroll .prev {
      float: left;
      margin-right: 5px;
    }

    .spec-scroll .next {
      float: right;
    }

    .spec-scroll .prev,
    .spec-scroll .next {
      display: block;
      font-family: "宋体";
      text-align: center;
      width: 10px;
      height: 54px;
      line-height: 54px;
      border: 1px solid #CCC;
      background: #EBEBEB;
      cursor: pointer;
      text-decoration: none;
    }

    .spec-scroll .items {
      float: left;
      position: relative;
      width: 261px;
      height: 56px;
      overflow: hidden;
    }

    .spec-scroll .items ul {
      list-style: none;
      position: absolute;
      width: 999999px;
      height: 56px;
    }

    .spec-scroll .items ul li {
      float: left;
      width: 65px;
      text-align: center;
    }

    .spec-scroll .items ul li img {
      border: 1px solid #CCC;
      padding: 2px;
      width: 50px;
      height: 50px;
    }

    .spec-scroll .items ul li img:hover {
      border: 2px solid #FF6600;
      padding: 1px;
    }



    .col-md-800 {
      width: 720px;
      float: left;
      margin-left: 20px;
    }

    .col-md-400 {
      width: 460px;
      float: left;
    }

    .row {
      padding: 20px;
    }

    .content_title {
      width: 100%;
      height: 44px;
      margin-top: 20px;
    }

    /*当前位置*/
    .search_title {
      width: 1200px;
      margin: 0;
      padding: 3px 0 13px;
      font-size: 14px;
    }

    .search_title {
      line-height: 40px;
      color: #666;
    }

    .title_left {
      text-align: left;
      float: left;
    }

    .title_right {
      text-align: right;
      float: right;
    }

    #ur_here a {
      color: #666;
      text-decoration: none;
      font-size: 14px;
    }

    #ur_here {
      color: #666;
      font-size: 14px;
    }

    #ur_here span {
      color: #666;
      background: url(../images/icon10.png) left no-repeat;
      padding-left: 18px;
    }

    #ur_here code {
      font-family: "微软雅黑";
      padding: 0 5px;
      line-height: 40px;
      color: #333;
    }

    .search_title a:hover,
    #ur_here a:hover {
      color: #333;
      text-decoration: none;
      -webkit-transition: color .2s;
      -moz-transition: color 0.4s ease 0s;
      -o-transition: color .2s;
      transition: clor .2s;
    }

    /* ====================
     商品详情页面部分模块
==================== */
    /*商品图片*/
    .content_detailed {
      width: 100%;
      background: #fff;
      float: left;
      z-index: 10;
    }

    .mod_picfold {
      z-index: 99999;
    }

    .mod_picfold .prodimg {
      display: block;
      width: 460px;
      height: 460px;
      background-color: #fff;
      position: relative;
      z-index: 11;
      margin: 0;
    }

    .mod_picfold .tabbox {
      margin: 0;
      width: 460px;
      background-color: #fff;
    }

    .mod_picfold .imgtab {
      position: relative;
      padding-top: 12px;
      width: 450px;
      background-color: #fff;
    }

    .mod_picfold .imgtab .imgtab_clip {
      position: relative;
      margin-left: auto;
      margin-right: auto;
      width: 380px;
      height: 72px;
      overflow: hidden;
    }

    .mod_picfold .imgtab_con li {
      float: left;
      width: 72px;
      margin: 0 2px;
    }

    .mod_picfold .imgtab .imgtab_con li a {
      display: block;
      width: 70px;
      height: 70px;
      border: 1px solid #fff;
      float: left;
    }

    .mod_picfold .imgtab_con li img {
      width: 70px;
      height: 70px;
      display: block;
    }

    .mod_picfold .imgtab_trrigle a {
      position: absolute;
      top: 13px;
      width: 41px;
      height: 69px;
      background-image: url(../images/icon-slides.png);
      background-image: url(../images/icon-slides.png);
      background-repeat: no-repeat;
      display: inline-block;
      height: 69px;
      overflow: hidden;
      text-indent: -9999em;
      width: 41px;
    }

    .mod_picfold .imgtab_trrigle .pre_btn {
      left: 0;
      background-position: -84px center;
    }

    .mod_picfold .imgtab_trrigle .next_btn {
      right: 0px;
      background-position: -125px center;
    }

    .mod_picfold .imgtab_trrigle a:hover {
      opacity: 0.6;
    }

    .mod_picfold .imgtab_trrigle a:focus {
      outline: 0 none;
    }

    .mod_picfold .imgtab_trrigle .pre_btn:hover {
      background-position: 0 center;
    }

    .mod_picfold .imgtab_trrigle .next_btn:hover {
      background-position: -42px center;
    }

    .mod_picfold .imgtab .imgtab_con li a:hover,
    .mod_picfold .imgtab .imgtab_con li.cur a {
      border-color: #c8c7cc;
      background-color: #efeff4;
    }


    /**********详情页放大镜 开始************/
    .MagicZoomPlus img {
      width: 460px;
      height: 460px;
    }

    .mod_picfold .imgbox .prodimg .MagicZoomPup {
      width: 200px;
      height: 200px;
      position: absolute;
      left: 0;
      top: 0;
      background-color: #000;
      opacity: .3;
      filter: alpha(opacity=30);
      display: none;
      z-index: 1;
    }

    .mod_picfold .imgtab .imgtab_con li a:hover,
    .mod_picfold .imgtab .imgtab_con li.cur a {
      border-color: #c8c7cc;
      background-color: #efeff4;
    }

    /**********详情页放大镜 结束************/

    /*商品相册*/
    .picture {
      margin-top: 10px;
      text-align: center;
    }

    .picture img {
      display: inline-block;
      width: 60px;
      height: 60px;
      margin: 0 5px;
      cursor: pointer;
      zoom: 1;
      border: 3px solid #fff;
      border-radius: 5px;
    }

    .picture img.onbg {
      border: 3px solid #ededed;
    }

    .picture img.autobg {
      border: 3px solid #fff;
    }

    /*文字信息*/
    #goodsInfo .textInfo {
      padding-left: 15px;
      padding-bottom: 32px;
      position: relative;
    }

    .center_title {
      width: 100%;
      height: 56px;
      line-height: 56px;
      overflow: hidden;
      border-bottom: 1px #ededed solid;
      font-size: 22px;
    }

    .disgoods {
      margin: 10px 0;
      color: #e01121;
    }

    .center_title a {
      color: #333;
    }

    .center_title a:hover {
      color: #e01121;
      text-decoration: none;
      -webkit-transition: color .2s;
      -moz-transition: color 0.4s ease 0s;
      -o-transition: color .2s;
      transition: clor .2s;
    }

    .detail_center {
      width: 560px;
      float: left;
    }

    .center_txt {
      width: 100%;
      margin: 13px 0 0 0;
      padding: 0 0 10px 0;
      border-bottom: 1px #ededed solid;
    }

    .center_text p {
      height: 28px;
      line-height: 28px;
      font-size: 14px;
      color: #999;
      font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;
    }

    .center_text b {
      width: 100%;
      height: 28px;
      line-height: 28px;
      font-weight: normal;
      font-size: 13px;
      color: #999;
    }

    .center_text b font {
      color: #e01121;
    }

    .center_text b span {
      font-size: 18px;
      font-weight: bold;
    }

    .center_add {
      width: 100%;
      margin: 17px 0 0 0;
      float: left;
      height: 31px;
      overflow: hidden;
    }

    .center_add p {
      padding: 0 0 0 8px;
      line-height: 29px;
      font-size: 12px;
      color: #999;
      float: left;
    }

    .center_add_left {
      width: 111px;
      height: 31px;
      background: url(../images/center_add_bg.gif) 0 0 no-repeat;
      float: left;
    }

    .center_add_left a {
      width: 31px;
      height: 31px;
      cursor: pointer;
      float: left;
      display: block;
      margin-right: -1px;
    }

    .center_add_left input {
      width: 47px;
      height: 29px;
      line-height: 29px;
      text-align: center;
      background: none;
      border: none;
      font-size: 18px;
      font-family: Arial, Helvetica, sans-serif;
      color: #333;
      float: left;
      display: block;
    }

    .nextpic {
      width: 300px;
    }

    .fanhui {
      margin: 30px 90px 30px 0px
    }

    .sycp {
      float: left;
      margin-right: 300px;
      margin-left: 100px;
      width: 302px;
    }

    .sycp:last-child {
      margin-right: 90px;
      margin-left: 100px;
      width: 302px;
    }

    .xycp {
      float: left
    }

    .syp {
      display: block;
      padding: 10px 0;
    }

    .xyp {
      display: block;
      padding: 10px 0;
    }

    .syp2 {
      display: block;
      padding: 10px 0;
      text-align: center;
    }

    .sycp a,
    .xycp a {
      border: 1px solid #eee;
      display: block;
    }

    .sycp a:hover,
    .xycp a:hover {
      border: 1px solid #e01121;
    }

    .xyy {
      overflow: hidden;
      line-height: 30px;
    }

    .buytb {
      display: block;
      float: left;
      display: block;
      float: left;
      background: #e01121;
      width: 200px;
      height: 50px;
      /* border-radius: 10px; */
      text-align: center;
      line-height: 50px;
      color: #fff;
      font-weight: bold;
      font-size: 16px;
      margin-top: 18px;
      margin-left: 50px;
      border: 1px solid #e01121
    }

    .lyyd {
      display: block;
      float: left;
      /* background: #e01121; */
      width: 200px;
      height: 50px;
      /* border-radius: 10px; */
      text-align: center;
      line-height: 50px;
      color: #e01121;
      font-weight: bold;
      font-size: 16px;
      margin-top: 18px;
      margin-left: 20px;
      border: 1px solid #e01121
    }

    .lyyd:hover {
      background: #e01121;
      color: #fff
    }






    /*search_tab开始*/
    .search_tab {
      width: 100%;
      height: 282px;
      border: 1px solid #ccc;
    }

    #tabcontent {
      width: 750px;
      height: 280px;
      float: left;
      padding: 20px 0px 20px 24px;
      box-sizing: border-box;

    }

    .cbox {
      width: 100%;
      height: 240px;
    }

    .cboxleft {
      float: left;
      width: 260px;
      height: 240px;
      overflow: hidden;
    }

    .cbox .cboxright {
      float: left;
      width: 460px;
      height: 240px;
      padding: 20px 0px 0px 20px;
      box-sizing: border-box;
    }

    .cbox .cboxright1 {
      position: absolute;
      margin-left: 260px;
      /*background: red;*/
    }

    #tabcontent .cboxinput {
      background-attachment: scroll;
      cursor: auto;
      background-position: 100% 50%;
      background-repeat: no-repeat no-repeat;
      line-height: 1;
      padding: 10px 10px;
      font-size: 18px;
      word-spacing: 1px;
      border: 2px solid #cdd4d8;
      border-radius: 4px;
      color: #172630;
      background-color: #fff;
      margin: 10px 0px;
      position: relative;
    }

    #tabcontent label {
      display: inline-block;
      padding-top: 20px;
    }

    #tabcontent .input1 {
      margin-top: 20px;
      width: 360px;
    }

    #tabcontent .input3 {
      width: 380px;
    }

    #tabcontent .shuo {
      margin-top: 50px;
    }

    .input5 {
      width: 380px;
    }

    #tabcontent .shang {
      margin-top: 50px;
    }

    .input22 {
      width: 360px;
    }

    .input44 {
      width: 380px;
    }

    .cboxright button {
      outline: none;
      border: 0;
      margin-top: 15px;
    }

    .que {
      width: 76px;
      height: 36px;
      line-height: 36px;
      background-color: #007dc1;
      border-radius: 8px;
      cursor: pointer;
      color: #fdfdfd;
      font-size: 16px;
      text-decoration: none;
      margin-left: 240px;
      outline: none;
      border: none;
      margin-top: 20px;
    }

    .qingk {
      width: 76px;
      height: 36px;
      line-height: 36px;
      background-color: #d0451b;
      border-radius: 8px;
      cursor: pointer;
      color: #fdfdfd;
      font-size: 16px;
      text-decoration: none;
      margin-left: 24px;
      outline: none;
      border: none;
      margin-top: 20px;
    }

    #spin {
      display: none;
    }

    /*菜单*/
    #tabmenu {
      float: right;
      width: 270px;
      height: 280px;
    }

    #tabmenu ul {
      width: 100%;
      height: auto;
      overflow: hidden;
    }

    #tabmenu ul li {
      width: 100%;
      height: 55px;
      border-bottom: 1px dashed #ccc;
    }

    #tabmenu ul a {
      display: block;
      width: 100%;
      height: 55px;
      line-height: 1px solid #ccc;
      color: #1A1A1A;
    }



    #tabmenu a .liinfobg1 {
      background: url(../images/fw_small_ico.png) no-repeat 200px 12px;
    }

    #tabmenu a .liinfobg2 {
      background: url(../images/wl_small_ico.png) no-repeat 200px 12px;
    }

    #tabmenu a .liinfobg3 {
      background: url(../images/sy_small_ico.png) no-repeat 200px 12px;
    }

    #tabmenu a .liinfobg4 {
      background: url(../images/jf_small_ico.png) no-repeat 200px 12px;
    }

    #tabmenu a .liinfobg5 {
      background: url(../images/sp_small_ico.png) no-repeat 200px 10px;
    }

    #tabmenu li a {
      display: block;
      color: #1A1A1A;
      cursor: pointer;
      width: 100%;
      height: 55px;
      overflow: hidden;
      text-decoration: none;
    }

    #tabmenu li b {
      display: block;
      width: 200px;
      float: left;
      padding-left: 30px;
      font-size: 15px;
      color: #333;
      line-height: 30px;
      font-weight: normal;
    }

    #tabmenu li span {
      display: block;
      width: 200px;
      font-size: 12px;
      padding-left: 30px;
    }

    /*search_tab结束*/


    #tabbx ul li {
      float: left;
      background: #fff;
      width: 365px;
      height: 50px;
      margin-right: 2px;
      background: #E8E8E8;
      font-size: 16px;
      line-height: 50px;
      text-align: center;
      font-weight: bold;
      cursor: pointer;
    }

    #tabbx .on {
      background-color: #e01121;
    }

    #tabbx .on a {
      color: #fff;
    }

    .liin {}


    .cbox .cboxrightf {
      float: left;
      width: 760px;

      padding: 20px 0px 0px 20px;
      box-sizing: border-box;
      overflow: hidden;
    }

    #tabcontent3 {
      width: 750px;
      /* height: 280px; */
      float: left;
      padding: 20px 0px 100px 24px;
      box-sizing: border-box;
      overflow: hidden;

    }

    #tabcontent3 .cboxinput {
      width: 348px;
      height: 38px;
      line-height: 38px;
      background-attachment: scroll;
      cursor: auto;
      background-position: 100% 50%;
      background-repeat: no-repeat no-repeat;
      /* line-height: 1; */
      font-size: 14px;
      text-indent: 9px;
      border: 1px solid #cecece;
      border-radius: 4px;
      color: #666666;
      background-color: #fff;
      margin: 10px 0px;
      position: relative;
    }

    #tabcontent3 label {
      display: inline-block;
      padding-top: 20px;
      padding-right: 5px;
      width: 160px;
      font-size: 16px;
      text-align: right;
      line-height: 40px;
      float: left;
      color: #2f2f2f;
    }

    #tabcontent3 .input1 {
      margin-top: 20px;
    }

    #tabcontent3 .input3 {
      width: 380px;
    }

    #tabcontent3 .input4 {
      width: 339px;
      height: 152px;
      background-attachment: scroll;
      cursor: auto;
      background-position: 100% 50%;
      background-repeat: no-repeat no-repeat;
      line-height: 1;
      font-size: 14px;
      border: 1px solid #cecece;
      /* border-radius: 4px; */
      color: #666666;
      background-color: #fff;
      margin: 20px 0 0 0;
      position: relative;
      padding: 13px 9px 13px 0;
    }

    #tabcontent3 .shuo {
      margin-top: 50px;
    }

    #tabcontent3 .shang {
      margin-top: 50px;
    }

    #tabcontent3 .cboxright {}

    #tabcontent3 .mf200 {
      margin-left: 200px;
    }

    #field {
      height: 28px;
    }

    .product-content {
      padding: 0 30px;
    }

    .gjcbox {
      float: left;
      margin-left: 250px;
    }

    .sssub {
      background-color: #007dc1;
      border-radius: 5px;
      cursor: pointer;
      color: #ffffff;
      font-size: 14px;
      font-weight: bold;
      padding: 5px 20px;
      text-decoration: none;
      text-shadow: 0px 1px 0px #154682;
    }

    .ssjg {
      text-align: center;
      font-size: 16px;
      padding-bottom: 30px;
    }

    .ssjg strong {
      color: red;
      font-weight: bold;
    }

    .ssr {
      font-size: 18px;
    }

    .ssr a {
      color: #000;
      font-weight: bold;
    }

    .sstitle {
      margin-left: 22px;
      margin-top: 5px;
      line-height: 23px;
      color: #666;
    }


    .ny_icon_wyzx01 {
      display: inline-block;
      width: 101px;
      height: 30px;
      background: url(../images/ny_icon_wyzx02.png) no-repeat left center;
      float: right;
      font-weight: bold;
      color: #fff;
      line-height: 30px;
    }

    .ny_icon_wyzx01 i {
      display: inline-block;
      width: 17px;
      height: 30px;
      background: url(../images/ny_icon_wyzx01.png) no-repeat center;
      float: left;
      margin: 0px 10px;
    }

    ul.nyzxhdlistti,
    ul.nyzxhdlist {
      display: block;
      width: 100%;
      height: 37px;
      background: #ebe8e8;
      color: #0475d0;
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      margin-top: 17px;
    }

    ul.nyzxhdlist {
      background: none;
      height: 36px;
      border-bottom: 1px dashed #c7c5c5;
      margin-top: 0px;
      font-weight: normal;
      color: #5a5959;
      cursor: pointer;
    }

    ul.nyzxhdlist:hover {
      background: #f1f8ff
    }

    ul.nyzxhdlistti li {
      display: block;
      height: 37px;
      line-height: 37px;
      float: left;
    }

    ul.nyzxhdlist li {
      display: block;
      height: 36px;
      line-height: 36px;
      float: left;
    }

    ul.nyzxhdlistti li.bh,
    ul.nyzxhdlist li.bh {
      width: 150px;
    }

    ul.nyzxhdlistti li.bt,
    ul.nyzxhdlist li.bt {
      width: 414px;
    }

    ul.nyzxhdlistti li.sj,
    ul.nyzxhdlist li.sj {
      width: 140px;
    }

    ul.nyzxhdlistti li.zt,
    ul.nyzxhdlist li.zt {
      width: 90px;
    }

    .nyzxhdcont {
      margin-top: 17px;
    }

    .nyzxhdcont,
    .nyzxhdcont tr td table {
      border-top: 1px solid #e7e7e7;
      border-right: 1px solid #e7e7e7;
      color: #5a5959;
    }

    .nyzxhdcont tr td {
      border-bottom: 1px solid #e7e7e7;
      border-left: 1px solid #e7e7e7;
      line-height: 32px;
      padding: 0px 15px;
    }

    .fwzngzsjbor {
      width: 396px;
      height: 76px;
      border: 1px solid #e7e5e5;
      padding: 10px;
    }

    .fwzngzsjbor i.ny_icon_gzjs01 {
      display: inline-block;
      width: 62px;
      height: 76px;
      background: url(../images/ny_icon_gzjs01.png) no-repeat left center;
    }

    .fwzngzsjbor i.ny_icon_gzjs02 {
      display: inline-block;
      width: 85px;
      height: 76px;
      background: url(../images/ny_icon_gzjs02.png) no-repeat center;
    }




    .wraptsjbform table {
      color: #5a5959;
    }

    .wraptsjbform table td {
      padding-top: 5px;
      font-size: 13px;
    }

    .wraptsjbform table td input {
      float: left;
      border: 1px solid #e0dfdf;
      height: 21px;
      line-height: 21px;
      text-indent: 2px;
    }

    .wraptsjbform table td textarea {
      float: left;
      width: 447px;
      height: 40px;
      border: 1px solid #e0dfdf;
    }

    .wraptsjbform table td span.yzm {
      display: inline-block;
      width: 60px;
      height: 23px;
      background: #ccc;
      text-align: center;
      margin-left: 10px;
    }

    .wraptsjbform .sub {
      padding-right: 3px;
      text-align: right;

    }

    .wraptsjbform .sub input {
      border: none;
      background: #0475d0;
      width: 60px;
      height: 22px;
      color: #fff;
      margin-right: 15px;
      line-height: 22px;
      overflow: hidden;
    }

    .wraptsjbform table tr td {
      padding: 25px 0px 0px 0px;
    }


    .top_search {
      min-width: 140px;
      vertical-align: middle;
      padding-top: 5px;
      position: absolute;
      z-index: 99;
      margin-left: 20px;
    }

    .top_search input {
      width: 90px;
      height: 30px;
      line-height: 30px;
      border: 1px solid #e5e5e5;
      padding-left: 15px;
      padding-right: 35px;
      color: #999;
    }

    /*.top_search{ min-width:140px;float: left; vertical-align: middle; padding-top: 10px; position: relative;}*/
    /*.top_search input{ width:125px;height: 38px;border: 1px solid #e5e5e5; padding-left: 15px;padding-right:35px;color:#999;}*/
    .top_search input:focus {
      border: 1px solid #999999;
      color: #333333;
      width: 218px;
    }

    .top_search input::-ms-clear {
      display: none;
    }

    .top_search .search_img {
      position: absolute;
      right: 10px;
      top: 12px;
      z-index: 3;
      padding: 0;
      border: none;
    }

    .top_search .search_img {
      vertical-align: middle;
      width: 25px;
      height: 25px;
      cursor: pointer;
      background: url(../images/hn_ico25_2.png) left -53px no-repeat;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      vertical-align: middle
    }

    .top_search .search_img:hover {
      background-position: -32px -53px
    }



    /**********************news****************************/
    .nel {
      display: block;
    }

    .nel li {
      display: block;
      /* padding: 30px 0 30px; */
      padding: 30px 10px;
      border-bottom: 1px solid #d5d5d5;
      overflow: hidden;
      transition: all 0.2s linear;
    }

    .nel li:first-child {
      border-top: 1px solid #d5d5d5;
    }

    .nel li:hover {
      background-color: #f9f9f9;
    }

    .nel.out li {
      display: block;
      padding: 19px 19px 19px 19px;
      border: 1px solid #d5d5d5;
      overflow: hidden;
    }

    .nel.out li + li {
      margin-top: 30px;
    }

    .netu {
      display: block;
      width: 170px;
    }

    .netu img {
      width: 100%;
    }

    .nesh {
      display: block;
      width: 687px;
    }

    .nel.out .nesh {
      width: 680px;
    }

    .nes_1 {
      display: block;
      line-height: 24px;
      font-size: 16px;
      color: #232323;
      margin-top: -2px;
      font-weight: bold;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .nes_1 a,
    .nes_1 a:visited {
      color: #232323;
    }

    .nes_2 {
      padding-top: 5px;
      line-height: 22px;
      color: #696969;
      font-size: 14px;
      height: 46px;
      padding-bottom: 8px;
    }

    .nes_2 a {
      display: block;
      height: 46px;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .nes_2 a,
    .nes_2 a:visited {
      color: #696969;
    }

    .nel.out li .nes_2 a {
      text-indent: 28px;
    }
    .xixi {
      width: 98px;
      display: block;
      float: left;
      height: 24px;
      text-align: center;
      line-height: 24px;
      color: #5d5d5d;
      font-size: 12px;
      border: 1px solid #7d7d7d;
    }

    .xixi:visited {
      color: #5d5d5d;
    }

    .neda {
      float: right;
      line-height: 26px;
      color: #5d5d5d;
      font-size: 12px;
    }

    .nes_1 a,
    .xixi {
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear;
    }

    .nel li:hover .nes_1 a,
    .nel li:hover .xixi {
      color: #e01121;
    }

    .nel li:hover .xixi {
      border-color: #e01121;
    }

    .nel li:hover .nes_1 {
      color: #e01121;
    }


    /*视频新闻*/
    .spbgk {
      display: block;
      background: #f7f7f7;
      overflow: hidden;
      padding-bottom: 52px;
    }

    .splb {
      display: block;
      overflow: hidden;
      position: relative;
      margin-left: -20px;
      margin-top: 20px;
    }

    .splb li {
      display: block;
      background: #FFF;
      float: left;
      width: 298px;
      height: 270px;
      margin-left: 20px;
      margin-bottom: 20px;
      background: #eee
    }

    .spk {
      display: block;
      background-size: cover !important;
    }

    .spmk {
      padding: 20px 10px;
    }

    .spm1 {
      display: block;
      line-height: 30px;
      color: #363636;
      font-size: 16px;
    }

    .spm2 {
      line-height: 20px;
      font-size: 12px;
      color: #9e9e9e;
    }

    .splb li:hover .spm1 {
      text-indent: 6px;
      color: #e01121;
    }


    /* 友情链接 */
    .yqlj {
      background: #fff;
    }

    #links {
      width: 1256px;
      background: #fff;
      margin-right: auto;
      margin-left: auto;
      padding: 30px 0;
    }

    #links h2 span {
      font-size: 16px;
      font-weight: normal;
      float: right;
      margin-right: 10px;
    }

    #links li {
      line-height: 26px;
      float: left;
      padding-right: 15px;
    }

    #links li a:hover {
      color: #e01121;
    }

    #links ul {
      padding: 10px;
    }

    #links h2 {
      font-size: 22px;
      line-height: 35px;
      font-weight: 700;
      padding-left: 9px;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #ccc;
      color: #1f1a17;
    }

    .vid {
      width: 350px;
      height: 235px;
      cursor: pointer;
    }


    /*文字链接*/
    .kdk {
      display: block;
      float: left;
      margin-left: 13px;
      margin-bottom: 15px;
      width: 577px;
      height: 312px;
      border: 1px solid #d1d1d1;
      padding: 16px 22px;
    }

    .kdd-ti {
      border-left: 4px solid #e01121;
      background: #e01121;
      padding: 0 11px;
      height: 30px;
      float: left;
      line-height: 30px;
      font-size: 18px;
      color: #fff;
    }

    .bsk {
      display: block;
      border: 1px solid #dadada;
      padding: 22px;
      /* height:160px; */
      margin-bottom: 15px;
    }

    .bsjg {
      display: block;
      clear: both;
      line-height: 31px;
      color: #000;
      font-size: 14px;
    }

    .bsjg a {
      display: block;
      float: left;
      margin-right: 30px;
    }

    .bsjg a,
    .bsjg a:visited {
      color: #000;
    }

    .bsjg a:hover {
      color: #e01121;
    }

    .ylk {
      display: block;
      margin-left: -11px;
    }

    .ylk a {
      display: block;
      float: left;
      border: 1px solid #eaeaea;
      width: 229px;
      height: 78px;
      margin-left: 12px;
    }

    .ylk a:hover {
      border-color: #e01121;
    }

    /**办事交易机构滚动特效**/
    .cls_container {
      overflow: hidden;
      height: 93px;
    }

    /*图片库滚动**/
    #marquee1 {
      width: 1126px;
      height: 140px;
      overflow: hidden;
      margin: 0 auto;
    }

    #marquee1 ul li {
      float: left;
    }

    .control {
      display: block;
    }

    /*友情链接滚动*/
    .scroll table {
      empty-cells: show;
      border-collapse: collapse;
      border-spacing: 0;
    }

    .titbox {}

    .scroll {
      width: 100%;
      margin: 0 auto;
      overflow: hidden;
    }

    .scroll li {
      margin-bottom: 20px;
      float: left;
    }

    .main_image11 {
      height: 218px;
      overflow: hidden;
    }

    /*资料下载*/
    .wwdown ul li {
      padding: 0 10px;
      padding-bottom: 20px;
      padding-top: 34px;
      border-bottom: 1px dotted #ccc;
      transition: all 0.2s linear;
    }
    .wwdown ul li:first-child {
      border-top: 1px dotted #ccc;
    }
    .wwdown ul li:hover {
      background-color: #eee;
    }

    .wwdown ul li h3 {
      color: #1a1a1a;
      font-size: 18px;
      padding-bottom: 15px;
    }

    .wwdown {
      margin-top: 0;
    }

    .wwdowncl {
      float: left;
      cursor: pointer;
    }

    .wwdownicon {
      display: inline-block;
      float: right;
      width: 70px;
      height: 70px;
      border-radius: 100%;
      border: 1px solid #dedede;
      background: url(../images/wwimg22.png) no-repeat center;
      background-size: 29px auto;
    }

    .wwdown ul li span {
      display: none;
    }

    .wwdown ul li .titleUrl {
      display: block;
      width: 750px;
      height: 78px;
      float: left;
    }

    .wwdown ul li .titleUrl:hover {
      color: #009944;
    }

    .wwdown ul li .titleUrl:hover h3 {
      color: #009944;
    }



    .wraphdsearch {
      width: 100%;
      height: 42px;
      background: #e01121;
      margin-bottom: 17px;
      line-height: 42px;
    }

    .wraphdsearch span.icon {
      display: inline-block;
      width: auto;
      height: 42px;
      font-size: 16px;
      background: url(../images/ny_icon_search01.png) no-repeat left center;
      padding-left: 45px;
      color: #fff;
      float: left;
      margin-left: 10px;
    }

    .wraphdsearch span.iname {
      font-size: 16px;
      color: #fff;
      float: left;
      padding-left: 40px;
      font-size: 16px;
    }

    .wraphdsearch input.intsty {
      float: left;
      width: 160px;
      height: 28px;
      background: #fff;
      border: none;
      line-height: 28px;
      text-indent: 2px;
      margin-top: 7px;
    }

    .wraphdsearch input.intsub {
      width: 65px;
      height: 28px;
      background: #d0451b;
      text-align: center;
      line-height: 28px;
      color: #fff;
      float: left;
      margin-left: 30px;
      border: none;
      font-size: 16px;
      margin-top: 7px;
      border-radius: 5px;
      cursor: pointer;
    }

    .ma a {
      display: block;
      overflow: hidden;
    }

    .ma img {
      float: left
    }

    .ma span {
      font-size: 25px;
      line-height: 40px;
      height: 40px;
      display: block;
      float: left;
      padding-left: 8px;
      font-weight: bold;
      color: #000;
    }


    .search {
      background: #fff;
      border: 1px solid #ddd;
      position: absolute;
      float: left;
      margin: 6px 20px 0 0;
    }

    .search input[type="text"] {
      border: none;
      outline: none;
      background: none;
      font-size: 0.85em;
      font-family: 'Exo 2', sans-serif;
      color: #777;
      width: 110px;
      padding: 5px;
      -webkit-apperance: none;
      margin: 0;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
    }

    .search input[type="text"]:focus {
      width: 210px;
    }

    .search input[type="submit"] {
      border: none;
      text-indent: -9999px;
      outline: none;
      cursor: pointer;
      background: url("../images/search.png") no-repeat 0px 3px;
      width: 30px;
      height: 25px;
      padding: 5px;
    }

    .search input[type="submit"]:active {
      position: relative;
    }

    .tag-list {
      float: left;
    }



    .newsAllimg5 {
      width: 900px;
    }

    .newsAllimg5 dd {
      float: left;
      display: inline;
      width: 274px;
      margin-bottom: 30px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
      border: 1px solid #c1c1c1;
    }

    .newsAllimg5 dd + dd {
      margin-left: 30px;
    }
    .newsAllimg5 dd:nth-child(3n + 1) {
      margin-left: 0;
    }

    .newsAllimg5Pic {
      width: 100%;
      overflow: hidden;
      position: relative;
      cursor: pointer;
    }

    .newsAllimg5Pic img {
      display: block;
      width: 100%;
    }

    .newsAllimg5PicBg0 {
      display: block;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      position: absolute;
      left: 0px;
      top: 0px;
    }

    .newsAllimg5PicBg {
      display: block;
      width: 100%;
      height: 100%;
      background: url(../images/icn23.png) no-repeat center center;
      position: absolute;
      left: 0px;
      top: 0px;
    }


    .newsAllimg5Text {
      padding: 13px 10px;
      line-height: 22px;
    }

    .newsAllimg5Text span {
      display: block;
      height: 20px;
      overflow: hidden;
      color: #666;
      font-size: 14px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .newsAllimg5Text em {
      display: block;
      height: 22px;
      overflow: hidden;
      color: #999;
      font-size: 12px;
    }

    .newsAllimg5 dd:hover {
      border: 1px solid #e01121;
    }

    .newsAllimg5 dd:hover .newsAllimg5Text span {
      color: #e01121;
    }


    .newsAllimg5 dd:hover .newsAllimg5PicBg {
      animation: newsAllimg5PicBg 10s linear infinite;
      -webkit-animation: newsAllimg5PicBg 10s linear infinite;
      /* Safari �� Chrome */
      /**infinite ���Ŵ����� linear�ٶ�����Ϊ����**/
    }

    @keyframes newsAllimg5PicBg {
      0% {
        transform: rotate(0deg);
        /**ͨ�� rotate() ������Ԫ��˳ʱ����ת�����ĽǶȡ������ֵ��Ԫ�ؽ���ʱ����ת��***/
        -ms-transform: rotate(0deg);
        /* IE 9 */
        -webkit-transform: rotate(0deg);
        /* Safari and Chrome */
        -o-transform: rotate(0deg);
        /* Opera */
        -moz-transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        /* IE 9 */
        -webkit-transform: rotate(360deg);
        /* Safari and Chrome */
        -o-transform: rotate(360deg);
        /* Opera */
        -moz-transform: rotate(360deg);
      }
    }

    @-webkit-keyframes newsAllimg5PicBg

    /*Safari and Chrome*/
      {
      0% {
        transform: rotate(0deg);
        /**ͨ�� rotate() ������Ԫ��˳ʱ����ת�����ĽǶȡ������ֵ��Ԫ�ؽ���ʱ����ת��***/
        -ms-transform: rotate(0deg);
        /* IE 9 */
        -webkit-transform: rotate(0deg);
        /* Safari and Chrome */
        -o-transform: rotate(0deg);
        /* Opera */
        -moz-transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        /* IE 9 */
        -webkit-transform: rotate(360deg);
        /* Safari and Chrome */
        -o-transform: rotate(360deg);
        /* Opera */
        -moz-transform: rotate(360deg);
      }
    }

    .picfloatBox {
      position: fixed;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 10;
      display: none;
    }

    .picfloat {
      width: 660px;
      height: 430px;
      background: #FFF;
      margin: 0 auto;
      top: 50%;
      margin-top: -215px;
      position: relative;
    }

    .picfloatImg {
      width: 660px;
      height: 430px;
      background: #f1f1f1;
      position: relative;
    }

    .picfloatImg div#a1 {
      display: block;
      width: 660px;
      height: 430px;
    }

    .picfloat a.prev {
      display: block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      background: url(../images/icn24.png) no-repeat 0 0;
      position: absolute;
      left: 265px;
      bottom: -50px;
    }

    .picfloat a.prev:hover {
      background: url(../images/icn24.png) no-repeat 0 -40px;
    }

    .picfloat a.next {
      display: block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      background: url(../images/icn24.png) no-repeat -90px 0;
      position: absolute;
      left: 355px;
      bottom: -50px;
    }

    .picfloat a.next:hover {
      background: url(../images/icn24.png) no-repeat -90px -40px;
    }

    .picfloat a.picclose {
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      background: url(../images/icn24.png) no-repeat -45px 0;
      cursor: pointer;
      left: 310px;
      bottom: -50px;
    }

    .picfloat a.picclose:hover {
      background: url(../images/icn24.png) no-repeat -45px -40px;
    }

    .yzm {
      color: red;
    }

    .yzm img {
      cursor: pointer;
      margin-left: 10px;
    }

    .yzm i {
      margin-left: 15px;
    }

    .tip {
      text-align: center;
      line-height: 100px;
    }

    .hwwd a {
      width: 120px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      margin: auto;
      display: block;
      background: #e01121;
      color: #fff;
      border-radius: 7px;
      font-size: 14px;
    }

    .J_TRegion img {
      max-width: 100%
    }


    .logochrmwatdgbym img {
      display: none;
    }


    /* 当前位置 */
    .current-position {
      width: 1200px;
      height: 32px;
      background-color: #0261ac;
      border-radius: 5px;
      margin: 30px auto 40px auto;
    }

    .current-position p {
      color: #fff;
      font-size: 14px;
      text-indent: 20px;
      line-height: 30px;
    }

    .current-position p span a {
      color: #fff;
      font-size: 14px;
    }

    .webright .SinglePage .about-tec li {
      font-size: 18px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      width: 278px;	
      background-color: #fff;
      float: left;
      margin-bottom: 30px;
      border: 1px solid #cecece;
    }
    .webright .SinglePage .about-tec li + li {
      margin-left: 26px;
    }
    .webright .SinglePage .about-tec li:nth-child(3n + 1) {
      margin-left: 0;
    }
    .webright .SinglePage .about-tec li img {
      width: 100%;
      margin: 0 auto;
    }
    .webright .SinglePage .about-tec .news-title {
      padding: 9px 24px 0 24px;
      width: 226px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: #333;
    }
    .webright .SinglePage .about-tec .news-title a {
      color: #333;
      font-size: 16px;
    }
    .webright .SinglePage .about-tec .pub-time {
      display: block;
      font-size: 12px;
      color: #999;
      text-align: left;
      border-bottom: 1px solid #cecece;
      padding-bottom: 8px;
      margin: 0 24px;
    }
    .webright .SinglePage .about-tec .news-content {
      padding: 8px 24px 15px 24px;
      line-height: 20px;
    }
    .webright .SinglePage .about-tec .news-content a {
      font-size: 14px;
      color: #666;
    }
    .webright .SinglePage .about-tec .view-more-btn {
      display: block;
      width: 138px;
      height: 38px;
      line-height: 38px;
      text-align: center;
      border: 1px solid #999;
      color: #999;
      font-size: 14px;
      margin: 0 auto;
    }
    .webright .SinglePage .about-tec li:hover {
      box-shadow: 0px 5px 20px #bbb;
      background-color: #fafbfc;
    }
    .webright .SinglePage .about-tec li:hover .news-title,
    .webright .SinglePage .about-tec li:hover .news-title a,
    .webright .SinglePage .about-tec li:hover .view-more-btn {
      color: #e01121;
    }

    /* 人才理念 */
    .webright .SinglePage .rcln {
      font-size: 16px;
      color: #333;
      line-height: 24px;
    }

    .webright .SinglePage .rcln p {
      padding: 0 30px 19px 0;
    }
    .webright .SinglePage .rcln img {
      display: block;
      margin: 0 auto;
      padding-bottom: 23px;
    }
    .webright .SinglePage .rcln .zxns-video {
      display: block;
      margin: 0 auto;
      width: 100%;
    }
    .zxns-video dd {
      display: block;
      width: 463px;
      height: 198px;
      margin: 0 auto;
      margin-bottom: 27px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
      border: 1px solid #c1c1c1;
      }
      .zxns-video .newsAllimg5Pic {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative;
      cursor: pointer;
      }
      .zxns-video .newsAllimg5Pic img {
      display: block;
      width: 100%;
      height: 100%;
      }
      .zxns-video .newsAllimg5PicBg0 {
      display: block;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      position: absolute;
      left: 0px;
      top: 0px;
      }
      .zxns-video .newsAllimg5PicBg {
      display: block;
      width: 100%;
      height: 100%;
      background: url(../images/icn23.png) no-repeat center center;
      position: absolute;
      left: 0px;
      top: 0px;
      }
      .zxns-video dd .newsAllimg5Text span {
        text-align: center;
        font-size: 14px;
      }

    /* 招聘信息 */
    .webright .SinglePage .zpxx li {
      float: left;
      width: 396px;
      height: 218px;
      border: 1px solid #cecece;
      margin-bottom: 30px;
      padding: 0 19px;
      overflow-y: auto;
    }
    .webright .SinglePage .zpxx li + li {
      margin-left: 15px;
    }
    .webright .SinglePage .zpxx li:nth-child(2n + 1) {
      margin-left: 0;
    }
    .webright .SinglePage .zpxx li:hover {
      border: 1px solid #e01121;
    }
    .webright .SinglePage .zpxx li:hover .zpzw {
      color: #e01121;
    }
    .webright .SinglePage .zpxx li .zpzw {
      font-size: 16px;
      color: #333;
      padding-top: 12px;
    }
    .webright .SinglePage .zpxx li .zpyq {
      font-size: 14px;
      color: #c8c8c8;
      padding-top: 4px;
      padding-bottom: 9px;
    }
    .webright .SinglePage .zpxx li .zpyq .zpdd-icon {
      display: inline-block;
      width: 18px;
      height: 18px;
      background-image: url("../images/position-icon.png");
      background-repeat: no-repeat;
      vertical-align: middle;
    }
    .webright .SinglePage .zpxx li .zpyq .didian,
    .webright .SinglePage .zpxx li .zpyq .xingbie,
    .webright .SinglePage .zpxx li .zpyq .suishu {
      padding-right: 21px;
    }
    .webright .SinglePage .zpxx li .gwzz {
      font-size: 14px;
      color: #333;
      line-height: 29px;
    }

    /* 提交简历 */
    .webright .SinglePage .upload-form {
      /* width: 663px;
      margin: 0 auto; */
    }
    .webright .SinglePage .upload-form fieldset {
      border: none;
    }
    .webright .SinglePage .upload-form fieldset .legend {
      text-align: center;
      color: #333;
      font-size: 16px;
      font-weight: bold;
    }
    .webright .SinglePage .upload-form fieldset p {
      text-align: center;
      font-size: 14px;
      margin-top: -3px;
      padding-bottom: 33px;
    }
    .webright .SinglePage .upload-form fieldset > span {
      display: inline-block;
      width: 300px;
      text-align: right;
      margin-right: 9px;
    }
    .webright .SinglePage .upload-form fieldset > input,
    .webright .SinglePage .upload-form fieldset > select {
      font-size: 14px;
      color: #333;
      width: 356px;
      height: 26px;
      border-radius: 3px;
      border: 1px solid #c8c8c8;
      margin-bottom: 20px;
      text-indent: 5px;
    }
    .webright .SinglePage .upload-form fieldset > input {
      line-height: 26px;
    }
    .webright .SinglePage .upload-form fieldset > select,
    .webright .SinglePage .upload-form fieldset #userborn {
      text-indent: 5px;
    }
    .webright .SinglePage .upload-form fieldset #uploadfile {
      text-indent: 0;
    }
    .webright .SinglePage .upload-form fieldset > textarea {
      font-size: 14px;
      color: #333;
      width: 344px;
      height: 186px;
      border-radius: 3px;
      border: 1px solid #c8c8c8;
      margin-bottom: 20px;
      padding: 6px 5px;
    }
    .webright .SinglePage .upload-form fieldset > #uploadfile {
      border: none;
      width: 175px;
      padding-bottom: 9px;
    }
    .webright .SinglePage .upload-form fieldset .submit-btn,
    .webright .SinglePage .upload-form fieldset .reset-btn {
      width: 76px;
      height: 36px;
      border: none;
      margin-bottom: 0;
      color: #fff;
      font-size: 16px;
      border-radius: 10px;
      text-indent: 0;
    }
    .webright .SinglePage .upload-form fieldset .submit-reset-btns {
      padding-bottom: 70px;
    }
    .webright .SinglePage .upload-form fieldset .submit-reset-btns .submit-btn {
      background-color: #058ad7;
      margin-right: 60px;
      text-align: center;
    }
    .webright .SinglePage .upload-form fieldset .submit-reset-btns .reset-btn {
      background-color: #ec6941;
    }
    .webright .contact-title {
      font-size: 24px;
      color: #2f2f2f;
      text-align: center;
      padding-bottom: 49px;
      border-bottom: 1px solid #cecece;
    }

    /* 文章页 */
    .article-content {
      width: 1200px;
      margin: 0 auto;
      text-align: center;
    }
    .article-content .article-title {
      display: inline-block;
      font-size: 20px;
      color: #333;
      padding-bottom: 5px;
      border-bottom: 2px solid #0178d6;
      font-weight: bold;
      margin-bottom: 10px;
    }
    .article-content .article-pubtime,
    .article-content .article-from,
    .article-content .article-author {
      font-size: 12px;
      color: #999;
    }
    .article-content .article-content-main {
      text-align: left;
    }
    .article-content .article-content-main > iframe {
      display: block;
      max-width: 100%;
      margin: 0 auto;
    }
    .article-content .article-content-main .total-points {
      font-size: 16px;
      color: #009944;
      font-weight: bold;
      padding-bottom: 7px;
    }
    .article-content .article-content-main .para {
      font-size: 14px;
      text-indent: 28px;
      color: #333;
      line-height: 25px;
      padding-bottom: 25px;
    }
    .article-content .article-content-main img {
      display: block;
      max-width: 100%;
      margin: 0 auto;
      padding-bottom: 24px;
    }
    .article-content .article-content-main .article-video {
      display: block;
      width: 100%;
      padding-bottom: 50px;
    }
    .article-video dd {
      width: 900px;
      height: 600px;
      margin: 0 auto;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
      }
      .article-video .newsAllimg5Pic {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative;
      cursor: pointer;
      }
    
      .article-video .newsAllimg5Pic img {
      display: block;
      width: 100%;
      height: 100%;
      }
    
      .article-video .newsAllimg5PicBg0 {
      display: block;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      position: absolute;
      left: 0px;
      top: 0px;
      }
    
      .article-video .newsAllimg5PicBg {
      display: block;
      width: 100%;
      height: 100%;
      background: url(../images/icn23.png) no-repeat center center;
      position: absolute;
      left: 0px;
      top: 0px;
      }

      .article-video dd .newsAllimg5Text span {
        text-align: center;
        font-size: 14px;
      }

    .article-content .share-article {
      padding-bottom: 8px;
    }
    .article-content .share-article > span {
      display: block;
      text-align: left;
      font-size: 12px;
      color: #333;
      float: left;
      padding-top: 4px;
    }
    /* .article-content .share-article .bdsharebuttonbox > a {
      width: 24px;
      height: 24px;
      background-size: cover;
    }
    .article-content .share-article .bdsharebuttonbox .bds_qzone {
      background-position: 0 -39px;
    }
    .article-content .share-article .bdsharebuttonbox .bds_tsina {
      background-position: 0 -78px;
    }
    .article-content .share-article .bdsharebuttonbox .bds_tqq {
      background-position: 0 -195px;
    }
    .article-content .share-article .bdsharebuttonbox .bds_renren {
      background-position: 0 -156px;
    }
    .article-content .share-article .bdsharebuttonbox .bds_weixin {
      background-position: 0 -1209px;
    } */
    .article-content .article-footer {
      padding-bottom: 100px;
    }
    .article-content .article-footer .prev-article {
      margin-bottom: 10px;
    }
    .article-content .article-footer .prev-article,
    .article-content .article-footer .next-article {
      width: 100%;
      line-height: 26px;
      color: #333;
      text-align: left;
    }
    .article-content .article-footer .article-list {
      width: 100%;
      height: 40px;
      line-height: 40px;
      color: #333;
      text-align: left;
      margin: 0 auto;
      margin-top: 20px;
    }
    .article-content .article-footer .article-list a {
      display: block;
      background-color: #e01121;
      color: #fff;
      text-align: center;
    }
    .article-content .article-footer .prev-article > a,
    .article-content .article-footer .next-article > a {
      color: #0178d6;
    }

    /* 项目案例 */
    .wail {
      display: block;
    }

    .wail li {
      display: block;
      padding: 30px 0 30px;
      border-bottom: 1px solid #d5d5d5;
      overflow: hidden;
    }

    .wail li:first-child {
      padding-top: 0;
    }

    .wail.out li {
      display: block;
      padding: 19px 19px 19px 19px;
      border: 1px solid #d5d5d5;
      overflow: hidden;
    }

    .wail.out li + li {
      margin-top: 30px;
    }

    .waitu {
      display: block;
      width: 240px;
    }

    .waitu img {
      width: 100%;
    }

    .waish {
      display: block;
      width: 577px;
    }

    .wail.out .waish {
      width: 577px;
    }

    .wais_1 {
      display: block;
      line-height: 24px;
      font-size: 16px;
      color: #232323;
      margin-top: -2px;
      font-weight: bold;
    }

    .wais_1 a,
    .wais_1 a:visited {
      color: #232323;
    }

    .wais_2 {
      padding-top: 5px;
      line-height: 22px;
      color: #696969;
      font-size: 14px;
      height: 46px;
      padding-bottom: 8px;
    }

    .wais_2 a {
      display: block;
      height: 46px;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .wais_2 a,
    .wais_2 a:visited {
      color: #696969;
    }

    .wail.out li .wais_2 a {
      text-indent: 28px;
    }
    .waixixi {
      width: 98px;
      display: block;
      float: left;
      height: 24px;
      text-align: center;
      line-height: 24px;
      color: #5d5d5d;
      font-size: 12px;
      border: 1px solid #7d7d7d;
    }

    .waixixi:visited {
      color: #5d5d5d;
    }

    .waida {
      float: right;
      line-height: 26px;
      color: #5d5d5d;
      font-size: 12px;
    }

    .wais_1 a,
    .waixixi {
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear;
    }

    .wail li:hover .wais_1 a,
    .wail li:hover .waixixi {
      color: #e01121;
    }

    .wail li:hover .waixixi {
      border-color: #e01121;
    }
.article-content-main .txtUrl {
  padding: 20px 0;
}
.article-content-main .txtUrl > div > .txtTitle {
   text-align: center;
   font-size: 16px;
}

.shop-lists {
  padding: 0 20px;
  padding-bottom: 20px;
}
.shop-lists .shop-list {
  border: 1px solid #f9f9f9;
  padding: 10px;
  margin-bottom: 20px;
}
.shop-lists .shop-list a img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 10px;
}
.shop-lists .shop-list a .shop-name {
	text-align: center;
}
.shop-lists .shop-list:hover {
  border: 1px solid #e01121;
}
.shop-lists .shop-list:hover a .shop-name {
  color:  #e01121;
}