@font-face {  
    font-family: 'AlibabaSansHK-95';  
    src: url('/public/fonts/AlibabaSansHK-95.woff2') format('woff2'),  
    url('/public/fonts/AlibabaSansHK-95.woff') format('woff');  
    font-weight: normal;  
    font-style: normal;  
}  


a {
	text-decoration:none !important;
}




body{
	background: #ffffff;
}






 #scrollimg{
 	position: absolute;
 	width: 100%;
 }

.scrollimg .hd {
  position: absolute;
  bottom: 0px;
  text-align: right;
  width: 100%;
  padding-right: 15px;
}

.scrollimg img{
	width: 100%;
}

.scrollimg .hd li {
	cursor: pointer;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 8px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	background: #f0f0f0;
	_filter: alpha(Opacity=60);
	_opacity: .6;
	box-shadow: 0 0 1px #ccc;
	text-indent: -100px;
	overflow: hidden;
	list-style: none;
	color: #ffffff;
	
	_border: 2px solid #ffffff;
}
#scrollimg .hd li.on {
	width: 12px;
	height: 12px !important;
	_box-shadow: 1px 1px 1px 1px #000;
	background: #ffffff;
	color:#ffffff !important ;
	animation: animationName 5s infinite;
}

.scrollimg .hd li:hover {
	background: #ffffff;
	color:#ffffff;
}

@keyframes animationName {
  0% { width: 12px; }
  20% { width: 30px; }
  80% { width: 30px; }
  100% { width: 12px; }
}

  



/*mobile*/
@media (max-width: 768px) {
.hidden-xs{
	display: none !important; 
	visibility: hidden !important;
}


}



















/*pc*/
@media (min-width: 768px) {
.visible-xs{
	display: none !important; 
	visibility: hidden !important;
}

.c_content{
   width: 1250px;
	margin-left: auto;
	margin-right: auto;

	overflow: hidden;
}




.c_banner_box{
	margin: 15px 0 15px 0 ;
	width: calc(100% - 0px);
	overflow: hidden;

	
	
}

.c_banner_box_l{
	width: 328px;
	height: 400px;
	float: left;
	background:#0095ff;
	color: #ffffff;
	padding: 15px;
	border-radius: 12px;
}

.c_banner_box_1{
	font-weight:bold;
	font-size: 25px;
	margin-bottom: 15px;
	text-shadow: 2px 2px 2px #000000;
	
}

.c_banner_box_2_box{
	overflow: hidden;

}

.c_banner_box_2{
	background: #ffffff;
	color: #000000;


	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 13px;
	text-align: center;
	float: left;
	
	font-size: 20px;
	padding: 5px 0px;
	border-radius: 8px;
	cursor: pointer;
	font-weight: bold;
	border: 1px solid #ffffff;
	user-select: none;
}


.c_banner_box_3{
	background: #63b6df;
	color: #ffffff;
	text-shadow: 1px 1px 0px #000000;
	
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 8px;
	text-align: center;
	float: left;
	
	font-size: 20px;
	padding: 5px 0px;
	border-radius: 8px;
	cursor: pointer;
	border: 1px solid #ffffff;
}



.c_banner_box_4{
	background: #f28af2;
	color: #ffffff;
	text-shadow: 1px 1px 0px #000000;
	
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 8px;
	text-align: center;
	float: left;

	font-size: 20px;
	padding: 5px 0px;
	border-radius: 8px;
	cursor: pointer;
	border: 1px solid #ffffff;
}



.c_banner_box_r{
	position: relative;
	width: 900px;
	height: 400px;
	overflow: hidden;
	float: right;
	background-color: #666666;
	border-radius: 12px;
}


	
	.big_banner_box{
		width: 100%;
		min-width: 1250px;
		height: 600px;
		overflow: hidden;
		position: relative;
		
	}
	
	.big_banner_img_box{
		width: 100%;
		height: 600px;
		overflow: hidden;
		position: relative;
		border-radius: 8px;
		
	}
	
	.index_big_banner_img_top{
		width: 500px;
		height: 279px;
		position: absolute;
		z-index: 2;
		right: 0;
		bottom: 0;
	}
	
	
	.index_big_banner_img_top3{
		width: 500px;
		height: 279px;
		position: absolute;
		z-index: 2;
		left: 0;
		bottom: 0;
	}
	
	.index_big_banner_img_top5{
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		z-index: 5;
        left: calc(50% - 500px) ;
		top: 5vw;
		opacity: 1;
		animation: index_big_banner_img_top5_animat 1s ;
	}
	
	@keyframes index_big_banner_img_top5_animat {
	  0% { opacity: 0; }
	  100% { opacity: 1; }
	}
	
	.index_big_banner_img{
		width: 100%;
		animation: index_big_banner_img_animat 10s ;
		position: absolute;
		top:-100%;
		z-index: 1;
		width: 120%;
		left: -10%;
	}
	
	
	
	@keyframes index_big_banner_img_animat {
	  0% { top: -10%;width: 100%;left: 0%; }
	  100% { top: -100%; width: 120%;left: -10%; }
	}
	
	.custom_row_3{
		padding-top: 20px;
		padding-bottom: 10px;
	}
	
	.custom_row_3_title{
		padding-bottom: 15px;
	}
	
	.custom_row_3_title p{
		text-align: center;
		color: #666666;
	}
	
	
	.custom_row_3 h1{
		text-align: center;
		font-size: 30px;
		font-weight: bold;
	}
	
	
	
	
	
	
	.custom_row_3_description{
		text-align: center;
		margin-bottom: 15px;
	}
	
	.custom_row_3_c{
		overflow: hidden;
		margin-top: 25px;
	}
	
	.custom_row_3_c_box{
		width: calc(20% - 30px);
		margin: 15px;
		height: 380px;
		background: #f5f5f5;
		border-radius: 8px;
		float: left;
		padding: 15px;
		position: relative;
		
	}
	
	.custom_row_3_c_box h2{
		font-size: 25px;
        text-align: center;
		margin-top: 15px;
		font-family: 'AlibabaSansHK-95', sans-serif;
	}
	
	.custom_row_3_c_bottom{
		width: 40%;
		height: 5px;
		border-radius: 15px;
		background: #d0d0d0;
		left: 30%;

		position: absolute;
		bottom: 15px;
	}

}