/**************************************/ /*************[公用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:"Times New Roman","Microsoft Yahei"; font-size: 14px; /*主要内容区字号大小,每次制作前更新!!! */ color:#5a5a5a; background-color: #fff; min-width: 1180px; /*主要内容区最小尺寸大小,每次制作前更新!!! */ overflow-y:auto; /*防止页面高度过低,滚动条加载时突显引起的页面调动。!!! */ line-height: 1.2; } input,textarea,select{ outline: none; font-family:"Arial","Microsoft Yahei"; color:#5a5a5a; 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:#5a5a5a; cursor: pointer; } img{ border:0; /* width: 100%;*/ max-width: 100%; } div.wp{ width: 1180px; /*主要内容区尺寸大小,每次制作前更新!!! */ 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: 147px; } .logo{ margin-top: 12px; } .search{ width:378px; } .zhuye{ text-align: right; margin-top: 30px; } .zhuye img{ vertical-align: middle; margin-top: -3px; margin-right: 4px; } .zhuye a{ display: inline-block; font-size: 14px; color:#313131; padding: 0 11px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/xxx.jpg); } .zhuye a:first-child{ background-image: none; } .input{ float: right; margin-top: 20px; background-color: #fff; width: 295px; height: 40px; border:1px solid #e8e8e8; 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: -1px; top: -1px; } .input input[type="text"]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 38px; line-height: 38px; vertical-align: middle; width: 220px; border:0; font-size: 13px; color:#333; } .nav{ background-color: #0a82d0; height: 42px; } .nav ul.nav-ul>li{ float: left; text-align: center; width: 12.5%; background-image: url(../images/nav-li.jpg); background-repeat: no-repeat; background-position: left center; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding: 0 3px; } .nav ul.nav-ul>li:hover .downla {display: block;} .downla{ display: none; position: absolute; width: 150px; top: 42px; z-index: 500000; left: 3px; background-color: #fff; padding-bottom: 15px; } .downla dd{ height: 35px; line-height: 35px; padding: 0 6px; } .downla dd a{ display: block; font-size: 14px; color:#333; border-top: 1px solid #ececec; } .downla dd a:hover{ color:#015293; } .downla dd:first-child a{ border:0; } /*.nav ul.nav-ul>li:first-child{ width: 5%; background-image: none; }*/ .nav ul.nav-ul>li:first-child a{ letter-spacing:25px; text-indent:25px; } .nav ul.nav-ul>li>a{ display: block; font-size: 18px; color:#fff; /*letter-spacing: 4px;*/ height: 38px; line-height: 38px; margin-top: 4px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .nav ul.nav-ul>li:hover>a{ background-color: #fff; color:#015293; } .nav ul.nav-ul>li:hover+li{ background-image: none; } .nav ul.nav-ul>li.nav-active>a{ background-color: #fff; color:#015293; } .nav ul.nav-ul>li.nav-active+li{ background-image: none; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .main-1-index_1{ margin-top: 21px; margin-bottom:17px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #ededed; height: 461px; } .gonggao{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 274px; height: 100%; margin-right:25px;} .dongtai{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:262px; height: 100%; /*border-left:1px solid #ededed;*/ margin-left: 22px; } .shipin{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 278px; height: 100%; border-left:1px solid #ededed; padding: 0 22px; } .title-1{ background-image: url(../images/title_1.jpg); background-repeat: repeat-x; background-position:left bottom; } .title-1 h1{ float: left; font-size: 18px; color:#343434; padding-bottom: 14px; border-bottom: 2px solid #0a82d0; padding-top: 14px; } .title-1 a{ float: right; font-size: 14px; color:#777; margin-top: 17px; width: 52px; text-align: right; } .title-1 a img{ vertical-align: middle; margin-top: -3px; margin-left: 6px; } .list li{ padding: 14px 0; border-top: 1px dashed #ededed; } .list li:first-child{ border-top: 0; } .data{ float: left; width: 48px; margin-right: 16px; height: 51px; background-color: #dcdcdc; text-align: center; } .data h1{ line-height: 27px; height: 25px; font-size: 14px; color:#5f5f5f; font-weight: bold; } .data p{ width: 42px; margin:0 auto; line-height: 20px; height: 20px; font-size: 14px; color:#3382b4; background-color: #fff; border-radius: 3px; } .gonggao-con{ line-height: 1.8; font-size: 14px; color:#333; } .gonggao-con h1{ font-size: 14px; } .gonggao-con h1 a:hover{ color:#0a82d0; } .gonggao-con h2{ font-size: 12px; color:#404040; } /*.gonggao .list li:hover .gonggao-con{ color:#0372ba; } */ .dongtai-tuijian a{ width: 226px; color:#4a4a4a; line-height: 2; } .dongtai-tuijian a img{ display: block; margin:16px 0 14px; width: 100%; height: 133px; } .dongtai-tuijian a:hover{ color:#0372ba; } .list_2{ margin-top: 10px; } .list_2 li{ padding: 4px 0; padding-left: 16px; background-repeat: no-repeat; background-position: 4px 17px; background-image: url(../images/diandian.jpg); } .list_2 li a{ line-height: 2; } .list_2 li a:hover{ color:#0a82d0; } .list-2 { margin-top: 17px; } .list-2 li{ height: 37px; line-height: 37px; padding-left: 13px; background-position: left center; background-image: url(../images/dian.jpg); background-repeat: no-repeat; } .list-2 li a:hover{ color:#0372ba; } .shipin-img{ margin-top: 16px; } .shipin-list li{ height: 46px; line-height: 46px; } .shipin-list li a{ display: block; background-repeat: no-repeat; background-position: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 76px; font-size: 16px; color:#4d4d4d; margin-top: 14px; } .shipin-list li a.aaa1{ background-image: url(../images/li-1.jpg); } .shipin-list li a.aaa1:hover{ background-image: url(../images/li-1-h.jpg); color:#fff; } .shipin-list li a.aaa2{ background-image: url(../images/li-2.jpg); } .shipin-list li a.aaa2:hover{ background-image: url(../images/li-2-h.jpg); color:#fff; } .shipin-list li a.aaa3{ background-image: url(../images/li-3.jpg); } .shipin-list li a.aaa3:hover{ background-image: url(../images/li-3-h.jpg); color:#fff; } .shipin-list li a.aaa4{ background-image: url(../images/li-4.jpg); } .shipin-list li a.aaa4:hover{ background-image: url(../images/li-4-h.jpg); color:#fff; } /**** **********************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ } .footer-2{ background-color: #0a82d0; 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: #1989d2; 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: left; height: 37px; line-height: 37px; width: 278px; margin-left: 22px; } .select_xx:first-child{ margin-left: 0; } .select_xx select{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 100px; border:1px solid #ededed; height: 37px; width: 100%; line-height: 37px; font-size: 16px; color:#545454; /*background-image: url(../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; } .title-2{ position: absolute; left: 0; bottom: 0; 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; border-top:1px solid #ededed; border-bottom:1px solid #ededed; margin:23px 0 32px; } .menu{ text-align: center; width: 236px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 1px; } .menu.active{ float: none; position: fixed; top: 0; } @media only screen and (max-width: 1180px){ .menu.active{ position: static!important; float: right!important; } } .erji-con{ width: 935px; 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: #0372ba; height: 60px; line-height: 60px; border-bottom: 11px solid #ffffff; } .menu li a{ display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; font-size: 14px; color:#616161; transition: .3s; } .menu li:hover a{ color:#fff; background-color: #2e9ae0; } .menu li.menu-active a{ color:#fff; background-color: #2e9ae0; } .menu dd{ height: 46px; line-height: 46px; background-color:#f9f9f9; text-align: center; color:#454545; font-size: 15px; border-bottom: 1px solid #ececec; } .menu dd a{ display: block; color:#454545;} .erji-title{ height: 60px; line-height: 60px; background-image: url(../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 #0372ba; font-size: 18px; color:#393939; } .mianbaoxie{ float: right; font-size: 14px; color:#9a9a9a; text-align: right; } .mianbaoxie span{ color:#0372ba; } .mianbaoxie img{ vertical-align: middle; margin-top: -3px; margin-right: 10px; } .mianbaoxie a{ transition: .3s; color:#9a9a9a; } .mianbaoxie a:hover{ color:#0372ba; } .about{ line-height: 2; } .about h1{ font-size:1.5em; text-align: center; color: #333333; min-height: 40px; line-height: 40px; display: block; font-size:20px; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; font-family: Times New Roman; } .contact{ width: 882px; margin:35px auto 0; } .map img{ display: block; } .contact>h1{ font-size: 24px; font-weight: bold; color:#0372ba; } .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(../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:#0372ba; } /*===é?μ???????====*/ .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: #0372ba;color:#fff;background-color: #0372ba;} /*校园通知*/ .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:#0372ba; } .time{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 10px; width: 76px; height: 79px; background-color: #0372ba; text-align: center; border-radius: 3px; } .time h1{font-size: 38px; line-height: 1; color:#fff; font-weight: bold; } .time h2{font-size:14px; color:#fff; margin-top: 3px; } .xiaoyuan-con{ width: 786px; } .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:#0372ba; } .xiaoyuan-con .xiaoyuan-con-p{ font-size: 14px; color:#969696; line-height: 1.8; } .xiazai{ width: 895px; margin:0 auto; } .xiazai li{ margin-top: 26px; } .xiazai li a{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display: block; width: 436px; -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(../images/xia.png); transition: .3s; } .xiazai li a:hover{ background-image: url(../images/xia-h.png); background-color: #0372ba; border-color: #0372ba; color:#fff; } /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ /**************************************/ /********[css样式修改区域,需注明日期、作者]**********/ /**************************************/ /*日期:2016-01-01; 修改者:L。*/ /*日期:2016-01-01; 修改结尾!*/ /**************************************/ /********[css样式修改区域,需注明日期、作者]**********/ /**************************************/ .shizi-zhong{ padding:27px 0 20px; border-bottom: 2px solid #f5f5f5;} .shizi-zhong h1{ font-size: 16px; color:#313131; padding-left: 14px; border-left: 3px solid #0372ba; } .shizi-zhong h1 span{ padding-left: 25px; } .shizi-tab{ margin:30px 0 80px; } .shizi-tab table{ width: 100%; border-collapse: collapse; border:1px solid #ededed; text-align: center; font-size: 16px; color:#313131; } .shizi-tab table tr td{ height: 46px; border:1px solid #ededed; } .shizi-tab table tr td a{ color: #0000FF; } .shizi-tab table tr.tr-ou_2 td{ background-color: #f9fafb; } .shizi-tab table tr.tr-ou_2 td a{ color: #0000FF; } .shizi-tab table tr th{ height: 46px; border:1px solid #7dc2ee; background-color: #0a82d0; color:#fff; font-weight: normal; } .shizi-tab table tr.tr-da td{ text-align: left; font-size: 18px; color:#0a82d0; padding-left: 16px; height: 54px; } .shizi-2-pic{ border:8px solid #d4d4d4; margin-right: 46px; } .shizi-2-pic img{ display: block; width: 265px!important; height: 321px!important; } .shizi-2-top{padding:28px 0;border-bottom: 1px solid #ededed; } .shizi-2-top h1{ font-size: 18px; font-weight: bold; color:#0372ba; padding-top: 23px; padding-bottom: 15px; } .shizi-2-top p{ font-size: 16px; color:#474747; line-height: 2.2; } .shizi-2-con{ padding: 15px 0; } .shizi-2-con h1{ font-weight: bold; font-size: 16px; color:#414141; line-height: 2; } .shizi-2-con p{ font-size: 15px; color:#474747; line-height: 2; } .shizi-3-list li{ float: left; width: 50%; margin-top: 38px; } .shizi-3-list>h1{ padding:34px 0 20px; border-bottom: 1px solid #ededed; font-size: 18px; color:#4e4e4e; font-weight: bold; } .shizi-3-con{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 60px; width: 329px; height: 134px; position: relative; background-repeat: no-repeat; background-position: center; background-image: url(../images/shizi-3-con.png); margin-left: 102px; } .shizi-3-con p{ font-size: 16px; color:#4e4e4e; line-height: 2; padding-top: 20px; } .shizi-3-pic{ position: absolute; width: 123px; height: 123px; overflow: hidden; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:7px solid #fff; background-repeat: no-repeat; background-position: center 25%; box-shadow: 0 0 10px #ccc; left: -96px; top: 50%; margin-top: -61px; } .menu>h1{ font-size: 18px; font-weight: bold; color:#fff; background-color: transparent; background-image: url(../images/menu-h1.jpg); background-repeat: no-repeat; background-position: center; height: 60px; line-height: 60px; border-bottom: 11px solid #ffffff; } .xue-list{ background-repeat: repeat-x; background-position: left center; background-image: url(../images/time_1.jpg); position: relative; margin:25px 0; } #xue_left{ position: absolute; left: 0px; width: 23px; height: 46px; top: 50%; margin-top: -23px; cursor: pointer; background-repeat: no-repeat; background-position: center; background-image: url(../images/left.jpg); } #xue_right{ position: absolute; right:0; width: 23px; height: 46px; top: 50%; margin-top: -23px; cursor: pointer; background-repeat: no-repeat; background-position: center; background-image: url(../images/right.jpg); } .xue-list .caroufredsel_wrapper{ margin:0 auto!important; } .xue-list li{ float: left; margin:0 20px; } .xue-list li a{ display: block; width: 63px; height: 63px; line-height: 63px; background-repeat: no-repeat; background-position: center; background-image: url(../images/xue-a.png); font-size: 16px; color:#6a6a6a; text-align: center; } .xue-list li.active a{ background-image: url(../images/xue-a-h.png); color:#0a82d0; font-size: 20px; font-weight: bold; } .xinzeng-con:first-child{ padding-top: 30px; } .xinzeng-con{ padding-bottom: 30px; line-height: 3; } .xinzeng-con h1{ font-size: 18px; font-weight: bold; color:#0a82d0; height: 42px; line-height: 42px; background-color:#fafafa; padding-left: 21px; margin-bottom: 15px; text-align: left; } .xinzeng-con h1 a{ font-size: 18px; font-weight: bold; color:#0a82d0; height: 42px; line-height: 42px; background-color:#fafafa; padding-left: 21px; margin-bottom: 15px; text-align: left; } .xinzeng-con p{ padding-left: 55px; } #vsb_content{ background-color: #fff; padding-top: 10px; font-size: 16px; line-height: 2.5; } #vsb_content p{ font-size:16px; color:#303030; line-height:2.5; } .tea { border-bottom: 1px dotted #ececec; margin-top: 15px; padding-bottom: 15px; } .right_name { color: #333; font-size: 16px; /* background-image: url(../images/dian1.jpg); background-repeat: no-repeat; background-position: 0px 10px;*/ padding-left: 15px; margin-bottom: 10px; font-weight: bold; } .teac { padding-bottom: 5px; padding-top: 5px; } .right_li { font-size: 16px; float: right; width: 895px; } .right_li ul li { float: left; height: 30px; line-height: 30px; margin-right: 10px; padding-left: 5px; padding-right: 5px; } .right_li ul li a { color: #747474; }