@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;

}



h1{

  font-size:14px;

  font-weight:normal;

}



@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: \5FAE\8F6F\96C5\9ED1;

      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(../other/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: 77px;

      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: 13px;

      float: left;

    }

    .header .nav {

      /*display: flex;

      -webkit-display: flex;*/

      width: 59%;

      float: left;

      padding-left: 3%;

      background: #fff;

    }

    .header .nav li {

    	white-space: nowrap;

      float: left;

      padding: 16px 2.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;

      height: 325px;

    }

    .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(../other/backgroundsize.min.htc);

        behavior: url(../other/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;}

    .header .nav li .sub-nav .sn-cont .sn-item:hover a {

        color: #17447e;

        font-weight: bold;

    }

    .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: 24px;

        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(../other/backgroundsize.min.htc);

        behavior: url(../other/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 .module-hd {

      padding: 25px 0;

      line-height: 1;

      text-align: center;

    }

    .module .module-hd h3 {

      position: relative;

      padding-bottom: 13px;

      font-weight: 400;

      text-transform: uppercase;

      font-family: arial;

      font-size: 30px;

      color: #17447e;

    }

    .module .module-hd h3 + p {

      margin-top: 13px;

    }

    .module .module-hd h3:after {

      display: block;

      position: absolute;

      bottom: 0;

      left: 50%;

      margin-left: -17px;

      width: 34px;

      height: 3px;

      background: #ed000d;

      content: '';

    }

    .module .module-hd p {

      font-size: 20px;

    }

    .footer {

      /*margin-top: 90px;*/

      background: #333;

      position: relative;

      font-size: 13px;

    }

    .footer .links {

      position: relative;

      padding: 0 60px;

      background: #333;

      color: #fff;

      line-height: 60px;

      /*display: none;*/

    }

    .footer .links a {

      color: #666;

    }

    .footer .links .lab {

      float: left;

      font-family: "微软雅黑";

      color: #666;

    }

    .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 #484848;

      *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: #888;

    }

    .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: #2f2f2f;

      color: #000;

      *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 #3a3a3a;

      color: #979797;

      font-size: 16px;

      line-height: 24px;

    }

    .footer .contacts .dat {

      padding-left: 35px;

      border-left: 1px solid #3a3a3a;

      line-height: 36px;

      color: #d5d5d5;

      white-space: nowrap;

      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: #444;

    }

    .footer .copys .share a + a {

      margin-left: 10px;

    }

    .footer .copys .share a:hover {

      color: #aaa;

    }

    /*===========================

    首页

    ===========================*/

    .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: 30px;color: #333;}

    .module.recpro .detail .cate{font-size: 16px;color: #666;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: 26px;}



    .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;right: 0%;bottom: 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: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%;*/

    }

    .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;

    }

    .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: -4px;

      margin-left: -23px;

      font-family: icomoon;

      content: '\e91c';

      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 .li{

        /*float: left;*/

        padding:8px 22px;

        margin: 0 7px 15px;

        border:1px solid #d7d7d7;

        border-radius: 5px;

        display: inline-block;

    }

    .category-list .li.active{

        background: #17447e;

        color: #fff;

        border-color: #17447e;

    }

    .category-list .li:hover{color: #17447e;border-color: #17447e;}

    .category-list .li.active:hover{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.99);

      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: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;}

    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);

    }

    /*===========================

    应用详情

    ===========================*/

    body.appdetail .main {

      max-width: 1320px;

      padding: 0 60px;

    }

    body.appdetail .news-list.small {

      margin-right: -20px;

    }

    body.appdetail .appdetail-title {

      margin-bottom: 30px;

      padding-bottom: 15px;

      font-size: 22px;

      text-align: center;

      border-bottom: 1px solid #e0e0e0;

    }

    body.appdetail .appdetail-nav {

      margin-top: 45px;

      *zoom: 1;

    }

    body.appdetail .appdetail-nav:before,

    body.appdetail .appdetail-nav:after {

      display: table;

      content: " ";

    }

    body.appdetail .appdetail-nav:after {

      clear: both;

    }

    body.appdetail .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;

    }

    body.appdetail .appdetail-nav a:hover,

    body.appdetail .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.page-num-current {

      position: relative;

      background-color: #024282;

      border-color: ;

      color: #fff;

    }

    .pagenav > a.item {

      min-width: 35px;

    }
    .pagenav > a.page-num {

      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;

    }

    .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: \5FAE\8F6F\96C5\9ED1;

      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: 20px;color: #333;}

    .module.recpro .detail .cate{font-size: 16px;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: 25%;

      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;

    }

    .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 .li{

        padding:8px 22px;

        margin: 0 10px 15px;

        border:1px solid #d7d7d7;

        border-radius: 5px;

        display: inline-block;

    }

    .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("../images/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{display: none;}



}

@media (max-width: 450px){

    /*.module.recpro .item img{height: 230px;}*/

}

@media (max-width:768px) {

    .wBanner img.pc{display: none;}

    .wBanner img.mb{display: block;}

}

@media (max-width:992px) {

    .news-list.small {

      padding: 8px;

      display: -webkit-flex;

      display: flex;

      flex-wrap: wrap;

      -webkit-flex-wrap: wrap;

    }

    .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 .li{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{}

.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; }