@charset "gb2312";
/* CSS Document */
/*ÖØÖÃ*/
*{font-size:14px;font-family:"Î¢ÈíÑÅºÚ";margin:0;padding:0;}
li{list-style:none}
h1,h2,h3,h4{font-weight:normal;}
img{display:block;}
a{text-decoration:none;}
body{ text-align:center;}
/*ÄÚÈÝÒ³*/
.container{ width:1440px; margin:0 auto;}
/*top*/
.headbox{ background:url(images/top_01.png); width:1440px; height:145px;}
/*nav*/
.navbox{ width:1200px; padding:0 120px; background-color:#3CF; overflow:hidden;}
.navbox .navleft{ float:left;}
.navbox .navright{ float:right;}
.navbox .navright a{margin-left:20px; line-height:56px;}
.navbox .navright a:hover{ color:#00aeed;}


#menu {font-size:14px; margin-left:120px;}
#menu a {color: #2A679F;}
#menu, #menu ul {margin: 0;padding: 0;	list-style: none;}
#menu {	width: 1060px;}
#menu:before, #menu:after {	content: "";display: table;}
#menu:after {clear: both;}
#menu {	zoom:1;}
#menu li {	float: left;-moz-box-shadow: 1px 0 0 #444;	-webkit-box-shadow: 1px 0 0 #444;	box-shadow: 1px 0 0 #444;	position: relative;}
#menu a {	float: left;	padding: 18px 30px;	color:#666;	text-transform: uppercase; font-family:"Î¢ÈíÑÅºÚ"; font-size:14px;text-decoration: none;	text-shadow: 0 0px 0 #000;}
#menu li:hover > a {	color:#29176e;}
*html #menu li a:hover {	color:#29176e;}
#menu ul {
	margin: 20px 0 0 0;
	_margin: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 56px;
	left: 0;
	z-index:9999;
	background: #eee;
	background: -moz-linear-gradient(#fff, #eee);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -webkit-linear-gradient(#fff, #eee);
	background: -o-linear-gradient(#fff, #eee);
	background: -ms-linear-gradient(#fff, #eee);
	background: linear-gradient(#fff, #eee);
	-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
	-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#menu li:hover > ul {	opacity: 1;	visibility: visible;	margin: 0;}
#menu ul ul {	top: 0;	left: 150px;	margin: 0 0 0 20px;	_margin: 0;	-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);	box-shadow: -1px 0 0 rgba(255,255,255,.3);}
#menu ul li {	float: none;	display: block;	border: 0;	_line-height: 0;	-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;	-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;	box-shadow: 0 1px 0 #111, 0 2px 0 #666;}
#menu ul li:last-child {	-moz-box-shadow: none;	-webkit-box-shadow: none;	box-shadow: none;}
#menu ul a {	padding: 10px;	width: 130px;	_height: 10px;	display: block;	white-space: nowrap;	float: none;	text-transform: none;}
#menu ul a:hover {	background-color: #0186ba;	background-image: -moz-linear-gradient(#04acec, #0186ba);	background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));	background-image: -webkit-linear-gradient(#04acec, #0186ba);	background-image: -o-linear-gradient(#04acec, #0186ba);	background-image: -ms-linear-gradient(#04acec, #0186ba);	background-image: linear-gradient(#04acec, #0186ba);}
#menu ul li:first-child > a {	-moz-border-radius: 3px 3px 0 0;	-webkit-border-radius: 3px 3px 0 0;	border-radius: 3px 3px 0 0;}
#menu ul li:first-child > a:after {	content: '';	position: absolute;	left: 40px;	top: -6px;	border-left: 6px solid transparent;	border-right: 6px solid transparent;	border-bottom: 6px solid #444;}
#menu ul ul li:first-child a:after {	left: -6px;	top: 50%;	margin-top: -6px;	border-left: 0;	border-bottom: 6px solid transparent;	border-top: 6px solid transparent;	border-right: 6px solid #3b3b3b;}
#menu ul li:first-child a:hover:after {	border-bottom-color: #04acec;}
#menu ul ul li:first-child a:hover:after {	border-right-color: #0299d3;	border-bottom-color: transparent;}
#menu ul li:last-child > a {	-moz-border-radius: 0 0 3px 3px;	-webkit-border-radius: 0 0 3px 3px;	border-radius: 0 0 3px 3px;}
/* Mobile */#menu-trigger {	display: none;}
@media screen and (max-width: 600px) {	/* nav-wrap */	
#menu-wrap {		position: relative;	}
#menu-wrap * {		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;		box-sizing: border-box;	}
	/* menu icon */	#menu-trigger {		display: block;		height: 40px;		line-height: 40px;		cursor: pointer;		padding: 0 0 0 35px;		border: 1px solid #222;		color: #fafafa;		font-weight: bold;		background-color: #111;		-moz-border-radius: 6px;		-webkit-border-radius: 6px;		border-radius: 6px;		-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;		-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;	}
	/* main nav */	#menu {		margin: 0;		padding: 10px;		position: absolute;		top: 40px;		width: 100%;		z-index: 1;		background-color: #444;		display: none;		-moz-box-shadow: none;		-webkit-box-shadow: none;		box-shadow: none;	}
	#menu:after {		content: '';		position: absolute;		left: 25px;		top: -8px;		border-left: 8px solid transparent;		border-right: 8px solid transparent;		border-bottom: 8px solid #444;	}
	#menu ul {		position: static;		visibility: visible;		opacity: 1;		margin: 0;		background: none;		-moz-box-shadow: none;		-webkit-box-shadow: none;		box-shadow: none;	}
	#menu ul ul {		margin: 0 0 0 20px !important;		-moz-box-shadow: none;		-webkit-box-shadow: none;		box-shadow: none;	}
	#menu li {		position: static;		display: block;		float: none;		border: 0;		margin: 5px;		-moz-box-shadow: none;		-webkit-box-shadow: none;		box-shadow: none;	}
	#menu ul li {		margin-left: 20px;		-moz-box-shadow: none;		-webkit-box-shadow: none;		box-shadow: none;	}
	#menu a {		display: block;		float: none;		padding: 0;		color: #999;	}
	#menu a:hover {		color: #fafafa;	}
	#menu ul a {		padding: 0;		width: auto;	}
	#menu ul a:hover {		background: none;	}
	#menu ul li:first-child a:after, #menu ul ul li:first-child a:after {		border: 0;	}
}
@media screen and (min-width: 600px) {	#menu {		display: block !important;	}
}
/* iPad */.no-transition {	-webkit-transition: none;	-moz-transition: none;	-ms-transition: none;	-o-transition: none;	transition: none;	opacity: 1;	visibility: visible;	display: none;}
#menu li:hover > .no-transition {	display: block;}

/*banner*/
#slider-container{position:relative;clear:both;height:460px;width:1440px;margin:0 auto; background-color:white; padding:0px 0px;}
#shadow-img-slider{height:0px;width:100%;position:absolute;top:0;left:0;background:url(images/opacity-slider-text.png) repeat-x;z-index:30;}
.box_skitter_large {width:1440px;height:460px;}
.label_skitter{bottom:40px !important;left:40px !important;padding:0px 20px 20px 20px;background:url(images/opacity-slider-text.png) repeat;}
.label_skitter h3{ clear:both; font-size:14px; margin-top:20px;margin-bottom:10px;color:#FFFF1E;height:25px;line-height:25px;}
/*content*/
.content{ width:1200px; margin:20px 120px; overflow:hidden;}
/*left*/
.content .contentleft{ float:left; width:320px;}
.content .contentleft .contentleft-top p{ background-color:#bcd9ea; width:320px; height:40px; display:block; line-height:40px; text-align:left;}
.content .contentleft .contentleft-top p a{ margin-left:20px;}
.content .contentleft .contentleft-top .contentleft-top-left{ width:320px; height:226px; background-color:#f2f2f2;}

.content .contentleft .contentleft-bottom{ margin-top:20px;}
.content .contentleft .contentleft-bottom p{background-color:#bcd9ea; width:320px; height:40px; display:block; line-height:40px; text-align:left;}
.content .contentleft .contentleft-bottom p a{ margin-left:20px;}
.content .contentleft .contentleft-bottom ul{ width:320px; height:406px; background-color:#f2f2f2; padding-top:10px;}
.content .contentleft .contentleft-bottom ul li{ line-height:35px; }
.content .contentleft .contentleft-bottom ul li a{ text-align:left; margin-left:20px; display:block; color:#333; line-height:35px; height:35px; width:320px;}
/*right*/
.content .contentright{ float:left; margin-left:20px; width:800px;}
.content .contentright .contentright-top p{ background-color:#bcd9ea; width:800px; height:40px; display:block; line-height:40px; text-align:left;}
.content .contentright .contentright-top p a{ margin-left:20px;}
.content .contentright .contentright-top .jianjie{ width:800px; overflow:hidden; background-color:#f2f2f2;text-align: left;}
.content .contentright .contentright-top .jianjie ul{ padding:10px 20px; width:760px;}
.content .contentright .contentright-top .jianjie ul li{ text-indent:24px; text-align:left; line-height:24px;}
.content .contentright .contentright-top .jianjie .chakan{ float:right; margin-right:20px; display:block; width:100px; height:24px; line-height:24px; border:1px solid #bcd9ea; margin-bottom:12px;text-align: center;}
/*banner2*/
.banner{ margin-top:20px;}
.setbig{ width:800px; height:225px; position:relative; margin:auto;overflow:hidden;}
.setbox{width:1600px; height:225px;position:absolute; left:0;top:0}
.setbox img{float:left; width:252px; height:225px;}
.setbox div{ width:252px; float:left; margin:0 7px;}
.setbox p{ text-align:center}
.setbox p:hover{color:#505050}
.As p,img,.bgzs1,.bgzs2{ cursor:pointer}
.bgzs1{ width:10px; height:17px; background-image:url(images/119.png); position:absolute; left:30px; top:100px}
.bgzs2{ width:9px; height:17px; background-image:url(images/120.png); position:absolute; right:30px; top:100px;}
.As{ position:relative; width:100%}
/*contentright-bottom*/
.contentright-bottom{ margin-top:20px; width:800px;}
/*service*/
.contentright-bottom-service{ width:390px; float:left; overflow:hidden;}
.contentright-bottom-service p{background-color:#bcd9ea; width:390px; height:40px; display:block; line-height:40px; text-align:left;}
.contentright-bottom-service p a{ margin-left:20px;}
.contentright-bottom-service div{ width:390px; height:170px; background-color:#f2f2f2;}
.contentright-bottom-service div ul{ width:350px; padding:10px 20px;}
.contentright-bottom-service div li{ text-align:left; text-indent:24px; line-height:24px;}
/*contact*/
.contentright-bottom-contact{ width:390px; float:left; overflow:hidden; margin-left:20px;}
.contentright-bottom-contact p{background-color:#bcd9ea; width:390px; height:40px; display:block; line-height:40px; text-align:left;}
.contentright-bottom-contact p a{ margin-left:20px;}
.contentright-bottom-contact div{ width:390px; height:170px; background-color:#f2f2f2;}
.contentright-bottom-contact div ul{ width:350px; padding:10px 20px;}
.contentright-bottom-contact div li{ text-align:left; text-indent:24px; line-height:24px;}
/*footbox*/
.footbox{ width:1440px; margin-top:20px; background-color:#bcd9ea; overflow:hidden;}
.footbox div{ margin-left:320px;; overflow:hidden;}
.footbox div ul{ text-align:center;}
.footbox div ul li{ float:left;}
.footbox div ul li a{ display:block; margin:10px 20px; width:auto; line-height:20px; height:20px;}
.footbox div ul li a:hover{ color:#00aeed;}
.footbox p{ color:white; text-align:center; display:block; width:1440px; height:20px; line-height:20px;}

/*¹«Ë¾¼ò½éµÄÂÖ²¥*/
.showbox{ width:1440px; height:460px; position:relative; margin:0 auto; overflow:hidden}
.showbox .pbox{ width:2880px; height:460px; position:absolute; left:0; top:0;}
.showbox .pbox img{ float:left; z-index:2; width:1440px; height:460px;}
.showbox .leftBtn{ width:67px;; height:67px; position:absolute; left:30px; top:200px;}
.showbox .rightBtn{ width:67px;; height:67px; position:absolute; right:50px; top:200px;}
.showbox ul li{ background:url(images/ctrl_normal.png); width:13px; height:13px; float:left; margin:0 5px;}
.showbox ul{ position:absolute; bottom:10px; left:250px;}
.showbox .currentBtn{ background:url(images/ctrl_current.png); width:13px; height:13px;}
/**/
