/**  通用  **/
*{font-size: 12px; font-family: "Microsoft Yahei", "微软雅黑", "黑体";}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form,p,input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
body, input, select, button, textarea { font-size: 12px; font-family:"微软雅黑"; }
.lef{ float:left;}
.rig{ float:right;}
button { cursor:pointer; }
i, em, cite { font-style: normal; }
a, a:link { color: #222; text-decoration: none; cursor:pointer; }
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
.more { float: right; }
.more a { font-weight: normal; font-size: 12px; }
.black{ color:#313131;}
.clear{clear:both}
.h45{ height:45px; overflow: hidden; clear:both}
.h24{ height:24px; overflow: hidden; clear:both}
.h10{ height:10px; overflow: hidden; clear:both}
.h15{ height:15px; overflow: hidden; clear:both}
.h20{ height:20px; overflow: hidden; clear:both}
.h30{ height:30px; overflow: hidden; clear:both}
.width1000{width:1000px; margin:0 auto;}
.hidden{display:none}
*:link, *:visited, *:hover, *:active, *:focus {
-webkit-transition:
	background-color 0.2s ease 0s,
	border-color 0.2s ease 0s;
transition:
	background-color 0.2s ease 0s,
	border-color 0.2s ease 0s;
}


/*顶部*/
.top-menu{background:#474747; height:40px; line-height:40px; overflow:hidden;}
.top-menu .lef-box span{ color:#fff; font-size:14px; line-height:40px; padding-right:10px;} 
.top-menu .lef-box a{ color:#fff; font-size:14px; line-height:40px;}
.top-menu .lef-box a.login{ padding-right:14px;}
.top-menu .lef-box a.return-home{ background:url(../images/all-ioc.png) no-repeat; background-position:-126px -119px; padding-left:20px; padding-right:20px;}
.top-menu .rig-box{ overflow:hidden; line-height:40px;}
.top-menu .rig-box .search{ overflow:hidden; padding:4px 0 0 0; height:32px;}
.top-menu .search span{ float:left; display:block; width:32px; height:32px;background:url(../images/search.png) no-repeat; }
.top-menu .search input{ float:left; display:block; width:166px; height:30px; line-height:30px; border:solid 1px #fff; color:#999;outline:none;}
.top-menu .search span.search-lef{ background-position:0 0; width:32px; height:32px; cursor:pointer;}
.top-menu .search span.search-rig{ background-position:0 -72px; width:2px; height:32px;}
.top-menu .my-course{ padding-left:40px;}
.top-menu .my-course a{ color:#fff; background:url(../images/all-ioc.png) no-repeat ; background-position:-126px 3px;height:40px; line-height:40px; padding-left:20px;}
.top-menu .vertical{ width:1px; height:14px; background:#999; margin:13px 0 0 20px;}
.top-menu .test-menu{ overflow:hidden;}
.top-menu .test-menu dl{ overflow:hidden;}
.top-menu .test-menu dd{ float:left; padding-left:20px;}
.top-menu .test-menu a{ color:#fff; font-size:12px;}
.top-menu .test-menu a.map{ background:url(../images/all-ioc.png) no-repeat; background-position:-126px -27px;line-height:40px; padding-left:17px;}
.top-menu a:hover{ font-weight:bold; line-height:40px;}


/*logo*/
.logo-box{ overflow:hidden;}
.logo-box .logo{padding:30px 0 30px 0; overflow:hidden;}
.logo-box .logo h1{ float:left; line-height:40px; padding-left:10px; border-left:solid 1px #d6dbdb; margin-left:20px;}
.logo-box .logo a{ display:block; float:left;}
.logo-box h1 a{ font-size:24px;}
.logo-box .logo img{ display:block; width:130px; height:40px;}
.logo-box .main-search{  width:482px; height:40px; line-height:40px; overflow:hidden;padding:30px 0 30px 160px;}
.logo-box .main-search span{ float:left; width:16px; height:40px; display:block;background:url(../images/search-d.png) no-repeat;}
.logo-box .main-search input{ float:left; display:block; width:360px; height:38px; line-height:40px; border:none; border-bottom:solid 1px #d6dbdb;border-top:solid 1px #d6dbdb; color:#999;outline:none;}
.logo-box .main-search span.search-lef{  background-position:0 0; cursor:pointer;}
.logo-box .main-search span.search-rig{ background-position:0 -80px; width:106px; cursor:pointer;}
.logo-box dl{ overflow:hidden;padding:30px 0; }
.logo-box dl dd{ float:left; padding-left:20px;}
.logo-box dd a{ background:url(../images/all-ioc.png) no-repeat; display:block; height:40px; line-height:40px; font-size:18px; color:#666;}
.logo-box dd a.dictionary{ background-position:-361px 0; padding-left:36px;}
.logo-box dd a.live{ background-position:-361px -78px; padding-left:59px;}
.logo-box dd a.dictionary:hover{ background-position:-361px -168px; color:#0e94e1;}
.logo-box dd a.live:hover{ background-position:-361px -246px; color:#0e94e1;}

/*底部*/
.footer{ overflow:hidden; padding:40px 0 0 0;}
.footer .friendly{ background:#f0f0f0; line-height:42px; height:42px; overflow:hidden; border-bottom:solid 1px #fff;}
.footer .friendly span{ font-size:16px; color:#2e3639; display:block; float:left;}
.footer .friendly a{ font-size:14px; color:#666666; padding-left:20px; display:block; float:left;}
.footer .friendly a:hover{ font-weight:bold;}
.footer .friendly a.rig{ float:right;}
.footer .footer-box{ background:#f0f0f0; overflow:hidden;}
.footer .footer-box .box-cd{ overflow:hidden; padding:28px 0 40px 0;}
.footer-box .box-cd dl{ float:left; padding:0 130px 0 0;}
.footer-box .box-cd dt{ font-size:18px; color:#2e3639; line-height:18px; padding-bottom:18px;}
.footer-box .box-cd dd{float-size:12px; line-height:12px; color:#666666; padding-bottom:14px;}
.footer-box .box-cd a{ float-size:12px; line-height:12px; color:#666666; padding-bottom:14px;}
.footer-box .box-cd a:hover{ color:#2e3639; font-weight:bold;}
.footer-box .customer-hotline p{ font-size:18px; color:#666666; line-height:18px; padding-bottom:20px;}
.footer-box .customer-hotline h2{ font-size:24px; font-family:Arial; color:#666666; line-height:24px;}
.footer-box .customer-hotline span{ display:block; font-size:12px;color:#666666; line-height:12px; padding-top:6px;}
.footer .db-box{background:#f0f0f0; overflow:hidden;border-top:solid 1px #d6dbdb;}
.footer .db-box span{ display:block; line-height:30px;color:#666666; text-align:center}
.footer .db-box a{ font-size:12px;color:#666666;}
.footer .db-box{
	height:80px;
	padding-top:20px;}
.footer .db-box p{ display:block;line-height:30px;color:#666666; text-align:center}
.footer .db-box a:hover{ color:#2e3639; font-weight:bold;}
.footer .db-wzdh-nva{background:#f0f0f0;border-bottom:solid 1px #fff; padding:30px 0; }
.footer .db-wzdh-nva p{ font-size:18px; color:#2e3639; line-height:18px; padding-bottom:6px;}
.footer .db-wzdh-nva span{ background: url(../images/footer-span.png) no-repeat center center; width:970px; height:88px; display:block; padding:30px 17px 0 18px;}
.footer .db-wzdh-nva a{ color:#999; font-size:14px; line-height:22px;}
.footer .db-wzdh-nva i{ padding:0 16px; color:#bababa;}
.footer  a:hover{ color:#2e3639;}
.footer .db-wzdh-nva .top-box{background:url(../images/graph02.png) no-repeat center top; height:14px;}
.footer .db-wzdh-nva .bottom-box{background:url(../images/graph02.png) no-repeat center bottom; height:3px;}
.footer .db-wzdh-nva ul{ width:1160px;background:url(../images/graph04.png); display:block; padding:20px}
.footer .db-wzdh-nva li{ padding:0 0 16px 0;}
.footer .db-wzdh-nva dl{ overflow:hidden;}
.footer .db-wzdh-nva dt{ font-size:14px; color: #2e3639; line-height: 14px; padding-bottom: 8px;}
.footer .db-wzdh-nva dd{ overflow:hidden;}
.footer .db-wzdh-nva dd a{  display:inline-block; font-size: 12px; color: #999; line-height:20px;}
.footer .db-wzdh-nva dd i{display:inline-block;color: #ccc; line-height:20px;}
.footer .db-wzdh-nva dd a:hover{color:#2e3639;}