.logo{float:left; margin:10px 0 0 0;}
.logo img{ width: 100%; height: auto}


/*导航栏样式*/
#menu{ float: right; width:869px; margin-top:36px;}
.nav{height:62px;}
.nav li{line-height:62px;height:62px;text-align:center;width:121px;float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:62px;color:#000;height:62px;font-size:16px;}
.nav li a:hover{color:#ff0000;text-decoration:none;background: url(../Images/menu_hover.png) no-repeat bottom center; }
.nav li .hover{color:#ff0000;text-decoration:none;background: url(../Images/menu_hover.png) no-repeat bottom center;}

.nav .sec{height:0;background:#000;color:#000;overflow:hidden;z-index:9999;position:absolute;top:62px;left:0px;}
.nav .sec a{background:#000;color:#fff;height:38px;line-height:38px;width:130px;font-size: 14px;}
.nav .sec a:hover{background:#042d3f;text-decoration:none;}


/*首页banner*/
.banner { height: 520px; margin-bottom:50px; width:100%; float:left; position:relative; z-index:-9999}
.banner ul.bb { padding:0px; margin:0px; z-index:5;}
.banner ul.bb li { position:absolute; display:none; height:520px}
.banner ul.bb li img { width:100%; height: 520px;}
.banner .num { position:absolute; z-index:100; width:100%; text-align:center; top:480px;}
.banner .num li { width:40px; height:8px;display:inline-block; margin-right:11px; background:#fff; line-height:18px; text-indent:-100px; overflow:hidden;}
.banner .num li:last-child{ margin-right: 0;}
.banner .num li.num_hover { background-color:#b31b20;}
.banner .num li.num_hover a {  color:#fff;}
.banner .num li a { float:left; display:block; text-align:center; color:#666; text-decoration:none; cursor:pointer; width:18px;  height:18px;  line-height:18px;}
.banner span { position:absolute; top:50%; width:34px; height:64px; margin-top:-32px; z-index:100; background:url(../images/prev.png) no-repeat center center; display:none;}
.banner span.prev { left:90px;}
.banner span.next { background-image:url(../images/next.png); right:90px;}







/*guang index css start*/
.guang { clear:both; width:1220px; margin:0 auto;}
.guang ul { text-align: center; }
.guang ul li { width: 300px; display: inline-block; }
.guang ul li:hover a .img img { top: -119px; }
.guang ul li:hover a h3 { color: #b31b20; }
.guang ul li:hover a p { color: #b31b20; }
.guang ul li:hover a span { opacity: 100; filter: alpha(opacity=100); }
.guang ul li a { display: block; }
.guang ul li a .img { width: 119px; height: 119px; overflow: hidden; margin: 0 auto; }
.guang ul li a .img img { -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -ms-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; position: relative; top: 0; width: 100%; height: 200%; }
.guang ul li a p {  color: #787878;font-size: 14px; line-height: 24px; text-transform: uppercase; }
.guang ul li a h3 { color: #2d2d2d; font-size: 18px;  line-height: 24px; font-weight: 400;margin-top: 16px; margin-bottom:12px; }
.guang ul li a span {  opacity: 0; filter: alpha(opacity=0); font-size: 16px; text-align: center; color: #fff; text-transform: uppercase; background: #b31b20;
    -webkit-border-radius: 12px;  -moz-border-radius: 12px;  border-radius: 12px;  width: 103px; line-height: 38px; display: block;  margin: 18px auto 0; }


/*首页关于*/
.about{ width:100%; float:left; background:url(../images/about_bg.jpg) no-repeat center; height: 465px; color:#FFFFFF; margin:50px 0;}
.about-text{ width:670px; margin:0 auto; padding-left:520px; padding-top:50px;}
.about h2{ font-size:24px; font-weight:normal;}
.about-content {font-size: 16px; color: #fff; line-height: 32px; margin-top: 30px; height: 245px; overflow: hidden;}
.about-more{ width:126px;  height: 40px;  border:1px solid #fff; border-radius: 30px;}
.about-more a{ display: block;  text-align: center; font-size: 16px; color: #fff; line-height: 40px;}
.about-more a:hover{ color:#FF0004;}




/*box1*/
.tit1{ text-align: center; background:url(../images/product.png) no-repeat center; height:81px;}
.tit1 h2{ color: #454545; font-size: 22px; line-height: 71px; text-align:center;}
.tit1 .tit1line{ margin:0 auto;  width: 208px; height: 15px;  background: url(../images/tit1.png) no-repeat; margin-bottom: -8px;}
.b1_index{ overflow: hidden; margin-top: 26px;}
.b1_index .tabli{ width: 850px; margin:0 auto;}
.b1_index .tabli li{ width: 144px; height: 41px; line-height: 41px; text-align: center; background:#1f55bb; margin-right: 32px; color: #fff; float: left; font-size: 16px;}
.b1_index .tabli li:last-of-type{  margin-right: 0;}

.b1_index .tabli li.cur{  background: #f67406;}
.b1_index .b1a{  overflow: hidden;}
.b1_index .b1b{  overflow: hidden;}
.b1_index .b1b .tab{ display: none;}
.b1_index .b1b li{ width: 31%; margin-right: 38px; margin-top: 30px; overflow: hidden; text-align: center; float: left; border:1px solid #e5e5e5; padding-bottom:30px;}
.b1_index .b1b li img{ width:100%; height:auto;}
.b1_index .b1b li:nth-of-type(3n){ margin-right: 0;}
.b1_index .b1b li p{ margin-top: 15px; color: #000000; font-size: 16px; line-height: 16px;}
.b1_index .b1b li:hover{ border:1px solid #305dc3;}
.b1_index .b1b li p:hover{ color:#FF0004}
.b1_index .b1b li:hover .img {-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}


.set01{ width:100%; float:left; background:url(../images/big.jpg) no-repeat center; height:242px; margin-top:30px;}
.set01 .set01_l{ float: left; width:500px; padding:38px 0 0 66px; color:#FFFFFF;}
.set01 .set01_l h2{ font-size:24px; font-weight:normal;}
.set01 .set01_l p{ font-size:14px; margin:10px 0 30px; line-height:24px; color:#dae5ff;}
.set01 .set01_l em{ text-align:center; font-style:normal; font-size:24px; float:left; width:100%;}
.set01 .set01_r{ float:right; width:634px; height:auto; position:relative;}
.set01 .set01_r .img1{ position:relative; float:left; left:60px;}
.set01 .set01_r .img2{ position:relative; float:left; bottom:250px; left:320px;}

/*动态*/
.news{ width:1200px; margin:0 auto; margin-top:60px;}
.tit2{ text-align: center; background:url(../images/news.png) no-repeat center; height:81px;}
.tit2 h2{ color: #454545; font-size: 22px; line-height: 71px; text-align:center;}
.news .news-text{ width:1200px; float:left; margin-top:35px;}
.news .news-text li{ width:570px; margin-right:20px; height:133px; float:left; background:#0b4992; padding-right:20px;}
.news .news-text li:nth-of-type(2n){ margin-right: 0;}
.news .news-text li .img{ float: left; width:175px; height:auto; margin-right:22px}
.news .news-text li h2{ font-size:16px; color:#FFFFFF; margin-top:20px;}
.news .news-text li h2 span{ font-weight:normal; font-size:14px; color:#cbe3ff; float:right;}
.news .news-text li p{ font-size:14px; color:#cbe3ff; margin-top:14px; line-height:24px;}

.news .news-list{ float:left; margin-top:20px;}
.news .news-list li{ float:left; width:590px; margin-right:20px; line-height:42px; border-bottom:1px dashed #dbdbdb;}
.news .news-list li span{ float:right;}
.news .news-list li a{ background:url(../images/ico5.png) no-repeat 0 2px; padding-left:23px;}
.news .news-list li:nth-of-type(2n){ margin-right: 0;}

footer{ width:100%; float:left; background:#1b1b1b; height:150px; padding:50px 0; margin-top:30px;}
footer .footer_l{ float: left; width:1050px;}
footer .footer_l ul{ border-bottom:1px solid #535353; float:left; padding-bottom:20px;}
footer .footer_l li{ width:280px; float:left; padding-left:60px;}
footer .footer_l .tel{ background:url(../images/ico6.png) no-repeat 0 0px; height:48px;}
footer .footer_l .pho{ background:url(../images/ico6.png) no-repeat 0 -48px; height:48px;}
footer .footer_l .add{ background:url(../images/ico6.png) no-repeat 0 -96px; height:48px;}
footer .footer_l li h2{ font-size:14px; color:#fff; margin-bottom:4px;}
footer .footer_l li p{ color:#FFFFFF; font-size:13px;}
footer .footer_bottom{ line-height:28px; margin-top:16px; float:left; color:#FFFFFF}
footer .footer_bottom a{ color:#FFFFFF}
footer .footer_r{ float: right;}


#nbanner {position:relative; z-index:-1; width:100%;}
#nbanner img{ width:100%; height: auto;}

.nav_menu {clear: both;width: 80%;line-height: 68px;height: 68px;background: #17447e; padding:0 10%;}
.nav_menu ul{float: left; width:75%;}
.nav_menu ul li {float: left;position: relative;}

.nav_menu ul li a {float: left;padding: 0 25px;color: #fff;font-size: 14px;line-height: 68px;}
.nav_menu ul li a:hover{ background:url(../images/ico8.png) no-repeat center 0;}
.nav_menu ul li .act { background:url(../images/ico8.png) no-repeat center 0;}

.nav_menu ul li a em{display: block;width: 100%;height: 0;z-index: -1;position: absolute;left: 0;bottom: 0;background: #2c538b;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.nav_menu ul li a.on em,.nav_menu ul li a:hover em{height: 100%;}
.nav_menu ul li a.on,.nav_menu ul li a:hover {color: #fff;}

.right { float:right; text-align:right; width:25%;}
.right .location { font-size: 12px; text-align: right; height: 68px; line-height: 68px;}
.right .location .home { background: url("../images/icon-coordinates.png") no-repeat 0 center; padding-left: 25px;}
.right .location ul{ width:auto; text-align:right}
.right .location li { display: inline-block;}
.right .location li span { margin: 0 5px 0 6px; color: #fff;}
.right .location .active { color: #fff; font-size:14px;}
.right .location li a{ padding:0; color:#fff; line-height:68px;}
.right .location li a:hover{ color:#FF0004}

.module-hd { padding: 0 0 60px; line-height: 1; text-align: center;}
.module-hd h3 { position: relative; padding-bottom: 13px; font-weight: 400; text-transform: uppercase;font-family: arial;font-size: 30px; color: #17447e; }
.module-hd h3 + p { margin-top: 13px; }
.module-hd h3:after {display: block; position: absolute; bottom: 0; left: 50%; margin-left: -17px;width: 34px;height: 3px; background: #ed000d; content: ''; }
.module-hd p {font-size: 20px; }

.content{ text-align:justify; line-height: 280%;  /*word-break: break-all;*/ width: 76%; float: left; margin-bottom:30px; padding:60px 12% 0}

.fangshi{display:flex;justify-content:space-between;padding:50px 0px;}
.fangshi .map{width:63.5%;display:flex;align-items:center;}
.fangshi .lianxi{width:33.5%;}
.fangshi .lianxi h3{font-weight:bold;font-size:1.8rem;color:#323232;line-height:30px;}
.fangshi .lianxi section{font-size:1.6rem;line-height:26px;padding:20px 0px 0px;}
.fangshi .lianxi section h4{margin:0;font-weight:bold;font-size:22px;line-height:30px; margin-bottom:20px;}
.fangshi .lianxi section p{ font-size:18px; line-height:32px;}


#contact_tent{ width:50%; float:left; margin-top:35px;}
#contact_tent h4{ font-size:22px;}
#contact_tent p{ line-height:34px; font-size:18px;}
#map{ width:50%; float:right; margin-top:35px;}
#containermap { width:100%; height:400px; background-color:#eee; border:1px solid #DCDCDC}
#containermap .tt { padding:0; margin:0; line-height:30px; font-size:18px }
#imgDemo { float:left; margin-right:10px; width:100px; height:80px }
#containermap .add { font-size:12px; line-height:20px; padding:0; margin:0; color:#666 }

 .main { margin: 0 auto;  max-width: 1800px; margin-top:60px;}
    .news-list { *zoom: 1; width:1200px; margin:0 auto;}
    .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; }
	
	.news-list li{ float:left; width:100%; line-height:45px; line-height:45px; border-bottom:1px double #D4D4D4}
	.news-list li span{ float: right;}
	
	

   
    /*===========================
    新闻
    ===========================*/
    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); }


nav.pagelist { clear: both; text-align: center; font-size: 1.4em; padding: 18px 0px 35px 0px; background:none;}
nav.pagelist a { border: #9aafe5 1px solid; margin-right: 5px; padding: 3px 7px; color: #2e6ab1; font-size:14px;}
nav.pagelist a:hover { color: #e06f23; text-decoration: none; }
nav.pagelist span.current { color: #fff; background-color: #2e6ab1; margin-right: 5px; padding: 3px 7px; }
nav.pagelist span.disabled { border: #ccc 1px solid; margin-right: 5px; padding: 3px 7px; color: #3C3C3C; }
nav.pagelist a.selectedd{ color: #f00}

.n_body {overflow:hidden; margin-bottom:10px; float:left; width:100%; margin-top:40px;}
.n_body img{ width:100%; height:auto;}
#news_info { min-height:468px; height:auto !important; height:468px; overflow:visible;}
#news_info a { color:#3C3C3C; }
#news_info a:hover { color:#FA4A1F; }
#news_info .article_title { font-size:16px; font-weight:bold; margin:0px; text-align:center; line-height:28px; }
#news_info .atdes { line-height:36px; text-align:center; border-bottom:1px dotted #BCBCBC; padding-bottom:8px;}
#news_info .atdes span{ padding:0px 6px; }
#news_info .news_body { font-size:14px; padding:18px 12px; line-height:28px; text-align:left;}
#news_info .news_body img { border:1px solid #CCC; }
#news_info .news_body p { font-size:14px; margin:0px 0px 6px 0px; }
#news_info .news_body p.pcut span { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; font-weight:bold; color:#0473EC; }
#news_info .news_body p.pcut a { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; color:#9E9E9E; }
#news_info .news_body p.pcut a:hover { text-decoration:none; color:#0473EC; }
#news_info .news_body a { color:#094B9F; }
#news_info .news_body a:hover { text-decoration:underline; color:#094B9F; }
#updown { font-size:14px; border-top:#BCBCBC 1px dotted; line-height:24px; padding-top:8px; padding-bottom:8px; text-align: center; float:left; width:100%; margin-top:18px;}
.prevnext { clear: both; padding: 16px 17px 25px 17px; text-align: center; height: auto !important; overflow: hidden; border-top:1px dashed #CCC;}
.prevnext .previous { font-size: 14px; width: 50%; float: left; text-align: left; }
.prevnext .next { font-size: 14px; width: 50%; float: right; text-align: right; }

    /*===========================
    产品
    ===========================*/
    .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; }
    .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 40px;
        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; width:98%; overflow:hidden; margin:0 1%;}
    .product-list:before,
    .product-list:after { display: table; content: " "; }
    .product-list:after {  clear: both; }
    .product-list .item { margin-right:11px; margin-bottom:20px;  position: relative; float: left; width: 32.8%; }
	.product-list .item:nth-of-type(3n){ margin-right:0;}
    .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; }
   ctDetail .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;}
   
   
  h1{font-size:14px;font-weight:normal;}

    .hide_pc{display: none!important;}

    body.productDetail .detail-base { margin: 65px auto 70px;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: 70px;
      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;
    }