.navbar-wrapper {
    width: 100%;
    min-width: 320px;
    max-width: 640px;
    height: auto;
    margin: 0 auto;
    z-index: 9999;
}
.navbar-wrapper ul {
    width: 100%;
    list-style: none;
    height: auto;
}
.navbar-wrapper ul li {
    width: 25%;
    display: block;
    float: left;
    font-size: 1.4rem;
    text-align: center;
    color: #FFF;
    border-right: 1px solid #fff;
    background-image: -webkit-linear-gradient(to top, #862928, #924a28);
    background-image: linear-gradient(to top,#862928,#924a28);
}
.navbar-wrapper ul li a {
    color: #FFF;
    letter-spacing: 1px;
    text-decoration: none;
}
.navbar-nav {
    margin: 1px 0 0 0;
}
.navbar-wrapper ul li a:hover {
    color: #FC3;
    font-weight: bold;
    text-decoration: none;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-image: -webkit-linear-gradient(to top, #862928, #924a28);
    background-image: linear-gradient(to top,#862928,#924a28);
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
.panel-body {
    padding: 0px;
}
.onion-p{
	padding:10px 10px 0px 10px;
}
.onion-pp{
	padding:15px 0px;
	font-weight: 600;
	color: #704a01;
	font-size: 15px;
}
.onion-spp{
	padding:0px 0px;
	font-weight: 400;
	color: #575555;
	font-size: 15px;
	line-height: 24px;
}
.onion-sppp{
	padding:0px 0px;
	font-weight: 400;
	color: #575555;
	font-size: 15px;
	line-height: 20px;
}
.onion_span{
	display: block;color: #704a01;font-weight: 600;font-size: 1.5em;padding-bottom: 10px;padding-top: 5px;
}
.swcc01{
	display: none;
	opacity: 0;
}
.swcc06{
	font-size: 14px;
	text-align: center;
}
.swcc06p{
	text-indent: 28px;
	line-height: 24px;
}
.onion-ppp{
	font-weight: 600;
	color: #704a01;
	line-height: 26px;
	font-size: 16px;
}
.onion_zzgh{
	font-size: 20px;
	font-weight: 800;
	margin-left:10px; 
}
.col-xs-3 label{
	font-size: 18px;
	font-weight: 500;
}
.col-xs-9 img{
	position: relative;
	left: 30px;
	height: 28px;
	z-index: 1;
}
/*自适应*/
@media (min-width: 320px){
	.onion-p{
		font-size: 14px;
	}
	.onion_span{
		font-size: 1.8em;
	}
	.nav > li > a {
	    padding: 8px 0px;
	}
	.swcc01{
		display: block;
		opacity: 1;
	}
	.onion-pp{
		font-size: 12px;
	}
	.onion-spp{
		font-size: 12px;
	}
	.onion-sppp{
		font-size: 12px;
		line-height: 17px;
	}
	.onion_zzgh{
		font-size: 16px;
	}
	.col-xs-3 label{
		font-size: 15px;
	}
	.col-xs-9 img{
		left: 15px;
	}
}
@media (min-width: 375px){
	.onion-p{
		font-size: 13px;
	}
	.onion_span{
		font-size: 2.1em;
	}
	.nav > li > a {
	    padding: 8px 15px;
	}
	.swcc01{
		display: none;
		opacity: 0;
	}
	.onion-pp{
		font-size: 14px;
	}
	.onion-spp{
		font-size: 14px;
	}
	.onion-ppp{
		line-height: 27px;
		font-size: 17px;
	}
	.onion-sppp{
		line-height: 19px;
		font-size: 14px;
	}
	.onion_zzgh{
		font-size: 17px;
	}
	.col-xs-3 label{
		font-size: 17px;
	}
	.col-xs-9 img{
		left: 30px;
	}
}
@media (min-width: 414px){
	.onion-p{
		font-size: 14px;
	}
	.onion_span{
		font-size: 2.5em;
	}
	.onion-ppp{
		line-height: 28px;
		font-size: 18px;
	}
	.onion-sppp{
		line-height: 22px;
		font-size: 15px;
	}
	.onion_zzgh{
		font-size: 19px;
	}
	.col-xs-3 label{
		font-size: 18px;
	}
	.col-xs-9 img{
		left: 40px;
	}
}
@media (min-width: 450px){
	.onion-p{
		font-size: 15px;
	}
	.onion-pp{
		font-size: 15px;
	}
	.onion-spp{
		font-size: 15px;
		line-height: 26px;
	}
	.swcc06{
		font-size: 15px;
	}
	.swcc06p{
		text-indent: 30px;
	}
	.onion-ppp{
		line-height: 30px;
		font-size: 20px;
	}
	.onion-sppp{
		line-height: 22px;
		font-size: 15px;
	}
	.onion_zzgh{
		font-size: 20px;
	}
	.col-xs-9 img{
		left: 50px;
	}
}
@media (min-width: 550px){
	.onion-p{
		font-size: 17px;
	}
	.onion_span{
		font-size: 3em;
	}
	.onion-pp{
		font-size: 16px;
	}
	.onion-spp{
		line-height: 28px;
		font-size: 16px;
	}
	.swcc06{
		font-size: 16px;
	}
	.swcc06p{
		text-indent: 32px;
		line-height: 26px;
	}
	.onion-sppp{
		line-height: 24px;
		font-size: 16px;
	}
	.onion_zzgh{
		font-size: 24px;
	}
	.col-xs-9 img{
		left: 75px;
	}
}
@media (min-width: 640px){
	.swcc06p{
		text-indent: 46px;
		line-height: 26px;
	}
	.onion_zzgh{
		margin-left: 15px; 
		font-size: 26px;
	}
	.col-xs-9 img{
		left: 100px;
	}
}
@media (min-width: 768px){
	.navbar-nav > li > a {
	   padding-top: 10px;
	   padding-bottom: 10px;
	}
}

		.footf{
			width: 100%;
			color: #747474;
			text-align: center;
			font-size: 12px;
			margin: 20px auto;
		}
		@media (min-width:350px) {
		    .footf{
				font-size: 13px;
			}
		}
		@media (min-width:400px) {
		    .footf{
				font-size: 14px;
			}
		}
		@media (min-width:450px) {
		    .footf{
				font-size: 16px;
			}
		}
		@media (min-width:500px) {
		    .footf{
				font-size: 18px;
			}
		}
		@media (min-width:550px) {
			.footf{
				font-size: 19px;
			}
		}
		@media (min-width:600px) {
			.footf{
				font-size: 20px;
			}
		}
		@media (min-width:640px) {
			.footf{
				font-size: 20px;
			}
		}