@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;} /******************************************************************************************************************************************/ /**布局开始**/ 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 { color: #ff0000; text-decoration: none; } a:visited { text-decoration: none; } .wrapper { width: 100%; margin: 0 auto; } .wrapper .inner { /**页面全局宽度**/ width: 1200px; margin: 0 auto; } /*新闻列表*/ .post { } .post .banner { margin: 0 auto; overflow: hidden; padding: 30px 0; } .post .banner .title { font-size: 36px; float: left; display: block; padding-bottom: 12px; border-bottom: 2px solid #1267bb; color:#1267bb; text-align: center; font-weight: bold; } .post .more-btn { float: right; display: block; color: #1267bb; text-align: center; line-height: 48px; padding: 0 10px; font-size: 16px; border: 1px solid #1267bb; } .post .con { padding:0 0 0 0; margin:0 auto; } .post .news-list .news { overflow: hidden; display: block; line-height: 42px; border-bottom: 1px dashed #666666; } .post .news-list .news .news-title { display: block; float: left; } .post .news-list .news .news-date { display: block; float: right; font-size: 12px; color: #666666; } /*头部*/ #header {background: #0081dc /*url(images/logo_bg.png) center top no-repeat*/;} #header .inner { position: relative;} .logo { position: relative; } .logo-l{float: left;padding: 10px 0px 0px;} .logo img { max-width: 100%; height: auto; } .logo-r{float: right;width: 65%;} .logort{/* padding: 20.5px 0 0 0; */} .js{ float: right; line-height: 24px;} .js a{color: #FFFFFF;font-size: 16px;/* margin:0 10px; */} .ss{ height: 24px; background: url(images/ss_bg.png) center center no-repeat; float: right; border-radius: 12px; } .ssk { float: left; width: 0px; height: 24px; padding: 0; border-bottom-right-radius: 12px; margin: 0; border: 0; background: #FFFFFF; transition: all 1s ease .1s; -webkit-transition: all 1s ease .1s; -moz-transition: all 1s ease .1s; -ms-transition: all 1s ease .1s; -o-transition: all 1s ease .1s; } .ss_btn { width: 35px; height: 24px; cursor: pointer; padding: 0; margin: 0; border: 0; float: left; background: url(images/ss_btn.png) center center no-repeat #fff; border-bottom-left-radius: 12px; } .ss .active { width: 150px; } .topch{min-width: 56px;margin-right: 10px;/* float: left; */background: url(images/topch.png) left center no-repeat;text-align: right;} /*导航*/ #nav {background: #f4f4f4;} .nav {height: 46px;margin: 8px;} .navList{width:100%;overflow:hidden;} .navList > li{float:left;width: 15.8%;height:100%;line-height:46px;font-size:16px;} .navList li a{display:block;text-align:center;color: #FFFFFF;font-size: 16px;} .navList li a:hover{background: #ffffff;color: #000000;} .navList .subnav{ z-index: 100; position: relative; display: none;width: 150%;} .navList .subnav li{background:rgba(255,255,255,.8); } .l1 .subnav{ width:200%;} .l5 .subnav{width: 150%;} .l6 .subnav{margin-left: -50%;} .navList .subnav a{ background: none;line-height: 36px; font-size: 14px; color:#000000;text-align: left;padding-left: 10px;} li.l5{width:21%;} /*汉堡包样式*/ .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;} .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%; 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:19%; */ 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;display: none;bottom:30px;left: 50%;margin-left: -105px;z-index:100;text-align: center;} .slide1_tabs li,.slide2_tabs li{display:inline-block;width: 35px;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: 35px;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;} /*中间*/ .tit{display: block;padding-bottom: 12px;font-size: 36px;font-weight: bold;border-bottom: 2px solid #1267bb;} #mod1{/* padding-bottom: 50px; */ background: #f8f8f8;} .post1 .con{} .post1 .con .news-list li *{display: block;} .post1 .con .news-list li{width: 23.14%;float: left;/*-moz-box-shadow:0px 0px 10px #000000;-webkit-box-shadow:0px 0px 10px #000000;box-shadow:0px 0px 10px #000000;*/} .post1 .con .news-list li .tu img{width: 100%;} .post1 .con .news-list li .xx{/*padding: 20px;*/background: #FFFFFF;} .post1 .con .news-list li .xx .news-title{font-size: 18px;font-weight: bold;line-height: 80px;text-align: center;color: #ffffff;} .post1 .con .news-list li .xx .news-date{font-size: 14px;margin: 25px 0;color: #1267bb;text-indent: 20px;background: url(images/sj_icon.png) left center no-repeat;} #mod1 .news1 .xx{background: #007bd8;} #mod1 .news2 .xx{background: #fccf2e;} #mod1 .news3 .xx{background: #82d512;} #mod1 .news4 .xx{background: #d25e24;} #mod1 .news2,#mod1 .news3,#mod1 .news4 { margin-left: 2.4%;} #mod1 .news1,#mod1 .news2,#mod1 .news3,#mod1 .news4{margin-top: -80px;position: relative;z-index: 999999999;} #mod2{/* background: #dff1ff;*/} .mod2{padding-bottom: 20px; padding-top: 45px;} .mod2l{width: 404px;background: #f3f3f3;float: left;padding: 20px;/* padding-left:24px ; *//* padding-bottom: 15px; */} .mod2l h3{font-size: 16px;color: #007bd8;line-height: 33px;/* margin-top: 15px; */} .mod2l p{font-size: 14px; color: #333; line-height: 30px;} .mod2r{width: calc(100% - 468px);background: url(images/mod2rbg.png) no-repeat center center #1b89dd;float: right;margin-left: 2%;} .titm2r{padding-left: 20px; line-height: 60px;} .titm2r h3{font-size: 18px; color: #ffffff; float: left;} .titm2r .more{font-size: 32px; float: right; margin-right: 20px;color: #ffffff; opacity: 0.4;} .m2rlist{margin: 0px 20px;} .m2rlist li{margin-bottom: 20px;} .day{font-size: 44px; color: #ffffff; float: left; opacity: 0.6;} .ny{font-size: 14px; color: #ffffff; float: left; line-height: 22px; margin: 0px 10px;} .zwbt{/* height: 44px; */overflow-y: hidden;/* padding-left: 10px; */color: #0081dc;font-size: 24px;/* float: left; */text-align: left;line-height: 35px;/* width: calc(100% - 115px); */} .zwbt1 a{height: 44px;overflow-y: hidden;padding-left: 10px;color: #ffffff;float: left;line-height: 22px;width: calc(100% - 115px);} .post2 .con .news-list li *{display: block;} .post2 .con .news-list li{float: left;width: 50%;margin-bottom: 30px;} .post2 .con .news-list li .time{width: 60px;height: 60px;background: #1267bb;color: #FFFFFF; padding: 5px;float: left;} .post2 .con .news-list li .time .ri{width: 58px;line-height: 29px;border: 1px dashed #FFFFFF;text-align: center;border-bottom: none;font-size: 22px;font-weight: bold;} .post2 .con .news-list li .time .yue{width: 58px;line-height: 29px;border: 1px dashed #FFFFFF;text-align: center;border-top:none ;font-size: 16px;} .post2 .con .news-list li .xx{float: left;margin-left: 20px;width: 580px;border-bottom: 1px dashed #999999;} .post2 .con .news-list li .xx .bt{line-height: 35px;font-size: 16px;font-weight: bold; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .post2 .con .news-list li .xx .jj{line-height: 34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .mod3{padding-bottom: 20px;} .post3 .con li *{display: block;} .post3 .con li{width: 25%;float: left;text-align: center;margin-bottom:30px ;} .post3 .con li .news-title{position: relative;} .post3 .con li .news-title img{max-width: 100%;margin: 0 auto;} .post3 .con li .news-title img:hover{transform: scale(1.1);transition:all .5s;} .post3 .con li .news-title span{font-size: 1.5rem;font-weight: bold;color: #FFFFFF;position: absolute; left: 30px;bottom: 20px;} .mod3l{width: 37%; float: left;} .mod3c{width: 36%;margin-left: 2%;float: left;} .tit3{} .tit3 h2{font-size: 18px; color: #007bd8;line-height: 44px;float: left;} .tit3 .more{font-size: 32px; float: right; margin-right: 20px;color: #333; opacity: 0.4; line-height: 44px;} .frisrbt { padding-bottom: 15px; border-bottom: 1px solid #d6d6d6;} .frisrbt img{float: left; width: 32.6%;} .frisrbt p{float: right; width: 65%; font-size: 14px; line-height: 25px; color: #333;} .m3btli {margin-top: 5px;} .m3btli li {line-height: 30px;} .time{float: right;} .m3czl{width: 47%;} .m3czl img{width: 100%;} .m3czl p{font-size: 12px; line-height: 18px;} .time2{float: right; color: #007bd8; line-height: 30px;} .mod3r{margin-left: 1.75%;float: left;width: 23%;} .m3rimg{position: relative;} .hoverblack{width: 100%;position: absolute;background: #333;opacity: 0.6;bottom: 0;height: 100%; display: none; color: #fff; } .hoverblack p{line-height: 100%;color: #fff;font-size: 18px;text-align: center;margin-top: 33%;} .m3rimg img {width: 100%;} .m3rimg:hover .hoverblack {display: block;} #vsb_content p{font-size:12px;line-height:20px;} .m3btlia{float: left; width: 70%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #mod4{background: #1267bb;} .mod4 .navList .subnav{display: block;width: auto;} .mod4 .l1 .subnav{width: auto;} .mod4 .l5 .subnav{width: auto;} .mod4 .l6 .subnav{margin-left: 0;} .mod4 .navList li{background: none;} .mod4 .navList li a{ text-align: left; padding-left: 0;color: #FFFFFF;} .mod4 .navList li a:hover{background: none;color: #FFFFFF;} /*页脚*/ #footer { background: url(images/footbg.png) no-repeat center center ; } #footer .inner {} .foot {background: url(images/footbg.png) no-repeat center center ;} .copyright{ line-height: 50px; color: #fff; text-align: center; font-size: 14px; } .foot-l{width: 50%;float: left;} .foot-l img{margin: 20px 0 0 0 ;} .foot-l p{font-size: 12px; color: #fff; line-height: 20px;} .foot-r{width: 30%;float: right;text-align: right;} .wbwx{margin: 35px 0 0 0 ;} .wbwx img{margin-left:15px;} .footlj{margin-top: 15px;} .footlj li{color: #fff;font-size: 12px;float: left;line-height: 25px;margin: 0px 0px 0 43px;} /*列表页*/ #listdt .inner{ width: 100%;overflow: hidden;} .col { /* padding: 60px 0; */ background-color:#FFF; } .fylb{height: 50px;padding: 25px 0;border-bottom: 1px solid #eaeaea;} .fylb :first-child{padding-top: 0px !important;} .time1{float: left;width: 70px;} .day1{font-size: 24px;text-align: center;line-height: 30px;} .ny1{text-align: center;font-size: 14px;line-height: 20px;} .lbzw{float: right;height: 50px;font-size: 14px;line-height: 25px;width: calc(100% - 86px);overflow-y: hidden;padding-left: 15px;border-left: 1px solid #eaeaea;} .col-menu { /**列表页左侧栏目**/ width: 370px; float:left; /* margin-top: -90px; */ z-index: 100; position: relative; } .col-menu-head {/*列表头部*/ width: calc(100% - 50px); padding: 0 0 0 50px; font-size: 18px; background: url(images/nydh.png) no-repeat left 20px center #0081dc; color: #fff; display: block; line-height: 50px; /* text-align: center; */ /* text-indent: 20px; */ /* border-bottom:2px solid #00427f; */ } .col-menu-con{/* padding: 0 5px; */background: #f5f5f5;} /*多级栏目列表*/ .listcolumn { } .listcolumn .column-1{} .listcolumn .column-1 a {font-weight: 100;/* color: #0574d0; */background:url(images/nyjh.png) right 20px center no-repeat #f9f9f9; text-indent:20px;display: block;height: 50px;line-height: 50px;font-size: 14px;border-bottom: 1px solid #ffffff;} /**一级子栏目及图标**/ .listcolumn .column-1 a:hover,.listcolumn .column-1 a.selected {/* background:url(images/icon_black.png) 234px center no-repeat #dfdfdf; */color: #1267bb;} /**鼠标经过或选中一级子栏目**/ .wp_subcolumn{ margin-top: 2px;} .listcolumn .column-1 .wp_subcolumn .column-1-1 a{ height: 26px; line-height: 26px; font-size: 16px;} .dangqian {background:url(images/nyjh.png) right 20px center no-repeat #e9e9e9!important;} .col-news { /**列表页右侧新闻**/ width: 800px; float: left; } .col-news-head { margin: 0px; /* border-bottom:2px solid #0574d0; */ } .col-path { /**当前位置**/ display:inline-block; white-space:nowrap; height: 35px; line-height: 35px; text-align: right; /* float: right; */ padding-left: 30px; background: url(images/dqwz.png) left center no-repeat; } .col-path a { color: #333; font-size: 14px; } .col-title { /**当前栏目**/ white-space:nowrap; font-size: 24px; height: 100px; line-height: 100px; float: left; display:inline-block; font-size: 25px; color: #0081dc; } .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 0 30px;background: url(images/icon_dian.png) 10px center no-repeat;} .col-news-list .ds{background-color:#f4f4f4;} .col-news-list .list_item *{display: block;height: 50px;line-height: 50px;font-size: 14px;} .col-news-list .list_item .news-title{ float: left; color: #333333;} .col-news-list .list_item .news-date{ float: right; color: #696969;} .fenye{margin: 50px 0;text-align: center;} .fenye table{margin: 0 auto;} .list-pic img{ width: 100%;} /*英文列表*/ /*单片标题*/ .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: 25%;height: 285px;float:left;text-align: center;} .pic-list .pic-news .news-pic img{margin: 0 auto;border: 2px solid #DDDDDD;display: block;/* max-width: 100%; */} .pic-list .pic-news .news-name{line-height: 30px;} .pic-list2{ overflow: hidden; padding-top: 20px;} .pic-list2 .pic-news{width: 33%;height: 242px;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;} .pic-list4{ overflow: hidden; padding-top: 20px;} .pic-list4 .pic-news{width: 25%;float:left;text-align: center;} .pic-list4 .pic-news .news-pic img{ margin: 0 auto;display: block;width: 98%;} .pic-list4 .pic-news .news-name{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:18px; color:#333333; line-height: 50px; } .article .arti_metas { padding:10px 0 20px 0; text-align:center; border-bottom: 1px dashed #DDDDDD; } .article .arti_metas span { /**文章其他属性**/ margin:0 5px; 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); } .mod1 .tit:hover,.mod1 .more:hover,.logo-r a:hover,.mod1r a:hover,.mod2 a:hover,.mod3 a:hover,.mod4 a:hover,.mod6 a:hover{/* color: #FF0000 !important; */} @media only screen and (min-width: 1000px) {.m3czl img{height:110px;} .frisrbt img{height:80px;}} /*@media only screen and (max-width: 1399px) { .wrapper .inner{width: 100%;} #listdt .inner { width: 100%;} .post2 .con .news-list li .xx{width: calc(100% - 90px);} }*/ /* 大屏幕(大桌面显示器,小于等于 1200px) */ @media only screen and (max-width: 1199px) { #dt .dtxt{width: 100%; left: 0;margin-left: 0;} /*.mod2l{width: 90%;}*/ .wrapper .inner {width: 98%;} .post3 .con li .news-title img{width: 99%;} .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%;} .pic-list .pic-news{width: 25%;} .pic-list2 .pic-news{ height:auto;} } /* 中等屏幕(桌面显示器,小于等于 992px) */ @media only screen and (max-width: 992px) { .mod3l{width: 100%;} #mod1 .news1, #mod1 .news2, #mod1 .news3, #mod1 .news4{margin-top: 0px;} .post1 .con .news-list li .xx .news-title{font-size: 14px; line-height: 35px;} .mod3c{width: 64%; margin-left: 0;} .mod3r{width: 34%;} } /* 小屏幕(平板,小于等于 768px) */ @media only screen and (max-width: 768px) { .navBtns {display: block;} .navList {} #nav {display: none;} .logo-r {display: none;} .col-menu{ display:none;} .col-news{ width: 100%;} .mod2 .list .bt{ width: 75%;} .top .ksdh {display: block;} .article .read img{width:95%;height: auto;} .mod2l{width: 90%;} .mod2r{width: 97% ; float: left; margin-top: 15px; margin-left: 0;} .post1 .con .news-list li .xx .news-title{font-size: 12px; line-height: 35px;} } @media only screen and (max-width: 700px) { .col{ padding:10px 0;} .pic-list .pic-news{ width: 33.3%;} .mod3c{width: 100%; margin-left: 0;} .mod3r{width: 95%;} } @media only screen and (max-width: 600px) { .mod2 {width: 100%; float: none;} .mod3 {width: 100%; float: none;} .mod2 .tit,.mod3 .tit{ text-align: center;} .mod2 .more,.mod3 .more{ text-align: center;} .post1 .con .news-list li{width: 48%;} .news3 ,.news4 {margin-top: 10px!important;} .news3 {margin-left: 0px!important;} } @media only screen and (max-width: 500px) { .mod1r .ddywr li .twbt{width: 80%;} .mod2 .list .bt{width: 77%;} .slide1_tabs{ display: none;} #dt .dtxt{display: none;} .col-news-list .list_item .news-date{ display: none;} .pic-list .pic-news{ width: 50%;} .pic-list2 .pic-news{ width: 50%;} .foot-r{display: none;} .foot-l{width: 100%;} } @media only screen and (max-width: 400px) { .foot-l img{width: 100%;} } @media only screen and (max-width: 350px) { }