@charset "utf-8"; /* CSS Document */ * { padding: 0; margin: 0; border: 0; } body { font-family: "微软雅黑"; font-size: 14px; color: #000; } ul li { list-style: none; } a { text-decoration: none; } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .absolute { position: absolute !important; } .clearfix { zoom: 1; } .fr{ float:right;} .fl{ float:left;} /*头部*/ .container { max-width: 1200px; margin: 0 auto; } .header { background-color: #f1f1f1; } .english { font-size: 18px; font-family: "微软雅黑"; color: #333; padding-left:20px; } .english a{ color:#333;} .logo { padding: 18px 0; } .logo .container { position: relative; } .navbar-toggle { display: none; position: relative; float: right; margin-top: 0px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle .icon-bar { height: 4px; width: 30px; display: block; border-radius: 1px; background-color: #333; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } .search-box { right: 0; top: 25px; line-height: 1;overflow: hidden;height: 36px; } .search-box img { margin-right: 50px; margin-top:4px;} .btn-search { border: none; height: 36px; width: 36px; text-align: center; margin-top: 0px; background: transparent } .btn-search i { font-size: 22px; color: #304B8E } .searchbtn { right: 0 } .search-input { height: 36px; width: 0; } .search-title { height: 36px; width: 100%; line-height: 36px; background: none; border: none } /*导航*/ .nav { background: #304b8e; height: 50px; line-height: 50px; } .nav ul li { float: left; width: 7.69%; height: 50px; text-align: center;/* position:relative;*/ } .nav ul li:hover a { color: #f1f1f1; } .nav ul li:hover, .nav ul li.activer { background: #4864a9; } .nav ul li:first-child { width: 6.5%; } .nav ul li.activer a { color: #fff; } .nav ul li a { color: #fff; font-family: "微软雅黑"; font-size: 16px; } .nav ul li .nav_item { display: none; position: relative; background: #4864a9; /*top:50px; left:-8%;*/ top:-1px; width: 116%; min-width: 111px; } .nav ul li:hover .nav_item { display: block; z-index: 999; -webkit-animation: nav 0.2s ease; -moz-animation: nav 0.2s ease; -ms-animation: nav 0.2s ease; -o-animation: nav 0.2s ease; animation: nav 0.2s ease; } .nav ul li .nav_item li { float: none; width: 100%; padding-left: 5%; height: 32px; line-height: 32px; text-align: left; overflow: hidden; } .nav ul li .nav_item li a { font-size: 14px; color: #fff; width: 100%; display: block; } .nav ul li .nav_item li:hover { background: #304b8e; } /**********导航动画**********/ @-webkit-keyframes nav { 0% { -webkit-transform:translate(0, 20px); -moz-transform:translate(0, 20px); -ms-transform:translate(0, 20px); -o-transform:translate(0, 20px); transform:translate(0, 20px); } 100% { -webkit-transform:translate(0, 0px); -moz-transform:translate(0, 0px); -ms-transform:translate(0, 0px); -o-transform:translate(0, 0px); transform:translate(0, 0px); } } @-moz-keyframes nav { 0% { -webkit-transform:translate(0, 20px); -moz-transform:translate(0, 20px); -ms-transform:translate(0, 20px); -o-transform:translate(0, 20px); transform:translate(0, 20px); } 100% { -webkit-transform:translate(0, 0px); -moz-transform:translate(0, 0px); -ms-transform:translate(0, 0px); -o-transform:translate(0, 0px); transform:translate(0, 0px); } } @-0-keyframes nav { 0% { -webkit-transform:translate(0, 20px); -moz-transform:translate(0, 20px); -ms-transform:translate(0, 20px); -o-transform:translate(0, 20px); transform:translate(0, 20px); } 100% { -webkit-transform:translate(0, 0px); -moz-transform:translate(0, 0px); -ms-transform:translate(0, 0px); -o-transform:translate(0, 0px); transform:translate(0, 0px); } } @keyframes nav { 0% { -webkit-transform:translate(0, 20px); -moz-transform:translate(0, 20px); -ms-transform:translate(0, 20px); -o-transform:translate(0, 20px); transform:translate(0, 20px); } 100% { -webkit-transform:translate(0, 0px); -moz-transform:translate(0, 0px); -ms-transform:translate(0, 0px); -o-transform:translate(0, 0px); transform:translate(0, 0px); } } /*banner相关设置*/ .myslide{width:100%; overflow:hidden;} .carousel-inner>.item{float:left;display:block;} .myslide{background-color: #eee;} .myslide .carousel-caption{left: 0; right: 0; background: url(../images/bgcolor.png);bottom: 0; height: 50px; padding: 10px; line-height: 30px; font-size: 20px; text-align: right;padding-left: 100px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;} .myslide .carousel-caption a{ color:#fff;} .myslide .carousel-indicators{left: 0;width: auto; margin:15px;bottom: 0;} .myslide .carousel-indicators li{background-color: #fff; margin-right: 10px;} .myslide .carousel-indicators .active{background-color: #3169f5; width: 10px; height: 10px; border-color: #3169f5; margin:1px;margin-right: 10px;} /*首页内容部分*/ .main { padding-top: 35px; padding-bottom: 15px; } .main_xwdt{ width:66.66667%; float:left;} .xyxw{ width:50%} .photo { float: left; width: 50%; } #playBanner{float:left;width:380px;height:340px; overflow:hidden;position:relative;padding:20px 0 0 0;} #playBanner .conbox div{width:380px;height:278px;} /*图片轮播样式*/ #playBanner .conbox{width:9999em;position:absolute;} #playBanner .conbox ul{float:left;position:relative;} #playBanner .conbox ul strong{width:100%;line-height:20px;position:absolute;font-size:14px;font-weight:normal;color:#000;bottom:-40px;left:0px;padding:0 15px;z-index:1000; text-align:center} #playBanner .conbox ul li{ width:380px; height:278px;} #playBanner .conbox ul li img{width:100%;height:100%;display:block;} /* 下面是前/后按钮代码,如果不需要删除即可 */ #playBanner .prev, #playBanner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } #playBanner .next{ left:auto; right:3%; background-position:8px 5px; } #playBanner .prev:hover, #playBanner .next:hover{ filter:alpha(opacity=100);opacity:1; } #playBanner .prevStop{ display:none; } #playBanner .nextStop{ display:none; } .article-list { float: left; width: 33.3333%; } .list1 { margin-top: 30px; } .list-content1 { margin: 0 10px; } .list-content2 { margin-left: 20px; } .list-content3 { margin-right: 20px; } .article-list-title { line-height:24px; padding-bottom: 20px; font-size: 18px; margin-bottom: 10px; background:url(../images/titlebg.png) no-repeat left bottom; } .article-list-title .title { float: left; } .article-list-title .title a { color: #333; font-size: 18px; font-weight: bold; } .article-list-title .more { float: right; } .article-list-title .more a { color: #afacac; font-family: "微软雅黑"; font-size: 14px; } .article-list .article-list-content li { padding:10px 0px 10px 20px; border-bottom: dashed 1px #dddddd; overflow: hidden; background:url(../images/t_dot.png) no-repeat left 18px; } .article-list .article-list-content li a{ } .article-list .article-list-content li table{ margin:0; padding:0; } .article-list .article-list-content li td{ height:40px; vertical-align:middle; } .xyxw li { padding-left:20px; border-bottom: dashed 1px #dddddd; overflow: hidden; line-height:50px; height:50px; background:url(../images/t_dot.png) no-repeat left center; } .xyxw li .list_time { padding-left: 15px; color: #000; float:right; line-height:50px; } .tm{ font-size:20px; color:#333; text-align:left; padding-left:3px;} .td{ font-size:14px; color:#333; text-align:right; padding-right:3px; } .t1 .tm{ background-color:#304b8e; text-align:center; padding:0; line-height:30px; color:#efecdb} .t1 .td{ background-color:#efecdb; text-align:center;padding:0; line-height:20px; color:#304b8e; font-size:12px;} .xsxx li:hover .tm{ color:#fff!important;} .xsxx li:hover .td{ color:#fff!important;;} .d1{ background:url(../images/d2.jpg) no-repeat center center;} .article-list-content2 li:hover .d1{ background:url(../images/d1.jpg) no-repeat center center;} .article-list-content2 li{ padding:10px 0px 10px 0px; border-bottom: dashed 1px #dddddd; overflow: hidden; line-height:20px; } .article-list-content2 a{ color:#000; padding-left:10px; display:block;font-size:14px;} /*新添加的样式*/ .xsyj { padding: 20px 0 20px; } .i1{ background:url(../images/ico1.png) no-repeat left center; padding-left:30px;} .i2{ background:url(../images/ico2.png) no-repeat left center; padding-left:30px;} .i3{ background:url(../images/ico3.png) no-repeat left center; padding-left:30px;} .i4{ background:url(../images/ico4.png) no-repeat left center; padding-left:30px;} .i5{ background:url(../images/ico5.png) no-repeat left center; padding-left:30px;} .i6{ background:url(../images/ico6.png) no-repeat left center; padding-left:30px;} .ztzl { padding: 0 0 0px 0; } .ztzl ul{ margin-top:20px;} .ztzl ul li{ float:left; padding:0 5px; text-align:center; } .ztzl ul li:last-child{ margin-right:0} .link { padding: 20px 0 20px 0; background:url(../images/footerbg.jpg) no-repeat center bottom; } .link ul{ margin:30px auto;} .link ul li{ line-height:35px; float: left; width:20%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .footer { background-color: #304b8e; line-height:30px; text-align:center; color:#FFF; padding:15px 0; } .list2 { width: 100%; } /*新添加的样式结束*/ .list1 .article-list-content li { width: 55%; float: left; line-height: 18px; } .list1 .article-list-content li+li { width: 45%; } .list1 .article-list-content li+li+li { width: 55%; } .list1 .article-list-content li+li+li+li { width: 45%; } .list1 .article-list-content li+li+li+li+li { width: 55%; } .list1 .article-list-content li+li+li+li+li+li { width: 45%; } .list1 .article-list-content li+li+li+li+li+li+li { width: 55%; } .list1 .article-list-content li+li+li+li+li+li+li+li { width: 45%; } .article-list .article-list-content .list_time { padding-left: 15px; color: #000; float:right; height:40px; } .article-list .article-list-content a { color: #000; } .article-list .article-list-content a:hover { color: #3169f5; } .article-teacher { width: 66.6666%; float: left; } .article-teacher .article-teacher-content li { width: 16%; float: left; margin-left: 5%; } .article-teacher .article-teacher-content li:first-child { margin-left: 0; } .article-teacher .article-teacher-content li .teacher_img { display: block; height: 154px; overflow: hidden; margin-top: 10px; padding: 0; } .article-teacher .article-teacher-content li a { display: block; text-align: center; color: #000; font-size: 16px; padding-top: 8px; } .article-teacher .article-teacher-content li a:hover { color: #3169f5; } .article-teacher .article-teacher-content li a img { width: 100%; } /*列表*/ .list { padding: 20px 0; } .location { height: 40px; line-height: 40px; font-size: 14px; color: #000; background: url(../images/position.png) no-repeat center left; border-bottom: 1px solid #e5e5e5; padding-left: 25px; margin-top: 10px; } .location a { color: #000; } .location a.on { } .list_titleb { font-size: 18px; color: #304b8e; font-weight: bold; margin: 15px 0; border-top: #777 dotted 1px; padding-top: 15px; } .list_title { font-size: 18px; color: #68632b; font-weight: bold; margin: 15px 0; } .list_titlexs { font-size: 14px; color: #68632b; font-weight: bold; margin: 10px 0; } .list_content ul { } .list_content ul li { border-bottom: dashed 1px #dddddd;height: 35px; } .list_content ul li:hover { background: #f5f5f5; } .list_content ul li a { background: url(../images/dian.png) no-repeat center left; padding-left: 13px; display: block; height: 35px; line-height: 35px; font-size: 14px; color: #000; } .list_content ul li a:hover { background: url(../images/houer_dian.png) no-repeat center left; color: #3169f5; } .list_content ul li a{ float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:70%; } .list_content ul li span { float: right; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:30%; line-height:35px; } .article_content { padding-top: 15px; } .article h1 { text-align: center; font-size: 16px; color: #000; font-family: "微软雅黑"; line-height: 1.5; } .teachershow h2,.article h2 { text-align: center; font-size: 20px; color: #000; font-family: "微软雅黑"; line-height: 1.5; margin: 10px 0; font-weight:bold; } .article h3 { font-size: 16px; color: #393939; line-height: 1.5; text-align: center; } .teachershow h4,.article h4 { margin: 18px 0; text-align: center; background: #f5f5f5; /*height:35px;*/ line-height: 35px; font-size:14px; } .content { color: #000; font-size: 14px; line-height: 1.5; min-height: 250px; margin-bottom: 50px; } .content p { margin: 10px 0; } .content p img { max-width: 100%; height: auto!important; margin-left: -2em; } .list_left { width: 200px; float: left; margin-top: 26px; } .list_left h3 { height: 50px; text-align: center; line-height: 48px; color: #fff; font-size: 18px; font-weight: normal; background: url(../images/cbg.jpg) no-repeat; padding:0; margin:0; } .list_left ul li { /*height: 48px;*/ line-height: 48px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding-left: 15px; text-align: left; } .list_left ul li a { font-size: 16px; color: #000; } .list_left ul li.selecd a { color: #ca063c; } .menuStyle{ line-height: 30px!important; } .list_right { margin-top: 6px; min-height:450px; _height:450px; width:960px; float:right; } .article_right { margin-left: 240px; margin-top: 26px; padding-bottom: 60px; min-height: 295px; } /*分页栏*/ .pagebar { background: #fff; /* height:30px;*/ padding: 50px 0; line-height: 40px; } .p_first_d, .p_last_d { display: none; } .p_first, .p_last { display: none; } .p_prev_d, .p_prev { font-size: 12px; color: #808080; background: url(../images/Previous.png) no-repeat 5px center; padding-left: 17px; padding-top: 5px; padding-bottom: 5px; padding-right: 9px; width: 60px; border: 1px solid #d9d9d8; margin: 0px 4px; } .p_prev a { font-size: 12px; color: #808080; } .p_no { padding: 4px 12px; border: 1px solid #d9d9d8; margin: 0px 4px; color: #000; } .p_no a { font-size: 12px; color: #808080; } .p_no_d { background: #3169f5; color: #fff; padding: 4px 12px; border: 1px solid #d9d9d8; margin: 0px 4px; } .p_next, .p_next_d { font-size: 12px; color: #808080; background: url(../images/next.png) no-repeat 50px center; padding-right: 17px; padding-left: 9px; padding-top: 5px; padding-bottom: 5px; width: 65px; margin-left: 4px; border: 1px solid #d9d9d8; } .p_next a { font-size: 12px; color: #808080; } .ie7 { width: 100% } .ie7 body { width: 100%; } .ie7 #full-width-slider1 { height: 267px !important; } .ie8 #full-width-slider1 { height: 267px !important; } .ie7 .new_picture .rsContent img, .ie8 .new_picture .rsContent img { min-height: 100% !important; } .ie7 .article-list { width: 32.5%; } .ie7 .meeting-container LI { width: 22%; } .ie7 .article-teacher .article-teacher-content LI { width: 15.5%; } .ie7 .list1 .article-list-content LI + LI { width: 44.5%; } .ie7 .list1 .article-list-content LI + LI+li { width: 55%; } .ie7 .list1 .article-list-content LI + LI + LI + LI { width: 44.5%; } .ie7 .list1 .article-list-content LI + LI + LI + LI+li { width: 55%; } .ie7 .list1 .article-list-content LI + LI + LI + LI+li+li { width: 44.5%; } .ie7 .list1 .article-list-content LI + LI + LI + LI+li+li+li { width: 100%; } .ie8 .ztzl ul li{ float:left; margin-right:10px; } .article-list-content li:last-child{ border-bottom:none;} .article-list-content2 li:last-child{ border-bottom:none;} .teacherlist{ margin:0px; text-align:center; } .teacherlist li{ float:left; width:200px; text-align:center; margin:10px 10px 10px 15px; line-height:30px; } .teacherlist li a{ width:140px; } .teachershow table.title td.tt{ height:22px; line-height:22px; border-bottom:1px solid #b3af94; background:url("../images/biao3.png") left no-repeat; padding-left:12px; font-size:14px; } .teachershow table.title td{ height:22px; line-height:22px; border-bottom:1px solid #b3af94; } .list_subMenu {text-indent:1em; font-size:14px;} .list_subMenu a{ font-size:14px!important;} #code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer; _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))); } #code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;} #code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;} #gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} #code_img{ width:270px; height:355px; background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none; _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))); _margin-bottom:67px;} .tech_content ul {width:100%;} .tech_content ul li{ float:left;width: 16.66%; } .tech_content ul li a { background: url(../images/dian.png) no-repeat center left; padding-left: 13px; display: block; height: 25px; line-height: 25px; font-size: 14px; color: #000; font-weight: normal; }