@charset "utf-8";
/* CSS Document */
@font-face
{
	font-family:Myriad;
	src:url(../../fonts/MyriadPro-Regular.otf);
} 
body
{
	margin:0;
	padding:0;
	font-family:Myriad;
	background:#fff;
}
img
{
	border:none;
}
.cleaner
{
	clear:both;
}
.text-blue
{
	color:#036587;
	text-decoration:none;
}
.text-blue:hover
{
	color:#036587;
	text-decoration:underline;
}
#current
{
	color:#003b4f;
	text-decoration:none;
}

.text-white
{
	color:#fff;
	text-decoration:none;
}
.text-white:hover
{
	color:#fff;
	text-decoration:underline;
}

.mainframe
{
	width:1000px;
	margin:0 auto;
	padding:0;
}
.left-content
{
	width:700px;
	padding:10px;
	float:left;
}
.right-content
{
	width:250px;
	float:right;
	padding:10px;
	background:url(../images/front/right-content.png) left center no-repeat;
	height:450px;
	color:#003b4f;
	font:bold 18px Myriad;
}
.right-content span
{
	color:#036587;
	font:normal 16px Myriad;
}
.right-content-2
{
	width:250px;
	float:right;
	padding:10px;
	background:url(../images/front/right-content-2.png) left center no-repeat;
	height:450px;
	color:#003b4f;
	font:bold 18px Myriad;
}
.right-content-2 span
{
	color:#036587;
	font:normal 16px Myriad;
}
.map
{
	width:240px;
	border:5px solid #fff;
	box-shadow:0 0 5px #ccc;
	background:#fff;
}
.content-padding
{
	padding:10px;
}
.header
{
	background:#036587;
	height:100px;
	color:#fff;
}
.header-left
{
	width:150px;
	padding:10px;
	float:left;
	text-align:center;
	font-size:9px;
	text-shadow:1px 1px 0 #004861;
	font-family:"Arial Black", Gadget, sans-serif;
}
.header-menu
{
	width:800px;
	height:50px;
	font-size:15px;
	font-weight:bold;
	margin-top:45px;
	float:right;
}
.header-menu ul
{
	margin:0 auto;
	padding:0;
}
.header-menu li
{
	display:inline;
	padding:10px;
}
.header-menu li a
{
	display:inline;
	padding:10px;
	text-decoration:none;
	color:#fff;
	text-shadow:-1px -1px 0 #003b4f;
}
.header-menu li a:hover
{
	text-decoration:none;
	background:#003b4f;
	color:#fff;
	border-bottom:1px solid #087398;
	text-shadow:none;
}
.current
{
	text-decoration:none;
	background:#003b4f;
	color:#fff;
	border-bottom:1px solid #087398;
	text-shadow:none;
}
.tittle-banner
{
	width:100%;
	height:80px;
	background-color: #036587; background-image: url(images/front/radial_bg.png);
	background-position: center center;
	background-repeat: no-repeat; 
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#1f95be), to(#036587)); 
	background: -webkit-radial-gradient(circle, #1f95be, #036587);
	background: -moz-radial-gradient(circle, #1f95be, #036587);
	background: -ms-radial-gradient(circle, #1f95be, #036587);
	font-size:52px;
	color:#fff;
}
.tittle-banner-2
{
	width:100%;
	height:60px;
	background-color: #036587; background-image: url(images/front/radial_bg.png);
	background-position: center center;
	background-repeat: no-repeat; 
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#1f95be), to(#036587)); 
	background: -webkit-radial-gradient(circle, #1f95be, #036587);
	background: -moz-radial-gradient(circle, #1f95be, #036587);
	background: -ms-radial-gradient(circle, #1f95be, #036587);
	font-size:34px;
	color:#fff;
}
.banner-bg
{
	width:100%;
	height:360px;
	background-color: #036587; background-image: url(images/radial_bg.png);
	background-position: center center;
	background-repeat: no-repeat; 
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#1f95be), to(#036587)); 
	background: -webkit-radial-gradient(circle, #1f95be, #036587);
	background: -moz-radial-gradient(circle, #1f95be, #036587);
	background: -ms-radial-gradient(circle, #1f95be, #036587);
}
.banner
{
	background:#52cffa;
	width:980px;
	height:310px;
	margin:0 auto;
	border-radius:5px;
	-moz-border-radius:5px;
	text-align:center;
}
.welcome
{
	background:url(../images/front/welcome.png);
	width:1000px;
	height:30px;
	padding-top:5px;
	text-align:center;
	line-height:45px;
	margin:24px 0;
	font:bold 20px Myriad;
}
.grid-3
{
	width:33.3%;
	float:left;
}
.grid-3 .img
{
	background:#fff;
	padding:5px;
	box-shadow:0 0 3px #ccc;
	height:160;
	width:250px;
	margin-left:32px;
}
.grid-3 .img img
{
	height:160;
	width:250px;
}
.grid-4
{
	width:25%;
	float:left;
	background:url(../images/front/triagle.png) right center no-repeat;
	height:100px;
}
.grid-4-2
{
	width:25%;
	float:left;
	height:100px;
}
.partners-tittle
{
	background:url(../images/front/partner.png) center center no-repeat;
	color:#fff;
	font:bold 20px Myriad;
	text-align:center;
	height:40px;
	padding-top:7px;
	width:980px;
	text-shadow:-1px -1px 0 #002a38;
}
.parners
{
	width:980px;
	margin-top:10px;
}
.parners img
{
	float:left;
	margin:20px 10px 20px 0;
}

.footer
{
	background:#066a8c;
	border-top:1px solid #00445b;
	box-shadow:0 1px 0 #1aa3d2 inset;
	height:100px;
	font:bold 16px Myriad;
	color:#01232e;
	text-shadow:-1px -1px 0 #0085b2;
	padding:10px 0;
}
.footer span
{
	font:normal 10px "Arial Black", Gadget, sans-serif;
	color:#7ecae3;
	text-shadow:none;
}
.copyright
{
	background:#00445b;
	height:20px;
	font:normal 14px Myriad;
	color:#0179a1;
	padding:10px 0;
	text-align:center;
}

/*form*/
input[type="text"]{
    
    padding:10px 5px;
	background:#066a8c;
	border:none;
	color:#60b1cd;
}
input[type="text"]:hover
{
    border:none;
	color:#fff;
}
input[type="text"]:focus
{
    box-shadow:0 0 2px #999;
	color:#fff;
}
textarea{
    
    padding: 5px;
	background:#066a8c;
	border:none;
	color:#60b1cd;
	font:normal 13px Arial, Helvetica, sans-serif;
}
textarea:hover
{
    border:none;
	color:#fff;
}
textarea:focus
{
    box-shadow:0 0 2px #999;
	color:#fff;
}
input[type="submit"]{
    
    padding:5px 10px;
	background-color: #056284;
    background-image: -moz-linear-gradient(#047aa7, #056284);
	border:1px solid #00445b;
	color:#fff;
	box-shadow:0 1px 0 #58a6c4 inset;
	font:bold 16px Myriad;
	text-shadow:-1px -1px 0 #00445b;
	border-radius:5px;
	-moz-border-radius:5px;
	float:right;
	cursor:pointer;
}
input[type="submit"]:hover
{
    background-color: #047aa7;
    background-image: -moz-linear-gradient(#056284, #047aa7);
}
input[type="submit"]:focus
{
    box-shadow:0 0 2px #999;
}