@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
html{
	background: url(bg.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	}
a, a:after{
	outline:none;
	text-decoration:none;
	}
img{}
body{
	font-family: 'Raleway', sans-serif;
	}
#header{
	width:100%;
	overflow:hidden;
	background: #123956; 
	}
.header{
	width:75%;
	overflow:hidden;
	margin:0 auto;
	}
.header ul{
	list-style:none;
	overfow:hidden;
	float:left;
	}
.header ul li{
	float:left;
	padding-top:15px;
	padding-bottom:15px;
	}
.header ul li a{
	color:#fff;
	font-size:16px;
	padding-top:15px;
	padding-bottom:15px;
	font-family: 'Josefin Sans', sans-serif;
	padding-left:20px;
	padding-right:20px;
	} 
.header ul li a:hover{
	background:#fff;
	color:#123956;
	
	}
.header .hright{
	float:right;
	overflow:hidden;
	padding-top:15px;
	}
.hright {
	color:#FFF;
	font-size:16px;
	font-family: 'Josefin Sans', sans-serif;
	margin-left:25px;
	font-weight:bold;
	}

.scrollline{
	width:100%;
	padding:10px;
	}



#page{
	width:75%;
	overflow:hidden;
	margin:0 auto;
	background:#fff;
	margin-bottom:20px;
	box-shadow:0 0 10px #999;
	}

.header2{
	width:100%;
	overflow:hidden;
	padding:20px;
	}
.h2left{
	float:left;
	width:100%;
	}
.h2left img{
	width:100%;
	}
.h2right{
	float:right;
	width:35%;
	text-align:right;
	padding-top:10px;
	}

.menu{
	width:100%;
    overflow: hidden;
    background: #017ac3;
	}
.menu ul{
	list-style:none;
	}
.menu ul li{
	float:left;
	background:#017AC3;
	border-right:1px solid #0065AE;
	text-align:center;
	padding-top:15px;
    padding-left: 22px;
    padding-right: 22px;
	padding-bottom:15px;
	}
.menu ul li a{
	color:#fff;
	font-size:13px;
	font-weight:bold;
	}
.menu ul li a:hover{
	color:#123956;
	}
.menu>ul>li:hover ul.sub{
	display:block;
	}
ul.sub{
	border-radius:0px 5px 5px 5px;
	margin-top:10px;
	position:absolute;
	display:none;
	z-index:500;
	padding-left:10px;
	overflow:hidden;
	background:#fff;
	padding-right:10px;
    width: 250px;
    margin-left: -20px;
	}
ul.sub li{
	float:none;
	margin-top:5px;
	margin-bottom:5px;
	list-style:none;
	border-bottom:1px solid #CCC;
    width: 100%;
    text-align: left;
    background: none;
	}
ul.sub li a{
	color:#666;
	font-size:13px;
	}
ul.sub li a:hover{
	color:#104385;
	}


.slider{
	width:100%;
	overflow:hidden;
	}


.sleft{
	width:335px;
	overflow:hidden;
	background:url(sleft.png) no-repeat;
	height:500px;
	position:absolute;
	padding:30px;
	z-index:10;
	}
.sleft .upper{
	width:250px;
	height:100px;
	}
.upper h1{
	color:#fff;
	font-size:18px;
	color: #FF0;
	}
.upper p{
	font-size:14px;
	color:#FFF;
	line-height:1.7em;
	}

.sleft .lower{
	width:250px;
	overflow:hidden;
	margin-top:50px;
	}
.lower h1{
	color:#fff;
	font-size:18px;	
	color: #FF0;
	}
.lower ul li{
	list-style:none;
	margin-top:5px;
	}
.lower ul li a{
	color:#fff;
	font-size:13px;
	}
.lower ul li a:hover{}

.sright{
	width:100%;
	overflow:hidden;
	background: #999;
	}
.sright img{
	width:100%;
	}

.home{
	width:100%;
	overflow:hidden;
	padding:30px;
	padding-top:25px;
    min-height: 350px;
	}
.home h1{
	color:#123956;
	font-size:25px;
	}
.home p{
	margin-top:10px;
	font-size:14px;
	text-align:justify;
	line-height:1.8em;
	}
.homeleft{
    float: left;
    width: 30%;
    overflow: hidden;
    
}
.homeright{
    overflow: hidden;
    float: right;
    width: 65%;
}

.row1{
	width:100%;
	overflow:hidden;
	background:#123956;
	padding:30px;
	}
.r1left{
	float:left;
	overflow:hidden;
	width:70%;
	}
.r1left p{
	color:#fff;
	font-size:14px;
	line-height:1.7em;
	}
.r1left h1{
	font-size:40px;
	color:#FFF;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}
.r1right{
	float:right;
	overflow:hidden;
	width:30%;
	}
.r1right img{
	width:100%;
	}


.row2{
	width:100%;
	overflow:hidden;
	background:url(r2.png) #282828 no-repeat right bottom;
	padding:30px;
	}
.r2right{
	float:left;
	width:70%;
	overflow:hidden;
	font-size:14px;
	color:#fff;
	line-height:1.7em;
	}


.row3{
	width:100%;
	overflow:hidden;
	padding:30px;
	}
.r31{
	float:left;
	width:30%;
	overflow:hidden;
	color:#fff;
	line-height:1.7em;
	border:1px solid #03C;
	}
.r32{
	float:left;
	width:30%;
	overflow:hidden;
	color:#fff;
	line-height:1.7em;
	margin-left:5%;
	border:1px solid #03C;
	}
.r33{
	float:right;
	width:30%;
	overflow:hidden;
	font-size:14px;
	color:#fff;
	line-height:1.7em;
	border:1px solid #03C;
	}
.row4{
	width:100%;
	padding:30px;
	overflow:hidden;
	}
.row4 h1{
	color:#FFFF4E;
	font-size:20px;
	text-align: center;
	margin-top:20px;
	border-bottom:#FFFF4E 2px solid;
	padding-bottom:20px;
	}
.row4 .r41{
	width:48%;
	float:left;
	height:240px;
	overflow:hidden;
	background:#123956;
	margin-left:25%;
	}
.row4 .r42{
	display:none;
	width:48%;
	float:right;
	height:240px;
	overflow:hidden;
	background:#123956;
	}
.row4 .r4f{
	overflow:hidden;
	width:100%;
	padding:10px;
	}
.row4 .r4f .r4fl{
	float:left;
	width:28%;
	height:150px;
	}
.row4 .r4f .r4fr{
	width:70%;
	float:right;
	color:#FFF;
	font-size:13px;
	text-align:justify;
	}


.footer{
	width:100%;
	overflow:hidden;
	background:url(fbgfull.jpg);
	}
.footer h1{
	font-size:17px;
	color:#8EC4E6;
	padding-bottom:10px;
	}
.footer p{
	font-size:13px;
	color:#fff;
	line-height:1.7em;
	text-align:justify;
	}
.fcol1{
	float:left;
	overflow:hidden;
	width:22%;
	margin-left:2%;
	margin-top:2%;
	}
.fcol2{
	float:left;
	overflow:hidden;
	width:18%;
	margin-left:7%;
	margin-top:2%;
	}
.fcol2 ul li{
	list-style:none;
	padding:5px;
	}
.fcol2 ul li a{
	color:#fff;
	font-size:14px;	
	}
.fcol2 ul li a:hover{
	color:#CCC;
	}
.fcol3{
	float:left;
	overflow:hidden;
	width:18%;
	margin-left:5%;
	margin-top:2%;
	}
.fcol3 ul li{
	list-style:none;
	padding:5px;
	}
.fcol3 ul li a{
	color:#fff;
	font-size:14px;	
	}
.fcol3 ul li a:hover{
	color:#CCC;
	}
.fcol4{
	float:right;
	overflow:hidden;
	width:22%;
	margin-top:2%;
	height:240px;
	background:url(fbg.png) no-repeat bottom right;
	}
.fcol4 a img:hover{
	opacity:0.5;
	}

.flink{
	width:980px;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:25px;
	}
.flinkleft{
	color:#284A63;
	float:left;
	font-size:12px;
	}
.flinkright{
	color:#284A63;
	float:right;
	font-size:12px;
	}
.flinkright a{
	color:#284A63;
	}
#tcsearch{
	border: 1px solid #999;
	color: #888;
	height: 30px;
	margin-bottom: 16px;
	margin-right: 6px;
	margin-top: 2px;
	outline: 0 none;
	padding: 3px 3px 3px 5px;
	width: 30%;
	font-weight:bold;
	font-size: 15px;
	line-height:15px;
	box-shadow: inset 0px 1px 4px #ECECEC;
	-moz-box-shadow: inset 0px 1px 4px #ECECEC;
	-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
	}
	#mFile{
	border: 1px solid #999;
	color: #888;
	height: 30px;
	margin-bottom: 16px;
	margin-right: 6px;
	margin-top: 2px;
	outline: 0 none;
	padding: 3px 3px 3px 5px;
	width: 50%;
	font-weight:bold;
	font-size: 15px;
	line-height:15px;
	box-shadow: inset 0px 1px 4px #ECECEC;
	-moz-box-shadow: inset 0px 1px 4px #ECECEC;
	-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
	}
.links{
	height:50px;
	text-align:right;
	width:100%;
	overflow:hidden;
	}
#button{
	font-weight:bold;
	background: #123956;
	border: none;
	text-align:center;
	padding: 10px 25px 10px 25px;
	color: #FFF;
	box-shadow: 1px 1px 5px #B6B6B6;
	border-radius: 3px;
	cursor: pointer;
	}
	#button2{
	font-weight:bold;
	background: #E27575;
	border: none;
	width:80px;
	text-align:center;
	padding: 10px 0px 10px 0px;
	color: #FFF;
	box-shadow: 1px 1px 5px #B6B6B6;
	border-radius: 3px;
	cursor: pointer;
	}
.labfull{
    width: 100%;
    overflow: hidden;
    padding: 10px;
    border-bottom: 2px solid #999;
    
}
.lableft{
    width: 30%;
    float: left;
    overflow: hidden;
}
.labright{
    float: right;
    width: 65%;
    overflow: hidden;
    padding-top:10px;
}
.labright h5{
    font-size: 22px;
}