*{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: #F3E3D0; 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:86px; background:#fff; box-shadow:0px 2px 6px rgba(186,139,2,0.1);}
.top .fl{width:238px; height:72px; margin-top:7px;}
.top .fl img{width:100%; height:100%;}
.top .fr li{float: left; font-size: 18px; width:140px;line-height:86px; text-align:center; position:relative; font-weight:bold;}
.top .fr li a{display:block;}
.top .fr li a:hover{color:#BA8B02;}
.navbar-toggle{border: 1px solid rgba(0,0,0,0.5);}
.navbar-toggle span{border: 1px solid rgba(0,0,0,0.6);}

/* 首页 */
.box1{margin-top: 20px;}
.box1 .fl{width: 408px; height:522px; float:right; background:#fff;}
.box1 .fl img{width:100%; height:100%;}
.box1 .fr{width:386px; height:522px; float:left; background:rgba(255,255,255,1); padding: 10px 20px 20px;}
.box1 .fr:nth-child(2){margin-left:20px;}
.box1 .fr dl.tit{height: 48px; line-height: 48px; color: #BA8B02; font-weight: 400;}
.box1 .fr dl.tit dt{float: left; font-size: 16px; position: relative;}
.box1 .fr dl.tit dt:before{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #BA8B02;}
.box1 .fr dl.tit dd{float: right; font-size: 12px; color:rgba(153,153,153,1);}
.box1 .fr dl.tit dd:hover{color:#BA8B02;}
.box1 .fr .tui{margin: 10px 0 0; position:relative;}
.box1 .fr .tui dl dt{font-size: 14px; color: rgba(51,51,51,1); padding: 6px 0;}
.box1 .fr .tui dl dt:hover{color: #BA8B02;}
.box1 .fr .tui dl dd{font-size: 12px; color: #999;}
.box1 .fr .tui .more{position:absolute; top:0; right:10px; bottom:0; margin:auto; display:flex; align-items: center; color:#BA8B02; font-size:16px;}
.box1 .fr ul li{height: 34px; line-height: 34px; font-size: 14px; color: rgba(51,51,51,1); overflow: hidden;}
.box1 .fr ul li span{float: right; color: rgba(153,153,153,1);}
.box1 .fr ul li:hover{color: #BA8B02;}
.box1 .fr ul li:hover span{color: #BA8B02;}

.box2{margin: 10px auto 20px; }
.index_tit{height: 40px; line-height: 40px; margin-bottom: 10px; border-bottom:1px solid #EEEEEE;}
.index_tit dt{float: left; font-size: 14px; color: #BA8B02;}
.index_tit dd{float: right; font-size: 12px; color: rgba(153,153,153,1);}
.index_tit dd:hover{color:#BA8B02;}
.box2 .fl{width:386px; height:314px; float:left;background:#fff;}
.box2 .fl ul li{height: 34px; line-height: 34px; font-size: 14px; color: rgba(51,51,51,1); overflow: hidden;}
.box2 .fl ul li span{float: right; color: rgba(153,153,153,1);}
.box2 .fl ul li:hover,.box2 .item ul li:hover span{color: #BA8B02;}
.box2 .fr{width:794px;}
.box2 .fr .frr{height:198px; background:#fff; padding:20px;}
.box2 .fr .frr .bod li{width:180px; height:110px; float:left; margin-right:10px;}
.box2 .fr .frr .bod li:nth-child(4n){margin-right:0;}
.box2 .fr .frr .bod li img{width:100%; height:100%;}
.box2 .fr .yqlj{padding:10px 20px 20px; background:#fff; margin-top:10px; min-height:106px;}
.box2 .fr .yqlj .bod a{font-size:14px; display:inline-block; margin-right:20px;}
.box2 .fr .yqlj .bod a:hover{color:#BA8B02;}


.box3{background: #fff; padding: 10px 20px 20px 20px; margin-bottom:20px;}
.box3 .bod dl{width:216px; float:left; margin-right:20px;}
.box3 .bod dl:nth-child(5n){margin-right:0;}
.box3 .bod dl dt{height:110px;}
.box3 .bod dl dt img{width:100%; height:100%;}
.box3 .bod dl dd{font-size:12px; padding:6px 0 0 10px; color:#333;}

.box4{background: #fff; padding: 10px 20px 20px 20px;}
.box4 .bod{font-size: 14px; color: rgba(51,51,51,1);}
.box4 .bod a{margin-right: 20px; display: inline-block;}

/* 底部 */
.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: rgba(153,153,153,1);}
.ny{margin: 20px auto;}
.ny>.fl{ width: 794px; float:right;}
.ny>.fl .bod{background: #fff; padding: 10px 20px 20px 20px; min-height: 836px;}
.ny>.fl .list_article{border-bottom: 1px solid rgba(238,238,238,1);}
.ny>.fl .list_article li{height: 34px; line-height: 34px; font-size: 14px; color: rgba(51,51,51,1);}
.ny>.fl .list_article li span{float: right; color: rgba(153,153,153,1);}
.ny>.fl .list_article li:hover{color: #BA8B02;}
.ny>.fl .list_article li:hover span{color: #BA8B02;}
.ny>.fl .yema{margin-top: 10px; font-size: 12px; color: rgba(102,102,102,1);}
.ny>.fl .yema li{float: left; display: inline-block; margin-right: 5px;}
.ny>.fl .yema li a{color: #02599C;}
.ny>.right{width: 386px; float: left;}
.ny>.right .fr{width:386px; background:rgba(255,255,255,1); padding: 10px 20px 20px;}
.ny>.right .fr dl.tit{height: 48px; line-height: 48px; color: #BA8B02; 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: #BA8B02;}
.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: #BA8B02;}
.ny>.right .fr .tui{margin: 10px 0 0; position:relative;}
.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: 6px 0;}
.ny>.right .fr .tui dl dt:hover{color: #BA8B02;}
.ny>.right .fr .tui dl dd{font-size: 12px; color: #999;}
.ny>.right .fr .tui .more{position:absolute; top:0; right:10px; bottom:0; margin:auto; display:flex; align-items: center; color:#BA8B02; font-size:16px;}
.ny>.right .fr ul{margin-top:10px;}
.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: #BA8B02;}
.ny>.right .fr ul li:hover span{color: #BA8B02;}
.ny>.right>img{width: 100%; margin-top: 10px; display:block;}

/* 详情页 */
.ny>.fl .article_tit{padding-top: 30px; text-align: center; font-size: 18px; font-weight: normal;}
.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; padding:20px;}
.ny>.fl .article_body img{max-width:100%; height:auto !important;}
.ny>.fl .article_body img{max-width: 100%; height: auto !important}

@media(max-width: 1200px){
	.w1200{margin: 0 10px;}
	.topbj{height: auto;}
	.top{display: flex; justify-content: space-between; align-items: center;}
	.top .fl{width: 180px; height: auto;}
	.top .fr{padding-right:0;}
	.top .fr li a{padding: 0 20px;}
	.box1{margin: 10px}
	.box1 .fr{width: 49%;}
	.box1 .fr:nth-child(2){margin: 0; float: right;}
	.box1 .fl{display: none;}
	.box2 .fl{display: none;}
	.box2 .fr{width: 100%; margin-bottom: 10px;}
	.box2 .fr .frr{height: auto;}
	.box4{margin: 10px;}
	.ny>.fl{width: 100%; min-height: 0;}
	.ny>.right{width: 100%; margin: 10px 0;}
	.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){
	.top{position: relative;}
	.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;}
	.top .fr ul li{float: none; line-height: 50px; border-bottom: 1px dashed #eee;}
	.box1 .fr{width: 100%; height: auto;}
	.box1 .fr:nth-child(2){margin-top: 10px;}
	.box2 .fr .frr .bod ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
	.box2 .fr .frr .bod ul li{margin: 0 0 10px 0; width: 49%;}
	.box2 .fr .frr .bod ul .clear{display: none;}
	.box2 .fr .yqlj{height: auto;}
	.ny>.fl .bod{min-height: 0;}
	.ny>.fl .list_article li{display: flex; justify-content: space-between; height: auto; line-height: normal; margin-bottom: 12px;}
	.ny>.fl .list_article li 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;}
}