@charset "UTF-8";

html,body{
	margin:0px;
	padding:0px;

}


body{
	width: 100%;
	padding: 0px;
	margin: 0px;
}



h1{

	font-size: 13px;
	background: #1dacdf;
	padding: 5px;
	margin: 0px;
	font-weight: normal;
	color: white;
}
h4{

	font-weight: bold;
	margin-bottom: 20px;
}



/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */







/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */




body>div:nth-child(1){
	background: #1dacdf;
	border-bottom: 5px solid #6fe9fc;
	width: 100%;
	overflow: hidden;
}

body>div:nth-child(2){

	width: 100%;
	margin: 0 auto 50px auto;
	overflow: hidden;
}



.head{
	width: 100%;
margin-bottom: 15px;

}

.head>li:nth-child(1){
float: left;
max-width: 50%;

height: auto;
}

.head>li:nth-child(2){
float: right;
max-width: 50%;

height: auto;
}

.head>li>a>img{

max-width: 100%;
}


.bt_area{
	width: 100%;
	padding-top: 15px;
}

.bt_area>li{
	margin-bottom: 10px;
}

.bt_area>li:nth-child(1){
display: none;
}



.bt_area>li>a{
	width: 100%;
	height: 35px;
	font-size: 20px;
	color: white;
	background: #2bc0f5;
	display: block;
	padding-left: 20px;
	text-decoration: none;
}

h5{
	font-weight: bold;
	color: #333;
}


.footer{
	background: #1dacdf;
	padding-top: 50px;
	padding-bottom: 40px;
}


.footer>ul>li:nth-child(1)>a{
display: block;
width: 250px;
height: 110px;
background: url(../img/config_img.png) no-repeat 0 -90px;
text-indent: -9999px;
margin-bottom: 10px;
}



.footer>ul>li:nth-child(2){

float: left;

width: 40%;
}



.footer>ul>li:nth-child(3){

float: right;

width: 60%;
}


.foot_list>li>a{
	color: white;
	background: url(../img/li_icon.png) no-repeat;
	padding-left: 15px;
}


.foot_list>li{

	margin-bottom: 5px;
}



.main_img{
	display: none;
}


.main_img2{
	max-width: 100%;
	height: auto;

}

.main_img2>img{
	width: 100%;
	height: auto;
}



.bold{
font-weight: bold;
}
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}
.mb70{margin-bottom: 70px!important;}
.mb80{margin-bottom: 80px!important;}