@charset "UTF-8";
/*header*/
.headerWrap { background: #fff; height: 106px; width: 100%; position: fixed; top: 0; z-index: 10; border-bottom: 1px solid #dbdbdb; }
.headerWrap .header { width: 1200px; margin: 0 auto; }
.headerWrap h1 { float: left; width: 300px; }
.headerWrap h1 img { margin-top: 28px; }
.headerWrap .btnGroup { float: right; }
.headerWrap .btnGroup .navBtn { width: 46px; height: 46px; margin-top: 30px; border: none; color: #fff; cursor: pointer; }
.headerWrap .btnGroup .navBtn:hover { background: #73a7fa; }
.headerWrap .btnGroup .navBtn .iconfont { font: 26px/46px "微软雅黑"; }
.headerWrap .btnGroup .navBtn:first-child { background: #464646; }
.headerWrap .btnGroup .navBtn:first-child + .navBtn { background: #017dc7; }

.innerHeaderWrap { background: transparent; height: 106px; width: 100%; position: fixed; top: 0; z-index: 10; border: none; }
.innerHeaderWrap .header { width: 1200px; margin: 0 auto; }
.innerHeaderWrap h1 { float: left; width: 300px; }
.innerHeaderWrap h1 img { margin-top: 28px; }
.innerHeaderWrap .btnGroup { float: right; }
.innerHeaderWrap .btnGroup .navBtn { width: 46px; height: 46px; margin-top: 30px; border: none; color: #fff; cursor: pointer; }
.innerHeaderWrap .btnGroup .navBtn .iconfont { font: 26px/46px "微软雅黑"; }
.innerHeaderWrap .btnGroup .navBtn:first-child { background: #464646; }
.innerHeaderWrap .btnGroup .navBtn:first-child + .navBtn { background: #017dc7; }

.nav { float: left; }
.nav > li { float: left; height: 106px; }
.nav > li > a { padding: 0 20px; font: 16px/106px "微软雅黑"; color: #333; font-weight: 900; }
.nav > li:hover { background: #2983ca; }
.nav > li:hover .navChildWrap { display: block; }
.nav > li:hover > a { color: #fff; }

.innerNav { float: left; }
.innerNav > li { float: left; height: 106px; }
.innerNav > li > a { padding: 0 20px; font: 16px/106px "微软雅黑"; color: #fff; font-weight: 900; }
.innerNav > li:hover .navChildWrap { display: block; }
.innerNav > li:hover > a { color: #fff; }

.navChildWrap { height: 350px; position: absolute; top: 106px; left: 0; right: 0; border-top: 1px solid rgba(255, 255, 255, 0.2); z-index: 99; background: rgba(41, 131, 202, 0.95); display: none; -webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.15); box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.15); }
.navChildWrap .navList { width: 1200px; margin: 0 auto; overflow: hidden; height: 100%; }
.navChildWrap ul { float: left; padding-top: 26px; height: 100%; margin-left: 40px; width: 208px; }
.navChildWrap ul:first-child { margin-left: 0; }
.navChildWrap ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); text-indent: 12px; }
.navChildWrap ul li:hover { background: white; }
.navChildWrap ul li:hover a { color: #2983ca; }
.navChildWrap ul a { font: 14px/34px "微软雅黑"; color: #dbefff; white-space: nowrap; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; }
.navChildWrap ul a span{padding-right: 10px;}
.navChildWrap ul li:first-child a { font: 14px/40px "微软雅黑"; color: #fff; font-weight: 900; }
.navChildWrap ul li:first-child:hover a { color: #2983ca; }

.nav_about .navList ul { margin-left: 380px; }

.nav_hardware .navList ul { margin-left: 480px; }
.nav_software .navList ul { margin-left: 580px; }

.nav_afterSales .navList ul { margin-left: 690px; }

.nav_news .navList ul { margin-left: 790px; }

.nav_contact .navList ul { margin-left: 890px; }

/*搜索*/
.searchWrap { height: 92px; width: 100%; position: fixed; top: 106px; background: rgba(41, 131, 202, 0.95); z-index: 9; text-align: center; padding-top: 58px; vertical-align: top; display: none; border-top: 1px solid #d4d4d4; -webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.15); box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.15); }
.searchWrap label { font: 20px/20px "微软雅黑"; color: #fff; }
.searchWrap span { border-bottom: 1px solid #fff; position: relative; display: inline-block; height: 34px; top: -6px; }
.searchWrap span #search { width: 380px; height: 24px; font: 20px/20px "微软雅黑"; background: none; border: none;color: #fff;text-align: center;padding-right: 20px }
.searchWrap span ::-webkit-input-placeholder { color: #95ceff; }
.searchWrap span ::-ms-input-placeholder { color: #95ceff; }
.searchWrap span .iconfont { color: #fff; font-size: 24px; position: absolute; right: 0; top: -4px; cursor: pointer;top: -6px }

/*二级菜单*/
.navListWrap { width: 100%; min-height: 350px; position: fixed; top: 106px; border-top: 1px solid #ddd; z-index: 9; background: rgba(41, 131, 202, 0.95); display: none; -webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.15); box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.15); }
.navListWrap .navList { width: 1200px; margin: 0 auto; overflow: hidden; height: 100%; }
.navListWrap .navList ul { float: left; width: 165px; padding-top: 26px; height: 100%; margin-left: 42px; }
.navListWrap .navList ul:first-child { margin-left: 0; }
.navListWrap .navList ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.5); text-indent: 14px; padding: 11px 0; }
.navListWrap .navList ul li:hover { background: white; }
.navListWrap .navList ul li:hover a { color: #2983ca; }
.navListWrap .navList ul a { font: 14px/18px "微软雅黑"; color: #dbefff; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.navListWrap .navList ul li:first-child a { font: 14px/40px "微软雅黑"; color: #fff; font-weight: 900; padding: 0; }
.navListWrap .navList ul li:first-child a:hover { color: #2983ca; }

#footerWrap { width: 100%; height: 320px; background: #464646; }

.footer { width: 1200px; margin: 0 auto; height: 270px; }
.footer ul { float: left; margin-top: 48px; }
.footer a { color: #ddd; font: 14px/28px "微软雅黑"; }
.footer a:hover { color: #fff; }
.footer li { height: 28px; margin-right: 46px; }
.footer li:first-child { height: 16px; padding-bottom: 14px; }
.footer li:first-child a { font: 16px/16px "微软雅黑"; color: #fff; }
.footer dl { float: right; margin-left: 30px; margin-top: 70px; }
.footer dl dd { text-align: center; font: 14px/24px "微软雅黑"; color: #ddd; }
.footer dl img { width: 74px; height: 74px; background: #f5f5f5; display: block; }

.bottom { width: 100%; height: 50px; background: #222; text-align: center; font: 14px/50px "微软雅黑"; color: #ddd; }

* { word-wrap: break-word; }

a, body, button, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, input, li, ol, p, select, td, textarea, th, tr, ul { margin: 0; padding: 0; }

dl, li, ol, ul { list-style-type: none; }

html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

address, caption, cite, code, dfn, em, i, th, var, b, strong { font-style: normal; font-weight: 400; font-style: normal; }

button, input, optgroup, option, select, textarea { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

button, input { overflow: visible; vertical-align: middle; outline: 0; }

body, button, input, select, td, textarea, th { font: 12px/1.6 'Hiragino Sans GB','microsoft yahei',arial,sans-serif; color: #333; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; }

body { line-height: 1.6; -webkit-font-smoothing: antialiased; background-color: #fff; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

img { border: 0; vertical-align: middle; }

a, area { outline: 0; color: #333; blr: expression(this.onFocus=this.blur()); }

a { text-decoration: none; cursor: pointer; }

a:hover { outline: 0; }

a.ie6:hover { zoom: 1; }

a:focus { outline: 0; }

a:active, a:hover { outline: 0; }

:focus { outline: 0; }

sub, sup { vertical-align: baseline; }

textarea { resize: none; overflow: hidden; resize: none; }

img { border: 0; vertical-align: middle; }

a img, img { -ms-interpolation-mode: bicubic; }

.img-responsive { max-width: 100%; height: auto; }

html { overflow: -moz-scrollbars-vertical; zoom: expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)} (this)); }

.clear { diplay: block !important; float: none !important; clear: both; overflow: hidden; width: auto !important; height: 0 !important; margin: 0 auto !important; padding: 0 !important; font-size: 0; line-height: 0; }

::-webkit-input-placeholder { color: #b4b4b4; }

::-ms-input-placeholder { color: #b4b4b4; }

/*动画*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } }
@keyframes slideInUp { 0% { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); visibility: visible; opacity: 0; }
  100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } }
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

/*-- iconfont样式 --*/
/* 采用引入css方式*/
.iconfont { font-family: iconfont !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale; }
/*# sourceMappingURL=common.css.map */