@charset "utf-8";
#owl-banner{width: 100%;max-width: 1920px;text-align: center;margin:0 auto;}
#owl-banner .item{background: #fff no-repeat center;}
#owl-banner .owl-controls{margin-top: 0;}
#owl-banner .owl-controls .owl-page span{background: #163e80;}
#owl-banner .owl-pagination{position: absolute;width: 100%;left: 0;bottom: 3%;text-align: center;}
#owl-banner .owl-buttons{}
#owl-banner .owl-buttons div{position: absolute;top:45%;text-indent: 999px;width: 41px;height: 81px;overflow: hidden;padding:0;margin:0;opacity: 1;}
#owl-banner .owl-buttons .owl-prev{left: 2%;background: url(/images/ib_l.png) no-repeat center;}
#owl-banner .owl-buttons .owl-next{right: 2%;background: url(/images/ib_r.png) no-repeat center;}
.trans{
transition: all .4s;
-webkit-transition: all .4s;
}

.y-tt{
  text-align: center;
  font-size: 20px;
  padding: 10px 0;
}


#nva85 .sub-nav{
display:none!important;
}
#nva62 .sub-nav  .sn-view{
display:none!important;
}
#nva62 .sub-nav .sn-cont{
margin-left:0!important
}

#xz-62 a.xsa{
display:block!important
}
#xz-62 dl:nth-child(5),#xz-62 dl:nth-child(6),#xz-62 dl:nth-child(7),#xz-62 dl:nth-child(8){
display:none!important
}
.main img{
max-width:100%!important;
height:auto!important;
}

h1{
  font-size:14px;
  font-weight:normal;
}
.main {
  max-width: 1920px;
  padding: 0 60px;
}
.news-list {
  /*margin-right: -40px;*/
}
.news-list .trans{
transition: all .4s;
-webkit-transition: all .4s;
}
.news-list .item {
    /*height: 502px;*/
    width:24%;
    margin:  0 .5% 0;
    border:1px solid #e4e4e4;
    border-bottom:2px solid #e4e4e4;
}
.news-list .item + .item{
    /*margin-left: 1%;*/
}
.news-list .item .img{border-bottom:1px solid #e4e4e4;}
.news .news-list{
    /*padding-top: 40px;*/
    margin-bottom: 40px;
}
.news-list.small{
    margin-bottom: 0;
}

.news-list .item:hover{
    box-shadow: 0px 0px 25px #d1d1d1;
    border-color: transparent;
    border-bottom: 2px solid #456998;
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
}
/*===========================
应用详情
===========================*/
.swiper-banner img{
  width: 100%
}


@media (min-width: 992px) {
    .clean{zoom:1;}
    .clean:after,.clean:before{display:table; content:'';}
    .clean:after{clear:both;}
    * {
      margin: 0;
      padding: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      outline: none;
      /*transition: all .8s;
      -webkit-transition: all .8s;*/
    }
    a {
      text-decoration: none;
    }
    i,
    em {
      font-style: normal;
    }
    ul,
    ol,
    dl,
    li {
      padding: 0;
      margin: 0;
      list-style: none;
    }
    img {
      max-width: 100%;
      height: auto;
      vertical-align: middle;
      border: 0;
      -ms-interpolation-mode: bicubic;
    }
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
    input,
    select,
    textarea {
      -webkit-user-select: auto;
      -moz-user-select: auto;
      vertical-align: middle;
    }
    select,
    textarea,
    input[type="text"],
    input[type="number"],
    input[type="password"] {
      padding: 5px 15px;
      width: 100%;
      height: 46px;
      background: none;
      border: 1px solid #e2e2e2;
      line-height: 34px;
      font-size: 14px;
    }
    textarea {
      padding: 10px 15px;
      height: 10em;
      line-height: 1.3;
    }
    select {
      padding: 0;
    }
    .cf {
      *zoom: 1;
    }
    .cf:before,
    .cf:after {
      display: table;
      content: " ";
    }
    .cf:after {
      clear: both;
    }
    .hide_pc{display: none!important;}
    .visible-lg,.visible-md,.visible-sm,.visible-xs {
    	display: none!important
    }

    .visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    	display: none!important
    }
    .text-center{text-align: center;}
    /*.main{transition: all 1s;}*/

    /*===========================
    全局定义
    ===========================*/
    /* 颜色 */
    /* 默认 */
    /* 高亮蓝色 */
    /* 省略文字 */
    .ell {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    /* 动画属性 */
    .tran-pty {
      transition-property: transform;
      -webkit-transition-property: -webkit-transform;
    }
    .btn {
      display: inline-block;
      padding: 0 1.5em;
      background: #17447e;
      border-radius: 5px;
      color: #fff;
      white-space: nowrap;
      line-height: 44px;
      text-align: center;
    }
    .btn.c1 {
      background: #767676;
    }
    .btn.s1 {
      font-size: 18px;
    }
    .btn.sq {
      border-radius: 0;
    }
    /*===========================
    预设
    ===========================*/
    body {
      line-height: 1.5;
      font-size: 14px;
      font-family: 5FAE8F6F96C59ED1;
      color: #333333;
      overflow-x: hidden;
    }
    a {
      color: #333333;
    }
  
    /*===========================
    布局
    ===========================*/
    .relative{position: relative;z-index: 1;}
    .wrap {
      margin: 0 auto;
      max-width: 1920px;
      width: 100%;
    }
    .main {
      margin: 50px auto;
      max-width: 1800px;
    }
    .main .category-table{display: none;}
    .b-radius-ie{position: relative;z-index:2;behavior: url(/inc/file/PIE.htc);}

    .tmp-banner{position: fixed;width: 100%;left: 0;top: -100%;z-index: 1010;}
    /*===========================
    头部
    ===========================*/
    .header {
      position: relative;
      background: #fff;
      z-index: 50;
      width: 100%;
      max-width: 1920px;
      z-index: 1000;
      border-bottom: 1px solid #e5e5e5;
      box-shadow: 0 2px 8px rgba(0,0,0,.1);
    }
    .header.index_head{
        position: fixed;
    }
    .header .inner {
      /*padding: 0 430px 0 280px;*/
      max-width: 1600px;
      margin:0 auto;
      height: 99px;
      background: #fff;
      z-index: 1000;
      position: relative;
    }
    .header .inner:before,
    .header .inner:after{
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: #fff;
        top: 0;
        content: '';
        z-index: 0;
    }
    .header .inner:before{left: 0;}
    .header .inner:after{left: 100%;}
    .header .logo {
      /*position: absolute;
      left: 4%;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);*/
      position: relative;
      z-index: 1;
      margin-top: 23px;
      float: left;
    }
    .header .nav {
      /*display: flex;
      -webkit-display: flex;*/
      width: 59%;
      float: left;
      padding-left: 13%;
      background: #fff;
    }
    .header .nav li {
    	white-space: nowrap;
      float: left;
      padding: 27px 3.2%;
      /*flex-grow: 1;
      width: initial;
      -webkit-flex-grow: 1;*/
      text-align: center;
      position: relative;
    }
    .header .nav li.tri-con:after{
        content: '';
        width: 12px;
        height: 12px;
        border: 1px solid #e4eaec;
        border-right: 0;
        border-bottom: 0;
        background: #fff;
        position: absolute;
        bottom: -7px;
        left: 50%;
        margin-left: -7px;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        display: none;
    }
    .header.IsIe .nav li.tri-con:after{opacity: 0;display: none!important;}
    .header .nav li:hover:after{display: block;}
    .header .nav li:hover .pare{
        color: #17447e;
        /*font-weight: bold;*/
    }
    .header .nav li:hover .pare span{
        border-bottom: 2px solid #17447e;
    }
    .header .nav li .pare {
        height: 45px;
        line-height: 40px;
      display: block;
      /*white-space: nowrap;*/
      color: #767676;
      font-size: 16px;
    }
    .header .nav li.tri-con .pare{position: relative;}
    .header .nav li.tri-con .pare:after{position: absolute;top: 45%;left: 103%;border: 4px solid transparent;border-top-color: #767676;content: '';}
    .header .nav li:hover.tri-con .pare:after{border-top-color: #17447e;}
    .header .nav li .pare span {
      /*display: block;*/
      height: 40px;
      line-height: 40px;
      overflow: hidden;
    }
    .header .nav li.current .pare {
      color: #17447e;
      font-weight: 700;
      border-bottom: 2px solid #17447e;
    }
    .header .nav li.current.tri-con .pare:after{border-top-color: #17447e;}
    .header .nav li.current .pare span {
      border-bottom: 2px solid #17447e;
    }
    .header .nav li .sub-nav {
      position: absolute;
      top: 100%;
      left: -305px;
      background: #fff;
      /*border-bottom: 2px solid #17447e;*/
      overflow: hidden;
      z-index: -10;
      /*-webkit-transition: all .4s;
      -moz-transition: all .4s;
      -ms-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s;*/
      text-align: left;
      width: 730px;
      padding: 0 20px;
      /*height: 0;*/
      /*display: none;*/
      visibility: hidden;
      opacity: 0;
      border: 1px solid #e4eaec;
      box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
    }
    .header .nav li:hover .sub-nav{
        /*top: 100%!important;*/
        /*height: 385px;*/
        /*display: block;*/
        visibility: visible;
    	  opacity: 1;
        z-index: 10;
        /*visibility: visible;*/
    }
    .header .nav li .sub-nav .sn-inner {
      margin: 0 auto;
     padding: 15px 0;
      *zoom: 1;
    
    }
    .header .nav li .sub-nav .sn-inner:before,
    .header .nav li .sub-nav .sn-inner:after {
      display: table;
      content: " ";
    }
    .header .nav li .sub-nav .sn-inner:after {
      clear: both;
    }
    .header .nav li .sub-nav .sn-view {
      float: left;
      width: 371px;
      position: relative;
    }
    .header .nav li .sub-nav .sn-view .tg_show{
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
    }
    .header .nav li:hover .sub-nav .sn-view .tg_show.show{
        visibility: visible;
        opacity: 1;
        position: relative;
    }
    .header .nav li .sub-nav .sn-view .img a{
        height:171px;
        display:inline-block;
        width:100%;
        background: no-repeat center top;
        background-size: contain;
        -ms-behavior: url(backgroundsize.min.htc);
        behavior: url(backgroundsize.min.htc);
    }
    .header .nav li .sub-nav .sn-view .tit {
      margin: 15px 0 5px;
      font-size: 16px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
    .header .nav li .sub-nav .sn-view .txt {
      color: #777;
      line-height: 24px;
      height: 48px;
      overflow: hidden;
      white-space: normal;
    }
    .header .nav li .sub-nav .sn-view + .sn-cont {
      margin-left: 430px;
    }
    .header .nav li .sub-nav .sn-cont .sn-item {
      line-height: 50px;
    }
    .header .nav li .sub-nav .sn-cont .sn-item a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; border-bottom: 1px solid #ddd;color: #333;}
    .header .nav li .sub-nav .sn-cont .sn-item  a:hover {
        color: #333;
        font-weight: bold;
         border-top: 1px solid #ddd;
    }
    .header .nav li .sub-nav .sn-cont .sn-item + .sn-item {
      border-top: 1px solid #ddd;
    }
    .header .nav li.pro-li{}
    /*.header .nav li.pro-li::after{display: none;}*/
    .header .nav li .sub-pro-nav{position: absolute;;top: -10000px;left: 0;max-width: 1920px;background: #fff;padding: 40px 0;border-top: 1px solid #d9d9d9;/*width: 1920px;left: -465.9px;*/}
    .header .nav li .sub-pro-nav .swiper-sub-pro{width: 1200px;padding:0 1%;}
    .header .nav li .sub-pro-nav .item{/*padding:0 25px;max-width: 175px;display: inline-block;*/width:14%;height: auto!important;}
    .header .nav li .sub-pro-nav .item + .item{border-left: 1px solid #e1e1e1;}
    .header .nav li .sub-pro-nav .item .img img{}
    .header .nav li .sub-pro-nav .item a{display: block;}
    .header .nav li .sub-pro-nav .item .n{font-size: 14px;color: #333;margin: 10px 0;word-break: break-all;}
    .header .nav li .sub-pro-nav .item .m{font-size: 12px;color: #555;}
    .header .nav li .sub-pro-nav .item:hover .n,
    .header .nav li .sub-pro-nav .item:hover .m{color: #17447e;}
    .header .nav li:hover .sub-pro-nav{top: 77px;}
    .header .nav li .sub-pro-nav.en{}
    .header .nav li .sub-pro-nav.en .item{padding:0 1%;}
    .header .nav li .sub-pro-nav.en .item .n{font-size: 12px;white-space: normal;}
    .header .nav li .sub-pro-nav .swiper-button-next,
    .header .nav li .sub-pro-nav .swiper-button-prev{width: 20px;background-size: contain;}
    .header .nav li .sub-pro-nav .swiper-button-next{right: 0;}
    .header .nav li .sub-pro-nav .swiper-button-prev{left: 0;}

    .header .tools {
        float: right;
        margin-top: 38px;
        position: relative;
        z-index: 1;
      /*position: absolute;
      right: 4%;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      *zoom: 1;*/
    }
    .header .tools:before,
    .header .tools:after {
      display: table;
      content: " ";
    }
    .header .tools:after {
      clear: both;
    }
    .header .tools > div {
      float: left;
      margin-left: 15px;
    }
    .header .tools .lang a,
    .header .tools .search .icon,
    .header .tools .hotline .icon {
      display: inline-block;
      width: 28px;
      height: 28px;
      text-align: center;
      border-radius: 100%;
    }
    .header .tools .search{
        position: relative;
    }
    .header .tools .search .icon {
      background: #cacaca;
      color: #fff;
      line-height: 28px;
    }
    .header .tools .search a.icon {
        position: relative;
        z-index: 10;
    }
    .header .tools .search .form{
        position: absolute;
        top:0%;
        right: 0%;
        z-index: 5;
    }
    .header .tools .search .form input,
    .header .tools .search .form button{
        /*visibility: hidden;
        opacity: 0;*/
        transition: all .2s;
        -webkit-transition: all .2s;
    }
    .header .tools .search .form .text{
        width:0;
        height: 28px;
        padding-right: 27px;
        padding-left: 0;
        text-indent: 10px;
        background: #fff;
        border-radius: 100px;
        padding: 2px 27px 2px 0;
        font-size: 16px;
    }
    .header .tools .search .form .sub{
        border:none;
        float: right;
        position: absolute;
        top: 0;
        right: 0;
    }
    .header .tools .search.show_form .form button{
        cursor: pointer;
    }
    .header .tools .search.show_form a.icon {
        z-index: 0;
    }
    .header .tools .search.show_form .form .text{
        width:190px;
    }
    .header .tools .hotline {
      color: #26528b;
    }
    .header .tools .hotline span {
      font-size: 16px;
    }
    .header .tools .hotline .icon {
      border: 1px solid #26528b;
      color: #26528b;
      line-height: 26px;
    }
    .header .tools .hotline em {
      margin-left: 10px;
    }
    .header .tools .lang a {
      background: #26528b;
      line-height: 28px;
      color: #fff;
      font-size: 12px;
      /*text-indent: 100px;*/
    }
    .header .tools .lang a.active {
      background: #e50006;
    }
    .header .tools .lang a.cn{
        background: #e50006 url(../images/icon_mail_0.png) no-repeat center;
    }
    .header .tools .lang a.en{
        //background: #26528b url(/images/icon_lan.png) no-repeat center;
    }
    /*.header .tools .lang a.cn{
        background-size: 70%;
        -ms-behavior: url(backgroundsize.min.htc);
        behavior: url(backgroundsize.min.htc);
    }*/
    .header .tools .lang a + a {
      margin-left: 10px;
    }
    .header .nav-trg {
      position: relative;
      padding: 0 15px;
      background: #fff;
      z-index: 10;
      font-size: 30px;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      -webkit-align-items: center;
    }
    .header .nav-trg a {
      color: #17447e;
    }
    .header .nav-mob {
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      background: rgba(255, 255, 255, 0.9);
      border-bottom: 2px solid #17447e;
      transition-property: transform;
      -webkit-transition-property: -webkit-transform;
      transition-duration: 0.5s;
      -webkit-transition-duration: 0.5s;
      transform: translateY(-100%);
      -webkit-transform: translateY(-100%);
    }
    .header .nav-mob ul li {
      line-height: 36px;
      text-align: center;
    }
    .header .nav-mob ul li + li {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    .header.show-nav .nav-mob {
      transform: translateY(0);
      -webkit-transform: translateY(0);
    }
    .wBanner img.mb{display: none;}
    .swiper-pcbanner .swiper-slide{cursor: pointer;}
    .swiper-pcbanner .swiper-slide,
    .owl-banner-lg .item{background-size: cover;}
    .swiper-pagination .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
      background: #fff;
      border-radius: 0;
      vertical-align: middle;
      opacity: 1;
      border-radius: 100px;
    }
    .swiper-pagination .swiper-pagination-bullet-active {
      background: #17447e;
    }
    .module-hd {
      padding: 25px 0;
      line-height: 1;
      text-align: center;
    }
    .module-hd h3 {
      position: relative;
      padding-bottom: 13px;
      font-weight: 400;
      text-transform: uppercase;
      font-family: arial;
      font-size: 30px;
      color: #17447e;
    }
    .module-hd h3 + p {
      margin-top: 13px;
    }
    .module-hd h3:after {
      display: block;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -17px;
      width: 34px;
      height: 3px;
      background: #ed000d;
      content: '';
    }
    .module-hd p {
      font-size: 20px;
    }
    .footer {
      /*margin-top: 90px;*/
      background: #17447e;
      position: relative;
      font-size: 13px;
    }
    .footer .links {
      position: relative;
      padding: 0 60px;
      background: #17447e;
      color: #fff;
      line-height: 60px;
      /*display: none;*/
    }
    .footer .links a {
      color: #fff;
    }
    .footer .links .lab {
      float: left;
      font-family: "微软雅黑";
      color: #fff;
    }
    .footer .links .lab:before {
      top: -2px;
      margin-right: 20px;
      font-size: 20px;
      vertical-align: middle;
    }
    .footer .links .cont {
      margin: 0 40px 0 180px;
      height: 60px;
      overflow: hidden;
    }
    .footer .links .cont ul {
      position: relative;
      *zoom: 1;
    }
    .footer .links .cont ul li {
      float: left;
      height: 60px;
      margin-right: 45px;
      white-space: nowrap;
      overflow: hidden;
    }
    .footer .links .cont ul:before,
    .footer .links .cont ul:after {
      display: table;
      content: " ";
    }
    .footer .links .cont ul:after {
      clear: both;
    }
    .footer .links .trg {
      position: absolute;
      right: 60px;
      top: 22px;
      font-size: 0;
      line-height: 0;
    }
    .footer .links .trg a {
      display: inline-block;
      width: 16px;
      height: 16px;
      font-size: 12px;
      line-height: 16px;
      text-align: center;
      color: #a7a7a7;
    }
    .footer .links .trg a:hover {
      color: #a2a2a2;
    }
    .footer .qrcode {
      position: absolute;
      right: 60px;
      top: 35px;
    }
    .footer .webmap {
      padding: 35px 18% 35px 15px;
      *zoom: 1;
    }
    .footer .webmap:before,
    .footer .webmap:after {
      display: table;
      content: " ";
    }
    .footer .webmap:after {
      clear: both;
    }
    .footer .webmap .item {
      float: left;
      width: 25%;
      padding: 0 15px 0 45px;
      border-right: 1px solid #fff;
      *
      zoom: 1;
    }
    .footer .webmap .item:before,
    .footer .webmap .item:after {
      display: table;
      content: " ";
    }
    .footer .webmap .item:after {
      clear: both;
    }
    .footer .webmap .item .tit {
      margin-bottom: 15px;
      font-size: 18px;
      font-weight: 700;
      color: #fff;
    }
    .footer .webmap .item ul {
      width: 50%;
      float: left;
    }
    .footer .webmap .item ul li {
      line-height: 30px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .footer .webmap .item ul li a {
      color: #ccc;
    }
    .footer .contacts {
      padding: 35px 4.5%;
      margin: 0 60px;
      background: #17447e;
      color: #fff;
      *
      zoom: 1;
    }
    .footer .contacts:before,
    .footer .contacts:after {
      display: table;
      content: " ";
    }
    .footer .contacts:after {
      clear: both;
    }
    .footer .contacts > div {
      float: left;
      position: relative;
      padding: 0 20px 0 80px;
    }
    .footer .contacts .icon {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      line-height: 60px;
      font-size: 40px;
      color: #979797;
    }
    .footer .contacts .lab {
      padding-left: 35px;
      border-left: 1px solid #fff;
      color: #979797;
      font-size: 16px;
      line-height: 24px;
    }
    .footer .contacts .dat {
      padding-left: 35px;
      border-left: 1px solid #fff;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .footer .contacts .dat a {
      color: #d5d5d5;
    }
    .footer .contacts .address {
      width: 40%;
    }
    .footer .contacts .address .dat{
        font-size: 18px;
        white-space: normal;
    }
    .footer .contacts .email {
      width: 35%;
    }
    .footer .contacts .email .dat {
      font-size: 20px;
    }
    .footer .contacts .hotline {
      padding-right: 0;
      width: 25%;
    }
    .footer .contacts .hotline .dat {
      font-size: 20px;
    }
    .footer .copys {
      padding: 20px 60px;
      line-height: 40px;
      color: #666;
      *zoom: 1;
      position: relative;
    }
    .footer .copys:before,
    .footer .copys:after {
      display: table;
      content: " ";
    }
    .footer .copys:after {
      clear: both;
    }
    .footer .copys .info {
      /*float: left;*/
      width: 100%;
      text-align: center;
    }
    .footer .copys .info a{color: #d5d5d5;}
    .footer .copys .share {
      /*float: right;*/
      position: absolute;
      right: 60px;
      top: 20px;
      font-size: 20px;
    }
    .footer .copys .share a {
      color: #fff;
    }
    .footer .copys .share a + a {
      margin-left: 10px;
    }
    .footer .copys .share a:hover {
      color: #aaa;
    }


    #contact-form-area {
      width:90%;
      float:left;	
      }
      
      fieldset {
      border:0;
      }
      
      form#contactform label {
      font-size:13px;
      line-height:57px;
      width:37%;
      margin-top:-11px;
      margin-bottom :0;
      float:right;
      }
      
      form#contactform input {
      width:60%;
      margin-bottom:15px;
      float:left;	
      }
      
      form#contactform textarea {
      margin-bottom:15px;
      float:left;
      overflow:hidden;	
      }
      
      form#contactform .buttoncontact {
      width:30%;
      border:none;
      display:inline-block;
      font-size:14px;
      font-family:'PT Sans', Arial, Georgia !important;
      text-transform:uppercase;
      letter-spacing:-0.5px;
      color:#fff;
      cursor:pointer;
      text-decoration:none;
      margin:0 0 10px;
      padding:6px 14px 8px 14px;
      border: 1px solid #313131; 
      background:#353535;
      background: -moz-linear-gradient(top, #4e4e4e, #353535) !important;
      background: -webkit-linear-gradient(top, #4e4e4e, #353535) !important;
      background: -o-linear-gradient(top, #4e4e4e, #353535) !important;
      -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; 
      -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; 
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
      float:left;
      }
      
      form#contactform em {
      color:#db4e43;
      display:inline;
      }
    /*===========================
    首页
    ===========================*/
    .module.recpro .module-bd {
      *zoom: 1;
    }
    .module.recpro .module-bd:before,
    .module.recpro .module-bd:after {
      display: table;
      content: " ";
    }
    .module.recpro .module-bd:after {
      clear: both;
    }
    .module.recpro .item {
      float: left;
      overflow: hidden;
      position: relative;
    }
    .module.recpro .item a,
    .module.recpro .item img {
      display: block;
      width: 100%;
    }
    .module.recpro .item img{
        transition: all .4s;
        -webkit-transition: all .4s;
    }
    .module.recpro .item:hover img{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
    .module.recpro .item.top {
      width: 51.04%;
    }
    .module.recpro .item-sub {
      float: left;
      width: 48.96%;
      *zoom: 1;
    }
    .module.recpro .item-sub:before,
    .module.recpro .item-sub:after {
      display: table;
      content: " ";
    }
    .module.recpro .item-sub:after {
      clear: both;
    }
    .module.recpro .item-sub .item {
      width: 50%;
    }
    .module.recpro .item-sub .item.wid {
      width: 100%;
    }
    .module.recpro .item.top .detail{
        width: 48%;
    }
    .module.recpro .item.wid .detail{
        width: 39%;
    }
    .module.recpro .item.lr .detail{
        width: 45%;
        top: 10%;
        left: 6%;
    }
    .module.recpro .detail{position: absolute;top: 5%;left: 5%;z-index: 10;}
    .module.recpro .detail .name{font-size: 36px;color: #333;}
    .module.recpro .detail .cate{font-size: 12px;color: #18447e;font-weight: bold;margin:0px 0 15px;}
    .module.recpro .detail .bf{font-size: 14px;color: #555;}
    .module.recpro .detail.w .name,
    .module.recpro .detail.w .cate,
    .module.recpro .detail.w .bf{
        color: #fff;
    }
    .module.recpro .item.lr .detail .name{font-size: 30px;}

    .module.recpro .more-pro {
      padding: 38px 0;
      text-align: center;
      clear: both;
    }
    .module.recpro .more-pro a {
      display: inline-block;
      padding: 0 58px;
      border: 1px solid #d9d9d9;
      border-radius: 60px;
      font-size: 18px;
      line-height: 58px;
      color: #666;
    }
    .iRecpro{}
    .iRecpro .tit{position: relative;}
    .iRecpro .tit .mo{position: absolute;bottom: 8%;right: 8%;}
    .iRecpro .tit .mo a{
      display: block;
      padding: 6px 0;
      width: 90px;
      border: 1px solid #d9d9d9;
      border-radius: 60px;
      font-size: 12px;
      color: #666;
    }
    .module.indapp .module-bd {
      padding: 0 60px;
    }
    .module.indapp ul {
      margin: 0 -2px -2px 0;
      *zoom: 1;
    }
    .module.indapp ul:before,
    .module.indapp ul:after {
      display: table;
      content: " ";
    }
    .module.indapp ul:after {
      clear: both;
    }
    .module.indapp ul li {
      position: relative;
      float: left;
      padding: 0 2px 2px 0;
      width: 16.6666%;
      text-align: center;
    }
    .module.indapp ul li a.icon {
      display: block;
      padding: 50px 10px 90px;
      background: #f6f6f6;
    }
.module.indapp ul li a.icon-glass{
background:url(../images/ya.png) no-repeat center 37% #f6f6f6!important ;
}
.module.indapp ul li a.icon-glass:before{
visibility:hidden!important
}
.module.indapp ul li:hover a.icon-glass{
background:url(../images/ya_on.png) no-repeat center 37% #f6f6f6!important;
}
    .module.indapp ul li a.icon:before {
        text-align: center;
      display: block;
      position: relative;
      height: 140px;
      z-index: 10;
      font-size: 90px;
      line-height: 140px;
      color: #666;
    }
    .module.indapp ul li a.icon em {
      display: block;
      position: relative;
      z-index: 10;
      font-size: 24px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .module.indapp ul li a.icon span {
      margin-top: 5px;
      position: relative;
      z-index: 10;
      display: block;
      color: #999;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .module.indapp ul li:after {
      display: block;
      position: absolute;
      left: 0;
      right: 2px;
      top: 0;
      bottom: 0;
      background: #fff;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
      content: '';
      opacity: 0;
      transition-property: opacity;
      -webkit-transition-property: opacity;
      transition-duration: 0.5s;
      -webkit-transition-duration: 0.5s;
    }
    .module.indapp ul li:hover {
      z-index: 10;
    }

    .module.indapp ul li:hover a.icon:before {
      color: #ed000d;
    }
    .module.indapp ul li:hover a.icon em {
      color: #ed000d;
    }
    .module.indapp ul li:hover:after {
      opacity: 1;
    }
    .module.news .module-hd {
      padding-bottom: 20px;
    }
    .module.news .module-bd {
      padding: 0 60px;
    }
    .news-slide .slide-trg ul {
      font-size: 0;
      text-align: center;
    }
    .news-slide .slide-trg ul li {
      display: inline-block;
      padding: 0 20px;
      font-size: 14px;
      line-height: 40px;
      cursor: pointer;
    }
    .news-slide .slide-trg ul li.current {
      color: #ed000d;
    }
    .news-slide .slide-trg + .slide-content {
      margin-top: 25px;
    }
    .news-slide .slide-content {
      overflow: hidden;
    }
    .news-slide .slide-content .cont-inner {
      position: relative;
      *zoom: 1;
      overflow: hidden;
    }
    .news-slide .slide-content .cont-inner:before,
    .news-slide .slide-content .cont-inner:after {
      display: table;
      content: " ";
    }
    .news-slide .slide-content .cont-inner:after {
      clear: both;
    }
    .news-slide .slide-content .cont-inner .slide-item {
      float: left;
    }
    .news-slide .slide-item {
      float: left;
    }
    .news-slide .slide-nav {
      margin-top: 50px;
      margin-bottom: 15px;
      font-size: 0;
      text-align: center;
    }
    .news-slide .slide-nav a.prev,
    .news-slide .slide-nav a.next,
    .news-slide .slide-nav span {
      display: inline-block;
      margin: 0 5px;
      height: 50px;
      background: #f1f1f1;
      border-radius: 3px;
      color: #999;
      text-align: center;
      line-height: 50px;
      vertical-align: middle;
      font-size: 20px;
    }
    .news-slide .slide-nav a.prev,
    .news-slide .slide-nav a.next {
      width: 52px;
    }
    .news-slide .slide-nav span {
      width: 80px;
      cursor: pointer;
    }
    .news-list {
      *zoom: 1;
    }
    .news-list:before,
    .news-list:after {
      display: table;
      content: " ";
    }
    .news-list:after {
      clear: both;
    }
    .news-list .item {
      /* float: left; */
      /*padding-right: 40px;*/
      /*width: 25%;*/
      display: inline-block;
    }
    .news-list .item .img a,
    .news-list .item .img img {
      display: block;
      width: 100%;
    }
    .news-list .item .tit {
      margin: 30px 0 20px;
      font-size: 16px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      text-indent: 2%;
      text-align: center;
    }
    .news-list .item .txt {
      height: 48px;
      line-height: 24px;
      color: #777;
      overflow: hidden;
      padding:0 2%;
    }
    .news-list .item .date {
      margin-top: 15px;
      /*border-bottom: 2px solid transparent;*/
      color: #999;
      padding:0 2% 20px;
    }
    .news-list .item:hover .tit a {
      color: #17447e;
    }
    .news-list .item:hover .date {
      /*border-color: #456998;*/
    }
    .news-list.small .item {
      padding: 0;
      margin-bottom: 40px;
    }
    .news-list.small .item .tit {
      margin: 15px 0 8px;
      text-align: center;
    }
    #section-news{transition: all .5s;-webkit-transition: all .5s;}

    .section.noPageScroll{height: auto!important;padding-top: 0%!important;padding-bottom: 3%;}
    .section.noPageScroll .fp-tableCell{height: auto!important;}
    .section.noPageScroll .fp-tableCell{height: auto;}
    #section-footer.noPageScroll{padding-bottom: 0!important;}
    /*===========================
    产品
    ===========================*/
    .crumbs {
      background: #17447e;
      padding: 0 60px;
      color: #fff;
    }
    .crumbs a {
      color: #fff!important;
    }
    .crumbs .crumbs-bd {
      position: relative;
      /*padding-right: 280px;*/
      max-width: 1480px;
      margin: 0 auto;
      min-height: 68px;
    }
    .crumbs .path {
      position: absolute;
      right: 0;
      top: 0;
      line-height: 68px;
      /*top: 50%;
      margin-top: -15px;
      line-height: 30px;*/
    }
    .crumbs .filter {
      *zoom: 1;
      width: 70%;
    }
    .crumbs .filter:before,
    .crumbs .filter:after {
      display: table;
      content: " ";
    }
    .crumbs .filter:after {
      clear: both;
    }
    .crumbs .filter li {
      position: relative;
      float: left;
      padding-right: 30px;
      line-height: 68px;
      overflow: hidden;
    }
    .crumbs .filter li a {
      display: block;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .crumbs .filter li.active:after {
      position: absolute;
      left: 50%;
      bottom: -1px;
      margin-left: -23px;
      font-family: icomoon;
      content: '>';
      line-height: 1;
      transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
    }
    body.productList .main {
      max-width: 1860px;
      padding: 0 20px;
      margin-top: 30px;
    }
    body.productList .module .module-hd{padding: 0 0 35px;}
    .category-list {
        /*padding: 0 20px;*/
        text-align: center;
        /*max-width: 75%;*/
        margin: 0 auto;
    }
    .category-list a{
      padding:8px 22px;
      margin: 0 7px 15px;
      border:1px solid #d7d7d7;
      border-radius: 5px;
      display: inline-block;
      font-size: 16px;
      background: linear-gradient(#b3adce, #058f96);
      transition: all .3s;
      color: #fff!important;
    }
    .category-list a:hover{
      box-shadow:0 0 6px #e87518;
      color: #fff;
    }
 
    .category-list-select{display: none;}
    .product-list {
      *zoom: 1;
    }
    .product-list:before,
    .product-list:after {
      display: table;
      content: " ";
    }
    .product-list:after {
      clear: both;
    }
    .product-list .item {
      padding: 20px;
      position: relative;
      float: left;
      width: 33.33333%;
    }
    .product-list .item .img {
      position: relative;
      z-index: 10;
      overflow:hidden;
      border: 1px solid #cecece;
    }
    .product-list .item .img img {
      display: block;
      width: 100%;
      transition: all .5s;
      -webkit-transition: all .5s;
    }
    .product-list .item:hover img{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
    .product-list .item .info {
      /*position: absolute;
      left: 8%;
      top: 25%;
      z-index: 10;*/
      margin-top: 2%;
    }
    .product-list .item .info .tit {
      font-size: 18px;
    }
    .product-list .item .info .viewdet {
      font-size: 12px;
      margin-top: 20px;
    }
    .product-list .item .info .viewdet .icon {
      font-size: 13px;
    }
    .product-list .item .info .viewdet .icon:before {
      top: 1px;
    }
    body.productDetail .detail-base {
      margin: 65px auto 105px;
      padding: 0 40px;
      max-width: 1280px;
      *zoom: 1;
    }
    body.productDetail .detail-base:before,
    body.productDetail .detail-base:after {
      display: table;
      content: " ";
    }
    body.productDetail .detail-base:after {
      clear: both;
    }
    body.productDetail .detail-base .base-view {
      position: relative;
      float: left;
      width: 50%;
      min-height: 360px;
    }
    body.productDetail .detail-base .base-view .view {
      border: 1px solid #e3e3e3;
      padding: 2px;
    }
    body.productDetail .detail-base .base-view .view img {
      display: block;
      width: 100%;
      max-height: 354px;
    }
    body.productDetail .detail-base .base-view .thumb {
      position: absolute;
      left: 100%;
      bottom: 0;
      padding: 0 35px;
      margin-left: 40px;
      width: 467px;
    }
    body.productDetail .detail-base .base-view .thumb .thumb-bd {
      position: relative;
      height: 62px;
      overflow: hidden;
    }
    body.productDetail .detail-base .base-view .thumb ul {
      position: absolute;
      left: 0;
      top: 0;
      *zoom: 1;
    }
    body.productDetail .detail-base .base-view .thumb ul:before,
    body.productDetail .detail-base .base-view .thumb ul:after {
      display: table;
      content: " ";
    }
    body.productDetail .detail-base .base-view .thumb ul:after {
      clear: both;
    }
    body.productDetail .detail-base .base-view .thumb ul li {
      float: left;
      padding-right: 15px;
    }
    body.productDetail .detail-base .base-view .thumb ul li a {
      display: block;
      border: 1px solid #c2c2c2;
    }
    body.productDetail .detail-base .base-view .thumb ul li a img {
      display: block;
      width: 86px;
      height: 60px;
    }
    body.productDetail .detail-base .base-view .thumb ul li.active a {
      border-color: #17447e;
    }
    body.productDetail .detail-base .base-view .prev,
    body.productDetail .detail-base .base-view .next {
      display: block;
      position: absolute;
      top: 50%;
      margin-top: -20px;
      line-height: 40px;
      font-size: 24px;
      font-weight: 700;
      color: #a7a7a7;
    }
    body.productDetail .detail-base .base-view .prev:hover,
    body.productDetail .detail-base .base-view .next:hover {
      color: #666;
    }
    body.productDetail .detail-base .base-view .prev {
      left: 0;
    }
    body.productDetail .detail-base .base-view .next {
      right: 0;
    }
    body.productDetail .detail-base .base-info {
      margin-left: 50%;
      padding-left: 40px;
    }
    body.productDetail .detail-base .base-info .tit {
      font-size: 22px;
    }
    body.productDetail .detail-base .base-info .type {
      margin: 10px 0;
      padding-bottom: 10px;
      border-bottom: 1px solid #dfdfdf;
    }
    body.productDetail .detail-base .base-info .txt {
      line-height: 2;
    }
    body.productDetail .detail-base .base-info .opts {
      margin-top: 40px;
    }
    body.productDetail .detail-base .base-info .opts .btn {
      min-width: 160px;
      background: none;
      border: 1px solid #dfdfdf;
      color: #333;
    }
    body.productDetail .detail-base .base-info .opts .btn:hover{
        border-color: #17447e;
        background: #17447e;
        color: #fff;
    }
    body.productDetail .detail-base .base-info .opts .btn + .btn {
      margin-left: 5px;
    }
    body.productDetail .tab-detail {
      padding: 0 40px;
      background: url(../images/product-detail-tab.jpg) repeat-x center 0;
    }
    body.productDetail .tab-detail .tab-tit {
      margin: 0 auto;
      max-width: 1200px;
      height: 77px;
      line-height: 77px;
      color: #fff;
      font-size: 22px;
      font-weight: 700;
    }
    body.productDetail .tab-detail .tab-trg {
      margin: 0 auto;
      max-width: 1200px;
    }
    body.productDetail .tab-detail .tab-trg ul {
      *zoom: 1;
    }
    body.productDetail .tab-detail .tab-trg ul:before,
    body.productDetail .tab-detail .tab-trg ul:after {
      display: table;
      content: " ";
    }
    body.productDetail .tab-detail .tab-trg ul:after {
      clear: both;
    }
    body.productDetail .tab-detail .tab-trg ul li {
      float: left;
      width: 25%;
      height: 49px;
      line-height: 49px;
      text-align: center;
    }
    body.productDetail .tab-detail .tab-trg ul li + li {
      padding-left: 1px;
    }
    body.productDetail .tab-detail .tab-trg ul li span {
      display: block;
      background: #507dad;
      color: #fff;
      cursor: pointer;
    }
    body.productDetail .tab-detail .tab-trg ul li.current span {
      background: #fff;
      color: #17447e;
    }
    body.productDetail .tab-detail .tab-content {
      margin: 0 auto;
      max-width: 1200px;
      padding: 60px 0;
    }
    body.productDetail .detail-app {
      margin: 0 auto;
      padding: 0 40px;
      max-width: 1280px;
    }
    body.productDetail .detail-app .tit {
      margin-bottom: 35px;
      font-size: 22px;
    }
    table.data-view {
      width: 100%;
    }
    table.data-view td,
    table.data-view th {
      padding: 3px 10px;
      border: 1px solid #000;
      color: #000;
      text-align: center;
    }
    .img-list {
      margin-right: -15px;
      *zoom: 1;
    }
    .img-list:before,
    .img-list:after {
      display: table;
      content: " ";
    }
    .img-list:after {
      clear: both;
    }
    .img-list .item {
      float: left;
      padding: 0 10px 10px 0;
      width: 25%;
    }
    .img-list .item a,
    .img-list .item img {
      display: block;
      width: 100%;
    }
    .img-list .item span {
      display: block;
      margin-top: 10px;
      text-align: center;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    /*===========================
    帮助中心
    ===========================*/
    body.help .main {
      padding: 0 60px;
      overflow: hidden;
    }
    .help-list {
      margin-right: -140px;
      *zoom: 1;
    }
    .help-list:before,
    .help-list:after {
      display: table;
      content: " ";
    }
    .help-list:after {
      clear: both;
    }
    .help-list .item {
      position: relative;
      float: left;
      padding-right: 140px;
      width: 50%;
      line-height: 54px;
    }
    .help-list .item > a {
      display: block;
      position: relative;
      padding: 0 40px 0 15px;
      border-bottom: 1px solid #e4e4e4;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      z-index: 10;
    }
    .help-list .item:after {
      display: block;
      position: absolute;
      right: 140px;
      top: 0;
      color: #e4e4e4;
      font-size: 24px;
      content: '+';
    }
    body.helpDetail .main {
      padding: 0 30px;
      max-width: 1460px;
      *zoom: 1;
    }
    body.helpDetail .main:before,
    body.helpDetail .main:after {
      display: table;
      content: " ";
    }
    body.helpDetail .main:after {
      clear: both;
    }
    body.helpDetail .main .side {
      float: right;
      width: 340px;
    }
    body.helpDetail .main .content {
      margin-right: 385px;
    }
    body.helpDetail .back-list {
      margin-bottom: 25px;
    }
    body.helpDetail .back-list a {
      display: block;
      border: 1px solid #d6d6d6;
      text-align: center;
      line-height: 50px;
      font-size: 16px;
    }
    body.helpDetail .back-list a.icon:before {
      color: #d6d6d6;
      top: 2px;
      margin-right: 6px;
    }
    body.helpDetail .others-tit {
      margin-bottom: 5px;
      border-bottom: 1px solid #ebebeb;
      font-weight: 700;
      line-height: 34px;
    }
    body.helpDetail .detail-title {
      font-size: 22px;
      /*text-indent: 28px;*/
    }
    body.helpDetail .detail-info {
      margin-top: 10px;
      color: #888;
      /*text-indent: 28px;*/
    }
    body.info_detail .pl,
    body.helpDetail .pl{
        text-indent: 0;
        margin-left: 28px;
    }
    body.info_detail .pl .bdsharebuttonbox:after,
    body.helpDetail .bdsharebuttonbox:after{
        display: inline;
    }
    body.info_detail .pl .detail-title{
        text-indent: 0;
    }
    body.info_detail .detail-info,
    body.helpDetail .detail-info{
        border-bottom: 1px solid #939393;
        padding-bottom: 10px;
        margin-bottom: 10px;
        text-indent: 0;
    }
    body.helpDetail .detail-info span + span {
      margin-left: 20px;
    }
    body.helpDetail .detail-cont {
      margin-top: 20px;
      padding: 20px 28px 50px;
      background: #f5f5f5;
      color: #555;
      line-height: 30px;
    }
    body.helpDetail .detail-nav {
      margin-top: 30px;
      line-height: 24px;
      *zoom: 1;
    }
    body.helpDetail .detail-nav:before,
    body.helpDetail .detail-nav:after {
      display: table;
      content: " ";
    }
    body.helpDetail .detail-nav:after {
      clear: both;
    }
    body.helpDetail .detail-nav .prev,
    body.helpDetail .detail-nav .next {
      position: relative;
      max-width: 48%;
      padding: 0 110px 0 58px;
    }
    body.helpDetail .detail-nav .prev a,
    body.helpDetail .detail-nav .next a {
      display: block;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    body.helpDetail .detail-nav .prev .lab,
    body.helpDetail .detail-nav .next .lab {
      position: absolute;
      left: 0;
      top: 0;
      font-size: 16px;
      font-weight: 700;
    }
    body.helpDetail .detail-nav .prev .date,
    body.helpDetail .detail-nav .next .date {
      position: absolute;
      right: 0;
      top: 0;
      color: #888;
    }
    body.helpDetail .detail-nav .prev .date.icon:before,
    body.helpDetail .detail-nav .next .date.icon:before {
      top: 1px;
      margin-right: 6px;
    }
    body.helpDetail .detail-nav .prev {
      float: left;
    }
    body.helpDetail .detail-nav .next {
      float: right;
    }
    .feedback{
        max-width: 1020px;
        margin:0 auto;
    }
    .feedback .form{}
    .text-list .item > a {
      display: block;
      padding: 5px 0;
      line-height: 24px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
    .text-list .item > a.icon {
      padding-left: 15px;
    }
    .text-list .item > a.icon:before {
      top: 1px;
      float: left;
      margin-left: -15px;
      font-size: 12px;
      color: #d6d6d6;
      transform: scale(0.75);
      -webkit-transform: scale(0.75);
    }
    /*===========================
    视频
    ===========================*/
    body.videos .main {
      padding: 0 45px;
      max-width: 1820px;
    }
    body.videos .news-list .item{
        margin-bottom: 15px;
    }
    .video-win {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
    }
    .video-win .video-frame {
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -280px 0 0 -442px;
      width: 884px;
      z-index: 10;
    }
    .video-win .video-cont {
      border: 2px solid #fff;
    }
    .video-win .video-close {
      display: block;
      position: absolute;
      right: -32px;
      top: 0;
      width: 32px;
      height: 32px;
      background: #17447e;
      line-height: 32px;
      text-align: center;
      color: #fff;
      font-size: 21px;
    }
    .video-win .video-tit {
      height: 56px;
      line-height: 1;
      text-align: center;
      /*font-size: 28px;*/
      font-size: 0;
      color: #fff;
      display: none;
    }
    .video-win .overlay {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
    }
    .video-win .video-js .vjs-big-play-button {
      left: 50%;
      top: 50%;
      margin: -34px 0 0 -34px;
      width: 69px;
      height: 69px;
      background: url(../images/video-hover.png) no-repeat;
      content: '';
      border: none;
    }
    .video-win .video-js .vjs-big-play-button span {
      display: none;
    }
    .video-win .video-js .vjs-big-play-button:focus,
    .video-win .video-js:hover .vjs-big-play-button {
      background: url(../images/video-hover.png) no-repeat;
    }
    .video-list {
      *zoom: 1;
    }
    .video-list:before,
    .video-list:after {
      display: table;
      content: " ";
    }
    .video-list:after {
      clear: both;
    }
    .video-list .item {
      padding: 15px;
      float: left;
      width: 33.3333%;
    }
    .video-list .item a {
      display: block;
      position: relative;
    }
    .video-list .item a img {
      display: block;
      width: 100%;
      border: 1px solid #cecece;
    }
    .video-list .item a span {
      display: block;
      /*position: absolute;
      left: 0;
      bottom: 0;*/
      padding: 0 20px;
      width: 100%;
      line-height: 54px;
      text-align: center;
      font-size: 16px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .video-list .item a:hover span {
      font-weight: 700;
    }
    .video-list .item a:hover:after {
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -34px 0 0 -34px;
      width: 69px;
      height: 69px;
      background: url(../images/video-hover.png) no-repeat;
      content: '';
    }
    .video-list .item.col-2 {
      width: 50%;
    }
    /*===========================
    在线留言
    ===========================*/
    body.message .main {
      padding: 0 40px;
      max-width: 1100px;
    }
    .form .form-item {
      *zoom: 1;
    }
    .form .form-item:before,
    .form .form-item:after {
      display: table;
      content: " ";
    }
    .form .form-item:after {
      clear: both;
    }
    .form .form-item .ipt {
      margin-left: 125px;
    }
    .form .form-label {
      float: left;
      line-height: 46px;
      width: 120px;
      text-align: right;
    }
    .form .form-label em {
      margin-right: 6px;
      color: #f00;
    }
    .form .col-2 {
      *zoom: 1;
    }
    .form .col-2:before,
    .form .col-2:after {
      display: table;
      content: " ";
    }
    .form .col-2:after {
      clear: both;
    }
    .form .col-2 .form-item {
      float: left;
      width: 50%;
    }
    .form > div + div {
      margin-top: 30px;
    }
    .form + .form-buttons {
      margin-top: 30px;
    }
    .form-buttons {
      text-align: center;
    }
    .form-buttons .btn {
      min-width: 160px;
      border: none;
      font-family: "微软雅黑"!important;
    }
    .form-buttons .btn + .btn {
      margin-left: 15px;
    }
    /*===========================
    关于我们
    ===========================*/
    body.about .module.intro .module-bd {
      max-width: 1480px;
      margin: 0 auto;
      padding: 0 40px 50px;
      line-height: 30px;
      *zoom: 1;
    }
    body.about .module.intro .module-bd .content{
        text-align:justify;
        line-height: 280%;
        /*word-break: break-all;*/
        width: 60%;
        float: left;
    }
    /*body.about .module.intro .module-bd .content span{display: block;}*/
    body.about .module.intro .module-bd .content .p{/*margin-bottom: -10px;*/font-size: 14px;}
    /*body.about .module.intro .module-bd .content .p span{
        text-align: justify;
    }
    body.about .module.intro .module-bd .content .p span:after{
        content:'.';
        width: 100%;
        display: inline-block;
        overflow: hidden;
        height: 0;
    }
    body.about .module.intro .module-bd .content .p:last-child span:after{display: none;}*/
    /*body.helpDetail .detail-cont span{margin-bottom: -20px;}
    body.helpDetail .detail-cont span{
        text-align: justify;
    }
    body.helpDetail .detail-cont span:after{
        content:'.';
        width: 100%;
        display: inline-block;
        overflow: hidden;
        height: 0;
    }*/
    body.about .module.intro .module-bd .img {
      padding: 0 0 20px 55px;
      float: right;
      width: 40%;
    }
    body.about .module.intro .module-bd .img img {
      width: 100%;
    }
    body.about .module.intro .module-bd:before,
    body.about .module.intro .module-bd:after {
      display: table;
      content: " ";
    }
    body.about .module.intro .module-bd:after {
      clear: both;
    }
    body.about .module.culture {
      background: #f6f6f6;
    }
    body.about .module.culture .module-hd {
      padding-bottom: 20px;
    }body.about .module.culture .module-bd {
      max-width: 1480px;
      margin: 0 auto;
      padding: 0 40px 50px;
    }
    body.about .module.culture .txt {
      text-align: center;
    }
    body.about .module.culture ul {
      margin: 55px 0 15px;
      *zoom: 1;
    }
    body.about .module.culture ul:before,
    body.about .module.culture ul:after {
      display: table;
      content: " ";
    }
    body.about .module.culture ul:after {
      clear: both;
    }
    body.about .module.culture ul li {
      position: relative;
      float: left;
      padding: 0 15px;
      width: 16.6666%;
    }
    body.about .module.culture ul li span {
      display: block;
      position: relative;
      z-index: 10;
    }
    body.about .module.culture ul li span img {
      display: block;
      width: 100%;
    }
    body.about .module.culture ul li span.hov {
      display: none;
    }
    body.about .module.culture ul li:hover span.int {
      display: none;
    }
    body.about .module.culture ul li:hover span.hov {
      display: block;
    }
    body.about .module.culture ul li:after {
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      right: 0;
      border-top: 1px solid #e6e6e6;
      content: '';
    }
    body.about .module.culture ul li:first-child:after {
      left: 50%;
    }
    body.about .module.culture ul li:last-child:after {
      right: 50%;
    }
    body.about .module.culture .spirit {
      text-align: center;
    }
    body.about .module.culture .spirit h3 {
      margin-bottom: 15px;
      font-weight: 400;
      font-size: 22px;
      color: #17447e;
    }
    body.about .module.history {
      min-height: 471px;
      background: #17447e url(../images/about-history-bg.jpg) no-repeat center bottom;
    }
    body.about .module.history .module-hd {
      padding-bottom: 30px;
      color: #fff;
    }
    body.about .module.history .module-hd h3 {
      color: #fff;
    }
    body.about .module.history .module-hd h3:after {
      background: #fff;
    }
    body.about .module.history .module-bd {
      color: #fff;
    }
    body.about .module.history .history-data {
      position: relative;
      margin: 0 auto;
      width: 800px;
      height: 190px;
      overflow: hidden;
    }
    body.about .module.history .history-data ul {
      position: relative;
      height: 190px;
    }
    body.about .module.history .history-data ul li {
      float: left;
      width: 800px;
      height: 190px;
      text-align: center;
    }
    body.about .module.history .history-data ul li .year {
      height: 70px;
      font: 700 50px/1 Impact;
    }
    body.about .module.history .history-data ul li .text {
      height: 90px;
      line-height: 30px;
      overflow: hidden;
    }
    body.about .module.history .history-axis {
      position: relative;
    }
    body.about .module.history .history-axis .axis-content {
      position: relative;
      margin: 0 auto;
      width: 755px;
      height: 65px;
      overflow: hidden;
      z-index: 10;
    }
    body.about .module.history .history-axis ul {
      position: relative;
      height: 65px;
    }
    body.about .module.history .history-axis ul li {
      padding-top: 32px;
      float: left;
      width: 84px;
      height: 65px;
      background: url(../images/history-scale.png) no-repeat 0 0;
      text-align: center;
      line-height: 1;
    }
    body.about .module.history .history-axis ul li.active {
      font-weight: 700;
      font-size: 16px;
    }
    body.about .module.history .history-axis:after {
      display: block;
      position: absolute;
      left: 0;
      top: 16px;
      width: 100%;
      border-top: 1px solid #fff;
      content: '';
    }
    body.about .module.history .history-nav {
      text-align: center;
    }
    body.about .module.history .history-nav a {
      display: inline-block;
      margin: 0 8px;
      width: 26px;
      height: 26px;
      background: url(../images/history-arrow.png) no-repeat;
      opacity: .6;
    }
    body.about .module.history .history-nav a:hover {
      opacity: 1;
    }
    body.about .module.history .history-nav a.next {
      background-position: -26px 0;
    }
    body.about .footer {
      margin-top: 0;
    }
    /*===========================
    招聘
    ===========================*/
    body.recruit .module.recruit-mod .module-bd {
      padding: 0 30px;
      max-width: 1720px;
      margin: 0 auto;
    }
    body.recruit .recruit-list {
      *zoom: 1;
    }
    body.recruit .recruit-list:before,
    body.recruit .recruit-list:after {
      display: table;
      content: " ";
    }
    body.recruit .recruit-list:after {
      clear: both;
    }
    body.recruit .recruit-list .item {
      float: left;
      padding: 15px 30px;
      width: 50%;
    }
    body.recruit .recruit-list .item .inner {
      position: relative;
      z-index: 10;
    }
    body.recruit .recruit-list .item .inner.show {
      z-index: 20;
    }
    body.recruit .recruit-list .item .inner:after {
      display: block;
      position: absolute;
      right: 60px;
      top: 50%;
      margin-top: -30px;
      width: 59px;
      height: 59px;
      background: url(../images/recruit-list-arrow.png) no-repeat;
      content: '';
      transform: scale(1, -1);
      -webkit-transform: scale(1, -1);
    }
    body.recruit .recruit-list .item .inner:hover,
    body.recruit .recruit-list .item .inner.show {
      z-index: 20;
    }
    body.recruit .recruit-list .item .inner:hover:after,
    body.recruit .recruit-list .item .inner.show:after {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
    body.recruit .recruit-list .item .inner:hover .info,
    body.recruit .recruit-list .item .inner.show .info {
      display: block;
    }
    body.recruit .recruit-list .item .view {
      padding: 10px 140px 0 40px;
      height: 138px;
      background: #17447e;
      color: #fff;
      z-index: 1;
      overflow: hidden;
    }
    body.recruit .recruit-list .item .view .tit {
      font-size: 18px;
    }
    body.recruit .recruit-list .item .view .sal {
      margin-top: 5px;
    }
    body.recruit .recruit-list .item .view .req {
      margin-top: 5px;
      font-size: 12px;
      line-height: 185%;
    }
    body.recruit .recruit-list .item .info {
      display: none;
      position: absolute;
      left: 0;
      top: 138px;
      padding: 25px 20px 40px;
      width: 100%;
      background: rgba(255, 255, 255, 0.95);
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
      color: #444;
      font-size: 12px;
      line-height: 24px;
      overflow: hidden;
    }
    body.recruit .recruit-list .item .info p {
      padding-left: 20px;
    }
    body.recruit .recruit-list .item .info p i {
      float: left;
      margin-left: -20px;
    }
    body.recruit .recruit-list .item .info .opt {
      padding: 35px 0 0 20px;
    }
    /*===========================
    新闻
    ===========================*/
    body.news .main {
      max-width: 1920px;
      padding: 0 60px;
    }
    body.news .news-list {
      /*margin-right: -40px;*/
    }
    .news-list .trans{
    transition: all .4s;
    -webkit-transition: all .4s;
    }
    .news-list .item {
        /*height: 502px;*/
        width: 23%;
        /* margin: 0 0.5% 0; */
        border:1px solid #e4e4e4;
        border-bottom:2px solid #e4e4e4;
    }
    .news-list .item + .item{
        /*margin-left: 1%;*/
    }
    .news-list .item .img{border-bottom:1px solid #e4e4e4;}
    body.news .news-list{
        /*padding-top: 40px;*/
        margin-bottom: 40px;
    }
    body.news .news-list.small{
        margin-bottom: 0;
    }
    .news .pagenav{margin-top: 10px;}
    .news-list .item:hover{
        box-shadow: 0px 0px 25px #d1d1d1;
        border-color: transparent;
        border-bottom: 2px solid #456998;
        transform: translate3d(0, -2px, 0);
        -webkit-transform: translate3d(0, -2px, 0);
    }
    /*===========================
    应用详情
    ===========================*/

     .appdetail-nav {
      max-width: 1320px;
      padding: 0 60px;
      margin: 45px auto 0;
      *zoom: 1;
    }
     .appdetail-nav:before,
    .appdetail-nav:after {
      display: table;
      content: " ";
    }
   .appdetail-nav:after {
      clear: both;
    }
    .appdetail-nav a {
      display: block;
      margin: 0 20px 20px 0;
      float: left;
      width: 178px;
      border: 1px solid #e0e0e0;
      text-align: center;
      line-height: 70px;
      font-size: 18px;
    }
    .appdetail-nav a:hover,
    .appdetail-nav a.active {
      border-color: #444;
      background: #444;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
      color: #fff;
    }
    /*=============================
    分页
    =============================*/
    .pagenav {
      margin-top: 50px;
      color: #555;
      text-align: center;
      font-size: 0;
    }
    .pagenav > a {
      display: inline-block;
      background: #fff;
      border: 1px solid #e5e5e5;
      height: 32px;
      line-height: 30px;
      color: #555;
      text-align: center;
      font-size: 12px;
    }
    .pagenav > a.current {
      position: relative;
      background-color: #024282;
      border-color: ;
      color: #fff;
    }
    .pagenav > a.item {
      min-width: 35px;
    }
    .pagenav > a.next,
    .pagenav > a.prev {
      padding: 0 10px;
    }
    .pagenav > a.disabled {
      color: #aaa;
    }
    .pagenav > a.disabled.press {
      background-color: #fff;
      border-color: #e5e5e5;
      color: #aaa;
      cursor: default;
    }
    .pagenav > a + a {
      margin-left: 5px;
    }
    .pagenav > a + a.next {
      margin-left: 10px;
    }
    .pagenav > a.prev + a {
      margin-left: 10px;
    }
}
/*===========================
响应页面宽度
===========================*/
@media (max-width:1280px) and (min-width: 992px){
    .header .nav li .sub-pro-nav .item{padding:0 1%;/*max-width: 155px;*/}
    .header .nav li .sub-pro-nav .item .img img{}
    .header .nav li .sub-pro-nav .item .n{font-size: 12px;}
}
@media (max-width:767px) and (min-width: 992px) {
	.visible-xs {
		display: block!important
	}

	table.visible-xs {
		display: table!important
	}

	tr.visible-xs {
		display: table-row!important
	}

	td.visible-xs,th.visible-xs {
		display: table-cell!important
	}
}

@media (max-width:767px) and (min-width: 992px) {
	.visible-xs-block {
		display: block!important
	}
}

@media (max-width:767px) and (min-width: 992px) {
	.visible-xs-inline {
		display: inline!important
	}
}

@media (max-width:767px) and (min-width: 992px) {
	.visible-xs-inline-block {
		display: inline-block!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm {
		display: block!important
	}

	table.visible-sm {
		display: table!important
	}

	tr.visible-sm {
		display: table-row!important
	}

	td.visible-sm,th.visible-sm {
		display: table-cell!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm-block {
		display: block!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm-inline {
		display: inline!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.visible-sm-inline-block {
		display: inline-block!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md {
		display: block!important
	}

	table.visible-md {
		display: table!important
	}

	tr.visible-md {
		display: table-row!important
	}

	td.visible-md,th.visible-md {
		display: table-cell!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md-block {
		display: block!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md-inline {
		display: inline!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.visible-md-inline-block {
		display: inline-block!important
	}
}

@media (min-width:1200px) {
	.visible-lg {
		display: block!important
	}

	table.visible-lg {
		display: table!important
	}

	tr.visible-lg {
		display: table-row!important
	}

	td.visible-lg,th.visible-lg {
		display: table-cell!important
	}
}

@media (min-width:1200px) {
	.visible-lg-block {
		display: block!important
	}
}

@media (min-width:1200px) {
	.visible-lg-inline {
		display: inline!important
	}
}

@media (min-width:1200px) {
	.visible-lg-inline-block {
		display: inline-block!important
	}
}

@media (max-width:767px) and (min-width: 992px) {
	.hidden-xs {
		display: none!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.hidden-sm {
		display: none!important
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.hidden-md {
		display: none!important
	}
}

@media (min-width:1200px) {
	.hidden-lg {
		display: none!important
	}
}
@media screen and (max-width: 1500px) and (min-width: 992px) {
  /*.footer .qrcode {
    top: 280px;
    right: 80px;
  }*/
  .footer .contacts > div{padding: 0 1% 0 5%;}
  .footer .contacts{
      padding: 1% 1.5%;
  }
  .footer .webmap {
    padding-right: 0;
    padding: 2% 18% 2% 15px;
  }
  .footer .webmap .item:last-child {
    border-right: none;
  }
  .footer .contacts > div {
    /*float: none;
    width: 100%!important;*/
  }
  .footer .contacts > div + div {
    /*margin-top: 1%;*/
  }
  .footer .copys .info {
    font-size: 13px;
  }
  .footer .copys{padding: 0% 60px;}
  .footer .copys .share{top: 0;}
}
@media screen and (max-width: 1600px) and (min-width: 992px) {
  .header .inner {
    width:94%;
  }
}
@media screen and (max-width: 1440px) and (min-width: 992px) {
  .header .logo {
    left: 20px;
  }
  .header .nav {
    /*padding-left: 5%;*/
    width: 70%;
  }
  .header .nav li{
      padding-left: 2.5%;
      padding-right: 2.5%;
  }
  .header .nav li .pare {
    font-size: 14px;
  }
  .header .nav li .sub-nav.small_right{
      /*left: auto;
      right:0;*/
  }
  .header .tools {
    right: 20px;
  }
  .header .tools > div {
    margin-left: 5px;
  }
  .header .tools .hotline .icon {
    cursor: pointer;
  }
  .header .tools .hotline em {
    display: none;
    position: absolute;
    right: 3%;
    top: 140%;
    padding: 5px 15px;
    background: #26528b;
    border-radius: 3px;
    color: #fff;
    white-space: nowrap;
    z-index: 100000;
  }
  .header .tools .hotline em:after {
    display: block;
    position: absolute;
    top: -8px;
    right: 72px;
    line-height: 1;
    font-family: icomoon;
    content: 'e91d';
    color: #26528b;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  .header .tools .hotline.show em {
    display: block;
  }
  .header .tools .lang a + a {
    margin-left: 0;
  }
  .index_page .module .module-hd{
      padding: 12px 0;
  }
  .index_page .module .module-hd h3{
      padding-bottom: 10px;
      font-size: 22px;
  }
  .index_page .module .module-hd h3 + p{
      margin-top: 8px;
      font-size: 16px;
  }
  .module.indapp .module-bd {
    padding: 0 60px;
  }
  .module.indapp ul li {
    width: 25%;
  }
  .module.indapp ul li a.icon {
    padding: 12% 2%;
  }
  .module.indapp ul li a.icon:before {
      height: 50px;
      font-size: 50px;
      line-height: 100%;
  }
  .module.indapp ul li a.icon em{font-size: 18px;}
  .module.indapp ul li a.icon span{font-size: 12px;}
  .module.recpro .detail{width: 100%!important;}
  .module.recpro .detail .name{font-size: 24px!important;}
  .module.recpro .item.lr .detail .name{font-size: 16px!important;}
  .module.recpro .detail .bf{display: none;}

  .news-list .item .tit{margin: 3% 0;font-size: 14px;}
  .news-list .item .date{margin-top: 2%;padding-bottom: 2%;}
  .news-slide .slide-nav{
      /*margin-top: 2%;*/
  }

  /*.footer{margin-top: 10px;}*/
  .footer .contacts .email .dat,
  .footer .contacts .hotline .dat{font-size: 16px;}
  .footer .contacts .address .dat{font-size: 14px;}
  .footer .contacts .dat,.footer .contacts .lab{padding-left: 5%;}

  .feedback{}
  .feedback .form{}
  .feedback .form .col-2{
      margin-top: 0;
  }
  .feedback .form .form-item{
      margin-top:1.3%;
  }
  .form .form-label{
      line-height: 30px;
  }
  .feedback .form input[type="text"]{
      height: 30px;
  }
  .feedback .form textarea{
      height: 6.5rem;
  }
  .header .nav li .sub-nav{
      width: 660px;
      left: -310px;
  }
  .header .nav li .sub-nav .sn-view + .sn-cont{
      margin-left: 410px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 992px) {
    .header .nav{width: 60%;}
    .header .nav li .sub-nav{display: none;}
    .header .nav li{padding: 16px 1.5%;}
}
@media screen and (max-height: 780px) {
    /*.module.indapp ul li a.icon{padding: 15px 10px 25px;}*/
    .module.recpro .module-bd{
        width: 80%;
        margin:0 auto;
    }
    .iRecpro .tit .mo{right: 10%;}
    .news-slide .slide-trg + .slide-content{margin-top: 0;}
}
@media screen and (max-height: 718px) {
    .module.indapp ul li a.icon{padding:8% 2%;}
}
@media screen and (max-height: 700px) {
    .module.indapp ul li a.icon{padding:8% 2%;}
    .module.recpro .module-bd{
        width: 100%;
        margin:0 auto;
    }
    .news-slide .slide-trg + .slide-content{margin-top: 1.5%;}
    .news-slide .slide-nav{margin-top: 3.2%;}
}
@media screen and (max-height: 640px) {
    .news-slide .slide-trg + .slide-content{margin-top: 1%;}
    /*.news-slide .slide-nav{margin-top: 1%;}*/
}
@media screen and (max-width: 1260px) and (min-width: 992px) {
  body.productList .crumbs .filter li {
    width: 16.66%;
  }
  body.productList .crumbs .filter li li {
    padding-right: 15px;
  }
  body.productList .crumbs .filter li.active:after {
    margin-left: -15px;
  }
}
@media screen and (max-width: 1120px) and (min-width: 992px) {
  body.productDetail .detail-base .base-view .thumb {
    position: relative;
    left: 0;
    padding: 0 35px;
    margin: 20px auto 0;
  }
}

/*手机版*/
@media (max-width:991px){
    @import "base.css";
    .ell {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
.module.indapp ul li a.icon-glass{
background: url(../images/ya.png) no-repeat center 25% #f6f6f6!important;
background-size: 30%!important;
}
.module.indapp ul li a.icon-glass:before{
visibility:hidden!important
}
.module.indapp ul li:hover a.icon-glass{
background: url(../images/ya_on.png) no-repeat center 25% #f6f6f6!important;
background-size: 30%!important;

}
.recruit-list {
      padding: 15px;
    }
    .recruit-list .item {
      background: #9e9e9e;
    }
    .recruit-list .item .view {
      position: relative;
      padding: 10px 15px!important;
      color: #fff!important;
background:none!important;
    }
    .recruit-list .item .view .sal {
      margin-top: 5px!important;
      font-size: 12px!important;
    }
    .recruit-list .item .view .req {
      font-size: 12px!important;
    }
    .recruit-list .item .view:after {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      content: '';
      width: 30px;
      height: 30px;
      background: url(../images/recruit-list-arrow.png) no-repeat;
      background-size: 100% 100%;
    }
    .recruit-list .item .info {
      display: none!important;
    }
    .recruit-list .item.show .info {
      display: block!important;
    }
    .recruit-list .item.show {
      background: #17447e!important;
    }
    .recruit-list .item.show .info {
      display: block!important;
      background: #eee!important;
      padding: 15px!important;
      font-size: 12px!important;
      color: #888!important;
    }
    .recruit-list .item.show .info p {
      padding-left: 18px!important;
    }
    .recruit-list .item.show .info p i {
      float: left;
      margin-left: -18px!important;
    }
    .recruit-list .item.show .info p + p {
      margin-top: 5px!important;
    }
    .recruit-list .item.show .info .opt {
      margin: 15px 0 0 18px!important;
    }
    .recruit-list .item + .item {
      margin-top: 15px!important;
    }
    .module-hd h3 {
      position: relative!important;
      padding-bottom: 8px!important;
      text-transform: uppercase!important;
      font-family: arial!important;
      font-size: 18px!important;
      color: #17447e!important;
      text-align: center
    }
      .module-hd h3 + p {
      margin-top: 8px;
      text-align: center
    }
    .detail-base .base-view{
      width: 100%!important;
height:auto!important
    }
    .base-info{
      width: 100%!important;
      margin-left: 0!important;
      padding-left: 0!important
    }
.base-info img{
max-width:100%
}
    .module-hd h3:after {
      display: block;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -10px;
      width: 20px;
      height: 2px;
      background: #ed000d;
      content: '';
    }

    .flex {
      display: -webkit-flex;
      display: flex;
    }
    .fx-jc {
      justify-content: center;
      -webkit-justify-content: center;
    }
    .fx-jcb {
      justify-content: space-between;
      -webkit-justify-content: space-between;
    }
    .fx-ai {
      align-items: center;
      -webkit-align-items: center;
    }
    .fx-g {
      flex-grow: 1;
      -webkit-flex-grow: 1;
    }
    .fx-s {
      flex-shrink: 0;
      -webkit-flex-shrink: 0;
    }
    .fx-w {
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
    }
    /* 动画属性 */
    .tran-pty {
      transition-property: transform;
      -webkit-transition-property: -webkit-transform;
    }
    .btn {
      display: inline-block;
      padding: 0 1.5em;
      background: #17447e;
      border-radius: 5px;
      color: #fff;
      white-space: nowrap;
      line-height: 44px;
      text-align: center;
    }
    .btn.c1 {
      background: #767676;
    }
    .btn.s1 {
      font-size: 18px;
    }
    .btn.s2 {
      padding: 0 1em;
      font-size: 12px;
      line-height: 30px;
    }
    .btn.sq {
      border-radius: 0;
    }
    .clean{zoom:1;}
    .clean:after,.clean:before{display:table; content:'';}
    .clean:after{clear:both;}
    /*===========================
    预设
    ===========================*/
    body {
      line-height: 1.5;
      font-size: 14px;
      font-family: 5FAE8F6F96C59ED1;
      color: #333333;
    }
    a {
      color: #333333;
    }
    i,
    em {
      font-style: normal;
    }
    textarea,
    input[type="number"],
    input[type="text"] {
      display: block;
      padding: 0 10px;
      width: 100%;
      height: 30px;
      border: none;
      background: #fff;
      color: #333;
      line-height: 30px;
      font-size: 14px;
    }
    input[type="number"] {
      width: 120%;
    }
    textarea {
      padding: 7px 10px 5px;
      height: 48px;
      line-height: 18px;
    }
    :placeholder {
      color: #aaa;
    }
    :-moz-placeholder {
      color: #aaa;
    }
    ::-webkit-input-placeholder {
      color: #aaa;
    }
    /*===========================
    布局
    ===========================*/
    .hide_mobile{display: none!important;}
    .wrap {
      overflow: hidden;
    }
    .tmp-banner{display: none;}
    .bottom-banner{position: fixed;width: 100%;left: 0;bottom: 0%;z-index: 1010;}
    .bottom-banner .close{right: 0%;top: 0;height: 100%;position: absolute;text-align: left;z-index: 1020;width: 8%;}
    .bottom-banner .close span{background: rgba(0,0,0,.5);border-radius: 100px;width: 20px;height: 20px;line-height: 17px;color: #fff;font-size: 1.2rem;display: inline-block;transform: rotate(45deg);text-align: center;vertical-align: middle;}
    .bottom-banner .close .i{display: inline-block;vertical-align: middle;height: 100%;}
    /*===========================
    头部
    ===========================*/
    .header {
      position: relative;
      background: #fff;
      z-index: 20;
      display: -webkit-flex;
      display: flex;
    }
    .header .logo {
      position: relative;
      padding: 10px 15px;
      background: #fff;
      z-index: 10;
      display: -webkit-flex;
      display: flex;
      flex-grow: 1;
      -webkit-flex-grow: 1;
      align-items: center;
      -webkit-align-items: center;
      float: left;
    }
    .header .logo img {
      height: 30px;
    }
    .header .nav-trg {
      position: relative;
      padding: 0 15px;
      background: #fff;
      z-index: 10;
      font-size: 30px;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      -webkit-align-items: center;
      float: right;
    }
    .header .cwrap{
        width: 100%;
        display: -webkit-flex;
        display: flex;
        background: #fff;
        position: relative;
        z-index: 100;
    }
    .header .nav-trg a {
      color: #17447e;
      float: left;
    }
    .header .nav-trg .home{
        max-width: 22px;
        margin-top: -5px;
        margin-right: 10px;
    }
    .header .nav {
      position: absolute;
      left: 0;
      top: -297px;
      width: 100%;
      background: #fff;
      border-bottom: 2px solid #17447e;
      transition-property: top;
      -webkit-transition-property: top;
      transition-duration: 0.5s;
      -webkit-transition-duration: 0.5s;
    }
    .header .nav ul li {
      line-height: 36px;
      text-align: center;
    }
    .header .nav ul li{
      border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    .header.show-nav .nav {
      top:100%;
    }
    .wBanner{/*min-height: 200px;background: #fff no-repeat 25% center/cover;*/}
    /*.wBanner img,.banner img{visibility: hidden;}*/
    /*===========================
    首页
    ===========================*/
    .index_page .swiper-slide{max-height: 400px;height: auto!important;background: #fff no-repeat center/cover;text-align: center;}
    .index_page .swiper-pagination .swiper-pagination-bullet {
      width: 20px;
      height: 1px;
      background: #fff;
      border-radius: 0;
      vertical-align: middle;
      opacity: 1;
    }
    .index_page .swiper-pagination .swiper-pagination-bullet-active {
      width: 30px;
      height: 3px;
    }
    .module .module-hd {
      padding: 25px 0 20px;
      line-height: 1;
      text-align: center;
    }
    .module .module-hd h3 {
      position: relative;
      padding-bottom: 8px;
      text-transform: uppercase;
      font-family: arial;
      font-size: 18px;
      color: #17447e;
    }
    .module .module-hd h3 + p {
      margin-top: 8px;
    }
    .module .module-hd h3:after {
      display: block;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -10px;
      width: 20px;
      height: 2px;
      background: #ed000d;
      content: '';
    }
    .module.recpro .item
    {
        max-width: 100%;
        margin: 10px auto 0;
    }
    .module.recpro .item{
      margin-top: 1px;
      text-align: center;
      position: relative;
    }
    .module.recpro .item-sub{

    }
    .module.recpro .item-sub:before,
    .module.recpro .item-sub:after {
      display: table;
      content: " ";
    }
    .module.recpro .item-sub:after {
      clear: both;
    }
    .module.recpro .item-sub .item{
        width: 50%;
        float: left;
    }
    .module.recpro .item-sub .item.wid{
        width: 100%;
        float: none;
    }
    .module.recpro .item-sub:before,
    .module.recpro .item-sub:after{
      display: table;
      content: " ";
    }
    .module.recpro .item-sub:after {
      clear: both;
    }
    .module.recpro .item-sub .item {
      width: 50%;
    }
    .module.recpro .item-sub .item.wid{
      width: 100%;
    }
    .module.recpro .item.top .detail{
        width: 100%;
    }
    .module.recpro .item.wid .detail{
        width: 100%;
    }
    .module.recpro .item.lr .detail{
        width: 100%;
        top: 10%;
        left: 6%;
    }
    .module.recpro .detail{position: absolute;top: 5%;left: 5%;z-index: 10;text-align: left;width: 100%;}
    .module.recpro .item img{width: 100%;}
    .module.recpro .detail .name{font-size: 22px;color: #333;}
    .module.recpro .detail .cate{font-size: 12px;color: #666;font-weight: bold;margin:0px 0 15px;}
    .module.recpro .detail .bf{font-size: 13px;color: #555;display: none;}
    .module.recpro .detail.w .name,
    .module.recpro .detail.w .cate,
    .module.recpro .detail.w .bf{
        color: #fff;
    }
    /*.module.recpro .item.lr .detail .name{font-size: 30px;}*/

    .module.indapp ul {
      padding: 1px 1px 0 0;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
    }
    .module.indapp ul li {
      padding: 0 0 1px 1px;
      width: 24.5%;
      text-align: center;
      line-height: 1;
    }
    .module.indapp ul li a.icon {
      display: block;
      padding: 15px 5px;
      background: #f6f6f6;
    }
    .module.indapp ul li a.icon:before {
      display: block;
      font-size: 36px;
    }
    .module.indapp ul li a.icon.press {
      color: #fff;
      background: #17447e;
    }
    .module.indapp ul li em {
      display: block;
      margin: 10px 0 6px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .module.indapp ul li span {
      display: block;
      font-size: 8px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .module.news .news-tab .tab-trg ul {
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      -webkit-justify-content: center;
    }
    .module.news .news-tab .tab-trg ul li + li {
      margin-left: 15px;
    }
    .module.news .news-tab .tab-trg ul li.current {
      color: #ed000d;
    }
    .module.news .news-tab .tab-content {
      margin-top: 20px;
    }
    .module.news .news-nav {
      margin-top: 15px;
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      -webkit-justify-content: center;
    }
    .module.news .news-nav a,
    .module.news .news-nav span {
      margin: 0 3px;
      padding-top: 2px;
      width: 36px;
      background: #f1f1f1;
      border-radius: 3px;
      line-height: 28px;
      font-size: 16px;
      text-align: center;
      color: #999;
    }
    .module.news .news-nav span {
      width: 48px;
    }
    .news-list .item {
      display: block;
      border-bottom: 1px solid #c5c5c5;
      padding:2.5% 2%;
      position: relative;
      float: left;
      width: 94%;
    }
    .news-list .item .img{
        width: 35%;
        float: left;
        margin-right: 2%;
    }
    .news-list .item .img img {
      display: block;
      width: 100%;
    }
    .news-list .item .fr{
        float: right;
        width:62%;
    }
    .news-list .item.noPic .fr{
        width: 100%;
        float: none;
    }
    .news-list .item .tit {
      margin: 0 0 6px;
      font-size: 16px;
      color: #17447e;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
    .news-list .item .txt {
      /*margin: 0 20px;*/
      height: 32px;
      font-size: 12px;
      line-height: 16px;
      color: #777;
      overflow: hidden;
          padding-bottom: 2%;
    }
    .news-list .item .date {
      /*margin: 5px 0 0;*/
      font-size: 10px;
      color: #999;
      position: absolute;
      bottom: 6.5%;
      right: 2%;
    }
    .news-list .item + .item {
      /*margin-top: 10px;*/
    }
    /*===========================
    产品
    ===========================*/
    .category-list {
        /*padding: 0 20px;*/
        text-align: center;
    }
    .category-list a{
      padding:8px 22px;
      margin: 0 7px 15px;
      border:1px solid #d7d7d7;
      border-radius: 5px;
      display: inline-block;
      font-size: 16px;
      background: linear-gradient(#b3adce, #058f96);
      transition: all .3s;
      color: #fff;
    }
    .category-list .li.active{
        background: #17447e;
        color: #fff;
        border-color: #17447e;
    }
    .category-list .li:hover{color: #17447e;}
    .category-list .li.active:hover{color: #fff;border-color: #17447e;}
    .category-list-select{display: none;margin:0 auto;margin-bottom: 10px;padding:5px 4% 5px 1%;background: none;border:1px solid #c9c9c9;text-align: center; appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;}
    .category-list-select option{text-align: center;}

    .product-list{
        width: 97%;
        margin: 0 auto;
    }
    .productList .main {
      margin-top: 20px;
    }
    .product-list .mobile-page{
        display: none;
    }
    .product-list .mobile-page.show{
        display: block;
    }
    .product-list .item{
      position: relative;
    }
    .product-list .item + .item {
      margin-top: 10px;
    }
    .product-list .img{text-align: center;border: 1px solid #cecece;}
    .product-list .img img {
      /*display: block;
      width: ;*/
    }
    .product-list .info {
      /*position: absolute;
      left: 0;
      top: 10px;
      padding: 10px 15px;*/
    }
    .product-list .info .tit {
      margin: 10px 0 8px;
      font-size: 18px;
    }
    .product-list .info .txt,
    .product-list .info .viewdet {
      margin-top: 3px;
      font-size: 12px;
      color: #999;
    }
    body.productList .news-nav{text-align: center;margin-top: 15px;}
    body.productList .news-nav a,
    body.productList .news-nav span{background: #f1f1f1;color: #999;display: inline-block;vertical-align: middle;}
    body.productList .news-nav a{padding: 10px 25px;font-size: 15px;}
    body.productList .news-nav span{width: 45px;padding:11px 0;font-size: 14px;}
    body.productList .news-nav .prev{}
    body.productList .news-nav .next{}
    .productDetail .main {
      margin-top: 20px;
    }
    .productDetail .gallery-top {
      margin: 0 10px;
      border: 2px solid #e0e0e0;
    }
    .productDetail .gallery-top .swiper-slide img {
      display: block;
      width: 100%;
    }
    .productDetail .detail-base .over{overflow: hidden;}
    .productDetail .gallery-thumbs {
      margin: 10px auto 0;
      width:85%;
    }
    .productDetail .gallery-thumbs-rel{position: relative;}
    .productDetail .gallery-thumbs-rel .swiper-button{width: 4%;background-size: contain;}
    .productDetail .gallery-thumbs-rel .swiper-button-prev{left: 2%;}
    .productDetail .gallery-thumbs-rel .swiper-button-next{right: 2%;}
    .productDetail .gallery-thumbs{/*overflow: visible;*/}
    .productDetail .gallery-thumbs .swiper-wrapper{}
    .productDetail .gallery-thumbs .swiper-button-next,
    .productDetail .gallery-thumbs .swiper-button-prev{background-size: 50%;}
    .productDetail .gallery-thumbs .swiper-button-prev{left: -7%;}
    .productDetail .gallery-thumbs .swiper-button-next{right: -7%;}
    .productDetail .gallery-thumbs .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }
    .productDetail .gallery-thumbs .swiper-slide img {
      display: block;
      width: 100%;
    }
    .productDetail .gallery-thumbs .active {
      opacity: 1;
      position: relative;
    }
    .productDetail .gallery-thumbs .active:after {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      border: 2px solid #17447e;
      content: '';
    }
    .productDetail .detail-base {
      margin-top: 15px;
      padding: 15px;
      border-top: 1px solid #e0e0e0;
    }
    .productDetail .detail-base .tit {
      font-size: 18px;
      color: #17447e;
    }
    .productDetail .detail-base .type {
      margin-top: 5px;
    }
    .productDetail .detail-base .txt {
      margin-top: 5px;
      font-size: 12px;
      color: #999;
    }
    .productDetail .detail-base .opts {
      margin-top: 15px;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      -webkit-align-items: center;
    }
    .productDetail .detail-base .opts .btn {
      flex-grow: 1;
      -webkit-flex-grow: 1;
      background: #fff;
      color: #333;
      border: 1px solid #333;
    }
    .productDetail .detail-base .opts .btn:hover{
        background: #000;
        color:#fff;
        border-color: #000;
    }
    .productDetail .detail-base .opts .btn + .btn {
      margin-left: 10px;
    }
    .productDetail .tab-detail {
      background: url(../images/product-detail-tab.jpg) no-repeat center 0;
      background-size: auto 72px;
    }
    .productDetail .tab-detail .tab-tit {
      padding: 10px 15px 6px;
      height: 36px;
      font-weight: 700;
      color: #fff;
      line-height: 20px;
    }
    .productDetail .tab-detail .tab-trg {
      padding: 0 15px;
    }
    .productDetail .tab-detail .tab-trg ul {
      display: -webkit-flex;
      display: flex;
    }
    .productDetail .tab-detail .tab-trg ul li {
      height: 36px;
      background: #507dad;
      color: #fff;
      line-height: 36px;
      text-align: center;
      flex-grow: 1;
      -webkit-flex-grow: 1;
    }
    .productDetail .tab-detail .tab-trg ul li + li {
      margin-left: 1px;
    }
    .productDetail .tab-detail .tab-trg ul li.current {
      background: #fff;
      color: #17447e;
    }
    .productDetail .tab-detail .tab-content {
      padding: 15px;
    }
    .productDetail .tab-detail .tab-content .tab-item{
        word-break: break-all;
        /*letter-spacing: 1px;*/
    }
    .productDetail .detail-app {
      padding-top: 15px;
      border-top: 1px solid #e0e0e0;
    }
    .productDetail .detail-app .tit {
      padding: 0 15px;
      font-weight: 700;
      font-size: 16px;
      color: #17447e;
    }
    table.data-view {
      width: 100%;
    }
    table.data-view td,
    table.data-view th {
      border: 1px solid #000;
      color: #000;
      text-align: center;
    }
    .img-list {
      padding: 10px;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
    }
    .img-list .item {
      padding: 5px;
      width: 50%;
      text-align: center;
    }
    .img-list .item a {
      display: block;
    }
    .img-list .item img {
      display: block;
      width: 100%;
    }
    .img-list .item span {
      display: block;
      margin-top: 5px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    /*===========================
    帮助中心
    ===========================*/
    .help .main {
      margin-top: 20px;
    }
    .help-list .item a {
      position: relative;
      display: block;
      padding: 5px 15px;
      line-height: 30px;
    }
    .help-list .item a:after {
      position: absolute;
      right: 10px;
      top: 50%;
      font-family: icomoon;
      content: 'e91e';
      font-size: 16px;
      color: #999;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
    }
    .help-list .item + .item {
      border-top: 1px solid #e0e0e0;
    }
    .helpDetail .detail-title {
      padding: 25px 15px 5px;
      font-size: 16px;
      line-height: 1.3;
    }
    .helpDetail .detail-info {
      padding: 0 15px;
      color: #999;
      font-size: 12px;
    }
    .info_detail .detail-info{
        border-bottom: 1px solid #939393;
        margin: 0 15px;
        padding:5px 0;
    }
    .helpDetail .bdsharebuttonbox{
        margin-left: 15px;
    }
    .helpDetail .detail-cont {
      padding: 15px;
    }
    .helpDetail .detail-cont img,
    .module.intro .module-bd,
    .productDetail .tab-detail .tab-content .tab-item,
    {
        max-width: 100%;
        max-height: 100%;
        width: auto!important;
        height: auto!important;
    }
    .helpDetail .detail-nav {
      padding: 10px 15px;
      border-top: 1px solid #e0e0e0;
      font-size: 12px;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      -webkit-align-items: center;
    }
    .helpDetail .detail-nav .prev,
    .helpDetail .detail-nav .next {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      flex-grow: 1;
      -webkit-flex-grow: 1;
    }
    .helpDetail .detail-nav .back {
      margin: 0 10px;
      flex-shrink: 0;
      -webkit-flex-shrink: 0;
    }
    .helpDetail .others-title {
      margin-top: 10px;
      padding: 0 15px 10px;
      border-bottom: 1px solid #e0e0e0;
      font-weight: 700;
      font-size: 16px;
    }
    /*===========================
    视频
    ===========================*/
    .video-win {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
    }
    .video-win .video-frame {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 10;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      -webkit-align-items: center;
      justify-content: center;
      -webkit-justify-content: center;
      flex-direction: column;
      -webkit-flex-direction: column;
    }
    .video-win .video-cont {
      margin-top: 20px;
      width: 100%;
    }
    .video-win .video-close {
      width: 36px;
      height: 36px;
      background: #f00;
      line-height: 36px;
      text-align: center;
      color: #fff;
      font-size: 18px;
      border-radius: 100%;
    }
    .video-win .video-tit {
      height: 56px;
      line-height: 1;
      text-align: center;
      font-size: 0;
      color: #fff;
      display: none;
    }
    .video-win .overlay {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
    }
    .video-win .video-js .vjs-big-play-button {
      left: 50%;
      top: 50%;
      margin: -34px 0 0 -34px;
      width: 69px;
      height: 69px;
      background: url(../images/video-hover.png) no-repeat;
      content: '';
      border: none;
    }
    .video-win .video-js .vjs-big-play-button span {
      display: none;
    }
    .video-win .video-js .vjs-big-play-button:focus,
    .video-win .video-js:hover .vjs-big-play-button {
      background: url(../images/video-hover.png) no-repeat;
    }
    .video-list .item {
      padding: 15px;
    }
    .video-list .item a {
      display: block;
      position: relative;
    }
    .video-list .item a img {
      display: block;
      width: 100%;
    }
    .video-list .item a span {
      display: block;
      /*position: absolute;*/
      left: 0;
      bottom: 0;
      padding: 0 20px;
      width: 100%;
      background: rgba(0, 0, 0, 0.4);
      line-height: 36px;
      text-align: center;
      color: #fff;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .video-list .item a:after {
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      width: 35px;
      height: 35px;
      background: url(../images/video-hover.png) no-repeat;
      background-size: 100% 100%;
      content: '';
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
    }
    .video-list .item + .item {
      padding-top: 0;
    }
    /*===========================
    在线留言
    ===========================*/
    .message .main {
      margin-top: 5px;
    }
    .form .form-item {
      padding: 5px 15px 5px 5px;
      border-bottom: 1px solid #e0e0e0;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      -webkit-align-items: center;
    }
    .form .form-item .ipt {
      flex-grow: 1;
      -webkit-flex-grow: 1;
    }
    .form .form-item .form-label {
      align-self: flex-start;
      -webkit-flex-align-self: flex-start;
      line-height: 30px;
      min-width: 6.5em;
      text-align: right;
      white-space: nowrap;
      flex-shrink: 0;
      -webkit-flex-shrink: 0;
    }
    .form .form-item .form-label em {
      color: #f00;
    }
    .form-buttons {
      padding: 15px;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      -webkit-align-items: center;
    }
    .form-buttons .btn {
      flex-grow: 1;
      -webkit-flex-grow: 1;
      border:none;
    }
    .form-buttons .btn + .btn {
      margin-left: 10px;
    }
    /*===========================
    关于我们
    ===========================*/
    .crumbs {
      background: #17447e;
      color: #fff;
    }
    .crumbs .filter {
      padding: 8px 5px 3px 10px;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
    }
    .crumbs .filter li {
      margin: 0 5px 5px 0;
    }
    .crumbs .filter li a {
      display: block;
      padding: 0 5px;
      border-radius: 3px;
      color: #fff;
      white-space: nowrap;
      line-height: 28px;
      font-size: 12px;
    }
    .crumbs .filter li.active a {
      background: #487fc6;
    }
    .module.intro .module-bd {
      padding: 0 15px 15px;
    }
    .module.intro .module-bd .img {
      margin: 0 -15px 15px;
      text-align: center;
    }
    .module.intro .module-bd .content {
        word-break: break-all;
    }
    .module.intro .module-bd > p {
      font-size: 12px;
    }
    .module.intro .module-bd > p + p {
      margin-top: 10px;
    }
    .module.culture {
      background: #f6f6f6;
      padding-bottom: 20px;
    }
    .module.culture .txt {
      padding: 0 15px 15px;
      font-size: 12px;
    }
    .module.culture ul {
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      padding: 0 15px;
    }
    .module.culture ul li {
      position: relative;
      padding: 0 10px;
      width: 33.3333%;
    }

    .module.culture ul li:hover span.int {
      display: none;
    }
    .module.culture ul li:hover span.hov {
      display: block;
    }
    .module.culture ul li.on span.int {
      display: none;
    }
    .module.culture ul li.on span.hov {
      display: block;
    }
    .module.culture ul li > span {
      display: block;
    }
    .module.culture ul li > span img {
      display: block;
      width: 100%;
    }
    .module.culture ul li > span.hov {
      display: none;
    }
    .module.culture ul li.press > span.int {
      position: absolute;
      opacity: 0;
    }
    .module.culture ul li.press > span.hov {
      position: static;
      opacity: 1;
    }
    .module.culture .spirit {
      margin-top: 15px;
      text-align: center;
    }
    .module.culture .spirit h3 {
      color: #17447e;
    }
    .module.history .history-data {
      padding: 0 15px 0 90px;
    }
    .module.history .history-data ul {
      border-left: 1px solid #eee;
    }
    .module.history .history-data ul li {
      position: relative;
      padding: 10px 0 10px 20px;
    }
    .module.history .history-data ul li .year {
      position: absolute;
      left: -90px;
      top: 10px;
      padding-right: 20px;
      width: 90px;
      text-align: right;
      font-size: 18px;
      line-height: 30px;
      font-weight: 700;
      color: #17447e;
    }
    .module.history .history-data ul li .year:after,
    .module.history .history-data ul li .year:before {
      display: block;
      position: absolute;
      right: 0;
      top: 50%;
      border-radius: 100%;
      content: '';
      transform: translate(50%, -50%);
      -webkit-transform: translate(50%, -50%);
    }
    .module.history .history-data ul li .year:before {
      width: 20px;
      height: 20px;
      background: #fff;
      border: 1px solid #eee;
    }
    .module.history .history-data ul li .year:after {
      width: 10px;
      height: 10px;
      background: #17447e;
    }
    .module.history .history-data ul li .text {
      font-size: 12px;
    }
    /*===========================
    招聘
    ===========================*/
    .recruit-list {
      padding: 15px;
    }
    .recruit-list .item {
      background: #9e9e9e;
    }
    .recruit-list .item .view {
      position: relative;
      padding: 10px 15px;
      color: #fff;
    }
    .recruit-list .item .view .sal {
      margin-top: 5px;
      font-size: 12px;
    }
    .recruit-list .item .view .req {
      font-size: 12px;
    }
    .recruit-list .item .view:after {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      content: '';
      width: 30px;
      height: 30px;
      background: url(../images/recruit-list-arrow.png) no-repeat;
      background-size: 100% 100%;
    }
    .recruit-list .item .info {
      display: none;
    }
    .recruit-list .item.show .info {
      display: block;
    }
    .recruit-list .item.show {
      background: #17447e;
    }
    .recruit-list .item.show .info {
      display: block;
      background: #eee;
      padding: 15px;
      font-size: 12px;
      color: #888;
    }
    .recruit-list .item.show .info p {
      padding-left: 18px;
    }
    .recruit-list .item.show .info p i {
      float: left;
      margin-left: -18px;
    }
    .recruit-list .item.show .info p + p {
      margin-top: 5px;
    }
    .recruit-list .item.show .info .opt {
      margin: 15px 0 0 18px;
    }
    .recruit-list .item + .item {
      margin-top: 15px;
    }
    /*===========================
    新闻
    ===========================*/
    /*===========================
    应用详情
    ===========================*/
    .appdetail-title {
      padding: 10px 15px 10px;
      border-bottom: 1px solid #e9e9e9;
    }
    .appdetail-nav {
      padding: 8px 10px 3px 15px;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
    }
    .appdetail-nav a {
      margin: 0 5px 5px 0;
      padding: 0 10px;
      border: 1px solid #e0e0e0;
      white-space: nowrap;
      text-align: center;
      line-height: 36px;
      font-size: 12px;
      flex-grow: 1;
      -webkit-flex-grow: 1;
    }
    .appdetail-nav a.active {
      background: #444;
      border-color: #444;
      color: #fff;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    }
    /*=============================
    分页
    =============================*/
    .pagenav {
      margin-top: 10px;
      color: #555;
      text-align: center;
      font-size: 0;
    }
    .pagenav > a {
      display: inline-block;
      background: #fff;
      border: 1px solid #e5e5e5;
      height: 32px;
      line-height: 30px;
      color: #555;
      text-align: center;
      font-size: 12px;
    }
    .pagenav > a.current {
      position: relative;
      background-color: #024282;
      border-color: ;
      color: #fff;
    }
    .pagenav > a.item {
      min-width: 35px;
    }
    .pagenav > a.next,
    .pagenav > a.prev {
      padding: 0 10px;
    }
    .pagenav > a.disabled {
      color: #aaa;
    }
    .pagenav > a.disabled.press {
      background-color: #fff;
      border-color: #e5e5e5;
      color: #aaa;
      cursor: default;
    }
    .pagenav > a + a {
      margin-left: -1px;
    }
    .pagenav > a + a.next {
      margin-left: 10px;
    }
    .pagenav > a.prev + a {
      margin-left: 10px;
    }
    /*===========================
    底部
    ===========================*/
    .footer {
      margin-top: 20px;
      background: #333333;
    }
    .footer .links {
      display: none;
      padding: 10px 15px;
      background: #333333;
      color: #fff;
    }
    .footer .links a {
      color: #ccc;
    }
    .footer .links .lab {
        color: #ccc;
      font-size: 16px;
      text-align: center;
    }
    .footer .links .lab:before {
      top: 1px;
      margin-right: 5px;
    }
    .footer .links .lab span {
      font-size: 10px;
    }
    .footer .links .cont {
      margin: 5px -10px 0 0;
      display: none;
    }
    .footer .links .cont ul {
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
    }
    .footer .links .cont ul li {
      padding: 5px 10px 5px 0;
      min-width: 20%;
      white-space: nowrap;
      font-size: 12px;
    }
    .footer .webmap {
      /*padding: 6px 5px 15px 15px;*/
      padding: 6px 5px 15px;
      color: #888;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
    }
    .footer .webmap a {
      color: #ccc;
    }
    .footer .webmap .item {
      padding: 6px 0;
     /* display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-shrink: 0;
      -webkit-flex-shrink: 0;*/
    }
    .footer .webmap .item .tit {
      margin-bottom: 5px;
      width: 100%;
      font-weight: 700;
      text-align: center;
    }
    .footer .webmap .item ul {
      /*padding-right: 10px;*/
      width: 100%;
      font-size: 10px;
      /*display: none;*/
      text-align: center;
    }
    .footer .webmap .item ul li {
      line-height: 20px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .footer .webmap .item{
      width: 25%;
    }
    /*.footer .webmap .item:nth-child(2n+1) {
      width: 62%;
    }*/
    .footer .foot_clear{clear:both;}
    .footer .qrcode {
      padding: 2%;
      /*background: #2f2f2f;*/
      text-align: center;
      float: right;
      width: 25%;
    }
    .footer .qrcode img {
      max-width: 80px;
      width: 100%;
    }
    .footer .contacts {
      padding: 2%;
      /*background: #2f2f2f;*/
      color: #979797;
      float: left;
      width: 70%;
    }
    .footer .contacts > div {
      position: relative;
      padding-left: 40px;
      /*font-size: 10px;*/
      line-height: 1;
    }
    .footer .contacts > div a {
      color: #ccc;
    }
    .footer .contacts > div .icon {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      font-size: 24px;
    }
    .footer .contacts > div .lab {
      padding: 1px 0 4px 15px;
      border-left: 1px solid #3a3a3a;
    }
    .footer .contacts > div .dat {
      padding: 1px 0 1px 15px;
      border-left: 1px solid #3a3a3a;
      color: #ccc;
      line-height: 150%;
    }
    .footer .contacts .address .dat{
        font-size: 13px;
    }
    .footer .contacts > div.email .dat {
      font-size: 14px;
    }
    .footer .contacts > div.hotline .dat {
      font-size: 14px;
    }
    .footer .contacts > div + div {
      margin-top: 15px;
    }
    .footer .copys {
      padding: 20px 15px 10px;
      color: #666;
      text-align: center;
    }
    .footer .copys a {
      color: #444;
    }
    .footer .copys .info {
      font-size: 10px;
      line-height: 2;
    }
    .footer .copys .info a{
        color: #ccc;
    }
    .footer .copys .share {
      margin-top: 5px;
      font-size: 24px;
    }

    .section.noPageScroll{height: auto!important;padding-top: 0%!important;}
    .section.noPageScroll .fp-tableCell{height: 100%!important;}
    .section.noPageScroll .fp-tableCell{height: auto;}

    .wBanner img.mb{width: 100%}

}
@media (max-width: 450px){
    /*.module.recpro .item img{height: 230px;}*/
}
@media (max-width:768px) {
    .wBanner img.pc{width: 100%;}
    .wBanner img.mb{display: block;}
    .news-list.small .item .txt{
      display: none;
    }
   
}
@media (max-width:992px) {
    .news-list.small {
      padding: 8px;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      overflow: hidden;
    }
    .news-list.small .item {
      padding: 7px 2%;
      width: 100%;
      /*border: none;*/
    }
    .news-list.small .item .tit {
      margin: 6px 0 3px;
      font-size: 14px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .news-list.small .item .txt,
    .news-list.small .item + .item {
      margin: 0;
    }

    .module.history .history-data ul{width: 100%!important;}
}
@media (max-width:640px) {
    .module.recpro .item-sub .item{
        width: 100%;
        float: none;
    }
    .video-js,.video-win .video-frame video{width: 100%;}
    .module.recpro .detail .bf{display: none;}
}
@media (max-width:500px) {
    .category-list-select{display: none;}
    /*.category-list{display: none;}*/
    .category-list{margin-bottom: 2.5%;}
    .category-list a{width: 45%;text-align: center;padding: 8px 0;margin: 0 1% 5px;}
}
.pagenav .relative{position: relative;}
.pagenav .absolute{position: absolute;z-index: 1;}
.pagenav .page_select{width:35px; height:35px; margin:0 3px; line-height:35px; text-align:center; color:#666666; border:1px solid #ebebeb; cursor:pointer; z-index:1000;text-align: center;display: none;font-size: 12px;}
.pagenav .page_select .fa{border:3px solid transparent;border-top-color: #000;vertical-align: middle;display: inline-block;}
.pagenav .page_select .page_select_pop{width:35px; max-height:20rem; line-height:35px; text-align:center; border:1px solid #ebebeb; border-bottom:none; background:#fff; left:-1px; display:none; overflow-y:auto; cursor:pointer; z-index:1001;display: none;}
.pagenav .page_click{width:35px; height:35px; line-height:35px; text-align:center; background:#ebebeb; margin:0 3px; color:#666666; cursor:pointer;display: none;font-size: 13px;}
@media (max-width:640px){
    /*.pagenav .page_select,
    .pagenav .page_click{display: inline-block;}
    .pagenav .item,
    .pagenav .next,
    .pagenav .prev{display: none;}*/
}


/*悬浮样式*/
.block{display:block;}
.clear_both:after{content:'';display:block;clear:both;}
.float{display:none}
.float .thr{ width:50px; position:fixed; right:0; top:44%; z-index:10; }
.float .thr.in{ /*bottom:5%;*/}
.float .thr .last{ position:relative; padding-top:1px; }
.float .thr .last .list{ height:50px; line-height:50px; text-align:center; background:#fff; border-left:1px solid #e8e7e6; border-bottom:1px solid #e8e7e6; display:table;}
.float .thr .last .list:first-child{ border-top:1px solid #e8e7e6; }
.float .thr .last .list .img{ width:50px; height:50px; display:table-cell; vertical-align:middle; overflow:hidden; margin-left:20px;}
.float .thr .last .list .img .img1{ display:inline-block; margin:0 auto;}
.float .thr .last .list .img .img2{ display:none; margin:0 auto;}
.float .thr .last .list .fz14{ display:table-cell; color:#fff; margin-left:5px; font-size:14px; white-space:nowrap; }
.float .thr .last .list .ewm{ width:150px; height:0; overflow:hidden; position:absolute; right:85px; top:0; z-index:2;}
.float .thr .last .list .ewm img{ width:100%;}
.float .thr .last .list.n1{ width:130px; position:absolute; right:-80px; top:0; z-index:2;}
.float .thr .last .list.n2{ width:130px; position:absolute; right:-80px; top:52px; z-index:2;}
.float .thr .last .list.n3{ width:50px; position:relative; margin-top:101px;}
.float .thr .last .list.n4{ width:50px; position:relative;}
.float .thr .last .list.n5{ width:50px; cursor:pointer; background:#767777; border:none; top:324px;}
.float .thr .last .list.n5 img{ height:18px; }
.float .thr .last .list:hover .img .img1{ display:none;}
.float .thr .last .list:hover .img .img2{ display:block;}
/*.float .thr .last .list:hover .fz14{ display:block;}*/
.float .thr .last .list:hover .ewm{ height:150px;}
.float .thr .last .list.n1:hover{ background:#003586; border-color:#003586; right:0;}
.float .thr .last .list.n1:hover .img{ margin-left:15px;}
.float .thr .last .list.n2:hover{ background:#003586; border-color:#003586; right:0;}
.float .thr .last .list.n2:hover .img{ margin-left:15px;}
.float .thr .last .list.n3:hover{ background:#003586; border-color:#003586;}
.float .thr .last .list.n4:hover{ background:#003586; border-color:#003586;}

@media (max-width:720px){
  .float .thr{top: 57%;}
}

#newBridge .icon-right-center{ top:28% !important; right:0 !important; }

.title_sub{; padding:28px 0 0; margin-bottom:40px; line-height:54px; background:url(../images/title_sub.jpg) no-repeat center bottom; font-size:26px; color:#353535; text-align:center; }

#center .c_tit{height:32px; line-height:32px; text-align:center; font-size:18px; color:#757575; visibility:hidden;}
#center .c_tit_en{height:16px; line-height:16px; font-size:12px; color:#757575; text-align:center; visibility:hidden;}
#center .c_cup{margin-top:52px; padding-bottom:48px; border-bottom:1px solid #e5e5e5; visibility:hidden;}
#center .c_cup .c_li{width:25%; background:url(/images/c_li.jpg) no-repeat left center; margin-bottom:50px; text-decoration:none;}
#center .c_cup .bgn{background:none;}
#center .c_cup .c_li .c_pic{height:70px; width:100%;}
#center .c_cup .c_li .c1{background:url(/images/c1.jpg) no-repeat center top;}
#center .c_cup .c_li .c2{background:url(/images/c2.jpg) no-repeat center top;}
#center .c_cup .c_li .c3{background:url(/images/c3.jpg) no-repeat center top;}
#center .c_cup .c_li .c4{background:url(/images/c4.jpg) no-repeat center top;}
#center .c_cup .c_li .one{line-height:24px; text-align:center; color:#757575; font-size:14px;}
#center .c_cup .c_li .one *{ color:#757575; }
#center .c_cup .c_li *{ text-decoration:none; }
#center .c_row{width:31.2%; margin-right:2%; margin-bottom:30px;/* visibility:hidden;*/;}
#center .c_row .user{width:100%; border:1px solid #e3e3e3; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; behavior: url(/pie/pie.htc); position:relative; padding:0 18px; height:48px; line-height:48px; color:#999; font-size:14px;}
#center .m_row{margin-bottom:30px;}
#center .m_row .mess{border-radius:5px; padding:14px 18px; line-height:28px; font-size:14px; color:#999; width:100%; border:1px solid #e3e3e3; min-height:200px;}
#center .c_submit{width:150px; height:50px; background:#17447e; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; behavior: url(/pie/pie.htc); position:relative; margin:0 auto;}
#center .c_submit .mit{height:50px; width:150px; border:none; background:none; line-height:50px; font-size:16px; color:#fff; cursor:pointer;}

@media only screen and (max-width:900px){
	#center .c_cup .c_li{width:46%;padding:0 2%;}
	#center .c_cup .c_li:nth-child(3){background:none;}
}

@media only screen and (max-width:720px){
	#center .c_row{width:100%; float:none;}
}
@media screen and (max-width: 640px) {
	.main{padding: 0 3%;}
	#center .c_cup .c_li .one{font-size: 13px;}
}
@media screen and (max-width: 360px) {
    #center .c_tit{font-size: 16px;}
	#center .c_cup .c_li .one{font-size: 12px;}
}


.detail-title{
  font-size: 22px;;
}

.detail-info{
  border-bottom: 1px solid #939393;
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-indent: 0;
  margin-top: 20px;
}

.detail-cont img{
  text-align: center;
max-width:100%
}


.module-bd{
  padding: 0 30px;
  max-width: 1720px;
  margin: 0 auto;
}



.recruit-list {
  *zoom: 1;
}
.recruit-list:before,
.recruit-list:after {
  display: table;
  content: " ";
}
.recruit-list:after {
  clear: both;
}
.recruit-list .item {
  float: left;
  padding: 15px 30px;
  width: 50%;
}
.recruit-list .item .inner {
  position: relative;
  z-index: 10;
}
.recruit-list .item .inner.show {
  z-index: 20;
}
.recruit-list .item .inner:after {
  display: block;
  position: absolute;
  right: 60px;
  top: 50%;
  margin-top: -30px;
  width: 59px;
  height: 59px;
  background: url(../images/recruit-list-arrow.png) no-repeat;
  content: '';
  transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
}
.recruit-list .item .inner:hover,
.recruit-list .item .inner.show {
  z-index: 20;
}
.recruit-list .item .inner:hover:after,
.recruit-list .item .inner.show:after {
  transform: scale(1);
  -webkit-transform: scale(1);
}
.recruit-list .item .inner:hover .info,
.recruit-list .item .inner.show .info {
  display: block;
}
.recruit-list .item .view {
  padding: 10px 140px 0 40px;
  min-height: 138px;
  background: #17447e;
  color: #fff;
  z-index: 1;
  overflow: hidden;
}
.recruit-list .item .view .tit {
  font-size: 18px;
}
.recruit-list .item .view .sal {
  margin-top: 5px;
}
.recruit-list .item .view .req {
  margin-top: 5px;
  font-size: 12px;
  line-height: 185%;
}
.recruit-list .item .info {
  display: none;

 
 
  padding: 25px 20px 40px;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  color: #444;
  font-size: 12px;
  line-height: 24px;
  overflow: hidden;
}
.recruit-list .item .info p {
  padding-left: 20px;
}
.recruit-list .item .info p i {
  float: left;
  margin-left: -20px;
}
.recruit-list .item .info .opt {
  padding: 35px 0 0 20px;
}


.detail-base {
  margin: 65px auto 105px;
  padding: 0 40px;
  max-width: 1280px;
  *zoom: 1;
}
.detail-base:before,
.detail-base:after {
  display: table;
  content: " ";
}
.detail-base:after {
  clear: both;
}
.detail-base .base-view {
  position: relative;

  width: 100%;

}
.detail-base .base-view .view {
  border: 1px solid #e3e3e3;
  padding: 2px;
}
.detail-base .base-view .view img {
  display: block;
  max-width: 100%;
  max-height: 354px;
text-align:center;
margin:0 auto
}
.detail-base .base-view .thumb {
  position: absolute;
  left: 100%;
  bottom: 0;
  padding: 0 35px;
  margin-left: 40px;
  width: 467px;
}
.detail-base .base-view .thumb .thumb-bd {
  position: relative;
  height: 62px;
  overflow: hidden;
}
.detail-base .base-view .thumb ul {
  position: absolute;
  left: 0;
  top: 0;
  *zoom: 1;
}
.detail-base .base-view .thumb ul:before,
.detail-base .base-view .thumb ul:after {
  display: table;
  content: " ";
}
.detail-base .base-view .thumb ul:after {
  clear: both;
}
.detail-base .base-view .thumb ul li {
  float: left;
  padding-right: 15px;
}
.detail-base .base-view .thumb ul li a {
  display: block;
  border: 1px solid #c2c2c2;
}
.detail-base .base-view .thumb ul li a img {
  display: block;
  width: 86px;
  height: 60px;
}
.detail-base .base-view .thumb ul li.active a {
  border-color: #17447e;
}
.detail-base .base-view .prev,
.detail-base .base-view .next {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  line-height: 40px;
  font-size: 24px;
  font-weight: 700;
  color: #a7a7a7;
}
.detail-base .base-view .prev:hover,
.detail-base .base-view .next:hover {
  color: #666;
}
.detail-base .base-view .prev {
  left: 0;
}
.detail-base .base-view .next {
  right: 0;
}
.detail-base .base-info {
  width:100%;
margin-top:2%
}
.detail-base .base-info .tit {
  font-size: 22px;
}
.detail-base .base-info .type {
  margin: 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #dfdfdf;
}
.detail-base .base-info .txt {
  line-height: 2;
}
.detail-base .base-info .opts {
  margin-top: 40px;
}
.detail-base .base-info .opts .btn {
  min-width: 160px;
  background: none;
  border: 1px solid #dfdfdf;
  color: #333;
}
.detail-base .base-info .opts .btn:hover{
    border-color: #17447e;
    background: #17447e;
    color: #fff;
}
.detail-base .base-info .opts .btn + .btn {
  margin-left: 5px;
}
.tab-detail {
  padding: 0 40px;
  background: url(../images/product-detail-tab.jpg) repeat-x center 0;
}
.tab-detail .tab-tit {
  margin: 0 auto;
  max-width: 1200px;
  height: 77px;
  line-height: 77px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.tab-detail .tab-trg {
  margin: 0 auto;
  max-width: 1200px;
}
.tab-detail .tab-trg ul {
  *zoom: 1;
}
.tab-detail .tab-trg ul:before,
.tab-detail .tab-trg ul:after {
  display: table;
  content: " ";
}
.tab-detail .tab-trg ul:after {
  clear: both;
}
.tab-detail .tab-trg ul li {
  float: left;
  width: 25%;
  height: 49px;
  line-height: 49px;
  text-align: center;
}
.tab-detail .tab-trg ul li + li {
  padding-left: 1px;
}
.tab-detail .tab-trg ul li span {
  display: block;
  background: #507dad;
  color: #fff;
  cursor: pointer;
}
.tab-detail .tab-trg ul li.current span {
  background: #fff;
  color: #17447e;
}
.tab-detail .tab-content {
  margin: 0 auto;
  max-width: 1200px;
  padding: 60px 0;
}
.detail-app {
  margin: 0 auto;
  padding: 0 40px;
  max-width: 1280px;
}
.detail-app .tit {
  margin-bottom: 35px;
  font-size: 22px;
}
table.data-view {
  width: 100%;
}
table.data-view td,
table.data-view th {
  padding: 3px 10px;
  border: 1px solid #000;
  color: #000;
  text-align: center;
}
.img-list {
  margin-right: -15px;
  *zoom: 1;
}
.img-list:before,
.img-list:after {
  display: table;
  content: " ";
}
.img-list:after {
  clear: both;
}
.img-list .item {
  float: left;
  padding: 0 10px 10px 0;
  width: 25%;
}
.img-list .item a,
.img-list .item img {
  display: block;
  width: 100%;
}
.img-list .item span {
  display: block;
  margin-top: 10px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.about-left{
width:23%;
float:left
}
.about-left img{
width:100%
}
.about-right{
width:74%;
float:right;
font-size:14px;
line-height:30px;
}
.about-right h3{
  line-height:30px;
  font-size:18px;
}
.about-right .content{
               word-break: break-all;
               display: -webkit-box;
               -webkit-line-clamp: 7;  /*限制在一个块元素显示的文本的行数*/
                -webkit-box-orient: vertical;
                 overflow: hidden;
}



@media (max-width: 1500px){

.about-left{width: 28%;float:left;}
.about-right{width: 69%;float:right;font-size:14px;line-height:30px;}
}

@media (max-width: 992px){
.about-left{
width:100%;

}
.about-right{
width:100%;

}

}
.banner h3,.banner p,.banner span{color:#fff}
.banner h1{font-size:34px}
.banner h3{font-size:40px;padding-top:196px}
.banner p{padding-top:0;max-width:980px}
.banner .text{padding:35px 35px 30px}
.banner .text{background-color:#3671cf;background-color:rgba(54,113,207,0.9)}
.banner .text h1{margin-bottom:10px}
.banner .text p{line-height:22px}
.service-banner{padding:230px 0 84px 0}
.service-banner .text{background:#fef6ee;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80)}
.service-banner .text p{color:#333333;padding-top:0}


.service-banner{background:url("../images/fuw.jpg") no-repeat 85% 0}
.support-banner{height:500px;background:url("../images//fuw.jpg") no-repeat 85% 0;background-color:rgb(54,113,207);padding:130px 0 60px 0;margin-bottom:28px}
.support-banner .text{background-color:#3671cf;background-color:rgba(54,113,207,0.9)}
.support-banner .text p,.support-banner .text strong{color:#fff}
.contact-banner{background:url("../images/contact/regen/u10.jpg") no-repeat;padding:162px 0 60px 0;margin-bottom:0}
.contact-banner .text{background-color:#3671cf;background-color:rgba(54,113,207,0.9)}
.contact-banner .text p,.contact-banner .text strong{color:#fff}

.col-sm-7 {
    width: 38.33333333%;
  }
@media (max-width: 992px){
.banner{margin-bottom:0;height: auto;padding:5%}
.col-sm-7{
width: 78.33333333%;
}
}