@charset "utf-8"; /* CSS Document */ h1,h2,h3,h4,h5,h6,img,p,ul,li,dl,dt,dd,ol,table,tr,form,td,span,input,a,div{ margin:0px; padding:0px; font-style:normal; border:0;} body { font-family:"微软雅黑"; font-size:12px; margin:0 auto; } img{ border:0px; border:none; display: block; } ul,li{ list-style-type:none; } a{ text-decoration:none; color:#222; font-family: "微软雅黑"; } a:hover{ color:#002066; } h2,h3,h4,h5{ font-family:"微软雅黑"; font-weight:normal; } /* 头部 */ .header{ height:119px; width:100%; background:url(../images/header_bg.gif) no-repeat top center; position:fixed; top:0; left:0; _position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop)); } *html{ background-image:url(about:blank); background-attachment:fixed; } .nav{ width:100%; height:114px; margin:0 auto; position:relative; z-index:10; background:url(../images/nav_bg.png) repeat-x; margin-top: 5px; } .nav_in { width:1200px; height:100%; margin:0 auto; position: relative; } .logo{ width: 525px; height:85px; position:absolute; left:0;top:16px; _background:url(../images/logo-bg_05.jpg) no-repeat 1px 0; } .logo img { _display:none; } .logo a { display: block; width:525px; height:85px; position: absolute; left:0;top:0; } .nav_in form { position: absolute; top:16px; right:0; } .search{ background:url(../images/box_nr.gif) no-repeat; width:203px; height:27px; position:relative; } .search input{ position:absolute; width:203px; height:27px; line-height:27px; color:#000; border:none; background:none; left:0px; top:0px; padding-left:0px; } .search input.notxt{ color:#000; padding-left:7px; font-family: "微软雅黑"; } .search input.notxt1 { position: absolute; width: 30px; height: 24px; top: 0px;left: 170px; border: none; cursor: pointer; background: none; cursor:pointer; } .nav_in ul { position: absolute; bottom:25px; right:0; height:35px; border-bottom: 1px solid #6C84AE; _border-bottom:none; } .nav_in ul li { float:left; line-height: 20px; } .nav_in ul li a { color:#fff; font-size: 14px; display: block; _display:inline-block; padding:0 8px; margin-right:10px; text-align: center; height:33px; _height:29px; font-weight: bold; } .nav_in ul li a.current { color:#57C7F5; border-bottom: 4px solid #57C7F5; } .nav_in ul li a.lasta { margin-right: 0; } .nav_in ul li a:hover{ color:#57C7F5; border-bottom: 4px solid #57C7F5; } /* content */ .content{ width:100%; margin:0 auto; height:272px; position: fixed; left:0; bottom:9%; z-index:200; _position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); } .content_in { width:1000px; margin:0 auto; position: relative; } .content_left { width:530px; height:214px; position: absolute; top:0; left:0; } .content_left_box { float:left; width:530px; height:214px; background: #fff; position: absolute; top:0; left:0; opacity: 0.7; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; z-index: -3; } .content_left h2 { width:498px; height:37px; color:#01458D; font-size: 16px; padding:0 16px; font-weight: bold; line-height: 37px; position: absolute; left:0; top:0; z-index: 2; font-style: italic; } .content_left .h2_box { width:530px; height:37px; background: #fff; opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; position: absolute; left:0; top:0; } .content_left h2 i { float:left; } .content_left h2 span { display:inline-block; font-size: 28px; color:#ddd; font-style: italic; font-weight: normal; vertical-align: middle; margin-left: 2px; _margin-left:-2px; float:left; } .content_left h2 a { float:right; font-size: 12px; _display:block; } .content_left h2 a:hover { text-decoration: underline; color:#000; } .pictext { width:500px; height:138px; position: absolute; bottom:22px; left:15px; z-index: 3; } .pic { width:187px; height:138px; position: absolute; top:0; left:0; } .pic_box { width:187px; height:34px; background: #000; opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; position: absolute; bottom:0; left:0; } .pic_text a{ display: block; width:187px; height:34px; line-height: 34px; color:#fff; text-align: center; position: absolute; bottom:0; left:0; font-size: 12px; } .pic_text a:hover { color:#fff; } .content_left .text { width:285px; height:137px; position: absolute; right:0; bottom:0; line-height: 24px; } .content_left .text span { color:#898786; } .content_middle { width:326px; height:214px; position: absolute; top:0; right:118px; } .content_middle_box { float:left; width:326px; height:214px; background: #fff; position: absolute; top:0; right:118px; opacity: 0.7; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; z-index: -3; } .content_middle h2 { width:294px; height:37px; color:#01458D; font-size: 16px; padding:0 16px; font-weight: bold; line-height: 37px; position: absolute; left:0; top:0; z-index: 2; font-style: italic; } .content_middle .h2_box { width:326px; height:37px; background: #fff; opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; position: absolute; left:0; top:0; } .content_middle h2 i { float:left; } .content_middle h2 span { display:inline-block; font-size: 28px; color:#ddd; font-style: italic; font-weight: normal; vertical-align: middle; margin-left: 2px; _margin-left:-2px; float:left; } .content_middle h2 a { float:right; font-size: 12px; _display:block; } .content_middle h2 a:hover { text-decoration: underline; color:#000; } .content_middle .text { width:285px; height:137px; position: absolute; left:20px; bottom:22px; line-height: 24px; } .content_middle .text span { color:#898786; } .content_right { position: absolute; right:0; top:0; } .content_right span a{ display: block; width:98px; height:64px; background: #FDA137; color:#fff; font-size: 18px; line-height: 64px; text-align: center; margin-bottom: 9.5px; /* height: 35px !important; */ /* line-height: 35px !important; */ } .content_right span.eng a { background: #E54B61; } .content_right span.school a { background:#1DABAB; } .content_right span a:hover { color:#fff; } /* 底部分 */ /* .footer{ width:100%; height:81px; background:#002167; color:#fff; position:fixed; z-index: 999; bottom:0; left:0; _position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); } .footer_in { width:1000px; margin:0 auto; padding-top: 20px; height:61px; _background:url(../images/footer_logo.gif) no-repeat 20px left; } .footer_in img { float:left; _display:none; } .footer_in .text { padding:10px 0 0 35px; float:left; _margin-left:50px; } .footer_in .link { float:right; line-height: 25px; margin-top: 20px; } .footer_in .link i { display: inline-block; font-style: normal; } .footer_in .link a { display: inline-block; vertical-align: middle; height:30px; color:#fff; font-size: 14px; padding-left: 30px; background: url(../images/weibo.jpg) no-repeat 0 2px; background: url(../images/weibo.jpg) no-repeat 0 3px\9; } .footer_in .link a.renren { background-image: url(../images/renren.jpg); } .footer_in .link a.weixin { background-image: url(../images/weixin.jpg); position: relative; z-index: 999; } .footer_in .link a .qr { position: absolute; display: block; width:100px; height:100px; border:1px solid #ccc; padding:5px; background: #fff; top:-110px; left:-50px; z-index:9999; display: none; } .footer_in .link a .qr img { _display: block; } */ /*底部开始*/ .footer{height:81px; width:100%; margin:20px 0 0 0; background-color:#002167;color:#fff; position:fixed; bottom:0; left:0; z-index:999;} .copyRight{width:500px; text-align:left; margin:0 0 0 13.2%; padding-top:20px; line-height:30px; font-family:"微软雅黑"; float:left;} .share{ width:auto; height:100px; line-height:100px; float:right; margin:0 13.2% 0 0;} .share a { position:relative; display:inline-block; height:21px; line-height:21px; width:64px;} .share a span{position:absolute; right:12px; top:0px; color:#fff;} .picpanel { display:none; z-index:9999; background:#fff; border:1px solid #f9cf99; box-shadow:2px 2px 10px #909090; width:100px; height:120px; position:absolute;} .footer01{height:81px; width:100%; margin:20px 0 0 0; background-color:#002167;color:#fff; position:relative; bottom:0; left:0; z-index:999;} .link { width:500px; float:right; margin:15px 0 0 0; } .link ul li { float:left; width:200px; height:30px; line-height:30px; } .link ul li a { color:#ffffff; } .link ul li a:hover { font-weight:bold; }