h1{
  font-size:14px;
  font-weight:normal;
}

@media (min-width: 992px) {

    * {
      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;
    }

    .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(/inc/file/PIE.htc);}

    .tmp-banner{position: fixed;width: 100%;left: 0;top: -100%;z-index: 1010;}
    /*===========================
    头部
    ===========================*/


    /*===========================
    产品
    ===========================*/

    body.productDetail .detail-base {
      margin: 65px auto 105px;
      max-width: 1600px;
      *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: auto;
    }
    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: 50px;
      font-weight: 100;
      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(../image/product-detail-tab.jpg) repeat-x center 0;
    }
    body.productDetail .tab-detail .tab-tit {
      margin: 0 auto;
      max-width: 1600px;
      height: 77px;
      line-height: 77px;
      color: #fff;
      font-size: 22px;
      font-weight: 700;
    }
    body.productDetail .tab-detail .tab-trg {
      margin: 0 auto;
      max-width: 1600px;
    }
    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: 1600px;
      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.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(../image/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(../image/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(../image/video-hover.png) no-repeat;
      content: '';
    }
    .video-list .item.col-2 {
      width: 50%;
    }


}
/*===========================
响应页面宽度
===========================*/






@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){

    .ell {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .flex {
      display: -webkit-flex;
      display: flex;
    }

    /* 动画属性 */
    .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;
    }


    /*===========================
    预设
    ===========================*/
    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;
    }


    /*===========================
    产品
    ===========================*/

    .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(../image/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;
    }

    /*===========================
    视频
    ===========================*/
    .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(../image/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(../image/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(../image/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;
    }



}


@media (max-width:640px) {

    .video-js,.video-win .video-frame video{width: 100%;}

}