/*css reset*/ html,body,div,ul,li,p,h3,h4,h2,a { padding:0; margin:0; box-sizing: border-box; } html,body { width:100%; font-family:"Arial", "Hiragino Sans GB", "Microsoft YaHei","WenQuanYi Micro Hei", sans-serif; background-color: #fdfcf2; color:#232323; } table { border-collapse: collapse; } a { text-decoration:none; color:#000; } img { border:0; } /*--------------头部--------------*/ /*头部*/ .wrap { max-width:1000px; margin:0 auto; box-shadow: 0 0 20px 3px #ccc; overflow-x: hidden; background: #fff; } .mainCenter { width:100%; max-width:1000px; margin:0 auto; } .fl { float: left; } .fr { float:right; } .clearfix { clear:both; } .clearfix:after { content: ''; clear: both; display: block; zoom: 1; } .whiteBg { background: #fff; } .pt15 { padding-top: 15px; } /*头部*/ .header { background:url(../images/header.jpg) repeat-x; min-height: 160px; padding:0 23px; position: relative; } .logo { margin-top: 25px; float:left; position: relative; z-index:101; } .headLink { position: absolute; right: 23px; top:35px; z-index: 101; } .headLink a { display: block; padding:0 7px; height: 16px; color:#fff; float:left; line-height: 16px; font-size: 14px; font-weight: bold; } .search { position: absolute; right: 23px; top:72px; width: 130px; height: 25px; border-bottom: 1px solid #fff; z-index: 101; } .searchInput { width:103px; height: 25px; background: none; border:none; text-indent: 5px; line-height: 25px; outline: none; color:#fff; } .searchBtn { width:27px; height: 25px; background: url(../images/searchBtn.png) no-repeat center top; cursor: pointer; border:none; } .headMap { position: absolute; right: 23px; top:118px; height: 23px; overflow: hidden; z-index: 101; } .headMap a { display: inline-block; width: 76px; height: 24px; line-height: 23px; text-align: right; font-size: 12px; color:#fff; padding-right: 5px; } .headMap a:nth-child(1){ background: url(../images/headlink.png) no-repeat left top; } .headMap a:nth-child(2){ background: url(../images/headlink.png) no-repeat left -23px; } .headMap a:nth-child(3){ background: url(../images/headlink.png) no-repeat left -46px; } /*导航栏*/ .nav { height:160px; position: relative; z-index: 100; padding-top: 100px; margin-left:-15px; } .navbtn { position: absolute; left:15px; top:45px; display: none; border:1px solid #fff; border-radius:4px; padding:3px 5px; height: 30px; z-index: 103; } .navbtn span { display: block; width:30px; height: 5px; margin:2px 0; background: #fff; } .navbtn:hover { background:#639cdc; } .cg-nav { width:100%; } .cg-nav li { list-style: none; line-height: 60px; } .cg-nav>li { float: left; font-size: 14px; padding:0 19px; } .cg-nav a { color:#fff; } .cg-nav ul { background: #034ea1; display: none; min-width:100%; } .cg-nav>li>a { font-size: 16px; font-weight: bold; } .cg-nav ul li { padding:0 10px; white-space: nowrap; line-height: 30px; } .cg-nav li:hover>a,.nav-selected>a { color:#00bfff; } .mobileNav { display: none; margin-top: 10px; } .down { display: none; } .xiaoqing { position: absolute; left:50%; top:35px; margin-left: -50px; z-index: 101; } .headLink .xiaoqinga { display: none; } @media screen and (max-width:1000px){ .mainCenter { padding:0 15px; } .search,.headLink{ right:15px; } .cg-nav>li { padding:0 10px; } } @media screen and (max-width:768px){ .subLogo { margin-top: 15px; } .navbtn { display: block; top:109px; } .xiaoqing { left:66px; top:109px; margin-left: 0; } .nav { display: none; background: #034ea1; height: auto; padding:15px; margin:63px 0 0 -15px; width:100%; float: left; box-sizing: content-box; } .cg-nav ul { background: #1c6ab5; margin-bottom:10px; } .cg-nav>li { float: none; padding:0 15px; line-height: 40px; border-bottom:1px solid #11789a; } .cg-nav li:hover>ul { display: block; } .open span { border-radius: 5px; } .open span:nth-child(2){ display: none; } .open span:nth-child(1){ transform:translateY(7px) rotate(45deg); } .open span:nth-child(3){ transform: rotate(-45deg); } .down { display: block; width: 16px; height: 16px; background: url(../images/down.png) no-repeat; float:right; background-size: 100%; margin-top: 12px; } .cg-nav li:hover .down{ transform: rotate(180deg) } } @media screen and (max-width:640px){ .logo img { width:100%; height: auto; max-width:271px; } .subLogo,.officeLogo { display: none; } } @media screen and (max-width:540px){ .header { min-height: 130px; } .logo { margin: 15px auto; } .navbtn { top: 84px; } .xiaoqing { display: none; } .headLink .xiaoqinga { display:block; } .headLink { top:90px; } .search,.headMap { display: none; } .nav { margin:36px 0 0 -15px; } .mobileNav,.mobileNav .search,.mobileNav .headMap { width: 100%; display: block; position: static; margin-top: 10px; } .mobileNav .search { border:1px solid #fff; border-radius: 4px; height: 27px; } .searchInput { width:90%; float: none; } } /* 首页内容 */ .content { padding:15px 15px 0; } /* 轮播图 */ .picnew { position: relative; } .picnew * { width:100%; height: 100%; } .picnew li{ list-style: none; } .smallPic { height: 10%; position:absolute; left:0; bottom:2%; z-index: 10; } .smallPic ul { text-align: center; } .smallPic li { width:5%; display: inline-block; border:2px solid #fff; margin:0 2px; } /* 新闻通知 */ .newHeading { margin:19px 0; text-align: center; } .newHeading li { list-style: none; display: inline-block; width:100px; height: 100%; border-radius: 3px; text-align: right; background: #a1c056; margin:0 2px; padding:9px 20px; line-height: 20px; color:#fff; } .newHeading li:nth-child(2){ background: #5e5c4d; padding:8px 16px; line-height: 22px } .newHeading li:nth-child(3){ background: #58774e; padding:6px 16px; line-height: 26px } .newHeading li:nth-child(4){ background: #784067; padding:6px 20px; line-height: 26px; } .newHeading li:nth-child(5){ background: #a4564c; padding:9px 16px; line-height: 20px } .newHeading .tabs-selected { opacity: 0.8; } .newContent { padding:0 17px; } .newContent li { width: 33.33%; padding:0 23px; float: left; list-style: none; margin-bottom:25px; height: 306px; } .newContent img { width: 100%; height: 118px; vertical-align: middle; } .newContent .art-heading { line-height: 24px; height: 63px; overflow: hidden; padding-top: 13px; margin-bottom:10px; } .newContent .art-heading a { color:#000; font-size: 16px; font-weight: normal; } .borderTop0 { border-top:2px solid #a1c056; } .borderTop1 { border-top:2px solid #5e5c4d; } .borderTop2 { border-top:2px solid #58774e; } .borderTop3 { border-top:2px solid #784067; } .borderTop4 { border-top:2px solid #a4564c; } .borderTop5 { border-top:2px solid #a1c056; } .newContent .art-summary { font-size: 14px; color:#2f2f2f; line-height: 21px; height: 181px; overflow: hidden; text-indent: 2em; } .hasPicture .art-summary { height: 63px; } .newContent .art-date { line-height: 43px; } .newContent .art-date span { float:left; } .newContent .art-date .more { float:right; display: block; width: 22px; height: 22px; margin-top: 10px; background: url(../images/more.png) no-repeat; } .moreArticle { width: 155px; height: 38px; background: #0690e5; line-height: 38px; text-align: center; margin: 10px auto 32px; border-radius: 3px; } .moreArticle a { color:#fff; } /* 友情链接 */ .friendLink { padding:0 40px; margin-bottom:32px; } .friendLinkMain { border-top:1px solid #ededed; border-bottom:1px solid #ededed; padding:14px 0; text-align: center; } .friendLinkMain a{ display: block; width:16.66%; float: left; padding:0 2px; margin: 2px 0; } .friendLinkMain img { width: 100%; height: auto; vertical-align: middle; } .foot { width:30%; float: left; } .foot img { width: 100%; max-width: 224px; } .aboutUs img{ width: 27px; } .copyright,.aboutUs { line-height: 24px; font-size: 14px; padding-top:8px; } .inSchoolLink { width:35.43%; float: left; margin-left:6.5%; } .outSchoolLink { width:20.86%; float: right; } .inSchoolLink h3,.outSchoolLink h3 { font-size: 14px; padding-bottom:15px; border-bottom:1px solid #6794c7; font-weight: normal; } .outSchoolLink ul,.inSchoolLink ul { padding-top:10px; } .outSchoolLink li,.inSchoolLink li { line-height: 28px; } .outSchoolLink li a,.inSchoolLink li a { color:#fff; width: 100%; } .inSchoolLink li { width: 50%; float: left; } @media screen and (max-width:1000px){ .newContent li { padding:0 10px; } .friendLink { padding:0 27px; } .footer { padding:27px; } } @media screen and (max-width:768px) { .newContent li { width:50%; } .foot { width:100%; margin-bottom:20px; } .inSchoolLink { margin-left: 0; width:60%; } .outSchoolLink { width:30%; } } @media screen and (max-width:640px){ .friendLinkMain a { width: 33.33%; } .foot { width:100%; } .inSchoolLink,.outSchoolLink { margin-left: 0; width:100%; margin-bottom:20px; } .outSchoolLink li { width: 50%; float: left; } } @media screen and (max-width:480px){ .picnew { width:150%; margin-left:-25%; } .newHeading li { margin:0 1px; } .newContent li { width:100%; padding:0; } .friendLinkMain a { width: 50%; } .outSchoolLink li,.inSchoolLink li { width: 100%; float: none; } } /* 底部 */ .footer { background: #024ca1; color:#fff; padding:40px; } .footer a { color: #fff; } @media screen and (max-width:1000px){ .footer { padding:27px; } } /* list */ .list-left { width: 193px; } .list-left li { list-style: none; } .list-right { width:100%; padding-left:209px; } .list-right-content { padding:14px 28px; } .cg-position { padding-bottom:17px; border-bottom:1px solid #efefef; font-size: 14px; color:#a8a8a8; } .cg-position a { color:#a8a8a8; } .cat-title { height: 37px; line-height: 36px; border-bottom:1px solid #286bb4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color:#232323; font-weight: normal; padding-left: 23px; background: url(../images/cat-title.png) no-repeat 10px center; } .cg-catalog { padding:10px 0; } .cg-catalog li { line-height: 34px; padding: 0 15px; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cg-catalog>li { background: url(../images/catalogLi.png) no-repeat right top; border-bottom:1px solid #d4e1f0; } .cg-catalog>li.cat-selected { background: url(../images/catalogLi.png) no-repeat right -34px; } .cg-catalog a { color:#5b5b5b; font-size: 14px; } .cat-selected>a { color:#ff7800; } .second-catalog li { line-height: 28px; padding:0 24px; } .cg-news-list li{ list-style: none; height: 30px; line-height: 30px; color:#232323; } .cg-news-list a{ width:80%; display: block; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#232323; font-size: 14px; } .cg-news-list .art-date { float:right; font-size: 14px; } .cg-page { text-align: center; padding:10px; color:#ccc; font-size: 14px; } .cg-page a{ color:#222; } .cg-content .art-heading,.cg-content .art-summary { text-align: center; } .cg-content .art-heading { font-size: 20px; padding-bottom:10px; } .cg-content .art-summary { color:#a7a3a3; margin-bottom:15px; } .cg-content img { max-width:100%; height: auto !important; } .search_list li{ line-height: 34px; list-style: none; } .search_list a{ color:#232323 } #xwxxk_widget_div #tablecss td { font-size: 14px; } @media screen and (max-width:640px){ .list-left { display: none; } .list-right{ padding:0; } .list-right-content { padding:10px 0; } } @media screen and (max-width:480px){ .cg-news-list a{ width:68%; } } .pull { padding-left:0; } .catalogName { padding:20px; background: #2f77c9; color:#fff; text-align: center; margin-bottom:10px; border-radius: 3px; } .colName { width: 100%; background: #e8f1f7; height: 30px; line-height: 30px; margin-bottom:10px; } .colName a { display: block; height: 100%; background: #3396df; float:left; text-align: center; color:#fff; padding:0 5px; font-size: 16px; font-weight: normal; } .articleName { height: 30px; line-height: 30px; font-size: 14px; border-bottom:1px #68b5ea solid; margin-bottom:10px; } .articleName a { color:#68b5ea; font-weight: normal; } .zypy .cg-news-list { padding:10px; } .zypy .cg-news-list li{ width:33.33%; float:left; } .zypy .cg-news-list li a { width:100%; } @media screen and (max-width:640px){ .zypy .cg-news-list li{ width:50%; } } @media screen and (max-width:480px){ .zypy .cg-news-list li{ width:100%; } } /* 搜索 */ .searchbox { width: 259px; height: 210px; background: url(/template/images/loginbg.jpg) no-repeat; margin: 8px auto; padding-top: 60px; } .searchbox td { font: 14px/26px "宋体"; color: #343957; } .searchbox .lg-text { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #001F4B; color: #343957; height: 24px; line-height: 24px; opacity: 0.7; padding-left: 5px; width: 140px; } .searchbox .btn1 { width: 45px; height: 28px; background: url(../images/btbg.png); border: none; } .searchbox table { margin-left: 10px; } .loginC { background: #FFFFE3; border: 1px dashed #CCCCCC; margin-top: 30px; padding: 8px; } .regcs { margin: 0 auto; } .btn1{ background:url(../images/btn1.gif) no-repeat; border:0; padding:0; color:#fff; cursor:pointer; height:26px; line-height:26px; width:77px; text-align:center; } #hysq input[type="text"],#hysq input[type="password"],#hysq textarea,#hysq select{ width:80%; max-width: 173px; } #hysq #topic{ max-width: 400px; } #hysq input[name="organization"],#hysq textarea { max-width: 300px; } #hysq table { width: 70%; } @media screen and (max-width:640px){ #hysq table { width: 100%; } } /* */ .zd li { list-style: none; width:33.33%; text-align: center; float: left; margin-bottom:10px; padding:0 30px; } .zd li img{ width: 100%; height: auto; } .zd a { color:#232323; } @media screen and (max-width:768px){ .zd li { width:50%; } } @media screen and (max-width:640px){ .zd li { width:33.33%; } } @media screen and (max-width:480px){ .zd li { width:50%; } } /* 培养方案 */ .zjpy_name { height: 59px; line-height: 59px; color: #FFF; font-size: 16px; font-weight: bolder; text-align: center; background: url(/office_old/template/images/zjpy_top.jpg) no-repeat; margin-bottom: 10px; } .zjpy { overflow-x: auto; } .zjpy_02 { color: #FFF; padding: 0px 10px; height: 27px; line-height: 27px; background: #3396df; font-size: 14px; font-weight: bolde; text-decoration: none; display: block; float: left; } .zjpy_03 { width: 866px; background: url(/office_old/template/images/zjpy_03_Bg.gif) repeat-y; padding: 17px; } .ss_list { padding: 10px 0 5px 32px; } .arrange { margin-top: 5px; clear: both; } .inword { background: url(/office_old/template/images/contentbg.jpg) no-repeat left bottom; padding-bottom: 3px; }