html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
body{
font-size: 1rem;
height: 100%;
background: #eee;
font-family:"Microsoft YaHei UI";
position: relative;
}
.aEllipsis{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.aTwoLines{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
width: 100%;
min-width: 1200px;
height: 0px;
line-height: 3px;
/*background-color: #eee;*/
background-color:#0054a3;
font-size: 1.5rem;
}
footer {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #fff;
width: 100%;
height: 100px;
background-color: rgba(0, 0, 0, .8);
}
footer p {
margin: 5px 0;
}
footer a {
color: #fff;
margin: 5px 0;
}
.header-ul{
width: 1200px;
margin: 0 auto;
}
.header-login{
/*margin-left: 527px;*/
float: right;
}
.header-a{
border-right: 2px solid #969696;
color: #999;
padding-right: 10px;
line-height: 25px;
cursor: pointer;
}
.visit-num{
border-right: 0px;
}
.open-time{
background: url(../img/openLib.png) left center no-repeat;
background-size: 20px 19px;
}
.visit-num{
background: url(../img/visit.png) left center no-repeat;
background-size: 20px 19px;
}
.fault{
background: url(../img/fault-mail.png) left center no-repeat;
background-size: 25px 19px;
padding-left: 6px;
}
.vpn {
display: inline-block;
width: 60px;
height: 19px;
vertical-align: middle;
background-image: url(../img/VPN.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 55px 19px;
border-right: none;
}
.vpn:hover{
background-image: url(../img/VPNshadow.png);
}
.vpn .header-nav{
margin-left: 50px;
}
.vpnInfo
{
/* font-size: 17px; */
}
.vpnInfo:hover{
text-shadow: 2px 2px 2px #969696;
}
.header-b{
color: #999;
float: right;
line-height: 25px;
margin-top: 7.5px;
background: url(../img/login.png) left center no-repeat;
background-size: 20px 19px;
cursor: pointer;
}
.header-a:last-child{
border: none;
}
.logout{
padding-left: 10px;
}
.header-nav{
margin-left: 25px;
}
.logo_content{
width: 1200px;
height: 176px;
margin: 0 auto;
overflow: hidden;
position: relative;
background-color: white;
}
.logo_content2{
width: 600px;
height: 176px;
margin: 0 auto;
overflow: hidden;
position: relative;
background-color: white;
}
.logo{
width: 1200px;
margin-top: 2px;
display:inline-block
}
.order_nav{
/*width: 300px;*/
height: 40px;
position: absolute;
right: 20px;
bottom: 40px;
}
.order_nav ul{
list-style: none;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.order_nav ul li{
float: left;
height: 40px;
line-height: 40px;
width: 150px;
font-size: 18px;
text-align: center;
display: block;
cursor: pointer;
box-sizing: border-box !important;
border-left:1px solid #999;
}
.order_nav ul li:first-child{
border-left: none;
}
.ovder_navYQ{
text-align: left !important;
padding-left: 20px;
line-height: 25px !important;
width: 210px !important;
padding-top: 5px;
}
.ovder_navYQ img{
border:none;
display: inline-block;
width: 20px;
float: left;
margin: 5px 5px 0px 0px;
}
.ovder_navYQ div{
float: left;
margin-top: 2px;
}
.search_content{
width: 100%;
margin: 0 auto;
height: 350px;
position: relative;
text-align: center;
min-width: 1200px;
background: url('../img/logo.png') no-repeat;
background-size: 100% 100%;
}
.search_line{
height: 3px;
width: 100%;
min-width: 1200px;
background-color: #0054a3;
}
.search_content .search_field{
position: relative;
width: 900px;
height: 150px;
margin: 85px auto 0;
background: rgba(255,255,255,0.8);
}
.search_field .search_condition{
position: absolute;
width: 800px;
left: 55px;
top: 12px;
height: 30px;
}
.search_condition .search_type{
width: 800px;
height: 30px;
position: relative;
float: left;
list-style: none;
color: #0054a3;
margin-left: 40px;
}
.no_check,.gcsm{
/* width: 100px; */
color: #0054a3;
float: left;
font-size: 17px;
/* line-height: 30px; */
text-align: center;
cursor: pointer;
padding: 5px 12px;
margin: 0px 5px;
}
.curr{
background-color: #0054a3;
color: #fff;
border-radius: 15px 1px;
}
.search_field .keyword {
margin: 55px auto 0 70px;
position: absolute;
width: 800px;
height: 120px;
left: 0px;
}
.search_field .search_input{
width: 500px;
height: 40px;
margin-top: 10px;
float: left;
margin-left: 30px;
font-size: 16px;
border-style: none;
font-family: "Microsoft YaHei UI";
text-indent: 5px;
padding-left: 1%;
border:1px solid #0054a3;
}
.search_field .search_btn {
/* width: 155px;
height: 42px;
line-height: 35px;
color: #fff;
border: none;
font-size: 18px;
background: #0054a3;
margin: 10px 0;
display: block; */
width: 155px;
height: 42px;
margin-top: 10px;
float: left;
margin-left: 20px;
font-size: 18px;
border-style: none;
/* text-indent: 18px; */
padding-left: 1%;
background: #0054a3;
border:1px solid #fff;
line-height: 35px;
color: #fff;
}
.search_add{
position: absolute;
bottom: 20px;
left: 50px;
width: 800px;
color: #6d6d6d;
font-size: 16px;
}
.duokuSearch{
font-size: 13px;
width: 100%;
text-align: center;
color: #0054a3;
}
.hide{
display: none;
}
select{
font-family:"Microsoft YaHei UI";
}
.search_sel{
width: 100px;
color: #6d6d6d;
}
.navigation {
width: 100%;
min-width: 1200px;
height: 70px;
position: relative;
overflow: visible;
z-index: 900;
border-bottom: 2px solid #dadbda;
}
.navigation .nav_btns {
width: 1200px;
position: relative;
margin: 0 auto;
}
.nav_btns li{
width: 25%;
float: left;
min-height: 60px;
cursor: pointer;
margin-top: -5px;
padding-top: 12px;
}
.nav_btns li div {
display: inline-block;
font-size: 18px;
color: #0054a3;
text-align: left;
font-weight: bold;
float: left;
}
}
.nav_btns li span.chn {
top: 22px;
left: 60px;
}
.nav_btns li.curr_tab{
/*background: #0054a3;*/
border-bottom: 2px solid #0054a3;
}
.nav_btns li span.enn {
top: 40px;
left: 35px;
}
.nav_btns .selecton {
position: absolute;
width: 22px;
height: 12px;
top: 64px;
}
.nav_content_div {
display: block;
width: 100%;
/* height: 530px; */
background: #eee;
position: relative;
}
.nav_content_div .nav_content {
width: 1200px;
position: relative;
margin: 0 auto;
/* height: 500px; */
/*padding-top: 30px;*/
}
.nav_content_left {
width: 1200px;
height: 440px;
position: relative;
float: left;
margin-bottom: 25px;
/* margin-top: 50px; */
}
.cysjk_span {
font-size: 18px;
vertical-align: top;
line-height: 18px;
margin-left: 10px;
color: #000;
font-weight: bold;
}
.nav_left_content {
margin-top: 10px;
min-height: 320px;
width: 100%;
background-color: #eee;
position: relative;
overflow: hidden;
}
.nav_left_content .nlc_left {
width: 30%;
min-height: 290px;
position: relative;
box-sizing: border-box;
float: left;
background-color: white;
margin-bottom: 15px;
}
.nav_left_content .nlc_left:nth-child(2){
margin: 0 3%;
}
.fk, .fk_span {
display: block;
float: left;
}
.fk {
margin: 19px 0 0 20px;
}
.cysjk {
margin: 10px 0 0 10px;
}
.fk_span {
font-size: 18px;
vertical-align: top;
line-height: 50px;
margin-left: 10px;
color: #000;
}
.more {
float: right;
margin-top: 18px;
margin-right: 10px;
}
.nlc_list {
width: 100%;
min-height: 230px;
float: left;
overflow: hidden;
padding-bottom: 15px;
}
.nlc_list1 {
width: 200px;
height: 300px;
float: left;
overflow: hidden;
}
.sy_db{
width:100%;
}
.vote{
float: right;
width: 130px;
height: 300px;
}
.vote li{
width: 100%;
height: 38px;
line-height: 38px;
font-size: 11px;
}
.vote-agree{
color: #0054a3;
margin-right: 9px;
margin-left: 1px;
font-size: 13px;
}
.vote-dis{
color: black;
margin-left: 1px;
margin-right: 1px;
font-size: 13px;
}
.nlc_list li ,.nlc_list1 li{
min-height: 38px;
float: left;
width: 100%;
text-align: left;
line-height: 38px;
font-size: 15px;
text-indent: 20px;
overflow: hidden;
position: relative;
}
.nlc_list li a,.nlc_list1 li a {
color: #545454;
}
.nav_left_content .nlc_right {
width: 293px;
height: 380px;
position: relative;
float: left;
}
.buttom_content_div {
clear: both;
width: 100%;
height: 560px;
background-color: #fff;
position: relative;
}
.buttom_content {
width: 1200px;
margin: 0 auto;
position: relative;
min-height: 560px;
/*background-color: #fff;*/
padding-top: 20px;
}
.activity,.zydt{
width: 28.33%;
height: 625px;
position: relative;
float: left;
margin-left: 50px;
/*border-bottom: 2px solid #0054a3;*/
}
.activity_icon {
margin: 12px 0 0 20px;
display: block;
float: left;
}
.activity_list,.zydt_list,.zygg_list{
width: 100%;
height: 510px;
position: relative;
margin-top: 72px;
}
.activity_list li {
width: 100%;
height: 73px;
margin-top: 2px;
float: left;
position: relative;
}
.activit_head {
width: 25%;
height: 72px;
float: left;
position: relative;
background-color: #0054a3;
}
.activit_head span {
display: block;
width: 100%;
height: 13px;
color: #fff;
font-size: 13px;
line-height: 13px;
margin-top: 8px;
text-align: center;
overflow: hidden;
}
.activity_con {
width: 75%;
height: 72px;
float: left;
overflow: hidden;
background-color: #eee;
}
.ac_title {
width: 90%;
/*line-height: 16px;*/
/*font-weight: bold;*/
float: left;
display: block;
margin-top: 10px;
margin-left: 13px;
color: #000;
font-size: 15px;
height: 20px;
}
.ac_title img{
margin-right: 5px;
width: 10px;
height: 10px;
}
.ac_jj {
width: 90%;
line-height: 16px;
font-weight: bold;
float: left;
/*display: block;*/
margin-top: 5px;
margin-left: 13px;
/*overflow: hidden;*/
height: 32px;
}
.zydt_list li {
width: 100%;
height: 73px;
margin-top: 2px;
float: left;
position: relative;
/* width: 100%;
height: 50px;
float: left;
position: relative;
background-color: #eee;
border-bottom: 1px solid #999; */
}
.zl_title {
width: 74.3%;
margin-left: 20px;
line-height: 50px;
font-size: 14px;
height: 50px;
display: block;
float: left;
overflow: hidden;
color: black;
}
.zl_time {
width: 17.9%;
margin-right: 10px;
line-height: 50px;
font-size: 10px;
height: 50px;
display: block;
float: left;
text-align: right;
overflow: hidden;
}
.email_div {
width: 100%;
height: 100px;
position: relative;
min-width: 1200px;
background-color: #323232;
}
.email {
width: 1200px;
height: 100px;
margin: 0 auto;
position: relative;
}
.email .school_main {
background: url(../img/schoolmain.png) left center no-repeat;
}
.email .gz_email {
background: url(../img/gzemail.png) left center no-repeat;
}
.email .gz_mag {
background: url(../img/config.png) left center no-repeat;
}
.email a {
display: block;
margin: 40px 0 0 50px;
float: left;
text-indent: 50px;
font-size: 1.6rem;
color: #545454;
height: 24px;
}
.email a:HOVER {
color: #E8E8E8;
}
.buttom {
height: 50px;
background: #0a0a0a;
min-width: 1200px;
width: 100%;
position: absolute;
text-align: center;
line-height:50px
}
.buttom img{
width: 100%;
}
.gjhj{
font-size: 2rem;
color: black;
}
.gjhj_nav{
float: right;
font-size: 1.3rem;
}
.gjhj_border{
border-bottom: 3px solid #0054a3;
}
.gjhj_detaile{
/*padding: 40px 10px;
font-size: 16px;
color: black;
text-indent: 2em;*/
}
.kjcx_list{
list-style: disc;
width: 100%;
padding-left: 20px;
}
.kjcx_list li{
list-style: disc;
margin-bottom: 10px;
color: black;
font-size: 16px;
}
.kjcx_list li:last-child{
margin-bottom: 0px;
}
.kjcx_list_time{
float: right;
margin-right: 20px;
}
.nav_content_div{
display: none;
}
.body-modo {
display: none;
position: absolute;
width: 100%;
height: 100%;
min-width: 1200px;
background: #7f7f7f;
top: 0px;
left: 0px;
z-index: 1001;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
.longd {
display: none;
position: fixed;
margin: auto;
top: 150px;
left: 0px;
right: 0px;
z-index: 1002;
background: transparent;
width: 630px;
}
.login-bar{
height: 40px;
background-color: #0054a3;
}
.logbody {
background: white;
overflow: hidden;
border-radius: 10px;
}
.login-hide,.frame-hide{
position: absolute;
top: 0;
right: 0px;
text-align: center;
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 20px;
background: #0054a3;
cursor: pointer;
color: white;
border-radius: 40px;
transition:ease-out 0.5s;
}
.frame-hide{
background: #0054a3;
}
.login-hide:hover,.frame-hide:hover{
transform:rotate(360deg)
}
.logbody .login-box {
width: 585px;
height: 325px;
margin: 0 auto;
padding: 60px 20px 0;
position: relative;
}
.logbody .login-box .failmessage {
position: absolute;
line-height: 40px;
text-align: center;
color: red;
font-size: 16px;
top: 20px;
width: 585px;
}
.logbody .login-box li.odd, .logbody .login-box li .password {
background: #f7f7f7;
}
.logbody .login-box li {
display: block;
height: 50px;
border-top: 2px solid #fff;
padding-left: 150px;
position: relative;
font-size: 22px;
}
.logbody .login-box li.mid-li, .logbody .login-box li .username {
background: #f0f0f0;
}
.logbody .login-box button {
display: block;
width: 300px;
height: 50px;
border: none;
border-radius:50px;
background-color: #f0f0f0;
cursor: pointer;
margin: 10px auto;
font-size: 22px;
}
.logbody .login-box button:hover{
background-color: #0054a3;
}
.logbody .login-box li span {
display: block;
color: #c5c5c5;
line-height: 50px;
}
.logbody .login-box li i {
display: inline-block;
width: 25px;
height: 25px;
position: absolute;
top: 12px;
left: 75px;
}
.logbody .login-box li input {
line-height: 50px;
width: 420px;
border: none;
font-size: 22px;
height: 50px;
}
.logbody .login-box li .username + i {
background: url(../img/username.png);
}
.logbody .login-box li .password + i {
background: url(../img/password.png);
}
.logbody .login-box li.val-li{
padding-left: 160px;
border-width: 25px;
}
.logbody .login-box li.val-li i{
width: auto;
color: #c5c5c5;
font-style: normal;
left: 55px;
}
.logbody .login-box li.val-li input {
width: 165px;
border: 1px solid #c8c8c8;
line-height: 35px;
height: 35px;
font-size: 18px;
margin-top: 7px;
text-align: center;
}
.logbody .login-box li.val-li img {
width: 180px;
height:48px;
display: inline-block;
border: 1px solid #c8c8c8;
position: absolute;
right: 70px;
cursor: pointer;
top: -6px;
margin-top: 0px;
}
.searchUp{
width: 1200px;
/* position: relative; */
margin: 0 auto;
height: 100%;
padding-top: 12px;
}
.upToDate{
width: 100%;
height: 70px;
min-width: 1200px;
background: white;
}
.upto{
width: 345px;
height: 30px;
vertical-align: bottom;
margin:5px;
font-size: 14px;
font-family:"Microsoft YaHei UI";
text-indent: 5px;
}
.gjssadd{
display: inline-block;
width: 300px;
margin-left: 50px;
}
.nav_btns li img {
width: 30px;
height: 30px;
float: left;
margin-top: 10px;
margin-right: 2%;
margin-left: 35%;
}
/*.curr_tab:after{
content: "";
position: absolute;
left: 50%;
bottom: -16px;
height: 0;
width: 0;
margin-left: -16px;
border-color: #0054a3 transparent transparent;
border-style: solid solid none;
border-width: 16px 16px 0;
}*/
.frame{
position: fixed;
width: 220px;
height: 240px;
left: 10px;
top: 10px;
background: #eee;
z-index: 1000;
border-radius: 10px;
}
.frame_title{
width: 100%;
height: 40px;
background: #0054a3;
color: white;
font-size: 20px;
line-height: 40px;
text-align: center;
border-radius: 10px 10px 0 0;
}
.frame_text,.frame_tip{
text-align: left;
font-size: 18px;
padding: 10px;
line-height: 25px;
}
.frame_bottom{
padding: 10px;
font-size: 13px;
}
.operation li a{
float: left;
width: 80%;
}
.operation li button{
background-color: transparent;
border: none;
float: right;
/*width: 14%;*/
margin-right: 2%;
line-height: 38px;
color: #0054a3;
font-size: 13px;
cursor: pointer; /*position: relative;*/
}
.operation1A{
width: 80%;
display: inline-block;
float: left;
}
.shuoM{
background-color: transparent;
border: none;
float: right;
width: 10%;
margin-right: 2%;
line-height: 38px;
color: #0054a3;
font-size: 13px;
}
.evaluate{
float: right;
}
.titleImg{
margin-top: -7px;
margin-left: 10px;
}
.kjcxDiv{
background-color:#ffffff;
padding: 10px 30px;
margin-bottom:20px;
/*border-radius: 10px;*/
box-shadow: 0px 5px 15px 1px #b9b9b9;
}
.kjcxDiv span,.kjcxDiv a{
color: #333 ;
font-size: 14px !important;
line-height: 15px;
}
.utdFont{
font-family: 'Courier';
font-size: 20px;
vertical-align: middle;
font-weight:bold;
}
.utdImg{
width: 15%;
vertical-align: middle;
}
/* 说明的div*/
.explainDiv{
position: relative;
display: none;
}
.explainDiv div:last-child{
line-height: 16px;
font-size: 12px;
text-indent: 0px;
width: 86%;
float: right;
margin-right: 3%;
padding: 2px;
border-radius: 5px;
color: #0054a3;
font-style:italic;
}
.explainA{
font-size: 13px;
color: #0054a3 !important;
width: 13% !important;
cursor:pointer;
}
/*清除浮动*/
.clearDiv{
clear:both;
}
/*向下的三角形*/
.triangle_border_down{
width: 0;
height: 0;
border-width: 5px 5px 0;
border-style: solid;
border-color: #0054a3 transparent transparent;
position: absolute;
right: 1px;
top: 17px;
display: none;
}
/*向右的三角形*/
.triangle_border_right{
width: 0;
height: 0px;
border-style: solid;
border-width: 5px 5px 5px;
border-color: transparent transparent transparent #0054a3;
position: absolute;
right: 1px;
top: 14px;
}
/*科技查新页面*/
.main{
padding-bottom: 90px;
}
.banner {
position: relative;
width: auto;
height: 300px;
margin: 0 auto;
max-width: 1920px;
/* text-align: center; */
min-width: 1200px;
}
.focus {
width: 100%;
height: 300px;
overflow: hidden;
position: absolute;
margin-top: 0px;
border-bottom: 3px solid #0054a3;
}
.focus img{
width: 100%;
height: 100%;
}
.content {
width: 1200px;
margin: 40px auto 0;
min-height: 100%;
}
.content .dh {
width: 1200px;
height: 20px;
margin: 0 auto;
position: relative;
margin-bottom: 10px;
}
.content span {
/*font-size: 18px;*/
font-size: 15px;
}
.dh a {
color: #646464;
}
.news-content {
width: 1200px;
position: relative;
margin: 0 auto;
background-color: #fff;
}
.newsheader {
height: 100px;
width: 1200px;
position: relative;
background-color: #fff;
}
.newsheader .newstitle {
text-align: center;
margin-left: 0px;
width: 100%;
color: #0054a3;
/*height: 40px;*/
font-size: 3rem;
padding: 20px 0px;
}
.newsheader .newsinfo {
background: #ebf4ff;
margin-left: 0px;
text-align: center;
width: 100%;
line-height: 40px;
height: 40px;
font-size: 13px;
}
.newscontent {
margin: 30px;
background-color: #fff;
/* position: relative; */
/* font-size: 16px; */
line-height: 1.6;
width: 1140px;
height: auto;
padding-bottom: 30px;
}
/*头部tab部分详情的*/
.introduceH{
font-size: 18px;
text-align: center;
color: #000000;
font-weight: bold;
margin-bottom: 10px;
}
.introduceDiv{
color: #333;
font-size: 14px !important;
line-height: 35px;
}
.introduceDiv p:first-child{
text-indent:2em;
}
/*赞成反对的div*/
.voteDiv{
float: right;
width: 30%;
text-align: right;
}
.voteDiv a {
cursor:pointer;
}
.voteDiv a img{
width:17px;
height: 17px;
float: left;
margin-top: 8px;
}
.voteDiv a div{
float: left;
font-size: 12px;
text-indent: 1px;
/*margin-top: -10px;*/
margin-right: 10%;
}
.voteDiv button{
border: none;
font-size: 13px;
color: #05a04f;
margin-right: 12%;
}
/*向上的箭头*/
.topTriangle {/*定义一个*/
width: 0;
height: 0;
border-width: 15px;
border-style: solid;
border-color: transparent transparent #0054a3 transparent;
margin-top: 35px;
margin-left: -20%;
}
.UpToDate{
width: 75%;
margin-left: -38px;
}
.tabInfoUl li{
width: 50%;
float: left;
}