@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body,div,ul,li,dl,dt,dd,form,input,h1,h2,h3,h4,label,button,textarea,img{ padding:0; margin:0; color:#333; font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti;_font-family:Verdana, Geneva, sans-serif;cursor:default; border:none; border:0;}
ul,li { list-style:none;}
body{ background-color:#fff;}
a{ cursor:pointer; color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}

.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:#414141;}
#top .top{ margin:0 auto; width:960px; height:70px;}
#logo{ float:left; width:210px; height:55px; padding-top:9px;}
#logo a{ display:block; overflow:hidden; width:260px; height:55px; background:url("../images/logo.png") no-repeat 0 0;}
#top .nav{ float:right; height:31px; padding-top:19px;}
#top .nav ul{ overflow:hidden;}
#top .nav li{ float:left; height:31px; text-align:center; line-height:31px; font-size:16px; padding-left:32px;}
#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;}

/* content */
#content{ width:100%; overflow:hidden;}
#content .content{ margin:0 auto; width:960px; padding-top:40px; padding-bottom:40px;}

/* bottom */
#bottom{ width:100%; overflow:hidden; background-color:#414141;}
#bottom .bottom{ margin:0 auto; width:960px;}
#bottom .bottom .list { margin:40px 0;}
#bottom .bottom .list ul{ float:left; width:120px; margin-right:60px;}
#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"/*tpa=http://thinksns.com/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"/*tpa=http://thinksns.com/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:18px; padding:8px 0;}
.index ul.sList li p.cl{ font-size:14px; color:#666;}
.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;}

/* 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.banner1{ background:url("../images/banner1.jpg") no-repeat 50% 50%;}
.slider-content ul li.banner2{ background:url("../images/banner2.jpg") no-repeat 50% 50%;}
.slider-content ul li.banner2 a{ background:url("../images/banner2.jpg") no-repeat 50% 50%;}
.slider-content ul li.banner3{ background:url("../images/banner3.jpg") no-repeat 50% 50%;}
.slider-content ul li.banner3 a{ background:url("../images/banner3.jpg") no-repeat 50% 50%;}

.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 400px;}
.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{ 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:79px;}
.promenu{ width:960px; height:80px; margin:0 auto;}
.promenu .m_title{ height:80px; line-height:80px; font-size:20px; color:#999;}
.promenu ul{}
.promenu ul li{height:80px; float:left; font-size:16px; margin-right:35px;}
.promenu ul li a{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{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:40px; margin-bottom:40px;  display:block;}
.product ul.sList li .word{ width:500px; 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:22px; font-weight:normal; color:#333; height:30px; line-height:30px; margin-bottom:10px;}
.product ul.sList li .proPic_1{background:url("../images/learning.jpg") no-repeat left top; padding-left:460px; height:auto!important; min-height:180px; height:180px; overflow:visible;}
.product ul.sList li .proPic_2{background:url("../images/examming.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/training.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/chart.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/knowledge.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/survey.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/message.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/paltform.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/mobilelearning.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/learning.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{ 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{ 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{ 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:120px;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:#fafafa; border:1px #ddd solid; cursor:pointer;}

/*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:10px 10px 0 10px; width:380px; color:#666;}
.arrowA{ background:url("../images/case_info_box_a_bg.png") no-repeat; clear:both; float:left;}
.arrowB{ background:url("../images/case_info_box_b_bg.png") no-repeat;}
.arrowC{ background:url("../images/case_info_box_c_bg.png") no-repeat;}
.arrowD{ background:url("../images/case_info_box_d_bg.png") no-repeat;}
.caseboxList{ width:950px; clear:both; position:relative;margin:0 0 0 0px;}
.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;}

.customer ul{display:inline;}
.customer ul li{margin:20px 8px 0 8px;display:inline;}


.up_button {
	background: url("../images/up_button.gif") no-repeat; border: currentColor; width: 93px; height: 33px; margin-right: 30px; float: left; display: inline-block; cursor: pointer;
}

.canel_button {
	background: url("../images/up_button.gif") no-repeat; border: currentColor; width: 93px; height: 33px; margin-right: 30px; float: left; display: inline-block; cursor: pointer;
}
.up_button:hover {
	background-position: 0px -33px; border: currentColor;
}
.canel_button:hover {
	background-position: 0px -33px; border: currentColor;
}
.canel_button {
	background: url("../images/canel_button.gif") no-repeat;
}

.e_input {border:solid 1px #ccc;border-collapse: separate;border-spacing: 2px;margin:12px 0px 0px 45px;}

.e_button2 {
	width: 350px; height: 40px; padding-left: 170px; margin-top: 22px; float: left;
}




@-moz-document url-prefix(){
#case ul li {
    border: 1px solid #DDDDDD;
    display: inline;
    float: left;
    height: 120px;
    margin: 20px 9px 0;
    overflow: hidden;
    padding: 10px 0 0;
    text-align: center;
    width: 218px;
}

.buy_info ul.ul_price li.two ol li {
    line-height: 40px;
    width: 128px;
}



.buy_info ul.ul_price li.three {
    line-height: 204px;
    width: 165px;
}

.buy_info ul.ul_info li.one {
    width: 179px;
}



}