@charset "gb2312";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
body{ text-align:center; font:12px SimSun,Microsoft YaHei,SimHei;  _background-image:url(../images/index_body_bg.gif); _background-attachment:fixed; height:100%;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input, button, select, textarea { outline:none; }
fieldset,img{ border:0; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
em { font-style:normal; }
textarea { resize:none; } /*forbidden text drag especail in chrome*/
.compatibility_ie6{ /* _behavior: url(iepngfix/iepngfix.htc); _behavior:url("csshover.htc"); behavior: url(ie-css3.htc); */}
a{ text-decoration:none; color:#000; font:12px SimSun,Microsoft YaHei,SimHei;}
li{ list-style-position:outside; list-style:none; vertical-align:bottom;}
/****************************** Above Common Css Style End ******************************/

.lr_all{ text-align:justify; text-justify:inter-ideograph;} /*in order to lft rit align*/
.clear{ clear:both;}
.row_box{ height:auto; width:950px;}
.ove_hi{ overflow:hidden;}
.ove_vi{ overflow:visible;}
.ove_au{ overflow:auto;}
.rela{ position:relative; top:0px; left:0px;}
.abso{ position:absolute;}
.fb{ font-weight:700;}
.ali_l{ text-align:left;}
.ali_r{ text-align:right;}
.ali_c{ text-align:center;}
.flt_l{ float:left;}
.flt_r{ float:right;}
.dis{ display:block; width:141px; height:141px;}
.diss{ display:block; width:162px; height:162px;}
/** margin top **/
.mgt_34{ margin-top:24px;}.mgt_35{ margin-top:35px;}
/** margin bottom **/

/****************************** Above Custom Common Css Style End ******************************/


/** Header Start **/
.header{ height:auto; width:100%; overflow:hidden; text-align:center;}
.header .tops{ height:53px; background:url(../images/page_top_bg.gif) repeat-x left top; text-align:center;}
.header .tops .cons{ height:53px; width:905px; overflow:hidden; margin:0px auto;}
.header .tops .cons .logo{ display:block; float:left; margin-left:44px; _margin-left:22px; width:137px; height:43px; overflow:hidden; margin-top:5px;}
.header .tops .cons .logo img{ _behavior: url(iepngfix/iepngfix.htc);}
.header .tops .cons .rit_info{ height:53px; width:400px; overflow:hidden; float:right; padding-right:20px; background:url(../images/rit_bg.gif) no-repeat right top;}
.header .tops .cons .rit_info a{ display:block; height:18px; line-height:18px; overflow:hidden; float:right; margin-top:17px; color:#ebebe6; padding-left:8px; margin-left:8px; background:url(../images/line.gif) no-repeat left 3px;}
.header .tops .cons .rit_info a.n_bg{ background:none;}
.header .banner{ height:349px; width:100%; text-align:center; overflow:hidden; background:#00768c url(../images/banner.jpg) no-repeat center top;}
.header .banner .cons{ height:349px; overflow:hidden; width:905px; margin:0px auto; position:relative; left:0px; top:0px;}
.header .banner .cons .phone_img{ position:absolute; left:25px; bottom:0px; _behavior: url(iepngfix/iepngfix.htc);}
.header .banner .cons .words_img{ position:absolute; right:5px; bottom:35px; _behavior: url(iepngfix/iepngfix.htc);}
.header .banner .cons .dls_btns{ cursor:pointer; display:block; height:46px; background:url(../images/for_free_dls.png) no-repeat; _background:url(../images/for_free_dls.gif) no-repeat; width:274px; overflow:hidden; position:absolute; left:555px; top:267px; z-index:9; _behavior: url(iepngfix/iepngfix.htc); border:0px;}
/** Header End **/

/** Content Start **/
.content{ height:auto; width:100%; overflow:hidden; margin:0px auto; background:url(../images/banner_btm_shadow.jpg) no-repeat center top; padding-top:16px;}
.content .row_one{ height:298px; background:white; overflow:hidden; text-align:center; overflow:hidden; text-align:center;}
.content .row_one .ro_cons{ height:298px; overflow:hidden; width:905px; background:url(../images/pho_img1.jpg) no-repeat 285px 56px; margin:0px auto;}
.content .row_one .ro_cons .lft_wd{ height:auto; width:368px; overflow:hidden; position:absolute; left:40px; top:36px;}
.content .row_one .ro_cons .lft_wd .lw_tit{ font:36px microsoft yahei; text-align:left; line-height:140%; color:#333;}
.content .row_one .ro_cons .lft_wd .lw_cons{ width:368px; margin-top:20px; text-align:left; overflow:hidden; font:16px microsoft yahei; color:#666; line-height:160%;}

.content .row_two{ height:310px; background:#f4f4f4 url(../images/grey_shadow.gif) repeat-x left top; overflow:hidden; text-align:center; overflow:hidden;}
.content .row_two .rt_cons{ height:310px; overflow:hidden; width:905px; background:url(../images/pho_img2.jpg) no-repeat 15px bottom; margin:0px auto;}
.content .row_two .rt_cons .lft_wd{ height:auto; width:500px; overflow:hidden; position:absolute; right:13px; top:56px;}
.content .row_two .rt_cons .lft_wd .lw_tit{ font:36px microsoft yahei; text-align:left; line-height:140%; color:#333;}
.content .row_two .rt_cons .lft_wd .lw_cons{ width:500px; margin-top:20px; text-align:left; overflow:hidden; font:16px microsoft yahei; color:#666; line-height:200%;}

.content .row_three{ height:320px; background:white; overflow:hidden; text-align:center; overflow:hidden; text-align:center;}
.content .row_three .rth_cons{ height:320px; overflow:hidden; width:905px; background:url(../images/pho_img4.jpg) no-repeat 435px 0px; margin:0px auto;}
.content .row_three .rth_cons .lft_wd{ height:auto; width:368px; overflow:hidden; position:absolute; left:40px; top:36px;}
.content .row_three .rth_cons .lft_wd .lw_tit{ font:36px microsoft yahei; text-align:left; line-height:140%; color:#333;}
.content .row_three .rth_cons .lft_wd .lw_cons{ width:368px; margin-top:20px; text-align:left; overflow:hidden; font:16px microsoft yahei; color:#666; line-height:160%;}

.content .row_five{ height:314px; background:#f4f4f4 url(../images/grey_shadow2.jpg) repeat-x left top; overflow:hidden; text-align:center; overflow:hidden;}
.content .row_five .rf_cons{ height:314px; overflow:hidden; width:905px; background:url(../images/pho_img3.jpg) no-repeat 15px bottom; margin:0px auto;}
.content .row_five .rf_cons .lft_wd{ height:auto; width:510px; overflow:hidden; position:absolute; right:13px; top:56px;}
.content .row_five .rf_cons .lft_wd .lw_tit{ font:36px microsoft yahei; text-align:left; line-height:140%; color:#333;}
.content .row_five .rf_cons .lft_wd .lw_cons{ width:510px; margin-top:30px; text-align:left; overflow:hidden; font:16px microsoft yahei; color:#666; line-height:200%;}

.content .three_download_btn{ width:100%; height:123px; overflow:hidden; text-align:center; background:url(../images/grey_shadow3.gif) repeat-x left top;}
.content .three_download_btn .cons{ height:123px; width:905px; overflow:hidden; margin:0px auto;}
.content .three_download_btn .cons img.android_ver{ position:absolute; left:0px; top:30px; cursor:pointer;}
.content .three_download_btn .cons img.ios_ver{ position:absolute; left:310px; top:30px; cursor:pointer;}
.content .three_download_btn .cons img.wp_ver{ position:absolute; right:0px; top:30px; cursor:pointer;}
/** Content End **/

.alert_tier_cont{ display:none; height:100%; width:100%; position:fixed; left:0px; top:0px; z-index:99; text-align:center; _position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||(document.documentElement.clientWidth*0)));_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||(document.documentElement.clientHeight*0))))}
.alert_tier_opacity_bg{ height:100%; width:100%; position:absolute; left:0px; top:0px; z-index:5; background-color:black; opacity:0; filter: Alpha(opacity=0);}

/** Alert Common Title Start **/
.alert_common_tit{ height:42px; overflow:hidden; background:url(../images/alert_tit_bg.gif) repeat-x;}
.alert_common_tit span{ display:block; height:42px; float:left; padding-left:28px; font:22px/38px microsoft yahei; color:white; float:left;}
.alert_common_tit img.close_btn{ float:right; margin-right:30px; _margin-right:15px; width:22px; height:21px; margin-top:10px; cursor:pointer;}
/** Alert Common Title End **/

/** All Version Alert Start **/
.all_version_alert{ width:1000px; height:540px; overflow:hidden; border:1px #007d93 solid; background:#f5fdff; position:absolute; left:50%; margin-left:-500px; top:-600px; z-index:999;}
.all_version_alert .ava_inner_con{ height:auto; width:1100px; overflow:hidden; padding:35px 0px 20px 38px;}
.all_version_alert .ava_inner_con .td_aic{ float:left; height:auto; padding-right:26px; width:255px; overflow:hidden; background:url(../images/td_tit_line_bg.gif) no-repeat right 30px; margin-right:46px;}
.all_version_alert .ava_inner_con .td_aic .ta_tit{ height:37px; line-height:37px; padding-left:56px; overflow:hidden; text-align:left; color:#322f28; font:21px/37px microsoft yahei; width:230px;}
.all_version_alert .ava_inner_con .ad_logo{ background:url(../images/ad_logo.gif) no-repeat left center;}
.all_version_alert .ava_inner_con .ios_logo{ background:url(../images/ios_logo.gif) no-repeat left center;}
.all_version_alert .ava_inner_con .wp_logo{ background:url(../images/wp_logo.gif) no-repeat left center;}
.all_version_alert .ava_inner_con span.dls_ways{ display:block; height:22px; line-height:22px; text-align:left; font-weight:bold; color:#008da0; font:14px; padding-bottom:15px;}
.all_version_alert .ava_inner_con .dls_common{ height:39px; text-align:left; overflow:hidden;}
.all_version_alert .ava_inner_con .dls_common img{ cursor:pointer;}
.all_version_alert .ava_inner_con .send_row{ height:32px; overflow:hidden; position:relative; left:0px; top:-15px;}
.all_version_alert .ava_inner_con .send_row span{ display:block; height:32px; line-height:32px; float:left; font-size:14px; color:#322f28; margin-top:7px;}
.all_version_alert .ava_inner_con .send_row input.tel_txt{ display:block; background:white; border:1px #333 solid; float:left; height:22px; line-height:22px; width:85px; margin-top:7px;}
.all_version_alert .ava_inner_con .send_row input.send_btn{ border:0px; background:none; height:32px; width:77px; float:left; overflow:hidden; background:url(../images/send_btn.gif) no-repeat left top; margin-left:18px; cursor:pointer;}
.all_version_alert .ava_inner_con .clear_bg{ background:none;}
/** All Version Alert End **/

/** Oth Single Version Start **/
.oth_common{ background:white; width:396px; height:595px; overflow:hidden; border:1px #007d93 solid; position:absolute; left:50%; margin-left:-198px; top:-610px; z-index:999;}
.oth_common .oc_cons{ padding:33px 0px 0px 33px;}
.oth_common .oc_tit{ height:37px; line-height:37px; padding-left:56px; overflow:hidden; text-align:left; color:#322f28; font:21px/37px microsoft yahei; width:230px;}
.oth_common .ad_logo{ background:url(../images/ad_logo.gif) no-repeat left center;}
.oth_common .ios_logo{ background:url(../images/ios_logo.gif) no-repeat left center;}
.oth_common .wp_logo{ background:url(../images/wp_logo.gif) no-repeat left center;}
.oth_common span.dls_ways{ display:block; height:22px; line-height:22px; text-align:left; font-weight:bold; color:#008da0; font:14px; padding-bottom:15px;}
.oth_common .dls_common{ height:39px; text-align:left; overflow:hidden; padding-left:65px;}
.oth_common .dls_common img{ cursor:pointer;}
.oth_common .send_row{ height:32px; overflow:hidden; position:relative; left:0px; top:-10px;}
.oth_common .send_row span{ display:block; height:32px; line-height:32px; float:left; font-size:14px; color:#322f28; margin-top:7px;}
.oth_common .send_row input.tel_txt{ display:block; background:white; border:1px #333 solid; float:left; height:22px; line-height:22px; width:150px; margin-top:7px;}
.oth_common .send_row input.send_btn{ border:0px; background:none; height:32px; width:77px; float:left; overflow:hidden; background:url(../images/send_btn.gif) no-repeat left top; margin-left:18px; cursor:pointer;}
.oth_common .pdl_65{ padding-left:45px;}
/** Oth Single Version End **/