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

.row.index01_bg{
	
	background:#0092ee;
	margin:0;
}

.index01{
	max-width:900px;
	width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	color:#fff;
	font-size:22px;
	margin-top:2%;
	letter-spacing:1px;	
}

.index01 div span{
	
	display:block;
	font-size:0.7em;
	margin-bottom:4%;
}

.arrow{
	background:url(../images/arrow.png) no-repeat center;

	height:37px;
	margin-top:1%;
	margin-bottom:1%;
	padding-right:5%;
	margin-left:-2%;
	left:0;
	
	transition: left 0.5s;
-moz-transition: left 0.5s; /* Firefox 4 */
-webkit-transition: left 0.5s; /* Safari 和 Chrome */
-o-transition: left 0.5s; 

}
.arrow:hover{
	
	left:2%;
}



.row.index02_bg{
	background:url(../images/bg02.png) repeat;
	margin:0;
	width:100%;

}

.index02{


	max-width:1080px;
	margin:0 auto;
	background:url(../images/02.png) right top no-repeat;
	padding-bottom:13%;
	padding-right:1%;
	}

.index02 .col-md-2.title{
	
	color:#f95e04;
	font-size:30px;
	letter-spacing:6px;
	line-height:35px;
	padding-top:20px;
	margin-top:0;
	
}

.index02 .col-md-2.title p{
	
	color:#bababb;
	font-size:20px;
	letter-spacing:1px;
	margin:0;
	line-height:20px;
	
}

.index02 .col-md-8.content{
	
	color:#32323e;
	line-height:2em;
	margin-top:20px;
	padding-right:4%;


}


.index02 .col-md-2.right{
	
	background:url(../images/02.png) no-repeat top;
	padding-bottom:20%;
	background-size:contain;
}



.row.index03_bg{
	
	margin:0;
	width:100%;
	background:url(../images/ad_r.png);
}

.index03{


	max-width:1366px;
	margin:0 auto;
	width:100%;
	background:url(../images/ad.png) top  center no-repeat;
	height:292px;


	}


.index03 div div.col-md-4{
	
	text-align:center;

	}

.index03 div .col-md-4 h3{
	
	color:#fff;
	margin:7px auto;
	font-size:20px;
	letter-spacing:4px;
	margin-bottom:0px;
	
}

.index03 div .col-md-4 h4{
	
	color:#fff;
	margin:7px auto;
	font-size:16px;
	letter-spacing:2px;
	
}

.index03 div .col-md-4 p{
	
	color:#f95e04;
	font-weight:bolder;
	letter-spacing:1px;
	font-size:12px;
	margin:5px auto;
}

hr{
	
	width:60%;
	margin:0 auto;
}





.row.index04_bg{
	
	margin:0;
	width:100%;
	background:#fff;
	padding:30PX 0;
}

.index04{


	max-width:1080px;
	margin:0 auto;
	width:100%;
	text-align:center;
	list-style:none;
	padding:0;
	color:#0092ee;
	}
	
.index04 li{
	
	margin-bottom:30px;	
}

	
.index04 li a{
	text-decoration:none;
	color:#0092ee;
}
	
.index04 li img{
	
box-shadow:2px 2px 5px #999;
margin:0 auto;
}
	

.index04 li  h3{
	
	font-size:18px;
	
}


.index04 li p{
	
	font-size:18px;

	
}




@media (max-width:1024px){

.index02 .col-md-2.title{ letter-spacing:3px;}

}

@media (max-width:1000px){

.index02 .col-md-8.content{

	padding-right:10px;
}

}




@media (max-width:854px){

.index02 .col-md-2.title{ letter-spacing:7px;}
.index02{ padding-bottom:15%;}

}



@media (max-width:767px){
	
.index01{
	
	font-size:18px;
	
	}

.col-md-11.col-xs-11{
	
	width:100%;	
}


.arrow{
	
	width:98%;
	margin-bottom:2%;

}

.index02{ padding-bottom:0;}


}

@media (max-width:641px){
	
	.view640{
		display:none;
	}
	.index03{
		
		height:205px;
	}
	.index03 div .col-md-4 h3{
		letter-spacing:1px;
	}
}

@media (max-width:510px){

}

@media (max-width:480px){
.col-md-12.index01{font-size:16px;}	
.index03 div .col-md-4 h3{
	
	font-size:18px;
	}
	
.index04 li h3{
	
	font-size:14px;
	
}


.index04 li p{
	
	font-size:14px;
}


}


@media (max-width:470px){
.index03 div .col-md-4.col-xs-4 img{
	
	width:100%;	
}
.index04 li p{font-size:14px; height:28px;}	
}






@media (max-width:320px){
.index03{height:180px;}
.index02{background:none}


}