.banner{
  background: url('../images/banner-2.png') no-repeat;
  background-size: 100% 100% ;
  /* position: relative; */
  width: 100%;
  height: 438px;
}
.banner .aboutus .aboutus-title{
    color: #ffffff;
    height: 438px;
   
    position: relative;
}
.banner .aboutus .aboutus-title .headrBj{
  width: 692px;
  height: 262px;
  /* background: url('../images/header0.png') no-repeat; */
  background-size: 100% 100% ;
  position: absolute;
  right: 0;
  bottom: 0;
}
.banner .aboutus .aboutus-title h3{
    font-size: 28px;
    margin-bottom: 16px;
    margin-top: 224px;
}


.banner .aboutus .aboutus-title a{
  width: 147px;
	height: 38px;
	border-style: solid;
	border-width: 1px;
	border-image-source: linear-gradient(-29deg, 
		#0dffff 0%, 
		#dc5d63 100%);
  border-image-slice: 1;
  display: inline-block;
	line-height: 40px;
  color: #0dffff;
  text-align: center;
}


/* 中间内容 */
/* 系统概述 */
.summarizeBg{
  height: 543px;
	background-color: #ffffff;
}
.summarizeBg .chanp-title{
  font-size: 16px;
  color: #b6bbc5;
  margin: 18px 0 46px 0;
  cursor: pointer;
}
.summarizeBg .chanp-title a{color: #b6bbc5;}
.summarizeBg h3{
  font-size: 26px;
  color: #040e1d;
  margin-bottom: 36px;
}
.summarizeBg .chanp-neiro{
  width: 100%;
  height:340px;

}
.summarizeBg .chanp-neiro .chanp-left{
  width: 600px;
  height: 340px;
}
.blkh{
  width:600px;
  height: 340px;
  position: relative;
  
}
.blkh .back{
  width:600px;
  height: 340px;
}
.blkh .back span{
  width: 600px;
	height: 173px;
  /* background-color: #44a3f8; */
  margin-top: 82px;
  display: inline-block;
}
.blkh .blkhBack{
  width: 600px;
  height: 340px;
  position: absolute;
  top: 0;
  text-align: center;
 
}

.blkh .blkhBack img{
  width: 600px;
  height: 340px;
  display: inline-block;
  /* box-shadow: 4px 4px 6px #ccc; */
  box-shadow: 0 0 20px rgba(0,0,0,0.1);

}




.summarizeBg .chanp-neiro .chanp-right{
  width: 525px;
  height: 340px;
  color: #111319;
  position: relative;

}
.summarizeBg .chanp-neiro .chanp-right .cp_icon{
  width: 24px;
  height: 24px;
  display: block;
}
.summarizeBg .chanp-neiro .chanp-right .cp_title{
  margin: 16px 0 19px 0;
  font-size: 22px;
  color: #040e1d;
}
.summarizeBg .chanp-neiro .chanp-right span{
  display: inline-block;
  /* margin: 50px 0 0 0; */
  line-height: 28px;
  text-indent:2em;
  text-align: justify;
  font-size: 16px;
  height: 200px;
  overflow: hidden;
  /* overflow: hidden;
  text-overflow: ellipsis;
 white-space: pre-wrap; */
}
.summarizeBg .chanp-neiro .chanp-right .advisory{
  width: 149px;
	height: 40px;
  background-color: #424344;
  color: #ffffff;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
}
/* .summarizeBg .chanp-neiro .chanp-right::-webkit-scrollbar {
  width: 4px;    
}
.summarizeBg .chanp-neiro .chanp-right::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: rgba(0,0,0,0.2);
}
.summarizeBg .chanp-neiro .chanp-right::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 0;
  background: rgba(0,0,0,0.1);
} */

/* 系统特点 */
.tedian{
  height: 460px;
  background: url("../images/tedianBg.png") no-repeat;
  background-size: 100% 100%;
}
.tedian .text{
  font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
  color: #ffffff;
  margin: 45px 0 26px 0;
}
.tedian .xitongtedian{
  width: 100%;
  height: 304px;
}
.tedian .xitongtedian li{
 float: left;
 height: 304px;
 /* width: 650px; */
 width: 126px;
 font-size: 16px;
 position: relative;
 overflow: hidden;
}
.oncLick{
  float: left;
}
.oncLick .showBg{
margin-right: 12px;
}
.oncLick .tedian-tubiao{
  position: absolute;
  top: 105px;
  left: 45px;
}
.oncLick .td-title{
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  top: 155px;
  left: 20px;
  color: #fff;
  width: 85px;
  white-space: pre-wrap;
  text-align: center;
  height: 140px;
  overflow: hidden;
}





.details{
  width: 524px;
  /* float: left; */
  position: absolute;
  /* left: 138px; */
	left: 127px;
  height: 304px;
}
.details>img{width: 100%;}

.details .details-icon{
position: absolute;
top: 20px;
right: 20px;
}
.details .details-icon img{
  width: 220px;
  height: 134px;
}
.details p{
  position: absolute;
  top: 102px;
  left: 34px;
  font-size: 22px;
  color: #040E1E;
  width: 220px;
  height: 60px;
  white-space: pre-wrap;
}
 .details span{
  position: absolute;
    top: 170px;
    left: 34px;
    width: 456px;
    height: 128px;
    color: #3a475a;
    text-align: justify;

}

.tedian .xitongtedian .characteristic0{
  margin-right: 5.5px;
}
.tedian .xitongtedian .characteristic1{
  margin: 0 5.5px;
}
.tedian .xitongtedian .characteristic2{
  margin: 0 5.5px;
}
.tedian .xitongtedian .characteristic3{
  margin: 0 5.5px;
}
.tedian .xitongtedian .characteristic4{
  margin-left: 5.5px;
}





.block{
  display: block !important;
}
.paddingTop{
  padding-top: 0 !important;
  transition: all 0.5s linear;
}

/* 系统功能 */
.gongneng{
  height: 459px;
  background-color: #ffffff;
  position: relative;
}
.gongneng .gn-title{
  font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
  color: #040e1d;
  margin: 45px 0 40px 0;
}
.gongneng .gn-list{
  /* height: 271px;
  margin-bottom: 60px;
  margin-top: 70px; */
  
}
.gongneng .gn-list li{
  float: left;
  width:376px;
  height: 277px;
  background: url("../images/xtgn.png") no-repeat;
  background-size: 100% 100%;
  /* border: solid 0.1px #d8deea; */
}
.gongneng .gn-list li:nth-child(2){margin: 0 36px;}

.gongneng .gn-list li .li-box{
 
  width:376px;
  height: 277px;
  text-align: center;
}
.gongneng .gn-list li .li-box .li-number{
  width: 61px;
	height: 61px;
	background-color: #424344;
  box-shadow: 0px 3px 6px 0px	rgba(66, 67, 68, 0.3);
  text-align: center;
  line-height: 60px;
  position: absolute;
  top: -33px;
  left: 35%;
  border-radius: 30px;
}
.gongneng .gn-list li .li-box .li-number span{
  font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
}
.gongneng .gn-list li .li-box h3{
  margin: 30px 0 22px 0;
  font-size:18px;
	font-stretch: normal;
	color: #040e1d;
}

.gongneng .gn-list li .li-box .line{
  display: inline-block;
  width: 33px;
	height: 2px;
  background-color: #44a3f8;
  margin-bottom: 20px;
}
.gongneng .gn-list li .li-box p{
  font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
  color: #3a475a;
  padding: 0 36px;
  white-space: pre-wrap;
  height: 169px;
  line-height: 30px;
  /* overflow-y: scroll; */
  text-align: justify;
}
/* .gongneng .gn-list li .li-box p::-webkit-scrollbar {width: 4px;}    
.gongneng .gn-list li .li-box p::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: rgba(0,0,0,0.2);
}
.gongneng .gn-list li .li-box p::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 0;
  background: rgba(0,0,0,0.1);
}   */
#effect1{
  width: 20px !important;
  height: 38px !important;
  background-image: url(../images/left.png) !important;
  background-size: cover;
  left: 8%;
  top: 56%;
}
#effect2{
  width: 20px !important;
  height: 38px !important;
  background-image: url(../images/right.png) !important;
  background-size: cover;
  right: 8%;
  top: 56%;
}




/* 系统优势 */
.youshi{
  height: 542px;
	background-color: #f6f8fc;
}
.youshi .ys-title{
  font-size: 26px;
	font-stretch: normal;
  color: #040e1d;
  margin: 46px 0 36px 0;
}
.youshi .ys-list{
  height: 376px;
  background: url('../images/jiaozhiBj.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.youshi .ys-list li{
  width: 391px;
  height: 112px;
  text-align: center;
  line-height: 112px;
}
.youshi .ys-list li span{
  display: inline-block;
  line-height: 23px;
  text-align: left;
  height: 82px;
  width: 335px;
  overflow: hidden;
}
.youshi .ys-list li:nth-child(1){
 position: absolute;
 left: 0;
 top: 0;
  background: url('../images/yousi0.png') no-repeat;
  background-size: 100% 100%;
  
}
.youshi .ys-list li:nth-child(1) span{padding: 10px 34px 10px 20px;}
.youshi .ys-list li:nth-child(3) span{padding: 10px 34px 10px 20px;}
.youshi .ys-list li:nth-child(5) span{padding: 10px 34px 10px 20px;}
.youshi .ys-list li:nth-child(2){
  position: absolute;
  right: 0;
  top: 0;
  background: url('../images/yousi1.png') no-repeat;
  background-size: 100% 100%;
}
.youshi .ys-list li:nth-child(3){
  position: absolute;
  left: 0;
  top: 132px;
  background: url('../images/yousi2.png') no-repeat;
  background-size: 100% 100%;
}
.youshi .ys-list li:nth-child(4){
  position: absolute;
  right: 0;
  top: 132px;
  background: url('../images/yousi3.png') no-repeat;
  background-size: 100% 100%;
}
.youshi .ys-list li:nth-child(5){
  position: absolute;
  left: 0;
  top: 271px;
  background: url('../images/yousi4.png') no-repeat;
  background-size: 100% 100%;
}
.youshi .ys-list li:nth-child(6){
  position: absolute;
  right: 0;
  top: 271px;
  background: url('../images/yousi5.png') no-repeat;
  background-size: 100% 100%;
 
}
.youshi .ys-list li:nth-child(2) span{ padding: 10px 20px 10px 34px;}
.youshi .ys-list li:nth-child(4) span{ padding: 10px 20px 10px 34px;}
.youshi .ys-list li:nth-child(6) span{ padding: 10px 20px 10px 34px;}




/* 相关案例展示 */
.changjin{
  height: 603px;
	background-color: #f6f8fc;
}
.changjin .cj-title{
  font-size: 26px;
	font-stretch: normal;
  color: #040e1d;
  margin: 46px 0 26px 0;
}
.changjin .chanjinBox{
  height: 367px;
  
}
.changjin .chanjinBox .cj-bg{
  width: 374px;
  height: 366px;
  float: left;
  background-color: #ffffff;
  cursor: pointer;
  border: 1px solid #e5eaf3;
  /* box-shadow: 4px 10px 16px 5px rgba(4, 14, 29, 0.16); */
}
.changjin .chanjinBox .cj-bg:hover{
  box-shadow: 0px 4px 16px 0px rgba(4, 14, 29, 0.16); 
}
/* .changjin .chanjinBox .cj-bg:nth-child(1){margin-left: 10px;}s */
.changjin .chanjinBox .cj-bg:nth-child(2){margin: 0 35px;}
.changjin .chanjinBox .cj-bg .cj-tu{
  height: 228px;
}
.changjin .chanjinBox .cj-bg .cj-tu img{ width:100%;height: 228px; }
.changjin .chanjinBox .cj-bg .cj-conter{
  height: 139px;
  padding-left: 20px;
  margin-right: 20px;
 
}
/* .changjin .chanjinBox .cj-bg .cj-conter::-webkit-scrollbar {width: 4px;}    
.changjin .chanjinBox .cj-bg .cj-conter::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: rgba(0,0,0,0.2);
}
.changjin .chanjinBox .cj-bg .cj-conter::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 0;
  background: rgba(0,0,0,0.1);
}  */
.changjin .cj-bg .cj-conter .cj-text{
  font-size: 20px;
	font-stretch: normal;
  color: #040e1d;
  margin-top: 27px;
  margin-bottom: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.changjin .cj-bg .cj-conter .cj-text:hover{
  color: #44a3f8;
}
.changjin .cj-bg .cj-conter span{
  font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
  color: #6c7480;
  overflow: hidden;
  text-overflow: ellipsis;
  display:-webkit-box;
  display:-ms-box;
  display:-moz-box;
  display:-o-box;
  /* display: inline-block; */
  -webkit-box-orient:vertical;
  -ms-box-orient:vertical;
  -moz-box-orient:vertical;
  -o-box-orient:vertical;
  -webkit-line-clamp:2; 
  -ms-line-clamp:2; 
  -moz-line-clamp:2; 
  -o-line-clamp:2; 
  height: 44px;
}
.changjin .MORE{
  width: 140px;
	height: 40px;
  background-color: #424344;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
  text-align: center;
  margin: 0 auto;
  margin-top: 40px;
  color: #ffffff;
}

.changjin .MORE:hover{
  color: #43a3f9;
  cursor: pointer;
}
.addHide{
  display: none;
}