@charset "utf-8";
.youx{
    float: right;
    padding: 0 7px 0 0;
    background-image: url(../images/youx.png);
    background-repeat: no-repeat;
    background-position: 5px;
    width: 260px;
    text-indent: 55px;
    font-size: 16px;
    line-height: 40px;
}
.xm{ width:auto; clear:both; margin-top:25px;}
.xm li{ float:left; width:31.666%; margin-right:2.5%; height:372px; display:block; font-size:16px; text-align:center; margin-top:15px; margin-bottom:10px;}
.xm li strong{ font-size:24px; line-height:40px; display:block; padding-top:150px;}
.xm li a{color:#FFFFFF; display:block; height:100%;}
.xm li:nth-child(3n) { margin-right:0%;}
.xm li.a01{ background-image:url(../yd/2.jpg);background-size: 100% auto;}
.xm li.a02{ background-image:url(../yd/3.jpg);background-size: 100% auto;}
.xm li.a03{ background-image:url(../yd/4.jpg);background-size: 100% auto;}

.cp{ width:auto; clear:both;  margin-bottom:0px;  margin-top:30px;}

.cp li{
	float:left;
	width:31.666%;
	margin-right:2.5%;
	border: 1px solid #ebebeb;
	padding:20px;
	margin-top:15px;
	margin-bottom:15px;
}
.cp li:nth-child(3n) { margin-right:0%;}
.cp li span{float:left; font-size:18px; display:block; width:55%;}
.cp li a{ display:block}
.cp li img{float:right; width:140px;}
.cp li span .selfBut{width:90px; height:30px; line-height:30px; border-radius: 5px;background-color:#c7c8ca; color:#FFFFFF; font-size:14px; text-align:center; margin-top:20px;}
.cp li a:hover .selfBut{ background-color:#0075c2; color:#FFFFFF; }

.cp li:hover{ border-color: #fff;
    -webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);
	transition: all .3s ease;
}
.nli img{ height:auto; margin-top:15px;}

@media screen and (max-width:1200px){
.xm li{ float:left; width:31.666%; margin-right:2.5%; height:272px; display:block; font-size:16px; text-align:center; margin-top:15px; margin-bottom:10px;}
.xm li strong{ font-size:24px; line-height:40px; display:block; padding-top:110px;}
}

@media screen and (max-width:1099px){
.xm li{ float:left; width:31.666%; margin-right:2.5%; height:230px; display:block; font-size:16px; text-align:center; margin-top:15px; margin-bottom:10px;}
.xm li strong{ font-size:24px; line-height:40px; display:block; padding-top:80px;}
}


@media screen and (max-width:767px){
	.xm li{ float:left; width:100%; margin-right:0%; height:322px; display:block; font-size:16px; text-align:center; margin-top:15px; margin-bottom:10px;}
	.xm li strong{ font-size:24px; line-height:40px; display:block; padding-top:120px;}
	.cp li{
	float:left;
	width:100%;
	margin-right:0%;
	border: 1px solid #ebebeb;
	padding:20px;
	margin-top:15px;
	margin-bottom:15px;
}

.cp li img{float:right; width:120px;}
}