body{font-family:'helvetica neue','microsoft yahei','pingfang sc','hiragino sans gb','stheiti',tahoma,sans-serif; background-color:#f2f2f2;}
.navbar{margin-bottom:0;}
.navbar-brand{padding:10px 15px;}
.nav li a{padding:15px 25px;}
.nav li ul.dropdown-menu{text-align:center; background-color:#000; width:100%; min-width:0; margin:0; padding:0;}
.nav li ul.dropdown-menu a{float:left; color:#fff; width:100%; text-align: center; padding: 15px 0;}
.nav li ul.dropdown-menu a:hover,.nav li ul.dropdown-menu a:focus{background-color:#666;}

.bg-white{background-color:#fff;}
#index{padding-top:50px;}
.slide{margin:0 -15px;}
.text-orange{color:#f87f0a;}

.dmtitle{margin:50px auto 20px auto; max-width:300px;}
.dmtt{margin:20px auto 0px auto; max-width:600px;}
#demon{background:url(../images/no1bg.jpg) right top no-repeat; padding:0px 0 50px 0;}
#jl{background:url(../images/no2bg.jpg) right top no-repeat; padding:10px 0 70px 0;}
#news{background:url(../images/no3bg.jpg) right top no-repeat; padding:50px 0 150px 0;}
.dminfo{margin-top:10px;}
.dminfo .dm{display:block; padding:20px;}
.dminfo .dm a.da{display:block; position:relative; border:10px solid #eee; border-radius:10px; overflow:hidden;}
.dminfo .dm h4{width:100%; height:30px; position:absolute; left:0; top:50%; margin-top:-15px; line-height:30px; text-align:center; color:#fff; z-index:10;}
.dminfo .dm .bg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:9; background:#000; filter: alpha(opacity=40); opacity: 0.4;}
.dminfo .dm a:hover .bg,.dminfo .dm a:hover h4{display:none;}

.jlBox .slide{border:10px solid #eee; border-radius: 10px;}

.newsBox{height:auto; position:relative; margin:10px 0; border:10px solid #fff; border-radius:10px;}

.newsBox .newsInfo{position:absolute; left:0; bottom:0; background:rgba(255,255,255,.7); width:100%;}
.newsBox .newsInfo h4{color:#222; padding:0 10px;}
.newsBox .newsInfo p{color:#222; padding:10px;}
#news .media{margin-top:30px;}
#news .media:first-child{margin-top:0;}

.footer{background-color:#75b638; padding:20px;}
.footer p,.footer a{color:#fff;}
.footer a:hover{color:#fff;}
.footer p{line-height:1.5em;}
.footer p b{font-size: 16px;}
.copyright{padding-top:10px;}
.fnv{padding:0;}
.mainBox {background-color: #dedede;}
.mainBox .container{background-color: #f2f2f2;}
.mainBox .text-content{padding: 10px;}
.mainBox .breadcrumb{margin-bottom: 0;}
.mainBox .text-content h1{margin-top: 0;}
.mainBox .text-content img{max-width: 100%;}

@media screen and (max-width: 768px) {
	#demon{padding:10px 0 30px 0; background-size:cover;}
	.dmtitle{margin:20px 0 0 10px; max-width:100px;}
	.dmtt{margin:10px auto 0px auto; max-width:300px;}
	.dminfo .dm{display:block; padding:5px;}
	.dminfo .dm a.da{border:2px solid #fff;}
	.jlBox .slide{border:5px solid #fff;}
	#jl{padding:10px 0 30px 0; background-size:cover;}
	.jlBox{padding-top:10px; margin:0; }
	#news .col-lg-4{padding-left:10px; padding-right:10px;}
	
	.navbar-inverse{background-color: transparent; border-color:transparent;}
	.navbar-inverse .navbar-header{background-color: #222;}
	.navbar-nav{position: relative; margin: 0; width: 160px; float: right; background-color: #222;}
	.navbar-nav li{width: 160px;}
	.navbar-nav .open .dropdown-menu{position: absolute; left: 0; top: 0; bottom: 0; margin-left: -160px; background-color: #333;}
	.navbar-nav .open .dropdown-menu>li>a{height:50px; line-height: 50px; padding: 0; margin: 0; background-color: #000; display: block;}
	.navbar-nav .open .dropdown-menu{float:left; position:absolute; z-index:999;}
	.nav>li.open{height:auto;}
	#bs-example-navbar-collapse-1{overflow:visible;}
	
	#news{padding:10px 0 30px 0; background-size:cover;}
	.newsBox{border:0;}
	.newsBox img{width: 64px; float: left; margin: 5px;}
	.newsBox .newsInfo{position:static;}
	.newsBox .newsInfo h4{margin: 0; line-height: 30px;}
	.newsBox .newsInfo p{margin: 0; padding: 0; line-height: 20px; padding-bottom: 5px;}
	.mainBox .text-content h1{margin-top: 0; font-size: 20px; font-weight: bold;}


}