﻿#news{
width: 1281px;
margin: 0 auto;
margin-top: 20px;
}
#news .news-pic{
box-sizing: border-box;
width: 480px;
float: left;
}
#news .banner1-div ul{
float: left;
}
#news .banner1-div ul li{
float: left;
}
#news .banner1-div ul li>img{
width: 480px;
height: 350px;
float: left;
}
#news .banner1-div ul li>div{
box-sizing: border-box;
background: rgba(0,0,0,0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
width: 480px;
height: 66px;
padding: 10px;
float: left;
margin-top: -66px;
}
#news .banner1 .banner1-tit{
position: relative;
}
#news .banner1 .banner1-tit>ul .on{
background-color: #36c;
color: #fff;
}
#news .banner1 .banner1-tit>ul{
float: right;
margin-top: -94px;
}
#news .banner1 .banner1-tit>ul li{
width: 25px;
height: 25px;
background-color: #fff;
float: left;
border-radius: 50%;
margin-right: 5px;
text-align: center;
line-height: 25px;
}
#news .news-pic a{
font-size: 16px;
color: #fff;
}
#news .news-lis{
width: 540px;
float: left;
margin-left: 20px;
}
#news .news-lis .lis-top,#notice .notice-top,#guide .guide-top,#down .down-top{
font-size: 24px;
color: #4d4c4c;
border-bottom: 1px solid #dcdcdc;
}
#news .news-lis .lis-top>div,#notice .notice-top>div,#guide .guide-top>div,#down .down-top>div{
width: 174px;
padding-left: 5px;
padding-bottom: 4px;
}
#news .news-lis .lis-top>div{
border-bottom: 2px solid #8e0610;
}
#news .news-lis .lis-top>div>h4,#notice .notice-top>div>h4,#guide .guide-top>div>h4,#down .down-top>div>h4{
display: inline-block;
}
#news .news-lis .lis-top>div>span,#notice .notice-top>div>span,#guide .guide-top>div>span,#down .down-top>div>span{
font-size: 14px;
color: #c2c2c2;
}
#news .news-lis .lis-top>a,#notice .notice-top>a,#guide .guide-top>a,#down .down-top>a{
display: inline-block;
width: 20px;
height: 20px;
float: right;
background: url(../images/news_more.png) no-repeat center;
margin-top: -26px;
margin-right: 20px;
}

#guide .guide-bottom ul li:hover, #down .down-bottom ul li:hover {
box-shadow: 0px 2px 22px -5px rgba(0, 0, 0, 0.5);
transform: scale(1) translateY(-3px);
border-radius: 5px;

}

#news .news-lis>ul li{
border-bottom: 1px solid #dcdcdc;
padding:12px 0 12.6px 20px;
}
#news .news-lis>ul span{
color: #7d7d7d;
font-size: 14px;
float:right;
}
#news .news-lis>ul a{
color: #4d4c4c;
font-size: 14px;
margin-right: 65px;
display: block;
}
#news .news-lis>ul a:hover{color:#0e5499}
#news .new-right{
float: left;
margin-left: 32px;
}
#news .new-right div{
padding: 33.3px 24px;
text-align: center;
}
#news .new-right .new-right-top,#news .new-right .new-right-bottom,#news .new-right .new-right-center{
box-sizing: border-box;
}
#news .new-right .new-right-center{
margin-top: 10px;

background: url(../images/new-right-center.png) no-repeat center;
}
#news .new-right .new-right-top{
background: url(../images/new-right-top.png) no-repeat center;
}
#news .new-right .new-right-bottom{
margin-top: 10px;
background: url(../images/new-right-bottom.png) no-repeat center;
}
#news .new-right div>a{
display: inline-block;
font-size: 20px;
color: #fff;
}
#news .new-right div>a .new-right-span{
font-size: 12px;
}
#news .new-right div span{
display: block;
}

#notice{
width: 1280px;
margin: 0 auto;
margin-top: 35px;
}
#notice::after{
content: '';
display: table;
clear: both;
}
#notice>.notice{
float: right;
width: 50%;
margin-top: 1px;
}
#notice>#guide{
float: left;
width: 49%;
}
#notice .notice-top>div{
border-bottom: 2px solid #00b7ee;
}
#notice .notice-bottom{
overflow: hidden;
padding-top: 30px;
}
#notice .notice-bottom div{
width: 68px;
text-align: center;
float: left;
}
#notice .notice-bottom div>span{
width: 100%;
height: 24px;
line-height: 24px;
display: block;
background-color: #0e5499;
color: #fff;
font-size: 14px;
}
.li-active{
box-shadow: 0px 3px 5px #c8c8c8;
}
.span-active{
background-color: #8e0610 !important;
}
#notice .notice-bottom div>p{
background-color: #eee;
font-size: 24px;
color: #6f6e6e;
width: 100%;
height: 30px;
line-height: 30px;
}
#notice .notice-bottom ul{
overflow: hidden;
padding-bottom: 10px;
}
#notice .notice-bottom li{
padding: 2px 17px;
float: left;
}
#notice .notice-bottom li a{
color: #545454;
margin: 10px 18px;
float: left;
width: 495px;
}
#bottom{
overflow: hidden;
width: 1280px;
margin: 0 auto;
margin-top: 50px;
}
#bottom-bg{
width: 100%;
background: url(../images/bottom-bg.png) no-repeat 0px 230px;
font-size:17px;
padding-bottom: 30px;
}

#guide{
float: left;
}
#guide .guide-top{

}
#guide .guide-top>div{
border-bottom: 2px solid #eb6100;
}
#guide .guide-bottom ul,#down .down-bottom ul{
margin-top: 40px;
}
#guide .guide-bottom ul li,#down .down-bottom ul li{
background: url(../images/li-pointer.png) no-repeat 2px;
padding: 10px 5px 10px 45px;
}
#guide .guide-bottom ul li a,#down .down-bottom ul li a{
color: #4d4c4c;
}
#guide .guide-bottom span{
float: right;
color: #7d7d7d;
font-size: 14px;
}
#guide .guide-bottom a{
margin-right: 40px;
}
#down{
float: left;
margin-left: 44px;
}

#down .down-top>div{
border-bottom: 2px solid #22ac38;
width: 198px;
}