@charset "gb2312";
/* CSS Document */
html {font-size:62.5%;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,   dl, dt, dd, ul, ol, li, pre, 
form, fieldset, legend, button, input, textarea, 

img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 '΢ÈíÑźÚ',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;}
input, img {vertical-align: middle;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top; width:100%}


@media (min-width:1px) and  (max-width:319px){
    html{ font-size:31%;}
	}
	
@media (min-width:320px) and  (max-width:399px){
   html{ font-size:39%;}
	}
	
@media (min-width:400px) and  (max-width:479px){
     html{ font-size:45%;}
    }
	
@media (min-width:480px) and  (max-width:559px){
     html{ font-size:49%;}
	} 
	
@media (min-width:560px) and  (max-width:639px){
    html{ font-size:56%;}
	}



/**********************ר¼ÒÏêÇéÒ³***********************/
#zj_wrap{ background:#efefef;}
.zj_intro{ text-align:center;}
.zj_intro .btns{ margin:4% auto;}
.zj_intro .btn{ font-size:2.4rem; color:#fff; border-radius:10px; padding:2% 8%; margin:0 2%; display:inline-block;}
.zj_intro .btn1{ background:#551e71;}
.zj_intro .btn2{ background:#c49d62;}
.zj_shanchang{width:95.2%; margin:10% auto 0; }
#zj_shanchang{ width:95.2%; margin:6% auto 20%; background:#fff; box-shadow:0 6px 10px 2px #c8c0d5;}
#zj_shanchang .hd{ clear:both; overflow:hidden; padding:4% 0;}
#zj_shanchang .hd li{ width:33%; float:left; background:#c49d62; color:#fff; cursor:pointer; font-size:1.8rem; font-weight:bold; text-align:center; padding:2% 0; }
#zj_shanchang .hd li.on{ background:#551e71;}
#zj_shanchang .hd .gap{ margin:0 0.5%;}