@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ font-size:12px; font-family:"宋体"; color:#FFFFFF;}
ul{ padding:0px; margin:0px;}
ul li{ list-style-type:none;}
a{ color:#333; text-decoration:none; font-family:"微软雅黑"}
a:hover{ color:#000; text-decoration:underline;}
img{ border:none;}
.borderE{ border:1px solid #eee;}

.mr5{ margin-right:5px;}
.mt20{ margin-top:20px;}
.ml20{ margin-left:20px;}
.mr20{ margin-right:20px;}
.mb20{ margin-bottom:20px;}
.mt40{ margin-top:40px;}
.pl10{ padding-left:10px;}

.red{ color:#f00;}

.right{ float:right;}

/* top */
#top{ width:100%; overflow:hidden; background-color:#000;}
#top .top{ margin:0 auto; width:1000px; height:70px;}
#logo{ float:left; width:152px; height:60px; padding-top:5px;}
#logo a{ text-decoration:none; display:block; overflow:hidden; height:60px; background:url(../images/logo.png) no-repeat 0 0;_background:url(../images/logo.gif) no-repeat 0 0;}
#top .nav{ float:left; height:31px; padding-top:19px; padding-left:10px;}
#top .nav ul{ overflow:hidden;}
#top .nav li{ float:left; height:31px; text-align:center; line-height:31px; font-size:14px; width:90px; padding-left:3px; padding-right:3px;}
#top .nav li a{ height:31px; color:#cccccc; text-decoration:none;}
#top .nav li a:hover{ color:#fff; font-weight:bold; text-decoration:none;}
#top .nav li a.on{ color:#fff; font-weight:bold; text-decoration:none;}
.promenu span{ font-family:"微软雅黑"}
/* content */
#content{ width:100%; overflow:hidden;}
#content .content{ margin:0 auto; width:962px; padding-top:20px; padding-bottom:40px;}
#content .content ul li a{ font-size:16px}
#content .content ul li p a{ font-size:14px}
/* bottom */
#bottom{ width:100%; overflow:hidden; background-color:#000;}
#bottom .bottom{ margin:0 auto; width:960px;}
#bottom .bottom .list { overflow:hidden; margin:40px 0;}
#bottom .bottom .list ul{ float:left; width:220px; margin-right:26px;}
#bottom .bottom .list ul li{ height:30px; line-height:30px;}
#bottom .bottom .list ul a{ font-size:14px; color:#999;}
#bottom .bottom .copy{ background:url(../images/footer_line.gif) no-repeat 50% 0; text-align:center; color:#999; font-size:12px; padding:15px 0;}
#bottom .bottom .copy p{line-height:16px; height:16px; padding:3px 0;}
#bottom .bottom .copy p .sina_i{ padding-left:10px;}
#bottom .bottom .copy p .sina_i a{ color:#999999;}
#bottom .bottom .copy p .sina_i b{ background:url(../images/sina_i.gif) no-repeat; height:16px; width:16px; display:inline-block; vertical-align:middle; margin-right:2px;}


/* index */
.index h3.tit{ font-size:22px; font-weight:normal; height:26px; line-height:26px;}
.index ul.sList{ margin-bottom:20px;*margin-bottom:40px; padding-top:20px; overflow:hidden;}
.index ul.sList li{ float:left; width:302px; margin-right:27px; margin-bottom:20px; line-height:24px;}
.index ul.sList li p.tl{ font-size:16px; padding:8px 0; font-weight:bold;}
.index ul.sList li p.cl{ font-size:14px; color:#666; font-family:"微软雅黑"; margin-top:5px;}
.index ul.aList{ margin-bottom:40px; overflow:hidden; padding-top:20px;}
.index ul.aList li{ float:left; width:182px; height:92px; margin-right:12px;}
.index ul.aList li a{ display:inline-block;}
.index .pList{ padding-top:20px;}
.index .pList span a{ font-size:14px; padding-right:30px;}
.index .pList span a img{ border:1px solid #ccc;}

/* banner */
#banner{ overflow:hidden; height:550px;}
#slider{ position:relative; height:550px;}
.slider-content{width:100%; height:550px; overflow:hidden;}
.slider-content ul li{ width:1920px; height:550px; text-align:center;}
.slider-content ul li a{ width:960px; height:550px; display:inline-block; text-align:center; }


.slider-pagination{ position:absolute; bottom:120px; z-index:2; width:100%;}
.slider-pagination ul{ list-style-type:none; width:960px; margin:0 auto; text-align:right;}
.slider-pagination ul li{ overflow:hidden; display:inline;}
.slider-pagination ul li a{ background:url(../images/dian_A_BG.png) no-repeat;_background:url(../images/dian_A_BG.gif) no-repeat; width:12px; height:12px; display:inline-block; font-size:0; line-height:0; text-indent:-4000px; margin-left:10px;}
.slider-pagination ul li a:hover , .slider-pagination ul li a.active{ background:url(../images/dian_B_BG.png) no-repeat;_background:url(../images/dian_B_BG.gif) no-repeat;}

.slider-download{ width:100%; height:100px; position:absolute; bottom:0; z-index:2;}
.slider-download ul{ padding:20px 0 0 0; overflow:hidden; width:960px; margin:0 auto;}
.slider-download ul li{ display:block; float:left; width:160px; height:60px; margin-right:40px;}
.slider-download ul li.nomr{ margin-right:0;}
.slider-download ul li a{ text-decoration:none; display:block; float:left; width:160px; height:60px; background-image:url(../images/client_img.png); _background-image:url(../images/client_img.gif); background-repeat:no-repeat;}
.slider-download ul li a.iphone{ background-position:0 -89px;}
.slider-download ul li a.iphone:hover{ background-position:0 0;}
.slider-download ul li a.android{ background-position:-200px -89px;}
.slider-download ul li a.android:hover{ background-position:-200px 0;}
.slider-download ul li a.ipad{ background-position:-400px -89px;}
.slider-download ul li a.ipad:hover{ background-position:-400px 0;}
.slider-download ul li a.on-line{ background-position:-599px -89px;}
.slider-download ul li a.on-line:hover{ background-position:-599px 0;}
.slider-download ul li a.down{ background-position:-800px -89px;}
.slider-download ul li a.down:hover{ background-position:-800px 0;}



/* product */
#promenu{ width:100%; background-color:#f6f6f6; border-bottom:1px solid #ddd; height:48px;}
.promenu{ width:960px; height:50px; margin:0 auto;}
.promenu .m_title{ height:80px; line-height:46px; font-size:20px; color:#999;}
.promenu ul{}
.promenu ul li{height:80px; float:left; font-size:16px; margin-right:35px;}
.promenu ul li a{ text-decoration:none;height:30px; line-height:30px; display:inline-block; padding:25px 0;}
.promenu ul li a b{background-image:url(../images/promenu_ico.gif); background-repeat:no-repeat; display:inline-block; vertical-align:middle; width:26px; height:30px; margin-right:8px;}
.promenu ul li a.fc b{ background-position:0 0;}
.promenu ul li a.iphonec b{ background-position:0 -55px;}
.promenu ul li a.androidc b{ background-position:0 -113px;}
.promenu ul li a.ipadc b{ background-position:0 -170px;}
.promenu ul li a.hvc b{ background-position:0 -229px;}
.promenu ul li a.dwc b{ background-position:0 -285px;}

.promenu ul li.on a{ text-decoration:none;color:#33bbff; background:url(../images/promenu_on.gif) no-repeat center bottom;}
.promenu ul li.on a.fc b{ background-position:-40px 0;}
.promenu ul li.on a.iphonec b{ background-position:-40px -55px;}
.promenu ul li.on a.androidc b{ background-position:-40px -113px;}
.promenu ul li.on a.ipadc b{ background-position:-40px -170px;}
.promenu ul li.on a.hvc b{ background-position:-40px -229px;}
.promenu ul li.on a.dwc b{ background-position:-40px -285px;}


.product ul.sList li{ background:url(../images/proLine.png) no-repeat 50% bottom; _background:url(../images/proLine.gif) no-repeat 50% bottom; padding-bottom:20px; margin-bottom:20px; overflow:hidden; display:block;}
.product ul.sList li .word{ line-height:30px; color:#555;}
.product ul.sList li .word h3{ background:url(../images/t_ico.gif) no-repeat 0 50% ; padding-left:20px;font-size:16px; font-weight:normal; color:#333; height:30px; line-height:30px; font-weight:bold;}
.product ul.sList li .proPic_1{ height:auto!important; min-height:180px; height:180px; overflow:visible;}
.product ul.sList li .proPic_2{background:url(../images/proPic_2.jpg) no-repeat right top; padding-right:460px; height:auto!important; min-height:180px; height:180px; overflow:visible;}
.product ul.sList li .proPic_3{background:url(../images/proPic_3.jpg) no-repeat left top; padding-left:460px; height:auto!important; min-height:180px; height:180px; overflow:visible;}
.product ul.sList li .proPic_4{background:url(../images/proPic_4.jpg) no-repeat right top; padding-right:460px; height:auto!important; min-height:180px; height:180px; overflow:visible;}
.product ul.sList li .proPic_5{background:url(../images/proPic_5.jpg) no-repeat left top; padding-left:460px; height:auto!important; min-height:180px; height:180px; overflow:visible;}
.product ul.sList li .proPic_6{background:url(../images/proPic_6.jpg) no-repeat right top; padding-right:460px; height:auto!important; min-height:180px; height:180px; overflow:visible;}
.product ul.sList li .proPic_7{background:url(../images/proPic_7.jpg) no-repeat left top; padding-left:460px; height:auto!important; min-height:180px; height:180px; overflow:visible;}
.product ul.sList li .proPic_8{background:url(../images/proPic_8.jpg) no-repeat right top; padding-right:460px; height:auto!important; min-height:180px; height:180px; overflow:visible;}
.product ul.sList li .proPic_9{background:url(../images/proPic_9.jpg) no-repeat left top; padding-left:460px; height:auto!important; min-height:180px; height:180px; overflow:visible;}
.product ul.sList li .proPic_10{background:url(../images/proPic_10.jpg) no-repeat right top; padding-right:460px; height:auto!important; min-height:180px; height:180px; overflow:visible;}


/*鍥剧墖*/

.e_download, .edition, .a_download, .tel_ico, .qq_ico{ background-image:url(../images/bgs.png); _background-image:url(../images/bgs.gif); background-repeat:no-repeat;}
a.e_download{ background-position:0 -61px; width:180px; height:70px; line-height:45px; color:#fff; font-size:22px; text-align:center; display:block; text-decoration:none; cursor:pointer;}
.edition{ background-position:0 0; width:180px; height:51px; line-height:40px; font-size:20px; color:#33bbff; position:absolute; margin-left:-42px;}
.edition span{ padding-left:18px;}
a.a_download{ background-position:0 -141px; width:64px; height:24px; line-height:24px; color:#fff; font-size:12px; text-align:center; display:inline-block; text-decoration:none; cursor:pointer;}
.tel_ico{ width:15px; height:15px; background-position:-285px 0; display:inline-block; vertical-align:middle;}
.qq_ico{ width:15px; height:15px; background-position:-285px -25px; display:inline-block; vertical-align:middle;}

/**/
.c_title{ font-size:20px; font-weight:normal; border-left:4px solid #33BBFF; height:20px; line-height:20px;}
.c_title fieldset{ border:1px solid #ddd; border-left:none; border-bottom:none; border-right:none; padding:0; margin:0;}
.c_title legend{ padding:0 10px; *padding:0 10px 0 6px;}
.c_title span.right a{ text-decoration:none; font-size:14px; color:#33BBFF;}


/*history */
.hisBg{ padding:30px;}

.h_intro{ height:auto!important; min-height:340px; height:340px; overflow:visible;}
.introBox{ padding-top:80px;}
.h_intro p{ font-size:16px; line-height:28px;}
.hisPic_1{ background:url(../images/hisPic_1.jpg) no-repeat right 0;}
.hisPic_2{ background:url(../images/hisPic_2.jpg) no-repeat right 0;}
.hisPic_3{ background:url(../images/hisPic_3.jpg) no-repeat right 0;}
.hisPic_4{ background:url(../images/hisPic_4.jpg) no-repeat right 0;}

.h_app{ padding-top:15px;}
.h_app2{ padding-top:15px;}
.h_tit{ border:1px solid #ddd; padding-left:10px; background:url(../images/histit_bg.jpg) repeat-x 0 0; height:30px; line-height:30px; font-size:16px; font-weight:normal;}
.h_app ul{ border-left:1px solid #ddd; overflow:hidden;}
.h_app ul li{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; width:447px; float:left;}
.h_app ul li .app_box{ overflow:hidden; padding:15px;}
.app_img{ float:left;}
.app_cont{ font-size:12px; margin-left:74px; margin-right:74px;}
.app_cont h3{ font-size:14px; font-weight:normal; margin-bottom:5px;}
.app_cont h3 span{ font-size:12px; color:#999;}
.app_cont p{ line-height:20px;}
.app_down{ float:right; padding-top:20px;}

.bdurl{ width:430px; float:left;}
.bdinfo{ width:380px; float:left;}
.bddown{ width:60px; float:left;}
.bddown a{ color:#3366cc}

.h_app2 ul{ border:1px solid #ddd; border-bottom:none; border-top:none; overflow:hidden;}
.h_app2 ul li{border-bottom:1px solid #ddd; overflow:hidden; padding:10px; font-size:14px;}


/*iPhone & Android &  iPad*/

.iPhone_bg{ background:url(../images/downiPhone.jpg) no-repeat left 0; height:595px; border-bottom:1px solid #eee; padding-bottom:30px; overflow:hidden;}
.iPhone_box{ float:right; padding-top:120px; width:330px;}
.iPhone_bg h3{ background:url(../images/iPhone_img.png) no-repeat left 0; height:72px; line-height:72px; font-size:30px; font-weight:normal; padding-left:92px;}
.iPhone_bg p{ font-size:18px; color:#555; line-height:32px;}

.iPhone_intro dl{ padding:20px 0;}
.iPhone_intro dl dt{ font-size:18px; line-height:26px; padding-bottom:10px;}
.iPhone_intro dl dd{ font-size:14px; color:#555; line-height:26px;}


.Android_bg{ background:url(../images/downAndroid.jpg) no-repeat left 0; height:595px; border-bottom:1px solid #eee; padding-bottom:30px; overflow:hidden;}
.Android_box{ float:right; padding-top:120px; width:330px;}
.Android_bg h3{ background:url(../images/Android_img.png) no-repeat left 0; height:72px; line-height:72px; font-size:30px; font-weight:normal; padding-left:92px;}
.Android_bg p{ font-size:18px; color:#555; line-height:32px;}

.iPad_bg{ background:url(../images/downiPad.jpg) no-repeat left 0; height:595px; border-bottom:1px solid #eee; padding-bottom:30px; overflow:hidden;}
.iPad_box{ float:right; padding-top:120px; width:330px;}
.iPad_bg h3{ background:url(../images/iPhone_img.png) no-repeat left 0; height:72px; line-height:72px; font-size:30px; font-weight:normal; padding-left:92px;}
.iPad_bg p{ font-size:18px; color:#555; line-height:32px;}

.other_info a{ text-decoration:none; font-size:12px; color:#33bbff;}

/* help */
.C{ clear:both}
.help{ font-size:14px}
/*宸�*/
.Manual_Guide_l{ width:188px; float:left; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-top: 1px solid #dddddd;}
.Guide_l .Guide_l_img01,.Guide_l .Guide_l_img02{background:url(../images/Manual-01.gif) no-repeat; display: block; height: 36px; width: 168px; line-height:36px; padding-left:20px; font-weight:bold;}
.Guide_l .Guide_l_img01:hover,.Guide_l .Guide_l_img02{background-position:0 -41px}
.Guide_l ul{line-height:35px; padding-left:20px; border-bottom: 1px solid #dddddd;}
.Guide_l ul li{background:url(../images/Manual-02.gif) no-repeat; display: block;background-position:140px 11px;}
.Guide_l ul li a{ color:#666666}
.Guide_l ul .Guide_l_img03 a,.Guide_l ul li a:hover{ color:#33bbff;}
/*鍙�*/
.Manual_Guide_r{ width:770px;  float:right}
.Manual_Guide_r h4{ padding-left:29px; color:#666666}
.Guide_r_img01{background:url(../images/Manual-03.gif) no-repeat; display: block; float: left; width: 20px; padding-right:11px}
.Manual_Guide_r p{ color:#333333; padding:5px 0 15px 60px}



/*鎮诞div鈥斺€旇仈绯绘垜浠�*/
.contactUs{ width:180px; position:fixed; margin-left:980px; margin-bottom:300px; color:#666; padding-bottom:10px;background-color:#f9f9f9; border-top:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:2px solid #eee;}
.contactUs h3{ font-size:14px; font-weight:normal; border-bottom:1px solid #ebebeb; height:35px; background-color:#f9f9f9; text-align:center; line-height:35px; margin-bottom:8px;}
.contactUs p{ font-size:12px; height:15px; line-height:15px; padding:5px 10px;}
.contactUs p a{ text-decoration:none;}
.contactUs_f{ font-size:14px; color:#F90;}


/* buy */
.buyBox{ background-color:#fff;}
.buy_tit{ background:url(../images/buy_tit.jpg) no-repeat 0 0; width:960px; height:200px;}
.buyBox table.buy_table{ width:960px;border-left: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD; font-size:14px; color:#666;}

.buyBox table.buy_table td{border-right: 1px solid #DDDDDD;border-top: 1px solid #DDDDDD; height:20px; line-height:20px; padding:10px 0;}

.buyBox table.buy_table span{ padding-left:10px; padding-right:10px; display:block;}
.buyBox table.buy_table .buy_table_tit{color: #333333; display: block; padding: 0 10px; text-align: center; vertical-align: middle; width: 20px;}
.f_note{ font-style:normal; font-size:12px; color:#aaa;}

.tick_img{ background:url(../images/tick_img.jpg) no-repeat 0 0; width:18px; height:20px; overflow:hidden; display:block; text-indent:-999px;}

/*authorize & customize*/
.ca_list li{ background:url(../images/s_list_img.png) no-repeat 0 6px; _background:url(../images/s_list_img.gif) no-repeat 0 0; padding-left:20px; font-size:14px; line-height:24px; padding-bottom:25px; border-bottom:1px dotted #ddd; margin-bottom:25px;}
.ca_list li h3{ font-size:16px; font-weight:bold; padding-bottom:10px;}
.ca_list li p{ padding-bottom:5px;}
.ca_list li a{ text-decoration:none; color:#33BBFF;}


.csp_list dt{ font-weight:bold; padding:5px 0 10px 0; }
.csp_list dd{ padding-bottom:10px; }
.csp_list dd h3{ font-size:18px; font-weight:normal; color:#33bbff; background:url(../images/csp_list_bg.png) no-repeat 0 0; _background:url(../images/csp_list_bg.gif) no-repeat 0 0; padding-bottom:5px; height:50px; line-height:42px;}
.csp_list dd h3 em{ font-style:normal; font-size:30px; font-family:Georgia; padding:0 25px 0 18px;}
.csp_list dd p{ padding-left:45px;}


/* case */
#case{ width:960px;}

#case ul{  font-size:14px; color:#666; padding:0 0 10px 0; height:auto; overflow:hidden;}
#case ul li{ float:left; text-align:center; width:218px; height:138px; background:#fff; border:1px #ddd solid; margin:20px 10px 0 10px; padding:10px 0 0 0; overflow:hidden; display:inline;}
#case ul li img{ padding:0 0 2px 0; cursor:pointer;}
#case ul li:hover{ background:#414141; border:1px #ddd solid; cursor:pointer; color:#fff;}
#case ul li a:hover{}
.mybox li a:hover{ color:#fff;}

/*casebox*/
.casebox{ width:940px; height:409px; overflow:hidden;}
.casebox p{ float:left; display:block; text-align:left;}
.casebox p.tupic{ width:520px; height:390px; padding:27px 0 0 8px;}
.casebox p.tutitle{ font-size:24px; color:#333; padding:57px 10px 0 10px; width:380px;}
.casebox p.tuinfo{ font-size:14px; line-height:30px; padding:0px 10px 0 10px; width:380px; color:#666;}
.arrow1{ background:url(../images/case_info_box_A_BG.png) no-repeat; clear:both; float:left;}
.arrow2{ background:url(../images/case_info_box_B_BG.png) no-repeat;}
.arrow3{ background:url(../images/case_info_box_C_BG.png) no-repeat;}
.arrow4{ background:url(../images/case_info_box_D_BG.png) no-repeat;}
.caseboxList{ width:950px; clear:both; position:relative;margin:0 0 0 10px;}
.mybox{ overflow:hidden; width:960px;}
.tijiao{ height:35px; width:940px; margin:10px 0 10px 10px; line-height:35px; text-align:right; font-size:14px;}


/*document*/
ul.kfdown{ overflow:hidden;}
ul.kfdown li{ float:left; background:url(../images/kfdown_bg.jpg) no-repeat 0 0; width:302px; height:202px; margin:0 27px 30px 0;}
ul.kfdown li p{ float:left; display:block;}
ul.kfdown li p.Kpic{ width:95px; height:143px; margin:15px 10px 15px 15px;_margin:15px 10px 15px 7px; font-size:14px; line-height:20px; padding:15px 10px 10px 20px; color:#666;}
ul.kfdown li p.Ktitle{ width:147px; padding:20px 0 0 0; color:#333; font-size:14px; line-height:22px;}
ul.kfdown li p.Ktitle img{ vertical-align:top; padding:3px 0 0 0;}
ul.kfdown li p.Ktime{ width:147px; padding:6px 0 0 0; font-size:12px; color:#666;}
ul.kfdown li p.Ktime em{ display:block; font-size:12px; font-style:normal; padding:3px 0 0 0;}
ul.kfdown li p.Kbtn{ width:147px; padding:12px 0 0 0;}




/*haorong*/
.fwrx{ width:243px; height:41px; float:right; font-family:"微软雅黑"; font-size:24px; color:#fff; margin-top:17px; text-align:right;}


/*分页*/
.page{ text-align:center;}
.page a{ text-decoration:none;float:left; background:#fff; margin-left:5px; margin-right:5px; text-align:center; padding-left:10px; padding-right:10px; line-height:22px; border:1px solid #ccc;}
.page span{float:left; background:#f1f1f1; color:#0097e0; margin-left:5px; margin-right:5px; text-align:center; padding-left:10px; padding-right:10px; line-height:22px; border:1px solid #ccc;}
.page a:hover{float:left; background:#f1f1f1; color:#0097e0; margin-left:5px; margin-right:5px; text-align:center; padding-left:10px; padding-right:10px; line-height:22px; border:1px solid #ccc;}




/*QQ客服*/

/* CSS Document */
body,ul,li,p,div,h1,img,a {
padding:0px;margin:0px;
}


ul{ list-style:none;}

/*-----------go to top  and  go to  bottom---------------*/
.go{width:145px;background-color:#FFF;position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));right:0px;top:515px; z-index:100;}
.go a{background:url(../images/a.png) no-repeat;display:block;text-indent:999em;width:37px;margin:5px;border:0;overflow:hidden;float:left}

.go .feedback{background-position:0 -54px;height:32px}
.go .feedback:hover{background-position:-38px -54px;}


.wx{width:154px; padding-bottom:15px;background-color:#FFF;position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));left:0px;top:74px;border-radius:5px;box-shadow:0 0 2px #6E6E6E}



.foaaa001{height:116px; font-size:14px; font-family:"微软雅黑";letter-spacing:1px; text-decoration:none;}


.wx01{width:25px; height:80px; padding-bottom:15px;background-color:#f00;position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));left:0px;top:100px; color:#fff; padding-left:5px; cursor:pointer;}


.il img{border:1px solid #ccc;}