@charset "utf-8";
body{padding:0;margin:0;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;color:#000;text-align:center;background:url(images/bg.jpg);}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;}
a:link,a:visited{color:#000;text-decoration:none;}
a:hover{color:#212027;text-decoration:underline;}
img{border:none;}
ol,ul,li{list-style:none;} 
em{font-style:normal;}
/*clear*/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
.w1000{width:1000px;}
.fl{float:left;}
.fr{float:right;}
.white,.white a:link,.white a:visited,.white a:hover{color:#fff;}
/*header*/
.header{height:35px;background:#fff;}
.header span{float:left;}
.header span img{margin-top:3px;}
.header em{float:right;line-height:35px;}
.header em a{margin:0 6px;}
.header em,.header em a:link,.header em a:visited,.header em a:hover{color:#666;}
/*top*/
.topCon{position: relative;}
.top_h{height: 348px;}
.top_m{display:none;}
/*video*/
.video{margin-bottom: 60px;}
.video h1{height: 55px;text-align: center;background:#a10b09;font:normal 22px/55px \5FAE\8F6F\96C5\9ED1;}
/*txt*/
.txtbg{background:#f7d88f;padding:30px 0;border-top:2px solid #e9c675;border-bottom:2px solid #e9c675;}
.txtbg div{font-size: 16px;color:#413007;}
/*pic*/
.pic{width: 998px;border:1px solid #d3a67f;margin-top: 50px;}
.pic li{float:left;width: 20%;padding:30px 0;}
.pic li p{width:167px;margin:0 15px;font-size: 14px;height: 180px;}
.pic li p img{display: block;margin-bottom: 18px;}
.pic li p a{color:#794e28;}
.pic2 li{width: 16.6666667%;}
.pic2 li p{width:139px;margin:0 10px;height: auto}
/*---------MEDIA QUERIES Mobile phone--------------*/	   
@media (min-device-width:320px) and (max-width:689px),(max-device-width:480px){
	.w1000,.pic{width:100%; max-width:640px; min-width:320px;}
	.top_h{display:none;}
	.top_m{display:block;}
	.top_m img,.video video{width: 100%;height: auto;}
	.video{margin-bottom:0px;}
	.video h1{font-size:16px;}
	.txtbg{margin-top: 0px;padding:15px 0;background:#f2e3c4;border-top:2px solid #e0c5a4;border-bottom:2px solid #e0c5a4;}
	.txtbg div{width:80%}
	.pic{margin-top: 0}
	.pic li,.pic2 li{width: 50%;padding:15px 0;}
	.pic li p,.pic2 li p{height: auto;margin:0 10px;}
	.pic2 li p{margin:0 15px;}
	.pic li p img{width:100%;height: auto}
	.pic2 li p img{width:110%;height: auto}
}