.article{
position:relative;
}
.article_title{
margin-bottom:10px;
}
.article_box{
display:block;
width:1226px;
height:400px;
position:relative;
}
.article_box_left{
width:701px;
height:400px;
display:block;
float:left;
}
.article_box_left_content{
background-color:#FFFFFF;
width:701px;
height:189px;
position:relative;
}
.article_box_left_content:first-of-type{
margin-bottom:22px;
}
.article_box_left_content_img{
background-color:#D2D1C4;
display:block;
float:left;
width:244px;
height:189px;
}
.article_box_left_content:first-of-type .article_box_left_content_img{
background:url(images/gmxz.jpg) no-repeat;
}
.article_box_left_content:last-of-type .article_box_left_content_img{
background:url(images/hyxw.jpg) no-repeat;
}
.article_box_left_content_img_more{
width: 100px;
height: 24px;
text-align: center;
position: absolute;
right: 0;
font-size: 16px;
font-weight:300;
color:#000000;
border-radius: 10px 0 0 0;
background: linear-gradient(rgb(0,150,150,0.4),rgb(0,150,150,0.1),rgb(0,150,150,0.1), rgb(255,255,255,0));
cursor: pointer;
z-index: 99;
transition-duration: 3s;
}
.article_liBox{
display:block;
float:left;
width:427px;
height:149px;
padding:25px 15px 15px 15px;
position:absolute;
top:252px;
left:244px;
}
.article_liBox a div{
display:none;
}
.article div:nth-child(3){
top:41px;
left:244px;
}
.article div:nth-child(5){
top:310px;
left:740px;
overflow: hidden;
height: 90px;
}
.article div:nth-child(5) a{
color:white;
font-size: 17px;
}
.article div:nth-child(5) a div{
height: 55px;
line-height: 26px;
font-size: 14px;
color: floralwhite;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.article div:nth-child(5) li{
list-style:none;
padding-left:10px;
border-radius:10px;
transition:box-shadow 0.2s;
margin: 0 0 12px 0;
}
.article div:nth-child(5) li:hover{
box-shadow:0px 0px 20px #B6B6B6;
}
.article_liBox li{
line-height:31.8px;
font-size:14px;
list-style:square;
margin-left:20px;
}
.article_box_right{
display:block;
width:510px;
height:400px;
margin-left:15px;
display:block;
float:left;
}
.article_box_right_content{
width:510px;
height:400px;
}
.article_box_right_content_img{
background-color:#D2D1C4;
width:510px;
height:400px;
}
.article_box_right_content:first-of-type div:first-of-type{
background:url(images/bzbk.jpg) no-repeat;
}
.navbox_content{
width:1226px;
height:120px;
background-color:#FAFAFA;
border-radius:0 0 10px 10px;
box-shadow:0px 10px 15px #B6B6B6;
margin-bottom:15px;
}
.navbox_content dt{
display:block;
float:left;
width:50px;
height:70px;
margin-left:10px;
font-size:20px;
font-weight:900;
padding:25px;
}
.navbox_content dd{
display:block;
float:left;
width:100px;
height:92px;
margin-left:10px;
text-align:center;
padding:18px 0 10px 0;
border-radius:0 0 30px 30px;
transition:background-color 0.4s;
}
.navbox_content dd:hover{
background-color:#BFEEFF;
}
.navbox_content dd span{
display:block;
color:black;
}
.navbox_content_img{
width:52px;
height:52px;
display:inline-block;
background:url(images/cygj.png) no-repeat;
}
.img_2{
background-position:-52px 0px;
}
.img_3{
background-position:-104px 0px;
}
.img_4{
background-position:-156px 0px;
}
.img_5{
background-position:-208px 0px;
}
.img_6{
background-position:0px -52px;
}
.img_7{
background-position:-52px -52px;
}
.img_8{
background-position:-104px -52px;
}
.img_9{
background-position:-156px -52px;
}
.img_10{
background-position:-208px -52px;
}