<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 
* @Author: qiqi
* @Date:   2014-08-20 21:37:14
* @Last Modified by:   qiqi
* @Last Modified time: 2014-09-01 23:43:41
*/
@charset "utf-8";
html { color: #000; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
html, body { margin: 0; padding: 0 }
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, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
audio, canvas, video { display: inline-block; *display:inline;
*zoom:1
}
body, button, input, select, textarea { font-family: "Microsoft YaHei", 微软雅黑, STHei, 华文黑体, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666; font-size: 14px }
input, select, textarea { font-size: 100% }
table { border-collapse: collapse; border-spacing: 0 }
th { text-align: inherit }
fieldset, img { border: 0 }
iframe { display: block }
abbr, acronym { border: 0; font-variant: normal }
del { text-decoration: line-through }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500 }
ol, ul { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6, b { font-size: 100%; font-weight: 500 }
q:before, q:after { content: '' }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
a { text-decoration: none; color: #84a3e3; cursor: pointer; transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .15s ease-out; -o-transition: all .15s ease-out }
a:hover { color: #6b95ea; transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .15s ease-out; -o-transition: all .15s ease-out }
a:hover { text-decoration: none }
ins, a { text-decoration: none }
input:required {
border:0;
box-shadow:none
}
input:valid {
background-color:transparent;
box-shadow:none
}
input:invalid {
background-color:transparent;
box-shadow:none
}
.fn-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.fn-clear { zoom: 1 }
body .fn-hide { display: none }
body .fn-show { display: block }
.fn-left, .fn-right { display: inline }
.fn-left { float: left }
.fn-right { float: right }
i { font-style: normal }
a { blr:expression(this.onFocus=this.close())
}
a { blr:expression(this.onFocus=this.blur())
}
a:focus { -moz-outline-style: none }
:focus { outline: 0 }
.wrapper { min-width: 1120px }
.hide-row { overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis }
.one-row { white-space: nowrap }
.n-row { word-wrap: break-word; word-break: normal }
.text-decoration-line { text-decoration: line-through }
.hidden { overflow-y: hidden }

.header-layout{}
.header-wrapper{width: 100%; height: 100px; background:url(../img/header_contaiter_bg.png) no-repeat 50% 50% #111}
.header-container{ width: 1120px;margin: 0 auto;font-size: 12px}
.header-container .logo{float:left; width: 161px; height:38px; padding: 31px 0 0}
.header-container .nav-list{float: right; padding-top: 36px; line-height: 25px;}
.footer-absolute-bottom { position: absolute; bottom: 0; left: 0; right: 0 }
.footer { clear: both; background: #FBFBFB; min-width: 1120px }
.footer .inner { position: relative; width: 1120px; margin: 0 auto }
.footer .info ul { float: left; width: 260px; padding-top: 15px }
.footer .info ul li { color: #CCC; padding: 6px 0; font-size: 12px; line-height: 12px }
.footer .service { height: 162px }
.footer .service h3 { padding: 9px 0 13px; font-size: 18px; line-height: 18px; font-family: 华文黑体, "Microsoft YaHei", 微软雅黑, STHei, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #434d55 }
.footer .service a { color: #434d55; font-family: 华文黑体, "Microsoft YaHei", 微软雅黑, STHei, "Helvetica Neue", Helvetica, Arial, sans-serif }
.footer .service a:hover { color: #84a3e3 }
.footer .online { position: absolute; right: 0; overflow: hidden; padding: 32px 0 0; line-height: 34px }
.footer .online p { clear: both; font-size: 12px; width: 230px; line-height: 18px; text-align: right; color: #999 }
.footer .online p a.online-services { float: right; width: 91px; height: 34px; line-height: 34px; background: url(../img/need-help-button.png) no-repeat; cursor: pointer; font-size: 16px; color: #fff; padding: 0 0 0 26px; text-align: left; text-indent: 15px; color: #FFF }
.footer .online p a.online-services:hover { color: #FFF }
.footer .online .tel { line-height: 51px; font-size: 28px; color: #666 }
.footer .online .tel a { cursor: default }
.footer .online .tel a:hover { color: #666 }
.footer .sns { position: absolute; right: 0; bottom: 40px; width: 210px }
.footer .sns li a { display: block; background: url(../img/sns-icons.png) no-repeat; _background: url(../img/sns-icons-ie6.png) no-repeat; width: 17px; height: 16px; float: left; text-indent: -9999em }
.footer .sns li { float: right; padding: 0 5px; opacity: .4; -webkit-transition: all .25s ease }
.footer .sns li a.twitter { background-position: -26px 0 }
.footer .sns li a.facebook { background-position: -48px 0 }
.footer .sns li a.weixin { width: 20px; background-position: -74px 0 }
.footer .sns li.hold, .footer .sns li:hover { opacity: 1 }
.footer .sns li.weixin { position: relative }
.footer .sns li.weixin .dimensional-code { display: none; position: absolute; right: -10px; bottom: 30px; width: 155px; height: 155px; background: #FFF; border-radius: 8px; border: 1px solid #B8B8B8; box-shadow: 2px 2px 12px #DDD }
.footer .sns li.weixin .dimensional-code:after { display: block; content: " "; position: absolute; right: 20px; bottom: -6px; width: 12px; height: 6px; background: url(../img/dimensional-code-arrow.png) no-repeat }
.footer .sns li.weixin .dimensional-code img { width: 121px; height: 121px; margin: 17px }
.footer .copyright { height: 80px; background: #F1F1F1; color: #434d55; font-size: 12px }
.footer .copyright .inner { position: relative; height: 80px }
.footer .copyright .copy-label { float: left; width: 605px; height: 62px; padding-top: 18px }
.footer .copyright .copy-text { height: 15px; line-height: 15px; font-size: 12px; color: #666 }
.footer .copyright .icp-text { overflow: hidden; height: 30px; margin-top: 6px; text-align: left; text-indent: 2em }
.footer .copyright .footer-clause { float: left; padding-top: 18px; font-size: 13px }
.footer .copyright .footer-clause li { float: left; padding: 0 8px; line-height: 12px; font-weight: 300 }
.footer .copyright .footer-clause li.line { float: left; width: 2px; height: 14px; padding: 0; background: url(../img/footer-line.gif) no-repeat 0 2px }
.footer .copyright p { float: left; padding-top: 20px; line-height: 18px; color: #6c7478 }
.footer .copyright p a { color: #434d55; padding: 0 5px }

.nav-list a{ display: block;border: transparent solid 1px;_border: 1px solid #222327;border-radius: 6px;font-size: 14px;/*opacity: .8;*/color: #fff;height: 26px}
.nav-list ul{ float: left;}
.nav-list ul li{ float: left;}
.nav-list ul li a{padding: 0 14px}
.nav-list .buy-col{float: left;padding-left: 21px;margin-left: 14px; border-left: #414141 solid 1px}
.nav-list .buy-col span { line-height: 25px }
.nav-list .buy-col a.buy-button { height: 26px; padding: 0 18px; background: #6B89D5; border: 1px solid #6B89D5; margin-left: 20px; line-height: 25px }
.nav-list .buy-col a:hover { border: 1px solid #CACFD7 }
.nav-list .buy-col a:active { border: 1px solid #FFF; color: #FFF; opacity: .6; filter: alpha(opacity=60) }
.nav-list .buy-col a.buy-button:hover { background: #FFF; border: 1px solid #FFF; color: #000 }
.nav-list .buy-col a.buy-button:active { background: #D9D9D9; border: 1px solid #D9D9D9 }
.nav-list ul li.on a { border: #414345 solid 1px; opacity: 1 }
.main{margin: 0 auto;}
.layout-index{width: 100%; text-align: center; overflow: hidden;}
.layout-index .banner{height: 890px; background:#e5e6e8 url(../img/product_index_banner_bg.jpg)no-repeat 50% 50%}
.layout-watch{background: #fdfdfd;width: 100%;height: 270px;border-bottom: #f1f1f0 solid 1px;}
.liveShow{width: 1120px;padding-top: 36px;text-align: center;margin: 0 auto;}
.layout-watch ul li {display: inline-block;width: 353px;text-align: center;height: 187px;}
.layout-watch ul li a{ display: block;}
.layout-watch ul li img{ width: 100%;}
.main-overview .iten{width: 100%; text-align: center; overflow: hidden;}
.main-overview .iten img{ display: block; margin: 0 auto;}
.main-overview .iten .d-1{height: 904px; background:#171717 url(../img/product_overview_d_1_bg.jpg)no-repeat 50% 50%}
.main-overview .iten .d-2{height: 857px; background:#353535 url(../img/product_overview_d_2_bg.jpg)no-repeat 50% 50%}
.main-overview .iten .d-3{height: 854px; background:#1d1d1d url(../img/product_overview_d_3_bg.jpg)no-repeat 50% 50%}
.main-overview .iten .d-4{height: 800px; background:#212121 url(../img/product_overview_d_4_bg.jpg)no-repeat 50% 50%}
.main-overview .iten .d-5{height: 821px; background:#414141 url(../img/product_overview_d_5_bg.jpg)no-repeat 50% 50%}
.main-overview .iten .d-6{height: 855px; background:#212121 url(../img/product_overview_d_6_bg.jpg)no-repeat 50% 50%}
.main-overview .iten .d-7{height: 749px; background:#353535 url(../img/product_overview_d_7_bg.jpg)no-repeat 50% 50%}

.main-feature .iten{width: 100%; text-align: center; overflow: hidden;}
.main-feature .iten img{ display: block; margin: 0 auto;}
.main-feature .iten .d-1{height: 623px; background:#171717 url(../img/product_feature_d_1_bg.jpg)no-repeat 50% 50%}
.main-feature .iten .d-2{height: 857px; background:#353535 url(../img/product_feature_d_2_bg.jpg)no-repeat 50% 50%}
.main-feature .iten .d-3{height: 854px; background:#1d1d1d url(../img/product_feature_d_3_bg.jpg)no-repeat 50% 50%}
.main-feature .iten .d-4{height: 800px; background:#212121 url(../img/product_feature_d_4_bg.jpg)no-repeat 50% 50%}
.main-feature .iten .d-5{height: 821px; background:#414141 url(../img/product_feature_d_5_bg.jpg)no-repeat 50% 50%}
.main-feature .iten .d-6{height: 855px; background:#212121 url(../img/product_feature_d_6_bg.jpg)no-repeat 50% 50%}
.main-feature .iten .d-7{height: 749px; background:#353535 url(../img/product_feature_d_7_bg.jpg)no-repeat 50% 50%}

.playing-topbar{ overflow:hidden; padding: 10px 0;width: 1120px;margin: 0 auto;}
.playing-topbar .title{ float: left; font-size:24px;}
.playing-topbar .topbar-list{ float: right;}
.playing-topbar .topbar-list li a{padding: 0 14px; display: block;border: transparent solid 1px;_border: 1px solid #222327;border-radius: 6px;font-size: 14px;/*opacity: .8;*/color: #000;height: 26px}

.playing-topbar .topbar-list li{float: left;padding-left: 21px;margin-left: 14px;}
.playing-topbar .topbar-list li span { line-height: 25px }
.playing-topbar .topbar-list li a.on { height: 26px; padding: 0 18px; background: #6B89D5; border: 1px solid #6B89D5; margin-left: 20px; line-height: 25px;color: #fff}
.playing-topbar .topbar-list li a:hover { border: 1px solid #CACFD7 }
.playing-topbar .topbar-list li a:active { border: 1px solid #FFF; color: #FFF; opacity: .6; filter: alpha(opacity=60) }
.playing-topbar .topbar-list li a.on:hover { background: #FFF; border: 1px solid #FFF; color: #000 }
.playing-topbar .topbar-list li a.on:active { background: #D9D9D9; border: 1px solid #D9D9D9 }
.layout-playing{width: 1120px;margin: 0 auto;}
.layout-playing a{ display: block;}
.layout-playing img{ width: 100%}
.layout-playing .row1 .td1{ width: 740px; float: left;}
.layout-playing .row1 .td2{ width: 360px; float: right;}
.layout-playing .row1 .td2 .td2-2{ margin-top:20px;}
.layout-playing .row2 .td1{ width: 360px; float: left;}
.layout-playing .row2 .td2{ width: 740px; float: right;}

#heziPra{ width: 100%; margin:10px 0;}
.hezi-pra, .hezi-pra dt, .hezi-pra dd, .hezi-pra ul, .hezi-pra li, .hezi-pra p { margin: 0; padding: 0 }
.hezi-pra ul, .hezi-pra dt ul, .hezi-pra dd ul, .hezi-pra ul ul, .hezi-pra li ul, .hezi-pra p ul, .hezi-pra li, .hezi-pra dt li, .hezi-pra dd li, .hezi-pra ul li, .hezi-pra li li, .hezi-pra p li { list-style: none }
.hezi-pra { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ededed; background: #fff; overflow: hidden;width: 1120px;margin: 0 auto;  }
.hezi-pra dt { float: left; width: 145px; margin-top: -1px; border-top: 1px solid #ededed; padding: 20px 0 0 20px; color: #6d6d6d; font-weight: bold; clear: both }
.hezi-pra dd { float: left; width: 954px; margin-top: -1px; border-left: 1px solid #ededed; border-top: 1px solid #ededed; background: #f9f9f9 }
.hezi-pra dd.first { background: #fff }
.hezi-pra dd ul { padding: 20px }
.hezi-pra dd ul li { margin: 5px 0; padding-left: 150px; position: relative; line-height: 1.8; zoom: 1 }
.hezi-pra dd ul li strong { position: absolute; top: 0px; left: 0px }

.inner { width: 1120px; margin: 0 auto; position: relative; clear: both }
.faq-inner { padding-top: 50px; padding-bottom: 50px }
.main .inner .side-bar { border-radius: 8px; float: left; padding: 50px 0; width: 212px }
.main-content { float: right; padding: 50px 0; width: 890px }
.faq-top { width: 100%; clear: both; overflow: hidden; display: none; margin: 0 0 -4px 0; position: relative; min-width: 1120px }
.main .faq-content { box-shadow: rgba(0,0,0,.27) 0 1px 3px, #DCDCDC 0 1px 0, #DDD 0 -1px 0 }
.main-content .faq-content { margin-top: 0 }
.faq-nav { background: #fff; border-radius: 8px; box-shadow: rgba(0,0,0,.27) 0 1px 3px }
.faq-nav a { color: #000; font-size: 16px }
.faq-content a { color: #6b95ea }
.faq-nav li { height: 50px; line-height: 50px; border-bottom: 1px solid #cfcfcf; text-align: left; list-style: none; width: 212px; overflow: hidden }
.faq-nav li.last { border-bottom: 0; border-radius: 0 0 8px 8px }
.faq-nav li.last a:hover { border-radius: 0 0 8px 8px }
.faq-nav li a:hover { color: #fff; background: #6785D9 }
.faq-nav li a.on { color: #fff; background: #6785d9 }
.faq-nav a { height: 50px; display: block; padding-left: 30px }
.faq-nav a.on { background: #6785D9; color: #fff }
.list-format { margin: 0 0 15px }
.list-format li { overflow: hidden }
.list-format li span { float: left; display: block; width: 15px; height: 50px }
.list-format li p { padding: 0; float: left; width: 815px }
.faq-content { background: #fff; border-radius: 8px; clear: both; text-align: left }
.faq-nav .title, .faq-content .title { height: 60px; background: url(../img/step-order-box-title-bg.jpg) repeat-x; line-height: 60px; border-bottom: 1px solid #CFCFCF; border-radius: 8px 8px 0 0; box-shadow: rgba(0,0,0,.12) 0 1px 8px; position: relative }
.faq-content h1, .faq-content h2, .faq-content h3, .faq-content h4, .faq-content h5, .faq-content h6 { padding: 0 30px }
.faq-content h3.line { margin-top: 7px }
.faq-nav h1 { padding-left: 30px }
.faq-nav h1, .faq-content h1 { font-size: 18px; line-height: 60px; clear: both; overflow: hidden; height: 60px }
.faq-content h2 { display: block; height: 40px; background: #E6E7E8; line-height: 40px; clear: both; font-size: 14px; font-weight: 400 }
.faq-content h3 { font-size: 14px; font-weight: bolder; padding: 10px 30px }
.faq-content p, .faq-content dt, .faq-content dd, .faq-content li { padding: 0 30px; line-height: 26px }
.faq-content .line dd { margin-bottom: 7px }
.faq-content .faq-line dd { margin-bottom: 15px }
.faq-content .line p { margin-bottom: 5px }
.faq-content .inner { padding: 20px 0; width: 100% }
.faq-content .inner-last { padding: 20px 0 30px; width: 100% }
.faq-content dt { display: block; clear: both; font-size: 14px }
.faq-content dd li { padding: 0 }
.faq-content .faq-box { padding: 30px 0 50px 25px; line-height: 20px; clear: both }
.faq-content .faq-box-inner { padding: 30px 0 30px 25px }
.faq-content .faq-box p { padding-left: 0 }
.faq-content .faq-box h2 { background: 0 0 }
.faq-content table { margin: 0 0 0 30px }
.faq-top img { width: 100%; z-index: 2 }
.faq-content h2.payonline { margin-top: -10px }
.faq-content .payonline dt { margin-top: 5px }
.faq-content .payonline dd { padding-top: 14px; margin-bottom: 38px }
.faq-content .payonline { padding-bottom: 4px }


.overview_text_box{width: 1120px; margin: 10px auto;}
.overview_text_box p{font-size: 24px; line-height: 40px; text-align: left; margin-bottom: 20px; text-indent: 2em;}</pre></body></html>