html { color:#000; background:#FFF; min-width:1200px; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
body { background:#FFF; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input, textarea, select { *font-size:100%; }
legend { color:#000; }

html { padding-bottom: 140px; position: relative; }
body { color:#333; font:12px/1.5 "\5FAE\8F6F\96C5\9ED1", Arial, Verdana; background-color: #fff; }
a { color:#999; text-decoration:none; }
a:hover { color:#fd8713; text-decoration:underline; }
.clearfix:after { content:'.'; display:block; visibility:hidden; height:0; line-height:0; font-size:0; clear:both; }
.clearfix { zoom:1; }
.boxwrap { width:1200px; margin:0 auto; }
#topbar { color:#BCBCBC; height:30px; background-color:#464646; line-height:30px; }
#topbar .topnav li { float:left; margin-right:5px; }
#topbar .topnav li a { display:block; padding:0 10px; font-size:12px; color:#BCBCBC; }
#topbar .topnav li a:hover { background-color:#5D5D5D; color:#fff; text-decoration:none; }
#header { position:relative; z-index: 5; height:62px; background-color:transparent; transition: background-color 1s; }
#header .logo { float:left; padding-top:18px; }
#header .logo a, .ico-down, .ico-pcdown, .pc-icon, #pc-download .hd, #index-banner .btn-prev, #index-banner .btn-next, .content .faq-form-list .btn-faqsumbit, .suggest-item-nav, .qq-suggest a, .hui-prom-line { background:url(../images/hui.png) no-repeat; }
#header .logo a { display:block; width:195px; height:31px; text-indent:-999em; overflow:hidden; }
#header:hover { background-color: #fff; }
#header.other { background-color: #f2f2f2; }
#header:hover .logo a, #header.other .logo a { background-position: -200px 0; }
#header .nav { float:right; }
#header .nav li { float:left; overflow: hidden; }
#header .nav li a { display:block; padding: 0 15px; height:62px; line-height: 62px; font-size: 16px; color: #fff; }
#header:hover .nav li a, #header.other .nav li a { color: #535353; transition: color 1s; }
#header .nav li em { display:inline-block; height: 58px; padding: 0 5px; border-bottom: 4px solid transparent; cursor:pointer; }
#header .nav li .ico-down { display: inline-block; width: 19px; height: 18px; margin-right: 3px; background-position: -130px -175px; vertical-align: middle; }
#header:hover .nav li .ico-down, #header.other .nav li .ico-down { background-position: -154px -175px; }
#header .nav .current em { border-color: #fff; }
#header:hover .nav li:hover em { border-color: #fd8713; color:#535353; transition: all 1s; }
#header:hover .nav .current em, #header.other .nav .current em { border-color: #fd8713; color:#fd8713; transition: all 1s; }

/* banner */
#index-banner { width:100%; height:690px; margin-top: -62px; position: relative; }
#index-banner .btn-prev, #index-banner .btn-next { position:absolute; z-index: 5; display:none; width:60px; height:60px; top:50%; margin-top:-30px; }
#index-banner .btn-prev { background-position: 0 -175px; }
#index-banner .btn-next { background-position: -65px -175px; }
#index-banner:hover .btn-prev, #index-banner:hover .btn-next { display: block; }
#index-banner .slide-pages { position:absolute; z-index:2; bottom:15px; left:50%; margin-left: -325px; }
#index-banner .slide-pages a { display:inline-block; overflow:hidden; margin: 0 32px; padding: 0 10px; color: #000; font-size: 18px; font-family:"microsoft yahei", sans-serif; opacity: 0.7; letter-spacing: 1px; }
#index-banner .slide-pages a:hover { text-decoration: none; opacity: 1; }
#index-banner .slide-pages a.current { text-shadow: #222 0 0 8px; font-weight: bold; color: #fff; opacity: 1; }
#index-banner .slide-wrap li { position: absolute; display: none; width: 100%; }
#index-banner .slide-wrap .slide-item { width: 100%; padding-top:62px; height:628px; overflow: hidden; }
#index-banner .slide-wrap li .search { position:absolute; z-index:2; top:240px; left:50%; margin-left: -545px; }
#index-banner .slide-wrap li .input-text { float:left; width:528px; height:54px; border:none; color:#999; font-size:18px; padding:0 10px; margin-top:3px; outline:none; background:inherit; }
#index-banner .slide-wrap li .input-btn { float:left; width:125px; height:60px; border:none; background:inherit; outline:none; cursor:pointer }
#index-banner .slide-wrap li .screen { padding-top:40px; clear:both; font-size:15px; color:#3e4347; }
#index-banner .slide-wrap li .screen span { margin-right:12px; text-shadow:0 1px 1px #ccc; }
#index-banner .slide-wrap li .input-text2 { width:45px; border:1px solid #a0a0a0; background:#f7f7f7; color:#999; padding:0 2px; }
#index-banner .btn-prev { left:0; }
#index-banner .btn-next { right:0; }
.content { width:1200px; margin:20px auto 100px; }
.play-video .hover { position: relative; width: 100%; height: 628px; display: none; }
.play-video:hover .hover { display: block; }

#footer { position: absolute; bottom: 0; padding:40px 0 60px; width: 100%; background-color: #464646; text-align:center; color:#bcbcbc; }
#footer p { height:28px; line-height:28px; }
#footer a { color:#bcbcbc; }
#footer span.sp { padding:0 10px; }
#footer .copyr { margin-top:2px; }

/*home 2015.6*/
.home-download { width:1200px; margin:110px auto; overflow:hidden; }
.home-download-ctn { width:1300px; }
.home-download-ctn li { float:left; position: relative; width:330px; height:215px; margin-right:67px; font-size: 25px; border-radius: 6px; }
.home-download-ctn li.down1 { background: url(../images/down1.png) no-repeat; }
.home-download-ctn li.down2 { background: url(../images/down2.png) no-repeat; }
.home-download-ctn li.down3 { background: url(../images/down3.png) no-repeat; }
.home-download-ctn li.down4 { background: url(../images/down4.png) no-repeat; }
.home-download-ctn li a { display: block; width:250px; height:215px; border-radius: 6px; }
.home-download-ctn li a:hover { background-color: #fa8200; }
.home-download-ctn li em { position: absolute; width: 100%; bottom: 35px; }
.ico-pcdown { display: inline-block; width: 24px; height: 22px; background-position: -178px -175px; }
.browser-ico { position: absolute; left: 38px; top: 0; width: 176px; height: 190px; background:url(../images/browser-ico.png) no-repeat; }
.home-download-ctn li a:hover .browser-ico { background-image: url(../images/browser-ico-hover.png); }
.browser-360-w { background-position: 0 0; }
.browser-360js-w { background-position: -176px 0; }
.browser-chrome-w { background-position: -352px 0; }
.browser-baidu-w { background-position: -528px 0; }
.browser-ie-w { background-position: -704px 0; }
.browser-liebao-w { background-position: 0 -190px; }
.browser-2345-w { background-position: -176px -190px; }
.browser-qq-w { background-position: -352px -190px; }
.browser-uc-w { background-position: -528px -190px; }
.browser-sogou-w { background-position: -704px -190px; }
.ios-w { background-position: 0 -380px; }
.android-w { background-position: -176px -380px; }
.fav-w { background-position: -352px -380px; }
#pc-download { overflow: hidden; }
#pc-download .hd { height: 36px; margin-bottom: 60px; background-position: 495px -42px; text-indent: -999em; }
#pc-download .bd { width: 1300px; }
#pc-download a { float: left; width: 180px; height: 180px; margin: 0 72px 35px 0; border: 1px solid #eee; text-align: center; color: #aaa; font-size: 14px; }
#pc-download a:hover { border-color: #fa8200; color: #fa8200; text-decoration: none; }
#pc-download a em { display: block; }
.pc-icon { display: inline-block; height: 75px; width: 75px; margin-top: 35px; overflow: hidden; }
.icon-360 { background-position:0 -95px; }
.icon-360chrome { background-position:-75px -95px; }
.icon-chrome { background-position:-150px -95px; }
.icon-baidu { background-position:-225px -95px; }
.icon-ie { background-position:-300px -95px; }
.icon-liebao { background-position:-375px -95px; }
.icon-2345 { background-position:-450px -95px; }
.icon-qq { background-position:-525px -95px; }
.icon-uc { background-position:-600px -95px; }
.icon-sogou { background-position:-675px -95px; }


.layerWrap { background-color:#fff; padding:30px; }
.layerWrap .Title { color:#333; font-size:20px; margin-bottom:20px; }
.layerWrap .Pic { width:700px;height:450px; line-height:450px; overflow:hidden; text-align:center; }
.layerWrap a.Btn { background-color:#fa8200; color:#fff; display:block; font-size:18px; float:right; margin-top:20px; width:194px; height:46px; line-height:46px; text-decoration:none }
.layerWrap a.Btn span.down-icon { float:left; width:194px; height:46px; background:url(../images/hui.png) no-repeat -416px -228px; display:block; }
.layerWrap a.Btn span.Word { border-left:1px solid #f56e00; color:#fff; display:block; float:left; height:46px; text-align:center; width:140px; }
.layerWrap a.Btn.fav { background:url(../images/hui.png) no-repeat -416px -181px; cursor:move; }