.wp{max-width: 640px; min-width: 320px; margin: 0 auto; font-size: 18px; color: #303030; line-height: 1.7;}
.ma{ text-align: center;}
.over{ overflow: hidden;}
.w100{ width: 100%;}

.w30{ margin: 30px 30px 0;}
.mb20{ margin-bottom: 20px;}
.mt20{ margin-top: 20px;}
h2{ font-size: 30px; font-weight: bold; color: #303030; line-height: 1.1;}
h2 span{ display: block; font-weight: normal;}
a.btna{ display: block;border-radius: 5px;width: 232px; height: 50px; background: url(../images/btnicon.png) no-repeat 190px center rgb(207, 6, 96); margin: 30px auto 0; line-height: 50px; text-indent: 30px; font-size: 24px; color: #fff;}
h3{ font-size: 24px; text-align: center; margin-top: 30px;}
.bg1{ background: #f1f0f0; overflow: hidden; margin-top: 20px;}
.left{ float: left; width: 41.875%}
.right{ float: left; width: 58.125%; font-size: 20px;}
.right .imgs{ width: 58.87%}
.right p.title{font-size: 30px; font-weight: bold;}
.boxs li{ float: left; width: 30%;}
.boxs li span{font-size: 26px; font-weight: bold; color: #876022; display: block; text-align: center;}
.mr5{ margin-right: 5%}
.mt10{margin-top: 10px;}
.tc{ text-align: center; font-size: 20px;}
.tc h4{font-weight: bold; color: #876022}
.bg2{ overflow: hidden; background: #000000; padding: 8px 8px; width: 97.33333%; color: #fff; margin-bottom: 8px;}
.bg2 .imgs2{ width: 68%; float: left;margin-right: 2%;}
.bg2 p.title{font-weight: bold; font-size: 22px;}
.mar100{ margin: 0 100px;}
@media screen and (max-width: 480px) {
	.wp{font-size: 14px;}

	.mb20{ margin-bottom: 10px;}
	.mt20{ margin-top: 10px;}
	.w30{ margin: 15px 15px 0;}
	h2{ font-size: 22px;}
	.right{ float: left; width: 58.125%; font-size: 14px;}
	.right p.title{font-size: 22px;}
	.boxs li span{font-size: 22px; font-weight: bold; color: #876022; display: block; text-align: center;}
	.tc{ text-align: center; font-size: 16px;}
	.bg2 p.title{font-weight: bold; font-size: 18px;}
	.bg2{ margin-bottom: 4px;}
	h3{ font-size:18px; text-align: center; margin-top: 15px;}
	a.btna{ margin: 15px auto 0;}
	.mar100{ margin: 0 30px;}
}



.xmlist{overflow:hidden;}
.xmlist a{width:33%;display:block;float: left;}




.media {width:100%; background: url(../images/p2.jpg) no-repeat center center;background-size:100%; overflow: hidden;}
.brand_02 {text-align: center;padding:15px;}
img{display:block;}