@charset "utf-8"; /* Base Reset */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp, small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; } /* HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; } :focus { outline: 0; } img { border: 0; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .logo-rb input { margin: 0; padding: 0; border: 0; } .clear{ width: 100%; height: 0; line-height: 0; font-size: 0; overflow: hidden; clear: both; display: block; _display: inline; } .none { display: none; } .hidden { visibility: hidden; } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clearfix { display: block; *zoom: 1; } .db{display: block !important;} .dn{display: none !important;} .mb0{margin-bottom: 0 !important;} /******************************************************************************************************************************************/ .ej_list2{ width:910px; height: auto; padding: 20px 0; } .ej_list2>li{ padding: 9px 0; margin-left: 15px; height: 80px; } .list_tijzy1{ width: 750px; } .list_tijzy1>a{ font-size: 16px; line-height: 28px; color:#333; overflow: hidden; } .list_tijzy1 p>a{ font-size: 14px; line-height: 24px; color: #666; } .list_tijzy1 a:hover{ color: #0b54a9; } .list_ljgd1{ width:111px; height:70px; line-height:70px; } .list_ljgd1 a{ color: #666; font-size:12px; line-height: 28px; padding-right:20px; } .list_ljgd1 a:hover{ color: #0b54a9; } .pay1{ width: 100%; text-align: center; height: 40px; line-height: 40px; padding-bottom:20px; } .list_tijzy1 .jj_search{ height: 20px; line-height: 20px; padding-left:20px; text-indent: 2em; font-size: 14px; color:#777; } .fl{float:left} .fr{float:right} .list_ljgd1 { color: #666; font-size: 12px; line-height: 28px; padding-right: 20px; } .clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} .clearfloat{zoom:1} .clearfloat:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; } /**布局开始**/ body { background:#fff; } body, p { font: 14px/1 "Microsoft YaHei", "\u5b8b\u4f53", Tahoma, Geneva, sans-serif; color: #3c3c3c; } a { color: #333333; text-decoration: none; } a:link { color: #333333; text-decoration: none; } a:hover { text-decoration: none; } a:visited { text-decoration: none; } .wrapper { width: 100%; margin: 0 auto; } .wrapper .inner { /**页面全局宽度**/ width: 1200px; margin: 0 auto; /* padding: 0 15px; */ } /*全文搜索*/ .search{float:right;z-index:15;width:260px;padding:0px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;height: 40px;background-color:transparent;border:1px solid #333;/* margin-top: 40px; */} .search .ssk{float:left;width: calc(100% - 92px); padding: 0px 41px 0 0px;;border:0;outline: none;height: 40px;line-height:40px; background-color:transparent;border-radius: 20px;} .search input:-internal-autofill-selected {background-color:transparent !important;} .search .ss{float:right;width:50px;height: 26px;background:url(https://gcxy.hbut.edu.cn/gcjs_yssj2020/images/ss_btn.png) no-repeat center center;outline: none;color:#fff;border: 0;border-left: 1px solid #fff;margin: 5px 0;text-align:center;} /*通知公告*/ .sec2-list { margin-top: 47px; padding-bottom: 10px; } .sec2-list ul>li { float: left; width: 32%; padding: 12px 11px; box-sizing: border-box; position: relative; box-shadow: 0px 2px 12px 0px rgba(6, 0, 1, 0.1); border: solid 1px #eeeeee; background: #ffffff; } .sec2-list ul>li:hover { box-shadow: 0px 6px 5px 0px rgba(6, 0, 1, 0.1); } .sec2-list ul>li:nth-child(3n+2) { margin: 0 2%; } .sec2-list ul>li:nth-child(n+4) { margin-top: 35px; } .sec2-list ul>li a { padding: 20px 25px 0 25px; } .sec2-list ul>li:hover .date { float: left; } .sec2-list ul>li:hover .date p { color: #0094de; } .sec2-list ul>li:hover .date span { color: #0094de; } .sec2-list ul>li:hover .text h3 { color: #0094de; } .sec2-list ul>li:hover .text span { background: url(https://gcxy.hbut.edu.cn/gcjs_dwxcb/images/s2-list-bg1.png.png) } .sec2-list ul>li:hover .xq:after { width: 120%; z-index: -1; } .sec2-list ul>li:hover .xq { color: #ffffff; } .sec2-list ul>li .date { width: 65px; float: left; margin-right: 25px; margin-top: 10px; } .sec2-list ul>li .date p { text-align: center; font-size: 48px; font-weight: bold; line-height: 48px; color: #666666; } .sec2-list ul>li .date span { display: block; text-align: center; font-size: 14px; line-height: 24px; color: #999999; margin-top: 8px; } .sec2-list ul>li .text { overflow: hidden; border-bottom: dashed 1px #eeeeee; padding-bottom: 15px; } .sec2-list ul>li .text h3 { font-size: 16px; line-height: 24px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sec2-list ul>li .text p { margin-top: 10px; font-size: 14px; line-height: 24px; max-height: 48px; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .sec2-list ul>li .xq { position: relative; float: right; width: 70%; display: block; font-size: 14px; line-height: 34px; color: #cccccc; background: url(https://gcxy.hbut.edu.cn/gcjs_dwxcb/images/s2-list-bg.png) no-repeat right; /* background: url(img/s2-list-bg.png) no-repeat right;*/ z-index: 1; transition: all 0.5s; } .sec2-list ul>li .xq::after { content: ''; position: absolute; width: 0; height: 35px; bottom: 0; right: 1px; background: #0094de url(https://gcxy.hbut.edu.cn/gcjs_dwxcb/images/s2-list-bg1.png) no-repeat 85%; transition: all 0.5s; } /*新闻列表*/ .post { } .post .banner { margin: 0 auto; line-height: 50px; /*border-bottom: 2px solid #0b98df;*/ height: 50px; box-sizing: border-box; } .post .banner .title { font-size: 22px; float: left; display: block; font-weight: 700; text-align: center; color: #333333; /* border-bottom: 2px solid #1495e6; */ /* height: 36px; */ box-sizing: border-box; /* font-weight: bold; */ padding-left: 50px; } .post .more-btn { float: right; display: block; text-align: center; color: #1d93cb; } .post .con { padding:15px 0 0 0; margin:0 auto; } .post .news-list .news { overflow: hidden; display: block; line-height: 47px; /* background: url(images/li_dian.png) left center no-repeat; */ /* padding-left: 10px; */ border-bottom: 1px dashed #eee; } .post .news-list .news .lmbt{float: left;color: #1495e6;} .post .news-list .news .news-title { width: calc(100% - 102px); display: block; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; } .post .news-list .news .news-date { display: block; float: right; font-size: 12px; color: #666666; } /*头部*/ #top{background: #e5e5e5;} .top-l{float: left;line-height: 40px;color: #666666;} .top-r{float: right;} .top-r .top-links{float: left;} .top-r .top-links a {line-height: 40px;color: #666666;} .top-r .top-links .li1 a{padding-left: 30px;background: url(images/top_links_icon.png) left center no-repeat;} #header {/* background:url(images/logo_bg.png) center top repeat-x; */ height:180px; } #header .inner { position: relative;} .logo { position: relative; /* padding: 15px 0; */ height: 120px; display: flex; align-items: center; justify-content: space-around; } .logo img { width: 580px; height: auto; float: left; padding: 30px 0; } .logo-r{float: right;width: 58%;} .bb{ color: #FFFFFF; text-align: right;line-height: 20px;} .bb a{ font-size: 16px; color: #FFFFFF;} .ss{ /* height: 24px; */ margin: 5px 0 5px 20px; background: url(images/ss_bg.png) center center no-repeat; float: right; } .ssk { float: left; width: 0px; height: 30px; padding: 0; margin: 0; border: 0; background: #FFFFFF; width: 240px; text-indent: 10px; /* border-radius:5px 0 0 5px; */ } .ss_btn { width: 31px; height: 30px; cursor: pointer; padding: 0; margin: 0; border: 0; background: url(images/ss_btn.png) center center no-repeat #ffffff; border: 1px solid #FFFFFF; /* border-radius:0 5px 5px 0; */ } /*导航*/ #nav {background: rgba(0, 0, 0, .4);position: absolute;top: 130px;z-index: 999;} .nav {height: 46px;} .navList{width:100%;overflow:hidden;display: flex; justify-content: center; /*justify-content: flex-end;*/} .ej_icon a{background: url(images/ej_icon.png) right center no-repeat;} .navList > li{float:left;width: 14.5%;height:100%;line-height: 30px;font-size:20px;/* background: url(images/nav_li_bg.png) right center no-repeat; */} .navList li a{display:block;text-align:center;color: #333333;} .navList li a:hover{/* background: url(images/nav_li_bg.png) right center no-repeat rgba(0, 0, 0, .4); */color: #0b98df;border-bottom: 3px solid #0b98df;} .navList .subnav{z-index: 100;position: relative;display: none;} .navList .subnav li{background: rgba(0, 0, 0, 0.4);} .navList .subnav a{ background: none;line-height: 36px; font-size: 15px; color: #FFFFFF;} /*汉堡包样式*/ .navBtns{position: absolute; right:0; bottom:0;width:30px;height:30px;background: url(images/menu-button-bg.png) no-repeat center center; background-size: 60% 60%; display:none; } /*--------------------------- welcome ----------------------------*/ .welcome{width:100%;height:100%;background:#fff;z-index:200;} .welBox{} .welList a{font:20px/1em "微软雅黑";color:#333;display:block;text-align: center;padding:15px 0;} .welList a:hover{color:#EF3333;background:#ccc;} .comeList{width:100%;display:none;} .comeList a{font:16px/1em "微软雅黑";display:block;padding:10px 0;} /*大图*/ #dt .inner{width: 100%;overflow: hidden;padding: 0;} .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } .slide_container { position: relative; float: left; width: 100%; } .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .slide li { position: absolute; width: 100%; left: 0; top: 0; } .slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; height: 532px; /* height: 490px;*/ border: 0; } #dt .dtxt{width:1200px;position:absolute;left:50%;margin-left:-600px;bottom: 30px;z-index: 999;} #dt .dtxt a{background: rgba(0,33,76,0.8);color: #FFFFFF;font-size: 20px;padding: 0 30px;line-height: 36px;display: block;float: left;} .slide .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; } .slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 65px; width: 34px; margin-top: -30px; } .slide_nav:active { opacity: 1.0; } .slide_nav.prev { left: 0; background: url(images/datu_l.png) no-repeat center center; } .slide_nav.next { right: 0; background: url(images/datu_r.png) no-repeat center center; } .slide1_tabs{position:absolute;bottom:30px;right: 50%;z-index:100;text-align: center;} .slide2_tabs{position:absolute; right:10px;bottom:8px;z-index:100; text-align: center;} .slide1_tabs li,.slide2_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;} .slide1_tabs li a,.slide2_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;} .slide1_tabs li.slide_here a,.slide2_tabs li.slide_here a{background:#0574d0;} .slide li .bt{ z-index:100;position: absolute; left: 0; bottom:0; display: block;color: #FFFFFF;font-size: 16px; text-align: left; line-height: 30px;background:rgba(51,51,51,0.3);width: 100%;text-indent: 10px;} /*中间*/ .post33 .banner .title{background: url(images/l33.png) left center no-repeat;} .post44 .banner .title{background: url(images/l44.png) left center no-repeat;} .post0 .banner .title{background: url(images/l0.png) left center no-repeat;} .post1 .banner .title{background: url(images/l1.png) left center no-repeat;} .post2 .banner .title{background: url(images/l2.png) left center no-repeat;} .post3 .banner .title{background: url(images/l3.png) left center no-repeat;} .post4 .banner .title{background: url(images/l4.png) left center no-repeat;} #mod{ position: relative; top: -30px; margin-bottom:-30px; background:/* url(images/bgblue.png)*/ ; background: linear-gradient(#c6ebfb, #f3fbfe); } .mod{padding: 0 15px;} .mod0{overflow: hidden;margin-top: 30px;} .mod0l{float: left;width: 68.33%;} .post33 .con .tw{float: left; width: 41.46%;} .post33 .con .tw *{display: block;} .post33 .con .tw img{width: 100%;} .post33 .con .tw a{padding: 10px;background: #f4f4f4;} .post33 .con .tw .twbt{font-size: 16px;line-height: 35px;} .post33 .con .tw .twjj{font-size: 14px;line-height: 27px;} .post33 .con .news-list{float: right;width: 54.87%;} .mod0r{float: right;width: 27.75%;} .mod1{overflow: hidden;padding-top: 50px;} /*手风琴*/ .w-accor{ overflow:hidden; position:relative;} .w-accor ul,.w-accor li{ padding:0; margin:0; list-style:none;} .w-accor ul{ width:101%;} .w-accor li{ position:relative; overflow:hidden;float:left;} .accorClick li{ cursor:pointer;} .w-accor li .item{ position:relative;} .w-accor li > a{ display:block; position:absolute; left:0; right:0; top:0; bottom:0;} .w-accor h3{ font-size:125%; margin:0; padding:0; font-weight:normal;} .w-accor .acr_p{ margin-top:0.5em; } .w-accor1 li img{ /* max-width:100%; */height: 100%;max-height: 400px;} .w-accor1 li .cont_ar{ color:#fff; position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5);} .w-accor1 li .dec_ar{ padding:10px 20px;} .w-accor1 li .acr_p{height:0; overflow:hidden; line-height:1.5; margin:0; transform:translateY(100%); -webkit-transform:translateY(100%); opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transition:all 0.5s; -webkit-transition:all 0.5s;} .w-accor1 li.cur .acr_p{height:5.8em; margin-top:0.5em; margin-bottom:0.5em;transform:translateY(0); -webkit-transform:translateY(0); opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .news_banner table tbody { position: relative; } .news_banner table tbody tr:last-child td div{ position: absolute; bottom: 20px; text-align: left; padding: 26px; } .news_banner table tbody tr:last-child td div a{ color:#fff; font-size: 16px; } .mod2{margin-top: 30px;overflow: hidden;} .mod2l{width: 68.33%;float: left;} .mod2r{width: 27.75%;float: right;} .mod3{margin-top: 30px;} .mod3l{width: 68.33%;float: left;} .post2 .con *{display: block;} .post2 .con ul {overflow: hidden;} .post2 .con ul li{float: left;width: 33%;} .post2 .con ul li a{max-width: 260px;margin: 0 auto;} .post2 .con ul li a img{width: 100%;} .post2 .con ul li a span{line-height: 50px;background: #f4f4f4;color: #0b98df;font-size: 16px;text-align: center;margin-top: 10px;} .mod3r{width: 27.75%;float: right;} .post3 .con *{display: block;} .post3 .con .links-list li{border: 1px solid #cacaca;margin-bottom: 10px;} .post3 .con .links-list li a{line-height: 50px;text-align: center;font-size: 15px;transition: all ease-in .1s;-webkit-transition: all ease-in .1s;-moz-transition: all ease-in .1s;-o-transition: all ease-in .1s;} .post3 .con .links-list li a:hover{background: #0b98df;color: #ffffff;} #mod7{background: #333333;position: relative; top: -30px;} .mod7{padding: 50px 0 0 0;} .mod7l{float: left;width: 33.33%;text-align: center;} .mod7l a img{max-width: 100%;} .mod7m{float: left;width: 32%;border-left:2px solid #666666;border-right:2px solid #666666;} .mod7m ul{width: 345px;margin: 0 auto;} .mod7m ul li{padding-left: 30px;} .mod7m ul .li1{background: url(images/bq1.png) left center no-repeat;} .mod7m ul .li2{background: url(images/bq2.png) left center no-repeat;} .mod7m ul .li3{background: url(images/bq3.png) left center no-repeat;} .mod7m ul li span{display: block;font-size: 16px;color: #FFFFFF;line-height: 43px;} .mod7r{float: right;width: 33.33%;/*! padding: 15px 0; */} .mod7r *{display: block;} .mod7r ul li{/* width:50%; *//* float: left; */} .mod7r ul .tu img{margin: 0 auto;max-width: 100px;} .mod7r ul .bt{text-align: center;color: #FFFFFF;line-height: 30px;} /*页脚*/ #footer {background: #333333; position: relative; top: 30px; } #footer .inner {padding: 15px 0;} .foot {} .copyright{line-height: 20px;color: #fff;text-align: center; padding: 16px; /* font-size: 16px; */} /*二维码*/ .ewm{position: relative;overflow: hidden;padding: 11px 0;} .ewm .tp{ float: left; text-align: center;width: 33.33%;} .ewm .tp img{margin: 0 auto;} .ewm .tp a{display: block;color: #333333;font-size: 12px;line-height: 20px;} /*列表页*/ #listdt .inner{ width: 100%;overflow: hidden;} .col { padding: 42px 0; background-color:#FFF; } .col-menu { /**列表页左侧栏目**/ width: 220px; float:left; /* margin-top:-102px; */ /* z-index: 100; */ /* position: relative; */ } .col-menu-head {/*列表头部*/ width: 100%; font-size: 20px; background: #0094de; color: #fff; display: block; line-height: 60px; text-indent: 15px; /* border-bottom:2px solid #00427f; */ /* font-weight: bold; */ } /*多级栏目列表*/ .listcolumn { } .listcolumn .column-1{ margin: 5px 0; } .listcolumn .column-1 a {/* font-weight: 100; *//* color: #0574d0; */background: url(images/list_ej_icon.png) 90% center no-repeat;text-indent: 15px;display: block;height: 50px;line-height: 50px;font-size: 14px;border: 1px solid #d6d6d6;-webkit-transition: all ease .2s;-moz-transition: all ease .2s;-o-transition: all ease .2s;transition: all ease .2s;} /**一级子栏目及图标**/ .listcolumn .column-1 a:hover,.listcolumn .column-1 a.selected {background: url(images/list_ej_iconh.png) 90% center no-repeat #0094de;color: #ffffff;} /**鼠标经过或选中一级子栏目**/ .wp_subcolumn{ margin-top: 2px;} .listcolumn .column-1 .wp_subcolumn .column-1-1 a{ height: 26px; line-height: 26px; font-size: 16px;} .col-news { /**列表页右侧新闻**/ width: 950px; float:right; } .col-news-head { margin: 0px; border-bottom: 2px solid #0094de; } .col-path { /**当前位置**/ display:inline-block; white-space:nowrap; height: 48px; line-height: 48px; text-align: right; float: right; padding-left: 30px; background: url(images/icon_dz.png) left center no-repeat; } .col-path a { color: #888888; font-size: 12px; margin: 0 5px; } .col-title { /**当前栏目**/ display:inline-block; white-space:nowrap; height: 48px; line-height: 48px; float: left; /* display:inline-block; */ font-size: 20px; /* color: #0094de; */ } .col-news-con { padding: 0px; margin:0px; } /**栏目新闻列表**/ .col-news-list { padding-top: 20px;} .col-news-list .list_item{display: block;overflow: hidden;/* padding: 0 20px; *//* background: url(images/icon_dian.png) left center no-repeat; */border-bottom: 1px dashed #eeeeee;} .col-news-list .list_item *{} .col-news-list .list_item .news-title{ float: left; color: #333333;display: block;height: 49px;line-height: 49px;font-size: 16px;} .col-news-list .list_item .news-date{float: right;color: #555555;display: block;height: 49px;line-height: 49px;font-size: 15px;} .col-news-list .list_item p{font-size: 14px;line-height: 25px;color: #999999;} .fenye{margin: 50px 0;} .fenye table{margin: 0 auto;} .list-pic img{ width: 100%;} .col-news-con .lmjj{margin-top: 20px;padding-bottom: 20px;border-bottom: 2px solid #0094de;} .col-news-con .lmjj p{font-size: 14px;text-indent: 2em;line-height: 28px;text-align: justify;color: #666666;} /*英文列表*/ /*单片标题*/ .dpbt{font-size: 18px; font-weight: bold; line-height: 40px; text-align: center;} /*图片列表*/ .pic-list{ overflow: hidden; padding-top: 20px;} .pic-list .pic-news{width: 23%;/* height: 250px; */float:left;margin: 1%;text-align: center;} .pic-list .pic-news .news-pic img{margin: 0 auto;/* border: 2px solid #DDDDDD; */display: block;width: 100%;} .pic-list .pic-news .news-pic img:hover{transform: scale(1.1);transition:all .4s;} .pic-list .pic-news .news-name{ line-height: 30px;} .pic-list2{ overflow: hidden; padding-top: 20px;} .pic-list2 .pic-news{ width: 33%; height: 240px; float:left; text-align: center;} .pic-list2 .pic-news .news-pic img{ margin: 0 auto;display: block;} .pic-list2 .pic-news .news-name{line-height: 30px;} /*图文标题*/ li.tbtw *{display:block;} li.tbtw {overflow: hidden;/* background: #f0f0f0; */margin-top: 30px;} .twlb a.tu {float: left;/* display: block; */background: #eeeeee;} .twlb .btjj {float: left;/* margin-left: 20px; *//* width: 660px; */padding: 7px 15px;width: calc(100% - 230px);} .twlb .tu img {width: 200px;height: 200px;/* display: block; */} .twlb .tbtw span.sj { color: #888888; line-height: 30px;} .twlb .tbtw span.sj i{display: inline;margin-right: 20px;color: #f37878;} .twlb .tbtw a.bt {/* color: #0574d0; */font-size: 16px;line-height: 49px;border-bottom: 1px solid #eee;} .twlb .tbtw a.jj { font-size: 12px; color: #888888; line-height: 25px;height: 75px;overflow: hidden;} .twlb .tbtw .ckqw{font-size: 12px;color: #fff;background: #f37878;width: 70px;height: 30px;text-align: center;line-height: 30px;} /*快速访问*/ .teacher{overflow: hidden; border-bottom: 1px solid #dddddd;} .teacher h1 { line-height: 36px; font-size: 18px; color: #0574d0; text-indent: 10px; margin-top: 10px; } .teacher_ul { overflow: hidden; width: 100%; } .teacher_ul li { float: left; padding:20px 30px } .teacher_ul li a{ font-size: 16px; color: #666666;} /*现任领导*/ .xrld{} .xrld li{ width: 48%; float: left; margin: 1%;} .xrld li .tu{ display: block; float: left;} .xrld li .tw{ float: right; width: 60%; padding: 40px 0;} .xrld li .tw a{ display: block;} .xrld li .tw .xm{ font-size: 18px;} .xrld li .tw .zw{ font-size: 16px;color: #0574d0; margin: 20px 0;} .xrld li .tw .jj{ line-height: 24px;} /*文章页*/ .infobox { margin:0px auto; background-color:#FFF; } .article {/* padding: 0 20px; */} .article h1.arti_title { /**文章标题**/ font-family: "Microsoft YaHei"; text-align:center; font-size: 36px; color:#333333; line-height: 100px; } .article .arti_metas { padding:10px 0 20px 0; text-align:center; /* border-bottom: 1px dashed #DDDDDD; */ font-size: 12px; } .article .arti_metas span { /**文章其他属性**/ margin: 0px 15px; color:#787878; } .article .read{ padding-top: 20px; } .article .read p { line-height:2; font-size:14px; color:#333; } .article .read img { /**文章阅读部分图片大小限制**/ max-width:800px; _width:expression(this.width > 800 ? "800px" : this.width); } .zwjj { padding: 15px; border: 1px solid #e1e1e7; border-left-width: 5px; } .zwjj p { font-size: 12px; line-height: 24px; color: #000; } @media only screen and (max-width: 1399px) { #listdt .inner { width: 100%;} } /* 大屏幕(大桌面显示器,小于等于 1200px) */ @media only screen and (max-width: 1199px) { .wrapper .inner {width: 98%;} #dt .dtxt{width: 100%; left: 0;margin-left: 0;} .mod1l{ width: 49%;} .mod1l .tpqh{display: none;} .post1 .news-list{width: 100%;float: none;} .mod1r{width: 49%;} .post3 .con dl{width: calc((100% - 60px)/4);} .tempWrap{width: 100% !important;} .col-menu{ width: 21.6%;} .col-news{width:75%;} .pic-list2 .pic-news .news-pic img{ width: 98%;} } @media only screen and (max-width: 1024px) { #dt .dtxt{ left: 0; bottom:0;} #dt .dtxt a{width: 100%;} .slide1_tabs{bottom: 10px;right: 10%;} .slide_nav.prev{left: 10%;} .slide_nav.next{right: 10%;} .mod1r .twbt{ width: 49%; height: auto;} .mod1r .twbt img{ width: 100%;} .post3 .con dl{width: calc((100% - 20px)/2);} .post3 .con .dl3{margin-left: 0;} .pic-list .pic-news{width: 23%;} .pic-list2 .pic-news{ height:auto;} } /* 中等屏幕(桌面显示器,小于等于 992px) */ @media only screen and (max-width: 992px) {} /* 小屏幕(平板,小于等于 768px) */ @media only screen and (max-width: 768px) { .navBtns {display: block;} .navList {} #nav {display: none;} .logo-r {display: none;} .mod1l,.mod1r{width: 100%;} .foo-r{display: none;} .foot{width: 100%;} .copyright{text-align: center;} .mod0l{width: 100%;float: none;} .mod0r{width: 100%;float: none;} .mod2l {width: 100%;float: none;} .mod2r {width: 100%;float: none;} .mod3l {width: 100%;float: none;} .mod3r {width: 100%;float: none;} #mod7{display: none;} .ss{display: none;} .col-menu{ display:none;} .col{padding: 0;} .col-news{ width: 100%;} .article .read img{width:95%;height: auto;} } @media only screen and (max-width: 700px) { .col{ padding:10px 0;} .post2 .con ul li{float: none;width: 80%;margin: 10px auto;} .post2 .con ul li a{max-width: initial;} .post33 .con .tw{width: 100%;float: none;} .post33 .con .news-list{width: 100%;float: none;} .pic-list .pic-news{width: 31.3%;} } @media only screen and (max-width: 600px) { } @media only screen and (max-width: 500px) { .twlb a.tu{display: none;} .twlb .btjj{float: none;width: 100%;} .slide1_tabs{ display: none;} #dt .dtxt{display: none;} } @media only screen and (max-width: 400px) { #top{display: none;} } @media only screen and (max-width: 350px) { }