@CHARSET "UTF-8";

.page{
	position:relative;
	margin: 0px auto 0px;	
	width:100%;
	max-width:1024px;	
	background-color: #eeeeff;
}

.page li{
	margin: 10px 0  10px 0;
}
.project_main{
	display:inline-block;
	width: 150px;
}

.buttonBoxCon{
	width: 100%;
	height: 200px;
	
}

.grid{
	width: 420px;
	max-width: 420px;
	height:180px;
	float: left;
	padding: 10px 0px 10px 60px;	
}
.contexts{
	
}

.img1{
	margin:30px 3px 10px 3px;
	width: 50px;
	height: 50px;
}

.img_2{
	margin:-10px 5px 0 160px;
	width: 150px;
	height: 150px;
}

.site-index .row {
margin-right: -5px;
margin-left: -5px;
}

.cblolk{
border-radius: 3px;
background-color: #F6f6f6;
padding-top: 1px;
padding-bottom: 1px;
margin-bottom: 20px;
/* margin-right: -10px;
margin-left: -10px; */
}


/* @media screen and (max-width: 1199px) {
	h1.line1 { margin: -240px;font-size: 50px;} 
    h1.line2 { margin: -266px;font-size: 50px;}  
} 

@media screen  and (max-width:992px) {
	 .carousel-caption > h1.line1 { margin: -240px;font-size: 30px;} 
     .carousel-caption > h1.line2 { margin: -266px;font-size: 30px;}  
}*/

.carousel-caption > h1.line1 { margin: -240px;font-size: 50px;} 
.carousel-caption > h1.line2 { margin: -266px;font-size: 50px;}     
.carousel-caption > h1.linep { margin: 26px;font-size: 50px;}     
 
@media screen and (max-width: 1199px){
    .carousel-caption > h1.line1 { margin: -185px;font-size: 42px;} 
	.carousel-caption > h1.line2 { margin: -215px;font-size: 42px;}      
	.carousel-caption > h1.linep { margin: -215px;font-size: 42px;}      
}  
@media screen and (max-width: 992px){
    .carousel-caption > h1.line1 { margin: 0;font-size: 36px;} 
	.carousel-caption > h1.line2 { margin: 0;font-size: 36px;}      
	.carousel-caption > h1.linep { margin: 0;font-size: 36px;}      
} 
@media screen and (max-width: 767px){
    .carousel-caption > h1.line1 { margin: 0;font-size: 22px;} 
	.carousel-caption > h1.line2 { margin: 0;font-size: 22px;}      
	.carousel-caption > h1.linep { margin: 0;font-size: 22px;}      
}

/*@media screen and (min-width: 1199px){
    .carousel-caption > h1.line1 { margin: -240px;font-size: 50px;} 
	.carousel-caption > h1.line2 { margin: -266px;font-size: 50px;}      
}  */
 
 
/* @media (max-width: 1199px) {
	.line1 { margin: -240px;font-size: 50px;} 
    .line2 { margin: -266px;font-size: 50px;}  
} 

@media (max-width:992px) {
	 .carousel-caption > h1.line1 { margin: -240px;font-size: 30px;} 
     .carousel-caption > h1.line2 { margin: -266px;font-size: 30px;}  
}
@media  (max-width: 767px){
    .line1 { margin: -240px;font-size: 20px;} 
    .line2 { margin: -266px;font-size: 20px;}     
}
 */