@import url("fonts"); /*------样式目录 1.header样式 2.搜索框 3.nav-导航菜单 4.content-内容 -------*/ @media only screen and (min-width: 100px) and (max-width: 1200px){ body{ width: 1200px; } } /*header-样式*/ .header{ position: relative; width: 100%; height:150px; background-color: #002147; z-index: 10; /* background: url(../img/logo-banner.jpg) no-repeat center; background-color: #b42127fa; background-size: 95%;*/ } .header .contain{ width: 1180px; height: auto; margin: 0 auto; } .header .contain .logo{ float: left; width: 380px; height: auto; margin-top: 22px; } .logo img{ display: block; width: 100%; } .header .contain .link_right{ float: right; /*width: 678px;*/ margin-top: 28px; } .link_right .school_links{ margin-top: -20px; float: right; } .link_right .school_links a{ color: #ebc013; font-size: 14px; font-family: "微软雅黑"; } .link_right .school_links span{ color: #ebc013; font-size: 14px; font-family: "微软雅黑"; } .school_links a:hover{ text-decoration: underline; } /*搜索框*/ .link_right .search{ float: right; position: relative; width: 32px !important; height: 32px; background-image: url(../img/search.png); } .link_right .search input{ display: block; position: absolute; top: 0; left: 0; width: 212px; height: 32px; font-size: 14px; color: #333; padding: 0; border-radius: 0; padding-left: 5px; border: solid 1px #bdbcbc; border-right: none; font-family: "微软雅黑"; } .link_right .search button[type="submit"]{ position: absolute; right: 0; top: 0; width: 32px; height: 32px; background-image: url(../img/search.png); background-position: 0 0; background-repeat: no-repeat; border: none; outline: none; } /*搜索框*/ /*nav-导航菜单*/ .nav{ position: relative; /*width: 150%;*/ margin-top: 10px; z-index: 99; } .nav ul.first_menu{ margin-top: 34px; /*overflow: hidden;*/ float: right; } .nav .contain{ width: 100%; margin: 0 auto; } .nav .contain .first_menu{ width: 100%; height: 40px; margin-top: 20px; } .first_menu>li{ float: left; height: 34px; position: relative; -ms-transition: all 0.6s; /* IE 9 */ -webkit-transition: all 0.6s;/* Safari */ transition: all 0.6s;/* 标准语法 */ } .first_menu>li>.menu{ font-family: "Roboto_Condensed_bold"; font-weight: 600; display: block; width: auto; height: 34px; line-height: 34px; padding: 0 0 0 30px; font-size: 16px; /*font-size: 15px \9;*/ color: #fff; text-align: center; } /*.first_menu>li>:hover{ background-color: #12376e; }*/ .active_nav{ color: #2a99fa !important; } .first_menu a:hover{ text-decoration: none; } .sebmenu{ display: none; position: absolute; top: 34px; left: -8px; width: 120%; z-index: 100; -ms-transition: all 0.6s; /* IE 9 */ -webkit-transition: all 0.6s;/* Safari */ transition: all 0.6s;/* 标准语法 */ } .sebmenu li{ width: 100%; height: auto; } .sebmenu li a{ display: block; font-family: Roboto_Condensed; width:100%; padding:7px 0; font-size: 14px; color: #333; text-align: center; background-color: rgba(255,255,255,.7); background-color: rgb(255,255,255) \9; border-bottom: solid 1px rgba(0,0,0,.4); border-bottom: solid 1px #ccc \9; z-index: 100 \9; } .sebmenu li a:hover{ background-color: rgba(47,147,234,.6); background-color: #3f94dd \9; color: #fff; color: #fff \9; } /*nav-导航菜单*/ /*content-内容*/ .contentbox{ width: 100%; height: auto; background: url(../img/con_bg.jpg) no-repeat left bottom; } .content{ width: 1180px; margin: 0 auto; background-color: #fff; } /*content-内容*/ .clearfix{ clear: both; } /*footer-页脚*/ .footer{ width: 100%; height: auto; background-color: #002147; } .footer .contain{ width: 1140px; margin: 0 auto; } .banquan{ float: left; height: 62px; line-height: 62px; font-family: "微软雅黑"; font-size: 16px; color: #fff; } .my-select{ float: right; width: 340px; height: 32px; line-height: 32px; border: none; background-color: #fff; color: #333; margin-top: 16px; } /*状态*/ .active-menu{ color: #fff !important; background-image: url(../img/blue-arrow.jpg) !important; background-color: #135b94 !important; background-position: 222px 18px !important; border-bottom: solid 1px #fff !important; } /*侧边栏*/ .sidebar{ width: 50px; height: 102px; position: fixed; bottom: 4%; right: 2%; z-index: 999; } .sidebar .side{ width: 50px; height: 50px; margin-bottom: 1px; } .side1 a{ background: url(../img/home.png) center center no-repeat; background-size: 32px 32px; } .side3 a{ background: url(../img/back.png) center center no-repeat; background-size: 32px 32px; } .side a{ display: block; width: 50px; height: 50px; background-color: #626262; cursor: pointer; } .side a:hover{ background-color: #c18117 !important; } .pagination>.active>span{ border-radius: 15px !important; padding: 6px 18px; }