@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video { max-width: 100%; }
/* IE 6 does not support max-width so default to width 100% */
.ie6 img { width: 100%; }
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid { clear: both; margin-left: 0; width: 100%; float: left; display: block; }
.fluidList { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* Mobile Layout: 480px and below. */
  
.gridContainer { margin-left: auto; margin-right: auto; width: 100%; padding-left: 0%; padding-right: 0%; clear: none; float: none; }
#div1 { }
.zeroMargin_mobile { margin-left: 0; }
.hide_mobile { display: none; }

/*-----页面样式-----*/
.mobile_bg{ background-image: url(http://hangjianetindex.image.alimmdn.com/app/img/mobile_page_bg.jpg); background-repeat: no-repeat; background-position: center top; background-size: 100%; position: absolute; width: 100%; z-index: 1000; height: 100%; background-color:#000000; }
.m_btn{width: 60%; left:20%; margin:auto; background-color:#008ce4; border-radius: 5px; line-height:50px; position: absolute; bottom: 5%;}
.m_btn a{display:block; width: 100%; height: 50px; text-align:center;}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer { width: 100%; padding-left: 0%; padding-right: 0%; clear: none; float: none; margin-left: auto; }
#div1 { }
.zeroMargin_tablet { margin-left: 0; }
.hide_tablet { display: none; }
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer { width: 100%; max-width: 1232px; padding-left: 0%; padding-right: 0%; margin: auto; clear: none; float: none; margin-left: auto; }
#div1 { }
.zeroMargin_desktop { margin-left: 0; }
.hide_desktop { display: none; }
}