/* CSS Document */


html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th{ padding:0; margin:0;}
body{font-size:12px;color:#2b2b2b;font-family: "Microsoft YaHei", Arial, Verdana, serif;}//font-family: "STXihei"; 
fieldset,img { border:0; vertical-align:middle}
address,caption,cite,code,dfn,em,th,var { font-weight: normal; font-style: normal;}
ol,ul,li { list-style: none;}
caption,th { text-align: left;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%;}
q:before,q:after { content:'';}
abbr,acronym { border: 0;}
a { color:#3d3d3d; text-decoration:none;}
a:hover { color:#d22785; }
.fl{float: left;}
.fr{float: right;}


/*首页*/
.wrapper {width: 100%; display: block;min-width: 320px; height:920px;margin:0 auto;overflow: hidden;min-width: 1000px; background:url(/resources/images/homePage/bg1.png) no-repeat; background-size: 100% 100%;}

.header{ width:100%; height:138px; border-bottom:2px solid #c30d23;}
.header .logo{ width:408px; height:88px; float:left; padding-left:20%; margin-top:25px;}
.nav{ width:300px; height:40px; float:right; margin-top:70px; margin-right:320px;  font-size:20px;  text-align:right; }
.nav p{ width:90px; float:left; margin-left:10px; font-weight:bold;}
.nav p a{ color:#4f1811;}
.banner,.content{ width:1200px; height:auto; margin:0 auto; }
.left{ width:417px; height:auto; float:left; margin-top:140px;}
.banner .words{ float:left; }
.banner .android{ width:250px; height:60px; float:left; background:url(/resources/images/homePage/btn-andirod.png) no-repeat; margin-top:32px; }
.banner .ios{ width:250px; height:60px; float:left; background:url(/resources/images/homePage/btn-ios.png) no-repeat; margin-top:32px; }
.right{ width:753px; height:auto; float:right; margin-top:138px; margin-left:30px;}

.pagea{ width:100%; position:relative; background:url(/resources/images/homePage/bg2.png) no-repeat; height:782px;}
.pagea .display,.pagec .display { width:321px; height:587px; float:left; margin-top:160px;}
.pagea .icon{ width:560px; height:120px; float:left; margin-top:140px;}
.pagea .icon li{ width:107px; height:108px; float:left; margin-left:60px;}
.pagea .words{ width:480px; height:260px; float:left; margin-top:136px;}
.pagea .words .mum{ width:185px; height:185px; position:absolute; top:300px; right:38%;}
.pageb{width:100%; position:relative; background:url(/resources/images/homePage/bg3.png) no-repeat; height:782px;}
.pageb .display{ width:321px; height:120px; float:right;}
.pageb .words{ width:480px; height:260px; float:left; margin-top:380px; position:absolute; left:40%;}
.pageb .mum{ width:185px; height:185px; position:absolute; top:410px; left:28%;}

.pagec{width:100%; position:relative; background:url(/resources/images/homePage/bg4.png) no-repeat; height:782px;}
.pagec .words{ width:480px; height:260px; float:left; margin-left:120px; margin-top:406px;}
.pagec .words .mum{ width:185px; height:185px; position:absolute; top:450px; right:22%;}

.copy{ width:100%; height:118px; float:left; background-color:#c81125; text-align:center; line-height:151px; color:#fff; font-weight:bold; font-family:Microsoft YaHei; font-size:16px;}