@charset "utf-8";
/* CSS Document */
.botton{font-size:12px; color:#B3B3B4; text-align:center; line-height:18px; padding-top:30px; padding-bottom:30px; background:#535252;}
.botton span{font-size:14px; line-height:26px;}


body{ background-color:#535252; background:url('images/bg.jpg') center top repeat-y;}
.header{ width:960px; height:77px; margin:0 auto;}
.header .logo{ float:left; width:440px;}
.header .menu{ float:left; width:520px; padding-top:38px;}
.contStyle{width:960px;  margin:0 auto; overflow:hidden;}
img{ border:0;}



*{margin:0; padding:0}
.top1{height:100px; background:#666}
.contaner{background:url(images/bg1.jpg) no-repeat center top; height:550px}
.banner1{position:relative; width:960px; margin:auto;}
.left1{position:absolute; width:62px; height:62px; top:229px; left:47px;}
.left1 a{display:block; width:62px; height:62px; background:url(images/left1.jpg) no-repeat;}
.right1{position:absolute; width:62px; height:62px; top:229px; left:848px;}
.right1 a{display:block; width:62px; height:62px; background:url(images/right1.jpg) no-repeat;}
.computer1{width:757px; height:72px; position:absolute; top:478px; left:100px;}
.pc1{float:left; width:252px; height:72px;}
.pc1 a{display:block; width:252px; height:72px; background:url(images/pc1.jpg) no-repeat}
.pc1 a:hover{background:url(images/pc2.jpg) no-repeat;}
.apple1{float:left; margin-left:1px; width:252px; height:72px;}
.apple1 a{display:block; width:252px; height:72px; background:url(images/apple1.jpg) no-repeat;}
.apple1 a:hover{background:url(images/apple2.jpg) no-repeat;}
.android1{float:left; margin-left:1px; width:251px; height:72px;}
.android1 a{display:block; width:251px; height:72px; background:url(images/android1.jpg) no-repeat;}
.android1 a:hover{background:url(images/android2.jpg) no-repeat;}
.footer1{background:#535252;clear:both}
.footer1_1{width:960px;margin:auto;}
.footer1_1 img{margin:25px 213px 0 213px}



.main{width:960px; height:639px; margin:auto;}
.main2{width:960px; margin:auto; position:relative}
.information{position:absolute;	width:255px;height:200px;top:228px;	left:514px}
.masage1{width:255px; height:34px; background:url(images/masage1_bg.jpg) no-repeat; border:none; line-height:32px; font-size:12px; padding-left:5px; color:#878788}
.masage2{width:160px; height:34px; background:url(images/masage2_bg.jpg) no-repeat; border:none; line-height:32px; font-size:12px; padding-left:5px; color:#878788; margin-top:10px; float:left;}
.btn1{width:87px; height:34px; float:left; margin-top:10px; border:none; margin-bottom:14px;}
.btn2{width:128px; height:43px; border:none; clear:both; margin-left:65px;}
.number{font-size:32px; color:#D61518; font-family:Arial; margin:25px 30px 0 90px}

.contaner1{background:url(images/bg2.jpg) no-repeat center top}
.contaner2{background:url(images/bg3.jpg) no-repeat center top}
.contaner3{background:url(images/bg4.jpg) no-repeat center top;}
.contaner4{background:url(images/bg5.jpg) no-repeat center top;}
.contaner5{background:url(images/bg6.jpg) no-repeat center top;}
.contaner6{background:url(images/bg7.jpg) no-repeat center top;}
.contaner7{background:url(images/bg8.jpg) no-repeat center top;}
.contaner8{background:url(images/bg9.jpg) no-repeat center top;}
.contaner9{background:url(images/bg10.jpg) no-repeat center top;}