﻿.style-primary{}
a{text-decoration: none;color:inherit;}
a:hover {text-decoration: none;}

/*head*/
.style-primary .search-icon{}
.style-primary .search-icon:hover{}

/*page*/
.u-paging{margin-top: 30px;}
    .paging-inner{height: 40px;margin: 0 auto;font-size: 0;text-align: center;}
    .paging-inner a,.paging-inner span {margin:0 5px;height: 38px;line-height: 38px;width: 38px;color: #666;font-size: 16px;background-color: #fff;border: 1px solid #e5e5e5;transition: 0.3s;display: inline-block;vertical-align: top; text-align: center;}
    .paging-inner .current,.paging-inner a:hover{background-color: #cf181b;color: #fff;border-color: #cf181b;}
    .paging-inner .prev{background:#fff url(../image/page-prev.png) no-repeat center center;}
    .paging-inner .next{background:#fff url(../image/page-next.png) no-repeat center center;}
    .paging-inner .prev:hover{background:#cf181b url(../image/page-prevh.png) no-repeat center center;}
    .paging-inner .next:hover{ background:#cf181b url(../image/page-nexth.png) no-repeat center center;}

/*model-class*/
.style-primary .wsc-class .active .classItema a,.classItema:hover a{color: #cf181b;}
    .style-primary .classItem a:hover{color: #cf181b;}
    .style-primary .classItem:hover i{background-image: url(../image/pc-moreh.png);} 

 .style-primary .classItem2 a:hover , .style-primary .active .classItema{color: #cf181b; }
 .style-primary .classItem2 i{background-color: #cf181b;}
 .style-primary .classItem2:hover i, .style-primary .classItem2.active i{width: 100%;}

/*tags*/
.style-primary .wsc-tags a:hover{border-color: #cf181b;background-color: #cf181b;color: #fff;}

/*search*/
.style-primary .wsc-search-list .list-item:hover .list-tit{color: #cf181b;}
.style-primary .search-none-tip a{color: #cf181b;}
.style-primary .search-tab .active a,.style-primary .search-tab li:hover a{color: #cf181b;}
.style-primary .sl-count span,.style-primary .s-key{color: #cf181b;}
.style-primary .search-tab li span{background-color: #cf181b;}
.style-primary .search-form input:focus{border-color: #cf181b;}
.style-primary .btn-search{background-color: #cf181b;}
.style-primary .btn-search:hover{background-color: #a11e21;}

/*listItem*/
.style-primary .lTitMore:hover{color: #cf181b;}
.style-primary .lTit .line{background-color: #cf181b;}


/*detailpage*/

.style-primary .rTit .line{background-color: #cf181b;}

.style-primary .rlist-style3 .list-btn1{border: solid 1px #EA9720;color: #EA9720;}
.style-primary .rlist-style3 .list-btn1:hover{background-color: #EA9720;color: #fff;}
.style-primary .rlist-style3 .list-btn2{ border: solid 1px #cf181b;color: #cf181b;}
.style-primary .rlist-style3 .list-btn2:hover{background-color: #cf181b;color: #fff;}


.style-primary .d-backlist:hover{color: #cf181b;}



.btn{width: 240px;height: 48px;font-size: 16px;line-height: 48px;display: inline-block;vertical-align: top;box-sizing: border-box;transition: 0.36s;text-align: center;border-radius: 2px;cursor: pointer;}

.btn-online{background-color: #CF181B;color: #fff;}
.btn-online:hover{background-color: #a11e21;}

.btn-tel{font-weight: bold; background:rgba(245,245,245,1);color: #CF181B;cursor: text;line-height: 48px;}
.btn-tel span {
  padding-left: 28px;
  display: inline-block;
  background: url(../image/btn-tel.png) no-repeat left center;
}
.btn-submit{background-color: #cf181b;color: #fff;}
.btn-submit:hover{background-color: #1d4ea2;}
.btn-red{
  color: #fff;
  background-color: #BE2E10;
}
.btn-red:hover{
  background-color: #8e2712;
}
.btn-redbd  {
  color: #cf181b;
  border:1px solid rgba(207,24,27,1);
}
.btn-redbd:hover{
  color: #fff;
  border:1px solid #a11e21;
  background-color: #a11e21;
}
.btn-redbd2{
  color: #BE2E10;
  border:1px solid #BE2E10;
}
.btn-redbd2:hover{
  color: #fff;
  background-color: #BE2E10;
}
.btn-white{background-color: #fff;border: solid 1px #eaeaea;color: #999999;line-height: 48px;}
.btn-white:hover{background-color: #cf181b;color: #fff;}

/* pdimg 轮播组件 */
.style-primary .picshowControl span.active{
    background-color: #cf181b;

} 
.style-primary .picshowsmall ul li.active{
    border: solid 2px #cf181b;
}
/* 
产品详情导航吸顶 
*/
/* 
产品详情导航吸顶 
*/
.style-primary .pdTab li:hover a,.pdTab .active a{
  color: #cf181b;
  border-top: 6px solid #cf181b;
  background-color: #fff;
}
.pd-div{
padding: 100px 40px 40px;
background-color: #fff;
}

/* 
form 
*/
.style-primary .fm-tit .line{
    background-color: #cf181b;
}
.style-primary .wsc-form .sel-list li:hover,.style-primary .wsc-form .sel-list li.active{color: #cf181b;}

.pdTab li a{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 
album - picture - details 
*/
.style-primary .albumShowListp:hover,.albumShowListn:hover{
    background-color: #cf181b;
}
.style-primary .albumShowListCon li.active a{
    border: solid 2px #cf181b;
}

/* 
detlink 
*/
.wsc-detlink .dl-prev:hover .item-dd,.wsc-detlink .dl-next:hover .item-dd{
    color: #cf181b;
}

.style-primary .fn-text a:hover{
    color: #ffffff;
}
.style-primary .fn-list a:hover{
    color: #fff;
}
.style-primary .wsc-bottom a:hover{
    color: #aaaaaa;
}




/* 
contact us 
*/
.style-primary .cominfo-main .ico-tel{background: #cf181b url(../image/tel-ico.png) no-repeat center center;}
.style-primary .cominfo-main .ico-em{background: #cf181b url(../image/em-ico.png) no-repeat center center;}
.style-primary .cominfo-main .ico-pos{background: #cf181b url(../image/pos-ico.png) no-repeat center center;}




/* 
indexPage 
*/
.index-tip{background-color: #cf181b;}
.style-primary .list-more:hover {color: #cf181b;}




.fb-wx:hover,.fb-online:hover,.fb-tel:hover,.fb-em:hover,.fb-top:hover{
    background-color: #cf181b;
}
.fbarCon{
    background-color: #cf181b;
}
.index-tip{background-color: #cf181b;}

.wsc-top {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #262626;
}
.wscH-line {
  padding-left: 1px;
  margin: 0 20px;
  background: url("../image/wsc-head-line.png") no-repeat left center;
}
.wsc-top{
  color: #999;
}
.wsc-top-main {
  height: 40px;
}
.wsc-top-main .left-block a{
  font-size: 14px;
  color: #999;
  transition: 0.3s;
}
.wsc-top-main .left-block a:hover{
  color: #fff;
}
.inMain {
  max-width: 1420px;
  margin: auto;
  min-width: 1180px;
  position: relative;
}
.wscH-vx {
  cursor: pointer;
  color: #999999;
  transition: 0.36s;
  padding-left: 25px;
  background: url("../image/wsc-vx.png") no-repeat left center;
  position: relative;
}
.ft-more{
  font-size: 14px;
}
.wscH-vx img {
  position: absolute;
  display: none;
  z-index: 9999;
  left: -16px;
}
.wscH-vx:hover {
  color: #fff;
  background: url("../image/wsc-vxh.png") no-repeat left center;
}
.wscH-vx:hover img {
  display: block;
}
.wscH-tel span{
  color: #ED161F;
 
}
.wsc-logo-tit{
  float: left;
  font-size:16px;
  height:42px;
  border-left:1px solid rgba(235,235,235,1);
  margin: 30px 0 26px 20px;
  padding-left: 20px;
  box-sizing: border-box;
 color:#333333;
}
.wsc-logo-tit .log-tit{
  margin-top: -6px;
}
.wsc-logo-tit .log-msg{
  color:#ED1C25;
  margin-top: 4px;
}
.header-fix .wsc-headNav .active .hn-text{
  color: #ffffff;
  font-weight: bold;
}
.wsc-headNav .active .hn-text {
  color: #CF181C;
  font-weight: bold;
}
.header-fix .wsc-headNav .hn-text:hover {
  color: #ffffff;
  font-weight: bold;
}
.wsc-headNav .hn-text:hover {
  color: #CF181C;
  font-weight: bold;
}
.new_add_Bnav {
   display: none;    
  position: absolute;
  left: 0;
  right: 0;
  max-width: 1420px;
  min-width: 1180px;
  top:  140px;
  bottom: 0;
  height:325px;
  background:rgba(255,255,255,1);
  box-shadow:0px 6px 8px 0px rgba(0, 0, 0, 0.16);
  margin: auto;
  z-index: 99;
  padding-top: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-top: 1px solid #e0e0e0;
}

.nav-pro {
  padding: 26px 3px 40px;
}
.nav-pro-list {
  float: left;
  width: 224px;
  padding:0 29px;
  border-left:1px solid rgba(242,242,242,1); 
}
.new_add_Bnav .nav-pro-list{
  height: 258px;
}
.nav-pro-list:first-child{
   border-left: none;  
}

.nav-pro-top{
  width:224px;
  display: inline-block;
  height:84px;
  padding: 10px 12px;
  background:rgba(245,245,245,1);
  box-sizing: border-box;
}
.nav-pro-img{
  height: 64px;
  float: left;
}
.nav-pro-tit{
  float: left;
  font-size: 18px;
  margin-top: 20px;
  line-height: 22px;
  color: #333333;
  font-weight: bold;
  margin-left: 22px;
  text-align: center;
  transition: 0.3s;
}
.nav-pro-top a{
  display: block;
}
.nav-pro-top:hover .nav-pro-tit {
  color: #CF181C;
}
.nav-pro-main li{
  height:15px;
  margin-top: 14px;
  line-height: 15px;
  font-size:14px;
  color: #666;
  padding-left: 12px;
  background:  url(../image/nav-icon.png) no-repeat left center;
}
.nav-pro-main li:hover{
  color:#CF181C;
}
 @media screen and (max-width: 1440px){
  .new_add_Bnav{
      width: 1180px;
  }
   .nav-pro-list{
padding: 0 17px;
width: 200px;
  }
  .nav-pro-top{
    width: 200px;
  }
}
.foot-main .foot-nav {
  width: 690px;
}
.ft-right {
  width: 438px;
  border-left: 1px solid rgba(230, 230, 230, 0.05);
  padding-left: 50px;
}
 
.ft-lx {
  margin-top: 16px;
  color: #999999;
  font-size: 16px;
  line-height: 24px;
}
.ft-lx div {
  margin-top: 15px;
  padding-left: 35px;
}
.ft-lx div:first-child {
  margin-top: 0;
}
.ft-lx .ft-tel {
  background: url("../image/ft-tel.png") no-repeat left center;
}
.ft-lx .ft-eml {
  background: url("../image/ft-eml.png") no-repeat left center;
}
.ft-lx .ft-site {
  background: url("../image/ft-site.png") no-repeat left center;
}
.ft-search {
  width: 640px;
}
.ft-search .search-btn {
  margin-right: -120px;
  width: 120px;
  height: 50px;
  float: left;
  background: #CF181B url(../image/pc-searchbut-ico.png) no-repeat center;
  cursor: pointer;
  transition: 0.36s;
}
.ft-top{
  padding-bottom: 42px;
  border-bottom: 1px solid rgba(230, 230, 230, 0.1);
}
.ft-search .search-btn:hover{background-color: #a11e21;}
.ft-search input {
  background-color: #404040;
  border: none;
}
.ft-wx {
  width: 99px;
  margin-top: 20px;
  text-align: center;
}
.ft-wx P {
  color: #cccccc;
  font-size: 16px;
  line-height: 20px;
}
.ft-wx-img {
  margin-top: 10px;
  width: 99px;
  overflow: hidden;
}
.ft-wx-img img {
  width: 100%;
}
.ft-lx .btn{
  width:240px;
  margin-top: 34px;
  padding-left: 0;
  height:44px;
  line-height: 44px;
}
.wsc-foot{
  padding-bottom: 0;
  background-color: #262626;
}

/*3个链接*/
.wsc-card {
  padding: 60px 0;
  background: url("../image/card-bg.jpg") no-repeat center top;
}
.wsc-card .cTit{
  color: #fff;
  font-size:30px;
  text-align: center;
  margin-bottom: 30px;
  font-weight: bold;
}
.card-list {
  float: left;
  width: 380px;
  height: 260px;
  margin-left: 20px;
}
.card-list:first-child {
  margin-left: 0;
}
.card-list01 {
  background: url("../image/card-img1.jpg") no-repeat center top;
}
.card-list02 {
  background: url("../image/card-img2.jpg") no-repeat center top;
}
.card-list03 {
  background: url("../image/card-img3.jpg") no-repeat center top;
}
.card-list .list-info {
  padding: 40px 0 0 30px;
  box-sizing: border-box;
}
.card-list .list-tit {
  font-weight: bold;
  color: #333333;
  font-size: 20px;
  height: auto;
}
.card-list .list-tex{
  color: #666;
  margin-top: 20px;
  line-height:24px;
  font-size: 14px;
  height: 72px;
}
.card-list .list-btn {
  margin-top: 26px;
}
.card-list .list-btn .btn {
  width: 160px;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
}
 /*新闻百科*/
.rTitText2 {
  color: #999;
  height: 24px;
  line-height: 24px;
}
.rText {
  float: left;
  font-size: 24px;
  color: rgba(51, 51, 51, 1);
  line-height: 24px;
  font-weight: bold;
  padding-left: 16px;
  background: url("../image/tit-line.jpg") no-repeat left center;
}
.rTitMore {
  margin-top: 0;
  transition: 0.3s;
}
.rTitMore span {
  padding-right: 18px;
  background: url("../image/jt-grag.png") no-repeat right center;
}
.rTitMore:hover {
  color: #cf181b;
}
.rTitMore:hover span {
  background: url("../image/jt-hover.png") no-repeat right center;
}
.wsc-news-bk {
  padding: 60px 0;
}
.inb4-bot-left {
  width: 668px;
}
.inb4-news {
  margin-top: 22px;
}
.inb4-news-list {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #ebebeb;
  padding-left: 200px;
}
.inb4-news-list:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.inb4-news-list .list-img {
  width: 172px;
  height: 130px;
  float: left;
  overflow: hidden;
  position: relative;
  margin-left: -200px;
}
.inb4-news-list .list-img img {
  width: 100%;
  height: 100%;
  transition: 0.36s;
}
.inb4-news-list:hover .list-img img{
  transform: scale(1.08);
}
.inb4-news-list .list-info {
  width: 100%;
  float: left;
}
.inb4-news-list .list-tit {
  font-size: 18px;
  line-height: 30px;
  color: #333;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inb4-news-list .list-tit:hover {
  color: #cf181b;
}
.inb4-news-list .list-time {
  display: block;
  margin-right: 0;
  margin-top: 11px;
  color: #999999;
  font-size: 14px;
}
.inb4-news-list .list-text {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 20px;
}
.inb4-bot-right {
  width: 474px;
}
.inb4-bk {
  margin-top: 22px;
  background-color: #f5f5f5;
  padding: 10px 18px;
}
.inb4-bk-list {
  height: 56px;
  box-sizing: border-box;
  border-top: 1px dashed #ebebeb;
}
.inb4-bk-list:first-child {
  border-top: none;
}
.inb4-bk-list .list-tit {
  height: 56px;
  float: left;
  line-height: 56px;
  color: #333333;
  font-size: 16px;
  width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inb4-bk-list .list-tit:hover {
  color: #cf181b;
}
.inb4-bk-list .list-tit span {
  width: 6px;
  height: 6px;
  margin-right: 9px;
  display: inline-block;
  line-height: 56px;
  background-color: #999999;
  border-radius: 50%;
  vertical-align: middle;
}
.inb4-bk-list .list-time {
  float: right;
  line-height: 56px;
  color: #999999;
  font-size: 14px;
  margin-right: 0;
}/*设备*/
.wsc-fac {
  padding: 60px 0;
  background-color: #f5f5f5;
}
.fac-list {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #ebebeb;
}
.fac-list:first-child {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
.fac-tit {
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  font-weight: bold;
}
.fac-text {
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  margin-top: 10px;
}
.fac-text a {
  color: #CF181B;
}
.fac-title {
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  font-weight: bold;
}
.fac-link {
  float: left;
}
.fac-link a {
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  margin-right: 10px;
  display: inline-block;
  transition: 0.3s;
}
 
.fac-link-an a{
  height: 24px;
 width: 240px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.fac-link-an .fac-title{
  width: 126px;
overflow: hidden;
}
.fac-link a:hover {
  color: #cf181b;
}
.fac-link em {
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  vertical-align: top;
}
.fac-link span {
  display: inline-block;
}
