@charset "utf-8"; body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,tbody,th,td,p,em{ -webkit-text-size-adjust:none; margin: 0; padding: 0; border: none; -webkit-tap-highlight-color:rgba(0,0,0,0); font-size: 15px; text-indent:0px;font-family:"microsoft yahei", Arial, Helvetica, sans-serif;} html,body{ height:100%; background-color: #fcfaf6;} img,input,button,a,select,textarea{ margin: 0; padding: 0; resize:none; border:none; outline:none;}ol,ul,li { list-style:none;}h1,h2,h3,h4,h5,h6,p,em,i,b,em{ font-size:100%; word-wrap:break-word; font-weight: normal; font-style: normal;} a{ color: #333333; text-decoration: none;} a:active, a:focus{ outline: none;} a:hover{ color: #d4ae1f;} .top { background-color: #f2f2f2; font-size: 12px; line-height: 30px;} .top-m { width: 1200px; margin-right: auto; margin-left: auto; position: relative; } .top-right { float: right;} table{ border-bottom:medium none;border-left:medium none;border-collapse:collapse;border-top:medium none;border-right:medium none;mso-border-alt:outset black 1px;mso-padding-alt:2px 2px 2px 2px;} table td{ background-color:transparent;word-break:break-all;border-top:#ece9d8;mso-border-alt:inset black 1px;mso-border-top-alt:inset black 1px;padding:2px;} .top-green { background-repeat: repeat-x; height: 130px;} .logo { margin-top: 20px; margin-left: 0px; float: left;} .search-box { width: 180px; position: absolute; right: 150px; top: 45px; height: 79px; } .input_search { line-height: 24px; color: #CCC; height: 24px; border: 1px solid #e3e2e2; width: 150px;} .input_btn { background-color: #004098; display: block; background-image: url(../images/search.png); background-repeat: no-repeat; height: 26px; width: 28px; float: right; background-position: center;} .top_bg { float:right; width:647px; background: url(../images/top_bg.png); height: 131px; } /*导航*/ #menu { font: 14px "trebuchet MS", Arial, Helvetica;} #menu a { color: #2A679F; font-size: 17px;} #menu, #menu ul { margin: 0; padding: 0; list-style: none;} #menu { width: 1200px; margin: 0 auto;} #menu:before, #menu:after { content: ""; display: table;} #menu:after { clear: both;} #menu { zoom: 1;} #menu li { float: left; position: relative;} #menu a { float: left; width: 165px; color: #FFF; text-align: center; line-height: 46px; height: 46px;} #menu li:hover > a { color: #fafafa;} *html #menu li a:hover { color: #fafafa;} #menu ul { margin: 0; _margin: 0; opacity: 0; visibility: hidden; position: absolute; top: 46px; left: 0; z-index: 99; background: #004098; background: -moz-linear-gradient(#004098, #004098); background-image: -webkit-gradient(linear, left top, left bottom, from(#004098), to(#004098)); background: -webkit-linear-gradient(#004098, #004098); background: -o-linear-gradient(#004098, #004098); background: -ms-linear-gradient(#004098, #004098); background: linear-gradient(#004098, #004098); -moz-box-shadow: 0 -1px rgba(255,255,255,.3); -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3); box-shadow: 0 -1px 0 rgba(255,255,255,.3); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #menu li:hover > ul { opacity: 1; visibility: visible; margin: 0; filter:alpha(Opacity=90); -moz-opacity:0.9; opacity: 0.9; } #menu ul ul { top: 0; left: 150px; margin: 0 0 0 0px; _margin: 0; -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3); -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3); box-shadow: -1px 0 0 rgba(255,255,255,.3);} #menu ul li { float: none; display: block; border: 0; _line-height: 0; } #menu ul li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} #menu ul a { padding: 0px; width: 165px; _height: 10px; display: block; white-space: nowrap; float: none; text-transform: none; font-size: 16px; background-color: #004098; color:#FFFFFF;} #menu ul a:hover { background-color: #FFFFFF; color:#004098;} #menu ul li:first-child > a { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; filter:alpha(Opacity=100); -moz-opacity:1; opacity: 1; } #menu ul li:first-child > a:after { content: ''; position: absolute; left: 40px; top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #004098; filter:alpha(Opacity=100); -moz-opacity:1; opacity: 1; color:#ffffff;} #menu ul ul li:first-child a:after { left: -6px; top: 50%; margin-top: -6px; border-left: 0; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-right: 6px solid #3b3b3b;} #menu ul li:first-child a:hover:after { border-bottom-color:#d4ae1f;} #menu ul ul li:first-child a:hover:after { border-right-color: #FFFFFF; background-color: #FFFFFF; color: #004098; border-bottom-color: transparent;} #menu ul li:last-child > a { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;} /*导航END*/ /*幻灯片样式*/ .box { width: 1200px; height: 300px; float: left; display: inline; background: #fff; position: relative;} .list {width:1200px;height:300px;float:left;overflow:hidden; position:relative;} .list ul {position:absolute;top:0px;left:0px;} .list li {width:1200px;height:300px;float:left;} .focus-title-bar { position: absolute; left: 0px; bottom: 0px; z-index: 40; width: 100%; height: 50px;} .focus-title-bg { width: 100%; height: 100%; background-color: #000; opacity: 0.7; filter: alpha(opacity=70);} .focus-title { display: inline-block; white-space: nowrap; height: 50px; line-height: 50px; padding: 0 15px; color: #fff; font-size: 20px; font-weight: normal; font-family: "microsoft yahei", Arial, Helvetica, sans-serif; left: 0px; top:-52px; position: relative; z-index: 50;} .but {width:105px;height:16px;right:1px;bottom:5px;position:absolute;z-index:50;} .but li {width:14px;height:14px;float:left;color:#fff;font-size:10px;text-align:center;line-height:14px;font-family:"microsoft yahei", Arial, Helvetica, sans-serif;background:#bbb;display:inline;margin:0 5px 0 0;cursor:pointer;border:1px solid #a9abaa;} .but li.hove {background:#ff902a;border:1px solid #ff6502;} .banner { height: 300px; width: 1200px; margin-top: 20px; margin-right: auto; margin-left: auto;} /*幻灯片样式*/ .btn-green1 { line-height: 34px; font-weight: bold; color: #FFF; height: 34px; width: 80px; display: block; background-repeat: no-repeat; text-align: center; float: right; margin-top: 6px;} .layer-m { width: 1200px; margin-right: auto; margin-left: auto;} .layer-m div { float: left; width: 380px; margin-right: 55px; } .layer-m .hd{ float: left; line-height: 190%; width: 380px;} .layer-m .hq{ float: left; line-height: 190%; width: 300px;} .pad8 { padding: 8px;} .pad8 li { line-height: 36px; } .pad8 li a{ background: url(../images/ico_002.png) left center no-repeat; padding-left: 10px; color: #333333; } .pad8 li a:hover { color: #004098; } .font-green-14 { color: #19ab11; font-weight: bold;} .mar20 { margin-right: 20px;} .font-bold { font-weight: bold;} .title1 { font-weight: bold; text-align: center; border-top-width: 3px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-color: #004098; border-right-color: #e3e2e2; border-left-color: #e3e2e2; height: 36px; width: 110px; background-color: #FFF; line-height: 36px; font-size: 16px; } .more { float: right; margin-top: 4px; margin-right: 5px;} .none {display:none;} .boder-gray { height: 188px; width: 1081px; border: 1px solid #e3e2e2;} .block1 { float: left; height: 188px; width: 248px; margin-right: 20px;} .boder-b-gray { height: 32px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #dadada; line-height: 32px;} .title { font-weight: bold; text-align: center; line-height: 80px; font-size: 18px; color: #000000; } .block1 ul li { line-height: 30px;} .box-green { line-height: 32px; background-color: #fdfffb; text-align: center; height: 32px; border: 1px solid #9cdb9f; width: 120px; margin-top: 20px; float: left; margin-right: 20px;} .footer { height: 70px; color: #333333; text-align: center; border-top: 5px solid #004098; } .footer p { color: #333333; margin-top: 15px; } .position { font-size: 15px; color: #666666; margin-right: auto; margin-left: auto; margin-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d0d0d0; height: 36px; line-height: 36px;} .left { width: 730px; float: left; line-height: 32px;} .right { width: 310px; float: right;} .list1 { height: 130px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dedede; margin-top: 20px;} .left-side { width: 200px; margin-right: 30px; float: left;} .right-side { float: right; width: 950px;} .font16-b { font-weight: bold; font-size: 16px;} .font12-gray { font-size: 12px; color: #666666;} .font12-green { font-size: 12px; color: #2bb8aa;} .mar-bottom { margin-bottom: 12px;} .page { float: right; clear: left; margin: 5px;}.right-box { height: 220px; width: 310px; margin-bottom: 20px;} .title-right { font-weight: bold; background-color: #f6f6f6; height: 30px; line-height: 30px; padding-left: 8px;} .border-gray1 { border: 1px solid #eeeeee; height: 190px; line-height: 30px; background-color: #FFF;} .left-img { float: left; height: 310px; width: 350px;} .right-text { float: right; width: 360px; height: 310px; line-height: 34px;} .font16-b-green { font-weight: bold; font-size: 16px; color: #439e16;} .font-blue { font-weight: bold; color: #0063e9;} .share { float: right;} .title-bottom { line-height: 36px; height: 36px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #eeeeee;} .font14-green { color: #13b01a;} .input-area { height: 106px; width: 728px; border: 1px solid #e3e2e2; padding: 6px;} .btn-orange { font-weight: bold; color: #FFF; background-repeat: no-repeat; text-align: center; height: 34px; width: 100px; display: block;} .comment { margin-top: 20px; height: 150px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eeeeee;} .title-news { color: #444444; font-size: 22px; text-align: center; font-weight: bold;} .title-news-gray { font-size: 12px; color: #666; text-align: center; line-height: 36px;} .nav { line-height: 46px; background-color: #004098; height: 46px; position:relative; z-index:55;} .current { background-color: #A28A3D;} .box-list1 { width: 300px !important; } .hd { overflow: hidden; height: 40px; border-bottom: 1px solid #cccccc; } .hq { overflow: hidden; height: 40px; border-bottom: 1px solid #cccccc; } .date { float: right; color: #999999;} .line-mid { font-size: 16px; line-height: 30px; background-image: url(../images/line-mid.gif); background-repeat: no-repeat; background-position: center center; text-align: center; height: 30px; margin-bottom: 10px;} .btn-gray { background-image: url(../images/btn-gray.png); background-repeat: no-repeat; text-align: center; line-height: 32px; margin-bottom: 3px; font-weight: bold; height: 32px; width: 270px;} .btn-blue{ background-repeat: no-repeat; text-align: center; line-height: 34px; margin-bottom: 5px; font-weight: bold; height: 34px; width: 270px;} .line-mid-s { font-size: 16px; line-height: 30px; background-image: url(../images/line-mid-s.png); background-repeat: no-repeat; background-position: center center; text-align: center; height: 30px; margin-bottom: 10px;} .btn-gray-s { background-image: url(../images/btn-gray-s.png); background-repeat: no-repeat; text-align: center; line-height: 32px; margin-bottom: 3px; font-weight: bold; height: 32px; width: 220px;} .btn-gray-h { background-image: url(../images/btn-gray-h.png); background-repeat: no-repeat; text-align: center; line-height: 32px; margin-bottom: 3px; font-weight: bold; height: 66px; width: 220px;} .link { height: 34px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #e7e7e7; padding-top: 10px; margin-bottom: 8px;} .link-title { color: #004098; text-align: center; width: 80px; border-left-width: 3px; border-left-style: solid; border-left-color: #004098; height: 26px; line-height: 26px;} .input-link { width: 380px; height: 30px; line-height: 30px; margin-bottom: 5px; border: 1px solid #e3e2e2;} .left-nav { background-color: #fcfaf6; padding-bottom: 20px; } .left-nav-title { line-height: 52px; font-weight: bold; color: #FFFFFF; text-align: center; height: 55px; width: 200px; font-size: 17px; background: #004098; } .nav-list { background: #f2f2f2; } .secList a:hover, .secList a.selected { color: #004098; background: url(../images/list-arrow_06.png) no-repeat 162px center; } .secList li a { font-weight: normal; background: url(../images/list-arrow_04.png) no-repeat 162px center; } .secList li { border-bottom: 1px solid #d6d6d6; } .nav-list ul li { line-height: 46px; text-align: center; } .current-left { background-color: #f5f8f6; display: block; text-align: center; } .list-right ul li { /*line-height: 38px;*/ background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: left center; padding-left: 10px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #bbb8b8; height: 40px;} .list-right { line-height: 36px;} .teacher-left { float: left; height: 141px; width: 360px; border: 1px solid #e3e2e1; margin-bottom: 20px;} .teacher-right { float: right; height: 141px; width: 360px; border: 1px solid #e3e2e1; margin-bottom: 20px;} .teacher-pic { float: left; margin-right: 10px;} .f-right { float: right; color: #d86600;} .box-shadow { background-color: #fdfdfd; padding: 8px; border: 1px solid #d6d6d6;} .teacher-tab tr td { padding-right: 3px; padding-left: 5px;} .teacher-tab { margin-top: 20px; margin-bottom: 20px;} .font-red { color: #c43232; font-weight: bold;} .shadow { background-image: url(../images/shadow.png); background-repeat: no-repeat; background-position: center top; height: 31px;} .teacher-list { margin-top: 12px; margin-bottom: 20px;} .teacher-list ul li { padding: 5px 29px; float: left; } .teacher-list a { font-size: 15px; font-family: "microsoft yahei", Arial, Helvetica, sans-serif; display: block; line-height: 30px; text-align: center; } .btn-green-b { background-repeat: no-repeat; height: 60px; width: 348px; font-size: 16px; color: #FFF; text-align: right; padding-right: 20px; font-weight: bold; line-height: 60px;} .btn-b img { margin-bottom: 0px;} #vsb_content_2 P { line-height: 180% !important; margin-bottom: 20px !important; }