body{margin: 0px;}

a, a:hover { text-decoration:none;}

html { overflow-y:scroll;}



/* Area ========================================= */
.area_gird { margin:0 auto; width:1200px; overflow:hidden; clear:both }
.area_gird .caption { margin-top:18px; height:46px }
.area_gird .caption h1 { display:block; float:left; padding:0 20px 0 17px; background:url(../images/caption_icon.png) no-repeat 0 17px; font-size:18px; font-weight:normal; line-height:46px }
.area_gird .caption .switch { float:right; margin-top:11px; text-align:center }
.area_gird .caption .switch a { display:block; float:left; padding:0 10px; height:24px; line-height:24px; border:1px solid #ddd; background:#fafafa; _display:inline }
.area_gird .caption .switch a.switch_l { border-top-left-radius:3px; border-bottom-left-radius:3px; border-right:0 }
.area_gird .caption .switch a.switch_r { border-top-right-radius:3px; border-bottom-right-radius:3px; border-left:0 }
.area_gird .caption .switch a.switch_on { border:1px solid #39b54a; background:#39b54a; color:#fff }
@media screen and (max-width:1200px) {
.area_gird { width:900px }
}

/* scroll img ========================================= */
.scroll { position:relative; height: 595px; overflow:hidden;width:100%;}
.scroll_img { position:absolute; left:0; top:0; height: 595px; width:100%;}
.scroll_img_list { width:100%; height: 595px;position:relative;overflow: hidden;}
.scroll_img_list img{width:1920px;height:595px;position:absolute;top:0;left:50%;margin-left:-960px;}
.scroll_img_iOS { background:#0c7eff url(../images/scroll_img_iOS.png) center bottom no-repeat;}
.scroll_img_iOS dl { display:block; margin:0 auto; width:900px; height:520px; position:relative }
.scroll_img_iOS dt { display:block; position:absolute; left:260px; bottom:127px; width:300px; height:60px; line-height:60px; text-align:center; font-size:13px; color:#fff}
.scroll_img_iOS dt span { margin:0 10px }
.scroll_img_iOS dd { display:block; position:absolute; left:262px; bottom:90px; width:300px; height:40px; line-height:40px; text-align:center; color:#b7dbff}
.scroll_img_PC { background:#1870ff url(../images/scroll_img_PC.png) center bottom no-repeat }
.scroll_img_PC_down { margin:0 auto; width:900px; height:520px; position:relative }
.scroll_img_PC_down a { display:block; position:absolute; left:308px; bottom:128px; width:284px; height:52px; text-align:center; line-height:52px; background:url(../images/scroll_BTN_PC.png)}
.scroll_img_PC_down a:hover { background:url(../images/scroll_BTN_PC.png) bottom}
.scroll_img_PC_down_l { font-size:16px; font-weight:bold; margin-right:14px }
.scroll_img_PC_down_r { color:#999 }
.scroll .area_gird { position:absolute; top:0; left:50%; margin-left:-600px; margin-top:360px; height:1px; overflow:visible; }
.scroll .area_gird .btns { position:absolute; bottom:-180px; z-index:3; overflow:hidden; text-align:center; width:100%; }
.scroll .area_gird .btns a { display:inline-block; margin:0 5px; width:12px; height:12px; overflow:hidden; border-radius:10px; background: url(../images/scroll_btn.png); background-position:left -12px; background-repeat:no-repeat; line-height:9999px; }
.scroll .area_gird .btns a:hover { background-position:left 0; }
.scroll .area_gird .btns a.on    { background-position:left 0; }
.scroll .area_gird .scroll_prev, .scroll_next { display:block; width:62px; height:62px; position:absolute; z-index:3; bottom: 10px; }
.scroll .area_gird .scroll_prev { left:0; background:url(../images/btn-lr.png) left top }
.scroll .area_gird .scroll_prev:hover { background:url(../images/btn-lr.png) left bottom }
.scroll .area_gird .scroll_next { right:0; background:url(../images/btn-lr.png) right top }
.scroll .area_gird .scroll_next:hover { background:url(../images/btn-lr.png) right bottom }

@media screen and (max-width:1200px) {
.scroll_img_list { width:900px }
.scroll .area_gird { margin-left:-450px; }
}