.shili666{ width:100%; height:auto;background-color:#fbfbfb;}
.shili{ width:100%; height:auto;background:url(../image/index_cp_bj.jpg) no-repeat left top;}
.shililogo{ width:100%; height:103px; background-color:#f4f4f4; text-align:center; color:#cfcfcf; font-size:24px;}
.shililogo1{ font-size:30px; width:100%; height:40px; line-height:40px; display:block; color:#035cac; font-weight:bold; padding-top:15px;}
.shilicon{ width:1200px; height:auto; margin:0 auto; overflow:hidden; padding-top:15px; padding-bottom:15px;}
.shilicon ul{ width:100%; height:auto; position:relative;}
.shilicon666 li{ width:290px; height:391px; float:left; border-right:#f8f7fc solid 11px; cursor:pointer;}

.shilicon li{ width:291px; height:270px; float:left; margin-right:12px; background-color:#f8f7fc;}
.shilicon li:nth-child(4){margin-right:0;}

.shilicon li:hover .shilicon1{ transform:rotateY(360deg); transition:all 1s;}
.shilicon1{ width:100%; height:95px; text-align:center; display:block;transition:all 1s; padding-top:30px;}
.shilicon2{ width:100%; height:60px; line-height:60px; display:block; text-align:center; color:#8d8d8d; font-size:30px; font-weight:bold;}
.shilicon3{ width:90%; height:auto; display:block; margin:0 auto; padding-top:0px; color:#a3a3a3; line-height:28px; text-align:center;font-size:13px;}


@media(max-width:1024px)
{
	.shilicon{width:100%;}
	.shilicon li{width:24%;}
    .shilicon2{font-size: 1.8em;}
	#adv, #adv img{width:100% !important;}
	
}
@media(max-width:768px)
{
	.shilicon li{width: 48%;margin: 1%;}
}

@media(max-width:640px)
{
	.shilicon li{overflow:hidden;}
	.shilicon2{font-size: 1.4em;}
}