/* @charset "gb2312"; */
body{ font:16px/1.5em Microsoft Yahei,tahoma,Srial,helvetica,sans-serif;}
body,ul,p,h1,h2,dl,dd,form,input,textarea,select { padding:0; margin:0;}
ul,li{ list-style:none; }
img { border:none;display:block; }
a { text-decoration:none; }
a:hover { text-decoration:none; }
.clear{ clear: both;}
.bfd img{ width: 100%; vertical-align: bottom;}
.left{ float: left; }
.right{ float: right; }
.oop{ width: 100%; height: 500px; background: red; }
.wrap { width:640px; margin:0 auto; position:relative;}

.sec04{ width: 100%; height: 100%; background:url(../images/sec04_bg.jpg) center no-repeat; padding-bottom: 4%;}
.sec_content{ width: 94.1%; height:100%; margin: 0 auto; background: #fff; padding-bottom: 4%; }
.sx_tab li{ float: left; width: 33.3%;background: #e7e7e7; text-align: center; padding: 4% 0px;}
.sx_tab li a{font-size: 1.5rem; color: #666;}
.sx_tab ul .on{ background: #fff; border-bottom: 1px solid #563d2a; }
.sx_tab ul .on a{ font-size: 1.5rem; color: #563d2a; }
.sec_bott{ width: 60%; padding: 2% 0px; margin: 0 auto; background: #5a402b;}
.sec_bott a{display: block; font-size: 1.375rem; color: #fff;  text-align: center;}




@media (min-width:320px) and  (max-width:480px){
	html{font-size:31% !important}
	.wrap { width:100%; }
	.sx_tab li a{font-size: 1.4rem; color: #666;}
	.sx_tab ul .on{ background: #fff; border-bottom: 1px solid #563d2a; }
	.sx_tab ul .on a{ font-size: 1.4rem; color: #563d2a; }
	.sec_bott a{display: block; font-size: 1.4rem; color: #fff;  text-align: center;}
}

@media (min-width:480px) and  (max-width:640px){
	html{font-size:47% !important}
	.wrap { width:100%; }
	.sx_tab li a{font-size: 1.4rem; color: #666;}
	.sx_tab ul .on{ background: #fff; border-bottom: 1px solid #563d2a; }
	.sx_tab ul .on a{ font-size: 1.4rem; color: #563d2a; }
	.sec_bott a{display: block; font-size: 1.4rem; color: #fff;  text-align: center;}
}