/**************************************/ /*************[公用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: 14px; /*主要内容区字号大小,每次制作前更新!!! */ color:#333; background-color: #fff; min-width: 1000px; /*主要内容区最小尺寸大小,每次制作前更新!!! */ overflow-y:scroll;} 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;} a{ text-decoration: none; color:#333; cursor: pointer;} img{ border:0; /* width: 100%;*/ max-width: 100%;} div.wp{ width: 1000px; /*主要内容区尺寸大小,每次制作前更新!!! */ margin:0 auto;} .fl{ float: left;} .fr{ float: right;} .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; 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-top{ height: 129px; background-image: url(../images/header-top.jpg); background-repeat: no-repeat; background-position: center ;} .logo{ margin-top: 23px;} .search{ width: 197px;} .zhuye{ text-align: right; margin-top: 30px; margin-right: 17px;} .zhuye img{ vertical-align: middle; margin-top: -3px; margin-right: 5px;} .zhuye a{ font-size: 13px; color:#fff;} .input{ margin-top: 15px; margin-right: 5px; width: 192px; height: 29px; background: url(../images/baidai.jpg) no-repeat center; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px;} .input input[type="image"]{ position: absolute; right: 15px; top: 6px;} .input input[type="text"]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 25px; line-height: 25px; vertical-align: middle; margin-top: 2px; width: 140px; border:0; font-size: 12px; color:#0c89cb;} .nav{ background-image: url(../images/nav.jpg); background-repeat: repeat-x; background-position: left center; height: 42px; line-height: 42px;} .nav-ul{text-align:center;} .nav ul.nav-ul>li{ display:inline-block; text-align: center; width: 106px; background-image: url(../images/nav-li.jpg); background-repeat: no-repeat; background-position: left center;} .nav ul.nav-ul>li:first-child{ background-image: none;} .nav ul.nav-ul>li>a{ display: block; font-size: 15px; color:#fff; transition: .3s;} .nav ul.nav-ul>li:hover>a{ background-color: #0079bb;} .nav ul.nav-ul>li:hover+li{ background-image: none;} .nav ul.nav-ul>li.nav-active>a{ background-color: #0079bb;} .nav ul.nav-ul>li.nav-active+li{ background-image: none;} .fafa .slides>li{ height: 430px;} /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{} .main-1{ margin-top: 31px; margin-bottom: 31px;} .news{ width: 406px;} .tongzhi{ width: 367px; margin-left: 27px;} .banshi{ width: 176px; margin-top:20px;} .title-1{ background-image: url(../images/title-1.jpg); background-repeat:repeat-x; background-position: left bottom;} .title-1 h1{ float: left; width: 150px; font-size: 16px; padding-bottom: 18px; background-image: url(../images/title-1-h1.jpg); background-repeat: no-repeat; background-position: center bottom;} .more{ font-size: 14px; color:#666;} .more:hover{ color: #0391db; } .title-1 .more{ float: right;} .title-1 h1 span{ display: inline-block; padding-left: 15px; height: 20px; line-height: 20px; font-size: 18px; color:#000; background-image: url(../images/title-1-span.jpg); background-repeat: no-repeat; background-position: left center;} .title-1 h1 i{ font-size: 14px; color:#0391db; text-transform: uppercase; margin-left: 5px;} .news-tuijian{ padding: 28px 0 10px;} .news-pic{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;} .news-pic img{ display: block; width: 100%;} .news-pic h1{ position: absolute; bottom: 0; left: 0; width: 100%; height: 35px; line-height: 35px; text-indent: 2em; background-image: url(../images/heidi.jpg); color:#fff; font-size: 16px;} .news-list { margin-top: 5px;} .news-list li{ height: 34px; line-height: 34px; padding-left: 13px; background-image: url(../images/lanmei.jpg); background-repeat: no-repeat; background-position: left center;} .news-list li span{ float: right; font-size: 14px; color:#666;} .news-list li a{ color:#333; transition: .3s;} .news-list li a:hover{ color:#0391db;} .tongzhi-list{ margin-top: 14px;} .tongzhi-list li{ padding: 10px 0; border-top: 1px solid #e8e8e8;} .tongzhi-list li:last-child{ padding-bottom: 0;} .tongzhi-list li:first-child{ border-top: 0;} .data{ width: 58px; height: 50px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; border:1px solid #0391db; transition: .3s; text-align: center; border-radius:5px;} .data h1{ height: 30px; line-height: 30px; font-size: 24px; color:#333; transition: .3s;} .data p{ height: 18px; line-height:18px; font-size:12px; color:#fff; transition: .3s; background-color: #0391db;} .tongzhi-list li:hover .data{ border-color: #de4854;} .tongzhi-list li:hover .data h1{ color: #de4854;} .tongzhi-list li:hover .data p{ background-color: #de4854; color:#fff;} .tongzhi-con{ width: 289px;} .tongzhi-con h1{ font-size: 14px; color:#333; padding: 5px 0 ;} .tongzhi-con h1 a{ color:#333; transition: .3s;} .tongzhi-con h1 a:hover{ color:#0391db;} .tongzhi-con p{ font-size: 12px; color:#666;} .ban-kuai{ margin-top: 12px;} .ban-kuai:first-child{ margin-top: 0;} .ban-kuai a{ display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #ddd; height: 65px; line-height: 65px; transition: .3s; font-size: 16px; color:#000; padding-left: 67px; background-repeat: no-repeat; background-position: 23px center;} .ban-kuai a:hover{ background-color: #29a1e0; color:#fff; border-color: #29a1e0; } .ban-kuai-1 a{ background-image: url(../images/b-1.jpg); } .ban-kuai-1:hover a{ background-image: url(../images/b-1-h.jpg); } .ban-kuai-2 a{ background-position: 25px center; background-image: url(../images/b-2.jpg); } .ban-kuai-2:hover a{ background-image: url(../images/b-2-h.jpg); } .ban-kuai-3 a{ background-image: url(../images/b-3.jpg); } .ban-kuai-3:hover a{ background-image: url(../images/b-3-h.jpg); } .ban-kuai-4 a{ background-position: 20px center; background-image: url(../images/b-4.jpg); } .ban-kuai-4:hover a{ background-image: url(../images/b-4-h.jpg); } .ban-kuai-5 a{ background-image: url(../images/b-5.jpg); } .ban-kuai-5:hover a{ background-image: url(../images/b-5-h.jpg); } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ height: 127px; background-image: url(../images/footer.jpg); background-repeat: no-repeat; background-position: center ; font-size: 14px; color:#fff; line-height: 2.2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 20px;} #footer .wp{ position: relative;} #footer img.cnzz{ vertical-align: middle; margin-top: -2px;} .fenxiang{ position: absolute; right: 110px; top: 8px;} .fenxiang .erm{position: absolute; right: -110px; top: -8px;} .erm img{ width:80px;height:auto} .wang{ margin-top: 10px; color:#fff;} .wang a{ color:#fff; vertical-align: middle; margin-top: -2px; margin:0 3px;} /**************************************************************/ /*footer-over*/ /*简介*/ .banner-2{ height: 213px; background-repeat: no-repeat; background-position: center ;} .banner-2 .wp{ position: relative;} .title-2{ position:absolute; top:-58px; width: 200px; height: 58px; line-height: 58px; text-align: center; font-size: 22px; color:#fff; font-weight: bold; background-color: #0079bb;} .erji{ background-image: url(../images/erji.jpg); background-repeat: repeat-y; background-position: center top; padding-bottom:20px;} .menu{ width: 200px;} .erji-con{ width: 800px; 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 li i{ position: absolute; right: 0px; top: 0; font-size: 0; opacity: 0; filter:alpha(opacity=0); transition: .3s;} .menu li a{ display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 52px; font-size: 14px; color:#333; transition: .3s;} .menu li:hover a{ color:#fff; background-color: #1796db;} .menu li:hover i{ opacity: 1; filter:alpha(opacity=100);} .menu li.hit a{ color:#fff; background-color: #1796db;} .menu li.hit i{ opacity: 1; filter:alpha(opacity=100);} .erji-title{ height: 50px; line-height: 50px; background-image: url(../images/title-1.jpg); background-repeat: repeat-x; background-position: left bottom;} .erji-title h1{ height: 50px; line-height: 50px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #0079bb; font-size: 18px; color:#0079bb;} .mianbaoxie{ float: right; font-size: 14px; color:#333;} .mianbaoxie img{ vertical-align: middle; margin-top: -3px; margin-right: 10px;} .mianbaoxie a{ transition: .3s; color:#333;} .mianbaoxie a:hover{ color:#0391db;} .about{ line-height: 2; margin-top:20px;} .about table { margin: 0 auto; text-align: center; border: 0.5px solid #BFBFBF; border-collapse: collapse;} .about table tr{height:36px;} .about table tr{height:36px;} .about table tr:nth-child(2n){background:#E6E3E3;} /*年度报告*/ .baogao-list { margin-top: 15px; padding-bottom: 10px; border-bottom: 1px solid #e8e8e8;} .baogao-list ul{ margin-bottom:15px;} .baogao-list li{ height: 45px; line-height: 45px; padding-left: 18px; background-image: url(../images/heidian.jpg); background-repeat: no-repeat; background-position: 6px center; border: 1px solid #F1F1F1; margin-top: 12px; padding-right: 10px;} .baogao-list li a{ font-size: 14px; color:#4e4e4e; transition: .3s;} .baogao-list li span{ float: right;} .baogao-list li span i{ color:#a7a7a7; font-size: 14px;} .baogao-list li span a{ display: none;} .baogao-list li:hover span i{ display: none;} .baogao-list li:hover span a{ display: block;} .baogao-list li a:hover{ color:#0391db;} /*===é¡µç Â Â====*/ .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: #0391db;color:#fff;background-color: #0391db;} /*校园通知*/ .xiaoyuan-list li{ padding: 35px 0; border-bottom: 1px solid #e8e8e8;} .xiaoyuan-list li:hover .time{ background-color: #0391db;} .xiaoyuan-list li:hover .time h1,.xiaoyuan-list li:hover .time h2{ color:#fff;} .time{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 10px; width: 76px; height: 79px; background-color: #f0f0f0; text-align: center; transition: .3s;} .time h1{font-size: 32px; color:#333; transition: .3s;} .time h2{font-size:14px; color:#333; margin-top: 3px; transition: .3s;} .xiaoyuan-con{ width: 666px;} .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:#0391db;} .xiaoyuan-con .xiaoyuan-con-p{ font-size: 14px; color:#444; line-height: 1.8; text-indent: 2em;} /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ .no-bg{ background-image: none; background-color: #fff;} .erji.no-bg .erji-con{ width: 100%;} .ziyuan{ padding-bottom: 30px; border-bottom: 1px solid #e9e9e9; margin-top: 25px;} .ziyuan table{ width: 100%; border:1px solid #e9e9e9; border-collapse: collapse; text-align: center; font-size: 14px; color:#333;} .ziyuan table a{ color:#333; transition: .3s;} .ziyuan table a:hover{ color:#0391db;} .ziyuan table td{ border:1px solid #e9e9e9; height:54px;} .ziyuan table th{ border:1px solid #e9e9e9; height: 54px; background-color: #4097d8; color:#fff;} .ziyuan table tr.tr-ou td{ background-color: #fafafa;} /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ /**************************************/ /********[css样式修改区域,需注明日期、作者]**********/ /**************************************/ /*日期:2016-01-01; 修改者:L。*/ /*日期:2016-01-01; 修改结尾!*/ /**************************************/ /********[css样式修改区域,需注明日期、作者]**********/ /**************************************/ /*日期:2016-01-01; 修改者:L。*/ .nav ul.nav-ul>li{ position: relative;} .nav ul.nav-ul>li:hover .downla{ display: block;} .downla{ position: absolute; left: 0; top: 42px; background-color: #fff; z-index: 100000; padding: 20px; width: 180px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: left; box-sizing: border-box; display: none;} .downla li{ line-height: normal; margin-top: 18px;} .downla li a{ font-size: 14px; color:#525252; transition: .3s;} .downla li a:hover{ color:#0391db;} .downla li:first-child{ margin-top: 0;} .downla-left{ width: 163px;} .downla-right{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 350px; margin-left: 35px; padding-left: 39px; border-left: 1px solid #f2f2f2;} .downla-right h1{ line-height: normal; font-size: 14px; color:#525252; padding-left: 8px; border-left: 5px solid #0391db; margin-bottom: 10px;} .downla-right p{ line-height: 2; text-indent: 2em; color:#8d8d8d;} .downla-right a{ color:#0391db; font-size: 14px; line-height: normal;} /*日期:2016-01-01; 修改结尾!*/ .p_btns a{ line-height: 32px; font-size: 14px; padding: 8px 13px; border: 1px solid #999; margin:0 5px;} .p_btns a:hover,.currentpage{ line-height: 32px; font-size: 14px; padding: 8px 13px; border: 1px solid #999; border-color: #0391db; color: #fff; background-color: #0391db; margin:0 5px;} /**************************************/ /********[css样式修改区域,需注明日期、作者]**********/ /**************************************/ div.article{ padding: 0 15px; margin:20px auto;} div.article-title{ text-align: center; font-size:24px; font-family:微软雅黑;} div.article-tishi{ text-align: center; margin:25px auto 20px;} #fenxiang-anniu{ display: inline-block; vertical-align: top;} div.article-con{ padding: 30px 0 30px; position: relative; border-top: 1px dashed #c9c7c7; border-bottom: 1px dashed #c9c7c7; line-height: 2.2;} .search-li{margin:20px; line-height:30px; font-size:16px;} .search-li a{font-size:19px; line-height:43px;} .pager a{ line-height: 32px; font-size: 14px; padding: 8px 13px; border: 1px solid #999; margin:0 5px;} .pager a:hover,.currentpage{ line-height: 32px; font-size: 14px; padding: 8px 13px; border: 1px solid #999; border-color: #0391db; color: #fff; background-color: #0391db; margin:0 5px;} div.message{ max-width: 700px; margin: 70px auto 50px; min-height: 280px; background-color: #fff; position: relative; border-radius: 3px;} div.message-con{ position: relative;} div.message-shuru{ margin-top: 18px;} div.message-shuru span{ float: left; font-size: 14px; width: 138px; height: 42px; line-height: 42px; text-align: right;} div.message-shuru input{ height: 40px; line-height: 40px; border:0; background-color: #f0f6fc; float: left; border-radius: 5px; padding-left: 10px; font-size: 14px; color:#333; margin-left: 16px; width: 260px; max-width: 260px; border:1px solid #dbe3ea;} div.message-shuru textarea{ height:180px; outline: none; resize: none; border:0; background-color: #f0f6fc; float: left; border-radius: 5px; font-size: 14px; color:#333; margin-left: 16px; width: 490px; max-width: 490px; border:1px solid #dbe3ea; padding: 10px;} div.message-tishi{ position: absolute; text-align: center; width: 100%; line-height: 40px;} div.message-sub{ margin-top: 30px; margin-bottom: 30px; text-align: center;} div.message-sub input{ height: 40px; line-height: 40px; border:0; background-color: #0C89CB; width: 100%; border-radius: 5px; text-align: center; font-size: 16px; color:#fff; cursor:pointer; width: 126px; max-width:126px;} div.message-shuru select{ height: 40px; line-height: 40px; border:0; background-color: #f0f6fc; float: left; border-radius: 5px; padding-left: 10px; font-size: 14px; color:#333; margin-left: 16px; width: 272px; max-width: 272px; border:1px solid #dbe3ea;} .head_login a { width: 40px; height: 20px; margin-left: 4px; background-color: #086DC3; padding: 4px 5px; color: #F7F5F5;} .head_login { float: right; top: -61px; position: relative;}