/* ONEK.CN */
@charset "utf-8";

html{color:#333;background:#FFF;}
body{}



.w_960{ width:960px; margin-left:auto; margin-right:auto; overflow:hidden;}
.w_700{ width:700px; overflow:hidden;}
.w_240{ width:240px; overflow:hidden;}
.w_340{ width:340px; overflow:hidden;}


.fixdiv_b{ position:fixed !important; bottom/**/:0px; width:100%; height:45px; left:0; bottom:1px; overflow:hidden; z-index:10000; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); border:1px solid #ccc; border-left:none; border-right:none; }
.fixdiv_b ul{ display:inline; float:left; margin-left:2px; background:url(service_logo.gif) norepeat left top;}
.fixdiv_b ul.rr{ float:left;}

.qqonline{ width:auto; margin:0; padding:0; padding-right:2px; z-index:10002;}
.qqonline ul{ float:left;}
.qqonline ul li{ float:left; display:inline; width:70px; margin-left:2px; margin-top:5px; padding:0; text-align:center; overflow:hidden;}
.qqonline ul li a{ display:block; padding:5px 2px; color:#0000ff;}
.qqonline ul li a:hover{ border:1px solid #009900; background-color:#eee;}
.qqonline ul li a span{ margin-top:5px;}



.header{
	position:relative;
	height:80px;
	width:960px;
	margin:auto;
	}
.logo{
	width:150px;
	height:80px;
	background: url(logo.gif) no-repeat left top;
	position:absolute;
	left:0;
	top:0;
	
}
.logo h3{ display:none;}


.topnav{
	position:absolute;
	height:75px;
	right:0;
	top:0;
	padding:20px 80px 0 0;
	background: url(topnav.gif) no-repeat right top;
	text-align:right;
	}
.topnav a{ color:#333; padding:0 5px; line-height:30px;}
.topnav strong{ color:#333; font-size:12px; font-family:Verdana, Geneva, sans-serif; display:block; height:25px; line-height:25px;}
.topnav h3{ font-size:16px; color:#F30; display:inline;}









#topmenu{text-align:left; z-index:9998;
	background: url(globalheader.png) repeat-x;
	height:36px;
	display:block;
	padding:0 0px;
	margin:0 auto 10px auto;
	width:960px;
	position:relative;
	-khtml-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
	-khtml-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -ms-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -o-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; box-shadow:rgba(0,0,0,0.3) 0 1px 2px;
	font:12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}

#topmenu #globalnav { position:relative; display:block; margin:0; padding:0; zoom:1; float:left; z-index:3; }
#topmenu #globalnav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#topmenu #globalnav li{ display:inline; }
#topmenu #globalnav li a span{display:none;}
#topmenu #globalnav li a{float:left;width:102px;height:36px;line-height:36px;overflow:hidden;background: url(globalnav.png) no-repeat;cursor:pointer;color:#FFF;text-decoration: none; text-align:center;}
#topmenu #globalnav li a{ background-position:100% 0; outline:none;}
#topmenu #globalnav li a:before { background-position:100% -36px; }
#topmenu #globalnav li a:active { background-position:100% -108px; }
#topmenu #globalnav li a:hover{ background-position:100% -72px; }
#topmenu #globalnav li a:focus,
#topmenu #globalnav a.on,
#topmenu #globalnav a.on:hover{ background-position:100% -72px; }

#topmenu #globalnav li.home a{background-position:0 0;}
#topmenu #globalnav li.home a:hover{background-position:0 -72px;}
	
/* VML FOR IE */

#topmenu-roundrect,
#topmenu-fill { display:block; position:absolute; width:960px; height:35px; top:0; left:0; z-index:2; }
#topmenu-shadow {  display:block; position:absolute; width:960px; height:35px; top:-1px; left:-2px; z-index:1; -ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelRadius=2)"; filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=2); }

/* TEXT */
#topmenu #globalnav li a span { visibility:hidden;display:block; top:1px; width:100px; height:36px; line-height:36px; position:absolute; color:#CCC;}
@media only screen and (max-device-width:768px) {
	#topmenu #globalnav li a span { background-image:url(globalnav_text.svg); }
}

/* ON STATES */
/*#topmenu li a { background-position:right -144px !important; }*/

/* GLOBAL SEARCH */
#globalsearch { float:right; position:absolute; top:-10px; right:0; width:120px; padding:8px 12px; z-index:5;}
#g-search { display:block; position:relative; }

#sp-searchtext { width:100px; height:16px; border:0 none; padding:2px 20px; color:#fff; background:url(globalsearch_field.png) 0 0 no-repeat; -webkit-appearance:none; }
#sp-searchtext:focus { color:#000; background-position:0 100%; outline:none; }

.globalheader-loaded #g-search { width:100px; height:16px; border:0 none; padding:2px 20px; color:#fff; background:url(globalsearch_field.png) 0 0 no-repeat; }
.globalheader-loaded #globalsearch label { display:block; margin-top:-2px; }
.globalheader-loaded #sp-searchtext { padding:0; color:#fff; background:none; }
.searchmode          #g-search { background-position:0 100%; }
.searchmode          #sp-searchtext { color:#000; outline:none; }

#globalsearch .reset { position:absolute; width:11px; height:11px; overflow:hidden; z-index:6; top:5px; *top:6px; right:6px; _right:18px; background:url(globalsearch_reset.gif); }
#globalsearch .reset,
.searchmode #globalsearch .empty .reset { display:none; }
.searchmode #globalsearch .reset { display:block; cursor:pointer; }
@media only screen and (max-device-width:768px) {
	#globalsearch .reset { display:none !important; }
}

#globalsearch .spinner { position:absolute; display:none; width:11px; height:11px; overflow:hidden; z-index:7; top:5px; *top:6px; right:6px; _right:18px; background:url(globalsearch_spinner.gif); }
.searchmode #globalsearch .spinner { display:block; }
.searchmode #globalsearch .spinner.hide { display:none; }

/* SEARCH SHORTCUTS */
#sp-results { position:absolute; top:32px; right:0; width:290px; line-height:0; z-index:9999; }
#sp-results div { position:relative; background:#fff; background:rgba(255,255,255,0.97);
	-khtml-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
	-khtml-box-shadow:rgba(0,0,0,0.5) 0 0 10px; -ms-box-shadow:rgba(0,0,0,0.5) 0 0 10px; -o-box-shadow:rgba(0,0,0,0.5) 0 0 10px; -moz-box-shadow:rgba(0,0,0,0.5) 0 0 10px; -webkit-box-shadow:rgba(0,0,0,0.5) 0 0 10px; box-shadow:rgba(0,0,0,0.5) 0 0 10px;
}
#sp-results #sp-roundrect { position:absolute; width:100%; }
#sp-results #sp-roundrect div { background:none; }
#sp-results .sp-shadow { position:absolute; display:none; top:-10px; left:-10px; width:100%; background:#333;
	-ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelRadius=10)"; filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=10);
}

#sp-results h3 { margin:0; padding:8px 10px 2px; color:#999; font-size:12px; line-height:1.3; }

#sp-results ul { padding-bottom:4px; }
#sp-results #sp-roundrect ul { margin-left:1px; margin-right:-2px; width:291px; }
#sp-results ul li { clear:left; margin:0; padding:0; font-size:11px; line-height:1.3; }
#sp-results ul li a { display:block; padding:6px 10px 6px 66px; text-decoration:none; outline:none; zoom:1; }
#sp-results ul li a:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
#sp-results ul li a h4 { margin:0; padding:0; color:#000; font-weight:bold; font-size:11px; line-height:1.3; }
#sp-results ul li a p { margin:0; padding:0; color:#333; font-size:11px; line-height:1.3; }
#sp-results ul li a img { float:left; width:46px; height:46px; margin:0 10px 0 -56px; behavior:none; }

#sp-results ul.noresults { padding-top:4px; }
#sp-results ul.noresults li a { padding-left:10px; text-align:center; }

#sp-results ul li a:hover,
#sp-results ul li a:focus,
#sp-results ul li.focus a { background:#367af8;
	background:-moz-linear-gradient(top, #648ffa 0, #0d67f7 100%);
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#648ffa), to(#0d67f7));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF648FFA,endColorstr=#FF0D67F7)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF648FFA,endColorstr=#FF0D67F7);
}
#sp-results ul li a:hover h4,
#sp-results ul li a:focus h4,
#sp-results ul li.focus a h4,
#sp-results ul li a:hover p,
#sp-results ul li a:focus p,
#sp-results ul li.focus a p { color:#fff; }



.search{ width:206px; height:22px; position:absolute; right:20px; top:10px;}
.search_input{
	background: url(search.gif) no-repeat left top;
	width:120px;
	height:22px;
	border:none;
	line-height:22px;
	padding:0 10px 0 30px;
	float:left;
	font-size:12px;
	color:#666;
}
.search_btn{
	width:46px;
	height:22px;
	line-height:22px;
	background: url(search.gif) no-repeat right top;
	border:none;
	color:#FFF;
	font-size:12px;
	float:left;
	}





.nav{ color:#999; height:30px; line-height:30px;}
.nav strong{ padding:0 10px 0 0; font-weight:normal;}
.nav a{ color:#666; padding:0 10px;}

.nav2{ color:#999; height:33px; line-height:33px; border:1px solid #ccc; font-size:11px; background-color:#fff;}
.nav2 strong{ display:inline-block; overflow:hidden; color:#7f7f7f; padding-right:20px; margin-right:10px; height:33px; width:auto; font-weight:normal;}
.nav2 a{ display:inline-block; overflow:hidden; color:#7f7f7f; padding-right:20px; margin-right:10px; background: url(nav_step.jpg) no-repeat right top; height:33px; width:auto;}
.nav2 a.home{ padding-left:20px;}
.nav2 a:hover{ color:#000;}





.contact_home{
	background: url(img_contact.jpg) no-repeat;
	width:200px;
	height:65px;
	margin-bottom:10px;
	line-height:18px;
	color:#BDD2E7;
	padding:80px 20px 10px 20px;
}
.contact_home span{ font-size:14px; color:#FFF; font-weight:bold;}






.leftmenu{ background-color:#E2EBF2; padding:10px;}
.leftmenu dt{
	background: url(leftmenu.gif) no-repeat left center;
	padding-left:20px;
	margin:0 10px;
	color:#000;
	font-size:12px;
	font-weight:bold;
	height:30px;
	line-height:30px;
}

.leftmenu dd{ margin-bottom:10px;}
.leftmenu dd a{ display:block; height:30px; line-height:30px; margin-bottom:1px; padding-left:30px; background-color:#FFF; color:#666;}
.leftmenu dd a.leftmenu_on{ background-color:#FF6600; color:#FFF; font-weight:bold;}









.list_1{}
.list_1 li{ position:relative; height:25px; line-height:25px; font-size:12px;}
.list_1 a{ color:#7f7f7f;}
.list_1 a:hover{ color:#000;}
.list_1 span{ position:absolute; right:0; top:0; color:#999; font-size:11px;}



.list_2{}
.list_2 li{ position:relative; height:30px; line-height:30px; font-size:12px;}
.list_2 li:hover{ background-color:#eee;}
.list_2 a{ color:#7f7f7f; display:block;}
.list_2 a:hover{ color:#000; background-color:#eee;}
.list_2 span{ position:absolute; right:0; top:0; color:#999; font-size:11px;}




.list_page{}
.list_page li{line-height:25px; font-size:12px; border-bottom:1px solid #E0E0E0; padding:10px; color:#7f7f7f;}
.list_page a{ color:#08c; font-size:14px;}
.list_page i{
	color:#CCC;
	font-size:12px;
	font-style: normal;
	padding-left:15px;
}
.list_page p{}



.list_img_1{ clear:both; height:170px; margin-bottom:10px;}
.list_img_1 li{ float:left; margin:0 5px; text-align:center;}
.list_img_1 a{ color:#7f7f7f; display:block; padding:10px; line-height:20px; overflow:hidden; text-align:center; border:1px solid #fff;}
.list_img_1 a:hover{ color:#08c; border:1px solid #ccc; background-color:#eee;}
.list_img_1 a span{ height:20px;}
.list_img_1 img{ display:block; margin-bottom:10px;}

.list_img_2{}
.list_img_2 li{ border-bottom:1px solid #DDD; padding-bottom:10px; margin-bottom:20px; height:120px;}
.list_img_2 h3 a{ color:#08c; font-size:14px; display:block; line-height:30px;}
.list_img_2 p{ font-size:12px; color:#333; line-height:20px;}
.list_img_2 strong{ color:#333; font-size:12px; display:block; line-height:25px;}
.list_img_2 img{ float:left; margin:0 15px 10px 0;}


.list_preview{ clear:left;}
.list_preview li{ border:1px solid #fff; padding-bottom:10px; margin-bottom:20px; height:auto; overflow:hidden;}
.list_preview a{ float:left; display:block; line-height:25px; color:#08c; font-size:15px;}
.list_preview p{ font-size:12px; color:#7f7f7f; line-height:20px;}
.list_preview strong{ color:#aaa; font-size:12px; display:block; line-height:25px; font-weight:normal;}
.list_preview img{ float:left; margin:0 15px 10px 0;}
.list_preview span{
	color:#CCC;
	font-size:12px;
	font-style: normal;
	padding-left:10px;
	line-height:25px;
	overflow:hidden;
}


/*__page--------------------------------------------------------------------------------------------*/
.page{ clear:both; font-size:12px; line-height:50px; height:50px; color:#ccc;}
.page a{ margin:0 5px;color:#08c;}
.page a:hover{ color:#04D;}
.page strong{margin:0 5px;}
.page select{margin:0 5px;}
.page input{ height:10px; font-size:10px; color:#08c;}




.list_ico_1 li{
	background: url(list_ico_1.gif) no-repeat left center;
	padding-left:15px;
}




.img_1{ padding:1px; border:1px solid #CCC;}






.f_1{ border:1px solid #E9E9E9; *border-top:none;}
.f_1_a{border:1px solid #E9E9E9;}
.f_1 a.title{ border:1px solid #fff; border-bottom-color:#ccc;}
.f_1 a.title:hover{ border:1px solid #ccc; background-color:#eee;}
.f_1 a.title_home{ width:210px; height:25px; line-height:25px; display:block; font-size:14px; color:#666; font-weight:bold; overflow:hidden;}


.f_2{ border:1px solid #E2EBF2; border-top:none;}
.f_2_a{ border:1px solid #E2EBF2;}







.t_1{background:url(nav_bg2.png) no-repeat 0 0; border:1px solid #ccc;
	height:30px;
	line-height:30px;
	background-color:#5a5a5a;
	overflow:hidden;
	position:relative;
}
.t_1 div{height:30px;overflow:hidden;}
.t_1 h3 a{ color:#7f7f7f; font-size:12px; font-weight:bold; height:30px;
 padding-left:25px;display:block; float:left; margin-right:10px;}
.t_1 h3 a:hover{ color:#000;}

.t_1 span{ color:#7f7f7f; font-size:12px;}

.t_1_more{ position:absolute; right:0; top:0; width:25px; height:30px; display:block;background: url(t_1.gif) no-repeat right -120px;text-indent:-8000px; overflow:hidden;}





.t_2{ height:30px; line-height:30px; position:relative; background-color:#E2EBF2; padding:0 10px;}
.t_2 h3{ color:#333;font-size:14px;}
.t_2_more{ position:absolute; right:10px; top:0;}

/*tab_menu*/
.tabbox {width:700px;}
.tabmenu {width:698px;height:30px; line-height:30px;border-left:1px solid  #CCC;border-bottom:1px solid #ccc;border-right:1px solid  #CCC;border-top:1px solid  #CCC;
	background:url(nav_bg.png) no-repeat 0 0;
	background:-moz-linear-gradient(center bottom, rgba(223,223,223,1) 0%, rgba(242,242,242,1) 66%, rgba(242,242,242,1) 90%, rgba(230,230,230,1) 93%, rgba(190,190,190,1) 96%, rgba(150,150,150,1) 100%);
	background:-webkit-gradient(linear, left bottom, left top, from(rgba(223,223,223,1)), color-stop(66%, rgba(242,242,242,1)), color-stop(90%, rgba(242,242,242,1)), color-stop(93%, rgba(230,230,230,1)), color-stop(96%, rgba(210,210,210,1)), to(rgba(140,140,140,1)));
	border-bottom:1px solid #ebebeb;
}
.tabmenu ul {margin:0;padding:0;list-style-type: none; text-align:center;}
.tabmenu li { padding:5px 10px; text-align:center; display:block; width:100px; height:27px; overflow:hidden;line-height:27px; display:inline; font-size:12px; color:#7f7f7f;}
.tabmenu .cli { padding:5px 10px;text-align:center;display:block;width:100px;height:27px;overflow:hidden;line-height:27px;display:inline;font-size:12px; cursor:pointer; color:#000;background:url(nav_active.png) no-repeat center top;
	-webkit-transform:translate(50%, 0);
	-webkit-transition:-webkit-transform linear 0.4s;}
#tabcontent {width:698px; height:235px;background-color:#fff;border-left:#CCC 1px solid;border-right:#CCC 1px solid;border-top:#CCC 1px solid;}
#tabcontent ul {margin:0;padding:5px;list-style-type: none;}
#tabcontent ul li{ font-size:12px; height:25px; line-height:25px;}
#tabcontent li a:link,
#tabcontent li a:visited { color:#7f7f7f; font-size:12px; text-decoration:none; overflow:hidden;}
#tabcontent li a:hover,
#tabcontent li a:focus { text-decoration:none; color:#000; }

#tabcontent ul li.li_pic { display:inline; overflow:hidden;}
#tabcontent li.li_pic a{ color:#7f7f7f; float:left;display:inline; text-align:center; margin:5px 5px; padding-right:5px; width:156px; height:210px; line-height:18px; border-right:1px solid #ccc;}
#tabcontent li.li_pic a.last{ border:none; padding:0;}
#tabcontent li.li_pic a.commend{ color:#7f7f7f; float:left;display:inline; text-align:center; margin:10px 15px; padding-right:10px; width:240px; height:210px; line-height:18px; border-right:1px solid #ccc;}
#tabcontent li.li_pic a { font-size:11px; text-decoration:none; }
#tabcontent li.li_pic a:hover { color: #08c;}
#tabcontent li.li_pic a h3{ font-size:14px; font-weight:bold; color:#000; text-align:left;}
#tabcontent li.li_pic a p { height:80px; margin-top:5px; text-align:left;}
#tabcontent li.li_pic a img { text-align:center;}

#tabcontent ul li.li_pic span { float:left;}
#tabcontent ul.hidden {display:none;}


.tab_1_m{
	height:30px;
	line-height:30px;
	overflow:hidden;
	position:relative;
	background: url(t_1.gif) no-repeat right -90px;height:30px;overflow:hidden;
	background-color:#125BB7;

}
.tab_1_m div{}

.tab_1_m h3{ color:#FFF; font-size:12px; font-weight:bold; height:30px;
background: url(t_1.gif) no-repeat left 0px; padding-left:25px;display:block; float:left; margin-right:10px;}

.tab_1_m li{ float:left;background: url(t_1.gif) no-repeat right -60px; width:107px;height:30px; margin:0 5px; text-align:center; line-height:40px; overflow:hidden;}
.tab_1_m li a{ color:#FFF; font-size:12px;font-weight:bold;}

.tab_1_m li.now{background: url(t_1.gif) no-repeat right -30px;}
.tab_1_m li.now a{ color:#14365D;}
.tab_1_c div{ padding:10px; height:300px; overflow:hidden; width:680px;}








.tab_cp_m{}
.tab_cp_m li{ float:left; margin:0 7px 10px 0;}

.tab_cp_c{
	margin-bottom:10px;
}
.tab_cp_c div{ overflow:hidden; width:350px; height:280px;}






a.url_1,a.url_1:visited,a.url_1:link{ width:98px; height:25px;background: url(url_1.jpg) no-repeat; display:block; font-size:14px; text-align:center; line-height:25px; color:#FFF; font-weight:bold; border:none;}
a.url_1:hover{ color:#FF9;}




.input_1{ height:22px; border:1px solid #CCC; line-height:22px; padding:0 10px;}
.btn_1{width:98px; height:25px;background: url(url_1.jpg) no-repeat; display:block; font-size:14px; text-align:center; line-height:25px; color:#FFF; font-weight:bold; border:none;}
.btn_1:hover{ color:#FF9;}


/* Easy Slider */
#content{position:relative;	margin:0 auto 10px auto;width:960px;}
#slider{}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:960px;
		height:245px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}					


#prevBtn {
	background-color:#333;
	width:40px;
	height:60px;
	display:block;
	background: url(slider.gif) no-repeat left top;
	overflow:hidden;
	text-indent:-8000px;
	position:absolute;
	top:100px;
	left:0px;
}
#nextBtn {
	background-color:#333;
	width:40px;
	height:60px;
	background: url(slider.gif) no-repeat left -60px;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
	position:absolute;
	top:100px;
	right:0px;
}
#prevBtn a,#nextBtn a{	width:40px;
	height:60px;
	display:block;
}

/* // Easy Slider */

.sitemap{ height:150px; width:auto; border:1px solid #ccc; border-top:none;}
.sitemap ul { width:230px; height:150px; line-height:20px; text-decoration:none; list-style:none; font-size:11px; text-align:left; overflow:hidden; float:left;}

.sitemap ul li { padding-left:50px; overflow:hidden;}
.sitemap ul li a{ color:#7f7f7f; width:230px; line-height:20px; display:block; overflow:hidden;}
.sitemap ul li a:hover{ color:#000;}



.foot_banner{ width:958px; height:48px; padding:0; overflow:hidden; border:1px solid #ccc; }
.foot_banner a{ width:100%; height:48px; display:block;}





.foot{ position:relative; height:130px; clear:both; padding:10px 0; width:960px; margin:auto; font-size:11px; color:#7f7f7f;}
.foot ul{ width:960px; height:30px; border-bottom:1px solid #ccc; margin-bottom:10px;}
.foot ul li{ width:580px; display:inline; float:left;}
.foot ul li.right{ width:350px; float:right; text-align:right;}
.foot div{ position:absolute; left:180px; width:760px;}
.foot p{ font-size:11px !important; float:left; border-right:1px solid #E5E5E5; padding:5px 0px; line-height:15px;}
.foot a{ color:#08c; margin:0 10px;}
.foot a:hover{ text-decoration:underline;}


.logo_b{
	width:140px;
	height:65px;
	background: url(logo_b.gif) no-repeat left top;
	position:absolute;
	left:0;
	top:45px;
	
}
.logo_b h3{ display:none;}