@charset "UTF-8";
.subnav-solutions{
  width: 152px;
}

.subnav-solutions-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: #fff;
  line-height: 46px;
  padding-left: 20px;
  background: url(../images/subnav-solutions-tit-bg.png) 0 50% no-repeat;
}
.subnav-solutions-list{
  width: 100%;
  background:#f0f0f0;
}
.subnav-solutions-list ul{
  margin-top: 3px;
}
.subnav-solutions-list li{
  height: 44px;
  line-height: 44px;
  padding-left: 18px;
  font-size: 14px;
  color: #666666;
  /*margin-top: 8px;
  background: #dbdbdb;*/
  border-bottom: 1px solid #dedddd;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.subnav-solutions-list li.on{
  /*background: #ff4c4c;*/
  color: #d90000;
}
.subnav-solutions-list li.on a{
  color: #d90000;
}
.page-solutions-box{
  width: 1005px; 
  padding-left: 20px;
}
.page-solutions-box .page-solutions-box-tit {
  line-height: 46px;
  border-bottom: 1px solid #dedddd;
  color: #333333;
  margin-bottom: 15px;
}
.page-solutions-box .page-solutions-box-tit h1 {
  width: 330px; 
  line-height: 46px;
  border-bottom: 1px solid #d90000;
  font-size: 26px;
  text-transform: uppercase;
  color: #333333;
}
.page-solutions-box .page-solutions-box-ad{
  width: 1005px; 
  height: 298px;
  margin-bottom: 20px;
  background: url(../images/page-solutions-box-ad-bg.png) 0 50% no-repeat;
}
.page-solutions-box .page-solutions-box-ad .solutionsImg{
  margin: 35px 0 0 47px;
}
.page-solutions-box .page-solutions-box-ad .solutionsImg img{
  width: 349px; 
  height: 227px;
}
.page-solutions-box .page-solutions-box-ad .solutionsTit{
  margin: 50px 60px 0 0;
  width: 500px; 
  height: 196px;
}
.page-solutions-box .page-solutions-box-ad .solutionsTit h1{
  font-size: 24px;
  line-height: 32px;
  padding-top: 20px;
  color: #e25454;
}
.page-solutions-box .page-solutions-box-ad .solutionsTit p{
  font-size: 16px;
  line-height: 24px;
  padding-top: 10px;
  color: #443f3f;
}
.page-solutions-search{
  width: 1005px; 
  height: 42px;
  clear: both;
}
.page-solutions-search .hotWords a{
    font-size: 16px;
    padding:0 10px;
	line-height: 40px;
    display:inline-block;
    border: 1px solid #d90000;
    -webkit-border-radius:24px;
    -moz-border-radius:24px;
    border-radius:5px;
    color:#333;
    margin-right:7px;
    -webkit-transition:200ms;
    -o-transition:200ms;
    -moz-transition:200ms;
    transition:200ms;
}
.page-solutions-search .hotWords a:first-child{
	line-height: 38px;
    border: 2px solid #d90000;
	text-transform: uppercase;
}
.page-solutions-search .solutionSearch{
  width: 254px; 
}
.page-solutions-search .solutionSearch form{display: inline-block; width: 100%; height: 40px; line-height: 40px; border: 1px solid #f0f0f0;}
.page-solutions-search .solutionSearch form .textbox{float: left; margin-left: 10px; width: 200px; height: 40px; line-height: 40px; border: 0 none; background: none; /*color: #fff;*/}
input::-webkit-input-placeholder,input::-ms-input-placeholder {
    color: #fff;
    }
input:focus::-webkit-input-placeholder,
input:focus::-ms-input-placeholder {
    color: #fff;
    }
.page-solutions-search .solutionSearch form .submit{ width: 40px; height: 40px; border: 0 none; background: url(../images/solutionSearch_bg.png) no-repeat 50% 50%; text-indent: -999px; cursor: pointer;}

.solutionsList {
  width: 100%; 
  clear: both;
}
.solutionsList li{
  width: 100%; 
  padding: 30px 0;
  display: inline-block;
  border-bottom: 1px solid #f0f0f0;
}
.solutionsList li .solutionsListImg{
  margin-left: 10px;
}
.solutionsList li .solutionsListImg img{
  width: 349px; 
  height: 233px;
}
.solutionsList li .solutionsListTit{
  margin-right: 50px;
  width: 570px; 
}
.solutionsList li .solutionsListTit h1{
  font-size: 24px;
  line-height: 32px;
  padding-top: 20px;
  color: #333333;
}
.solutionsList li .solutionsListTit p{
  font-size: 16px;
  line-height: 24px;
  height: 120px;
  padding-top: 10px;
  color: #808080;
}
.solutionsList li .solutionsListTit span{
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  padding-top: 10px;
}
.solutionsList li .solutionsListTit span a{
  color: #d90000;
}


.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;
  }

.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; margin: 20px auto;}
.softDetWrap li{width: 220px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6;}
.softDetWrap li .magnifyImg{width: 220px; height: 180px; padding-bottom: 0px;}
.softDetWrap li img{width: 100%;}
.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;
  }
  
.page-solutions-box .main-title{
	margin-bottom: 28px;
	border-bottom: 1px solid #e6e6e6;
}
.main-title h2{
	box-sizing: border-box;
	color: #1b1b1b;
	font-size: 24px;
	text-align: center;
}
.main-title p{
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #b3b3b3;

}
.main-title p span{
	padding-left: 100px;
	box-sizing: border-box;
}
.page-solutions-box .page-solutions-con-tit {
  line-height: 46px;
  color: #333333;
  margin-top: 15px;
}
.page-solutions-box .page-solutions-con-tit {
  line-height: 46px;
  color: #333333;
  margin-top: 15px;
}
.page-solutions-box .page-solutions-con-tit h1 {
  line-height: 46px;
  font-size: 26px;
  text-transform: uppercase;
  color: #d90000;
 
}
.page-solutions-box .page-solutions-box-cont p{
  line-height: 24px; color: #333;font-family: "微软雅黑"; font-size: 16px;
}

.page-solutions-box .page-solutions-box-con{
  width: 1005px; 
  border-bottom: 1px solid #dedddd;
  padding-bottom: 20px;
  font-family: Tahoma;
}
.page-solutions-box .page-solutions-box-con p{line-height: 24px; color: #333;font-family: Tahoma!important; font-size: 16px!important;}
.page-solutions-box .page-solutions-box-con p span{font-family: Tahoma!important;font-size: 16px!important;}