.main{
    background-image: none;
}
.soluNav ul li{
    margin: 0 20px;
}

.soluTit{
    font-size: 22px;
    color: #333333;
    margin-bottom: 30px;
}
.soluDl{
    margin-bottom: 40px;
}

.dlBox{
    display: flex;
    display: -webkit-flex;
    height: 400px;
}

.dlBox .left{
	width: 45%;
	overflow:hidden;
	z-index:2;
}
.dlBox .left>img{
	width: 100%;
	transition-duration:3s;
	z-index: 1;
    height: 100%;
}
.dlBox:hover .left>img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1); /*Safari 和 Chrome*/
    -moz-transform: scale(1.1); /*Firefox*/
    -ms-transform: scale(1.1); /*IE9*/
    -o-transform: scale(1.1); /*Opera*/
}

.dlBox .right{
    background: #0FA2F0;
    color:#fff;
    padding: 30px 45px;
    box-sizing: border-box;
    position: relative;
    width: 55%;
}

.dlBox .right>h1{
    font-size: 24px;
    margin-bottom: 20px;
}

.dlBox .right>h4{
    font-size: 18px;
    margin-bottom: 10px;
}

.dlBox .right>p{
    font-size: 15px;
    line-height: 30px;
}

.dlBox .right .openM{
    font-size: 16px;
    display: inline-block;
    position: absolute;
    bottom: 30px;
    right: 45px;
    cursor: pointer;
}

.dlBox .right .openM>img{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 6px;
}

.closeUp{
    display: none;
    font-size: 16px;
    position: absolute;
    bottom: 30px;
    right: 45px;
    cursor: pointer;
}

.closeUp>img{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    transform: rotate(180deg);
}


.rightMore{
    padding: 30px 40px  100px 40px;
    background: #fbfbfb;
    font-size: 16px;
    position: relative;
    display: none;
}
.rightMore>p{
    line-height: 30px;
    text-align: justify;
    margin-bottom: 20px;
    color: #666666;
}

.rightMore>span{
    font-size: 16px;
    display: inline-block;
    position: absolute;
    bottom: 30px;
    right: 45px;
    cursor: pointer;
    color: #0FA2F0;
}

.rightMore>span>img{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    transform: rotate(180deg);
}





.cpBox{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 60px;
}

.cpBox::after{
    content: '';
    width: 32%;
}

.cpBox .cptL{
    width: 32%;
    margin-bottom: 4%;
}
.cpBox .cptL .card{
    box-sizing: border-box;
    padding: 10px 20px 25px;
	box-shadow: 0 0 4px #e5e5e5;
}
.cpBox .cptL .cpTit{
    font-size: 16px;
    color: #333333 ;
    font-weight: bold;
    margin: 10px 0;
    height: 65px;
}

.cpBox .cptL .cpInfo{
    font-size: 14px;
    margin-bottom: 20px;
    color: #666666;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cpBox .cptL .cpLook{
	padding: 2px 10px;
	font-size: 14px;
	border: 1px solid #0FA2F0;
	cursor: pointer;
    color: #0FA2F0;
    border-radius: 5px;
}

.cpBox .cptL .cpBq{
    padding: 2px 10px;
	font-size: 14px;
    background: #e7f4ff;
    border-radius: 20px;
    color: #0FA2F0;
    margin-right: 0;
}

.cpbtn{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.cpBox .cptL img{
    width: 100%;
    /* height: 220px; */
}