.middle_new3 {
	height: 430px;
	width: 100%;
	background: url(../home/images/pic5.jpg) no-repeat;
}
.middle_pic {
	height: 298px;
	width: 100%;
	background: url(../images/pic20-3.jpg) no-repeat;
	position: relative;
}
.middle_left {
	width: 100%;
	height: auto;
}
.middle_div1 {
	height: 450px;
	width: 100%;
	background: url(../home/images/pic20-4-1.jpg) no-repeat;
}
.middle_div2 {
	height: 2029px;
	width: 100%;
	background: url(../home/images/pic20-5.jpg) no-repeat;
	margin-top: -5px;
	margin-left: -50px;
}
/*解决方案样式*/
.cpfa-plan,.cpfa-soft{width:100%; overflow: hidden; background-color:#f2f2f2;position: relative;}

.cpfa-title {
	height: 60px;
	padding: 55px 0 50px 0;
	margin-top: 30px;
	font-size: 40px; color: #333;
	text-align: center;
}
.cpfa-title:after {
    content: "";
    display: inline-block;
    width: 140px;
    border-bottom: 1px solid #afb0b0;
    vertical-align: middle;
    margin-left: 20px;
}
.cpfa-title:before {
    content: "";
    display: inline-block;
    width: 140px;
    border-bottom: 1px solid #afb0b0;
    vertical-align: middle;
    margin-right: 20px;
}
.cpfa-plan .cpfa-list { overflow:hidden; width:1135px;}
.cpfa-list li {
	float: left;
	width: 260px;
	height: 290px;
	border: 1px solid #e0e0dd;
	background-color: #f4f5f9;
	display: block;
	cursor: pointer;
	margin:0 10px 18px 10px;
}
.cpfa-list li .title {
	color: #444;
	text-align: center;
	width: 80%;
	margin:0 auto;
    font-size: 17px;
    padding-top: 8px;
    height: 47px;}
.cpfa-list li .btn {
	width: 207px;
	height: 42px;
	line-height: 42px;
	display: block;
	text-align: center;
	color: #d1270a;
	border: 1px solid #d1270a;
	margin-top: 16px;
	margin-left: 26px;
	font-size: 16px;
	background-color:#fff;
}
.cpfa-list li:hover .btn { cursor:hand; background-color:#d4203d; border:none; color:#fff;}
.cpfa-list li:hover{box-shadow: 0 5px 10px 4px rgba(0,0,0,.08);}

/* 软件产品 */
.cpfa-soft{}
.soft-list{ overflow:hidden;float: left; height:368px;}
.soft-list li {
	float: left;
	width: 280px;
	height: 170px;
	margin: 6px;
	background-color: #fff;
	font-size: 19px;
	color: #333;
	text-align: center;
	cursor:pointer;
	 border-bottom:2px solid #fff;
}
.soft-list li:hover{ border-bottom:2px solid #d4203d;}
.soft-list li img{ margin-top:16px;}

/*典型案例*/
.tabs{ margin-top:-25px;}
.nav-tabs  { margin:0 auto; overflow:hidden; width:970px;}
.nav-tabs li {
	float: left;
	width: 124px;
	height: 43px;
	margin-right: 10px;
	line-height: 42px;
	text-align: center;
	border:2px solid #b5b5b5;
	cursor: pointer;
}
.nav-tabs li a {
	text-decoration: none;
	font-size: 21px;
	color: #888;
	-webkit-transition: all .5s;
  	transition: all .5s;
}
.nav-tabs li.active{ background-color:#d64350;border:2px solid #d64350;}
.nav-tabs li.active a {	color: #fff; }
.tab-content{ width:1190px; margin:0 auto; margin-top:38px;position: relative;}
.tab-pane {display: none;}
.tab-pane.active {display: block;}
.tab-pane ul li{ width:380px; height:310px; margin-right:16px; margin-bottom:20px; cursor:pointer;position: relative;display: inline-block;}
.tab-pane ul li img{ width:380px; height:227px;}
.dxal-co {
	position: absolute;
	bottom: 0;
	left: 0px;
	right: 0px;
	height: 84px;
	text-align: center;
	color: #555;
	background-color: #f4f5f9;
	transition: height .3s,margin-top .3s;
	-webkit-transition: height .3s,margin-top .3s;
	-moz-transition: height .3s,margin-top .3s;
	white-space: normal;
	overflow:hidden;
}
/* .tab-pane ul li:hover .dxal-co{	height:100%;} */
.dxal-co span{ font-size:22px; line-height:84px;}
.dxal-co-more{ display:none;font-size:13px; padding:0 12px; text-align:left; overflow:hidden;line-height:22px;text-indent:2em;}


.cpfa-list-box{
	width: 1250px;
	margin: 0px auto;
}
.cpfa-list-box-left{
	width: 57.5px;
	height: 608px;
	float: left;
	background-image: url(../images/about/go_left.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	cursor: pointer;
}
.cpfa-list-box-mid{
	width: 1135px;
	position: relative;
	margin:0 auto;
	margin-bottom: 60px;
}
.cpfa-list-box-mid ul.select_point{
	position: absolute;
	bottom: -20px;
	left: 545px;
}
.cpfa-list-box-mid ul.select_point li.cur{
	background-position: 20px -1px;
}
.cpfa-list-box-mid ul.select_point li{
	width: 20px;
	height: 20px;
	float: left;
	cursor:pointer;
	background-position: 0px;
	background-image: url(../images/about/nav.png);
}
.cpfa-list-box-right{
	width: 57.5px;
	height: 608px;
	float: left;
	background-image: url(../images/about/go_right.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	cursor: pointer;
}

#tabDXnav{text-align: center;}
#tabDXnav li{
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/about/nav.png) 50% 50%;
	background-position: 50% 50%;
	cursor: pointer;
}
#tabDXnav li.cur{background-position: 50% -1px;}

#dxanLeft{width: 25px;height: 52px;position: absolute;background: url(../images/about/go_left.png);left: calc(50% - 620px);top: 540px;cursor: pointer;display: none;}
#dxanRight{width: 25px;height: 52px;position: absolute;background: url(../images/about/go_right.png);right: calc(50% - 620px);top: 540px;cursor: pointer;display: none;}

.cpfa-soft-box-left{
	width: 40px;
	height: 368px;
	background-image: url(../images/about/go_left.png);
	background-repeat: no-repeat;
	background-position: 50%;
	cursor: pointer;
	float: left;
    padding-left: 44px
}
.cpfa-soft-box-right{
	width: 40px;
	height: 368px;
	background-image: url(../images/about/go_right.png);
	background-repeat: no-repeat;
	background-position: 50%;
	cursor: pointer;
	float: right;
	
}
.cpfa-soft-box-point{
    clear: both;
	display: block;
	width: 50px;
	margin: 0 auto;
    padding-top: 40px;
}
.cpfa-soft-box-point li{
	width: 20px;
	height: 20px;
	float: left;
	cursor: pointer;
	background-position: 0px;
	background-image: url(../images/about/nav.png);
}
.cpfa-soft-box-point li.cur{background-position: 20px -1px;}

/*2022.11.15*/
.flap{position: relative;overflow: hidden;width: 260px;height: 290px;}
.sol-xs{width: 260px;height:0px;background: #d4203d;position: absolute;left:0;bottom: -290px;transition: all 0.5s;}
.flap:hover .sol-xs{display: block;height: 290px;left:0;bottom: 0;transition: all 0.5s;}
.sol-xs span{font-size: 16px;line-height:20px;color: #fff;padding:15px;display: block;}
.cpfa-list li .title{font-size: 20px;line-height: 26px;}
.sol-txt span{font-size:15px;padding:10px;}
.sol-txt1 span{font-size:15px;padding:10px;line-height: 18px;}

.case{width: 1200px;margin:0 auto;padding-bottom: 60px;}
.case-list ul{overflow: hidden;}
.case-list ul li{float: left;font-size: 18px;width: 170px;border:#e0e0e0 1px solid;height: 60px;line-height:24px;padding-top:15px;border-left:none;text-align: center;cursor: pointer;}
.case-list ul li:first-child{border-left: #b5b5b5 1px solid;}
.case-list ul li.hover{background:#d4203d;color: #fff;border:#d4203d 1px solid;}
.case-list ul li span{font-size: 18px;padding-top: 10px;display: inline-block;}
.contentbox{margin-top: 40px;}
.contentbox ul{overflow: hidden;}
.contentbox ul li{float: left;width: 385px;height: 310px;margin-left: 16px;margin-bottom: 20px;cursor: pointer;position: relative;display: inline-block;}
.contentbox ul li:nth-child(3n-2){margin-left: 0;}
.contentbox ul li img{width: 385px;height: 227px;}
.contentbox ul li span{display: block;background: #f4f5f9;height: 44px;font-size: 18px;color: #555;padding:20px 15px;}

.hy-list li{height:330px;}
.hy-list li .sol-xs{bottom: -330px;}
.hy-list .flap:hover .sol-xs{height: 330px;}
.hy-list .sol-xs span{font-size: 16px;}
.hy-list .sol-xs1 span{padding:6px 8px;font-size: 14px;line-height: 16px;}
.hy-list .sol-xs2 span{padding:8px;font-size: 16px;line-height:18px;}
.hy-list .sol-xs3 span{padding:8px 10px;font-size: 14px;line-height: 15px;}
.hy-list .sol-xs4 span{padding:10px;font-size: 15px;line-height: 17px;}

.software{width: 1200px;margin:0 auto;overflow: hidden;padding-bottom: 60px;}
.software_title{float: left;width: 320px;}
.software_txt{float: left;width: 880px;background: #fff;}
.software_title ul li{font-size: 20px;height: 80px;padding-left:45px;padding-right:30px;line-height:26px;padding-top:30px;cursor: pointer;border-left:#f2f2f2 8px solid;}
.software_title ul li.hover{background: #fff;border-left:#d4203d 8px solid;}
.software_txt img{padding:14px;}
