* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.float-left {
    float: left;
}
.ctlist2 {
	width: 1299px;
	margin:auto;
}
.ctlist2 div img{ 
	width:auto ;
	max-width:140px;
    display: block;
}


@media (min-width: 1200px) {

}

@media screen and (max-width:768px) {
	
	.xnarticle-main3-con{
		width: 1400px;
	}
				
}

.col-md-3{ margin-bottom:20px; width:25% !important;}
.sol_title1 {
    text-align: center;
    font-size: 38px;
    margin-bottom: 30px;
    margin-top: 20px;
}
.sol_title1 span {
    width: 102px;
    height: 2px;
    background: #3d91cf;
    margin: 0 20px 5px;
    display: inline-block;
}
.sol_title1 em {
    font-style: normal;
    color: #0070c0;
}



.xnarticle-main3-con{
	padding-top: 16px;
}
.xnarticle-main3-con ul{
	overflow: hidden;
}
.xnarticle-main3-con ul li{
	height: 350px;
	width: 100px;
	float: left;
	font-size: 20px !important;
	border-left: 1px solid #c5c5c5;
	font-size: 22px;
	color:#000;
	position: relative;
}
.xnarticle-main3-con ul li:last-child{
	border-right: 1px solid #c5c5c5;
}
.xnarticle-main3-con ul li::after{
	content: '';
	width: 100%;
	height: 1px;
	background:#c5c5c5 ;
	left: 0;
	top: 50%;
	position: absolute;
}
.xnarticle-main3-con li i{
	position: absolute;
	display: block;
	font-style: normal;
	height: 40px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	left: 30px;
	top: 50%;
	margin-top: -20px;
	background: #fff;
	z-index: 3;
	border: 1px solid #c5c5c5;
	border-radius: 50%;
}
.xnarticle-main3-con li img{
	width: 100%;
	display: block;
	border-radius: 10px;
	opacity:0.1;
	filter:alpha(opacity=10)
}
.xnarticle-main3-con li div{
	writing-mode: vertical-lr;
	    display: flex;
	    text-align: center;
	    width: 100%;
	    align-items: center;
	    height: 158px;
	    justify-content: center;
	    position: absolute;
	    left: 0;
	    top: 0;
		font-size:20px;
}

.xnarticle-main3-con li:hover img{
	display: block;
	opacity:1.0; 
	filter:alpha(opacity=100)
}
.xnarticle-main3-con li:hover div{
	color: #fff;
}
.container-fluid:before, .container:after, .container:before{
	display: initial;
	content: initial;
}
.xnarticle-main3-left, .xnarticle-main3-right{
	padding-top: 100px;
	text-align: center;
	font-size: 20px;
	color: #333;
}
.xnarticle-main3-con li:hover img{
	display: block;
}
.xnarticle-main3-con li:hover div{
	color: #fff;
}
.clearfix:after {
    content: '';
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
	clear:both;
}



.flex_row_bt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.jxsx{ margin:auto;}

.solu-main{
	font-size: 14px;
	color: #333;
	font-family: 微软雅黑;
	list-style: none;
	box-sizing: border-box;
	background: #fff;
}
.media{
	overflow: hidden;
	zoom: 1;
	margin-top: 0;
}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.media-left img, .media-right img{
	border-radius: 0px;
	box-sizing: border-box;
	border:1px solid #CCC;
}
.media-left{
	box-sizing: border-box;
	padding-right: 10px;
	position: relative;
}
.media-right{
    padding-left: 10px;
	position: relative;
}
.solu-main img {
    width: 569px;
	vertical-align: middle;
}
.media-body {
    width: 10000px;
}
.media, .media-body {
    overflow: hidden;
    zoom: 1;
}
.solu-con {
    padding: 20px 30px 0 40px;
    overflow: hidden;
	text-align:left;
}
.solu-con h3 {
    font-size: 36px;
    color: #4a4a4a;
    margin-bottom: 20px;
}
.solu-con p {
    font-size: 16px;
    color: #333333;
    line-height: 48px;
}
.media-left .soluun-hx-img {
    position: absolute;
    right: -22px;
    top: 40%;
}
.media-right .soluun-hx-img {
    position: absolute;
    left: -22px;
    top: 40%;
}
.soluun-hx-img img {
    width: auto;
	border:0px;
}