@charset "UTF-8";
.subnav-product-tit{
  display: block;
  border-top: 2px solid #d90000;
  border-right: 1px solid #dedddd;
  border-bottom: 1px solid #dedddd;
  border-left: 1px solid #dedddd;
  font-size: 23px;
  color: #d90000;
  line-height: 46px;
  padding-left: 20px;
}
.subnav-product-list{
  /*width: 243px;*/
  width: 365px;

}
.subnav-product-list ul{
  margin-top: 3px;
}
.subnav-product-list li{
  height: 36px;
  line-height: 36px;
  margin-top: 8px;
  padding-left: 20px;
  font-size: 14px;
  color: #666;
  background: #dbdbdb;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.subnav-product-list li.on{
  background: #d90000;
  color: #ffffff;
}
.subnav-product-list li.on a{
  color: #ffffff;
}
.page-product-box{
  /*width: 930px;*/  
  width: 808px;
  padding-left: 20px;
}
.page-product-box .page-tit1 {
  padding-bottom: 15px;
  font-size: 24px;
  color: #333333;
}

.page-box1{
  background: #f6f7f8;
  padding: 10px;
  box-shadow: 0px 0px 8px 5px rgba(228,229,232,.3);
  }
.page-box1 .box{
  float: left;
  width: 260px;
  height: 350px;
  padding: 0 20px;
  background: #fafafa;
  box-shadow: 0px 0px 5px 2px rgba(228,229,232,.5);
  }
.page-box1 .icon1{
  display: block;
  width: 89px;
  height: 130px;
  margin: auto;
  background: url(../images/page-icon1.png) 0 50% no-repeat;
  }
.page-box1 .icon2{
  display: block;
  width: 92px;
  height: 130px;
  margin: auto;
  background: url(../images/page-icon2.png) 0 50% no-repeat;
  }
.page-box1 .icon3{
  display: block;
  width: 99px;
  height: 130px;
  margin: auto;
  background: url(../images/page-icon3.png) 0 50% no-repeat;
  }
.page-box1 p{
  height: 150px;
  margin-bottom: 15px;
  line-height: 1.8;
  font-size: 14px;
  color: #808080;
  overflow: hidden;
  }
.page-box1 .bottom{
  display: block;
  height: 50px;
  line-height: 50px;
  border-top: 1px solid #dadada;
  font-size: 20px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  }
.page-box1 .bottom em{
  color: #d90000;
  }

.page-box2{
  padding: 20px 10px 30px 10px;
  }
.page-box2 p{
  line-height: 1.8;
  font-size: 20px;
  color: #333;
  }
.page-box2 ul{
  padding-top: 10px;
  }
.page-box2 li{
  font-size: 18px;
  line-height: 1.8;
  color: #333;
  }
.page-box3{
  background: #fafafa;
  padding: 10px;
  box-shadow: 0px 0px 8px 5px rgba(228,229,232,.3);
  }
.page-box3 .bg{
  background: #fff;
  padding: 20px 10px 10px;
  }
.page-box3 .box1{
  width: 420px;
  height: 300px;
  overflow: hidden;
  }
.page-box3 .box2{
  width: 470px;
  height: 280px;
  padding-left: 40px;
  border-left: 1px solid #dadada;
  overflow: hidden;
  }
.page-box3 .box2 .tit1{
  display: block;

  margin-bottom: 25px;
  font-size: 36px;
  color: #d90000;
  padding-left: 40px;
  background: url(../images/page-icon4.png) 0 50% no-repeat;
  }
.page-box3 .box2 ul{}
.page-box3 .box2 li{
  display: block;
  line-height: 1.8;
  font-size: 16px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  }

.layoutWrap{margin-top: 100px; margin-bottom: 100px; }
.introTit{font-size: 20px; text-align: center;}
.layoutBox{margin-top: 40px; position: relative; height: 680px;}
.layoutTxt p{text-align: center; line-height: 24px; color: #808080;}
.layoutTxt p em{color: #333;}
.layoutItem-center{position: absolute; top: 0; left: 0;bottom: 0; right: 0; width: 470px; height: 340px; margin: auto;}
.layoutItem-center span{display: block; position: absolute; top: 0; left: 0;bottom: 0; right: 0; width: 260px; height: 260px; margin: auto;}
.layoutItem-center span img{transition: .2s}
.layoutItem-center span img:hover{transform: scale(1.15);}
.layoutItem-center .layout_name{ top: 520px; text-align: center; color: #333; font-size: 18px; line-height: 1.8; white-space: normal; word-break: break-all;}
.layoutItem .img{
  width: 240px;
  height: 202px;
  }
.layoutItem span{display: block;}
.layoutItem span img{transition: .2s}
.layoutItem span img:hover{transform: scale(1.15);}
.layout_name{display: block; width: 240px; padding-top: 10px; color: #333; font-size: 18px; line-height: 1.8; overflow: hidden; white-space: normal; word-break: break-all;}
.layItem1,.layItem2,.layItem3,.layItem4{position: absolute; z-index: 1;}
.layItem1{left: 70px; top: 10px;}
.layItem2{right: 30px; top: 10px;}
.layItem3{left: 70px; top: 480px;}
.layItem4{right: 30px; top: 480px;}
.layArr{background: url(../images/layout_arr.png) no-repeat; position: absolute; z-index: 1; display: block; width: 43px; height: 44px;}
.layoutBox .arr1{ left: 60px; top: 20px;}
.layoutBox .arr2{ right: 60px; top: 20px; transform: rotate(90deg);}
.layoutBox .arr3{ left: 60px; bottom: 20px; transform: rotate(-90deg);}
.layoutBox .arr4{ right: 60px; bottom: 20px; transform: rotate(180deg);}

.page-box4{
  background: #fafafa;
  padding: 10px;
  box-shadow: 0px 0px 8px 5px rgba(228,229,232,.3);
  }
.page-box4 .bg{
  background: #fff;
  padding: 20px 10px 10px;
  }
.page-box4 .box1{
  width: 500px;
  height: 320px;
  padding-left: 20px;
  overflow: hidden;
  }
.page-box4 .box1 .tit1{
  display: block;
  
  margin-bottom: 25px;
  font-size: 36px;
  color: #d90000;
  padding-left: 40px;
  background: url(../images/page-icon5.png) 0 50% no-repeat;
  }
.page-box4 .box1 p{
  line-height: 1.8;
  font-size: 16px;
  color: #666;
  }
.page-box4 .box1 ul{}
.page-box4 .box1 li{
  display: block;
  line-height: 1.8;
  font-size: 16px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  }
.page-box4 .box2{
  width: 366px;
  height: 321px;
  }
.page-pic{
  position: absolute;
  top: 90px;
  right: -20px;
  width: 360px;
  height: 360px;
  }
.text-news-list{}
.text-news-list li{
  padding: 15px 5px;
  border-bottom: 1px solid #e5e5e5;
  }
.text-news-list li.min{width: 620px;}
.text-news-list li h1{
  line-height: 1.8;
  font-size: 16px;
  color: #555;
  }
.text-news-list li p{
  line-height: 1.8;
  font-size: 14px;
  color: #888;
  }

.prsh_tb{border-collapse:collapse;}
.prsh_tb tr th{color:#333; line-height:140%; height:52px; border-right:#ddd 1px solid; font-weight:bold;text-align: center;}
.prsh_tb tr td{border:#ddd 1px solid; padding:5px; }
.prsh_tb tr{border: 1px solid #444; }
.prsh_tb tr.cs_list2{background:#eee;}


.soluBannerWrap{height: 560px; background: url(../images/jjfa/jjfa-banner.jpg) no-repeat center center;}
.softCatWrap{padding: 30px 0;}
.softCatTit{text-align: center; font-size: 22px;}
.softDetWrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
.softDetItem{width: 220px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6;}
.softDetItem img{width: 100%; height: 232px;}
.detTit a{display: block; padding-top: 15px;  color: #222; font-size: 16px;}
.detDet{white-space: normal; word-break: break-all;line-height: 1.6;}
.detDet a{display: block; color: #999; }
.softDetItem .time{
  display: block;
  padding: 10px 0;
  font-size: 12px;
  color: #999;
  }
.softDownItem{display: flex; padding: 30px 0; border-bottom: 1px solid #e6e6e6;}
.sDownImg{width: 14%;}
.downDet{width: 66%}
.downLinkBox{width: 20%; text-align: right;display: flex; justify-content: flex-end; align-items: center;}
.downTit{font-size: 20px; color: #333; line-height: 60px;}
.downDes{color: #888;}
.downSize{color: #333; line-height: 30px;}
.downSize span:nth-child(2){padding-left: 20px;}
.downLink{display: inline-block; width: 117px; line-height: 40px; text-align: center; background: #29c166; font-size: 20px; color: #fff;}
.downLink:hover{color: #fff; background: #33a962;}
.page-top-tit{
  height: 30px;
  overflow: hidden;
  }
.page-top-tit em{
  float: right;
  width: 180px;
  height: 25px;
  background: #d90000;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 25px;
  }
.page-top-tit span{
  font-size: 18px;
  color: #d90000;
  }
table { border-spacing: 0; border-collapse: collapse; }
td{white-space: normal; word-break: break-all;}
.table{margin: 50px 0;}
.table .top-img{display: block; margin: 0; padding: 0; font-size: 0; line-height: 0;}
.table table{
  width: 100%;
  }
.table .td-bg{
  height: 68px;
  background:url(../images/page-td-bg_05.png) repeat-x;
  }
.table .td-bg td{
  text-align: center;
  font-size: 16px;
  color: #fff;
  border-right: 1px solid #fff;
  }
.table td{
  text-align: center;
  padding: 10px 5px;
  border: 1px solid #a6d4ec;
  }
.table td img{
  display: inline-block;
  }
  
.bannerWrap {height: 512px;}

/** 产品列表 **/
.softCatWrap{padding: 30px 0;}
.softCatTit{text-align: center; font-size: 22px;}
.softDetWrap{display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 30px;}
.softDetItem{width: 380px; margin-top: 20px; border-bottom: 1px solid #e6e6e6;}
.detTit a{line-height: 60px; color: #222; font-size: 20px;}
.detTit a:hover{color: #ff4c4c}
/** 产品列表 **/

/** 产品详情 **/
.softCatWrap{padding: 30px 0;}
.softCatTit{text-align: center; font-size: 22px;}
.softDetWrap{display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 30px;}
.softDetItem{width: 380px; margin-top: 20px; border-bottom: 1px solid #e6e6e6;}
.detTit a{line-height: 60px; color: #222; font-size: 20px;}
.detTit a:hover{color: #ff4c4c}
.proDetailInfo{padding: 30px 0}
.proPic{float: left; width: 30%; border: 1px solid #e6e6e6;}
.proPic img{width: 100%;}
.proDets{float: left; width: 35%; padding-left: 2%;}
.proVod{float: right; width: 30%; }

.proImg{float: left; width: 30%; border: 1px solid #e6e6e6;}
.proImg img{width: 100%;}
.proDet{float: left; width: 65%; padding-left: 2%;}
.proTit{font-size: 20px; color: #333; line-height: 48px;}
.proInfo{color: #333; line-height: 30px;}
.proInfo em{color: #808080; height: min-content; text-align: justify; vertical-align: top; display: inline-block; width: 58px;}
.buyBtn{width: 148px; line-height: 48px; background: #d90000; color: #fff; font-size: 22px; text-align: center; display: inline-block; border-radius: 5px;}
.buyBtn:hover{background: #a50e0e; color: #fff;}
.proInfo i{display: inline-block; width: 100%;}
.proOTab{line-height: 52px; background: #e8e8e8;}
.proOTab span{display: inline-block; height: 100%; border-top: 2px solid #e8e8e8; border-bottom: 2px solid #e8e8e8; margin-left: 50px; color: #666; font-size: 18px; cursor: pointer;}
.proOTab span.cur{color: #d90000; border-bottom: 2px solid #d90000; cursor: default;}
.proTabCont{padding: 20px 0;}
.proTabItem{min-height: 300px;}
.proTabItem img{max-width: 100%; height: auto;}
.proTabItem p{line-height: 32px; color: #333; }
.proTabItem table p{ text-indent: 0;}
.proTabItem table tr td{border: 1px solid #ddd; padding: 6px!important;}



/** 产品详情 **/