@charset "utf-8";
/* CSS Document */

/*主体*/
.content{margin:50px 0;}
.content ul{}
.content ul li{width:33.33%; float:left;  margin-bottom:40px;}
.content-img1{overflow:hidden;width:88%;margin: 0 6%;}
.content-img1 img{width:100%; max-width:100%; display:block;transition: all .6s;}
.content-font{width:100%;background-color:#F5F5F5; position:relative;}
.content-font1{font-size:18px; color:#333; text-align:center; padding:15px 0 0 0;}
.content-font2{font-size:14px; color:#333; text-align:center; padding:15px 0;}
.content-font:after{content: "";width:16px;height: 16px;background:#F5F5F5;position:absolute;top:-6px;left: 50%;margin-left: -8px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform:rotate(45deg);-ms-transform: rotate(45deg);transition: all 0s;-webkit-transition: all 0s;}
					
.content-img1:hover  img{width:101%; transition:all .5s;transform:scale(1.1); -webkit-transition:all .5s; -webkit-transform:scale(1.1);}
.content-img1:hover .content-font{background-color:#00a051;}
.content-img1:hover .content-font:after{background-color:#00a051;}
.content-img1:hover .content-font1{color:#FFF;}
.content-img1:hover .content-font2{color:#FFF;}
.package{ overflow:hidden; width:100%;}
.bottom-box{padding:30px 0; text-align:center; background-color:#00a051; font-size:40px; color:#FFF; font-weight:bold;}


@media(max-width:1219px){
	.con-nav .nav-new{width:100%;}
}
@media(max-width: 1024px){
	.content ul li{width: 50%;}
	.content-img1{width: 100%;margin: 0;padding:0 15px;box-sizing: border-box;}
}
@media(max-width: 768px){
	.content{margin: 50px 0 0;}
	.content ul li{width: 46%;margin: 0 2% 25px;}
	.content-img1{padding: 0;}
	.case0 .footer{margin-top: 0;}
	.content-font1{font-size: 16px;font-size: 1.6rem;}
	.con-nav .nav-new ul li{font-size: 12px;font-size: 1.2rem;padding: 10px 0;width: 20%;}
}
@media(max-width: 480px){
	.content ul li{width: 92%;margin: 0 4% 25px;}
}