/*top*/
.topimg{background:url(../img/frame.png) no-repeat center top;}
.topimg div{
	height:675px;
	background:no-repeat center;
	
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}


.topimg img{
	width:100%;
	max-width:435px;
	margin-top:300px;
	padding-bottom:20px;
}





/* service */
.service ul{
	margin:0 auto;
	max-width:1200px;
	text-align:center;
}
.service li{
	width:320px;
	height:480px;
	text-align:left;
	display:inline-block;
}
.service li p{
	padding:0px 5px;
}

.service img{
	width:100%;
	max-width:320px;
}




/* info */
.info {
	padding:10px;
	margin-bottom:50px;
	clear:both;
}
.info h1 {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:dotted 3px #37B34A;
}



.info:after{
	content:"";
	display:block;
	clear:both;
}


@media only screen and (max-width: 768px) {


}


@media only screen and (max-width: 480px) {

/*top*/
#topimg {
	background-size:300%;
	height:380px;
}

.hotland h1 img {
	width:95%;
	display:block;
	margin:0px auto;
}


.service{
	margin:0px auto;
}

.service li {
	margin:0px auto;
	float:none;
	clear:both
}
.service li:after {
	content:"";
	display:block;
	clear:both;
}


#topimg img {
	width:90%;
	margin-top:100px;
}

}