@charset "utf-8";
/* 简单流媒体
   注意: 流媒体要求您删除 HTML 中媒体的高度和宽度属性
   http://www.alistapart.com/articles/fluid-images/ 
*/
*{ margin:0; padding: 0;}
body{ background-color: #f6f6f6; font: 16px/1.5 "Microsoft YaHei"}
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 流体网格属性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	灵感来自于 Ethan Marcotte 的“具有响应的 Web 设计” 
	http://www.alistapart.com/articles/responsive-web-design
	
	和 Joni Korpi 的“黄金网格系统”
	http://goldengridsystem.com/
*/

/* 移动设备布局: 480px 及更低。 */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。 */

@media(min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* 桌面电脑布局: 769px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 */

@media(min-width: 769px) {
.gridContainer {
	width: 88.2%;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}
@media (min-width:1024px){
.gridContainer { 
	max-width:1001px;
}	
}
.info{ border-bottom:1px solid #d2d2d2; overflow:hidden; padding:10% 0}
.downLogo{ width: 27%; float: left; text-align:center;}
.downLogo img{ border:1px solid #bdbdbd; border-radius:10px; padding: 5%; background-color:#fff; width:90%;}


.appInfo{ margin-left:33%;}
.appInfo h3{ font-size:20px; margin-bottom:5%;}
.appInfo .text{ font-size:12px; color:#757575;}
.appInfo .gray{ color:#9e9e9e;}

a{ text-decoration: none}
.downBtn{ padding: 5%}
.downBtn a{ display: block; text-align:center; color: #fff; background-color:#006eba; margin-bottom: 5%; padding:5% 0; border-radius: 10px;}
.downBtn a.last{ margin-bottom:0}

@media(min-width: 480px) {
	.downLogo{ width: 25%;}
	.appInfo{ margin-left: 28%}
	.info{ padding: 2.5% 0;}
	.appInfo h3{ font-size:20px;}
	.appInfo .text{ font-size:14px;}
	.downBtn{ padding: 2.5% 5%;}
	.downBtn a{ padding:2.5% 0}
}

@media(min-width: 640px) {
	.downLogo{ width: 20%;}
	.appInfo{ margin-left: 24%}
	.info{ padding: 2.5% 0;}
	.appInfo h3{ font-size:24px;}
	.appInfo .text{ font-size:16px;}
	.downBtn{ padding: 2.5% 5%;}
}

@media(min-width: 1024px) {
	.downLogo{ width: 30%;}
	.appInfo{ margin-left: 33%}
	.info{ padding: 2.5% 0;}
	.appInfo h3{ font-size: 3.5rem; margin-bottom:1rem}
	.appInfo .text{ font-size: 1.8rem;}
	.downBtn{ padding: 2.5% 5%;}
	.downBtn a{ font-size: 2.5rem}
}
.weixin{ padding: 30px 0 0 0;}
.weixin h3{ font-size: 16px; text-align: center;}
.weixin p{ text-align: center;}