﻿@charset "utf-8";
/* CSS Document */

/*--------容器-----------*/
#container { background: url(../images/bgheader.jpg) no-repeat center top; }

	/*如果屏幕宽度小于768像素*/
	@media all and (max-device-width: 768px){
	#container,#container #main #header,#container #bottom { width:100%; }
	}

	/*--------容器 主体-----------*/
	#container #main { margin:0px auto; width:1200px; overflow:hidden; }

	/*--------容器 主体 页眉-----------*/
	#container #main #header { height:253px; overflow:hidden; }
		#container #main #header #sublogo { position:absolute; }
		#container #main #header #sublogo a { position:relative; z-index:1; top:50px; left:1040px; }
		#container #main #header #sublogo a,#container #main #header #sublogo a img { width:146px; height:70px; display:block; }

		#container #main #header #logo,#container #header #funbox span,#container #header #funbox form { display:block; }
		#container #main #header #logo { margin-top:78px; width:490px; height:107px; background:url(../images/logo.png) no-repeat 0px 0px; }

		#container #main #header #funbox { width:460px; height:155px; }
		
		#container #main #header #funbox span { text-align:right; line-height:34px; color:#007EDF; }
		#container #main #header #funbox span font { padding-right:15px; font-weight:bold; color:#FFF; }
		#container #main #header #funbox span a { padding:0px 8px; }
		#container #main #header #funbox span a:link,#container #main #header #funbox span a:visited { color: #2A76CC; }
		#container #main #header #funbox span a:hover { color: #007EDF; }

		#container #main #header #funbox form { margin-top:70px; width:264px; height:48px; border:1px solid #005CA2; }
		#container #main #header #funbox form input { height:48px; line-height:32px; border:none; display:block; }
		#container #main #header #funbox form #tx { float:left; padding:0px 5px; width:200px; color:#737373; background:none; }
		#container #main #header #funbox form #btn { float:right; width:50px; background-position:-442px -341px; }


	/*--------容器 主体 主导航-----------*/
	#container #main #nav-menu,#container #main #nav-menu .menu,#container #main #nav-menu .menu li .root { height:54px; }
		#container #main #nav-menu { background-image:url(../images/bgmenu.png); /*background-color: rgba(0,126,223,0.9);*/ }
		
		#container #main #nav-menu .menu { margin:0px auto; width:1162px; }
		#container #main #nav-menu .menu li { float:left; position:relative; }
		#container #main #nav-menu .menu,#container #main #nav-menu .menu li,#container #main #nav-menu .menu li a { display:block; }
		#container #main #nav-menu .menu li .root { padding-left:76px; width:90px; text-align:left; line-height:54px; font-size:16px; background:url(../images/bgimg.png) no-repeat 0px -582px; }
		#container #main #nav-menu .menu .ico01 { background-position:15px -204px; }
		#container #main #nav-menu .menu .ico02 { background-position:15px -258px; }
		#container #main #nav-menu .menu .ico03 { background-position:15px -312px; }
		#container #main #nav-menu .menu .ico04 { background-position:15px -366px; }
		#container #main #nav-menu .menu .ico05 { background-position:15px -420px; }
		#container #main #nav-menu .menu .ico06 { background-position:15px -474px; }
		#container #main #nav-menu .menu .ico07 { background-position:15px -527px; }
		#container #main #nav-menu .menu .ico01 .root { background:none; }
		
		#container #main #nav-menu .menu li .root:link,#container #main #nav-menu .menu li .root:visited { color: #FFF; }
		#container #main #nav-menu .menu li .root:hover { color: #FFFF73; }
		/*#container #main #nav-menu .menu .hover .root, #container #main #nav-menu .menu .hover .root:link, #container #main #nav-menu .menu .hover .root:visited, #container #main #nav-menu .menu .hover .root:hover{ color: #FFF; background-color:#3FAAE8; }*/
		#container #main #nav-menu .menu li .navhover, #container #main #nav-menu .menu li .navhover:link, #container #main #nav-menu .menu li .navhover:visited, #container #main #nav-menu .menu li .navhover:hover{ color: #FFFF73; }
	
		#container #main #nav-menu .menu ul.children{ display:none;position:absolute;top:54px;left:-1px; width:166px; border-top:0; line-height:normal; z-index:100; }
		#container #main #nav-menu .menu ul.children li { margin-left:0px; padding:0px; width:166px; display:inline-block; }
		#container #main #nav-menu .menu ul.children li a { padding: 11px 0px; width:100%; line-height:22px; text-align:center; overflow:hidden; display:block; }
		#container #main #nav-menu .menu ul.children li a:link,#container #main #nav-menu .menu ul.children li a:visited { color: #FFF; background-image:url(../images/bgmenu.png); /*background-color: rgba(0,126,223,0.9);*/ }
		#container #main #nav-menu .menu ul.children li a:hover { color: #FFFF73; background-color:#007EDF; /*background-color: rgba(0,126,223,1);*/ }
		
	/*--------容器 页脚-----------*/
	#container #bottom { padding:35px 0px 25px 0px; text-align:center; background-color:#2A2A2A; }
		#container #bottom ul { padding-bottom:10px; }
		#container #bottom ul li { display:inline;  }
		#container #bottom span { line-height:32px; color:#FFF; }
		#container #bottom span a:link,#container #bottom span a:visited { color: #FFF; }
		#container #bottom span a:hover { color: #FFFF73; }

		#container #bottom #xybox #xy ul,#container #bottom #xybox #xy ul li,#container #bottom #xybox #xy ul li a { display:block; }
			#container #bottom #xybox { margin:0px auto; width:1200px; }
			#container #bottom #xybox #xy { position:absolute;  }
			#container #bottom #xybox #xy ul { width:318px; height:33px; position:relative; z-index:50; top:0px; right:-860px; }
			#container #bottom #xybox #xy ul li { float:left; padding:0px 3px; }
			#container #bottom #xybox #xy ul li a,#container #bottom #xybox #xy ul li a img { width:100px; height:33px; }

.bgimg { background:url(../images/bgimg.png) no-repeat; }
.bgline { background:url(../images/bgline.png) repeat-x; }
.bgwhite { background-color:#FFF; }

/*--------返回顶部-----------*/
#totop{position:fixed;bottom:40px;right:10px;z-index:999;width:71px; cursor:pointer; display:none;}
	*html #totop{position:absolute;cursor:pointer;right:10px; display:none;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-112+"px")}
	#totop a{display:block;width:50px;height:50px;padding-top:56px;background:url(../images/bgimg.png) no-repeat 0px -750px;text-align:center;color:#007EDF;}
	#totop a.cur{background-position:-50px -750px;text-decoration:none;color:#0574BE;}
