*{margin: 0;padding: 0;}
img{width: 100%;height: 100%;}
ul,li{ padding:0;margin:0;list-style:none}
.homePage{
background-color: #dbf2fb;
min-width: 800px;
}
.headerBox{
width: 100%;
height: 470px;
}
.menuListBox{
width: 100%;
background-color: #1561af;
}
.menuList{
width: 65%;
margin: 0 auto;
}
.menuList > ul{
overflow: hidden;
position: relative;
}
.menuList > ul > li{
float: left;
width: 10%;
}
.menuItem{
width: 100%;
text-align: center;
color: #ffffff;
padding: 20px 0;
font-size: 18px;
}
.menuItem > span{
cursor: pointer;
}
.mainContent{
width: 65%;
margin: 20px auto;
background-color: #ffffff;
padding: 20px;
}
.banner{
overflow: hidden;
position: relative;
align-items: center;
justify-content: space-between;
clear: both;
margin-bottom: 20px;
}
.firstBox,.secondBox{
width: 40%;
float: left;
}
#bigBox {
width: 50%;
float: left;
}
.secondBox>div:first-of-type{
padding: 0 20px;
}
.thirdBox{
width: 20%;
float: right;
}
.articleList > ul > li{
cursor: pointer;
}
.pxxxTitle{
overflow: hidden;
position: relative;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #eeeeee;
}
.pxxxTitle > div:first-of-type{
width: 160px;
height: 40px;
line-height: 40px;
background: url(../image/titleBg.png) no-repeat;
background-size: 100% 100%;
padding-left: 30px;
color: #ffffff;
font-size: 18px;
float: left;
}
.pxxxTitle > div:last-of-type{
font-size: 14px;
color: #b1b1b1;
cursor: pointer;
float: right;
height: 40px;
line-height: 40px;
}
.article > div > p{
font-size: 26px;
color: #333333;
font-weight: bold;
border-bottom: 1px dashed #eeeeee;
text-align: center;
padding: 20px 0;
white-space: nowrap;
width: 80%;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 auto;
cursor: pointer;
}
.articleItem{
margin: 10px 0;
align-items: center;
justify-content: space-between;
padding: 0 5px;
overflow: hidden;
vertical-align: middle;
}
.articleItem > span:first-of-type{
width: 6px;
height: 6px;
border-radius: 100%;
background-color: #87bee7;
float: left;
display: inline-block;
margin-top: 8px;
margin-right: 6px;
}
.articleItem > div{
width: 75%;
overflow: hidden;
align-items: center;
font-size: 16px;
color: #333333;
white-space: nowrap;
text-overflow: ellipsis;
float: left;
}
.articleItem > div > p{
width: 85%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
float: left;
}
.articleItem > div > img{
width: 22px;
margin-left: 10px;
float: left;
margin-top: 5px;
}
.articleItem > span:last-of-type{
font-size: 12px;
color: #b1b1b1;
float: right;
line-height: 18px;
}
.centerInfo{
position: relative;
}
.centerTitle{
width: 80%;
position: absolute;
top: -8px;
left: 0;
right: 0;
margin: 0 auto;
background: url(../image/titleBg2png.png) center center no-repeat;
background-size: 100%;
color: #ffffff;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 18px;
}
.centerInfoTxt{
border: 1px solid #eeeeee;
padding-top: 60px;
padding: 20px;
text-align: center;
}
.centerInfoTxt > img{
margin-top: 40px;
}
.hydl{
border: 1px solid #eeeeee;
}
.hydlTitle{
align-items: center;
justify-content: space-between;
height: 40px;
line-height: 40px;
}
.hydlTitle > div:first-of-type{
text-align: center;
font-size: 18px;
font-weight: bold;
border-top: 2px solid #0154a4;
border-bottom: 1px solid #eeeeee;
}
.userName,.pwd{
font-size: 16px;
color: #333333;
margin: 0 auto;
margin-top: 20px;
}
.userName > span,.pwd > span{
width: 30%;
display: inline-block;
text-align: center;
}
.userName > input,.pwd > input{
border: 1px solid #eeeeee;
padding: 12px;
width: 52%;
}
.switch{
width: 75%;
margin: 10px auto;
overflow: hidden;
align-items: center;
justify-content: space-around;
margin-left: 25%;
}
.switch > div:first-of-type{
float: left;
}
.switch > div:last-of-type{
float: left;
margin-left: 20px;
}
.btn{
width: 70%;
background-color: #0154a4;
color: #ffffff;
text-align: center;
height: 40px;
line-height: 40px;
margin: 20px 0 40px 25%;
cursor: pointer;
}
.rightMenu > div:first-of-type{
margin-top: 0px;
}
.rightMenu > div{
margin-top: 50px;
text-align: center;
}
.rightMenu > div > img{
cursor: pointer;
}
.linkBox{
background-color: #f4f4f4;
overflow: hidden;
align-items: center;
padding:10px 0;
background: url("../image/hill.png")no-repeat;
background-size: cover;
}
.linkBox > p{
width: 170px;
text-align: center;
float: left;
margin-top: 8px;
}
.linkBox > div{
float: left;
}
.linkBox > div > select{
border: 1px solid #eeeeee;
padding: 10px 15px;
width: 200px;
}
.footer{
margin-top: 20px;
}
.footer > div:first-of-type{
background-color: #0c57ac;
padding:20px 0;
text-align: center;
color: #ffffff;
}
.footer > div:last-of-type{
background-color: #357dcf;
text-align: center;
color: #ffffff;
padding: 20px 0 40px 0;
}
.footer > div:last-of-type > p{
margin-top: 10px;
}
.footer > div:last-of-type > p > span{
cursor: pointer;
}
.title{
border: 1px solid #eeeeee;
height: 40px;
overflow: hidden;
align-items: center;
justify-content: space-between;
}
.title > span:first-of-type{
display: inline-block;
width: 130px;
height: 40px;
text-align: center;
color: #ffffff;
font-size: 18px;
background-color: #0154a4;
line-height: 40px;
float: left;
}
.title > span:last-of-type{
padding-right: 10px;
color: #b1b1b1;
cursor: pointer;
float: right;
height: 40px;
line-height: 40px;
}
.icon{
width: 130px;
height: 10px;
background: url(../image/icon.png) center center no-repeat;
margin-top: -3px;
}
.hydl{
background: url(../image/loginBg.png) center bottom no-repeat;
background-size: 100% auto;
}
.colorPoint{
width: 4px !important;
height: 4px !important;
border-radius: 0px !important;
background-color: #ff2c2c !important;
}
.newsMenuList{
float: left;
width: 18%;
}
.newsTitle{
font-size: 18px;
text-align: center;
color: #333333;
height: 60px;
line-height: 60px;
border: 1px solid #eeeeee;
padding: 0px 30px;
overflow: hidden;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.newsTitle > p{
float: left;
}
.newsTitle > span{
display: inline-block;
float: right;
}
.newsItem{
overflow: hidden;
align-items: center;
justify-content: space-between;
font-size: 16px;
margin-top: 10px;
}
.newsItem > div{
width: 80%;
overflow: hidden;
align-items: center;
float: left;
}
.newsItem > span{
float: right;
}
.newsItem > div > span{
width: 5px;
height: 5px;
margin: 0 10px;
background-color: #ff2c2c;
display: inline-block;
float: left;
margin-top: 8px;
}
.newsItem > div > p{
cursor: pointer;
float: left;
height: 20px;
overflow: hidden;
width: 95%;
}
.newListContent{
overflow: hidden;
padding: 20px;
min-height: 500px;
}
.newsListBox{
padding-left: 20px;
width: 80%;
float: left;
}
.newsListBox > div > span:first-of-type{
width: 5px;
height: 5px;
margin: 0 10px;
background-color: #ff2c2c;
}
.pages{
width: 100%;
text-align: right;
padding-bottom: 40px;
margin-top: 20px;
}
.pages > span{
width: 50px;
height: 50px;
margin: 0 10px;
text-align: center;
line-height: 50px;
display: inline-block;
border: 1px solid #eeeeee;
cursor: pointer;
}
.newInfoBox,.emailInfoBox{
width: 80%;
margin: 0 auto;
}
.newInfoBox > p{
font-size: 22px;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
.emailInfoBox > div{
font-size: 18px;
color: #333333;
margin-top: 15px;
font-weight: bold;
}
.emailInfoBox > div > span{
font-size: 18px;
color: #666666;
font-weight: normal;
}
.mewsBar{
overflow: hidden;
align-items: center;
height: 40px;
justify-content: space-between;
border-bottom: 1px solid #eeeeee;
margin-bottom: 40px;
}
.mewsBar > div:first-of-type{
width: 150px;
height: 40px;
line-height: 40px;
background: url(../image/titleBg.png) no-repeat;
text-align: center;
color: #ffffff;
text-align: center;
font-size: 20px;
float: left;
}
.mewsBar > div:last-of-type{
font-size: 14px;
text-align: right;
float: right;
}
.stepDiv{
display: inline-block;
font-weight: bold;
color: #0154a4;
}
.newsListPage{
background: #f0f5fb;
min-width: 800px;
}
.InputItem{
width: 95%;
margin: 0 auto;
overflow: hidden;
margin-top: 20px;
}
.InputItem > span:first-of-type{
font-size: 16px;
color: #333333;
line-height: 40px;
display: inline-block;
width: 10%;
text-align: right;
font-weight: bold;
float: left;
}
.InputItem > input,.InputItem > textarea{
width: 50%;
margin: 0 10px;
border: 1px solid #eeeeee;
padding: 12px 20px;
float: left;
}
.InputItem > p{
float: left;
}
.InputItem > p > span{
font-size:12px;
color:#a1a1a1;
}
.InputItem > p > span:first-of-type{
color: red;
}
.subBtn{
width: 140px;
height: 40px;
line-height: 40px;
background: #357dcf;
color: #ffffff;
text-align: center;
margin-top: 40px;
margin-left: 13%;
border-radius: 4px;
cursor: pointer;
}
.subBtn > input{
border: none;
background: transparent;
font-size: 18px;
color: #ffffff;
}
.emailList > table{
width: 100%;
margin: 0 auto;
text-align: center;
border: 1px solid #eeeeee;
}
.emailList table td{
border: 1px solid #eeeeee;
padding: 10px 15px;
}
.emailList > table > tbody > tr{
height: 50px;
border-bottom: 1px solid #eeeeee;
}
.checkBtn{
display: inline-block;
padding: 5px 10px;
background: #399af8;
color: #ffffff;
font-size: 12px;
border-radius: 4px;
cursor: pointer;
}
#zxjjInfoTxt > p{
text-align: left;
text-indent: 24px;
line-height: 26px;
cursor: pointer;
}
.writeEmail{
width: 120px;
background-color: #0bb630;
color: #ffffff;
height: 40px;
line-height: 40px;
text-align: center;
margin-bottom: 20px;
border-radius: 4px;
margin-left: 87%;
cursor: pointer;
}
.slideBox{
height: 340px;
}
.pagination {
position: absolute;
z-index: 20;
bottom: 10px;
right:15%;
width: 100%;
text-align: right;
}
.swiper-pagination-switch {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 8px;
background: #555;
margin: 0 5px;
opacity: 0.8;
border: 1px solid #fff;
cursor: pointer;
}
.swiper-active-switch {
background: #fff;
}
.slideInfo{
position: absolute;
z-index: 9;
bottom :0;
width: 95.5%;
height: 35px;
line-height :35px;
padding: 0 10px;
font-size: 16px;
color: #FFFFFF;
background-color: rgba(0,0,0,.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
}
.slideInfo > span{
display :inline-block;
width: 90%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-family:SimSun;
}
.noNews{
display: none;
}
.slidePage>span{
display: inline-block;
width: 22px;
height: 22px;
line-height: 22px;
margin-right: 5px;
text-align: center;
background: url('../image/dot_weight.png');
cursor: pointer;
}
.slidePage .activeSpan{
background:url('../image/dot_yellow.png');
color:#fff
}
#attachmentBox{
margin-top: 60px;
}
#attachmentBox > p{
font-size: 16px;
font-weight: bold;
color: #333333;
margin-bottom: 5px;
}
#attachmentList > a{
display: block;
color: #399af8;
text-decoration:none;
margin-top: 5px;
}
@media screen and (min-width: 1280px) and (max-width: 1600px){
.centerTitle{
width:100%;
}
.mainContent{
width:85%;
}
.article > div > p{
font-size: 18px;
}
.articleItem > div{
width: 70%;
font-size: 14px;
}
#zxjjInfoTxt > p{
font-size: 14px;
}
.headerBox{
height: 340px;
}
.menuList{
width: 85%;
}
.InputItem > span:first-of-type{
font-size: 14px;
}
}
@media screen and (min-width: 1600px) and (max-width: 1900px){
.centerTitle{
width:100%;
}
.mainContent{
width:75%;
}
.article > div > p{
font-size: 18px;
}
.articleItem > div{
width: 70%;
font-size: 14px;
}
#zxjjInfoTxt > p{
font-size: 14px;
}
.headerBox{
height: 400px;
}
.menuList{
width: 75%;
}
}
@media screen and (min-width: 300px) and (max-width: 800px){
body,.menuItem,.pxxxTitle{
font-size: 12px;
}
.headerBox{
height: 200px;
}
.slideBox{
margin: 5px;
}
.slideBox,.slideImg{
height: 220px!important;
}
.slideInfo{
width: 85.5%;
}
.pxxxTitle > div:last-of-type{
font-size: 12px;
height: 30px;
line-height: 30px;
}
.article > div > p{
font-size: 12px;
padding: 7px 0;
}
.articleItem > div{
width: 90%;
font-size: 12px;
}
.articleItem > div > img{
display: none;
}
.articleItem > span:last-of-type{
display: none;
}
.articleItem{
margin: 5px 0;
}
#zxjjInfoTxt > p{
height: 80px;
overflow: auto;
}
.mainContent,.menuList{
width: 95%;
}
.newsListBox{
width: 75%;
}
.newsItem > div > p{
width: 90%;
}
.newsTitle,.mewsBar > div:first-of-type,.newInfoBox > p{
font-size: 14px;
}
.writeEmail{
width: 90px;
margin-left: 83%;
}
.userName, .pwd{
text-align: center;
}
.userName > span, .pwd > span{
width: 100%;
}
}