/*主体*/

.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;}

.title{text-align: center;font-weight: lighter;font-size: 18px;font-size: 1.8rem;text-transform: uppercase;margin: 60px 0 45px;position: relative;}
.title>p:first-child{font-weight: bold;font-size: 32px;font-size: 3.2rem;margin-bottom: 10px;line-height: 2;}
.title>p>img{position: absolute;}

.motion,.personality,.outdoor{position: relative;}
/*.line{height: 1px;background: #dfdfdf;width: 100%;position: absolute;bottom: 0;}*/

.caselist .more a{font-size: 14px;font-size: 1.4rem;border:1px solid #00a051;border-radius: 2px;width: 100px;padding: 5px 0;text-align: center;margin: 0 auto 20px; cursor:pointer;display: block;}
.caselist .more a:hover{color: #fff;background: #00a051;}

.personality{ background-color:#f6f5f1;}
.bg-padding{ padding:1px 0;}
.bg-color{ background-color:#FFF;}

.footer{margin-top: 0;}

@media(max-width: 1219px){
	.title{font-size: 16px;font-size: 1.6rem;margin: 30px 0 25px;}
	.title>p:first-child{font-size: 28px;font-size: 2.8rem;margin-bottom: 5px;}
	.title>p>img{width: 24px;}
}
@media(max-width: 1024px){
	.content ul li{width: 50%;}
	.content-img1{width: 96%;margin: 0 1%;}
}
@media(max-width: 768px){
	.title{font-size: 14px;font-size: 1.4rem;margin: 20px 0 15px;}
	.title>p:first-child{font-size: 24px;font-size: 2.4rem;margin-bottom: 0;}
	.content ul li{width: 46%;margin: 0 2% 25px;}
	.content-img1{width: 100%;margin: 0;}
	.content-font1{font-size: 16px;font-size: 1.6rem;}
	.title{font-size: 12px;font-size: 1.2rem;}
	.title>p:first-child{font-size: 18px;font-size: 1.8rem;}
	.caselist .more{font-size: 14px;font-size: 1.4rem;}
}
@media(max-width: 480px){
	.content ul li{width: 92%;margin: 0 4% 25px;}
}