@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% "微软雅黑"; color:#000000;text-align:center; background:url(images/bg00.jpg) center;}
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/200% "微软雅黑";}
li,p{text-align:left;font:normal 12px/200% "微软雅黑";}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% "微软雅黑";}
.w1000{ width:1000px;}
.fl{ float:left;}
.fr{ float:right;}

/*header*/
.header{background:#fff;height:41px;}
.header span{float:left;}
.header span img{margin-top:3px;}
.header em{float:right;padding-top:8px;}
.header em a{margin:0 6px;}
.header em,.header em a,.header em a:link,.header em a:visited,.header em a:hover{color:#666;}

.top01{ height:515px; overflow:hidden;}
.top01 img{ display:none;}
.bg01{ background:url(images/bg02.jpg) top center no-repeat;}
.bza{ background:url(images/bg01.gif) left top no-repeat #fff9f3; height: auto; margin-bottom:45px; padding-bottom:25px;}
.bza p{ font-size:16px; display:block; line-height:180%; padding:25px 25px 0 140px; text-indent:2em;}


.pic_list{width:1000px;height:auto;background:#a70c19; padding:40px 0 0;}
	#tiles{list-style-type:none;position:relative; padding:0; width:980px; margin-left:-18px; float:left;}
	#tiles li{ line-height:160%; border:#fff 1px solid; width:255px;cursor: pointer;float:left; padding:18px; font-size:18px; margin:0 30px 0 0;}
	#tiles li,#tiles li a{ color:#f8e0bb;}
	#tiles li img {display: block; margin-bottom:5px;}

	.page_n2{border-top:1px solid #ccc;width:1000px;height:70px;padding-top:10px;font-size:14x;margin:5px auto; text-align:center;}
	.page_n2 img{vertical-align:middle;}
	.page_n2 a{font-size:14px;}
	
.bg_red{background:#a70c19;}
.page_n{text-align:center;padding:40px 0;}
.page_n a{border:#dddad2 1px solid;background:#f7f6f3;padding:10px 15px;margin:0 5px;}
.page_n a.common_current_page,.page_n a:hover{background:#cc3333;color:#fff;text-decoration:none;border:1px solid #fff;}

.team{text-align:center; margin:40px auto 0px; font-size:14px;}
.copyright{ text-align:center; margin:20px auto 20px; font-size:14px;}


/* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   
	   
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px)
	   {
body{ width:100%;}
.bg01{ background:none;}
.top01{ height: auto; overflow:hidden;}
.top01 img{ display: block; width:100%; height:auto;}

.w1000{ width:100%; max-width:480px; min-width:320px;}
.pic_list{width:100%;height:auto;background:#a70c19; padding:40px 0 0;}
	#tiles{list-style-type:none;position:relative; padding:0; width:90%; margin-left:-8%; float:left;}
	#tiles li{ line-height:160%; border:#fff 1px solid; width:86%;cursor: pointer;float:left; padding:5% ; text-align:left; font-size:18px; margin:0;}
#tiles li img{ width:90%; height:auto; margin:0 auto;}

.bza{ background:url(images/bg01.gif) left top no-repeat #fff9f3; height: auto; margin:15px auto 30px; padding-bottom:25px;}
.bza p{ font-size:16px; display:block; line-height:180%; padding:25px 20px 0 110px; text-indent:2em;}


.page_n{text-align:center;padding:40px 0;}
.page_n a{border:#dddad2 1px solid;background:#f7f6f3;padding:5px 10px;margin:0 5px;}
.page_n a.common_current_page,.page_n a:hover{background:#cc3333;color:#fff;text-decoration:none;border:1px solid #fff;}
.copyright{ text-align:center; margin:20px auto 20px; font-size:10px;}
}