﻿@charset 'utf-8';
ol, ul { 
list-style: none; 
} 
.left1 { font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.left2 { font-family: "黑体"; font-size:16px; font-weight:normal;}
.left { float:left;}
.right { float:right;}
.top { margin-top:8px;}
a,a:visited{color:#333;text-decoration:none;outline:none;}
a:hover{color:#f60;}
a:active{color:#666;}
.orange { color:#FF6600; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;}
body { font-size:12px;}
#top { height:26px; border-bottom:1px solid #dcdcdc; background:#eeeeee;}
.topmain { width:1000px; margin:0 auto;  line-height:27px;}
.topmain ul{}
.topmain ul li { float:left; height:27px;}
.topmain ul li a {  margin:0 10px;}
.topmain ul li a img { margin:3px -10px 0 0;}

#main { width:1000px; margin:0 auto;}
#head{ height:75px; background:url(images/headbac_03.jpg) repeat-x; }
.logo a { display:block; width:166px; height:75px; background:url(http://pic.ofcard.com/ofpic/oflogo/logo_03.jpg); text-indent:-99999px;}
.logo span { font-size:18px; color:#c64f00; margin:20px 0 0 0px;}
#nav{ float:right;height:60px;}
#nav div.left { margin:37px 10px 0 0;}
#menu{position:relative;float:left; padding-top:10px;z-index:9999;}
.navalist { float:left; margin:37px 5px 0 0 ;}
#navmenu{
	width:590px;
	position:absolute;
	right:0px;
	top:48px;
	padding-top:10px;
	font-weight:normal;
	line-height:24px;
	z-index:9999;
	visibility: hidden;
}
#navmenu01{ background-image:url(images/navmenu01.gif); height:8px; overflow:hidden;}
#navmenu02{ background-image:url(images/navmenu02.gif); background-repeat:repeat-y; padding:8px 25px; font-size:12px; line-height:26px;overflow:hidden;}
#navmenu02 ul{float:left;}
#navmenu02 ul li {}
#navmenu03{ background-image:url(images/navmenu03.gif); height:8px; overflow:hidden;}

.mainbanner { width:1000px; height:130px;}
.mainmid {width:1000px; height:331px;}

.head { width:278px; height:34px; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;font-weight:bold; font-size:14px;  }
.head span { width:256px; height:33px; background:url(images/dlhead_03.jpg) repeat-x; display:block; border-top:1px solid #fcfcfc; border-left:1px solid #fcfcfc; border-right:1px solid #fcfcfc; color:#626262; line-height:33px; padding-left:20px;}
.login_bg { width:278px; height:328px; border:1px solid #ffc395; background:url(images/login_bac.png) repeat-x;}

.newnotic { width:454px; margin:0 8px;}
.newhead ,.newhead div{ width:454px; height:39px; background:url(images/headmid.jpg) repeat-x;}
.newhead div { background:url(images/headrig.jpg) right no-repeat;}
.newhead div span { display:block; width:82px; height:39px; background:url(images/headleft.jpg); font-size:14px; color:#FFFFFF; font-weight:bold; line-height:35px; padding-left:20px;}
.newnotic ul { width:452px; height:291px; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:#f9f9f9; list-style:none;overflow:hidden;} 
.newnotic ul li { margin:16px 0 15px 20px; }
.newnotic ul li span { float:right; *margin-top:-15px; margin-right:10px; color:#5e5e5c;}
.contact { width:250px; margin-top:3px;}
.contact .head { width:228px; border-left:1px solid #fbcca5;border-top:1px solid #fbcca5;border-right:1px solid #fbcca5; background:url(images/contact_03.jpg) repeat-x; height:29px; color:#ff6600; padding-left:20px; line-height:29px;}
.contact ul { width:248px; height:134px; border-left:1px solid #fbcca5; overflow:hidden;border-right:1px solid #fbcca5;border-bottom:1px solid #fbcca5;}
.contact ul li { margin:15px 0 0 20px;}
.contact ul li a img { margin-top:-3px; position:absolute;}
.contact ul li span { font-size:20px; color:#ff6600; width:200px; position:absolute; margin-top:20px; margin-left:-50px; font-weight:bold;}
.contact a img{ vertical-align: bottom;}
.mainlow { width:1000px;}
.game,.tel { width:496px; margin-right:8px; background:url(images/nrlow_03.jpg) no-repeat bottom; }
.tel,.tel { margin-right:0;}
.game .head ,.tel .head { border:1px solid #f18800; height:32px; width:494px;}
.tel .head  { border:1px solid #f12400;}
.game .head ul ,.tel .head ul { border:1px solid #ffd590; width:482px; height:30px;background:url(images/headbac_22.jpg) repeat-x; padding-left:10px;}
.tel .head ul { border:1px solid #ffa790; background:url(images/headbac.jpg) repeat-x;}
.game .head ul li ,.tel .head ul li{ float:left; color:#FFFFFF; *margin-right:67px;zoom:1;}
.game .head ul li a,.tel .head ul li a{ color:#FFFFFF; display:block; width:66px; height:26px; line-height:26px; margin-top:6px; *position:absolute; text-align:center;}
.game .head ul li.course a,.tel .head ul li.course a{ color:#000; display:block; width:66px; height:26px; line-height:26px; margin-top:6px; background:url(images/headchange_25.jpg); }
.disnone { display:none;}
.game img,.tel img  { overflow:hidden; margin:0; vertical-align: bottom;}
.nr { border-left:1px solid #f8c37f; border-right:1px solid #f8c37f; width:494px; overflow:hidden;}
.nr ul li {width:445px; margin:14px 20px ; padding-left:50px; background:url(images/gy_03.jpg) no-repeat; height:18px;}
.nr ul li a{width:320px;*width:340px;_width:340px;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; cursor:pointer;overflow:hidden;float:left;}

.tel .nr ul li { background:url(images/gy1.jpg) no-repeat;}
.nr ul li span { float:right; color:#333333;  *margin-top:-15px; display:block; width:110px;}
.nr ul li span img { margin-left:10px;}
.nr ul.change li { background:url(images/qg.jpg) no-repeat;}
.tel .nr ul.change li { background:url(images/qg2.jpg) no-repeat;} 
.bottom{clear:both;margin-top:20px;height:78px;border-top:1px solid #ccc;}
.bottommain {width:1000px; margin:0 auto;}
.bottomleft {float:left;height:70px;}
.bottomleft img {float:left;margin:20px 10px 0 0;}
.bottomright {float:left; padding-top:10px;}
.bottomright a { margin:10px;}
.bottomright span {  display:block; height:50px; margin-top:10px;}
.content {
	padding: 20px;
	font-size: 14px;
}
.content .bt {
	padding: 5px 0 10px;
	border-bottom: 1px solid #ccc;
}

.content .bt h2 {
	text-align: center;
	font-size: 18px;
	color: #f60;
}

.contacttablelist{clear:left;line-height:20px;background:#F5F4F2;width:100%;}
.contacttablelist th{padding:3px 5px;background:#FFFBF1;text-align:center;border:1px solid #FFF4DB;color:#5D5E5E;font-weight:bold;}
.contacttablelist td{padding:3px 5px;background:#fff; text-align:center;}
.contacttablelist td.last{text-align:right;}
.contacttablelist .over td{background:#fef7e8;}
.contacttablelist tr.null td{background:red!important;}
.contacttablelist tr.null td a{color:#333;}