
body { font: 12px/1.5 arial,"Hiragino Sans GB","Microsoft YaHei",sans-serif; color: rgb(85, 85, 85); }
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { padding: 0px; margin: 0px; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, table, th, td { font-size: 12px; font-weight: normal; }
h2 { font-size: 28px; line-height: 28px; }
h3 { font-size: 24px; line-height: 24px; }
ul, ol { list-style: outside none none; }
fieldset, img { border: medium none; }
input, select, textarea {  }
a { outline: medium none; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: none; }
cite, em { font-style: normal; }
html { min-width: 1200px; }
html, body { margin: 0px; height: 100%; }
.clearfix::after { clear: both; content: "."; display: block; height: 0px; line-height: 0; visibility: hidden; }
i.fa { font-size: 14px; margin-right: 4px; vertical-align: middle; }
.f16 { font-size: 16px; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.clear { clear: both; height: 0px; font-size: 1px; }
.w60 { width: 60px !important; }
.w100 { width: 100px !important; }
.mt15 { margin-top: 15px; }
.mr30 { margin-right: 30px !important; }
#HBox, #DEMOBox { font-size: 14px; background-color: rgb(250, 250, 250); display: none; margin: 0px auto; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); border: 1px solid rgb(233, 234, 235); position: fixed; top: 50%; left: 50%; z-index: 100000; overflow: visible !important; }
.dialog-faq { color: rgb(36, 44, 59); line-height: 24px; width: 600px; margin: 0px auto; padding: 15px 0px; border-bottom: 1px solid rgb(233, 234, 235); }
.dialog-faq .welcome { color: rgb(7, 101, 209); }
.dialog-faq a { font-family: Arial; font-size: 20px; font-weight: 600; color: rgb(255, 109, 59); text-decoration: none; vertical-align: middle; margin: 0px 6px; }
.dialog-form { width: 600px; margin: 20px auto 0px; }
.dialog-form dl { font-size: 0px; margin-bottom: 15px; }
.dialog-form dt, .dialog-form dd { font-size: 18px; color: rgb(36, 44, 59); vertical-align: middle; letter-spacing: normal; display: inline-block; }
.dialog-form dt { text-align: right; width: 20%; padding: 0px 2% 0px 0px; }
.dialog-form dd { width: 78%; }
.dialog-form .input-txt { font-size: 14px; display: inline-block; line-height: 28px; width: 420px; height: 28px; padding: 4px 9px; border: 1px solid rgb(217, 217, 217); border-radius: 3px; }
.dialog-form .submitBtn { font-size: 16px; font-weight: 600; color: rgb(255, 255, 255); line-height: 20px; background-color: rgb(0, 108, 216); text-align: center; display: block; width: 100px; height: 40px; margin: 0px auto; border: medium none; border-radius: 3px; cursor: pointer; }
.submitBtn:hover, .submitBtn:disabled { opacity: 0.8; }
#DEMOBox { display: none; }
#DEMOBox .demosite {  }
#DEMOBox .demosite ul { font-size: 0px; margin-top: 25px; }
#DEMOBox .demosite li { font-size: 12px; color: rgb(36, 44, 59); background-color: rgb(255, 255, 255); vertical-align: top; letter-spacing: normal; text-align: center; display: inline-block; width: 200px; padding: 20px; margin-left: 50px; border-radius: 8px; box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.08); }
#DEMOBox .demosite .pic { background: rgba(0, 0, 0, 0) url('../images/demobox.png') no-repeat scroll 0% 0%; display: block; width: 128px; height: 128px; margin: 0px auto 10px; }
#DEMOBox .demosite .b2b2c .pic { background-position: 0px 0px; }
#DEMOBox .demosite .c2c .pic { background-position: 0px -140px; }
#DEMOBox .demosite h3 { font-size: 14px; line-height: 20px; color: rgb(119, 119, 119); margin-bottom: 15px; }
#DEMOBox .demosite a.btn { font-size: 18px; line-height: 20px; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); display: inline-block; padding: 10px 20px; margin: 0px auto; border: 1px solid rgb(230, 230, 230); border-radius: 6px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05); }
#DEMOBox .demosite .b2b2c a.btn:hover { color: rgb(255, 255, 255); background-color: rgb(255, 64, 0); border-color: rgb(255, 64, 0); box-shadow: none; }
#DEMOBox .demosite .c2c a.btn:hover { color: rgb(255, 255, 255); background-color: rgb(255, 162, 0); border-color: rgb(255, 162, 0); box-shadow: none; }
#DEMOBox .demosite p { color: rgb(119, 119, 119); line-height: 20px; margin-top: 15px; }
#DEMOBox .demosite p a { color: rgb(153, 153, 153); text-decoration: underline; }
#DEMOBox .demosite p a:hover { color: rgb(255, 64, 0); }
body::after { content: url('../images/close.png') url('../images/loading.gif') url('../images/prev.png') url('../images/next.png'); display: none; }
.lb-outerContainer::after { content: ""; display: table; clear: both; }
.lb-dataContainer::after { content: ""; display: table; clear: both; }
.footer { color: rgb(250, 250, 250); background-color: rgb(36, 45, 60); width: 100%; padding: 40px 0px; }
.footer-container { width: 1000px; margin: 0px auto; overflow: hidden; }
.footer-container .left-side { float: left; }
.footer-container .site-name { margin-bottom: 15px; }
.footer-container .site-name a { vertical-align: top; margin-right: 10px; }
.footer-container .site-intro { margin-bottom: 8px; }
.footer-container .right-side { font-size: 0px; float: right; }
.footer-container .right-side dl, .footer-container .right-side .QRcode { font-size: 12px; color: rgb(255, 255, 255); vertical-align: top; letter-spacing: normal; display: inline-block; }
.footer-container .right-side dl dt { font-size: 18px; font-weight: 600; margin-bottom: 10px; }
.footer-container .right-side dl dd { font-size: 18px; margin-bottom: 20px; }
.footer-container .right-side dl dd.worktime { font-size: 12px; }
.footer-container .right-side .QRcode { width: 120px; height: 160px; margin-left: 20px; }
.footer-container .right-side .QRcode img { max-height: 120px; max-width: 120px; }
.main-im { position: fixed; right: 10px; top: 50%; z-index: 9999999; width: 110px; height: 133px; margin-top: -200px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: rgb(4, 132, 205); text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; left: 0px; top: 0px; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid rgb(221, 221, 221); background: rgba(0, 0, 0, 0) url('../images/qq-icon-bg.png') no-repeat scroll center 8px; }
.main-im .img-qq { max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; transition: all 0.5s ease 0s; }
.main-im .im-qq:hover .img-qq { max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main .im-tel .solution { display: none; }
.main-im .im_main { background: rgb(249, 250, 251) none repeat scroll 0% 0%; border: 1px solid rgb(221, 221, 221); border-radius: 10px; }
.main-im .im_main .im-tel { color: rgb(0, 0, 0); text-align: center; width: 109px; border-bottom: 1px solid rgb(221, 221, 221); }
.main-im .im_main .im-tel div { font-weight: bold; font-size: 12px; margin-top: 6px; }
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: rgb(230, 109, 21); }
.main-im .im_main .im-tel:hover { background: rgb(250, 250, 250) none repeat scroll 0% 0%; }
.main-im .im_main .weixing-container { width: 55px; height: 47px; border-right: 1px solid rgb(221, 221, 221); border-bottom-left-radius: 10px; background: rgb(245, 245, 245) url('../images/weixing-icon.png') no-repeat scroll center center; float: left; }
.main-im .im_main .weixing-show { width: 112px; height: 172px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 10px; border: 1px solid rgb(221, 221, 221); position: absolute; left: -125px; top: -126px; display: none; }
.main-im .im_main .weixing-show .weixing-sanjiao { width: 0px; height: 0px; border-style: solid; border-color: transparent transparent transparent rgb(255, 255, 255); border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2; }
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0px; height: 0px; border-style: solid; border-color: transparent transparent transparent rgb(221, 221, 221); border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt { position: absolute; top: 110px; left: 7px; width: 100px; margin: 0px auto; text-align: center; }
.main-im .im_main .go-top { width: 50px; height: 47px; border-bottom-right-radius: 10px; background: rgba(0, 0, 0, 0) url('../images/totop-icon.png') no-repeat scroll center center; float: right; }
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: rgba(0, 0, 0, 0) url('../images/close_im.png') no-repeat scroll left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: rgba(0, 0, 0, 0) url('../images/open_im.png') no-repeat scroll left top; display: none; }
#nc_im img { vertical-align: middle; }
#nc_im { position: fixed; left: 10px; top: 300px; font-size: 12px; z-index: 999; width: 74px; }
#nc_im a { color: rgb(255, 255, 255); }
#nc_im .im_bg { background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0% !important; width: 64px; height: 62px; color: rgb(255, 255, 255); text-align: center; margin-bottom: 4px; cursor: pointer; transition: all 0.5s ease 0s; font-size: 11px !important; }
#nc_im .im_bg:hover { background: rgb(10, 109, 238) none repeat scroll 0% 0% !important; transition: all 0.5s ease 0s; }
#nc_im .im_bg p span, #nc_im .im_bg p em { display: none; }
#nc_im .im_bg .new_qqkf, #nc_im .im_bg .new_qqdl { position: relative; font-size: 11px !important; background: rgba(0, 0, 0, 0) url('../images/bg1.png') no-repeat scroll center 11px; padding-top: 40px; height: 22px; color: rgb(255, 255, 255); }
#nc_im .im_bg .new_qqkf span, #nc_im .im_bg .new_qqdl span { position: absolute; width: 108px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(229, 229, 229); left: 75px; padding-bottom: 5px; }
#nc_im .im_bg em { width: 8px; height: 16px; position: absolute; left: -14px; top: 30px; background: rgba(0, 0, 0, 0) url('../images/sj.png') no-repeat scroll 0% 0%; }
#nc_im .im_bg .new_qqkf span a, #nc_im .im_bg .new_qqdl span a { display: block; color: rgb(95, 95, 94); line-height: 36px; text-align: left; padding-left: 8px; }
#nc_im .im_bg .new_kfphone { position: relative; font-size: 11px !important; background: rgba(0, 0, 0, 0) url('../images/bg3.png') no-repeat scroll center 11px; padding-top: 40px; height: 22px; color: rgb(255, 255, 255); }
#nc_im .im_bg .new_kfphone span { position: absolute; left: 75px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(229, 229, 229); color: rgb(0, 0, 0); line-height: 42px; white-space: nowrap; padding: 0px 16px; top: 15px; font-size: 14px; width: 170px; }
#nc_im .im_bg .new_shkf { display: block; position: relative; background: rgba(0, 0, 0, 0) url('../images/bg4.png') no-repeat scroll center 12px; padding-top: 40px; height: 22px; }
#nc_im .im_bg .new_kfyl { display: block; position: relative; background: rgba(0, 0, 0, 0) url('../images/bg4.png') no-repeat scroll center 12px; padding-top: 40px; height: 22px; }
#nc_im .im_bg .new_kfwx { position: relative; font-size: 11px !important; background: rgba(0, 0, 0, 0) url('../images/bg5.png') no-repeat scroll center 11px; padding-top: 40px; height: 22px; color: rgb(255, 255, 255); }
#nc_im .im_bg .new_wxkf { position: relative; background: rgba(0, 0, 0, 0) url('../images/bg2.png') no-repeat scroll center 11px; padding-top: 40px; height: 22px; color: rgb(255, 255, 255); font-size: 11px !important; }
#nc_im .im_bg .new_qqdl { background: rgba(0, 0, 0, 0) url('../images/bg7.png') no-repeat scroll center 11px; }
#nc_im .im_bg .new_kfwx span { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(229, 229, 229); padding: 5px; left: 75px; position: absolute; top: -24px; width: 105px; }
#nc_im .im_bg .new_wxkf span { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(229, 229, 229); padding: 5px; left: 75px; position: absolute; top: -24px; width: 105px; }
#nc_im .im_bg .im_top { display: block; position: relative; background: rgba(0, 0, 0, 0) url('../images/bg6.png') no-repeat scroll center 19px; padding-top: 40px; height: 22px; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, #header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px none; outline: 0px none;  vertical-align: baseline; background: transparent none repeat scroll 0% 0%; font-family: "Microsoft YaHei",Helvetica; }
body { margin: 0px; padding: 0px; min-width: 1200px; }
html, body { min-height: 100%; height: 100%; }
img { outline: medium none; }
ul li { list-style: outside none none; text-decoration: none; }
blockquote::before, blockquote::after, q::before, q::after { content: none; }
a { margin: 0px; padding: 0px; vertical-align: baseline; background: transparent none repeat scroll 0% 0%; text-decoration: none; outline: medium none; }
input, select { vertical-align: middle; }
.clear { clear: both; width: 0px; height: 0px; margin: 0px; padding: 0px; }
.left { float: left !important; }
.right { float: right !important; }
.index-top { background: rgb(51, 51, 51) none repeat scroll 0% 0%; color: rgb(224, 224, 224); font-size: 14px; height: 51px; line-height: 50px; }
.top-box { margin: 0px auto; width: 1200px; color: rgb(224, 224, 224); }
.top-box .left { font-size: 16px; line-height: 50px; }
.top-box .left b { font-size: 16px; line-height: 50px; }
.top-box .right { line-height: 50px; float: right; }
.top-box .right a { text-decoration: none; color: rgb(224, 224, 224); font-size: 14px; }
.top-box .right a:hover { color: rgb(255, 255, 255); }
.topnav { position: relative; height: 90px; left: 0px; z-index: 999999; width: 100%; background: rgba(255, 255, 255, 0.85) none repeat scroll 0% 0%; }
.topnav .top-logo { display: block; float: left; margin-right: 25px; padding-top: 20px; width: 320px; height: 50px; }
.topnav .top-wrap { margin: 0px auto; width: 1200px; height: 90px; display: block; }
.topnav .top-nav { float: right; }
.topnav .top-nav li.nav-list { float: left; }
.topnav .top-nav li.nav-list { display: block; width: auto; height: 90px; }
.topnav .top-nav li.nav-list a {  }
.topnav .top-nav li.nav-l .sub { display: none; }
.topnav .top-nav li.nav-l:hover .sub { display: block; }
.topnav .sub .little-up { background: rgba(0, 0, 0, 0) url('../images/little-up.png') no-repeat scroll center bottom; position: absolute; top: -16px; left: 100px; width: 24px; height: 16px; }
.topnav .top-nav .nav-list .nav-list-link { display: block; padding: 0px 15px; margin: 30px 5px 0px; width: auto; font-size: 18px; color: rgb(0, 0, 0); font-weight: normal; text-align: center; }
.topnav .top-nav .nav-list-link:hover { color: rgb(0, 0, 0) !important; text-decoration: none; }
.topnav .top-nav .nav-list .nav-list-link i { background: rgba(0, 0, 0, 0) url('../images/dot2.png') no-repeat scroll right center; width: 13px; height: 7px; display: inline-block; margin-left: 10px; }
.topnav div.sub { position: absolute; top: 89px; left: -50%; width: 320px; padding: 10px 20px; background-color: rgb(255, 255, 255); border: 1px solid rgb(237, 235, 232); box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.25); }
.topnav div.sub .cont { position: relative; font-size: 0px; }
.topnav li.nav-list .cont dl { font-size: 12px; vertical-align: top; letter-spacing: normal; white-space: normal; display: inline-block; width: 300px !important; padding: 10px 13px; margin: 0px; line-height: 0px !important; }
.topnav li.nav-list .cont dl dt { color: rgb(36, 44, 59); font-size: 18px; line-height: 30px; }
.topnav li.nav-list .cont dl dd { color: rgb(119, 119, 119); font-size: 14px; line-height: 24px !important; }
#banner { position: relative; top: 0px; margin: 0px auto; width: 100%; height: 570px; overflow: hidden; }
#banner .slides {  }
#banner .slides li { width: 100%; height: 570px; }
.flex-viewport { max-height: 2000px; transition: all 1s ease 0s; }
.flex-direction-nav a { width: 60px; height: 90px; line-height: 99em; overflow: hidden; margin: 0px; display: block; background: rgba(0, 0, 0, 0) url('../images/banner-next.png') no-repeat scroll 0% 0%; position: absolute; top: 46%; z-index: 10; cursor: pointer; opacity: 0; transition: all 0.3s ease 0s; }
.flex-direction-nav .flex-next { background-position: 0px -90px; right: 150px; }
.flex-direction-nav .flex-prev { left: 150px; }
.flexslider:hover .flex-next { opacity: 0.8; }
.flexslider:hover .flex-prev { opacity: 0.8; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-control-nav { width: 100%; position: absolute; bottom: 15px; text-align: center; }
.flex-control-nav li { margin: 0px 5px; display: inline-block; }
.flex-control-paging li a { background: rgba(0, 0, 0, 0) url('../images/banner-dot.png') no-repeat scroll 0px -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; }
.flex-control-paging li a.flex-active { background-position: 0px 0px; }
@media screen and (min-width: 1921px) {
	.flexslider { height: auto; }
	.slides li { background-size: 100% auto !important; }
}
#detail-company .detail-company-img a::before { position: absolute; top: 0px; left: 0px; z-index: 2; visibility: hidden; width: 100%; height: 100%; background: rgb(2, 109, 212) none repeat scroll 0% 0%; content: ""; opacity: 0; transition: all 0.4s ease 0s; }
#detail-company .detail-company-img a::after { position: absolute; top: 0px; left: 0px; z-index: 5; visibility: hidden; margin-top: 0px; width: 100%; color: rgb(255, 255, 255); content: url('../images/zoom.png'); text-align: center; font-size: 130px; font-family: arial; line-height: 196px; opacity: 0; transition: all 0.4s ease 0s; }
#detail-company .detail-company-img a:hover::before { visibility: visible; opacity: 0.65; }
#detail-company .detail-company-img a:hover::after { visibility: visible; opacity: 1; }
.index-main { width: 100%; }
.index-main h2 { font-size: 32px; line-height: 40px; color: rgb(52, 63, 72); text-align: center; display: block; width: 1200px; margin: 0px auto 5px; }
.index-main h3 { font-size: 14px; font-weight: lighter; line-height: 20px; color: rgb(52, 63, 72); text-align: center; display: block; width: 1200px; margin: 0px auto; }
.product-container, .function-container, .article-container { background-color: rgb(255, 255, 255); width: 100%; padding: 80px 0px 100px; }
.function-container { background-color: rgb(250, 250, 250); }
.product-content, .function-content, .article-content { width: 1200px; margin: 0px auto; }
.footer { color: rgb(250, 250, 250); background-color: rgb(36, 45, 60); width: 100%; padding: 40px 0px; }
.footer-container { width: 1000px; margin: 0px auto; overflow: hidden; }
.footer-container .left-side { float: left; }
.footer-container .site-name { margin-bottom: 15px; }
.footer-container .site-name a { vertical-align: top; margin-right: 10px; }
.footer-container .site-intro { margin-bottom: 8px; }
.footer-container .right-side { font-size: 0px; float: right; }
.footer-container .right-side dl, .footer-container .right-side .QRcode { font-size: 12px; color: rgb(255, 255, 255); vertical-align: top; letter-spacing: normal; display: inline-block; }
.footer-container .right-side dl dt { font-size: 18px; font-weight: 600; margin-bottom: 10px; }
.footer-container .right-side dl dd { font-size: 18px; margin-bottom: 20px; }
.footer-container .right-side dl dd.worktime { font-size: 12px; }
.footer-container .right-side .QRcode { width: 120px; height: 160px; margin-left: 20px; }
.footer-container .right-side .QRcode img { max-height: 120px; max-width: 120px; }



@font-face {
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
	src: url('../images/fontawesome-webfont.eot') format("embedded-opentype"), url('../images/fontawesome-webfont.woff2') format("woff2"), url('../images/fontawesome-webfont.woff') format("woff"), url('../images/fontawesome-webfont.ttf') format("truetype"), url('../images/fontawesome-webfont.svg') format("svg");
}
.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size-adjust: none; font-stretch: normal; font-feature-settings: normal; font-language-override: normal; font-kerning: auto; font-variant: normal; font-size: inherit; text-rendering: auto; transform: translate(0px, 0px); }
.fa-glass::before { content: ""; }
.fa-music::before { content: ""; }
.fa-search::before { content: ""; }
.fa-envelope-o::before { content: ""; }
.fa-heart::before { content: ""; }
.fa-star::before { content: ""; }
.fa-star-o::before { content: ""; }
.fa-user::before { content: ""; }
.fa-film::before { content: ""; }
.fa-th-large::before { content: ""; }
.fa-th::before { content: ""; }
.fa-th-list::before { content: ""; }
.fa-check::before { content: ""; }
.fa-remove::before, .fa-close::before, .fa-times::before { content: ""; }
.fa-search-plus::before { content: ""; }
.fa-search-minus::before { content: ""; }
.fa-power-off::before { content: ""; }
.fa-signal::before { content: ""; }
.fa-gear::before, .fa-cog::before { content: ""; }
.fa-trash-o::before { content: ""; }
.fa-home::before { content: ""; }
.fa-file-o::before { content: ""; }
.fa-clock-o::before { content: ""; }
.fa-road::before { content: ""; }
.fa-download::before { content: ""; }
.fa-arrow-circle-o-down::before { content: ""; }
.fa-arrow-circle-o-up::before { content: ""; }
.fa-inbox::before { content: ""; }
.fa-play-circle-o::before { content: ""; }
.fa-rotate-right::before, .fa-repeat::before { content: ""; }
.fa-refresh::before { content: ""; }
.fa-list-alt::before { content: ""; }
.fa-lock::before { content: ""; }
.fa-flag::before { content: ""; }
.fa-headphones::before { content: ""; }
.fa-volume-off::before { content: ""; }
.fa-volume-down::before { content: ""; }
.fa-volume-up::before { content: ""; }
.fa-qrcode::before { content: ""; }
.fa-barcode::before { content: ""; }
.fa-tag::before { content: ""; }
.fa-tags::before { content: ""; }
.fa-book::before { content: ""; }
.fa-bookmark::before { content: ""; }
.fa-print::before { content: ""; }
.fa-camera::before { content: ""; }
.fa-font::before { content: ""; }
.fa-bold::before { content: ""; }
.fa-italic::before { content: ""; }
.fa-text-height::before { content: ""; }
.fa-text-width::before { content: ""; }
.fa-align-left::before { content: ""; }
.fa-align-center::before { content: ""; }
.fa-align-right::before { content: ""; }
.fa-align-justify::before { content: ""; }
.fa-list::before { content: ""; }
.fa-dedent::before, .fa-outdent::before { content: ""; }
.fa-indent::before { content: ""; }
.fa-video-camera::before { content: ""; }
.fa-photo::before, .fa-image::before, .fa-picture-o::before { content: ""; }
.fa-pencil::before { content: ""; }
.fa-map-marker::before { content: ""; }
.fa-adjust::before { content: ""; }
.fa-tint::before { content: ""; }
.fa-edit::before, .fa-pencil-square-o::before { content: ""; }
.fa-share-square-o::before { content: ""; }
.fa-check-square-o::before { content: ""; }
.fa-arrows::before { content: ""; }
.fa-step-backward::before { content: ""; }
.fa-fast-backward::before { content: ""; }
.fa-backward::before { content: ""; }
.fa-play::before { content: ""; }
.fa-pause::before { content: ""; }
.fa-stop::before { content: ""; }
.fa-forward::before { content: ""; }
.fa-fast-forward::before { content: ""; }
.fa-step-forward::before { content: ""; }
.fa-eject::before { content: ""; }
.fa-chevron-left::before { content: ""; }
.fa-chevron-right::before { content: ""; }
.fa-plus-circle::before { content: ""; }
.fa-minus-circle::before { content: ""; }
.fa-times-circle::before { content: ""; }
.fa-check-circle::before { content: ""; }
.fa-question-circle::before { content: ""; }
.fa-info-circle::before { content: ""; }
.fa-crosshairs::before { content: ""; }
.fa-times-circle-o::before { content: ""; }
.fa-check-circle-o::before { content: ""; }
.fa-ban::before { content: ""; }
.fa-arrow-left::before { content: ""; }
.fa-arrow-right::before { content: ""; }
.fa-arrow-up::before { content: ""; }
.fa-arrow-down::before { content: ""; }
.fa-mail-forward::before, .fa-share::before { content: ""; }
.fa-expand::before { content: ""; }
.fa-compress::before { content: ""; }
.fa-plus::before { content: ""; }
.fa-minus::before { content: ""; }
.fa-asterisk::before { content: ""; }
.fa-exclamation-circle::before { content: ""; }
.fa-gift::before { content: ""; }
.fa-leaf::before { content: ""; }
.fa-fire::before { content: ""; }
.fa-eye::before { content: ""; }
.fa-eye-slash::before { content: ""; }
.fa-warning::before, .fa-exclamation-triangle::before { content: ""; }
.fa-plane::before { content: ""; }
.fa-calendar::before { content: ""; }
.fa-random::before { content: ""; }
.fa-comment::before { content: ""; }
.fa-magnet::before { content: ""; }
.fa-chevron-up::before { content: ""; }
.fa-chevron-down::before { content: ""; }
.fa-retweet::before { content: ""; }
.fa-shopping-cart::before { content: ""; }
.fa-folder::before { content: ""; }
.fa-folder-open::before { content: ""; }
.fa-arrows-v::before { content: ""; }
.fa-arrows-h::before { content: ""; }
.fa-bar-chart-o::before, .fa-bar-chart::before { content: ""; }
.fa-twitter-square::before { content: ""; }
.fa-facebook-square::before { content: ""; }
.fa-camera-retro::before { content: ""; }
.fa-key::before { content: ""; }
.fa-gears::before, .fa-cogs::before { content: ""; }
.fa-comments::before { content: ""; }
.fa-thumbs-o-up::before { content: ""; }
.fa-thumbs-o-down::before { content: ""; }
.fa-star-half::before { content: ""; }
.fa-heart-o::before { content: ""; }
.fa-sign-out::before { content: ""; }
.fa-linkedin-square::before { content: ""; }
.fa-thumb-tack::before { content: ""; }
.fa-external-link::before { content: ""; }
.fa-sign-in::before { content: ""; }
.fa-trophy::before { content: ""; }
.fa-github-square::before { content: ""; }
.fa-upload::before { content: ""; }
.fa-lemon-o::before { content: ""; }
.fa-phone::before { content: ""; }
.fa-square-o::before { content: ""; }
.fa-bookmark-o::before { content: ""; }
.fa-phone-square::before { content: ""; }
.fa-twitter::before { content: ""; }
.fa-facebook-f::before, .fa-facebook::before { content: ""; }
.fa-github::before { content: ""; }
.fa-unlock::before { content: ""; }
.fa-credit-card::before { content: ""; }
.fa-rss::before { content: ""; }
.fa-hdd-o::before { content: ""; }
.fa-bullhorn::before { content: ""; }
.fa-bell::before { content: ""; }
.fa-certificate::before { content: ""; }
.fa-hand-o-right::before { content: ""; }
.fa-hand-o-left::before { content: ""; }
.fa-hand-o-up::before { content: ""; }
.fa-hand-o-down::before { content: ""; }
.fa-arrow-circle-left::before { content: ""; }
.fa-arrow-circle-right::before { content: ""; }
.fa-arrow-circle-up::before { content: ""; }
.fa-arrow-circle-down::before { content: ""; }
.fa-globe::before { content: ""; }
.fa-wrench::before { content: ""; }
.fa-tasks::before { content: ""; }
.fa-filter::before { content: ""; }
.fa-briefcase::before { content: ""; }
.fa-arrows-alt::before { content: ""; }
.fa-group::before, .fa-users::before { content: ""; }
.fa-chain::before, .fa-link::before { content: ""; }
.fa-cloud::before { content: ""; }
.fa-flask::before { content: ""; }
.fa-cut::before, .fa-scissors::before { content: ""; }
.fa-copy::before, .fa-files-o::before { content: ""; }
.fa-paperclip::before { content: ""; }
.fa-save::before, .fa-floppy-o::before { content: ""; }
.fa-square::before { content: ""; }
.fa-navicon::before, .fa-reorder::before, .fa-bars::before { content: ""; }
.fa-list-ul::before { content: ""; }
.fa-list-ol::before { content: ""; }
.fa-strikethrough::before { content: ""; }
.fa-underline::before { content: ""; }
.fa-table::before { content: ""; }
.fa-magic::before { content: ""; }
.fa-truck::before { content: ""; }
.fa-pinterest::before { content: ""; }
.fa-pinterest-square::before { content: ""; }
.fa-google-plus-square::before { content: ""; }
.fa-google-plus::before { content: ""; }
.fa-money::before { content: ""; }
.fa-caret-down::before { content: ""; }
.fa-caret-up::before { content: ""; }
.fa-caret-left::before { content: ""; }
.fa-caret-right::before { content: ""; }
.fa-columns::before { content: ""; }
.fa-unsorted::before, .fa-sort::before { content: ""; }
.fa-sort-down::before, .fa-sort-desc::before { content: ""; }
.fa-sort-up::before, .fa-sort-asc::before { content: ""; }
.fa-envelope::before { content: ""; }
.fa-linkedin::before { content: ""; }
.fa-rotate-left::before, .fa-undo::before { content: ""; }
.fa-legal::before, .fa-gavel::before { content: ""; }
.fa-dashboard::before, .fa-tachometer::before { content: ""; }
.fa-comment-o::before { content: ""; }
.fa-comments-o::before { content: ""; }
.fa-flash::before, .fa-bolt::before { content: ""; }
.fa-sitemap::before { content: ""; }
.fa-umbrella::before { content: ""; }
.fa-paste::before, .fa-clipboard::before { content: ""; }
.fa-lightbulb-o::before { content: ""; }
.fa-exchange::before { content: ""; }
.fa-cloud-download::before { content: ""; }
.fa-cloud-upload::before { content: ""; }
.fa-user-md::before { content: ""; }
.fa-stethoscope::before { content: ""; }
.fa-suitcase::before { content: ""; }
.fa-bell-o::before { content: ""; }
.fa-coffee::before { content: ""; }
.fa-cutlery::before { content: ""; }
.fa-file-text-o::before { content: ""; }
.fa-building-o::before { content: ""; }
.fa-hospital-o::before { content: ""; }
.fa-ambulance::before { content: ""; }
.fa-medkit::before { content: ""; }
.fa-fighter-jet::before { content: ""; }
.fa-beer::before { content: ""; }
.fa-h-square::before { content: ""; }
.fa-plus-square::before { content: ""; }
.fa-angle-double-left::before { content: ""; }
.fa-angle-double-right::before { content: ""; }
.fa-angle-double-up::before { content: ""; }
.fa-angle-double-down::before { content: ""; }
.fa-angle-left::before { content: ""; }
.fa-angle-right::before { content: ""; }
.fa-angle-up::before { content: ""; }
.fa-angle-down::before { content: ""; }
.fa-desktop::before { content: ""; }
.fa-laptop::before { content: ""; }
.fa-tablet::before { content: ""; }
.fa-mobile-phone::before, .fa-mobile::before { content: ""; }
.fa-circle-o::before { content: ""; }
.fa-quote-left::before { content: ""; }
.fa-quote-right::before { content: ""; }
.fa-spinner::before { content: ""; }
.fa-circle::before { content: ""; }
.fa-mail-reply::before, .fa-reply::before { content: ""; }
.fa-github-alt::before { content: ""; }
.fa-folder-o::before { content: ""; }
.fa-folder-open-o::before { content: ""; }
.fa-smile-o::before { content: ""; }
.fa-frown-o::before { content: ""; }
.fa-meh-o::before { content: ""; }
.fa-gamepad::before { content: ""; }
.fa-keyboard-o::before { content: ""; }
.fa-flag-o::before { content: ""; }
.fa-flag-checkered::before { content: ""; }
.fa-terminal::before { content: ""; }
.fa-code::before { content: ""; }
.fa-mail-reply-all::before, .fa-reply-all::before { content: ""; }
.fa-star-half-empty::before, .fa-star-half-full::before, .fa-star-half-o::before { content: ""; }
.fa-location-arrow::before { content: ""; }
.fa-crop::before { content: ""; }
.fa-code-fork::before { content: ""; }
.fa-unlink::before, .fa-chain-broken::before { content: ""; }
.fa-question::before { content: ""; }
.fa-info::before { content: ""; }
.fa-exclamation::before { content: ""; }
.fa-superscript::before { content: ""; }
.fa-subscript::before { content: ""; }
.fa-eraser::before { content: ""; }
.fa-puzzle-piece::before { content: ""; }
.fa-microphone::before { content: ""; }
.fa-microphone-slash::before { content: ""; }
.fa-shield::before { content: ""; }
.fa-calendar-o::before { content: ""; }
.fa-fire-extinguisher::before { content: ""; }
.fa-rocket::before { content: ""; }
.fa-maxcdn::before { content: ""; }
.fa-chevron-circle-left::before { content: ""; }
.fa-chevron-circle-right::before { content: ""; }
.fa-chevron-circle-up::before { content: ""; }
.fa-chevron-circle-down::before { content: ""; }
.fa-html5::before { content: ""; }
.fa-css3::before { content: ""; }
.fa-anchor::before { content: ""; }
.fa-unlock-alt::before { content: ""; }
.fa-bullseye::before { content: ""; }
.fa-ellipsis-h::before { content: ""; }
.fa-ellipsis-v::before { content: ""; }
.fa-rss-square::before { content: ""; }
.fa-play-circle::before { content: ""; }
.fa-ticket::before { content: ""; }
.fa-minus-square::before { content: ""; }
.fa-minus-square-o::before { content: ""; }
.fa-level-up::before { content: ""; }
.fa-level-down::before { content: ""; }
.fa-check-square::before { content: ""; }
.fa-pencil-square::before { content: ""; }
.fa-external-link-square::before { content: ""; }
.fa-share-square::before { content: ""; }
.fa-compass::before { content: ""; }
.fa-toggle-down::before, .fa-caret-square-o-down::before { content: ""; }
.fa-toggle-up::before, .fa-caret-square-o-up::before { content: ""; }
.fa-toggle-right::before, .fa-caret-square-o-right::before { content: ""; }
.fa-euro::before, .fa-eur::before { content: ""; }
.fa-gbp::before { content: ""; }
.fa-dollar::before, .fa-usd::before { content: ""; }
.fa-rupee::before, .fa-inr::before { content: ""; }
.fa-cny::before, .fa-rmb::before, .fa-yen::before, .fa-jpy::before { content: ""; }
.fa-ruble::before, .fa-rouble::before, .fa-rub::before { content: ""; }
.fa-won::before, .fa-krw::before { content: ""; }
.fa-bitcoin::before, .fa-btc::before { content: ""; }
.fa-file::before { content: ""; }
.fa-file-text::before { content: ""; }
.fa-sort-alpha-asc::before { content: ""; }
.fa-sort-alpha-desc::before { content: ""; }
.fa-sort-amount-asc::before { content: ""; }
.fa-sort-amount-desc::before { content: ""; }
.fa-sort-numeric-asc::before { content: ""; }
.fa-sort-numeric-desc::before { content: ""; }
.fa-thumbs-up::before { content: ""; }
.fa-thumbs-down::before { content: ""; }
.fa-youtube-square::before { content: ""; }
.fa-youtube::before { content: ""; }
.fa-xing::before { content: ""; }
.fa-xing-square::before { content: ""; }
.fa-youtube-play::before { content: ""; }
.fa-dropbox::before { content: ""; }
.fa-stack-overflow::before { content: ""; }
.fa-instagram::before { content: ""; }
.fa-flickr::before { content: ""; }
.fa-adn::before { content: ""; }
.fa-bitbucket::before { content: ""; }
.fa-bitbucket-square::before { content: ""; }
.fa-tumblr::before { content: ""; }
.fa-tumblr-square::before { content: ""; }
.fa-long-arrow-down::before { content: ""; }
.fa-long-arrow-up::before { content: ""; }
.fa-long-arrow-left::before { content: ""; }
.fa-long-arrow-right::before { content: ""; }
.fa-apple::before { content: ""; }
.fa-windows::before { content: ""; }
.fa-android::before { content: ""; }
.fa-linux::before { content: ""; }
.fa-dribbble::before { content: ""; }
.fa-skype::before { content: ""; }
.fa-foursquare::before { content: ""; }
.fa-trello::before { content: ""; }
.fa-female::before { content: ""; }
.fa-male::before { content: ""; }
.fa-gittip::before, .fa-gratipay::before { content: ""; }
.fa-sun-o::before { content: ""; }
.fa-moon-o::before { content: ""; }
.fa-archive::before { content: ""; }
.fa-bug::before { content: ""; }
.fa-vk::before { content: ""; }
.fa-weibo::before { content: ""; }
.fa-renren::before { content: ""; }
.fa-pagelines::before { content: ""; }
.fa-stack-exchange::before { content: ""; }
.fa-arrow-circle-o-right::before { content: ""; }
.fa-arrow-circle-o-left::before { content: ""; }
.fa-toggle-left::before, .fa-caret-square-o-left::before { content: ""; }
.fa-dot-circle-o::before { content: ""; }
.fa-wheelchair::before { content: ""; }
.fa-vimeo-square::before { content: ""; }
.fa-turkish-lira::before, .fa-try::before { content: ""; }
.fa-plus-square-o::before { content: ""; }
.fa-space-shuttle::before { content: ""; }
.fa-slack::before { content: ""; }
.fa-envelope-square::before { content: ""; }
.fa-wordpress::before { content: ""; }
.fa-openid::before { content: ""; }
.fa-institution::before, .fa-bank::before, .fa-university::before { content: ""; }
.fa-mortar-board::before, .fa-graduation-cap::before { content: ""; }
.fa-yahoo::before { content: ""; }
.fa-google::before { content: ""; }
.fa-reddit::before { content: ""; }
.fa-reddit-square::before { content: ""; }
.fa-stumbleupon-circle::before { content: ""; }
.fa-stumbleupon::before { content: ""; }
.fa-delicious::before { content: ""; }
.fa-digg::before { content: ""; }
.fa-pied-piper::before { content: ""; }
.fa-pied-piper-alt::before { content: ""; }
.fa-drupal::before { content: ""; }
.fa-joomla::before { content: ""; }
.fa-language::before { content: ""; }
.fa-fax::before { content: ""; }
.fa-building::before { content: ""; }
.fa-child::before { content: ""; }
.fa-paw::before { content: ""; }
.fa-spoon::before { content: ""; }
.fa-cube::before { content: ""; }
.fa-cubes::before { content: ""; }
.fa-behance::before { content: ""; }
.fa-behance-square::before { content: ""; }
.fa-steam::before { content: ""; }
.fa-steam-square::before { content: ""; }
.fa-recycle::before { content: ""; }
.fa-automobile::before, .fa-car::before { content: ""; }
.fa-cab::before, .fa-taxi::before { content: ""; }
.fa-tree::before { content: ""; }
.fa-spotify::before { content: ""; }
.fa-deviantart::before { content: ""; }
.fa-soundcloud::before { content: ""; }
.fa-database::before { content: ""; }
.fa-file-pdf-o::before { content: ""; }
.fa-file-word-o::before { content: ""; }
.fa-file-excel-o::before { content: ""; }
.fa-file-powerpoint-o::before { content: ""; }
.fa-file-photo-o::before, .fa-file-picture-o::before, .fa-file-image-o::before { content: ""; }
.fa-file-zip-o::before, .fa-file-archive-o::before { content: ""; }
.fa-file-sound-o::before, .fa-file-audio-o::before { content: ""; }
.fa-file-movie-o::before, .fa-file-video-o::before { content: ""; }
.fa-file-code-o::before { content: ""; }
.fa-vine::before { content: ""; }
.fa-codepen::before { content: ""; }
.fa-jsfiddle::before { content: ""; }
.fa-life-bouy::before, .fa-life-buoy::before, .fa-life-saver::before, .fa-support::before, .fa-life-ring::before { content: ""; }
.fa-circle-o-notch::before { content: ""; }
.fa-ra::before, .fa-rebel::before { content: ""; }
.fa-ge::before, .fa-empire::before { content: ""; }
.fa-git-square::before { content: ""; }
.fa-git::before { content: ""; }
.fa-hacker-news::before { content: ""; }
.fa-tencent-weibo::before { content: ""; }
.fa-qq::before { content: ""; }
.fa-wechat::before, .fa-weixin::before { content: ""; }
.fa-send::before, .fa-paper-plane::before { content: ""; }
.fa-send-o::before, .fa-paper-plane-o::before { content: ""; }
.fa-history::before { content: ""; }
.fa-genderless::before, .fa-circle-thin::before { content: ""; }
.fa-header::before { content: ""; }
.fa-paragraph::before { content: ""; }
.fa-sliders::before { content: ""; }
.fa-share-alt::before { content: ""; }
.fa-share-alt-square::before { content: ""; }
.fa-bomb::before { content: ""; }
.fa-soccer-ball-o::before, .fa-futbol-o::before { content: ""; }
.fa-tty::before { content: ""; }
.fa-binoculars::before { content: ""; }
.fa-plug::before { content: ""; }
.fa-slideshare::before { content: ""; }
.fa-twitch::before { content: ""; }
.fa-yelp::before { content: ""; }
.fa-newspaper-o::before { content: ""; }
.fa-wifi::before { content: ""; }
.fa-calculator::before { content: ""; }
.fa-paypal::before { content: ""; }
.fa-google-wallet::before { content: ""; }
.fa-cc-visa::before { content: ""; }
.fa-cc-mastercard::before { content: ""; }
.fa-cc-discover::before { content: ""; }
.fa-cc-amex::before { content: ""; }
.fa-cc-paypal::before { content: ""; }
.fa-cc-stripe::before { content: ""; }
.fa-bell-slash::before { content: ""; }
.fa-bell-slash-o::before { content: ""; }
.fa-trash::before { content: ""; }
.fa-copyright::before { content: ""; }
.fa-at::before { content: ""; }
.fa-eyedropper::before { content: ""; }
.fa-paint-brush::before { content: ""; }
.fa-birthday-cake::before { content: ""; }
.fa-area-chart::before { content: ""; }
.fa-pie-chart::before { content: ""; }
.fa-line-chart::before { content: ""; }
.fa-lastfm::before { content: ""; }
.fa-lastfm-square::before { content: ""; }
.fa-toggle-off::before { content: ""; }
.fa-toggle-on::before { content: ""; }
.fa-bicycle::before { content: ""; }
.fa-bus::before { content: ""; }
.fa-ioxhost::before { content: ""; }
.fa-angellist::before { content: ""; }
.fa-cc::before { content: ""; }
.fa-shekel::before, .fa-sheqel::before, .fa-ils::before { content: ""; }
.fa-meanpath::before { content: ""; }
.fa-buysellads::before { content: ""; }
.fa-connectdevelop::before { content: ""; }
.fa-dashcube::before { content: ""; }
.fa-forumbee::before { content: ""; }
.fa-leanpub::before { content: ""; }
.fa-sellsy::before { content: ""; }
.fa-shirtsinbulk::before { content: ""; }
.fa-simplybuilt::before { content: ""; }
.fa-skyatlas::before { content: ""; }
.fa-cart-plus::before { content: ""; }
.fa-cart-arrow-down::before { content: ""; }
.fa-diamond::before { content: ""; }
.fa-ship::before { content: ""; }
.fa-user-secret::before { content: ""; }
.fa-motorcycle::before { content: ""; }
.fa-street-view::before { content: ""; }
.fa-heartbeat::before { content: ""; }
.fa-venus::before { content: ""; }
.fa-mars::before { content: ""; }
.fa-mercury::before { content: ""; }
.fa-transgender::before { content: ""; }
.fa-transgender-alt::before { content: ""; }
.fa-venus-double::before { content: ""; }
.fa-mars-double::before { content: ""; }
.fa-venus-mars::before { content: ""; }
.fa-mars-stroke::before { content: ""; }
.fa-mars-stroke-v::before { content: ""; }
.fa-mars-stroke-h::before { content: ""; }
.fa-neuter::before { content: ""; }
.fa-facebook-official::before { content: ""; }
.fa-pinterest-p::before { content: ""; }
.fa-whatsapp::before { content: ""; }
.fa-server::before { content: ""; }
.fa-user-plus::before { content: ""; }
.fa-user-times::before { content: ""; }
.fa-hotel::before, .fa-bed::before { content: ""; }
.fa-viacoin::before { content: ""; }
.fa-train::before { content: ""; }
.fa-subway::before { content: ""; }
.fa-medium::before { content: ""; }


.nc-login { background-color: rgb(255, 255, 255); border: 1px solid rgb(230, 230, 230); border-radius: 5px; padding: 19px 19px 29px; width: 400px; }
.nc-regist { color: rgb(170, 170, 170); font-size: 14px; height: 40px; line-height: 20px; margin-top: 12px; margin-left: 18px; }
.nc-regist span { display: inline-block; vertical-align: top; }
.nc-regist a { font-weight: 600; margin-left: 4px; }
.nc-regist a { color: rgb(0, 109, 217); }
.nc-login-content { margin-top: 20px; padding: 0px 20px 20px; }
.nc-login-form-new dl { background-color: rgb(255, 255, 255); border: 1px solid rgb(230, 230, 230); height: 52px; margin-top: -1px; position: relative; width: 358px; z-index: 1; float: left; }
.nc-login-form-new dl dt { color: rgb(102, 102, 102); float: left; font-size: 14px; line-height: 22px; padding: 16px 0px 16px 20px; width: 70px; }
.nc-login-form-new .code-div { height: 54px; width: 360px; float: left; }
.nc-login-form-new dl dd { float: left; height: 28px; padding: 12px 0px; }
.nc-login-form-new dl dd .text { width: 240px; }
.nc-login-form-new dl dd .text { border: 0px none; font-family: "microsoft yahei"; font-size: 14px; height: 28px; line-height: 28px; padding: 0px; width: 250px; color: rgb(51, 51, 51); }
input[type="text"]:focus, input[type="password"]:focus, input.text:focus, input.password:focus, textarea:focus { border-color: rgb(204, 208, 217); color: rgb(51, 51, 51); outline: 0px none; }
.register .vol { font-family: Verdana,Geneva,sans-serif; font-size: 12px; font-style: oblique; font-weight: 600; }
.register .vol .b { color: rgb(0, 109, 217); }
.register .vol .o { color: rgb(255, 109, 59); }
.nc-login-content .handle-div { line-height: 20px; margin-top: 15px; overflow: hidden; width: 360px; float: left; }
.nc-login-content .handle-div .forget { float: right; }
.nc-login-content .handle-div a.forget { color: rgb(0, 109, 217); }
.nc-login-content .handle-div a.forget:hover { color: rgb(200, 22, 35); }
.nc-login-content .submit-div { margin-top: 15px; }
.nc-login-content .submit-div .submit { background-color: rgb(0, 109, 217); border: 1px solid rgb(0, 109, 217); border-radius: 3px; color: rgb(255, 255, 255); cursor: pointer; font-family: "microsoft yahei"; font-size: 16px; font-weight: 600; height: 42px; width: 360px; margin-top: 10px; }
.nc-login-content .submit-div .submit:hover { background-color: rgb(5, 97, 188); }
.nc-login-form-new .code-div dl { width: 237px; }
.nc-login-form-new .code-div span { border: 1px solid rgb(230, 230, 230); float: left; height: 52px; margin: -1px 0px 0px -1px; position: relative; width: 120px; z-index: 1; }
.nc-login-form-new .code-div span img { height: 52px; width: 120px; }
.nc-login-form-new .code-div span a { background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; color: rgb(255, 255, 255); display: none; font-size: 14px; height: 52px; left: 0px; line-height: 52px; position: absolute; text-align: center; text-decoration: none; top: 0px; width: 120px; z-index: 1; }
.nc-login-form-new .code-div span:hover a { display: block; }


html #layuicss-skinlayercss { display: none; position: absolute; width: 1989px; }
@media screen and (max-width: 1100px) {
}

.index-main { width: 100%; }
.product-container { background: rgba(0, 0, 0, 0) url('../images/index-main-box.jpg') no-repeat scroll 50% 50%; width: 1500px; }
.index-main h2 { font-size: 32px; line-height: 40px; color: rgb(52, 63, 72); text-align: center; display: block; width: 1200px; margin: 0px auto 5px; }
.index-main h3 { font-size: 14px; font-weight: lighter; line-height: 20px; color: rgb(52, 63, 72); text-align: center; display: block; width: 1200px; margin: 0px auto; }
.function-container h2 { font-size: 32px; line-height: 40px; color: rgb(52, 63, 72); text-align: center; display: block; width: 1200px; margin: 0px auto 5px; }
.function-container h3 { font-size: 14px; font-weight: lighter; line-height: 25px; color: rgb(52, 63, 72); text-align: center; display: block; width: 1200px; margin: 20px auto 0px; }
.product-container, .function-container, .article-container { background-color: rgb(255, 255, 255); width: 100%; padding: 40px 0px 60px; }
.function-container { background-color: rgb(250, 250, 250); }
.product-content, .function-content, .product-module, .index-model, .article-content { width: 1200px; margin: 0px auto; }
.product-module { margin-top: 50px; }
.product-module ul { font-size: 0px; }
.product-module li { font-size: 12px; vertical-align: top; letter-spacing: normal; display: inline-block; width: 25%; position: relative; }
.product-module li a.box { width: 297px; height: 450px; display: block; }
.product-module li a span { font-size: 24px; line-height: 30px; color: rgb(255, 255, 255); height: 30px; margin: 10px 0px; position: absolute; top: 38px; left: 75px; }
.product-module li p { font-size: 14px; line-height: 20px; color: rgb(119, 119, 119); width: 200px; text-align: center; position: absolute; top: 150px; left: 45px; }
.product-module li.p1 .pic { background: rgba(0, 0, 0, 0) url('../images/mod01.png') no-repeat scroll 0px 0px; width: 171px; height: 159px; position: absolute; bottom: 40px; left: 60px; }
.product-module li.p2 .pic { background: rgba(0, 0, 0, 0) url('../images/mod02.png') no-repeat scroll 0px 0px; width: 171px; height: 159px; position: absolute; bottom: 40px; left: 70px; }
.product-module li.p3 .pic { background: rgba(0, 0, 0, 0) url('../images/mod03.png') no-repeat scroll 0px 0px; width: 171px; height: 159px; position: absolute; bottom: 40px; left: 70px; }
.product-module li.p4 .pic { background: rgba(0, 0, 0, 0) url('../images/mod04.png') no-repeat scroll 0px 0px; width: 171px; height: 159px; position: absolute; bottom: 40px; left: 70px; }
.product-module li .btn { width: 220px; display: block; position: absolute; top: 200px; left: 50px; }
.product-module li .btn a { font-size: 14px; line-height: 25px; font-weight: 600; color: rgb(52, 63, 72); text-decoration: none; margin: 10px 10px 0px 0px; background: rgb(249, 249, 249) none repeat scroll 0% 0%; border: 1px solid rgb(158, 156, 156); border-radius: 20px; display: block; padding: 5px 10px; width: 70px; text-align: center; float: left;box-sizing:content-box; }
.product-module li.p1 .btn a:hover { background: rgb(49, 185, 135) none repeat scroll 0% 0%; color: rgb(255, 255, 255); border: 1px solid rgb(42, 168, 122); }
.product-module li.p1 { background: rgba(0, 0, 0, 0) url('../images/bg-green.png') no-repeat scroll 0px 0px; width: 297px; height: 450px; }
.product-module li.p2 { background: rgba(0, 0, 0, 0) url('../images/bg-blue.png') no-repeat scroll 0px 0px; width: 297px; height: 450px; }
.product-module li.p3 { background: rgba(0, 0, 0, 0) url('../images/bg-pink.png') no-repeat scroll 0px 0px; width: 297px; height: 450px; }
.product-module li.p4 { background: rgba(0, 0, 0, 0) url('../images/bg-purple.png') no-repeat scroll 0px 0px; width: 297px; height: 450px; }
.function-content { display: block; margin-top: 40px; overflow: hidden; }
.function-content ul { font-size: 0px; margin: -1px 0px 0px -1px; }
.function-content ul li { font-size: 12px; vertical-align: top; letter-spacing: normal; display: inline-block; width: 239px; border-style: dotted; border-color: rgb(213, 218, 221); border-width: 1px 0px 0px 1px; position: relative; }
.function-content ul li span { animation: 0.4s ease 0s normal none 1 running orangeOut; background-color: rgb(255, 255, 255); height: 100%; opacity: 0; position: absolute; z-index: 1; width: 100%; }
.function-content ul li:hover span { animation: 0.2s ease 0s normal none 1 running orangeIn; opacity: 1; }
.function-content .pic { display: block; width: 108px; height: 108px; margin: 25px auto; position: relative; z-index: 2; }
.function-content dl { color:#333; width: 194px; margin: 0px auto 20px; position: relative; z-index: 2; }
.function-content dt { font-size: 16px; line-height: 20px; text-align: center; margin-bottom: 10px; }
.Bigdata-main { background-color: rgb(245, 245, 245); border-top: 1px solid rgb(239, 239, 240); border-bottom: 1px solid rgb(239, 239, 240); height: 630px; }
.Big-data { width: 1200px; margin: 0px auto; }
.Big-data h2 { font-size: 32px; line-height: 40px; color: rgb(52, 63, 72); text-align: center; display: block; width: 1200px; margin: 50px auto 5px; }
.Big-data-subtitle { padding-top: 10px; text-align: center; }
.Big-data-subtitle li { display: inline-block; margin-right: 90px; }
.Big-data-subtitle li .Big-data-subtext { color: rgb(119, 127, 132); display: inline-block; font-size: 18px; left: 7px; letter-spacing: 0px; line-height: 18px; position: relative; top: -2px; }
.Big-data-body { height: 380px; margin-top: 51px; width: 100%; }
.bd-body-list { height: 100%; list-style: outside none none; padding: 0px; width: 100%; }
.bd-body-item { border: 1px solid rgb(215, 216, 217); box-sizing: border-box; float: left; height: 100%; margin-right: 2%; transition: all 0.2s ease 0s; width: 32%; }
.bd-top { background-color: rgb(239, 239, 240); height: 100px; transition: background-color 0.2s ease 0s; width: 100%; }
.bd-top-title { color: rgb(55, 61, 65); font-size: 18px; letter-spacing: 0.5px; line-height: 28px; padding-top: 24px; text-align: center; transition: color 0.2s ease 0s; }
.bd-top-subtitle { color: rgb(119, 127, 132); font-size: 14px; letter-spacing: 0px; padding-top: 5px; text-align: center; transition: color 0.2s ease 0s; }
.bd-main { background-color: rgb(255, 255, 255); height: 278px; width: 100%; }
.bd-main dl:nth-child(1) { border-bottom: 1px solid rgb(235, 235, 235); border-right: 1px solid rgb(235, 235, 235); }
.bd-main dl:nth-child(2) { border-bottom: 1px solid rgb(235, 235, 235); }
.bd-main dl:nth-child(3) { border-right: 1px solid rgb(235, 235, 235); }
.bd-main dl { box-sizing: border-box; float: left; height: 139px; text-align: center; width: 50%; }
.bd-main-icon { height: 40px; margin-top: 22px; transition: transform 0.4s ease 0s; width: 40px; }
.bd-main-title { color: rgb(55, 61, 65); font-size: 14px; margin-top: 13px; transition: color 0.4s ease 0s; }
.bd-main-subtitle { color: rgb(169, 176, 180); font-size: 12px; margin-top: 2px; padding-left: 10px; padding-right: 10px; }
.bd-body-item:last-child { margin-right: 0px; }
.six-main { background: rgb(255, 255, 255) url('../images/floor02_bg.png') repeat scroll 0px 0px; border-top: 1px solid rgb(239, 239, 240); height: 600px; width: 100%; }
.six-main-body { width: 1200px; margin: 0px auto; }
.six-main-body h2 { font-size: 32px; line-height: 40px; color: rgb(52, 63, 72); text-align: center; display: inline-block; width: 1200px; margin: 50px auto 0px; }
.six-main-body h3 { font-size: 14px; font-weight: lighter; line-height: 20px; color: rgb(52, 63, 72); text-align: center; display: block; width: 1200px; }
.line { width: 362px;  border-bottom: 1px solid rgb(208, 208, 208); position: relative;margin:20px auto; }
.linebox { width: 30px; height: 5px; background-color: rgb(13, 134, 215); position: absolute; left: 140px; top: -2px; }
.six-main-list { margin-bottom: 40px; display: inline-block; }
.six-main-list li { float: left; text-align: center; width: 155px; margin-left: 40px; }
.six-main-list li .icon { background: rgba(0, 0, 0, 0) url('../images/function_img.png') no-repeat scroll 0px 0px; height: 98px; margin: 30px auto; width: 98px; }
.six-main-list li.icon-01 .icon { background-position: 0px 0px; }
.six-main-list li.icon-02 .icon { background-position: 0px -118px; }
.six-main-list li.icon-03 .icon { background-position: 0px -236px; }
.six-main-list li.icon-04 .icon { background-position: -152px 0px; }
.six-main-list li.icon-05 .icon { background-position: -152px -118px; }
.six-main-list li.icon-06 .icon { background-position: -152px -236px; }
.six-main-list li span { color: rgb(69, 75, 89); font-size: 20px; line-height: 20px; margin: 0px auto; width: 20%; }
.qcode { background-color: rgb(255, 255, 255); border: 1px solid rgb(238, 239, 240); float: left; height: 138px; width: 138px; }
.hide { display: none !important; }
.app-con { width: 290px; height: 180px; float: left; position: relative; margin-right: 100px; }
.nav-tab { width: 125px; float: right; }
.nav-tab ul li a span { background: rgb(255, 255, 255) url('../images/app-icon.png') no-repeat scroll -30px 5px; border: 1px solid rgb(158, 156, 156); border-radius: 20px; color: rgb(52, 63, 72); display: block; float: left; font-size: 14px; line-height: 25px; margin: 10px 10px 0px 0px; padding: 5px 10px 5px 28px; text-align: center; text-decoration: none; width: 82px; }
.nav-tab ul li a span.ios { background-position: 15px -130px; }
.nav-tab ul li a span.android { background-position: 15px -175px; }
.nav-tab ul li a span.weixin { background-position: 15px -218px; }
.nav-tab ul li.current a span { background: rgb(17, 128, 202) url('../images/app-icon.png') no-repeat scroll 0px 0px; color: rgb(255, 255, 255); border: 1px solid rgb(24, 122, 187); }
.nav-tab ul li.current a span { background: rgb(17, 128, 202) url('../images/app-icon.png') no-repeat scroll 0px 0px; }
.nav-tab ul li.current a span.ios { background-position: 15px 5px; }
.nav-tab ul li.current a span.android { background-position: 15px -40px; }
.app-con .txt { font-size: 14px; position: absolute; bottom: 5px; width: 290px; text-align: center; color: rgb(0, 0, 0); }
.app-con .txt span { color: rgb(17, 128, 202); font-weight: bolder; font-size: 14px; }
.mobile-main { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(223, 223, 223); height: 650px; width: 100%; }
.mobile-main-body { width: 1200px; margin: 0px auto; }
.mobile-main-body h2 { font-size: 32px; line-height: 40px; color: rgb(52, 63, 72); text-align: center; display: inline-block; width: 1200px; margin: 50px auto 0px; }
.mobile-main-body h3 { font-size: 14px; font-weight: lighter; line-height: 20px; color: rgb(52, 63, 72); text-align: center; display: block; width: 1200px; }
.mobile-main-body img { margin: 50px auto 30px; width: 1110px; height: 380px; display: block; }
.mendian-main { background: rgba(0, 0, 0, 0) url('../images/home-bg-5.jpg') no-repeat scroll 50% 50% / cover ; border-bottom: 1px solid rgb(223, 223, 223); height: 550px; width: 100%; }
.mendian-main-body { width: 1200px; margin: 0px auto; }
.mendian-main-body h2 { font-size: 32px; line-height: 40px; color: rgb(52, 63, 72); text-align: center; display: inline-block; width: 1200px; margin: 50px auto 0px; }
.mendian-main-body h3 { font-size: 14px; font-weight: lighter; line-height: 20px; color: rgb(52, 63, 72); text-align: center; display: block; width: 1200px; }
.mendian-main-body img { margin: 50px auto 30px; width: 1110px; height: 287px; display: block; }
.live-video-main { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(223, 223, 223); height: 550px; width: 100%; }
.live-video-body { width: 1200px; margin: 0px auto; }
.live-video-body h2 { font-size: 32px; line-height: 40px; color: rgb(52, 63, 72); text-align: center; display: inline-block; width: 1200px; margin: 50px auto 0px; }
.live-video-body h3 { font-size: 14px; font-weight: lighter; line-height: 20px; color: rgb(52, 63, 72); text-align: center; display: block; width: 1200px; }
.live-video-con { margin-top: 50px; display: inline-block; margin-left: 40px; }
.live-video-con ul li { float: left; width: 250px; }
.live-video-con ul li span { background: rgba(0, 0, 0, 0) url('../images/zbicon.png') no-repeat scroll 0px 0px; height: 35px; line-height: 35px; font-size: 18px; margin-left: 15px; display: block; margin-bottom: 30px; padding-left: 50px; }
.live-video-con ul li span.zb01 { background-position: 0px -5px; }
.live-video-con ul li span.zb02 { background-position: 0px -60px; }
.live-video-con ul li span.zb03 { background-position: 0px -112px; }
.live-video-con ul li span.zb04 { background-position: 0px -168px; }
.live-video-con ul .line-bg { background: rgba(0, 0, 0, 0) url('../images/line.png') no-repeat scroll 0px center; width: 52px; float: left; margin-right: 0px; height: 350px; }
.live-video-con ul li img { text-align: center; margin-left: 20px; }
.live-video-con ul li:nth-child(4) { margin-right: 0px; }
.point-main { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(223, 223, 223); border-top: 1px solid rgb(223, 223, 223); height: 670px; width: 100%; }
.point-body { width: 1200px; margin: 0px auto; }
.point-body h2 { font-size: 32px; line-height: 40px; color: rgb(52, 63, 72); text-align: center; display: inline-block; width: 1200px; margin: 50px auto 0px; }
.point-body h3 { font-size: 14px; font-weight: lighter; line-height: 20px; color: rgb(52, 63, 72); text-align: center; display: block; width: 1200px; }
.point-con-top { margin: 50px auto 0px; width: 1150px; }
.point-con-top dl { width: 380px; height: 138px; display: inline-block; }
.point-con-top dl dt { width: 138px; height: 138px; display: block; float: left; margin-right: 10px; }
.point-con-top dl dd { color: rgb(102, 102, 102); font-size: 14px; line-height: 25px; height: 138px; display: table-cell; vertical-align: middle; width: 200px; }
.point-img { width: 380px; margin: 132px 50px 40px; }
.point-img span { color: rgb(102, 102, 102); font-size: 14px; line-height: 25px; text-align: center; width: 380px; display: block; margin-top: 15px; }
.point-img02 { width: 470px; margin: 0px 20px 40px; }
.point-img02 span { color: rgb(102, 102, 102); font-size: 14px; line-height: 25px; text-align: center; width: 470px; display: block; margin-top: 15px; }
.sales-main { background: rgba(0, 0, 0, 0) url('../images/bg-img.jpg') no-repeat scroll 0px 0px; height: 626px; width: 100%; }
.sales-main h2 { font-size: 32px; line-height: 40px; color: rgb(52, 63, 72); text-align: center; display: inline-block; width: 1200px; margin: 50px auto 0px; }
.sales-main h3 { font-size: 14px; font-weight: lighter; line-height: 25px; color: rgb(52, 63, 72); text-align: center; display: block; width: 1200px; margin-top: 20px; }
.sales-main-body { width: 1200px; margin: 0px auto; }
.sales-con { width: 1000px; margin: 30px auto; }
.sales-con ul li { width: 150px; height: 160px; margin-right: 15px; display: inline-block; }
.sales-con .pic { background: rgba(0, 0, 0, 0) url('../images/12iocn.png') no-repeat scroll 0px 0px; display: block; height: 88px; margin: 25px auto 15px; position: relative; width: 88px; z-index: 2; }
.sales-con ul li.s01 .pic { background-position: 0px 0px; }
.sales-con ul li.s02 .pic { background-position: 0px -100px; }
.sales-con ul li.s03 .pic { background-position: 0px -200px; }
.sales-con ul li.s04 .pic { background-position: 0px -300px; }
.sales-con ul li.s05 .pic { background-position: 0px -400px; }
.sales-con ul li.s06 .pic { background-position: 0px -500px; }
.sales-con ul li.s07 .pic { background-position: 0px -600px; }
.sales-con ul li.s08 .pic { background-position: 0px -700px; }
.sales-con ul li.s09 .pic { background-position: 0px -800px; }
.sales-con ul li.s10 .pic { background-position: 0px -900px; }
.sales-con ul li.s11 .pic { background-position: 0px -1000px; }
.sales-con ul li.s12 .pic { background-position: 0px -1100px; }
.sales-con dl { color: rgb(99, 99, 99); margin: 0px auto 20px; position: relative; width: 150px; z-index: 2; text-align: center; }
.sales-con dl dt { font-size: 16px; line-height: 20px; margin-bottom: 5px; text-align: center; color: rgb(58, 58, 58); }
.sales-con ul li:nth-child(6) { margin-right: 0px; }
.sales-con ul li:nth-child(12) { margin-right: 0px; }
