
.special {
	float:left;
	height:405px;
	width:84px;
	position:relative;
	z-index:20;
}
.showDetail {
	left:0px;
	height:400px;
	width: 100%;
	display:block;
	position:absolute;
	z-index:-1;
	padding-left:30px;
	padding-right:30px;
	background-image:url("../../../image/home/headerBG.png");
	background-repeat:no-repeat;
	border-bottom: 1px solid #0055aa;
	overflow: hidden;
}


.special0{
	border-top: 5px solid #ec5d45;
}

.special1{
	border-top: 5px solid #24a6f5;
}

.special2{
	border-top: 5px solid #33b5c1;
}

.special3{
	border-top: 5px solid #bfc92f;
}

.special4{
	border-top: 5px solid #ecb345;
}

.special {
	width: 6.8%;
}



.special0 .showDetail{
	background-image:url("../../../image/home/headerBG01.png");
	border-left:1px solid #0055aa;
}

.special1 .showDetail{
	background-image:url("../../../image/home/headerBG02.png");
}

.special4 .showDetail{
	background-image:url("../../../image/home/headerBG05.png");
	border-right:1px solid #0055aa;
	background-size: 100%;
}



.special3 .showDetail{
	background-image:url("../../../image/home/headerBG04.png");
	background-size: 100%;
}

.special3 .panelBody {
	margin-right: 15px;
}

.special3 .panelBodyTitle {
	width: 112px;
}

.special0 .panelBody {
	width: 100%;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.special0 .panelBody li{
	text-align: left;
	background-color: #fff;
	width: 100%;
	padding-left: 40px;
	line-height:33px;
	
}

 .special0Mobile ul li{
	text-align: left;
	padding-left: 24px;
	background-color: #fff;
	width: 200px;
	padding-left: 34px;
}

.special0 .panel:nth-child(2n) {
	border-left: 1px dotted #333;
}
.special0 .panelBody ul {
	padding-top: 20px;
}

.special0 .col-md-7 .panelBody ul {
	width: 56%;

}

.special0 .col-md-7 .panelBody ul li {
	display: inline-block;
	margin-right: 12px;
}





.special0 .panel {
	padding-right: 0;
	padding-left: 15px;
}

.special0 .panel li {
	list-style: none;

	z-index: 1000;
}

.special {
	position: absolute;
	background: #fff;
}

.special {
	width: 72.5%;
}


.special1 {
	left: 72.5%;
}

.special2 {
	left: 79.3%;
}

.special3 {
	left: 86.1%;
}

.special4 {
	left: 92.9%;
}

.detailsHeder{
	padding-top: 12px;
	padding-bottom: 20px;
}

.headerText{
	font-size:20px;
	color:#0055aa;
	font-weight:bold;
	margin-left:20px;
}

.panelHeader{
	font-size: 15px;
	margin-bottom:0px;
	position:relative;
	color:#333;
	z-index:10;
}

.footerDetail .panelHeader{
	margin-bottom:10px;
}

.panelBody .panelHeader{
	margin-bottom:10px;
}

.panelHeader span{
	position: absolute;
	height: 23px;
	bottom: -4px;
}
.SJFW{
	margin-right: 28px !important;
}
.panelHeader  a{
	float: right;
	margin-right: 20px;
	text-decoration:none;
	color:#333;
	cursor:pointer;
}

.panelHeader  a:hover{
	float: right;
	margin-right: 20px;
	text-decoration:none;
	color:#0055aa;
	cursor:pointer;
}

.special0 .panelHeader  a{
	margin-right: 0px;
}

.special0 .panelHeader  a:hover{
	margin-right: 0px;
}

.special1 .fourth a{
	margin-right: 45px;
}

.special1 .fourth a:hover{
	margin-right: 45px;
}

.huiminzhengxin  a{
	float: right;
	text-decoration:none;
	color:#333;
	cursor:pointer;
}

.huiminzhengxin  a:hover{
	float: right;
	text-decoration:none;
	color:#0055aa;
	cursor:pointer;
}

.panelHeaderMobile  a{
    float: right;
    margin-right: 0px;
	text-decoration:none;
	color:#333;
	cursor:pointer;
}

.panelHeader img{
	margin-right:10px;
	/*width: 23px;*/
	height: 17px;
}

.huiminzhengxin img{
	margin-right:10px;
	/*width: 23px;*/
	height: 17px;
}
.detailsBody{
	display:inline-block;
	background: #fff;
	width: 100%;
}
.special0 .bodyPanel:nth-child(2n){
	border-left: 1px dotted #333;
	padding-left: 30px;
}

.special.show .specialLogo{
	visibility: hidden;
}

.special.show .showDetail {
	visibility: visible;
}

.special .specialLogo {
	visibility: visible;
}

.special .showDetail {
	visibility: hidden;
}


.bodyPanel{
	width:50%;
	float:left;
	/*padding-left: 20px;*/
}

.halfBodyPanel{
	width:25%;
	float:left;
}

.gonggongfuwu .detailsBody {
	width: 860px;
}

.gonggongfuwu .panelBody {
	margin-right: 15px;
}

.gonggongfuwu .bodyPanel:nth-child(1) .panelBodyTitle {
	width: 112px;
}

.gonggongfuwu .bodyPanel:nth-child(2n){
	float:right;
	border-left: 1px dotted #333;
}

.special3 .bodyPanel:nth-child(2n){
	padding-left: 20px;
	border-left: 1px dotted #333;
}

.special3 .bodyPanel:nth-child(2n) .panelBodyTitle{
	width: 103px;
}

.special3 .detailsBody {
	width: 105%;
}

.special2 .bodyPanel:nth-child(2n) .panelBodyTitle{
	width: 100px;
}

.special1 .bodyPanel{
	padding-left: 20px;
}

.special1 .panelBody{
	margin-right: 15px;
}

.special1 .bodyPanel:nth-child(2n) .panelBody{
	margin-right: 15px;
}


/*.special1 .panelBodyTitle
	width: 90px;
}*/

.special1 .bodyPanel:nth-child(2n){
	border-left: 1px dotted #333;
	height: 205px;
	overflow: hidden;
}

.special2 .bodyPanel{
	height: 205px;
	overflow: hidden;
}

.special3 .bodyPanel{
	height: 205px;
	overflow: hidden;
}

.special1 .lastBodyPanel{
	border-left: 1px dotted #333;
	padding-left: 20px;
}

.special1 .detailsBody {
	width: 105%;
}

.special1 .lastBodyPanel .panelBodyTitle {
	width: 45%;
	height: 70px;
	overflow: hidden;
}


/*.special1 .halfBodyPanel .panelBodyTitle{
	width: 80px;
}*/

.panelBody{
	display:inline-block;
	margin-top:20px;
	float: left;
	height: 73px;
	overflow: hidden;
}

.special0 .panelBody{
	height: auto;
	overflow: hidden;
}

.special4 .panelBody{
	height: auto;
	overflow: hidden;
}

.panelBody img{
	float:left;
}

.panelBody ul{
	float:left;
	margin-left:0px;
	padding-top:20px;
}
.panelBody >ul >li{
	float:none;
	list-style-type: none;
	width:150px;
	height:30px;
	margin-bottom:22px;
	text-align:center;
	border-radius:19px;
	padding-top:0px;
	background-color:#F5F5F5;
	position:relative;
}

.panelBody >ul >li>img{
	position: absolute;
	left: 0px;
	/*top: 9px;*/
}

.panelFooter{
	float:left;
	width:48%;
	color:#777777;
	line-height:16px;
}

.special0 .panelFooter{
	width:100%;
}

.hzalHeader{
	margin-bottom:10px;
	text-overflow: ellipsis;
	display: inline-block;
	width: 100%;
	height: 24px;
}

.special1 .panelFooter{
	width:100%;
}
.panelFooter img{
	margin-right:10px;
}

.detailsHeder .arrow{
	float: right;
	margin-right: 20px;
	color: #777777;
}
.panelBodyTitle{
	float: left;
	width: 102px;
	margin-left: 12px;
	font-size:12px;
	color:#777777;
	text-align:justify;
}


.special2 .bodyPanel:nth-child(2n) {
	padding-left: 20px;
	border-left: 1px dotted #333;
}

.special2 .panelBody:nth-child(2n) {
	margin-right:15px
}

.footerDetail{
	width:24%;
	float:left;
	color:#777777;
}

.special1 .footerDetail:nth-child(2){
	margin-left:3%;
}

.special1 .footerDetail:nth-child(4){
	margin-left:1%;
}

.special1 .footerDetail:nth-child(3){
	margin-left:-5px;
}

.detailsFooter{
	display: inline-flex;
	width: 100%;
	position: absolute;
	bottom: 20px;
	left:30px;
	/*width:860px;*/
}

.special3 .footerDetail{
	width:49%;
}

.special3 .footerDetail:nth-child(2n){
	padding-left: 20px;
}

ul{
	padding-left:0px;
	padding-right:0px;
}
.businessDynamic >ul>li{
	list-style-type:none;
	float:left;
	position:relative;
	overflow:hidden;
}

.specialLogo img{
	margin-top: 160px;
	margin-left: 7px;
	cursor:pointer;
	width: 76%;
}


.specialLogo{
	background-image:url("../../../image/home/lineBG.png");
	background-size: 100% 100%;
	height: 40px;
	float: left;
	width: 10%;
	height: 400px;
}

.specialText{
	font-size: 20px;
	color: white;
	width: 20px;
	/*margin-left: 26px;*/
	margin: 0 auto;
	margin-top: 42px;
}

.special0{
	border-top: 5px solid #ec5d45;
}


.special1{
	border-top: 5px solid #24a6f5;
}

.special2{
	border-top: 5px solid #33b5c1;
}

.special3{
	border-top: 5px solid #bfc92f;
}

.special4{
	border-top: 5px solid #ecb345;
}

.special4 .corpation{
	margin-top: 33px;
}

.special4 .panelBody img{
	width: 100%;
}


.special0>.specialLogo{
	background-image:url("../../../image/home/lineBG01.png");
}
.special1>.specialLogo{
	background-image:url("../../../image/home/lineBG02.png");
}
.special2>.specialLogo{
	background-image:url("../../../image/home/lineBG03.png");
}
.special3>.specialLogo{
	background-image:url("../../../image/home/lineBG04.png");
}
.special4>.specialLogo{
	background-image:url("../../../image/home/lineBG05.png");
}

.special2 .panelFooter {
	width: 100%;
}

.panelFooter a{
	color: #777777;
}

.panelFooter div{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 20px;
}

@media screen and (min-width: 768px) and (max-width: 1240px) {
	.special0 .col-md-7 .panelImg, .special0 .col-md-5 .panelImg  {
		display: none;
	}

	.special0 .col-md-7 .panelBody ul, .special0 .col-md-5 .panelBody ul {
		width: 100%;
		margin-left: 0;
	}
}