@charset "utf-8"; /*重置代码*/ body, div, a, img, p, form, h1, h2, h3, h4, h5, h6, input, form, select, option, textarea, ul, ol, li, dt, dd, dl, fieldset { margin: 0; padding: 0; } body { width: 100%; font-family: "微软雅黑"; font-size: 12px; color: #333333; line-height: 28px; background: url(../images/bg.jpg) repeat-x top #fff; } img { border: 0; } a { color: #333333; text-decoration: none; } a:hover { color: #065895; } ul, li { list-style: none; } h1, h2, h3, h4, h5, h6 { font-family: "微软雅黑"; } .header { width: 1000px; margin: 0 auto; height: 155px; position: relative; z-index: 100; } .logo a { display: block; width: 596px; height: 72px; background: url(../images/logo.jpg) no-repeat; position: absolute; left: 1px; top: 23px; } .ser { width: 159px; height: 26px; position: absolute; right: 1px; top: 50px; } .search { background: url(../images/ser.jpg) no-repeat; width: 159px; height: 26px; position: relative; } .search input { position: absolute; width: 122px; height: 26px; line-height: 26px; color: #69869c; border: none; background: none; left: 0px; top: 0px; padding-left: 0px; } .search input.notxt { color: #69869c; padding-left: 9px; } .search input.notxt1 { position: absolute; width: 28px; height: 26px; top: 0px; left: 131px; border: none; background: none; cursor: pointer; } /*导航及下拉菜单*/ .nav { height: 36px; width: 1000px; position: absolute; left: 0; top: 119px; background: #0076cd; } .navigation, .navigation li ul { list-style-type: none; } .navigation { margin: 0px; width: 997px; padding-left: 3px; } .navigation li { float: left; position: relative; height: 36px; z-index: 999; background: url(../images/nav.jpg) no-repeat left center; padding-left: 1px; } .navigation li a { padding: 0 21px 0 22px; font-family: "微软雅黑"; font-size: 16px; font-weight: bold; color: #fff; line-height: 34px; height: 34px; margin-top: 2px; float: left; } .navigation li a:hover { color: #065895; background: #fff; } .navigation li.hover a { display: block; color: #065895; background: #fff; } .navigation li.hover div { display: block; } .navigation li div { display: none; position: absolute; top: 36px; left: 0; width: 145px; padding: 10px 15px; background: #fff; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; overflow: hidden; z-index: 1000; } .navigation li .sonnav dl dd { width: 140px; padding-left: 5px; height: 34px; line-height: 32px; border-bottom: 1px dotted #ccd7e0; } .navigation li .sonnav dl dd a { display: block; width: 135px; height: 32px; line-height: 32px; font-size: 14px; color: #333; padding: 0; font-weight: normal; } .navigation li .sonnav dl dd a:hover { color: #065895; font-weight: bold; background: url(../images/icon02.jpg) no-repeat right center; } .content { width: 1000px; overflow: hidden; margin: 0 auto; padding-bottom: 30px; } .img_con { width: 1000px; height: 210px; overflow: hidden; padding-top: 3px; } /*焦点图*/ #bannerPic { position: relative; width: 1000px; height: 210px; overflow: hidden; } #banner_bg { position: absolute; bottom: 0; background-color: #000; height: 50px; filter: Alpha(Opacity=70); opacity: 0.7; z-index: 1000; cursor: pointer; width: 545px; background: none; } #banner_info { position: absolute; bottom: 30px; left: 5px; height: 16px; color: #fff; z-index: 1001; cursor: pointer; } #banner_text { position: absolute; width: 120px; z-index: 1002; right: 3px; bottom: 10px; } #bannerPic ul { height: 4px; width: 180px; position: absolute; list-style-type: none; z-index: 1002; margin: 0; padding: 0; bottom: 8px; right: 0px; } #bannerPic ul li { height: 4px; width: 40px; margin-right: 20px; float: left; display: block; background: #fff; cursor: pointer; color: #fff; font-size: 0px; line-height: 12px; overflow: hidden; } #bannerPic ul li.on { background: #0076cd; color: #0076cd; } #banner_list a { position: absolute; } #banner_list a img { display: block; width: 1000px; height: 210px; } .con01 { width: 1000px; height: 202px; overflow: hidden; padding-top: 15px; } .lf01 { width: 300px; height: 200px; border: 1px solid #ccd7e0; float: left; margin-right: 24px; overflow: hidden; } /*小图滚动*/ .banner { width: 300px; height: 200px; position: relative; overflow: hidden; float: left; } .banner ul { position: absolute; top: 0; left: 0; z-index: 1; width: 2940px; } .banner ul li { width: 300px; height: 200px; float: left; position: relative; } .banner ul li img { width: 300px; height: 200px; } .banner ol { width: 55px; height: 8px; position: absolute; bottom: 7px; right: 0px; z-index: 3; } .banner ol li { float: left; width: 8px; height: 8px; font-size: 0px; margin-right: 10px; overflow: hidden; color: #fff; background: #fff; cursor: pointer; } .banner ol .active { color: #0076cd; background: #0076cd; } .banner ul li .zz { width: 295px; height: 24px; line-height: 24px; font-size: 12px; padding-left: 5px; color: #fff; overflow: hidden; position: absolute; left: 0; bottom: 0; background: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } .ct01 { width: 400px; float: left; overflow: hidden; margin-right: 24px; } .til_ct01 { width: 100%; height: 35px; background: url(../images/til_bg01.jpg) repeat-x; line-height: 35px; overflow: hidden; } .til_ct01 a { float: right; font-family: Arial, Helvetica, sans-serif; padding-right: 8px; color: #0076cd; font-weight: bold; } .til_ct01 a:hover { color: #065895; } .til_ct01 h3 { font-size: 16px; color: #065895; padding-left: 10px; } .box_ct01 { padding-top: 5px; } .box_ct01 ul li { height: 28px; line-height: 28px; background: url(../images/icon01.jpg) no-repeat 8px center; padding-left: 22px; } .box_ct01 ul li span { float: right; padding-right: 6px; color: #888888; } .rt01 { width: 248px; height: 198px; border: 1px solid #ccd7e0; border-top: 3px solid #0076cd; background: url(../images/til_bg02.jpg) repeat-x top; float: left; } .til_rt01 { width: 100%; height: 30px; line-height: 30px; } .til_rt01 a { float: right; font-family: Arial, Helvetica, sans-serif; padding-right: 8px; color: #0076cd; font-weight: bold; } .til_rt01 a:hover { color: #065895; } .til_rt01 h3 { font-size: 16px; color: #065895; padding-left: 10px; } .box_rt01 { width: 235px; margin: 0 auto; overflow: hidden; } .box_rt01 ul li { line-height: 20px; background: url(../images/icon02.jpg) no-repeat left 16px; padding-left: 18px; padding-top: 9px; padding-bottom: 5px; } .box_rt01 ul li a { padding-right: 8px; } .box_rt01 ul li span { color: #888888; } .con02 { width: 1000px; height: 160px; padding-top: 12px; overflow: hidden; } .til_con02 { width: 1000px; height: 41px; line-height: 41px; overflow: hidden; } .til_con02 h5 { width: 875px; float: right; height: 38px; border-bottom: 3px solid #0076cd; text-align: right; overflow: hidden; } .til_con02 h5 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-right: 8px; color: #0076cd; font-weight: bold; } .til_con02 h5 a:hover { color: #065895; } .til_con02 h3 { height: 38px; width: 114px; border-bottom: 3px solid #86b0cf; font-size: 16px; color: #065895; padding-left: 10px; float: left; overflow: hidden; } .box_con02 { width: 1000px; padding-top: 5px; overflow: hidden; } .box_con02 ul { height: 114px; width: 300px; float: left; padding-left: 8px; margin-right: 40px; } .box_con02 a img { display: block; width: 300px; height: 100px; padding-top: 8px; } .footer { height: 45px; width: 100%; } .footer div { width: 100%; height: 44px; background: #065895; text-align: center; line-height: 44px; color: #fff; } /*侧栏列表页*/ .lcon { width: 1000px; margin: 0 auto; overflow: hidden; padding: 3px 0 40px 0; } .bread { width: 978px; height: 36px; line-height: 36px; background: #f6faff; border: 1px solid #d5e0e9; padding-left: 20px; } .lf_list { width: 210px; float: left; margin-right: 10px; background: #f6faff; margin-top: 10px; } .lf_list h3 { font-size: 16px; color: #065895; height: 42px; line-height: 42px; padding-left: 40px; background: #cbe8ff; color: #065895; border: 1px solid #bddaf2; } .lf_list ul { padding: 10px 0 80px; } .lf_list ul li { height: 45px; line-height: 45px; } .lf_list ul li a { display: block; width: 180px; margin: 0 auto; border-bottom: 1px solid #ccd7e0; height: 43px; line-height: 43px; padding-left: 20px; font-size: 15px; color: #555; } .lf_list ul li:hover { background: #cbe8ff; border-left: 4px solid #0076cd; } .lf_list ul li a:hover { background: #cbe8ff; font-weight: bold; color: #065895; } .rt_list { width: 730px; padding: 0 25px 25px; float: left; overflow: hidden; background: #f6faff; margin-top: 10px; min-height: 450px; } .rt_list h2 { font-size: 16px; color: #065895; height: 42px; line-height: 42px; border-bottom: 1px solid #ccd7e0; padding-left: 5px; } .box_list { padding-top: 15px; padding-bottom: 20px; } .box_list ul li { height: 30px; line-height: 30px; margin: 5px 0; overflow: hidden; } .box_list ul li a { background: url(../images/icon01.jpg) no-repeat 10px center; padding-left: 25px; } .box_list ul li span { float: right; padding-right: 8px; color: #888; } .box_list ul li:hover { background: #cbe8ff; color: #065895; } .box_list ul li a:hover { color: #333; } .page { width: 100%; height: 40px; line-height: 40px; text-align: center; margin: 0 auto; font-size: 12px; clear: both; border-top: 1px solid #ccd7e0; overflow: hidden; } .page a { padding: 0 5px; } /*文章页*/ .art { width: 950px; margin: 4px auto 0; overflow: hidden; padding-bottom: 20px; } .wz_art { width: 98%; margin: 0 auto; padding-top: 10px; padding-bottom: 30px; overflow: hidden; } .box_list h3 { font-size: 18px; text-align: center; line-height: 30px; padding-top: 10px; color: #065895; } .box_list h4 { line-height: 28px; font-size: 14px; text-align: center; padding: 15px 0; color: #555; } .zuozhe { height: 30px; line-height: 30px; width: 100%; text-align: center; font-size: 12px; color: #666; background: #fff; margin: 0 auto; overflow: hidden; } .fujian { width: 100%; background: #fff; padding: 8px 0; overflow: hidden; margin: 0 auto; } .fujian h5 { height: 32px; font-size: 16px; font-weight: bold; padding-left: 30px; line-height: 32px; color: #065895; } .fujian ul { padding: 5px 0 10px 0; } .fujian ul li { padding-left: 20px; } /*图片列表页*/ .pic_list { width: 98%; margin: 0 auto; } .pic_list ul { width: 780px; padding-top: 15px; padding-bottom: 5px; *padding-bottom: 30px; _padding-bottom: 5px; overflow: hidden; } .pic_list ul li { height: 184px; width: 180px; padding: 20px 20px 20px; border: 1px solid #e5e5e5; background: #fff; float: left; margin-right: 28px; _margin-right: 33px; margin-bottom: 28px; line-height: 28px; text-align: center; } .pic_list ul li a { font-size: 14px; } .pic_list ul li a h6 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #666; font-weight: normal; } .pic_list ul li a img { display: block; width: 180px; height: 120px; margin-bottom: 13px; } /*教师列表页*/ .teacher { width: 100%; padding: 0 0 10px; overflow: hidden; clear: both; border-bottom: 1px dotted #ccd7e0; } .teacher h3 { font-size: 15px; color: #666; background: url(../images/icon02.jpg) no-repeat 10px 27px; height: 44px; line-height: 44px; clear: both; text-align: left; padding: 8px 0 8px 30px; } .teacher ul { overflow: hidden; } .teacher ul li { height: 32px; width: 90px; float: left; line-height: 32px; text-align: center; background: none; padding: 0; overflow: hidden; } .teacher ul li a { background: none; padding: 0; } .teacher ul li:hover { background: #cbe8ff; color: #065895; } .teacher ul li a:hover { color: #065895; } /*教师详情页*/ .xq_teacher { padding-top: 23px; } .xq_teacher img { display: block; width: 148px; height: 198px; border: 1px solid #ddd; float: left; margin-right: 20px; margin-bottom: 20px; *margin-bottom: 0px; _margin-bottom: 20px; } .xq_teacher .wz_teacher { width: 550px; float: left; overflow: hidden; } .wz_teacher span { font-family: "微软雅黑"; font-weight: bold; color: #666; } .con_teacher { clear: both; overflow: hidden; border-top: 2px solid #0076cd; } .con01_t { padding: 10px 2px; margin: 0 8px; border-bottom: 1px dotted #ccd7e0; } .con01_t h3 { font-size: 15px; color: #065895; background: url(../images/icon02.jpg) no-repeat 0px center; text-align: left; padding: 0; padding-left: 20px; height: 44px; line-height: 44px; clear: both; } /*分享*/ .share { text-align: center; overflow: hidden; float: right; font-size: 12px; color: #666; } .share .bdsharebuttonbox>a { padding-left: 0; margin: 5px; height: 30px; text-indent: 0; width: 30px; line-height: 30px; text-align: center; background: none; font-size: 20px; display: inline-block; float: none; color: #fff; transition: all 0.35s ease-out; border-radius: 50%; border: #dbdbdb 1px solid; } .shareBox { width: 260px; background-color: #fff; position: fixed; top: 50%; left: 50%; margin: -150px 0 0 -130px; z-index: 9998; height: 310px; border: 6px solid #8F8F8F; border-radius: 8px; box-shadow: 0 0 7px #aaa; display: none; } .shareBox { font-size: 14px; } .shareBox .title { background: #f6f6f6; font-size: 14px; font-weight: bold; padding: 10px 15px !important; } .shareClose { position: absolute; right: 0; top: 0; cursor: pointer; font-size: 18px; width: 20px; ; } .sharelist { position: static; height: 250px; overflow-y: auto; padding-left: 17px !important; } .sharelist li { float: left; width: 130px; padding: 2px; margin-left: 6px; _margin-left: 3px; height: 28px; overflow: hidden; list-style: none; } .sharelist li a { color: #565656; font: 12px '宋体'; display: block; text-decoration: none; border: 1px solid #fff; line-height: 18px; width: auto; height: auto; text-indent: 0; } .weChatBox { width: 260px; height: 300px; background-color: #fff; border: solid 1px #d8d8d8; padding: 10px; position: fixed; left: 50%; top: 50%; margin: -130px 0 0 -140px; z-index: 9998; display: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); } .weChatBox .w-title { font-size: 12px; font-weight: bold; padding: 0 0 10px 0; } .w-close { width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 20px; position: absolute; right: 0; top: 0; color: #333; cursor: pointer; } .qrcode { width: 200px; height: 200px; margin: 15px auto; background: #ccc; } .w-footer { font-size: 12px; line-height: 1.5; color: #999; } #qrodeText { opacity: 0; position: absolute; left: 0; top: 0; z-index: 0; visibility: hidden; } .share .bdsharebuttonbox>a.bds_weixin { background: url(../images/wechat.png) no-repeat center; } .share .bdsharebuttonbox>a.bds_tsina { background: url(../images/sina.png) no-repeat center; } .share .bdsharebuttonbox>a.bds_qzone { background: url(../images/zone.png) no-repeat center; } .share .bdsharebuttonbox>a.bds_more { background: url(../images/bds_more.png) no-repeat center; } .share .bdsharebuttonbox>a:hover { opacity: .8 }