/*.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%;
    }
  
   
    .b-radius-ie{position: relative;z-index:2;behavior: url(/inc/file/PIE.htc);}

    .tmp-banner{position: fixed;width: 100%;left: 0;top: -100%;z-index: 1010;}
    /*===========================
    头部
    ===========================*/
    .header {
      position: relative;
      background-color: rgba(60, 60, 60, 0.41);
      z-index: 50;
      width: 100%;
      max-width: 1920px;
      z-index: 1000;
     
      
    }
    .header.index_head{
        position: fixed;
        height: 67px;
        width: 100%;
    }
     .inner {
     
      max-width: 1920px;
      margin:0 auto;
      height: 67px;
    
      z-index: 1000;
   
      margin-left:20px;
    }
    .header .inner:before,
    .header .inner:after{
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 100;
      
        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: 80%;
      padding-left: 180px;
      
 
    }

    .header .nav li {
        white-space: nowrap;
      float: left;
      padding: 16px 0px;
      /*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 span{
        border-bottom: 2px solid #008068;
    } */
    .header .nav li .pare {
        height: 45px;
        line-height: 40px;
      display: block;
      /*white-space: nowrap;*/
      color: #ffffff;
      font-size: 16px;
      padding-top: 0px;
    }
    .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: #ffffff;
      font-weight: 700;
      
    }
    .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(../images/backgroundsize.min.htc);
        behavior: url(backgroundsize.min.htc);
    }
    .header .nav li .sub-nav .sn-view .tit {
      margin: 15px 0 5px;
      font-size: 16px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
    .header .nav li .sub-nav .sn-view .txt {
      color: #777;
      line-height: 24px;
      height: 48px;
      overflow: hidden;
      white-space: normal;
    }
    .header .nav li .sub-nav .sn-view + .sn-cont {
      margin-left: 430px;
    }
    .header .nav li .sub-nav .sn-cont .sn-item {
      line-height: 50px;
    }
    .header .nav li .sub-nav .sn-cont .sn-item a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    .header .nav li .sub-nav .sn-cont .sn-item:hover a {
        color: #008068;
        font-weight: bold;
    }
    .header .nav li .sub-nav .sn-cont .sn-item + .sn-item {
      border-top: 1px solid #ddd;
    }
   
   
    
  
   
    .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%;
    }
    /*===========================
    在线留言
    ===========================*/
   
    .form .form-item {
      *zoom: 1;
    }
    .form .form-item:before,
    .form .form-item:after {
      display: table;
      content: " ";
    }
    .form .form-item:after {
      clear: both;
    }
    .form .form-item .ipt {
      margin-left: 125px;
    }
    .form .form-label {
      float: left;
      line-height: 46px;
      width: 120px;
      text-align: right;
    }
    .form .form-label em {
      margin-right: 6px;
      color: #f00;
    }
    .form .col-2 {
      *zoom: 1;
    }
    .form .col-2:before,
    .form .col-2:after {
      display: table;
      content: " ";
    }
    .form .col-2:after {
      clear: both;
    }
    .form .col-2 .form-item {
      float: left;
      width: 50%;
    }
    .form > div + div {
      margin-top: 30px;
    }
    .form + .form-buttons {
      margin-top: 30px;
    }
    .form-buttons {
      text-align: center;
    }
    .form-buttons .btn {
      min-width: 160px;
      border: none;
      font-family: "微软雅黑"!important;
    }
    .form-buttons .btn + .btn {
      margin-left: 15px;
    }
    /*===========================
    关于我们
    ===========================*/
    body.about .module.intro .module-bd {
      max-width: 1480px;
      margin: 0 auto;
      padding: 0 40px 50px;
      line-height: 30px;
      *zoom: 1;
    }
    body.about .module.intro .module-bd .content{
        text-align:justify;
        line-height: 280%;
        /*word-break: break-all;*/
        width: 60%;
        float: left;
    }
    /*body.about .module.intro .module-bd .content span{display: block;}*/
    body.about .module.intro .module-bd .content .p{/*margin-bottom: -10px;*/font-size: 14px;}
    /*body.about .module.intro .module-bd .content .p span{
        text-align: justify;
    }
    body.about .module.intro .module-bd .content .p span:after{
        content:'.';
        width: 100%;
        display: inline-block;
        overflow: hidden;
        height: 0;
    }
    body.about .module.intro .module-bd .content .p:last-child span:after{display: none;}*/
    /*body.helpDetail .detail-cont span{margin-bottom: -20px;}
    body.helpDetail .detail-cont span{
        text-align: justify;
    }
    body.helpDetail .detail-cont span:after{
        content:'.';
        width: 100%;
        display: inline-block;
        overflow: hidden;
        height: 0;
    }*/
    body.about .module.intro .module-bd .img {
      padding: 0 0 20px 55px;
      float: right;
      width: 40%;
    }
    body.about .module.intro .module-bd .img img {
      width: 100%;
    }
    body.about .module.intro .module-bd:before,
    body.about .module.intro .module-bd:after {
      display: table;
      content: " ";
    }
    body.about .module.intro .module-bd:after {
      clear: both;
    }
    body.about .module.culture {
      background: #f6f6f6;
    }
    body.about .module.culture .module-hd {
      padding-bottom: 20px;
    }body.about .module.culture .module-bd {
      max-width: 1480px;
      margin: 0 auto;
      padding: 0 40px 50px;
    }
    body.about .module.culture .txt {
      text-align: center;
    }
    body.about .module.culture ul {
      margin: 55px 0 15px;
      *zoom: 1;
    }
    body.about .module.culture ul:before,
    body.about .module.culture ul:after {
      display: table;
      content: " ";
    }
    body.about .module.culture ul:after {
      clear: both;
    }
    body.about .module.culture ul li {
      position: relative;
      float: left;
      padding: 0 15px;
      width: 16.6666%;
    }
    body.about .module.culture ul li span {
      display: block;
      position: relative;
      z-index: 10;
    }
    body.about .module.culture ul li span img {
      display: block;
      width: 100%;
    }
    body.about .module.culture ul li span.hov {
      display: none;
    }
    body.about .module.culture ul li:hover span.int {
      display: none;
    }
    body.about .module.culture ul li:hover span.hov {
      display: block;
    }
    body.about .module.culture ul li:after {
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      right: 0;
      border-top: 1px solid #e6e6e6;
      content: '';
    }
    body.about .module.culture ul li:first-child:after {
      left: 50%;
    }
    body.about .module.culture ul li:last-child:after {
      right: 50%;
    }
    body.about .module.culture .spirit {
      text-align: center;
    }
    body.about .module.culture .spirit h3 {
      margin-bottom: 15px;
      font-weight: 400;
      font-size: 22px;
      color: #17447e;
    }
    body.about .module.history {
      min-height: 471px;
      background: #17447e url(../images/about-history-bg.jpg) no-repeat center bottom;
    }
    body.about .module.history .module-hd {
      padding-bottom: 30px;
      color: #fff;
    }
    body.about .module.history .module-hd h3 {
      color: #fff;
    }
    body.about .module.history .module-hd h3:after {
      background: #fff;
    }
    body.about .module.history .module-bd {
      color: #fff;
    }
    body.about .module.history .history-data {
      position: relative;
      margin: 0 auto;
      width: 800px;
      height: 190px;
      overflow: hidden;
    }
    body.about .module.history .history-data ul {
      position: relative;
      height: 190px;
    }
    body.about .module.history .history-data ul li {
      float: left;
      width: 800px;
      height: 190px;
      text-align: center;
    }
    body.about .module.history .history-data ul li .year {
      height: 70px;
      font: 700 50px/1 Impact;
    }
    body.about .module.history .history-data ul li .text {
      height: 90px;
      line-height: 30px;
      overflow: hidden;
    }
    body.about .module.history .history-axis {
      position: relative;
    }
    body.about .module.history .history-axis .axis-content {
      position: relative;
      margin: 0 auto;
      width: 755px;
      height: 65px;
      overflow: hidden;
      z-index: 10;
    }
    body.about .module.history .history-axis ul {
      position: relative;
      height: 65px;
    }
    body.about .module.history .history-axis ul li {
      padding-top: 32px;
      float: left;
      width: 84px;
      height: 65px;
      background: url(../images/history-scale.png) no-repeat 0 0;
      text-align: center;
      line-height: 1;
    }
    body.about .module.history .history-axis ul li.active {
      font-weight: 700;
      font-size: 16px;
    }
    body.about .module.history .history-axis:after {
      display: block;
      position: absolute;
      left: 0;
      top: 16px;
      width: 100%;
      border-top: 1px solid #fff;
      content: '';
    }
    body.about .module.history .history-nav {
      text-align: center;
    }
    body.about .module.history .history-nav a {
      display: inline-block;
      margin: 0 8px;
      width: 26px;
      height: 26px;
      background: url(../images/history-arrow.png) no-repeat;
      opacity: .6;
    }
    body.about .module.history .history-nav a:hover {
      opacity: 1;
    }
    body.about .module.history .history-nav a.next {
      background-position: -26px 0;
    }
    body.about .footer {
      margin-top: 0;
    }
    /*===========================
    招聘
    ===========================*/
    body.recruit .module.recruit-mod .module-bd {
      padding: 0 30px;
      max-width: 1720px;
      margin: 0 auto;
    }
    body.recruit .recruit-list {
      *zoom: 1;
    }
    body.recruit .recruit-list:before,
    body.recruit .recruit-list:after {
      display: table;
      content: " ";
    }
    body.recruit .recruit-list:after {
      clear: both;
    }
    body.recruit .recruit-list .item {
      float: left;
      padding: 15px 30px;
      width: 50%;
    }
    body.recruit .recruit-list .item .inner {
      position: relative;
      z-index: 10;
    }
    body.recruit .recruit-list .item .inner.show {
      z-index: 20;
    }
    body.recruit .recruit-list .item .inner:after {
      display: block;
      position: absolute;
      right: 60px;
      top: 50%;
      margin-top: -30px;
      width: 59px;
      height: 59px;
      background: url(../images/recruit-list-arrow.png) no-repeat;
      content: '';
      transform: scale(1, -1);
      -webkit-transform: scale(1, -1);
    }
    body.recruit .recruit-list .item .inner:hover,
    body.recruit .recruit-list .item .inner.show {
      z-index: 20;
    }
    body.recruit .recruit-list .item .inner:hover:after,
    body.recruit .recruit-list .item .inner.show:after {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
    body.recruit .recruit-list .item .inner:hover .info,
    body.recruit .recruit-list .item .inner.show .info {
      display: block;
    }
    body.recruit .recruit-list .item .view {
      padding: 10px 140px 0 40px;
      height: 138px;
      background: #17447e;
      color: #fff;
      z-index: 1;
      overflow: hidden;
    }
    body.recruit .recruit-list .item .view .tit {
      font-size: 18px;
    }
    body.recruit .recruit-list .item .view .sal {
      margin-top: 5px;
    }
    body.recruit .recruit-list .item .view .req {
      margin-top: 5px;
      font-size: 12px;
      line-height: 185%;
    }
    body.recruit .recruit-list .item .info {
      display: none;
      position: absolute;
      left: 0;
      top: 138px;
      padding: 25px 20px 40px;
      width: 100%;
      background: rgba(255, 255, 255, 0.95);
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
      color: #444;
      font-size: 12px;
      line-height: 24px;
      overflow: hidden;
    }
    body.recruit .recruit-list .item .info p {
      padding-left: 20px;
    }
    body.recruit .recruit-list .item .info p i {
      float: left;
      margin-left: -20px;
    }
    body.recruit .recruit-list .item .info .opt {
      padding: 35px 0 0 20px;
    }
    /*===========================
    新闻
    ===========================*/
   
    body.news .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 .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.item {
      min-width: 35px;
    }
    .pagenav > a.next,
    .pagenav > a.prev {
      padding: 0 10px;
    }
    .pagenav > a.disabled {
      color: #aaa;
    }
    .pagenav > a.disabled.press {
      background-color: #fff;
      border-color: #e5e5e5;
      color: #aaa;
      cursor: default;
    }
    .pagenav > a + a {
      margin-left: 5px;
    }
    .pagenav > a + a.next {
      margin-left: 10px;
    }
    .pagenav > a.prev + a {
      margin-left: 10px;
    }
}
/*===========================
响应页面宽度
===========================*/
@media (max-width:1280px) and (min-width: 992px){
    .header .nav li .sub-pro-nav .item{padding:0 1%;/*max-width: 155px;*/}
    .header .nav li .sub-pro-nav .item .img img{}
    .header .nav li .sub-pro-nav .item .n{font-size: 12px;}
}
@media (max-width:1366px) and (min-width: 1366px){
   .right-div{
       margin-left: -90px;
   }
}
@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: 2px) {
  .header .inner {
    width:94%;
  }
}
@media screen and (max-width: 1440px) and (min-width: 2px) {
  /* .header .logo {
    left: 20px;
  } */
  .header .nav {
    /*padding-left: 5%;*/
    width: 75%;
  }
  /* .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: 80%;}
    .header .nav li .sub-nav{display: none;}
    .header .nav li{padding: 16px 0.2%;}
}
@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 .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 ul li {
      line-height: 36px;
      text-align: center;
    }
    .header .nav ul li{
      border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    .header.show-nav .nav {
      top:100%;
    }
    .wBanner{/*min-height: 200px;background: #fff no-repeat 25% center/cover;*/}
    /*.wBanner img,.banner img{visibility: hidden;}*/
    /*===========================
    首页
    ===========================*/
    .index_page .swiper-slide{max-height: 400px;height: auto!important;background: #fff no-repeat center/cover;text-align: center;}
    .index_page .swiper-pagination .swiper-pagination-bullet {
      width: 20px;
      height: 1px;
      background: #fff;
      border-radius: 0;
      vertical-align: middle;
      opacity: 1;
    }
    .index_page .swiper-pagination .swiper-pagination-bullet-active {
      width: 30px;
      height: 3px;
    }
    .module .module-hd {
      padding: 25px 0 20px;
      line-height: 1;
      text-align: center;
    }
    .module .module-hd h3 {
      position: relative;
      padding-bottom: 8px;
      text-transform: uppercase;
      font-family: arial;
      font-size: 18px;
      color: #17447e;
    }
    .module .module-hd h3 + p {
      margin-top: 8px;
    }
    .module .module-hd h3:after {
      display: block;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -10px;
      width: 20px;
      height: 2px;
      background: #ed000d;
      content: '';
    }
    .module.recpro .item
    {
        max-width: 100%;
        margin: 10px auto 0;
    }
    .module.recpro .item{
      margin-top: 1px;
      text-align: center;
      position: relative;
    }
    .module.recpro .item-sub{

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

    .module.indapp ul {
      padding: 1px 1px 0 0;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
    }
    .module.indapp ul li {
      padding: 0 0 1px 1px;
      width: 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;
    }
     
  }