@charset "utf-8";
/*去除页面中所有标签的默认间距、补白*/
* { margin:0px; padding:0px;}
/*页面中的默认字体、字体大小、背景、文字颜色*/
body { font-size:12px; font-family:Arial; color:#666666; background:#f0f0f0;}
/*页面右侧滚动条*/
html { overflow-y:scroll;}
/*清除页面所有图片的默认边框*/
img { border:none;}
/*去除ol、ul、li的默认样式*/
ol,ul,li { list-style-type:none;}
/*设置表单等项目的默认字体大小*/
input,select,textarea { font-size:12px;}
/*设置文字段落、表格单元格的默认行高*/
p,th,td { line-height:22px;}
/*字体*/
.yahei { font-family:微软雅黑;}
.songti { font-family:宋体;}
/* 其它需要用到的字体大小 */
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
h1{ font-size:14px;}
h2{ font-size:12px;}
h3{ font-size:12px;}
.font10 { font-size: 10px;}
.font11 { font-size: 11px;}
.font12 { font-size: 12px;}
.font13 { font-size: 13px;}
.font14 { font-size: 14px;}
.font15 { font-size: 15px;}
.font16 { font-size: 16px;}
/*去除页面中的链接点击后留下的虚线框*/
body a{ outline:none;blr:expression(this.onFocus=this.blur());}
/* 整个网站需要的字体样式*/
.strong { font-weight:bold;}
.underline { text-decoration:underline;}
/* 图片边框 */
.imgp2 img { padding: 2px; border: 1px solid #cccccc; }
/* 1px细线 */
.div1px { border:#CCCCCC solid 1px; }
/* li相关 */
ul,li { list-style-type:none; }
/* 带着图片的li */
.imgli1 li{ list-style-image:url(../BG.jpg) ; }
/*默认的文字链接样式*/
a:link { color:#2F2F2F; text-decoration:none;}
a:visited { color:#2F2F2F; text-decoration:none;}
a:hover { color:#ff6600; text-decoration:none;}
a:active { color:#ff6600; text-decoration:none;}

/*其他文字链接样式*/
.cffffff { color:#ffffff;}
.cffffff a:link{ color:#ffffff;}
.cffffff a:visited { color:#ffffff;}
.cffffff a:hover { color:#cccccc;}
.cffffff a:active { color:#ffffff;} 

/* w系列控制宽度 */
.wauto { width: auto}
.w25 { width: 25%;}
.w33 { width: 33.3%;}
.w50 { width: 50%;}
.w100 { width: 100%;}

.w100px { width:100px;}
.w180px { width:180px;}
.w120px { width:120px;}
.w200px { width:200px;}
.w300px { width:300px;}
.w310px { width:310px;}
.w400px { width:400px;}
.w760px { width:760px;}
.w880px { width:880px;}
.w960px { width:960px;}
.w980px { width:980px;}
.w1000px { width:1000px;}
.w1344px { width:1344px;}

/* h系列控制高度 */
.h100 { height:100%;}
.hauto { height:auto;}

.h20px { height:20px;}
.h30px { height:30px;}
.h40px { height:40px;}
.h50px { height:50px;}
.h100px { height:100px;}
.h150px { height:150px;}

.lineheight100 { line-height:100%;}
.lineheight120 { line-height:120%;}
.lineheight150 { line-height:150%;}
.lineheight180 { line-height:180%;}
.lineheight200 { line-height:200%;}
.lineheight250 { line-height:250%;}

.lineheight15px { line-height:15px;}
.lineheight20px { line-height:20px;}
.lineheight24px { line-height:24px;}
.lineheight30px { line-height:30px;}
.lineheight32px { line-height:32px;}
.lineheight40px { line-height:40px;}

/* --bg系列控制背景图片，自行添加，前面的px控制左右相对位置，后面的控制上下相对位置-- */
.mlbg1 { background:#888888;}
.mlbg2 { background:#CCC;}
.mlbg3 { background:#333;}
.mlbg4 { background:#F0F0F0 url(../images2/app/ye12.png) repeat-y 198px 0px;}
.mlbg5 { background:#39F;}
.mlbg6 { background:#090;}
.mlbg7 { background:#F63;}
.mlbg1344px { background:#fff url(../images2/app/topbg.gif) center top repeat-y;}

/* p系列控制padding */
.p5 { padding:5px;}
.p10 { padding:10px;}
.p15 { padding:15px;}
.p20 { padding:20px;}
.p25 { padding:25px;}
.p30 { padding:30px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pt30 { padding-top:30px;}

.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr25 { padding-right:25px;}
.pr30 { padding-right:30px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb25 { padding-bottom:25px;}
.pb30 { padding-bottom:30px;}

.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl25 { padding-left:25px;}
.pl30 { padding-left:30px;}

/* m系列控制padding */
.m5 { margin:5px!important;}
.m10 { margin:10px!important;}
.m15 { margin:15px!important;}
.m20 { margin:20px!important;}
.m25 { margin:25px!important;}
.m30 { margin:30px!important;}

.mt5 { margin-top:5px!important;}
.mt10 { margin-top:10px!important;}
.mt15 { margin-top:15px!important;}
.mt20 { margin-top:20px!important;}
.mt25 { margin-top:25px!important;}
.mt30 { margin-top:30px!important;}

.mr5 { margin-right:5px!important;}
.mr10 { margin-right:10px!important;}
.mr15 { margin-right:15px!important;}
.mr20 { margin-right:20px!important;}
.mr25 { margin-right:25px!important;}
.mr30 { margin-right:30px!important;}

.mb5 { margin-bottom:5px!important;}
.mb10 { margin-bottom:10px!important;}
.mb15 { margin-bottom:15px!important;}
.mb20 { margin-bottom:20px!important;}
.mb25 { margin-bottom:25px!important;}
.mb30 { margin-bottom:30px!important;}

.ml5 { margin-left:5px!important;}
.ml10 { margin-left:10px!important;}
.ml15 { margin-left:15px!important;}
.ml20 { margin-left:20px!important;}
.ml25 { margin-left:25px!important;}
.ml30 { margin-left:30px!important;}

/* 其他常用元素 */
/*文本对齐样式*/
.center { margin:0px auto;}
.tcenter { text-align:center;}
.tleft { text-align:left;}
.tright { text-align:right;}
/*左右漂浮样式*/
.l { float:left;}
.r { float:right;}
/*css清除浮动*/
.c { clear:both}
.clear { clear:both; height:0px; line-height:0px; font-size:0px;}
/*clearfix:after*/
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix { display:inline-table; display:block;}
*html .clearfix { height:1%;}
*+html .clearfix { height:1%;}
.imgfix img{display:block;}
/* 1px细线 */
.b1s { border:1px solid #CCCCCC;}
.bt1s { border-top:1px solid #CCCCCC;}
.br1s { border-right:1px solid #CCCCCC;}
.bb1s { border-bottom:1px solid #CCCCCC;}
.bl1s { border-left:1px solid #CCCCCC;}
/*添加鼠标悬浮显示手的形状*/
.hand { cursor:pointer;}
/*单行截字*/
.textbreak { white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
/*最小高度*/
.minheight500px { min-height:500px; height:auto!important; height:500px; overflow:visible;}
/*隐藏元素*/
.hide {	display:none;}
/*解决IE6双边距加倍错误*/
.inline { _display:inline;}

/* 页面其他用到效果
-------------------------------------------------------------- */

.head {margin:0 auto;height:31px;overflow:hidden;background:url(../images2/app/top01.gif) repeat-x;width:100%;}
.top {margin:0 auto;width:980px;height:auto;overflow:hidden;}
.headright {float:right;width:490px;text-align:right;margin-top:5px;margin-right:5px;display:inline;line-height:22px;}

.newtop { background:#fff;}

.show { background:#fff;}
.show,.show .showPartContain,.show .showPartContain li.showPart { width:100%; height:500px; clear:both;}
.show,.show .showPartContain { position:relative;}
.show .showPartContain li.showPart { position:absolute; left:0px; top:0px;}
.show .point { width:280px; height:21px; position:absolute; left:50%; top:-42px; margin-left:256px;}
.show .point li { width:auto; height:21px; line-height:21px; background:url(../images2/app/app_btn.gif) right -21px no-repeat; float:left; padding:0px 25px 0px 5px; white-space:nowrap; font:100 14px/21px 微软雅黑; color:#434343; overflow:hidden; margin-right:10px; cursor:pointer;}
.show .point li.cur { background-position:right 0px; color:#1185ce;}

.showBtn { position:absolute; top:205px; z-index:3; width:52px; height:52px; overflow:hidden; background:url(../images2/app/show_btn.png) no-repeat; _background-image:url(../images2/app/show_btn_ie6.gif); _filter:alpha(opacity=45); _opacity:0.45;}
.leftbtn { background-position:0px -52px; right:50%; margin-right:500px;}
.rightbtn { background-position:0px 0px; left:50%; margin-left:500px;}

.sp01 { background:url(../images2/app/appbg01.jpg) center top no-repeat;}
.sp02 { background:url(../images2/app/appbg02.jpg) center top no-repeat;}

.sp01 .content { width:880px; margin:0px auto;}
.sp01 .left { width:490px; float:left; padding-top:80px;}
.sp01 .left .text01 { width:405px;}
.sp01 .left .text01 h3 { font:700 24px/48px 微软雅黑; color:#4c5a63;}
.sp01 .left .text01 p { color:#717171; line-height:22px;}

ul.download { width:100%; float:left;}
ul.download li { width:100%; float:left; padding-top:30px;}
ul.download li a.downLoadBtn { display:block; width:213px; height:87px; overflow:hidden; background:url(../images2/app/btns.gif) no-repeat; float:left; margin-right:30px;}
ul.download li .intro { width:230px; float:left; color:#363636; line-height:22px;}
ul.download li .intro .otherDownload { width:100%; float:left; padding-top:5px;}
ul.download li .intro .otherDownload a { display:block; width:73px; height:23px; line-height:23px; float:left; padding-left:27px; background:url(../images2/app/btns.gif) no-repeat; overflow:hidden; color:#013979!important;}
ul.download li .intro .otherDownload a.way1 { background-position:0px -174px;}
ul.download li .intro .otherDownload a.way2 { background-position:0px -197px;}

ul.download li.iphone a.downLoadBtn { background-position:0px 0px;}
ul.download li.android a.downLoadBtn { background-position:0px -87px;}

.sp01 .right { width:305px; height:300px; float:right; position:relative;}
.sp01 .right .phonebg { width:305px; height:640px; position:absolute; left:0px; top:20px;}
.sp01 .right .phoneContent { width:269px; height:383px; position:absolute; left:18px; top:92px; overflow:hidden;}
.sp01 .right .phoneContent td,.sp01 .right .phoneContent img { width:269px; height:383px;}

.sp02 .right { width:345px; height:300px; float:right; position:relative;}
.sp02 .right .phonebg { width:305px; height:640px; position:absolute; left:0px; top:20px;}
.sp02 .right .phoneContent { width:269px; height:383px; position:absolute; left:18px; top:92px; overflow:hidden;}
.sp02 .right .phoneContent td,.sp02 .right .phoneContent img { width:269px; height:383px;}

.jcarousel-skin-tango { width:269px; height:383px; overflow:hidden;}
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width:269px;}
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:269px; height:383px; }
.jcarousel-skin-tango .jcarousel-item { width:269px; height:383px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right:0px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }

.sp02 .content { width:960px; margin:0px auto;}
.sp02 .content .left { width:427px; float:left; padding-left:23px; padding-top:87px;}
.sp02 .content .left .text02 { height:73px;}
.sp02 .content .left .text02 h3 { font:700 30px/32px 微软雅黑; color:#4c5a63; text-align:center;}
ul.visit { width:100%; float:left;}
ul.visit li { width:330px; padding-left:92px; float:left; min-height:105px; height:auto!important; height:105px; overflow:visible; margin-bottom:16px;}
ul.visit li span.tip { display:block; font:100 16px/38px 微软雅黑; color:#575757;}
ul.visit li strong.site { font-size:30px; font-family:微软雅黑; font-weight:normal; color:#333333;}
ul.visit li .code { line-height:24px;}
ul.visit li .code span { margin-right:14px; color:#575757;}

.foot { line-height:20px; padding:40px 0px 60px; color:#666;}
.foot a:link,.foot a:visited { color:#7f7f7f;}
.foot a:hover,.foot a:acitve { color:#ff6600;}

.phoneContent ul.img,.phoneContent ul.img li { width:269px; height:383px; position:absolute; left:0px; top:0px; z-index:2;}
.phoneContent ul.pp { display:none; position:absolute; width:90px; height:14px; z-index:3; left:50%; bottom:9px; margin-left:-45px;}
.phoneContent ul.pp li { width:12px; height:12px; float:left; margin-right:3px; background:url(../images2/app/point.png) 0px 0px no-repeat; _background-image:url(../images2/app/point.gif); overflow:hidden; cursor:pointer; filter:alpha(opacity=80); opacity:0.8;}
.phoneContent ul.pp li.pcur { background-position:0px -12px;}