@charset "utf-8";
/* CSS Document */
@import url(reset.css);
@import url(header.css);
@import url(footer.css);

.Main{background-color:#FFF;width: 1180px !important;padding: 20px 10px;margin-top: 0px;}

.Address{height: auto;padding-left: 40px;line-height: 36px;font-size:14px;background-color: #f5f5f5;border-bottom: 1px solid #dedede;margin: 10px auto;background-image: url(pos_icon.png);background-repeat: no-repeat;background-position:10px center;}
/*左侧*/
.LeftBox{width: 280px;min-height: calc(100vh - 560px);background: #f5f5f5;}
.LeftBox>h2{font-size: 18px;background: #b40200;color: #FFFFFF;height: auto!important;min-height:50px;line-height: 50px;padding: 4px 0px!important;text-align: center;font-size: 20px;font-weight: bold;}
.LeftBox>ul{width: 248px;border: 1px solid #e6e6e6;padding: 0px 15px;min-height: 762px;}
.LeftBox ul li{height:auto;line-height:28px;padding: 15px 0px;border-bottom:1px solid #ddd;background: url(nryxtb_img_10.png) no-repeat right center;}
.LeftBox ul li a{ display:block; font-size:18px;width:180px; }
.LeftBox ul li:hover,.LeftBox ul li.on{background: url(lby_submenu_icon.png) no-repeat right center;}
.LeftBox ul li a:hover,.LeftBox ul li.on a{color: #b40200;}

/*右侧*/
.RightCon.border{width: 848px;padding: 15px 15px 0;min-height: 805px;}
.RightCon .Title{position:relative;width:100%;height:40px;border-bottom:1px solid #e2e2e2;margin-bottom: 15px;}
.RightCon .Title>span{display:inline-block;height:37px;line-height: 37px;font-size: 18px;padding:0 15px;border-bottom: 4px solid #b40200;color: #b40200;}
.RightCon .Title>a{ display:inline-block; height:37px; padding:0 15px; font-size:17px; line-height:37px; margin-right:10px;color: #004d8d;}
/*文章列表*/
ul.NewsList{min-height: 250px;}
ul.NewsList li{line-height: 35px;height: 35px;overflow: hidden;transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;font-size: 14px;}
ul.NewsList li:hover{margin-left:5px;transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;}
ul.NewsList li a{float:left;display:inline-block;width: calc(100% - 178px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 16px;}
ul.NewsList li span{float:right;display:inline-block;text-align:right;width: 158px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 16px;color:#999;}
ul.NewsList li.b{ height:0; border-bottom: 1px dotted #cccccc; padding-bottom: 10px; margin-bottom: 10px; background:none;}

/*右侧图片*/
.pic_box{width:100%; margin:35px auto 0px;}
.pic_box ul{list-style: none;padding: 0px; margin:20px 0px 0px;margin:0 auto; }
.pic_box ul li{width: 135px;height: 200px;float: left;margin:0px 20px 20px;}
.pic_box ul li:nth-child(3n){margin-right:0px;}
.pic_box ul li a{width:100%; height:100%; text-decoration:none;}
.pic_box ul li img{width:100%;height: 160px;display:block;object-fit: cover;}
.pic_box ul li span{width:100%; height: 40px;line-height:40px; font-size: 16px; text-align: center; color: #333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;   display: block; clear: both;}	

@media screen and (max-width:750px ) {
.Main{ width:calc(100% - 20px)!important; padding:0px;margin: 0 auto;}
.LeftBox{width:100%;}
.LeftBox ul{width: calc(100% - 20px);min-height: auto;}
.LeftBox ul li{width: calc((100% - 60px)/2);float: left;margin-right: 20px;padding-right: 10px;}
.LeftBox ul li a{/* background: url(nryxtb_img_10.png) no-repeat right center; */width: 100%;}
.LeftBox ul li:hover a,.LeftBox ul li.on a{/* background: url(lby_submenu_icon.png) no-repeat right center; */color: #b40200;}
.RightCon.border{width: calc(100% - 32px)!important;padding: 5px 15px 0px;min-height: auto;}
.RightCon .Box{min-height:160px;}
.pic_box ul li{/* height:200px; *//* float: left; */margin: 0px 15px 20px 10px;}
.pic_box ul li img{height: 160px;}
.pic_box ul li:nth-child(3n){margin-right:0px;}
}