@charset "gb2312";
/* CSS Document */


/* clearfix */
.clearfix:before, .clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}

/*--------------------------------------*/

.app_header{ background:url(app_bg.png) repeat-x;}
.app_head_block{ height:31px; line-height:30px; width:1001px; margin:0 auto;}
.app_head_block span{ display:block; width:260px; text-align:left;color:#666666; float:left;}
.app_head_block span a{ text-decoration:underline;}
.app_logo{ width:1001px; background:url(logo_bg.gif) no-repeat right; margin:0 auto; }
.app_logo h1{ text-align:left;}
.app_logo h1 a{ display:block; width:195px; height:94px;}
.app_nav{ width:500px; float:right; height:31px; line-height:30px; text-align:right;}
.comiis_wrapad{ width:100%; height:400px; position:relative;}
.app_banner{ background:url(ad01.jpg) no-repeat center; height:394px; display:block; width:100%;}
.app_banner01{ background:url(ad02.jpg) no-repeat center; height:394px; display:block; width:100%;}
.app_banner02{ background:url(ad03.jpg) no-repeat center; height:394px; display:block; width:100%;}
.app_banner03{ background:url(ad04.jpg) no-repeat center; height:394px; display:block; width:100%;}
.app_banner_box{ width:1001px; height:500px; margin:0 auto; position:relative;}
.and_a{ position:absolute; top:276px; left:470px; width:180px; height:50px;}
.iph_a{ position:absolute; top:276px; left:661px; width:180px; height:50px;}
.app_wz{ position:absolute; top:210px; left:480px; width:320px; height:120px; text-align:left; color:#FFFFFF; line-height:28px;}
.app_ann{ position:absolute; top:345px; left:480px; width:233px; height:68px; }
.app_shuru{ width:999px; height:89px; border:1px solid #c8c9cc; margin:10px auto 0; background:url(app_bg.png) repeat-x left -161px;}
.app_shuru span{ color:#000000; font-family:"microsoft YaHei"; font-weight:bold; font-size:18px; line-height:89px; padding:0 10px;}
.app_shuru span strong{ color:#f08300; padding:0 5px;}
.app_container{ width:979px; border:1px solid #c8c9cc; margin:10px auto 0; padding:10px; background:#FFFFFF; position:relative; text-align:left;}
.app_khd{ margin-bottom:10px; overflow:hidden; padding-left:100px; background:url(app_bg.png) no-repeat 7px -400px; text-align:left; width:640px; margin-top:20px;}
.app_khd h2{ font-size:16px; font-family:"microsoft YaHei"; font-weight:bold; color:#333333; margin-bottom:15px;}
.app_khd h2 span{ font-family:"SimSun"; font-size:12px; font-weight:normal; padding:0 10px;}
.app_khd p{ line-height:28px; margin-bottom:15px;}
.app_ewm{ width:230px; height:300px; position:absolute; top:50px; right:20px;}
.app_ewm p{ font-family:"microsoft YaHei"; line-height:25px; font-size:14px; text-align:center;}
.iphone_b{ margin-right:10px; cursor:pointer;}
.android_b{ cursor:pointer;}
.app_gundong{ height:365px; width:976px; border:1px solid #dadadc; position:relative;}
.app_gundong_t{ height:35px; line-height:34px; background:url(app_bg.png) repeat-x 0 -256px;}
.app_gundong_t span{ color:#3f3f3f; padding-left:15px; font-size:16px; font-family:"microsoft YaHei";}
.app_gundong ul{ overflow:hidden; padding:30px 0; position:absolute; width:2500px;}
.app_gundong ul li{ width:191px;  height:275px; float:left; padding:0 15px;}
#slideshow03{ overflow:hidden; width:884px; height:330px; position:relative; margin-left:43px;}
.app_gundong ul li a{ display:block; -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #B9B9B9; box-shadow: 3px 3px 4px #B9B9B9; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#B9B9B9')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#B9B9B9');}
.prev{ width:40px; height:80px; position:absolute; top:140px; left:0; background:url(app_bg.png) no-repeat left -301px; cursor:pointer;}
.next{ width:40px; height:80px; position:absolute; top:140px; right:0; background:url(app_bg.png) no-repeat right -301px; cursor:pointer;}

/*--------------------------------------*/

.tanchuang01{background:#FFFFFF; border:6px solid #666666; height:290px; left:32%; top:20%; width:570px; z-index:999; position:fixed; _position:absolute;}
.tanchuang01 h4{ height:55px; line-height:55px; background:#f6f6f6; padding:0 15px; text-align:center;}
.tanchuang01 h4 span{ padding:0 20px; font-weight:normal; font-size:12px;}

.tanchuang{background:#FFFFFF; border:6px solid #666666; height:290px; left:32%; top:20%; width:570px; z-index:999; position:fixed;_position:absolute;}
.tanchuang h4{ height:55px; line-height:55px; background:#f6f6f6; padding:0 15px; text-align:center;}
.tanchuang h4 span{ padding:0 20px; font-weight:normal; font-size:12px;}

.tanc_t{ height:50px; background:#ededed; border:1px solid #c5c4c4; position:relative;}
.tanc_t h3{ line-height:50px; color:#666666; padding-left:20px;}
.app_xzfs{ padding:0 40px;}
.app_xzfs em{ float:left; background:#b9b9b9; width:40px; height:23px; line-height:23px; color:#FFFFFF; text-align:center; font-style:normal; display:block; border-radius:3px 3px 3px 3px;}
.app_xzfs .app_xzfs_line01{ padding:15px 0; border-bottom:1px solid #c5c4c4; height:40px;}
.app_xzfs_line02{ padding:15px 0; }
.app_xz01{ width:240px; padding-left:40px; float:left;}
.app_xz01 span{ padding:0 10px; display:block; float:left; width:65px; height:20px; line-height:20px;}
.app_xz01 a{ float:left; display:inline-block; width:136px; height:37px;}
.app_xz01_input{ width:140px; height:21px; padding-left:3px; color:#999999; line-height:21px; border:1px solid #9c9c9c; float:left;}
.app_duanx{ width:136px; height:37px; margin:10px 0 0 85px;}
#cover{ background:none repeat scroll 0 0 #000000; height:auto; left:0; opacity:0.4; filter:alpha(opacity=40); position:fixed; _display:none !important; height:100%;  top:0;  width:100%; z-index:60;}
.tanc_gb{ position:absolute; top:15px; right:15px; background:url(tc_gb.jpg) no-repeat; width:12px; height:12px; cursor:pointer;}

#c_foot DL { line-height: 24px; margin-top: 6px; text-align: center;}
#c_foot a, #c_foot a:visited { color: #666666; font-weight:normal}
#c_foot em {font-style: normal;}
#c_foot { clear: both; color: #666666; line-height: 22px; padding: 20px 0 40px; width:1001px; margin: 10px auto 0; border-top:1px solid #C8C9CC; font-weight:normal}

#slideBar { position:absolute; width:80px; bottom:25px; left:50%;}
#slideBar LI { text-indent:-9999em; margin:0px 3px; width:14px; display:block; background:url(icon-gray.png) no-repeat; height:15px; _background:transparent; float:left;}
#slideBar .on { background-image:url(icon-yel.png); _background: transparent}

.div_q { cursor: pointer; font-size: 12px; height:300px; opacity: 0.9; position: fixed; right: 20px; top:125px; width: 130px; z-index: 9;}