@charset "utf-8";
/* CSS Document */
/* 常用类 */
.m:after,
.clearfix:after { content:""; display:block; clear:both; visibility:hidden; height:0;}
.m,
.clearfix { zoom:1;}
a { color:#7e732a;}
.clear_both { clear:both; }

/* 布局 */
body { color:#666; line-height:1.5em; font-family:Microsoft YaHei,sans-serif; background:#fff url(../images/bodybg.png) 0 0  repeat-x; }
.w { width:1020px; margin: 0 auto; padding-top:10px; background:url(../images/h.gif) center 0 no-repeat; }
.w .m { width: 850px; margin: 0 auto; position: relative;}
.l,.r{ float:left;}
.l { }
h1 { width:150px; height: 50px; text-indent:-1000em; margin: 0 0 50px 0; background: url(../images/mediapad.png) 0 0 no-repeat; }
h2 { margin: 0 0 30px 0;}
.txt { margin: 0 0 30px;}
.btn { height: 119px; position: relative; overflow: hidden; zoom: 1; background:#3c3c3c url(../images/btn_bg.png) 0 0  repeat-x;  }
.btn .pre { position: absolute; left: 20px; top:60px;}
.btn .next { position: absolute; right: 20px; top:60px;}
.btn ul { margin: 0 0 0  80px;}
.btn li { float: left; padding: 0 10px; height: 119px;}
.btn li a { display:block; padding:8px 0  15px  0;}
.btn li a.hover { background:url(../images/btn_hover.png) center bottom no-repeat;}
.btn li p { *width:66px;_width:66px;height: 12px;line-height: 12px;text-align:center; color:#898989; font-size:11px; padding-top:8px;*padding-top:4px;_padding-top:4px;overflow: hidden;}
.location { padding: 40px 0 ; font-size: 18px; font-family: "Microsoft Yahei"  ,sans-serif; font-weight: bold;}
.location img { vertical-align: middle;}
.f { height: 115px; width:850px; margin: 0 auto; background:url(../images/f_bg.png) left top no-repeat; border-top: 1px solid #fff;}
.copyright { padding: 20px 0 0 0px; font-size:10px;}
.links { float: right; font-size: 12px;}
.links a { margin: 0 0 0 15px; color: #666; }
.links img { position: relative; top: 5px; }
.blue { color:#00548a; }
.light-blue { color:#0080B8; }
/* join */
#join .l { width:440px; padding: 0 0 20px 0 ; line-height: 2em;}
#join .r { width: 400px; padding: 20px 0 0 0; overflow: hidden; float:right; }
#join h2 { margin: 0 0 20px 0; font-size: 18px; font-family: "Microsoft Yahei",sans-serif; }
#join .m { width:984px; }
#join .m .txt { width: 410px;}
.job ul { height:88px; width: 417px; background: url(../images/job_bg.png) left top no-repeat; padding: 8px 0 0 0; margin: 2em 0;}
.job li { float: left; margin: 0 10px;}
.rqd { margin: 2em 0;}
.rqd ul { padding-bottom:2em; }
.rqd li { text-indent: 0;}
#join_us .l { padding:0;}
#join_us .m .txt { width:420px;margin-bottom:0;}
#job_box { width: 984px;margin: 0 auto;}
#job_box .job_line { width:100%; border-top: 1px solid #ddd; position: relative;}
#job_box .job_content { width: 44%; float: left; padding-left: 6%; _margin-right:-1px; padding-bottom: 30px; padding-top:30px; background-position: 0 32px; background-repeat: no-repeat; background-size: 35px; }
#job_box .job_content h2 { font-size: 14px; font-weight: normal; margin: 0; padding-bottom: 10px;}
#job_box .job_content .workplace { font-size: 12px; color: #666; padding-left:8px;}
#job_box .job_content dl { line-height: 22px;}
#job_box .job_content dt {}
#job_box .job_content dd { padding:0 10px 35px 0; }
#job_box .job_content p {}
#job_box .i-join { position: absolute; bottom: 30px; z-index:2; }
#job_box .i-join-l { left: 58px; }
#job_box .i-join-r { left: 550px; }

.wb { background:#fff; }

#contact_us .wb { padding-top:30px; }
#contact_us .wb h2 { margin-bottom: 27px; }
#contact_us .l { width:350px; }
#contact_us .m .txt { width:100%; height:190px; position:relative; border-bottom:1px solid #dedede; margin-bottom:65px; }
#contact_us .ti { text-indent:34px; display:block; }
#contact_us .add { position:absolute; bottom:20px; }
#contact_us .m .beijing { margin-bottom:30px; }
#contact_us .r { width:550px; height: 850px; padding-top:6px; }
#contact_us .map { height:306px; position:relative; }
#contact_us .map-box { width: 530px;height: 220px;overflow: hidden;padding: 0;position: absolute;top: 0;border: 8px solid #dedede; }

/*#join .r .img { padding: 120px 0 0 0 ;}*/
/* detail */
#detail .l { width: 280px;}
#detail .r { width: 570px; text-align: center; margin: 2em 0;}
#detail h2 { margin:  0 0 20px 0; font-size: 18px; font-family: "Microsoft Yahei",sans-serif; }
#detail h2 img { vertical-align: middle;}
#detail .price { color:#ff7800; font-family: "Microsoft Yahei"  ,sans-serif; font-weight: bold;}
.intro { margin-bottom: 50px;}
.app table { width: 170px;}
.app th,
.app td { border-top: 1px solid #ccc; padding: 6px 0;}
.app th { font-weight: normal; text-align: left}
.app td { text-align: right;}
.features { clear: both; border-top: 1px solid #ccc; }
.features h3 { margin: 1em 0; }
.features .ftxt { height: 160px; line-height: 2em; margin: 1em 0 2em 0;}

/* 20110505 update */
.btn .btn_r{ float: right;}
.btn li { padding: 0 6px;}
.btn li a{ display:block; position: relative; color: #eeeeee; text-decoration: none; text-align: center; width:83px; height:96px; overflow:hidden; font-family: Microsoft YaHei; }
.btn li.case a { width:72px; }
.btn li img { padding: 4px;}
.btn li.case { padding:0 6px; }
.btn li.case img { width:58px; height:58px; padding-top:10px; }
.btn li span.txt{ display:block; text-align:center; padding-top:7px; margin: 0; height: 16px; overflow: hidden; }
.btn .btn_r span.txt { color:#999999;}
.btn li span.mask{ display: block; position: absolute; top: 14px; left: -5px; z-index: 1; width: 77px; height: 79px; background: url(../images/mask.png) 0 0 no-repeat; }
.mediaSlt { position: absolute; right: 10px; top: 40px;}
.btn ul { margin: 0 18px;}
.list table  { width: 100%; border: 1px solid #ced2d5;}
.list table td { border: 1px solid #ced2d5; padding: 25px ; background:#ffffff url(../images/list_bg.png) left bottom repeat-x}
.list .listimg { float: left; width: 75px; position: relative;}
.list .listtxt { margin-left: 75px;}
.list p { margin: 5px 0;}
.list .mask{display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 77px; height: 79px; background: url(../images/list_mask.png) 0 0 no-repeat; }
.list h3 { color: #000000; font-size: 14px; line-height: 1em;}
#list .f { background: #fff;}

/* iphone ipad选择*/

.appleSlt{ background: url(../images/appleSlt.png) center bottom no-repeat; padding: 15px 0 ; text-align: right;}
.appleSlt .ipadSlt { padding: 0 0 0 10px; border-left: 1px solid #b2b2b2;}
.appleSlt .iphoneSlt { padding:  0 10px; }
.appleSlt span {color:#5f5f5f;}
.appleSlt a { color:#4581be; }
.apple .bImg { position: relative ; margin: 30px 0; float:left;}
.apple .bImg li { padding: 0; display: none;}
.apple .bImg li.hover { display: block;} 

#iphone .bImg ul { padding: 103px 48px 100px 38px; width:229px;}
#ipad .bImg  ul {   padding: 60px 57px 100px 47px; width:282px;}
#iphone .bImg li img { width: 229px; height: 344px;}
#ipad .bImg li img { width:282px; height: 375px;}
.iMask { position:absolute; top: 0; left: 0; }
   
.apple h3 { font-size: 30px; color: #020202; margin: 1em 0;}
.appleTxt { width: 400px; float: left; padding: 100px 0 0 30px; height: 260px; font-size: 14px; line-height: 1.8em;}
.appleTxt a { color:#4581be;}
#ipad .appleTxt { padding: 80px 0 0  30px;}
.apple .sImg { float: left; padding: 10px   0 0 12px;}
.apple .sImg ul {}
.apple .sImg li { float: left; padding: 0 0 0 15px; position: relative;}
.apple .sImg img { width:75px; height: 100px; overflow: hidden;}
.apple .sImg a { }
.apple .sImg .sImgMask{ display: block; width: 77px; height: 101px; position: absolute; top: 0; left: 15px; background: url(../images/simgMask.png) 0 0  no-repeat;}
.apple .sImg a:hover .sImgMask{ background: url(../images/simgMask.png) 0 -101px  no-repeat;}

.footer { width: 984px; padding: 25px 0; margin: 30px auto 0 auto; color: #999; background: url(../images/footer.png) 0 0 no-repeat;line-height:35px;}
.footer { background:none; border-top:1px solid #ccc; }
.footer .link { height: 12px;line-height: 12px;float: right;color: #999;text-decoration: none;margin: 12px 0 0 0;padding: 0 15px 0 15px;border-right: 1px dotted #999;}
.footer .link img { position: relative;top: -4px;}
.footer .noborder { border:none; }
.footer .to_top { padding-right:0; }