

@media only screen and (max-width: 480px){

.flexslider { 
	position: relative;
	width:100%;
	min-height: 480px;
	overflow: hidden;
	zoom: 1;
	float: left;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 100px;
	height: 100px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/image/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 50px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -100px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../images/image/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
    width: 96%;
    height: 96%;
    display: block;
}
	.home-top{
	background:#a0b0bf;
	width:100%;
	font-family:"微软雅黑";
	padding-top:50px;

	}
	.top-title{
		width: 80%;
		margin: 2em auto -2em;
	}
	.top-title img{
		width: 100%;
	}
	.slides li a img {
		background-size: 100% !important;
	}
.pbox {
    position: absolute!important;
    bottom: 30%;
    right: 100px;
    background: #7f7f7f;
    width: 9em;
    height: 2em;
    border-radius: 3em;
    text-align: center;
    line-height: 2em;
    color: #FFF;
    cursor: pointer;
    font-size: 16px;
}
a .pbox{
	color:#FFF;
	}
.home-comfort ul li{
	float:left;

	min-height:135px;
	text-align:left;
	margin-top: 50px;
	}
.home-comfort ul li p{
	padding-left:18%;
	color:#b0b046;
	font-size:1em;
	line-height:40px;

	}
.home-comfort ul li span{
	padding-left:18%;
	color:#000;
	font-size:15px;
	line-height: 24px;
	padding-top: 10px;
	display: block;
	padding-left: 3px;
	
	}
.comfort-t2{
	margin-top: 1em;
}
.home-comfort ul li{
	background-size: 100%;
	}


.comfort-title{
	color: #b0b046;
    font-size: 2em;
    text-align: left;
	margin:50px 0.5em;
	}

.top-title h1{
	color:#fff;
	font-family:Microsoft YaHei;
	font-size: 30px;
	font-weight:100;
}
.top-title h2{
	color: #FFFF01;
	font-family:Microsoft YaHei;
	font-size: 24px;
	font-weight:100;
}
.comfort-t2{
	font-size:0.66em;
	color:#7f7f7f;	
	}
.top-devel{
	background:#dddddd;
	padding:60px 0;
	width: 100%;
}
.devel-right{
	display: none;
}
.devel-left{
	width:80%;
	line-height: 24px;
    padding: 2em 10%;
	}
.top-devel h2{
	font-size: 22px;
	margin-bottom: 0.667em;
}
}
@media only screen and (min-width: 481px) and (max-width: 799px){
.top-title{
	text-align:center;
	width:100%;
	height:88px;
	margin-bottom:50px;
	}
.top-title h1{
	color:#fff;
	font-family:Microsoft YaHei;
	font-size: 48px;
	font-weight:100;
}
.top-title h2{
	color: #FFFF01;
	font-family:Microsoft YaHei;
	font-size: 24px;
	font-weight:100;
}
.flexslider { 
	position: relative;
	width:550px;
	min-height: 574px;
	overflow: hidden;
	zoom: 1;
	margin: 0 auto;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 100px;
	height: 100px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/image/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 50px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -100px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../images/image/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
    width: 550px;
    height: 574px;
    display: block;
}
	.home-top{
	background:#a0b0bf;
	width:100%;
	font-family:"微软雅黑";
	padding-top:50px;

	}
	.top-title{
		width: 80%;
		margin: 2em auto;
		text-align: center;
	}
	.top-title img{
		width: 304px;
	}
	.slides li a img {
		background-size: 100% !important;
	}
.pbox {
    position: absolute!important;
    bottom: 20%;
    right: 100px;
    background: #7f7f7f;
    width: 9em;
    height: 2em;
    border-radius: 3em;
    text-align: center;
    line-height: 2em;
    color: #FFF;
    cursor: pointer;
    font-size: 16px;
}
a .pbox{
	color:#FFF;
	}
.home-comfort ul li{
	float:left;

	min-height:135px;
	text-align:left;
	margin-top: 50px;
	}
.home-comfort ul li p{	padding-left:8%;
	color:#b0b046;
	font-size:1em;
	line-height:40px;

	}
.home-comfort ul li span{	padding-left:8%;
	color:#000;
	font-size:15px;
	line-height: 24px;
	padding-top: 10px;
	display: block;
	padding-left: 3px;
	
	}
.comfort-t2{
	margin-top: 1em;
}
.home-comfort ul li{
	background-size: 100%;
	}

.comfort-title{
	color: #b0b046;
    font-size: 2em;
    text-align: left;
	margin:50px 0.5em;
	text-align: center;
	}
.comfort-t2{
	font-size:0.66em;
	color:#7f7f7f;
	text-align: left;

	}
.top-devel{
	background:#dddddd;
	padding:60px 0;
	width: 100%;
}
.devel-right{
	display: none;
}
.devel-left{
	width:80%;
	line-height: 24px;
    padding: 2em 10%;
	}
.top-devel h2{
	font-size: 22px;
	margin-bottom: 0.667em;
}
}
