/*
[Contents]

        0- Global
        1- Header
        2- Main Container
        3- Main
        4- Sidebar
        5- Footer
*/

/* =0 Global
---------------------------------------------------------------------------------------------------------------------*/
body {font-family: 微软雅黑, 宋体; font-size: 12px;color: #777;}
h1,h2,h3,h4,h5,h6, .m_h span { font-family: 微软雅黑, 宋体;}
h6 {font-size: 1em;}
a,li,div{blr:expression(this.onFocus=this.close());}
:focus { outline: none; outline: 0}

.wrap ,#h, #at, .m {width: 1000px;margin: 0 auto;}



/* =1 Header
---------------------------------------------------------------------------------------------------------------------*/

#h {height: 60px;position:relative;left:0;top:0;z-index:99;
}
.h_c_white {
    width: 100%;
    background: white;
}
.h_c {
    position: fixed;width: 100%;z-index: 1000;_positon:absolute;}
.h_c_shadow {
    line-height: 10px;
    height: 10px;
    _margin-top: -2px;
    background:transparent  url(../images/shadow.png) repeat-x bottom;
    _background: none;
}

.nav_lm{position:relative;left:0;top:0;font-size: 13px;}
.nav_line{position:absolute;display:block;height:2px;line-height:2px;width:48px;background:#7BC7E0;left:215px;}
.nav li {float: left;text-align: center; position: relative;left:0;top:0;}
.nav li a {display: inline-block;margin:0 12px;height: 60px;line-height: 60px;vertical-align: middle;}
.nav li a.selected {  border-top: 4px solid #7BC7E0;}
#t_iphone, #t_ipad { padding: 0 10px; text-indent: 10px;}
#t_iphone{border-left:1px solid #E5E5E5;margin-left:15px;padding-left:25px;margin-right:0}
#t_ipad{margin-left:0;padding-left:35px}
#t_iphone span{margin-top: 18px;float: left;height: 23px;width: 14px;background:url(../images/s_allbgs.png) 0px -59px no-repeat;_background:url(../images/s_allbgs.gif) 0px -59px no-repeat;}
#t_iphone.s_d span{ background:url(../images/s_allbgs.png) 0px -36px no-repeat;_background:url(../images/s_allbgs.gif) 0px -36px no-repeat;}
#t_ipad span{margin-top: 21px;float: left;height: 18px;width: 23px;background:url(../images/s_allbgs.png) 0px -18px no-repeat;_background:url(../images/s_allbgs.gif) 0px -18px no-repeat;}
#t_ipad.s_d span{ background:url(../images/s_allbgs.png) 0px 0px no-repeat;_background:url(../images/s_allbgs.gif) 0px 0px no-repeat;}

#t_android {width: 86px;}
#t_android span{margin-top: 19px;float: left;height: 24px;width: 23px;background:url(../images/s_allbgs.png) 0px -580px no-repeat;_background:url(../images/s_allbgs.gif) 0px -580px no-repeat;}
#t_android.s_d span{ background:url(../images/s_allbgs.png) 0px -557px no-repeat;_background:url(../images/s_allbgs.gif) 0px -557px no-repeat;}

.nav .s_d { color: #7bc7e0;}
.t_icon span {vertical-align: top;color:#858585;font-size: 30px;line-height: 57px;text-align: center;}
.t_icon img { margin-top: 8px;}
.t_icon:hover {text-decoration: none;}
.nav li a{color: black;text-decoration: none;}
.nav li a:hover{text-decoration: none;}
.device {color: #c5cdd2;}
.nav li a.dev_unable{cursor: default;color:#AEAEAE;}
#t_iphone.dev_unable span{background-position:0 -516px;}
#t_ipad.dev_unable span{background-position:0 -539px;}
.nav_item_s {z-index: 10;position: absolute;height: 6px;width: 11px;top: 59px;left: 63px;background: url(../images/s_allbgs.png) 0px -366px no-repeat;line-height:6px;_background: url(../images/s_allbgs.gif) 0px -366px no-repeat;}
.nav .active a{color:#7BC7E0}



/* =2 slider
---------------------------------------------------------------------------------------------------------------------*/

.sl { position: absolute;left:0;top:0; margin: 0; color: white;height: 615px;width:100%;
}
.sl_iphone_1{background:url('../images/banner_iphone_1_2.4.0.jpg') top center repeat-x}
.sl_iphone_2{background:url('../images/banner-iphone_2.jpg') top center repeat-x}
.sl_iphone_1 .wrap, .sl_ipad_1 .wrap {width: 1100px;}
.sl_iphone_2 .wrap {position: relative; height:615px;}
.sl_iphone_2_down {background: url('../images/sl_iphone_2_down1.png'); display: block; height: 31px; width: 100px; position: absolute;text-indent: -9999px; top:352px; left: 182px;}
.sl_iphone_2_down:hover {background: url('../images/sl_iphone_2_down2.png');}
.sl_iphone_2_down:visited {background: url('../images/sl_iphone_2_down3.png');}
.sl_iphone_3{background:url('../images/banner-iphone_3.jpg') top center repeat-x}
.sl_ipad_1{background:url('../images/banner_ipad_1.jpg?131225') top center repeat-x}
.sl_ipad_1 .sl_info{padding: 150px 0 0 15px;}
.sl_ipad_1 .sl_down{margin: 80px 0 0 15px;}
.sl_ipad_1 .sl_down .down_jb{margin-right: 30px;}
.sl_ipad_2{background:url('../images/banner-ipad_2.jpg') top center repeat-x}
*html .fancybox-overlay {filter:alpha(opacity=50);}/*fancybox ie6遮罩层透明*/
.sl_wrap{position: relative;left:0;top:48px;_top:-10px;width:100%;height:615px;overflow:hidden;}
.sl_wrap_in{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;}
.sl_wrap_ipad .sl_con{margin-left:645px;width: 470px;_margin-left: 660px;}
.sl_wrap_ipad .freedown{margin-left:-2px;}
.sl_wrap_ipad .d_m2 .tip{text-indent: 0px;}
.sl_wrap_ipad .d_m2{margin-top:40px}
.d_m2 .tip{padding-top:5px}
.sl_wrap_ipad .tip_v{left:295px}
.sl_con {width: 550px;margin: 120px 0 0 570px;font-family: 微软雅黑, 宋体; }
.sl_con h3 {display:block;position:relative;left:0;top:0;font-size: 45px;line-height: 80px;font-weight: normal;text-shadow: 0px 1px 0px #333}
.sl_info{font-size: 14px;padding: 40px;_padding: 40px 50px;height: 80px;}
.sl_info span{clear: both;display: block;padding: 3px 0;}
.sl_search{_margin:-2px 0 2px 11px;}
.sl_down{clear: both;margin: 110px 0 0 36px;_margin-left: 45px;height: 55px;}
.sl_down a{width: 200px;height: 55px;float: left;}
.sl_down .down_jb{margin-right: 20px;}
.sl_more a{color: #fff;margin: 0 5px;}
.sl_iphone_1 .sl_more{padding: 20px 0 0 30px;_padding-left: 40px;}
.sl_ipad_1 .sl_more{padding: 20px 0 0 5px;display: inline-block;}

.tip_v{display:block;position:absolute;top:0;left:355px;width:31px;height:21px;overflow:hidden;font-size:12px;line-height:18px;text-align:center;background:url('../images/s_allbgs.png') 0px -345px no-repeat;_background:url('../images/s_allbgs.gif') 0px -345px no-repeat;}
.sl_con ul {font-size: 14px;}
.sl_con ul li {margin-top: 5px;}
.banner_prev, .banner_next { display: block; position: absolute; z-index: 10; width: 65px; height: 65px;  top: 265px;}
.banner_prev {background: url(../images/banner_prev.png) no-repeat;_background: url(../images/banner_prev.gif) no-repeat;}
.banner_next {background: url(../images/banner_next.png) no-repeat;_background: url(../images/banner_next.gif) no-repeat;}
.t_w {font-size: #ed4564;}
.ph_num {width:147px; height:20px; padding: 4px;margin: 1px 0 1px 40px;border:0;_line-height:20px;float: left;}
#sentmsg {padding: 6px 0;_padding:5px 0;margin-left:7px;float:left;color: gray;text-decoration: none;text-align: center;display: inline-block;width: 83px;font-weight: bold;color:#555; background: url(../images/b_allbgs.png) -1px 0px no-repeat;_background: url(../images/b_allbgs.gif) -1px 0px no-repeat;}
#sentmsg:hover{background-position:-1px -93px}
.nogetmsg{background:none;color:#7bc9ff;display:none;text-decoration:underline;padding: 5px;float: left;}
#sentmsg span{display:none}
#sentmsg i{font-style: normal;}
#sentmsg.msg_wait{width:143px;color:#999;background-position:0px -31px}
#sentmsg.msg_wait:hover{background-position:0px -62px}
#sentmsg.msg_wait span{display:inline}
#sentmsg.msg_wait b{font-weight:normal}
.d_m1 .tip, .d_m2 .tip, .t_w{font-size: 12px;display: block;text-indent: 136px;}
.tip a{color:#fff}

.qt {z-index: -100;_position:absolute;_width: 100%;_left: 0;_top: 40px;padding-top: 180px;_padding-top:0px;_margin-top: -10px;height:200px;background:url('../images/faq-banner.png') center center repeat-x;}
#at {height: 183px;width: 100%;background: url(../images/huabianbg.png) repeat-x;_background: url(../images/huabianbg.gif) repeat-x; margin-top: 60px;_margin-top: -10px;}
.at_con { float: left; _display: inline; text-align: center;width: 170px; margin: 65px 0 0 85px;  font-size: 18px;}
.at_con a {font-size: 12px;color: #F83E85;text-decoration:underline;}
.at_con p{color:#5F6E7A;font-family: 微软雅黑, 宋体;}
.at_item {position: relative;width: 480px;height: 165px;}
.num1, .num2 { width: 41px; height: 41px; position: absolute; left: 32px; top: 32px; background:url(../images/s_allbgs.png) 0 -82px no-repeat;_background:url(../images/s_allbgs.gif) 0 -82px no-repeat;}
.num2 {left: 57px;background-position: 0px -123px}
.at_to { width: 56px; height: 50px; background: url(../images/s_allbgs.png) 0 -294px no-repeat;_background: url(../images/s_allbgs.gif) 0 -294px no-repeat; float: left;margin:73px 30px 0 10px;_margin:73px 10px 0 10px}
.at_item img {margin-top: 30px;padding: 5px; background-color: white;border: 1px solid #E4E4E4;}
.weibob {margin-top: 65px;float:left;margin-left:35px}
.tx_weibo {display: block;float: left;margin: 10px 10px 0 30px;width:26px; height:38px; background:url(../images/s_allbgs.png) 0px -372px no-repeat;_background:url(../images/s_allbgs.gif) 0px -372px no-repeat;}
.xl_weibo {display: block;float: left;margin: 10px 10px 0 0;width:42px; height:34px; background:url(../images/s_allbgs.png) 0px -410px no-repeat;_background:url(../images/s_allbgs.gif) 0px -410px no-repeat;}
.tx_weibo:hover{background-position:0px -444px}
.xl_weibo:hover{background-position:0px -482px}



/* =3 Main
---------------------------------------------------------------------------------------------------------------------*/

.m .m_h, .m h4 {color: #718797;}
.m h4 {text-align: center;font-size: 18px;margin: 30px 0 7px 0;font-weight:normal;}
.m_h {margin: 60px 0;text-align: center;background:url(../images/shuangxian.png) repeat-x center;}
.m_h span {padding: 0 20px;font-size: 18px;background-color: white;}
.p_img_r, .p_img_d, .p_img_a, .p_img_m, .p_img_w ,.p_img_s{width: 100px;height: 100px;margin:0 auto;background:url(../images/t_allbgs.png) top left no-repeat;}
.p_img_d {background-position:-100px 0px}
.p_img_a {background-position:-200px 0px}
.p_img_m {background-position:-300px 0px}
.p_img_w {background-position:-400px 0px}
.p_img_s {background-position:-500px 0px}
.m ul li {float: left;}
.m_list li {margin-right: 40px;}
.m_list a{color:#777;display:block}
.m_list a:hover{text-decoration:none}
.m_list li.m_list_last {margin-right: 0;}
.m_list p{line-height:25px;}
.product li {width: 160px;}
.resouce {height: 220px;}
.resouce li {width: 210px;height: 220px;}
.resouce li img { border: 4px solid #e9e9e9;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;}
.resouce h5 {font-size: 14px;line-height: 3em;color: #718797;}
.course h5 {display:block;width:210px;height:42px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



/*start qt*/

.qt_m {width: 820px;margin: 0px auto 150px auto;_padding-top: 195px;}
.qt_m .art .c {margin-left: 47px;padding-top: 20px;padding-left: 25px;padding-bottom: 40px;border-left: 3px solid #ddd;line-height: 2em;}
.qt_m_iphone h3{margin: 5px 0;font-size: 14px;}
.c h6 {color: #f29658;margin-top: 20px;}
.art .t{background: url(../images/u_allbgs.png) 28px -136px no-repeat;font-family: 微软雅黑;height: 35px;line-height: 35px;font-size: 16px;}
.t_con, .gn_m .spec .t_con{display: inline-block;line-height: 35px;height: 35px;margin-left: 46px;padding: 0 20px 0 25px ;background-color: #f29658;color: white;_margin-left:43px;}
.sl_note .tip{text-indent:0;height:28px;line-height:28px;float:left;margin-left: 40px;margin-top:5px;_margin-left: 50px;}
.sl_note .tiperr, .d_m1 .tiperr,.d_m1 .tipsuc{margin-top:10px;border:1px solid #FFE1AB;padding:0 20px 0 30px;color:#ff9c00;background:url('../images/icon-w.png') 10px center no-repeat #ffffd0}
.d_m1 .tipsuc{margin-top: 10px;color:#469d23;background:url('../images/icon-s.png') 10px center no-repeat #ffffd0;}
a.link {color: #7bc7e0;}
.art .num {display: inline-block;width: 20px;text-align:right;}
.more_help{color:#fff;font-size:14px;font-family: 微软雅黑;padding-top:6px;background:url('../images/arrow_top.png') top center no-repeat;float:left;clear:both;margin-top:50px;margin-bottom:-100px}
.more_help p{background:#7BC7E0;padding:5px 10px}
.more_help a{color:#fff}
.scrollTop{position:fixed;display:block;bottom:120px;cursor:pointer;width:41px;height:41px;background:url('../images/u_allbgs.png') 0px -83px no-repeat;}
.scrollTop:hover{background-position:0px -42px}
.gn_m{padding: 0;}
.qt_nav {border-bottom: 1px solid #DDDDDD;}
.qt_nav .qt_m {margin-bottom: 0;}
.qt_nav .qt_m ul {height: 60px;}
.qt_nav .qt_m li.n {margin-left: 20px;width: 80px;line-height: 32px;}
.qt_nav .qt_m li {float: left;font-weight: bold;font-size: 22px;}
.qt_nav .qt_m .c{background:url('../images/u_allbgs.png') 0px -270px no-repeat;width: 116px;height: 32px;display: inline-block;}
.qt_nav .qt_m .c1,.qt_nav .qt_m .c3{margin-left: 60px;}
.qt_nav .qt_m .c2{background-position: -116px -270px;}
.qt_nav .qt_m .c3{background-position: 0px -317px;}
.qt_nav .qt_m .c4{background-position: -116px -317px;}
/***gongeng***/

.gn_iphone{background:url('../images/new-banner.jpg') center center repeat-x; }
.gn_ipad{background:url('../images/new-banner2.jpg') center center repeat-x; }
.gn_m .art .t{background:url('../images/u_allbgs.png') 98px -186px no-repeat;}
.gn_m .t_con{background:#7BC7E0}
.gn_m .art .num {font-size:14px;width:90px}
.gn_m .art .c{margin-left:117px}
.gn_m .art .spec{background: url(../images/u_allbgs.png) 98px -136px no-repeat;}
.gn_t{height:19px;line-height:19px;background:url('../images/u_allbgs.png') 111px -236px no-repeat;padding-left:145px;color:#7BC7E0;font-weight:bold}
.art_dev{width:125px;height:42px;background:url('../images/u_allbgs.png') 0px 0px no-repeat;margin-left:56px;margin-bottom:10px;text-align:center;line-height:35px;color:#fff;font-size:16px;}
.gn_ipad{display:none}
*html .art .c{margin-top:-1px}



/* =4 Sidebar
---------------------------------------------------------------------------------------------------------------------*/



/* =5 Footer
---------------------------------------------------------------------------------------------------------------------*/

#footer {width: 100%;text-align: center;background: url(../images/huabianbg.png) repeat-x;background: url(../images/huabianbg.gif) repeat-x;}
.f_top {height:6px; background:url(../images/huabian2.png) repeat-x;background:url(../images/huabian2.gif) repeat-x;}
#footer .wrap { padding: 30px 0;}



/***reset downbox**/
.fancybox-opened .fancybox-skin {background:#F6F3EF}
.fancybox-close{width:22px;height:22px;top:10px;right:10px;background:url('../images/btnall.png') -7px -9px no-repeat;}
.fancybox-close:hover{background-position:-35px -9px}
.downbox{background:#F6F3EF;display:none}
.downbox a{color:#2C76C0}
.downbox p{line-height:2em}
.down_box_t{text-align:center}
.down_box_t h3{font-size:16px;padding:20px 0 10px 0}
.down_box_b{width:530px;height:210px;padding:20px 15px;margin:10px auto;background:url('../images/btnall.png') -8px -379px no-repeat;}
.down_box_btn{display:block;width:225px;height:60px;background:url('../images/btnall.png') -7px -250px no-repeat;margin:20px auto;}
.down_box_btn:hover{background-position:-234px -250px}
.down_box_btn:active{background-position:-7px -319px}
.downbox_l{margin:10px auto;width:510px;height:0px;line-height:0px;border-top:1px solid #DEDBD1;border-bottom:1px solid #fff;}
.down_box_btn_iphone{background-position:-233px -44px;}
.down_box_btn_iphone:hover{background-position:-233px -112px;}
.down_box_btn_iphone:active{background-position:-233px -180px;}
.down_box_btn_ipad{background-position:-7px -44px}
.down_box_btn_ipad:hover{background-position:-7px -112px}
.down_box_btn_ipad:active{background-position:-7px -180px}

.errtip{color:#D2471E;margin:25px 0 0 30px;float:left;}

/*android*/
.sl_android{background:url('../images/en/banner_android.jpg') top center repeat-x;}
.sl_con.android{ margin-top:130px; }
.sl_con.android .sl_info span {font-size: 16px;font-weight: bold;}
.android_down {background: url('../images/en/btn.png') 0 0 no-repeat;width: 256px;height: 52px;display: block;margin-top: 30px;margin-bottom: 10px;}
a.android_down:hover{background: url('../images/en/btn_hover.png');}
a.android_down:active{background: url('../images/en/btn_hover.png');}
.sl_con.android .sl_info b {color: #3c3c3c;}
.sl_con.android .rwm {margin-top: 20px;}
.sl_con.android .rwm img {margin-left: 163px;}
.m_list.android li {margin: 0 86px;}
.gn_android{background:url('../images/new_android.jpg') center center repeat-x; }

/*footer*/

.footer {
    margin: 0 auto;
    width: 100%;
    padding:10px 0;
    border-top: 1px solid #ddd;
    background: #F2F2F2;
    text-align: center;
    color: #999;
    font-size: 13px;
    font-family: Verdana,"Microsoft YaHei", "微软雅黑";
}