/**
 * @author yzsy
 * @date 2014.08.14
 */


/* slider */
#sliderBox {
	width:100%;
	position:relative;
	z-index:10;
	display:none;
	_display:block;
}
#sliderBox .prev,#sliderBox .next {
	position:fixed;
	_position:absolute;
	top:45%;
	background:url(../images/slider_icon.png) no-repeat;
	display:block;
	text-indent:-999em;
	width:47px;
	height:47px;
	z-index:5;
}
#sliderBox .prev {
	background-position:-10px -10px;
	left:30px;
}
#sliderBox .next {
	background-position:-67px -10px;
	right:10px;
}
#sliderBox .prev:hover {
	background-position:-10px -67px;
}
#sliderBox .next:hover {
	background-position:-67px -67px;
}
#slider {
	overflow:hidden;
	width:100%;
}
#slider ul {
	width:100%;
	left:0;
}
#slider li {
	float:left;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
#slider li img {
	max-width:85%;
}
#slider li .layout {
	width:990px;
	height:650px;
	margin:0 auto;
	position:relative;
}
.layout a {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.layout img {
	position:absolute;
	-webkit-touch-callout:none;
}
.layout div {
	position:absolute;
	-webkit-touch-callout:none;
}
#slider li .line {
	width:100%;
	height:80px;
	position:absolute;
	top:480px;
	left:0;
}
#navi {
	text-align:center;
	padding-top:0px;
}
#navi a {
	display:inline-block;
	zoom:1;
	width:65px;
	height:80px;
	overflow:hidden;
	margin:0 20px;
}
#navi a[href="#0"]{
	background:url(../images/navi_icon.png) no-repeat -10px -10px;
}
#navi a[href="#1"]{
	background:url(../images/navi_icon.png) no-repeat -85px -10px;
}
#navi a[href="#3"]{
	background:url(../images/navi_icon.png) no-repeat -160px -10px;
}
#navi a[href="#2"]{
	background:url(../images/navi_icon.png) no-repeat -310px -10px;
}

#navi a[href="#0"].active {
	background-position:-10px -190px;
}

#navi a[href="#1"].active {
	background-position:-85px -190px;
}

#navi a[href="#3"].active {
	background-position:-160px -190px;
}

#navi a[href="#2"].active {
	background-position:-310px -190px;
}

#navi a[href="#0"]:not(.active):hover{
	background-position:-10px -100px;
}

#navi a[href="#1"]:not(.active):hover {
	background-position:-85px -100px;
}

#navi a[href="#3"]:not(.active):hover {
	background-position:-160px -100px;
}

#navi a[href="#2"]:not(.active):hover {
	background-position:-310px -100px;
}




/* slider layout */

.small #slider li .layout {
	height:480px;
}

.small #slider li .line {
	top:80%;
	height:40px;
}

/*pageCM*/

.article {
	background:#fff;
	text-align:center;
	overflow:hidden;
}







/***********************************************
Screen 1200px+
***********************************************/






	
	
	#sms .sms_bg{
		top: 50%; 
		left: 50%;
	}
	#sms .sms_title { 
		top: 50%; 
		left: 50%;
	}
	#sms .sms_introduce{
		top: 50%; 
		left: 50%;
	}


	#anywhere .anywhere_title { 
		top: 50%; 
		left: 50%;
	}
	#anywhere .anywhere_introduce{
		top: 50%; 
		left: 50%;
	}
	#anywhere .anywhere_bg{
		top: 50%; 
		left: 50%;
	}
	

	#photo .photo_bg{
		top: 50%; 
		left: 50%;
	}
	#photo .photo_title { 
		top: 50%; 
		left: 50%;
	}
	#photo .photo_introduce{
		top: 50%; 
		left: 50%;
	}	
	
	
	#ecard .ecard_bg{
		top: 50%; 
		left: 50%;
	}
	#ecard .ecard_title { 
		top: 50%; 
		left: 50%;
	}
	#ecard .ecard_introduce{
		top: 50%; 
		left: 50%;
	}
	
	












/***********************************************
Screen 1200px+
***********************************************/

	
	#sms .sms_bg{
		margin:-231px 0px 0px -100px;
	}
	#sms .sms_title { 
		margin:0px 0px 0px -400px;
		width:494px;
		height:68px;
		
	}
	#sms .sms_introduce{
		margin:88px 0px 0px -450px;
		width:357px;
		height:58px;
		background:url(../images/introduce_bg.png) no-repeat -10px -10px;
		padding:0px 5px 0px 35px;
		line-height:58px;
		font-size:24px;
		color:#FFFFFF;
	}


	#anywhere .anywhere_title { 
		width:407px;
		height:100px;
		margin:0px 0px 0px -120px;
		
	}
	#anywhere .anywhere_introduce{
		width:357px;
		height:58px;
		background:url(../images/introduce_bg.png) no-repeat -10px -78px;
		padding:0px 5px 0px 35px;
		line-height:58px;
		font-size:24px;
		color:#FFFFFF;
		margin:120px 0px 0px -170px;
	}
	#anywhere .anywhere_bg{
		margin:-212px 0px 0px -413px;
	}
	
	
	#ecard .ecard_bg{
		margin:-211px 0px 0px -403px;
	}
	#ecard .ecard_title { 
		width:494px;
		height:68px;
		margin:20px 0px 0px -40px;
	}
	#ecard .ecard_introduce{
		margin:98px 0px 0px -90px;
		width:357px;
		height:58px;
		background:url(../images/introduce_bg.png) no-repeat -10px -214px;
		padding:0px 5px 0px 35px;
		line-height:58px;
		font-size:24px;
		color:#FFFFFF;
	}
	
	
	#photo .photo_bg{
		margin:-212px 0px 0px -150px;
	}
	#photo .photo_title { 
		width:460px;
		height:62px;
		margin:-30px 0px 0px -430px;
	}
	#photo .photo_introduce{
		margin:50px 0px 0px -430px;
		width:357px;
		height:58px;
		background:url(../images/introduce_bg.png) no-repeat -10px -282px;
		padding:0px 5px 0px 35px;
		line-height:58px;
		font-size:20px;
		color:#FFFFFF;	
	}	


	#floatCorner_bottom{
		display: none;
	}










/***********************************************
980-1199
***********************************************/
@media only screen and (min-width: 960px) and (max-width: 1199px) {



	#slider li .layout {
		width: auto; 
		min-width:940px;
		max-width:1199px;
		-webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8);	
	}	
	
	#ecard .ecard_title {
		margin:20px 0px 0px -80px;
	}
	
	#ecard .ecard_introduce{
		margin:98px 0px 0px -160px;
	}	
}





/***********************************************
768-979
***********************************************/
@media only screen and (min-width: 768px) and (max-width: 959px) {


	#slider li .layout {
		width: auto; 
		min-width:748px;
		max-width:959px;	
		-webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6);	
	}	
		
}

/***********************************************
Mobile
***********************************************/
@media only screen and (max-width: 767px) {


	#slider li .layout {
		width: auto; 
		min-width:480px;
		max-width:767px;	
		-webkit-transform: scale(0.5); -moz-transform: scale(0.6); transform: scale(0.6);	
	}	

	#sms .sms_bg{
		margin:-231px 0px 0px -100px;
	}
	#sms .sms_title { 
		margin:-10px 0px 0px -300px;
		width:494px;
		height:68px;
		
	}
	#sms .sms_introduce{
		margin:88px 0px 0px -350px;
		width:357px;
		height:58px;
		background:url(../images/introduce_bg.png) no-repeat -10px -10px;
		padding:0px 5px 0px 35px;
		line-height:58px;
		font-size:24px;
		color:#FFFFFF;
	}


	#anywhere .anywhere_title { 
		width:407px;
		height:100px;
		margin:0px 0px 0px -60px;
		
	}
	#anywhere .anywhere_introduce{
		width:357px;
		height:58px;
		background:url(../images/introduce_bg.png) no-repeat -10px -78px;
		padding:0px 5px 0px 35px;
		line-height:58px;
		font-size:24px;
		color:#FFFFFF;
		margin:120px 0px 0px -85px;
	}
	#anywhere .anywhere_bg{
		margin:-212px 0px 0px -206px;
	}
	
	
	#ecard .ecard_bg{
		margin:-211px 0px 0px -181px;
	}
	#ecard .ecard_title { 
		width:494px;
		height:68px;
		margin:20px 0px 0px -100px;
	}
	#ecard .ecard_introduce{
		margin:98px 0px 0px -125px;
		width:357px;
		height:58px;
		background:url(../images/introduce_bg.png) no-repeat -10px -214px;
		padding:0px 5px 0px 35px;
		line-height:58px;
		font-size:24px;
		color:#FFFFFF;
	}
	
	
	#photo .photo_bg{
		margin:-212px 0px 0px -120px;
	}
	#photo .photo_title { 
		width:460px;
		height:62px;
		margin:-30px 0px 0px -430px;
	}
	#photo .photo_introduce{
		margin:50px 0px 0px -430px;
		width:357px;
		height:58px;
		background:url(../images/introduce_bg.png) no-repeat -10px -282px;
		padding:0px 5px 0px 35px;
		line-height:58px;
		font-size:20px;
		color:#FFFFFF;	
	}	


}