@charset "utf-8";
/* iphone 4s app,
   author by kevin,
   2012.03.15
   */

/*初始化*/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div {margin:0;padding:0;border:0;}
ul,ol,li{list-style-type:none;}
select,input,img,select,td{vertical-align:middle;}

body{ color:#333; font-size:12px; font-family:Verdana, Geneva, sans-serif; background:#f6f6f6;}
table{ border-collapse:collapse; border:0;}


a{text-decoration:none;}
a:link{color:#999;}
a:visited{color:#999;}
a:hover,a:active,a:focus{color:#ff0000;text-decoration:underline;}



.clearfloat{clear:both;}
/*初始化 end*/

/*上部分*/
.header_out{ width:100%; height:80px; background:url(../img/head_bg.gif) repeat-x; }
.header{ margin:0 auto; width:960px; height:80px;}
 .h_logo{ float:left;  width:326px; height:50px; margin-top:10px; padding-left:10px; }
 .h_right{ float:right; width:600px; height:80px;}
   
  .hr_menu{ float:right; margin-top:17px; width:450px; height:58px; background:url(../img/munu_bg.gif) no-repeat;} 
   .hr_menu ul{}
   .hr_menu li{ float:left; margin-left:0px; width:133px;  height:58px; font-size:14px; text-align:center; }
    .hr_menu li a{ margin:5px 0px 0px 7px; width:119px; height:43px; display:block; text-indent:-200px; overflow:hidden; text-decoration:none;}
    .hr_menu li a:visited{color:#666; text-decoration:none;}
    .hr_menu li a:hover{ text-decoration:underline;}
   
    .hr_menu li.hrm_li1{ }
     .hr_menu li.hrm_li1 a{ background:url(../img/menu_iphone.gif) }
     .hr_menu li.hrm_li1 a:hover{ background:url(../img/menu_iphone_over.gif); }
	 .hr_menu li.hrm_li1_on {margin-left:0px; width:133px; background:#999;}
	 .hr_menu li.hrm_li1_on a{margin:0px; margin-top:0px;  width:133px; height:58px; background:url(../img/menu_iphone_on.gif) right no-repeat; text-decoration:none; }
	 .hr_menu li.hrm_li1_on a:visited{height:58px; }
	 .hr_menu li.hrm_li1_on a:hover{ height:58px;  text-decoration:underline;}
   
   .hr_menu li.hrm_li2{ }
     .hr_menu li.hrm_li2 a{ background:url(../img/menu_ipad.gif);   }
	 .hr_menu li.hrm_li2 a:hover{ background:url(../img/menu_ipad_over.gif) }
	 .hr_menu li.hrm_li2_on {margin-left:0px; width:133px; background:#999;}
	 .hr_menu li.hrm_li2_on a{margin:0px; margin-top:0px;  width:133px; height:58px; background:url(../img/menu_ipad_on.gif) right no-repeat; text-d2coration:none; }
	 .hr_menu li.hrm_li2_on a:visited{height:58px; }
	 .hr_menu li.hrm_li2_on a:hover{ height:58px;  text-decoration:underline;}
	 
   .hr_menu li.hrm_li3{ }
     .hr_menu li.hrm_li3 a{ background:url(../img/menu_android.gif) }
	 .hr_menu li.hrm_li3 a:hover{ background:url(../img/menu_android_over.gif); }
	 .hr_menu li.hrm_li3_on {margin-left:0px; width:133px; background:#999;}
	 .hr_menu li.hrm_li3_on a{margin:0px; margin-top:0px;  width:133px; height:58px; background:url(../img/menu_android_on.gif) right no-repeat; text-d2coration:none; }
	 .hr_menu li.hrm_li3_on a:visited{height:58px; }
	 .hr_menu li.hrm_li3_on a:hover{ height:58px;  text-decoration:underline;}
	 
   .hr_menu li.hrm_li4{ width:160px; }
     .hr_menu li.hrm_li4 a{ width:160px; }
	 .hr_menu li.hrm_li4 a:hover{ background:url(../img/menu4_hover.png) no-repeat; }
	 .hr_menu li.hrm_li4_on {margin-left:1px; width:160px;}
	 .hr_menu li.hrm_li4_on a{ height:41px; background:url(../img/menu4_on.png) right no-repeat; color:#fff; filer:none; text-shadow:none; text-decoration:none; }
	 .hr_menu li.hrm_li4_on a:visited{height:41px; color:#FFF;}
	 .hr_menu li.hrm_li5_on a:hover{ height:41px; color:#FFF; text-decoration:underline;}
	 

   
/*底部版权*/
.footer{ margin:0 auto; width:960px; height:60px; margin-top:20px; border-top:#e5e5e5 1px solid; padding-top:10px; color:#999;line-height:150%}
.footer_logo{ float:left; width:89px; height:27px; padding-left:10px;}
.footer_copyright{ float:left; margin-left:10px; width:400px; height:auto; ;}
.footer_about{ float:right; margin-right:10px; width:500px; height:auto; text-align:right;}




 .overview_ri{ float:right; margin-top:10px; width:560px; height:auto; 
   text-shadow:0 1px 0 #fff;
 }
  
 
 /*分页面*/
 .lower_mid{ width:960px; height:auto; margin:0 auto; margin-top:30px; font-size:14px; line-height:150%;}
 .main_le{ width:385px; height:auto; float:left; margin-left:10px;}
  .main_le_overview{ width:100%; height:150px;  font-family:"微软雅黑";  text-shadow:0 1px 0 #fff;}
  	.main_le_overview h2{ font-size:30px; line-height:40px; font-weight:normal; color:#669900;}
	.main_le_overview p{ margin-top:20px; text-indent:28px; line-height:180%;  }
  .main_le_but{ width:100%; height:auto;display: inline-block;}
  .main_le_but a{ width:180px; height:55px; margin-left:20px; display:block; background:url(../img/but_iphone.gif); text-indent:-200px; overflow:hidden; text-decoration:underline; }
  .main_le_but a:hover{  background:url(../img/but_iphone_on.gif); text-decoration:underline;}
     .main_le_but a.ipad{  background:url(../img/but_ipad.gif);  }
  	 .main_le_but a.ipad:hover{  background:url(../img/but_ipad_on.gif); }
	 .main_le_but a.android{  background:url(../img/but_android.gif);  }
  	 .main_le_but a.android:hover{  background:url(../img/but_android_on.gif); }
  
  .main_le_featuer{ width:100%; height:68px; margin-top:20px;}
   .main_le_featuer ul {}
   .main_le_featuer li{ float:left; margin-top:10px; width:150px; height:24px; line-height:24px; text-indent:30px; background:url(../img/icon.gif) no-repeat; color:#999; text-shadow:0 1px 0 #fff;}
   .main_le_featuer li.li1{ background-position:;}
   .main_le_featuer li.li2{ background-position:0px -24px;}
   .main_le_featuer li.li3{ background-position:0px -48px;}
   .main_le_featuer li.li4{ background-position:0px -72px;}
   .main_le_featuer li.li5{ background-position:0px -96px;}
   
  .main_le_download{ width:330px; padding-left:50px; background:url(../img/download.gif) no-repeat; height:auto; margin-top:55px;}
  .main_le_download ul{}
  .main_le_download li{ color:#999; font-size:12px; line-height:150%;}
  .main_le_download li.li_head{ color:#000; font-size:14px; font-weight:bold; margin-bottom:5px;}
   .mld_le{ float:left; width:210px;} 
     .mld_le a{ width:100x; height:20px;  color:#4b8b24;}
   	 .mld_le a:visited{ color:#4b8b24;}
     .mld_le a:hover{ color:#f00;}
   	 .mld_le li{ font-size:14px;}
   .mld_ri{ float:right; width:100px;}
   .mld_ri img{ padding:2px; background:#FFF; border:#CCC 1px solid;}
   .main_le_download li.li2 { height:20px; line-height:20px;}
   .main_le_download li.li2 .num{ width:120px; height:16px; background:#FFF; border:#9eb382 1px solid; font-family:"微软雅黑"; font-size:14px; text-indent:5px; line-height:16px; margin-left:5px;}
   .main_le_download li.li3 { margin-top:5px; height:auto; line-height:24px; margin-right:10px;}
   .main_le_download li.li3 a{ width:72px; padding:3px 15px 5px 10px; _padding:4px 15px 4px 10px; font-weight:bold; color:#336600; text-align:center; line-height:21px; background:url(../img/but_sendmail.gif) no-repeat; overflow:hidden;}
    .main_le_download li.li3 a:visited{  background:url(../img/but_sendmail.gif) no-repeat;}
	.sendN{width:72px; padding:3px 15px 5px 10px; _padding:4px 15px 4px 10px; font-weight:bold; color:#ccc; text-align:center; line-height:21px; background:url(../img/but_sendmailN.gif) no-repeat;overflow:hidden;}
	.main_le_download li.li3 a:hover{ background-position:0px -29px; text-decoration:none;}
  
  .main_ri{ margin-left:430px; _margin-left:427px;  width:530px; height:auto;}
   .main_ri_pic{ width:530px; height:345px; }
   .main_ri_tip{ width:410px; padding-left:100px; height:100px; margin-top:20px; background:url(../img/tip.gif) no-repeat 15px 0px; line-height:150%; text-shadow:0 1px 0 #fff;}
   .main_ri_tip p{ margin-top:5px; color:#666; line-height:180%;}
   .main_ri_tip a{ width:100x; height:20px;  color:#4b8b24;}
   .main_ri_tip a:visited{ color:#4b8b24;}
   .main_ri_tip a:hover{ color:#f00;}
   .main_le_but a{float: left;}
   .main_le_but .for36{
       background: none;
       width: auto;
       height: auto;
       text-indent: 0;
       display: none;
   }
.main_le_but .for36:hover {
    background: none;
    text-decoration: none;
}
.main_le_but .for36 img{
    margin-top: 10px;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix{*zoom:1;}