﻿
*{box-sizing: border-box;}
body,h1,h2,h3,h4,h5,h6,p,pre,dl,dt,dd,ul,ol,li{margin: 0; padding: 0;}
body{font-family: arial; background: url(/images/index_02.jpg) center top no-repeat #f5f5f5; color:#333;}
li{list-style: none;}
a{text-decoration: none; color: inherit;}
img{border: 0;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.w1200{max-width: 1200px; margin: 0 auto;}

/* 头部 */
.topbj{height:80px; background:#fff; box-shadow:0px 3px 6px rgba(255,111,0,0.1);}
.topbj .fl{width:246px; height:80px;}
.topbj .fl img{width:100%; height:100%;}
.top .fr li{float: left; font-size: 16px; width:148px; line-height:80px; text-align:center;}
.top .fr li a{display:block;}
.top .fr li:hover{color: #FF6F00; background:#FEEFE4;}
.navbar-toggle{border: 1px solid rgba(0,0,0,0.5);}
.navbar-toggle span{border: 1px solid rgba(0,0,0,0.6);}

/* 首页 */
.index_tit{color:#FF6F00; border-bottom:1px solid #EEEEEE; padding:0 0 10px 0; margin-bottom:10px;}
.index_tit dt{font-size:14px; float:left;}
.index_tit dd{float:right; font-size:12px; color:#999;}
.index_tit dd:hover{color:inherit;}

.box{margin:20px auto;}
.left{width:842px; float:left;}
.left .box1{background:#fff; padding:20px; height:410px; box-shadow:0px 0px 6px rgba(0,0,0,0.1);}
.left .box1 .fl,.left .box1 .fr{width:386px;}
.left .box1 .bod dl{height:34px; line-height:34px;}
.left .box1 .bod dl dt{font-size:14px;}
.left .box1 .bod dl dt:hover,.left .box1 .bod dl dt:hover span{color:#FF6F00;}
.left .box1 .bod dl dt span{float:right; color:#999;}
.left .box1 .bod dl dd{font-size:12px; color:#999; margin-top:8px;}

.left .box2{background:#fff; height:490px; margin:10px 0; padding:20px; position:relative; box-shadow:0px 0px 6px rgba(0,0,0,0.1);}
.left .box2 .bod{margin-top:20px;}
.left .box2 .bod .fl{width:218px;}
.left .box2 .bod .fl img{width:100%;}
.left .box2 .bod .fr{width:560px;}
.left .box2 .bod .fr dl{margin-top:20px;}
.left .box2 .bod .fr dl dt{font-size:14px; color:#FF6F00; margin-bottom:6px;}
.left .box2 .bod .fr dl dd{font-size:12px; color:#999;}
.left .box2 ul{margin-top: 20px;}
.left .box2 ul li{width:33.3333%; float:left;}
.left .box2 ul li img{width:100%;}

.left .box3{background:#fff; padding:20px; height:318px; margin:10px 0; box-shadow:0px 0px 6px rgba(0,0,0,0.1);}
.left .box3 .bod .item{display:flex; align-items: center; margin-bottom:16px; position:relative;}
.left .box3 .bod .item img{width:72px; height:60px; margin-right:20px;}
.left .box3 .bod .item dt{font-size:14px; margin-bottom:5px;}
.left .box3 .bod .item dt:hover{color:#FF6F00;}
.left .box3 .bod .item dd{font-size:12px; color:#999;}
.left .box3 .bod .item .more{position:absolute; top:0; right:10px; bottom:0; margin:auto; font-size:16px; color:#FF6F00; display:flex; align-items: center;}

.left .box4{background:#fff; height:172px; padding:20px; margin:10px 0; box-shadow:0px 0px 6px rgba(0,0,0,0.1);}
.left .box4 .bod a{display:inline-block; margin-right:20px;}
.left .box4 .bod a:hover{color:#02599C;}

.right{width:338px; height:1080px; background:#fff; float:right;box-shadow:0px 0px 6px rgba(0,0,0,0.1); padding:20px;}
.right .box1 .bod dl{margin-bottom:20px;}
.right .box1 .bod dl dt{height:186px;}
.right .box1 .bod dl dt img{width:100%; height:100%;}
.right .box1 .bod dl dd{height:40px; font-size:14px; padding-top:6px;}
.right .box1 .bod dl dd:hover{color:#FF6F00;}

/* 底部 */
.bottombj{background: #fff; padding: 20px 0 30px;}
.bottom{text-align: center; color: #999; font-size: 14px;}
.bottom p{margin: 10px 0;}

/* 列表页 */
.position{height: 40px; line-height: 40px; font-size: 14px; color: #fff;}
.yema{margin-top: 10px; font-size: 12px; color: rgba(102,102,102,1); margin-bottom:30px; border-top:1px solid #EEEEEE; padding-top:20px;}
.yema li{float: left; display: inline-block; margin-right: 5px;}
.yema li a{color: #02599C;}

/* 侧边栏 */
.ny>.right{width: 386px; float: right;}
.ny>.right .fr{width:386px; background:rgba(255,255,255,1); padding: 0 20px;}
.ny>.right .fr dl.tit{height: 48px; line-height: 48px; color: #FF0000; font-weight: 400;}
.ny>.right .fr dl.tit dt{float: left; font-size: 16px; position: relative;}
.ny>.right .fr dl.tit dt:before{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #FF0000;}
.ny>.right .fr dl.tit dd{float: right; font-size: 12px; color:rgba(153,153,153,1);}
.ny>.right .fr dl.tit dd:hover{color: #FF0000;}
.ny>.right .fr .tui{margin: 20px 0;}
.ny>.right .fr .tui img{float: left; width: 112px; height: 96px;}
.ny>.right .fr .tui dl{margin-left: 122px;}
.ny>.right .fr .tui dl dt{font-size: 14px; color: rgba(51,51,51,1); padding: 10px 0;}
.ny>.right .fr .tui dl dt:hover{color: #FF0000;}
.ny>.right .fr .tui dl dd{font-size: 12px; color: rgba(153,153,153,1);}
.ny>.right .fr ul li{height: 34px; line-height: 34px; font-size: 14px; color: rgba(51,51,51,1); overflow: hidden;}
.ny>.right .fr ul li span{float: right; color: rgba(153,153,153,1);}
.ny>.right .fr ul li:hover{color: #FF0000;}
.ny>.right .fr ul li:hover span{color: #FF0000;}
.ny>.right>img{width: 100%; margin-top: 20px;}

/* 详情页 */
.ny>.fl{width:802px; background:#fff; padding:0 80px; margin-bottom:20px;}
.ny>.fl .article_tit{padding-top: 30px; text-align: center; font-size: 18px; font-weight: normal; color:#000;}
.ny>.fl .article_info{font-size: 12px; color: #999999; padding: 10px 0 20px; text-align: center;}
.ny>.fl .article_body{font-size: 14px; color: #666; line-height: 24px;}
.ny>.fl .article_body img{max-width: 100%; height: auto !important}


@media(max-width: 1200px){
	.w1200{margin: 0 10px;}
	.top .fl{width: 180px;}
	.top .fr li{width: 100px;}
	.left{width: 100%; margin-top: 10px;}
	.right{width: 100%; height: auto; margin-bottom: 10px;}
	.right .fr{width: 100%; margin: 10px 0; height: auto; padding-bottom: 10px;}
	.left .box1{height: auto;}
	.left .box1 .fl,.left .box1 .fr{width: 48%;}
	.left .box2{margin-bottom: 10px; height: auto;}
	.left .box2 .bod .fl{display: none;}
	.left .box2 .bod .fr{width: 100%;}
	.left .box2 ul{display: none;}
	.box4{margin: 10px;}
	.ny>.fl{width: 100%; min-height: 0;}
	.ny>.right{width: 100%; margin-top: 20px;}
	.ny>.right .fr{width: 100%; height: auto; padding-bottom: 20px;}
}

@media(max-width: 992px){
	.box3 .bod li{width: 24%; position: relative; padding-bottom: 7%; margin-bottom: 2%;}
}

@media(max-width: 768px){
	.topbj{height: auto;}
	.top{position: relative; display: flex; justify-content: space-between; align-items: center;}
	.top .fr ul{display: none; position: absolute; top: 68px; left: 0; width: 100%; height: auto; background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.3); z-index: 2; border-radius: 0 0 10px 10px;}
	.topbj .fl{height: auto;}
	.top .fr ul li{float: none; line-height: 50px; border-bottom: 1px dashed #eee;}
	.left .box1{flex-wrap: wrap; background: none;}
	.left .box1 .fl,.left .box1 .fr{width: 100%;}
	.left .box1 .fl{margin-bottom: 10px;}
	.left .box1 .bod dl{height: auto; line-height: auto;}
	.left .box1 .bod dl dt{display: flex; justify-content: space-between; height: auto; line-height: normal; margin-bottom: 12px;}
	.left .box1 .bod dl dt span{white-space: nowrap; margin-left: 5px; margin-top: 5px;}
	.ny>.right .fr ul li{display: flex; justify-content: space-between; line-height: normal; margin-top: 12px; height: auto;}
	.ny>.right .fr ul li span{white-space: nowrap; margin-left: 5px; margin-top: 5px;}
}



