/* Getting the new tags to behave */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }

mark, rp, rt, ruby, summary, time{ display: inline }



/* Global properties ======================================================== */

body { 

	

	font-family:"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",serif;

	line-height:1.125em; width:100%; background-color:#aec4f7;



}



.container {

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto;

}

@media (min-width: 768px) {

  .container {

    width: 750px;

  }

}

@media (min-width: 992px) {

  .container {

    width: 970px;

  }

}

@media (min-width: 1200px) {

  .container {

    width: 1170px;

  }

}



body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt{

	margin:0;

	padding:0;

	}

ul,ol{

	list-style-type:none;

	}

li{list-style:none}

a{

	text-decoration:none;

	}

.clearfix:after{

	content: '';

	display: block;

	clear: both;

}

.clearfix{

	clear: both;

	zoom: 1;

}

a img{border:0;}



a:focus{outline:none;}



/******************************�ֲ�ͼ**********************************************/

*{margin:0;padding:0;list-style:none;}

img{border:0;}

/* fullSlide */

.fullSlide{width:100%;position:relative;background:#000;}

.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}

.fullSlide .bd ul{width:100% !important;}

.fullSlide .bd li{width:100% !important;overflow:hidden;text-align:center;}

.fullSlide .bd li a{display:block;}

.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}

.fullSlide .hd ul{text-align:center;}

.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}

.fullSlide .hd ul .on{background:#f00;}

.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(__PUBLIC__/home/images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}

.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}



/* Global Structure ============================================================= */

.container {

	margin: 0 auto;

	position: relative; 

	width: 1200px;

	font-size:.8125em;

}



	/* Header */

	header{

		height:32px;

		/*overflow:hidden;*/

		

	}

	

	/*Gallery*/

	#gallery {

		height:496px;

		overflow:hidden;

		

	}

	

	/* Content */

	#content { background:#FFFFFF; padding:20px;

		float: left;

		width: 1140px; font-size:15px; line-height:28px;

	}

	#content p{ text-indent:32px;}

	

	#content img {vertical-align:middle; }

	/* Sidebar */

	aside{

		float: right; 

		width: 360px;

	}

			

	/* Footer */

	footer{

		padding:15px 0 17px 0;

		border-top:5px solid #eee;

		background: #333333;

	}









/* Left & Right alignment */



.fleft { float:left;}

.fright { float:right;}

.clear { clear:both;}



.col-1, .col-2, .col-3 { float:left;}



.alignright { text-align:right;}

.aligncenter { text-align:center;}



.wrapper { 

	width:100%;

	overflow:hidden;

}



/* The inside class provides consistent padding. To be used often! */

.inside{ padding: 20px 0px 0px 0px; }





/*----- form defaults -----*/

input, select, textarea { 

	font-family:Arial, Helvetica, sans-serif;

	font-size:1em;

	vertical-align:middle;

	font-weight:normal;

}



/*----- other -----*/

figure img{ width:1096px;}

figure { margin-bottom:8px;}



.img-indent { 

	margin:0 20px 0 0; 

	float:left;

}

.img-box { 

	width:100%; 

	overflow:hidden; 

	padding-bottom:15px;

}

	.img-box figure { 

		float:left; 

		margin:0 20px 0 0;

		padding:0;

	}



.extra-wrap { 

	overflow:hidden;

}



p {margin-bottom:18px;}

.p1 { margin-bottom:9px;}

.p2 { margin-bottom:18px;}

.p3 { margin-bottom:27px;

}





/*----- txt, links, lines, titles -----*/

a {

	color:#f27f02; 

	outline:none;

}

a:hover{

	text-decoration:none;

}



h1 {

	font-size:34px;

	line-height:1.2em;

	font-weight:normal;

	padding:6px 0 8px 69px;

	position:absolute;

	left:39px;

}

h1 a {

		font-size:16px;

		color:#000;

		text-decoration:none;

	}

h2 {

	font-size:30px;

	line-height:1.2em;

	font-weight:normal;

	color:#212222;

	margin-bottom:22px;

}

	h2 span {

		color:#8a8a8a;

	}

h3 {

	font-size:24px; font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",serif; line-height:30px;

	margin-bottom:6px;

}

	h3 a { color:#242424; }

	h3 a:hover {

		text-shadow: 1px 1px 1px #888; 

	}









/*==================boxes====================*/

.clear{clear:both;}

.xian{

		width:100%;

		border:1px solid rgba(0, 0, 0, 0.1);



}

h4{

	

	font-size:20px; width:60px;

	line-height: 20px; background-color:#CC3300; color:#FFFFFF

}

h4 a{

	 color:#FFFFFF;

}

.container h2 a{

	

}

.container img{

	float:left;

}

.main-box {

	width:100%;  background-color:#f2f3f5;

}





.contacts {

	padding-bottom:20px;

}

	.contacts li {

		width:100%;

		overflow:hidden;

	}

		.contacts li strong {

			float:left;

			width:95px;

		}





.list1 {

	margin-left:12px;

	padding-bottom:18px;

}

.list1 li {

	background:url(../images/arrow1.gif) no-repeat 0 6px;

	padding:0 0 0 12px;

}



.banner{

	width:100%;

	height:500px;

	position:relative;

	}

.banner ul{

	width:100%;

	height:500px;

	}

.banner ul li{

	width:100%;

	position:absolute;

	}

.banner ul li img{

	width:100%;

	height:500px;

	}

.banner ol{

	 cursor:pointer;

	position:absolute;

	left:39%;

	bottom:21px;

	}

.banner ol li{

	cursor:pointer;

	float:left;

	width:25px;

	height:25px;

	margin:0 45px;

	background:url(../images/newa.png);

	}

.banner ol li:hover{

	background:url(../images/newa.png) left -25px;

	}

.banner ol li.white{

	background:url(../images/newa.png) left -25px;

	}





/*===== header =====*/

header nav {

	float:right;

}

		header nav ul a {

			float:left; line-height:30px; margin-left:15px; color:#000000; font-size:14px;

		}

			

		header nav ul li a.current, header nav ul li a:hover {

			padding-bottom:5px;

		}

		

		











/*===== gallery =====*/

.roundabout-holder  { 

	width:850px;

	height:496px;

	margin:0 auto;

}

.roundabout-moveable-item {

   width: 646px;

   height: 416px;

   cursor: pointer;

	 border:3px solid #ccc;

	 border:3px solid rgba(0, 0, 0, 0.08);

   border-radius:4px;

	 -moz-border-radius:4px;

	 -webkit-border-radius:4px;

}

	.roundabout-moveable-item img{

		width:100%;

	}

.roundabout-in-focus {

	border:3px solid rgba(0, 0, 0, 0.2);

}





/*===== content =====*/

#content {

	

}

	#content img, aside img {

		

		border-radius:4px;

		-moz-border-radius:4px;

		-webkit-border-radius:4px;

	}

	#content img:hover {

		border-color:#bbb;

	}

	



/*--- news list styles ---*/

	.news li {

		overflow:hidden;

		position:relative;

		padding:0 0 26px 84px;

	}

	.news li:last-child {

		padding-bottom:0;

	}

	

		.news li figure {

			width:59px;

			height:59px;

			background:url(../images/date-bg1.gif) no-repeat 0 0;

			position:absolute;

			left:0;

			top:0;

			text-align:center;

			border:3px solid #ebebeb;

			border-radius:4px;

			-moz-border-radius:4px;

			-webkit-border-radius:4px;

			font-size:10px;

			color:#fff;

			text-transform:uppercase;

		}

			.news li figure strong {

				display:block;

				font-size:30px;

				line-height:1.2em;

				margin-bottom:-7px;

				padding-top:4px;

			}

		

		.news li:nth-of-type(4n+2) figure {

			background:url(../images/date-bg2.gif) no-repeat 0 0;

		}

		.news li:nth-of-type(4n+3) figure {

			background:url(../images/date-bg3.gif) no-repeat 0 0;

		}

		.news li:nth-of-type(4n+4) figure {

			background:url(../images/date-bg4.gif) no-repeat 0 0;

		}









.team-list li {

	width:100%;

	overflow:hidden;

	padding-bottom:43px;

}

.team-list li:last-child {

	padding-bottom:0;

}

	.team-list li figure {

		float:left;

		margin:0 20px 0 0;

		padding:0;

	}





/*--- loopedSlider styles ---*/

/*

 * Required 

*/

#loopedSlider .wrap { width:295px; height:295px; overflow:hidden; position:relative;}

#loopedSlider .slides { position:absolute; top:0; left:0; }

#loopedSlider .slides div { position:absolute; top:0; width:295px; display:none; }

/*

 * Optional

*/

#loopedSlider { width:295px; position:relative; clear:both; }

#loopedSlider .nav-controls {

	width:100%;

	overflow:hidden;

	padding-top:10px;

}

#loopedSlider li {

	display:inline;

}

#loopedSlider li a.previous {

	float:left;

}

#loopedSlider li a.next {

	float:right;

}









/*===== footer =====*/

footer {

	padding:15px 0 17px 0;

	border-top:5px solid #eee;

	background: #333333;

	color:#fff;

}

	footer .fleft {

		padding-left:40px;

	}

	footer .fright {

		padding-right:40px;

	}





/*----- forms -----*/

#contacts-form { 

	clear:right;

	width:100%;

	overflow:hidden;

}

	#contacts-form fieldset { 

		border:none;

		float:left;

	}

		#contacts-form .field { 

			clear:both;

		}

			#contacts-form label { 

				float:left;

				width:110px;

				line-height:18px;

				padding-bottom:6px;

				font-weight:bold;

			}

			#contacts-form input {

				width:205px;

				padding:1px 0 1px 3px;

				background:none;

				border:1px solid #e5e5e5;

				color:#616161;

				float:left

			}

			#contacts-form input:invalid {

				border-color:red;

			}

			#contacts-form textarea { 

				width:450px;

				height:215px;

				padding:1px 0 1px 3px;

				background:none;

				border:1px solid #e5e5e5;

				color:#616161;

				margin-bottom:12px;

				overflow:auto;

				float:left;

			}

			#contacts-form div:last-child {

				padding-left:110px;

			}



/*==========================================*/

a, abbr, acronym, address, applet, article, aside, audio,

b, blockquote, big, body,

center, canvas, caption, cite, code, command,

datalist, dd, del, details, dfn, dl, div, dt, 

em, embed,

fieldset, figcaption, figure, font, footer, form, 

h1, h2, h3, h4, h5, h6, header, hgroup, html,

i, iframe, img, ins,

kbd, 

keygen,

label, legend, li, 

meter,

nav,

object, ol, output,

p, pre, progress,

q, 

s, samp, section, small, span, source, strike, strong, sub, sup,

table, tbody, tfoot, thead, th, tr, tdvideo, tt,

u, ul, 

var{

    background: transparent;

    border: 0 none;

    font-size: 100%;

    margin: 0;

		padding: 0;

		border: 0;

		outline: 0;

    vertical-align: top; }



ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

table, table td { 

	padding:0;

	border:none;

	border-collapse:collapse;

}

img {

	vertical-align:top; 

}

embed { 

	vertical-align:top;

}