﻿

/* 页面顶部 */
#mLogo{ margin:auto;width:100%;  text-align:center; background-color:#FFF;overflow:hidden;}
#mLogobar{ width:1200px; margin:auto;height:90px;overflow:hidden;  }
.mLogoimg{ float:left; width:210px; height:70px; padding-top:15px;text-align:left;}
.mLogoimg img{ width:200px; height:70px;}
.mLogomid{ float:left; width:120px; height:30px; padding-top:40px;text-align:left;font-size:20px; color:#999;  }
.mLogomid a{ color:#C7D0E2; }
.mLogoright{ float:right;width:750px;height:90px; text-align:left;}
.mLogoright ul{ float:left;width:750px; margin-top:25px; height:36px;font-size:15px; }
.mLogoright ul li{ float:right;width:auto;height:36px; line-height:36px; margin:0px 20px; padding:0px 0px; text-align:center; font-size:16px;  }
.mNavbar1{ height:36px; }
.mNavbar1 a{ display:inline-block; height:36px; line-height:36px;background-color:#3790E4; color:#FFF; padding:0px 25px;border-radius:20px;  } 
.mNavbar2{ }
.mNavbar2 a{ display:inline-block; color:#9DAECD; }
.mNavbar2 a:hover{ color:#3790E4;  }


.appmain{ margin:auto; margin-bottom:60px;width:100%; height:680px;text-align:left;position:relative;background-color:#3498DB; overflow:hidden; }
.appmain .cent{ margin:auto; width:1100px; height:680px; }
.appmain .cent .left{ float:left; width:650px; height:650px; padding-top:30px; }
.appmain .cent .right{ float:left; width:450px; height:680px;  }
.appmain .cent .right .word{ float:left; width:450px; height:100px; margin-top:20px; }
.appmain .yun{ position:absolute; left:0px; top:572px;z-index:2;width:100%; height:108px;background:url(../images/mobile/yun.png) center no-repeat; }

/* 二维码 */
.qrcode{ margin:0px auto; margin-top:160px; width:200px; height:auto; background-color:#FFF; padding:20px 5px; padding-bottom:10px;border-radius:8px; text-align:center;overflow:hidden; }
.qrcode .conte{ float:left;width:200px; height:auto; }
.qrcode .title{ float:left;width:200px; height:30px; line-height:30px; color:#999; font-size:15px; }
.qrcode .conte img{ width:170px; height:170px; border:1px #DDD solid; }

.qrcodes{ float:left;width:150px; height:auto;margin-top:180px; background-color:#FFF; padding:20px 5px; padding-bottom:10px;border-radius:8px; margin-left:40px; text-align:center;overflow:hidden; }
.qrcodes .conte{ float:left;width:150px; height:auto; }
.qrcodes .title{ float:left;width:150px; height:30px; line-height:30px; color:#999; font-size:12px; }
.qrcodes .conte img{ width:120px; height:120px; border:1px #DDD solid; }


/* 页面主体 */
.appbg{ background:url(../images/mobile/bg.jpg) top center no-repeat; }

.line1{ font-size:46px; font-family: "Microsoft YaHei", 微软雅黑; line-height:70px; color:#FFF;}
.line2{ font-size:26px; font-family: "Microsoft YaHei", 微软雅黑; line-height:50px; color:#E2DDDE;}
.line3{ font-size:20px; font-family: "Microsoft YaHei", 微软雅黑; line-height:50px; color:#E2DDDE;}
.line4{ font-size:16px; font-family: "Microsoft YaHei", 微软雅黑; line-height:40px; color:#E2DDDE;}
.line5{ line-height:180px;}
.line5 img{ width:150px; height:150px; border:1px #DDD solid; padding:2px; background-color:#FFF; }
.line6{ font-size:36px; font-family:Arial Narrow;font-weight:bold; line-height:40px; color:#FFF;}
.line7{ font-size:14px;line-height:30px; color:#E2DDDE;}


.appt1{ FONT-FAMILY: "微软雅黑"; FONT-SIZE: 36px; FONT-WEIGHT: bold;color:#333; line-height:50px; }
.appt2{ FONT-FAMILY: "微软雅黑"; FONT-SIZE: 20px; color:#333; line-height:35px; padding:20px; }

.appDown{ display:inline-block; width:240px; line-height:50px;font-size:22px; background-color:#6BC30D;color:#FFF; text-align:center; cursor:pointer;border-radius:3px; }
.appDown:link{ color:#FFF; }
.appDown:hover{ background-color:#63B10C;color:#FFF; }












