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

* {margin: 0px;padding: 0px;}
body {font-family: "宋体";font-size:12px;font-weight: normal;text-decoration: none;width:100%;margin:0px auto 0px auto; background:#fff;}
h1,h2,h3,h4,h5,h6{font-family:"宋体";font-size:12px;font-weight: normal;}
ul li{ list-style:none;}
img{ border:0px;}
table, th, tr, td{}
a:link,a:visited{color:#333; text-decoration:none;}
a:hover{color:#ff0000; text-decoration:none;}

.title{ height:34px; width:245px; background:url(../images/tiao2.jpg) repeat-x; line-height:34px; font-size:14px;}
.title img{ margin:12px 0px 0px 10px;_margin:7px 0px 0px 10px;*margin:15px 0px 0px 10px}
.title1{ height:30px; width:635px; line-height:30px; padding-left:20px; border-bottom:1px dashed #c2c2c2; background:url(../images/title_bg.jpg) no-repeat 10px; font-size:14px; font-weight:bold; color:#224370; margin:5px 0px 10px 0px;}
.iphone{ width:685px; overflow-x:auto; background:#f7f7f7; }
.iphone h2{ font-size:14px; line-height:20px; font-weight:bold; color:#02449e;}
.iphone ul{ width:1840px; overflow:hidden; padding:0 0 0 15px;}
.iphone li{ float:left; width:322px; margin-right:13px; line-height:40px; padding-top:8px;}

.box{ height:5px; width:auto; overflow:hidden;}

#warp{ height:auto; width:100%;background:url(../images/tiao3.jpg) repeat-x;}

#banner{ height:65px; width:950px; margin:0px auto; background:url(../images/tiao3.jpg) repeat-x;}
.b_logo{ float:left; display:inline; height:60px; width:600px; background:url(../images/b_logo.jpg) no-repeat left;}
.b_logo1{ float:left; display:inline; height:50px; width:155px; margin:10px 0px 0px 10px; text-indent:-9999px;}
.b_logo1 a{ display:block;height:50px; width:155px;}
.b_logo2{ float:left; display:inline; height:22px; line-height:22px; width:400px; margin:38px 0px 0px 20px; color:#5D91B9;}
.b_logo3{ float:right; display:inline; height:24px; line-height:24px; width:70px; margin:40px 0px 0px 0px; background:url(../images/dian3.jpg) left 6px no-repeat; padding-left:15px;}
.b_logo3 a{ color:#5d91b9; text-decoration:underline;}

#nav{ height:35px; width:950px; margin:0px auto; overflow:hidden;}
.n_l{ float:left; display:inline; height:34px; width:2px; background:url(../images/nav_r.jpg) no-repeat;}
.n_m{float:left; display:inline; height:34px; width:939px; background:url(../images/nav_m.jpg) repeat-x; padding-left:5px;}
.n_m ul{ float:left; display:inline;} 
.n_m li{ float:left; display:inline; height:33px; width:89px; text-align:center; line-height:33px; font-size:14px; font-weight:bold; color:#fff;}
.n_m a:link{ color:#fff; text-decoration:none;}
.n_m a:visited{ color:#fff; text-decoration:none;}
.n_m a:hover{ color:#fff; text-decoration:none;}
.n_m .zc{ float:right; display:inline; height:33px; line-height:33px; margin-right:10px;}
.n_m .zc a:hover{ text-decoration:underline;}
.n_m .wzh{ width:162px;}
.n_m .zy{ background:url(../images/nav_b.jpg) no-repeat; height:32px; width:94px; margin-top:3px; overflow:hidden;}
.n_m .zy a:link{ color:#004870; text-decoration:none;}
.n_m .zy a:visited{ color:#004870; text-decoration:none;}
.n_m .zy a:hover{ color:#004870; text-decoration:none;}
.n_r{ float:right; height:34px; width:4px; background:url(../images/nav_l.jpg) no-repeat;}

.c_blue a:link{ color:#004c91; text-decoration:underline;}
.c_blue a:visited{ color:#004c91; text-decoration:underline;}
.c_blue a:hover{ color:#004c91; text-decoration:underline;}


#content{ height:auto; width:950px; margin:0px auto; overflow:hidden; margin-top:5px;}
.left{ float:left; width:215px; height:452px; background:url(../images/ios.jpg); padding:10px 0 0 19px; position:relative;}
.left p{ line-height:26px; padding-left:50px; color:#004c91;}
.left .hover{ width:215px; height:99px; background:url(../images/hover.gif); }

.left .ios_hover{ width:215px; height:99px; background:url(../images/ios_hover.gif);}
.left .android_hover{ width:215px; height:99px;display:block; background:url(../images/android_hover.gif); }
.left .box{ width:215px; height:99px;}

.S_Box{}
.S_Box .S_Menu{ height:444px; zoom:1; overflow:hidden;}
.S_Box .S_Menu label{ width:215px; height:99px; float:left; display:inline;}
.S_Box .right{float:right; border-bottom:1px solid #b6e1ff; border-top:1px solid #b6e1ff; border-right:1px solid #b6e1ff; width:714px; height:444px; margin-top:8px; background:url(../images/right_bg.gif) repeat-x; overflow:hidden; position:absolute; top:0px; left:235px;}

#S1 .S_Label_01{ background:url(../images/ios_hover.gif) no-repeat;}
#S1 .S_Label_02{ background:url(../images/android_hover1.gif) no-repeat;}
#S1 .S_Label_03{ background:url(../images/wp01.gif) no-repeat; height:70px;}
#S1 .S_Label_04{ background:url(../images/sb_hover1.gif) no-repeat;}
#S1 .S_Label_05{ background:url(../images/wm_hover1.gif) no-repeat;}

#S2 .S_Label_01{ background:url(../images/ios_hover1.gif) no-repeat;}
#S2 .S_Label_02{ background:url(../images/android_hover.gif) no-repeat;}
#S2 .S_Label_03{ background:url(../images/wp01.gif) no-repeat; height:70px;}
#S2 .S_Label_04{ background:url(../images/sb_hover1.gif) no-repeat;}
#S2 .S_Label_05{ background:url(../images/wm_hover1.gif) no-repeat;}

#S3 .S_Label_01{ background:url(../images/ios_hover1.gif) no-repeat;}
#S3 .S_Label_02{ background:url(../images/android_hover1.gif) no-repeat;}
#S3 .S_Label_03{ background:url(../images/wp_hover.gif) no-repeat; height:70px;}
#S3 .S_Label_04{ background:url(../images/sb_hover1.gif) no-repeat;}
#S3 .S_Label_05{ background:url(../images/wm_hover1.gif) no-repeat;}

#S4 .S_Label_01{ background:url(../images/ios_hover1.gif) no-repeat;}
#S4 .S_Label_02{ background:url(../images/android_hover1.gif) no-repeat;}
#S4 .S_Label_03{ background:url(../images/wp01.gif) no-repeat; height:70px;}
#S4 .S_Label_04{ background:url(../images/sb_hover.gif) no-repeat;}
#S4 .S_Label_05{ background:url(../images/wm_hover1.gif) no-repeat;}

#S5 .S_Label_01{ background:url(../images/ios_hover1.gif) no-repeat;}
#S5 .S_Label_02{ background:url(../images/android_hover1.gif) no-repeat;}
#S5 .S_Label_03{ background:url(../images/wp01.gif) no-repeat; height:70px;}
#S5 .S_Label_04{ background:url(../images/sb_hover1.gif) no-repeat;}
#S5 .S_Label_05{ background:url(../images/wm_hover.gif) no-repeat;}


.right{ float:right; border-bottom:1px solid #b6e1ff; border-top:1px solid #b6e1ff; border-right:1px solid #b6e1ff; width:714px; height:444px; margin-top:8px; background:url(../images/right_bg.gif) repeat-x; overflow:hidden;}
.saiban{ width:450px; overflow:hidden; padding:30px 0 0 85px;}
.saiban h2{ padding:20px 0 0 0;}
.saiban .tit{ line-height:26px; font-size:14px; font-weight:bold; color:#0981d7; padding-top:20px; background:url(../images/tit_bg.gif) no-repeat bottom left;}
.saiban p{ line-height:22px; color:#868686; padding:10px 0;}
.ios{ float:left; display:inline; height:430px; overflow-x:auto; width:610px; margin:10px 0 0 40px;}
.ios ul{ float:left; overflow:hidden; overflow-x:auto; width:6110px;}
.ios li{ float:left; display:inline; width:335px; margin-right:5px; overflow:hidden;}
.ios .tit{ height:66px; width:300px;}
.ios .tit1{ line-height:26px; font-size:14px; font-weight:bold; color:#0981d7; background:url(../images/tit_bg.gif) no-repeat bottom left;}
.ios .tit2{ line-height:20px; color:#868686;}
.ios .tit3{ line-height:26px; color:#868686; padding:7px 0;}

.android{ float:left; display:inline; height:430px; overflow-x:auto; width:660px; margin:10px 0 0 25px;}
.android ul{ float:left; overflow:hidden; overflow-x:auto; width:11200px;}
.android li{ float:left; display:inline; width:592px; margin-right:10px; overflow:hidden;}
.android .tit{ height:55px; overflow:hidden;}
.android .tit1{ line-height:26px; font-size:14px; font-weight:bold; color:#0981d7; background:url(../images/tit_bg.gif) no-repeat bottom left;}
.android .tit2{ line-height:20px; color:#868686;}
.android .tit3{ line-height:26px; color:#868686; padding:2px 0 0 8px;}
.ydbox{ width:100%; overflow:hidden; background:#f6fbff;}
.ydbox_l1{ height:4px; width:820px; background:url(../images/r_bg11.gif) no-repeat; overflow:hidden;}
.ydbox_l2{ height:4px; width:692px; background:url(../images/r_bg111.gif) no-repeat; overflow:hidden;}
.ydbox_l3{ height:4px; width:1050px; background:url(../images/rbg1.gif) no-repeat; overflow:hidden;}
.ydbox_l{ height:4px; width:592px; background:url(../images/r_bg1.jpg) no-repeat; overflow:hidden;}
.ydbox_m{  border-left:1px solid #d0e9fd; border-right:1px solid #d0e9fd; padding:5px 0px 5px 5px; overflow:hidden; text-align:center;}
.ydbox_m1{ height:auto; width:503px; border-left:1px solid #d0e9fd; border-right:1px solid #d0e9fd; padding:10px 0px 0px 87px; overflow:hidden;}
.ydbox_m2{ height:auto; width:577px; border-left:1px solid #d0e9fd; border-right:1px solid #d0e9fd; padding:10px 0px 0px 13px; overflow:hidden;}
.ydbox_m3{ height:auto; width:581px; border-left:1px solid #d0e9fd; border-right:1px solid #d0e9fd; padding:10px 0px 0px 8px;overflow:hidden; }
.ydbox_m4{ height:auto; width:773px; border-left:1px solid #d0e9fd; border-right:1px solid #d0e9fd; padding:5px 0px 5px 45px; overflow:hidden;}
.ydbox_r{height:4px; width:592px; background:url(../images/r_bg2.jpg) no-repeat; overflow:hidden;}
.ydbox_r1{height:4px; width:820px; background:url(../images/r_bg22.gif) no-repeat; overflow:hidden;}
.ydbox_r2{height:4px; width:692px; background:url(../images/r_bg2.gif) no-repeat; overflow:hidden;}
.ydbox_r3{height:4px; width:1050px; background:url(../images/rbg2.gif) no-repeat; overflow:hidden;}

/*学员风采*/
.rollBox .LeftBotton{ width:41px; float:left; margin-top:175px; overflow:hidden; display:inline; cursor:pointer; text-align:center;} 
.rollBox .RightBotton{ width:41px; float:left; margin-top:175px; overflow:hidden; display:inline; cursor:pointer; text-align:center;} 
.rollBox .Cont{overflow-x:auto; float:left; margin:0px auto;} 
.rollBox .ScrCont{width:3000px;} 
.rollBox #List1,.rollBox #List2{float:left;} 
.rollBox #List2,.rollBox #List3{float:left;} 
.rollBox #List12,.rollBox #List2{float:left;} 
.rollBox #List22,.rollBox #List3{float:left;} 
.jxjfc-bottom{ overflow:hidden; width:950px; height:7px;}

/*滑动条*/
.rollBox .Cont {
overflow:hidden;
}
#bookslide, #bscrollbar, #bscrollbar-handel {
background:url(../images/bookslide-bg.gif) no-repeat;
}
#bscrollbar {
height:21px;
font-size:0;
overflow:hidden;
width:700px;
margin:0 auto;
background-position:0 -180px;
}
#bscrollbar-pre, #bscrollbar-next {
float:left;
cursor:pointer;
width:39px;
height:21px;
background:url(../images/bscrollbar-bg.gif) no-repeat;
}
#bscrollbar-next {
float:right;
width:30px;
background-position:right top;
}
#bscrollbar-m {
float:left;
cursor:pointer;
height:15px;
padding:2px;
width:620px;
display:inline;
margin:0 -6px 0 -2px;
}
#bscrollbar-handel {
width:83px;
height:15px;
background-position:0 -211px;
}

.rollBox1 .Cont {
overflow:hidden;
}
#bookslide1, #bscrollbar1, #bscrollbar-handel1 {
background:url(../images/bookslide-bg.gif) no-repeat;
}
#bscrollbar1 {
height:21px;
font-size:0;
overflow:hidden;
width:700px;
margin:0 auto;
background-position:0 -180px;
}
#bscrollbar-pre1, #bscrollbar-next1 {
float:left;
cursor:pointer;
width:39px;
height:21px;
background:url(../images/bscrollbar-bg.gif) no-repeat;
}
#bscrollbar-next1 {
float:right;
width:30px;
background-position:right top;
}
#bscrollbar-m1 {
float:left;
cursor:pointer;
height:15px;
padding:2px;
width:620px;
display:inline;
margin:0 -6px 0 -2px;
}
#bscrollbar-handel1 {
width:83px;
height:15px;
background-position:0 -211px;
}

.xqslidel{ width:34px; height:34px; background:url(http://www.chinaacc.com/phoneshop/images/lbtn.jpg); margin:185px 0px 0 5px; float:left; display:inline; cursor:pointer;}
.xqslidem{ width:530px; float:left; overflow:hidden;}
.xqslidem li{width:255px; height:425px; overflow:hidden; float:left; margin-right:8px; border:solid 1px #A7CCE4;}
.xqslider{ width:34px; height:34px; background:url(http://www.chinaacc.com/phoneshop/images/rbtn.jpg); margin:185px 0 0 10px; float:left; display:inline; cursor:pointer;}