﻿@charset "utf-8";
/* CSS Document */
html{margin:0; padding:0; border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
ui,li{list-style:none;}
em{font-style:normal;}

body{font:normal 12px/20px "微软雅黑" ; background:#fff; color:#333;}

/* index_首页 */
.w1040{width:1040px; margin:0px auto; display:block; clear:both;}
.top{height:105px;}
.logo{float:left; width:180px; height:60px; background:url(../images/logo.gif) no-repeat; margin-top:25px;}
.logo a{float:left; width:180px; height:60px;}
.top ul{float:left; margin-top:43px; width:600px;}
.top li{float:right;}
.top li a{float:left; padding:0 1px; height:30px; line-height:28px; color:#454545; font-size:16px; margin:0px 3px; text-decoration:none;}
.top li a.hover,.top li a:hover{color:#fff; background:url(../images/top_li.gif) #66cc00;}
.top li em{float:left; padding:0 16px;}
.top li a.hover em,.top li a:hover em{background:#66cc00; height:30px; cursor:pointer;}

.footer{clear:both; background:#223605; height:210px; color:#999; padding-top:25px;}
.footer h1{color:#66cc00; font-size:14px; font-weight:bold; line-height:20px;}
.footer a{color:#999; padding:0 15px; text-decoration:none;}
.footer a:hover{color:#fb6400;text-decoration:underline;}
.footer div.geshi{float:left; width:360px; line-height:16px;}
.footer div.link{float:left; width:160px; height:160px; line-height:24px; border-left:1px solid #52525c;}
.footer div.yq_link{float:left; width:280px; height:160px; line-height:24px; border-left:1px solid #52525c;}
.footer div.yq_link h1{padding-left:15px;}
.footer div.yq_link li{float:left; width:130px;}
.footer div.sw_link{float:left; width:200px; height:160px; line-height:16px; border-left:1px solid #52525c; padding-left:13px;}
.footer div.sw_link h1{width:81px;}
.footer div.sw_link h1.sw{background:url(../images/sw.gif) no-repeat right;}
.footer em.email{float:left; width:15px; height:10px; margin-top:3px; background:url(../images/email.gif) no-repeat 0 1px;}
.footer em.tel{float:left; width:15px; height:15px; margin-top:1px; background:url(../images/qq_gray.png) no-repeat 0 3px;}


/* down_软件下载 */
.down_header{height:340px; margin-bottom:15px; background:url(../images/down_bg.jpg) no-repeat center;}
.down_header img{float:left;}
.down_header span{float:left; width:488px;}
.down_d{float:left; width:488px; height:145px; background:url(../images/down_d.gif) no-repeat; padding:5px;}
.down_d em a{float:left; width:230px; height:68px; margin-right:245px; margin-bottom:10px;}
.down_d em a:hover{background:url(../images/down_z.gif) no-repeat -5px -5px;}
.down_d a{color:#beedff; text-decoration:underline; padding-left:5px;}
.down_d a:hover{color:#fb6400; text-decoration:underline;}

.down_a{height:340px; margin-bottom:15px; background:url(../images/down_bg.jpg) no-repeat center;}
.down_a img{float:left;}
.down_a span{float:left; width:488px;}


.down_left{float:left; width:680px; margin-bottom:80px;}
.down_left h1,.down_left h2{float:left; color:#333; margin-top:40px; font-size:20px; line-height:30px; height:30px; margin-bottom:5px; font-weight:normal;}
.down_left h2{margin-bottom:10px;}
.down_left em{float:left; width:680px; height:12px; background:url(../images/infor.gif) no-repeat;}
.down_left div.infor{float:left; width:638px; height:50px; padding:20px; background:#f9f9f9; border:1px solid #eee; color:#888; font-size:14px; border-top:0px;}
.down_left div.infor ul{float:left; width:640px;}
.down_left div.infor li{float:left; width:200px; line-height:25px;}
.down_left ul.down{float:left; width:680px;}
.down_left ul.down li{float:left; width:116px; line-height:36px; padding-left:20px;}
.down_left ul.down li a{float:left; text-decoration:none; color:#0085c4}
.down_left ul.down li a:hover{color:#fb6400;text-decoration:underline;}
.down_left ul.down li.baidupan{background:url(../images/baidupan.gif) no-repeat 0 4px;}
.down_left ul.down li.otherb{background:url(../images/baiducloud.gif) no-repeat 0 4px;}
.down_left ul.down li.other3{background:url(../images/360cloud.gif) no-repeat 0 4px;}
.down_left ul.down li.otherq{background:url(../images/weicloud.gif) no-repeat 0 4px;}
.down_left ul.down li.othery{background:url(../images/yfcloud.gif) no-repeat 0 4px;}

.down_right{float:right; width:330px; margin-bottom:80px; margin-top:40px;}
.down_right h1{width:145px; color:#333; font-size:20px; height:30px;  margin-bottom:11px; background:url(../images/d_pl.gif) no-repeat right; line-height:30px; font-weight:normal;}
.down_right ul{padding:0 15px 15px 15px; background:#f9f9f9; border:1px solid #eee; color:#888; width:300px;}
.down_right li{padding:15px 0; line-height:18px; border-bottom:1px dotted #e3e3e3;}
.down_right h2{height:23px;}
.down_right h2 {text-decoration:none; color:#66cc00;}
.down_right h2 a:hover{color:#fb6400;text-decoration:underline;}

/* faq_常见问题 */
.faq_header{height:170px; margin-bottom:15px; background:url(../images/faq_bg.gif) no-repeat center;}
.faq_left{float:left; width:227px; margin-top:30px; padding-top:2px; padding-bottom:80px; margin-bottom:60px; background:url(../images/faq_l_bg.gif) repeat-y right;}
.faq_left li a{float:left; line-height:30px; width:175px; height:30px; padding-left:12px; text-decoration:none; color:#666;}
.faq_left li a:hover{background:url(../images/faq_li_bg.gif) no-repeat; color:#66cc00;text-decoration:none;}
.faq_left li .hover{background:url(../images/faq_li_bg.gif) no-repeat; color:#66cc00;text-decoration:none;}
.faq_left h1{color:#333; font-size:26px; height:30px; line-height:30px; background:url(../images/faq_ico.gif) no-repeat; padding-left:40px; margin-bottom:13px; font-weight:normal;}
.faq_left h2{color:#333; margin-top:35px; font-size:26px; height:30px; line-height:30px; background:url(../images/feedback_ico.gif) no-repeat 8px 0; padding-left:40px; margin-bottom:13px; font-weight:normal; margin-top:220px;}
.faq_left ul{padding-left:43px;}
.faq_left span{line-height:30px; padding-left:57px; padding:8px 99px 10px 15px; margin-left:43px;}
.faq_left span.hover{background:url(../images/faq_li_bg.gif) no-repeat;}
.faq_left span:hover{background:url(../images/faq_li_bg.gif) no-repeat;}
.faq_left span a{text-decoration:underline; color:#fb6400; font-size:14px; }
.faq_left span a:hover{color:#fb6400;text-decoration:underline;}


.faq_right{float:right; width:765px; padding-left:48px; margin-top:35px; margin-bottom:60px;font-size:14px;}
.faq_right h1{color:#333; font-size:26px; height:30px; line-height:28px; margin-bottom:12px; font-weight:normal;}
.faq_right li{line-height:26px; list-style:circle;color:#66cc00;}
.faq_right a{text-decoration:none; color:#66cc00;font-size:12px;}
.faq_right p a{color:#fb6400; text-decoration:underline;}
.faq_right a:hover{color:#fb6400;}

.detailed{font-size:14px; color:#66cc00; line-height:32px;}
.detailed em{font-weight:bold;}

/* fb_tj_问题反馈 */
.feedback{color:#666;}
.feedback span{float:left; width:740px; height:40px; line-height:40px; background:#f7f7f7; padding-left:23px; margin-bottom:40px;}
.fb_tj{float:left; margin-bottom:40px;}
.fb_tj ul{width:600px;}
.fb_tj li{float:left; padding:8px 0; list-style:none; width:600px;}
.fb_tj li em{float:left; font-size:14px; width:65px; height:30px; text-align:right; padding-right:5px; margin:0px;}
.fb_tj input{float:left; font-size:14px; width:455px; height:26px; line-height:26px; border:1px solid #e3e3e3; padding-left:5px;}
.fb_tj textarea{font-size:14px; width:453px; height:200px; line-height:26px; border:1px solid #e3e3e3; padding-left:5px;}
.fb_tj button{float:left; width:96px; height:33px; background:url(../images/anniu.gif) no-repeat 0 -36px; color:#fff; font-weight:bold; cursor:pointer; border:0px; font-size:14px;}
.fb_tj button.anniu1:hover{background-position:0px 0px;}
.fb_tj button.anniu2{background-position:0 -72px; color:#666;}

/* product_展示 */
.product_header{height:170px; margin-bottom:15px; background:url(../images/product_bg.gif) no-repeat center;}
.product_left{float:left; width:222px; margin-top:30px; padding-top:2px; padding-bottom:80px; margin-bottom:80px;}
.product_left h1{color:#333; font-size:26px; height:30px; line-height:30px; background:url(../images/product_ico.gif) no-repeat; padding-left:40px; margin-bottom:13px; font-weight:normal;}
.product_right{float:right; width:765px; padding-left:53px; margin-top:35px; margin-bottom:80px; background:url(../images/faq_l_bg.gif) repeat-y;}
.product_right span{float:left; width:765px; font-size:20px; padding-bottom:10px;}
.product_right img{margin-bottom:40px; width:400px; height:300px;}

/* about_关于我们 */
.about_header{height:170px; margin-bottom:15px; background:url(../images/about_bg.gif) no-repeat center;}
.faq_left h1.about{background:url(../images/about_ico.gif) no-repeat 4px 2px;}
.faq_right h1.about{font-size:24px; height:30px; line-height:24px; color:#666;}
.faq_right img{margin-bottom:8px;}
.detailed img{height:581px; width:750px;}
.faq_right p{line-height:24px; margin-bottom:30px; color:#666;}
.about_left{height:500px;}
.about ul{float:left; width:170px; height:50px; border-left:1px solid #ececec; padding-left:20px;}
.about li{list-style:none; color:#666;}

/* log_更新日志 */
.log_header{height:170px; margin-bottom:15px; background:url(../images/log_bg.gif) no-repeat center;}
.log{color:#666; padding-bottom:40px; margin-top:40px; margin-bottom:60px; background:url(../images/faq_l_bg.gif) repeat-y 208px 0;}
.log h1{color:#333; font-size:26px; height:30px; line-height:26px; background:url(../images/log_ico.gif) no-repeat; padding-left:38px; margin-bottom:13px; font-weight:normal;}
.log h2,.log h4,.log h6{color:#fff; font-size:22px; width:415px; height:40px; line-height:40px; background:url(../images/log_h2.gif) no-repeat right; margin-bottom:15px; font-weight:normal;}
.log h2 em,.log h4 em,.log h6 em{float:left; font-family:Verdana, Geneva, sans-serif; padding-left:40px; padding-right:80px; color:#666; font-size:19px; font-weight:normal;}
.log ul{padding-left:265px; line-height:28px; margin-bottom:30px;}
.log li{list-style-type:decimal;}
.log h3,.log h5{padding-left:240px; color:#1abbf7; font-size:20px; height:30px; line-height:20px; background:url(../images/log_h3.gif) no-repeat 204px 0;}
.log h4{background:url(../images/log_h4.gif) no-repeat right;}
.log h5{color:#7dd119; background:url(../images/log_h5.gif) no-repeat 204px 0;}
.log h6{background:url(../images/log_h6.gif) no-repeat right;}
.log a{text-decoration:none; color:#666;}
.log a:hover{color:#fb6400; text-decoration:underline;}
.none { display:none; }

/*returnTop*/
p#back-to-top{
position:fixed;
display:none;
bottom:100px;
right:80px;
}
p#back-to-top a{
text-align:center;
text-decoration:none;
color:#d1d1d1;
display:block;
width:64px;
/*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
-moz-transition:color 1s;
-webkit-transition:color 1s;
-o-transition:color 1s;
}
p#back-to-top a:hover{
color:#979797;
}
p#back-to-top a span{
background:transparent url(../images/sprite.png) no-repeat 14px 20px;
border-radius:6px;
display:block;
height:64px;
width:56px;
margin-bottom:5px;
/*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
-moz-transition:background 1s;
-webkit-transition:background 1s;
-o-transition:background 1s;
}
#back-to-top a:hover span{
background:transparent url(../images/sprite.png) no-repeat 14px 20px;
} 