/**************************************/ /*************[公用start]**************/ /**************************************/ body,div,p,span,ul,li,h1,h2,h3,h4,h5,h6,a,input,textarea,select,dl,dd,table,tr,td{ margin:0; padding: 0; } body{ font-family:"Arial","Microsoft Yahei"; font-size: 15px; /*主要内容区字号大小,每次制作前更新!!! */ color:#333; background-color: #e7f2f9; min-width: 1200px; /*主要内容区最小尺寸大小,每次制作前更新!!! */ overflow-y:auto; /*防止页面高度过低,滚动条加载时突显引起的页面调动。!!! */ line-height: 1.2; background-image: url("/statics/css/images/body.jpg"); background-repeat: no-repeat; background-position: center top; } input,textarea,select{ outline: none; font-family:"Arial","Microsoft Yahei"; color:#333; font-size: 14px; } textarea{ resize: none; } ul li{ list-style-type: none; } h1,h2,h3,h4,h5,h6{ font-weight: normal; } i{ font-style: normal; } div.clear{ clear: both; height: 0; width: 0; } .clearfix{zoom:1} .clearfix:after{ content:""; display:block; height:0; clear:both; visibility:hidden; } a{ text-decoration: none; color:#333; cursor: pointer; } img{ border:0; /* width: 100%;*/ max-width: 100%; } div.wp{ width: 1150px; /*主要内容区尺寸大小,每次制作前更新!!! */ margin:0 auto; } .fl{ float: left; } .fr{ float: right; } .tran{ transition: all .3s ease-out 0s; } .bobox{ /*【块级元素】不受边框、margin、padding影响类名,需要时添加*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*图片中心放大代码区域*/ .img-box{/*图片盒子类名*/ width: 300px!important;/*图片盒子宽度,‘重要’是为防止图片添加尺寸不正确而修正,需注意图片比例*/ height: 200px!important;/*图片盒子高度,‘重要’是为防止图片添加尺寸不正确而修正,需注意图片比例*/ overflow: hidden; } .img-box>img{ transition: .3s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; /* ueco 时间曲线*/ width: 100%; max-width: 100%; } .img-box:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /*图片中心放大代码区域*/ /**************************************/ /************[公用over]****************/ /**************************************/ /*header-start*/ /**************************************************************/ #header{ } .header-1{ height: 34px; line-height: 34px; background-color: #fff; text-align: right; font-size: 16px; color:#b3b3b3; border-bottom: 1px solid #dee4e7; } .header-1 a{ font-size: 14px; color:#555555; vertical-align: middle; margin-left: 12px; } .header-1 a:hover{ color:#3c81c5; } .search{ width: 350px; background-color: #fff; height: 43px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #cccecf; padding-left: 15px; position: relative; margin-top: 36px; } .search input[type="text"]{ width: 230px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 41px; line-height: 41px; border:0; } .search input[type="button"]{ position: absolute; right: 0; top: -1px; width: 67px; height: 43px; background-color: #3c81c5; border:0; font-size: 14px; color:#fff; cursor: pointer; } .logo{ margin-top: 22px; font-size: 0; } .nav{ background-color: #3c81c5; margin-top: 20px; } .nav ul.nav-ul>li{ float: left; width: 11.2%; text-align: center; background-repeat: no-repeat; background-position: left center; position: relative; } .nav ul.nav-ul>li:hover .downla{ display: block; } .downla{ display: none; position: absolute; left: 0; width:250px; top: 50px; left:-70px; z-index: 800000; padding:0px 10px 5px; background:#3c81c5 } .downla.first{ width:500px; left:0px} .downla li{ padding:0px 10px; float:left} .downla li a{ display: block; height: 30px;line-height: 30px; background-color: #3c81c5; text-align: center; color:#fff; } .downla li a:hover{ /*background-color: #0058ac;*/ color:#0058ac } .nav ul.nav-ul>li:first-child{ width: 8.8%; background-image: none; text-align: left; } .nav ul.nav-ul>li>a{ display: block; height: 50px; line-height: 50px; font-size: 16px; color:#fff; } .nav ul.nav-ul>li>a img{ vertical-align: middle; margin-top: -3px; margin-right: 7px; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main .main-wp{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; padding: 15px; padding-bottom: 21px; margin:18px auto 28px; } .fafa .flex-control-nav{ display: block; bottom: 17px; } .fafa .flex-control-paging li a{ width: 10px; height: 10px; } .fafa .flex-control-nav li{ margin:0 4px; } .main-1{ margin-top: 22px; } .main-1-pic{ width: 383px; } .kuai{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 270px; width: 374px; border:1px solid #f1f1f1; } .yaowen{ margin-left: 21px; } .fmfm ul.slides>li{ position: relative; } .fmfm ul.slides>li h1{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 100%; height: 44px; line-height: 44px; background-image: url("/statics/css/images/heidi.png"); font-size: 14px; color:#fff; padding-left: 16px; left: 0; bottom: 0; overflow:hidden } .fmfm .flex-control-nav{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 13px; display: block; text-align: right; font-size: 0; bottom: 17px; } .fmfm .flex-control-paging li a{ width: 9px; height: 9px; background-repeat: no-repeat; background-position: center; background-image: url("/statics/css/images/arrow-b-2.png"); transition: 0s; } .fmfm .flex-control-paging li a.flex-active{ background-image: url("/statics/css/images/arrow-b-h-2.png"); } .yaowen{ width: 413px; } .title-1 { height: 38px; line-height: 38px; background-color: #f9f9f9; border-bottom: 2px solid #3c81c5; } .title-1 h1{ float: left; font-size: 16px; color:#fff; width: 113px; height: 100%; background-color:#3c81c5; text-align: center; position: relative; } .title-1 h1 i{ position: absolute; left: 50%; margin-left:-6px; bottom:-9px; line-height: normal;font-size: 0; } .more{ float: right; font-size:14px; color:#4b4b4b; margin-right: 9px; } .more:hover{ color:#3c81c5; } .list { margin-top: 10px; } .list li{ padding: 0 12px; padding-left: 22px; height: 35px; line-height: 35px; background-image: url("/statics/css/images/dian.png"); background-repeat: no-repeat; background-position: 10px center; } .list li a{ color:#414141; } .list li a:hover{ color:#3c81c5; } .list li span{ color:#b2b2b2; } .tongzhi{ width: 282px; } .tongzhi .title-2{ background-color: #3c81c5; height: 38px; line-height: 38px; } .tongzhi .title-2 h1{ float: left; font-size:16px; color:#fff; margin-left: 15px; } .tongzhi .title-2 .more{ color:#fff; } .tongzhi .list{ margin-top: 0; } .tongzhi .list { width: 267px; margin:0 auto; } .tongzhi .list li{ padding-left: 15px; padding-right: 5px; background-position: left center; height: 44px; line-height: 44px; border-top: 1px dashed #d2d2d2; } .tongzhi .list li:first-child{ border-top: 0; } .fbfb .flex-control-nav{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; bottom: 0; text-align: right; padding-right: 3px; height: 22px; background-image: url("/statics/css/images/heidai.png"); background-repeat: no-repeat; background-position: right center; } .fbfb .flex-control-paging li a{ width: 16px; height: 16px; line-height: 16px; background-color:#fff; background-image:none; text-align: center; text-indent: 0; margin-top: 3px; font-size: 12px; } .fbfb .flex-control-paging li a.flex-active { background-image:none; background-color: #2287d2; color:#fff; } .yaodai{ margin:20px 0; } .jishu{ margin-left: 21px; } .main-2 .title-3{ height: 38px; position: relative; line-height: 38px; background-color: #f9f9f9; border-bottom: 1px solid #f1f1f1; } .main-2 .title-3 h1{ position: absolute; left: 0; top: -1px; width: 113px; height: 38px; font-size: 16px; color:#3c81c5; text-align: center; background-color: #fff; border-top: 2px solid #3c81c5; } .hangye{ width: 320px; } .rong{ width: 100%; height: 283px; margin-top: 20px; } .rong .title-4{ height: 38px; line-height: 38px; background-color: #f9f9f9; border-bottom: 1px solid #f1f1f1; } .rong .title-4 span{ float: left; width: 113px; height: 38px; font-size: 16px; color:#535353; text-align: center; background-color: #f9f9f9; position: relative; cursor: pointer; } .rong .title-4 span.active{ background-color: #3c81c5; color:#fff; } .rong .title-4 span i{ position: absolute; left: 50%; margin-left:-6px; bottom:-7px; line-height: normal;font-size: 0; display: none; } .rong .title-4 span.active i{ display: block; } .rong .title-4 .more-gg{ display: none; } .rongyu-list{ overflow: hidden; position: absolute; left: -1000%; width: 1094px; margin:21px auto; } .rongyu-list.active{ position: static; } .rongyu-list li{ float: left; width: 258px; } .rongyu-list li img{ width: 100%; display: block; margin-bottom: 15px; } .rongyu-pic{ width: 240px; margin:0 auto; font-size: 14px; color:#414141; text-align: center; } .rongyu-pic:hover{ color:#3c81c5; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ } .footer-2{ background-color: #3c81c5; text-align: center; font-size: 14px; color:#fff; line-height: 2; padding: 24px 0; } .footer-1{ height: 55px; background-color: #fff; } .footer-1 .wp{ position: relative; } .footer-1 h1{ font-size: 16px; color:#fff; background-color: #3c81c5; position: absolute; left: 5px; top: -9px; width: 132px; height: 50px; line-height: 50px; text-align: center; } .footer-1 h1 i img{ display: block; } .footer-1 h1 .lanjiao-1{ position: absolute; left: -6px; top: 0; line-height: normal; } .footer-1 h1 .lanjiao-2{ position: absolute; right: -5px; top: 0; line-height: normal; } .select_xx{ float: right; height: 37px; line-height: 37px; /*width: 220px;*/ margin-top: 9px; margin-left: 15px; } .select_xx select{ padding:0 40px; border:1px solid #ededed; height: 37px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 37px; width: 230px; /*background-image: url("/statics/css/images/sel.png"); background-repeat: no-repeat; background-position: center;*/ } /**************************************************************/ /*footer-over*/ /*简介*/ .banner-2{ height:209px; background-repeat: no-repeat; background-position: center ; } .banner-2 .wp{ height:209px; position: relative; } .erji{ background-image: url("/statics/css/images/erji.jpg"); background-repeat: repeat-y; background-position: center top; border-top:1px solid #ededed; border-bottom:1px solid #ededed; margin:23px 0 5px; } .menu{ text-align: center; width: 236px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 1px; } .erji-con{ width: 870px; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .menu li{ height: 50px; line-height: 50px; border-bottom: 1px solid #ececec; position: relative; } .menu>h1{ font-size: 18px; color:#fff; background-color: #3c81c5; height: 60px; line-height: 60px; } .menu li a{ display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fafafa; font-size: 14px; color:#616161; transition: .3s; } .menu li:hover a{ color:#3c81c5; background-color: #fff; } .menu li.menu-active a{ color:#3c81c5; background-color: #fff; } .erji-title{ height: 60px; line-height: 60px; background-image: url("/statics/css/images/title-1.jpg"); background-repeat: repeat-x; background-position: left bottom; } .erji-title h1{ height: 60px; line-height: 60px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 2px solid #3c81c5; font-size: 18px; color:#393939; } .mianbaoxie{ float: right; font-size: 14px; color:#9a9a9a; text-align: right; } .mianbaoxie span{ color:#3c81c5; } .mianbaoxie img{ vertical-align: middle; margin-top: -3px; margin-right: 10px; } .mianbaoxie a{ transition: .3s; color:#9a9a9a; } .mianbaoxie a:hover{ color:#3c81c5; } .about{ line-height: 2; text-indent: 2em; } .contact{ width: 840px; margin:35px auto 0; } .map img{ display: block; } .contact>h1{ font-size: 24px; font-weight: bold; color:#3c81c5; } .contact>p{ font-size: 15px; line-height: 2.5; color:#6e6e6e; } /*年度报告*/ .baogao-list { margin-top: 15px; padding-bottom: 10px; border-bottom: 1px solid #e8e8e8; } .baogao-list li{ height: 45px; line-height: 45px; padding-left: 29px; padding-right: 20px; background-image: url("/statics/css/images/heidian.jpg"); background-repeat: no-repeat; background-position: 15px center; } .baogao-list li a{ font-size: 14px; color:#4e4e4e; transition: .3s; } .baogao-list li.li-ou{ background-color: #fafafa; } .baogao-list li span{ float: right; color:#a7a7a7; font-size: 14px; } .baogao-list li a:hover{ color:#3c81c5; } /*===é?μ???????====*/ .m-page{text-align: center;padding: 28px 0 ;overflow: hidden;color: #999;} .m-page ul{display: inline-block;overflow: hidden;vertical-align: middle;} .m-page ul li{float: left;margin-right: 8px;} .m-page ul li a{ display: block;line-height: 32px;font-size: 14px;padding: 0 13px;border: 1px solid #999; } .m-page ul li.on a,.m-page ul li a:hover{border-color: #3c81c5;color:#fff;background-color: #3c81c5;} .m-page a,.m-page span{ display:inline-block; height:30px; padding:0 10px; border:1px solid #e9e9e9; text-align:center; line-height:30px; color:#555; font-size:12px;webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;-webkit-transition-property:" background-color,border";-webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; cursor:pointer;} .m-page .prev,.m-page .next{ width:90px} .m-page a:hover,.m-page span{ background:#206dc5; border:1px solid #206dc5; color:#fff} /*校园通知*/ .xiaoyuan-list li{ padding: 35px 0; border-bottom: 1px solid #e8e8e8; } .xiaoyuan-list li:hover .time{ background-color: #fff; } .xiaoyuan-list li:hover .time h1,.xiaoyuan-list li:hover .time h2{ color:#3c81c5; } .time{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 10px; width: 76px; height: 79px; background-color: #3c81c5; text-align: center; border-radius: 3px; } .time h1{font-size: 35px; line-height: 1; color:#fff; font-weight: bold; } .time h2{font-size:14px; color:#fff; margin-top: 3px; } .xiaoyuan-con{ width: 735px; } .xiaoyuan-con h1{ font-size: 16px; color:#4b4b4b; margin-bottom: 5px; } .xiaoyuan-con h1 a{ color:#4b4b4b; transition: .3s; } .xiaoyuan-con h1 a:hover{ color:#3c81c5; } .xiaoyuan-con .xiaoyuan-con-p{ font-size: 14px; color:#969696; line-height: 1.8; } .xiazai{ margin:0 auto; } .xiazai li{ margin-top: 26px; } .xiazai li a{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display: block; width: 394px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 106px; line-height: 106px; border:1px solid #dcdcdc; padding-left: 60px; font-size:16px; color:#666; background-repeat: no-repeat; background-position: 22px center; background-image: url("/statics/css/images/xia.png"); transition: .3s; } .xiazai li a:hover{ background-image: url("/statics/css/images/xia-h.png"); background-color: #3c81c5; border-color: #3c81c5; color:#fff; } /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ /**************************************/ /******[文章详情页公用-start]**********/ /**************************************/ body,div,p,span,ul,li,h1,h2,h3,h4,a,input,textarea{ margin:0; padding: 0; } input,textarea{ outline: none; font-family: "微软雅黑"; } ul li{ list-style-type: none; } h1,h2,h3{ font-weight: normal; } div.clear{ clear: both; height: 0; width: 0; } a{ text-decoration: none; color:#8a8989; cursor: pointer; } img{ border:0; } /**************************************/ /******[文章详情页公用-over]**********/ /**************************************/ /*********article-start****************/ div.article{ width: 1170px; padding: 0 15px; margin:80px auto; } div.article>h1{ text-align: center; font-size: 26px; color:#0064ac; } div.article-tishi{ text-align: center; margin:25px auto 20px; } #fenxiang-anniu{ display: inline-block; vertical-align: top; } div.article-con{ padding: 40px 0 120px; position: relative; border-top: 1px dashed #c9c7c7; border-bottom: 1px dashed #c9c7c7; line-height: 2.2; text-indent: 2em; } div.article-con>img{ display: block; margin:20px auto; max-width: 100%; } div.article-con>p{ text-indent: 2em; } div.article-con>h1{ font-size: 14px; text-align: center; margin:10px 0; } div.article-con>a{ position: absolute; right: 8px; bottom: 50px; width: 102px; height: 31px; line-height: 31px; text-align: center; color:#fff; background-color: #f37728; border-radius: 3px; } div.article-page{ height: 87px; line-height: 87px; padding-bottom: 20px; } div.article-page a{ width:50%; white-space: nowrap; display: block; text-overflow: ellipsis; overflow: hidden;} div.article-page>a:hover{ color:#0064ac; } a.article-page-pre{ float: left; } a.article-page-next{ float: right; } /*********响应式设置-start****************/ @media only screen and (max-width: 1200px){ div.article{ width: 90%; margin: 8% auto; padding-left:0; padding-right: 0; } } @media only screen and (max-width: 800px){ div.article-page{ height: auto; line-height: normal; } a.article-page-pre{ float: none; display: block; margin:10px 0; } a.article-page-next{ float: none; display: block; margin:10px 0; } div.article>h1 {font-size: 18px;} div.article-con{ padding: 20px 0 100px; } } /*********响应式设置-over****************/ /*********article-start****************/ .reduce{ margin:0 0.15rem; } .add{ margin-left: 0.15rem; } /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ .tupian-list li{ float: left; width: 204px; margin:30px 38px 0; text-align: center; } .tupian-list li h1{ font-size: 14px; color: #414141; margin-top: 10px; } .tupian-list li:hover h1{ color: #3c81c5; } .tupian-pic img{ display: block; width: 100%; } /**************************************/ /********[css样式修改区域,需注明日期、作者]**********/ /**************************************/ /*日期:2016-01-01; 修改者:L。*/ /*日期:2016-01-01; 修改结尾!*/ .table-1{ width: 100%; text-align: center; font-size: 16px; border-collapse: collapse; margin:30px 0; } .table-1 tr{ height: 70px; } .table-1 tr.downla-2{ text-align: left; display: none; } .table-1 tr.downla-2 td{ padding: 35px 0; line-height: 1.5; padding-left: 25px; } .table-1 tr.downla-top:hover td{ background-color: #f6f9fb; } .table-1 th{ color:#3c81c5;; background-color: #f6f9fb; border-bottom: 1px solid #ab7a28; } .table-1 td{ border-bottom: 1px solid #e7e7e7; } .pl{ text-align: left; padding-left:25px; } .downla-top{ cursor: pointer; } #dl-menu{ display:none} .conent{width:300px;height:100px;position:fixed;top:20px; z-index:99999} .conent .sition{width:300px;height:100px;position:relative;} .conent .sition .c_header{width:300px;text-align:center;cursor:move;} .conent .sition .c_header .txt{color:#00CC00;font-weight:600;font-size:15px;line-height:30px;box-shadow:1px 1px 1px 1px #000;text-shadow:1px 1px 1px #000;} .conent .sition .c_adver{width:300px;height:100px;background:url("/statics/css/images/p.png") no-repeat;cursor:pointer;} @media only screen and (max-width: 767px){ #header .header-1,#header .search, .side-bar{ display:none} body{ min-width:300px} div.wp{ width:96%} .header-2 .wp{ width:100%} .search{ width:100%} .logo{ float:left} .logo a{ display:block; text-align:center; padding:10px 0px} .logo img{ width:280px} .nav{ display:none} .fafa .flex-control-nav{ bottom:0px} .main-1-pic{ width:100%; float:none !important; margin-bottom:20px} .kuai{ width:100%; float:none; margin-bottom:20px} .jishu,.yaowen{ margin-left:0px} .footer-1 h1{ position:static} .rong{ overflow:hidden} .tongzhi .list{ width:100%} .flexslider .slides img{ height:auto} .flexslider.fmfm .slides img{ height:200px} .search{ margin-top:23px} .footer-1{ height:auto; padding-bottom:15px} .select_xx{ float:left; margin-left:0px; width:48%} .select_xx select{ width:100%; box-sizing:border-box; padding:0px} .select_xx:nth-child(2n+2){ float:right} .menu,.erji-con{ width:100%} .erji-con{ padding:0px} .mianbaoxie{ width:auto} .baogao-list li a{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block} .baogao-list li{ padding:0px 70px 0px 12px; background-position: 0px center; position:relative} .baogao-list li span{ position:absolute; right:0px; top:0px} .tupian-list li{ width:48%; margin:20px 0px 0px 0px} .tupian-list li:nth-child(2n+2){ float:right} .m-page ul li{ margin-bottom:10px} .m-page span{ display:block} .xiaoyuan-list li{ position:relative; min-height:79px; padding:20px 0px 20px 90px} .xiaoyuan-list li .time{ position:absolute; left:0px; top:20px} .xiaoyuan-con{ width:auto; text-align:left; float:none !important} #dl-menu{ display:block} .kuai .list li{ position:relative; padding-right:70px} .kuai .list li a{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block} .kuai .list li span{ position:absolute; right:12px; top:0px} .tongzhi ul{ padding-left:10px} .erji-title{ height:auto; line-height:inherit} .erji-title h1{ float:none} .mianbaoxie{ text-align:left; line-height:20px; padding:10px 0px; float:none} .tupian-list li h1{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .dl-menuwrapper{ top:50px} .dl-menuwrapper button{ width:35px; height:35px} } .emptycontent{ padding:20px; text-align:center; color:#999;} /**************************************/ /********[css样式修改区域,需注明日期、作者]**********/ /**************************************/