html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, a, abbr, acronym, del, cite, address, small, sub, sup, b, u, i, center, font, em, strong, dl, dt, dd, ul, ol, li, form, fieldset, legend, table, caption, thead, tbody, tfoot, tr, th, td { margin: 0; padding: 0; outline: none; }
body { color: #7f7f7f; font-weight: none; font-family: 'Microsoft YaHei', '微软雅黑', 'Arial', 'Tahoma', 'simsun', 'sans-serif'; }
ul, ol { list-style-type: none }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); color: #7f7f7f; }
a:hover { text-decoration: none; color: #717c82; }
a:focus { outline: none; }
li:focus { outline: none; }
fieldset, img { border: 0 }
q, blockquote { quotes: "" "" }
q:before, q:after, blockquote:before, blockquote:after { content: "" }
del { text-decoration: line-through }
ins { text-decoration: underline }
sup { vertical-align: super; }
sub { vertical-align: sub; }
cite, em, dfn { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
caption, th, td { font-weight: normal; text-align: left; }
input, textarea, select, button { font-size: 100%; margin: 0; padding: 0; font-family: 'Microsoft YaHei', '微软雅黑', 'Arial', 'sans-serif'; }
label, button { cursor: pointer }
textarea { white-space: pre; resize: none; border: 1px solid #ececec; }
button, input, select, textarea { font-size: 100%; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { margin: 0; padding: 0; display: block; border: 0; font-size: 100%; }

/*  form Styles  */
input[type=text], input[type=password] { border: 1px solid #dfdfdf; height: 22px; outline: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.clear { clear: both; width: 100%; font-size: 0px; height: 0px; background: none; border: none; _zoom: 1; }
.padding0 { padding: 0px; }
body { background: #fff; width: 100%; height: 100%; position: relative; overflow-x: hidden; font-family: 'Microsoft YaHei', '微软雅黑', 'Arial', 'sans-serif'; font-size: 12px; }
@font-face { font-family: 'fzyh';  /*src: url('http://10.2.0.39/zs/fonts/FZYouHJW.ttf') format('truetype');*/ }
.fzyh {  /*font-family:'fzyh',Arial,'微软雅黑','sans-serif';*/ }
.jwlogo { display: none !important; }

/*header*/
.header { background: url(../images/opacity01.png) repeat; margin: 0px; border: none; height: 100px; position: fixed; z-index: 99; left: 0px; top: 0px; width: 100%; }
.header .logo-wrap { position: absolute; left: 15px; top: 0px; z-index: 5; }
.header .logo { display: block; margin-top: 36px; width: 120px; overflow: hidden; }
.header .logo img { width: 80%; }
.header div.search { width: 160px; height: 28px; margin-left: -20px; float: right; background: none; border-radius: 15px; position: absolute; right: 15px; top: 56px; z-index: 5; border: 1px solid #e0e0e0; color: #666; }
.header div.search:hover { border: 1px solid #cccccc; color: #000; }
.header div.searchActive { box-shadow: inset 2px 2px 2px #e3e2e3; }
.header div.search input[type="text"] { width: 100px; height: 28px; line-height: 28px; font-size: 12px; border: none; padding: 0 10px 0px 12px; float: left; outline: 0; background: none; *width: 80px; }
.header div.search input[type="submit"] { background: url(../images/search05.png) no-repeat center 7px; width: 32px; height: 28px; border: none; outline: 0; padding: 0; float: right; margin-right: 2px; }
.header .subhead { position: absolute; right: 4px; top: 0px; z-index: 6; }
.container div.change { float: right; font-size: 12px; height: 50px; line-height: 60px; color: #808080; }
.container div.change a { color: #808080; margin: 0px 3px; text-decoration: none; }
.container div.change a.red { color: #cc0000; font-weight: bold; padding-left: 3px; text-decoration: none; }
.container div.change a.red:hover { color: #ff0000; text-decoration: none; }
.container div.change a:hover { color: #333; text-decoration: none; }
.container div.share { float: right; width: 80px; height: 20px; margin-left: 12px; padding-top: 14px; padding-bottom: 10px; position: relative; z-index: 9999; }
.container div.share-nr { height: 28px; overflow: hidden; }
.container div.share-nr a { height: 28px; width: 29px; display: block; margin-left: 8px; float: left; }
.container div.share-nr .weixin { height: 28px; width: 30px; float: left; margin-left: 8px; }
.container div.share-nr .weixin a { background: url(../images/weixin.png) no-repeat; margin: 0px; float: none; }
.container div.share-nr .weixin-nr { background: #fff; position: absolute; top: 54px; left: -44px; padding: 10px; display: none; }
.container div.share-nr .weixin-nr b { background: url(../images/tf_18.png) no-repeat; width: 13px; height: 7px; display: block; position: absolute; right: 50%; top: -7px; margin-left: -6px; }
.container div.share-nr .weixin-nr p.pic { padding: 5px 10px; padding-bottom: 10px; overflow: hidden; }
.container div.share-nr .weixin-nr p.text { line-height: 26px; position: relative; text-align: center; }
.container div.share-nr a.weibo { background: url(../images/weibo.png) no-repeat; }
.container div.share-nr a:hover { background-position: 0px -28px; }
.navbar { min-height: 44px; }
.navbar .navbar-header { float: left; }
.navbar .navbar-nav > li > a { padding-bottom: 12px; padding-top: 12px; outline: none; position: relative; zoom: 1; }
.navbar-header .navbar-brand { height: 50px; margin-top: 15px; padding: 0 !important; }
.navbar .navbar-brand img { width: 100%; height: 100%; }
.navbar-nav { margin: 5px -20px 0 0px; font-size: 14px; overflow: hidden; padding-top: 50px; *margin-left: 0px; }
.navbar-nav li { padding: 0px; overflow: hidden; }
.navbar-nav > li > a { padding: 10px 20px 20px 20px; color: #333; line-height: 10px; padding-bottom: 25px !important; display: block; text-decoration: none; }
.navbar-nav li a:hover, .navbar-nav li.active a, .navbar-nav li.on a { color: #e60012; text-decoration: none; }
.down_menu { font-size: 12px; position: relative; padding: 30px 0px 30px 0px; }
.down_menu .down_block { height: 100%; min-width: 190px; padding: 0 20px 0 40px; overflow: hidden; border-left: 1px solid #d6d6d6; position: relative; }
.ie7 .down_menu .down_block { padding-left: 40px !important; }
.down_block a { display: inline-block; *display: inline; *zoom: 1; width: 100%; color: #000; font-size: 18px; text-decoration: none; }
.down_block .dropdown_dot { color: #e60010; cursor: default; text-decoration: none; }
.down_block .dropdown_dot:hover { text-decoration: none; }
.down_block a:hover, .down_block a:focus { text-decoration: none; }
.dp_spaec { margin-top: 20px; }
.down_menu .first { border-left: none; padding-left: 15px !important; }
.ie7 .down_menu .first { padding-left: 15px !important; }
.ie7 .menu1 > li { width: 48%; }
.dropdown_menu { list-style: none; height: auto; left: auto; margin-left: 0; float: none; }
.dropdown_menu { margin-top: 10px; }
.dropdown_menu > li { float: left; list-style: none; }
.menu1 > li { width: 50%; }
.menu2 > li { width: 100%; }
.menu3 > li { width: 33%; }
.dropdown_menu > li > a { clear: both; color: #666; display: inline-block; font-weight: 400; line-height: 1.42857; padding: 4px 0px 3px 0px; white-space: nowrap; font-size: 12px; outline: none; text-decoration: none; }
.dropdown_menu > li > a:hover, .dropdown_menu > li > a:focus { color: #e60012; text-decoration: none; }
.hide { display: none; }
.right_img { float: right; padding-right: 40px; }
.data-toggle { display: inline-block; }
.header .share .bdshare-button-style1-32 a { margin-right: 0px; margin-left: 6px; float: none; *float: left; }
.header-cont { position: relative; }
.header-top { height: 100%; position: relative; width: 100%; z-index: 9; background: #f6f6f6; }
.header-active { background: url(../images/head-bg.png) repeat; }
.header-bg { background: url(../images/head-black.png) repeat; height: 6px; width: 100%; position: absolute; left: 0px; top: 100%; }
.nav-bar { position: absolute; left: 0px; top: 0px; padding-left: 120px; }
.nav-wrap { display: block; position: absolute; left: 0px; top: 100px; width: 100%; background: #f0f0f0 url(../images/head-down02.jpg) repeat-x left top; z-index: 8; *zoom: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color='#d6d6d6', Direction=120, Strength=4);/*for ie6,7,8*/ background-color: #f0f0f0; -moz-box-shadow: 0px 2px 4px #d6d6d6;/*firefox*/ -webkit-box-shadow: 0px 2px 4px #d6d6d6;/*webkit*/ box-shadow: 0px 2px 4px #d6d6d6;/*opera或ie9*/ }
.nav-wrap .down_menu { display: none }
.nav-down-cell { overflow: hidden; }
.nav-phone { position: absolute; left: 0px; top: 60px; background: #eeeeee; width: 100%; display: none; }
.nav-phone a { color: #333; display: block; text-decoration: none; margin: 0px 15px; height: 42px; line-height: 42px; }
.nav-phone .menu01 { border-bottom: 1px solid #d6d6d6; }
.nav-phone .menu01 > a { background: url(../images/nav05.png) no-repeat right center; font-size: 18px; }
.nav-phone .menu02 > a { border-bottom: 1px solid #c0c0c0; background: url(../images/nav08.png) no-repeat right center; text-indent: 15px; font-size: 15px; }
.nav-phone .menu03 > a { border-bottom: 1px solid #fff; text-indent: 30px; margin: 0px; color: #fff; font-size: 13px; }
.nav-phone .menu01 > a.active { background: url(../images/nav06.png) no-repeat right center; color: #e60213; }
.nav-phone .menu02 > a.active { background: url(../images/nav07.png) no-repeat right center; border: none; color: #e60213; }
.nav-phone .menu01 a.last { border: none; }
.nav-phone .ul01 { background: #d6d6d6; }
.nav-phone .ul02 { background: #898989; margin: 0px 15px; }
.nav-phone .menu01 ul { display: none; }
.nav-phone > b { width: 15px; height: 8px; position: absolute; top: -8px; right: 22px; background: url(../images/h_37.png) no-repeat center; display: block; z-index: 10; }
.nav-phone > ul { display: none; }
.nav-phone .p01 { background: #ccc; font-size: 15px; }
.header-phone { position: absolute; right: 0px; top: 0px; padding-top: 16px; }
.header-phone .navbar-toggle { width: 30px; padding: 0px; margin-top: 0px; outline: 0; border: 0; }
.header-phone .navbar-toggle .icon-bar { background: #58676d; height: 5px; width: 100%; display: block; border-radius: 4px; margin-bottom: 6px; }
.header-phone .navbar-active .icon-bar { background: #e60213; }
.header-phone .search-toggle { float: left; margin-right: 25px; height: 28px; width: 28px; background: url(../images/search07.png) no-repeat; cursor: pointer; }
.header-phone .search-active { background: url(../images/search06.png) no-repeat; }
.search-phone { position: absolute; left: 0px; top: 60px; background: #eeeeee; width: 100%; display: none; }
.search-phone > b { width: 15px; height: 8px; position: absolute; top: -8px; right: 76px; background: url(../images/h_37.png) no-repeat center; display: block; z-index: 10; }
.search-phone .cell { margin: 20px 0px; height: 37px; }
.search-phone .cell form { border-radius: 30px; background: #fff; position: relative; border: 1px solid #d4d4d4; height: 35px; line-height: 35px; }
.search-phone .cell form input.text { display: block; background: none; padding: 0px 20px; border: none; width: 80%; line-height: 35px; height: 35px; font-weight: normal; font-size: 14px; vertical-align: middle; overflow: hidden; }
.search-phone .cell form .button { position: absolute; right: 5px; background: url("../images/search02.png") no-repeat center; width: 48px; height: 100%; top: 0px; border: none; }

/*切换 hd*/
.carousel-indicators-wrap { text-align: center; position: absolute; left: 0px; width: 100%; bottom: 20px; }
.carousel-indicators { text-align: right; position: relative; left: 0px; margin-left: 0px; top: 0px; display: inline-block; *display: inline; *zoom: 1; width: auto; }
.carousel-indicators li { width: 12px; height: 12px; border: none; margin: 0px 3px; *zoom: 1; *display: inline; *margin: 0px 5px; cursor: pointer; background: url(../images/button12.png) no-repeat; }
.carousel-indicators li:hover { background: url(../images/button11.png) no-repeat; }
.carousel-indicators li.active { width: 12px; height: 12px; margin: 0px 3px; *zoom: 1; *display: inline; *margin: 0px 5px; background: url(../images/button10.png) no-repeat; }

/*页尾*/
.footer { color: #fff; }
.footer .top { background: #f3f3f3; overflow: hidden; padding-bottom: 40px; padding-top: 10px; }
.footer .bottom { background: #e4e4e4; padding: 20px 0px; line-height: 20px; text-align: center; color: #767676; }
.footer .bottom a { color: #4d4d4d; text-decoration: none; }
.footer .bottom a:hover { color: #767676; text-decoration: none; }
.footer .bottom span { color: #bfbfbf; padding: 0px 5px; }
.footer .col-padding { padding: 0px 5px; }
.footer-top-dl { padding: 24px 15px 0px 15px; text-align: left; overflow: hidden; font-size: 14px; }
.footer-top-dl dt { float: left; width: 100%; font-size: 18px; font-weight: normal; color: #0b7fd7; padding-bottom: 12px; }
.footer-top-dl dt a { color: #333; text-decoration: none; }
.footer-top-dl dd { width: 100%; float: left; line-height: 24px; }

/*右侧二维码*/
.popup { position: fixed; top: 80%; right: 0px; width: 50px; z-index: 800; display: none; }
.popup a { display: block; width: 50px; height: 50px; background: #454545; text-decoration: none; }
.popup a:hover { background: #454545; text-decoration: none; }
.popup .dimen { position: relative; height: 50px; width: 50px; margin-bottom: 1px; display: none; }
.popup .dimen-nr { background: #fff; position: absolute; right: 50px; bottom: 0px; padding: 20px; display: none; }
.popup .dimen-nr b { background: url(../images/tf_13.png) no-repeat; width: 4px; height: 7px; display: block; position: absolute; right: -4px; bottom: 18px; }
.popup .dimen-nr p.pic { padding: 5px 10px; padding-bottom: 10px; overflow: hidden; }
.popup .dimen-nr p.text { line-height: 26px; position: relative; padding-left: 20px; }
.popup .dimen-nr p.text span { background: url(../images/tf_07.png) no-repeat; color: #fff; font-size: 10px; display: block; position: absolute; left: 0px; top: 6px; text-align: center; line-height: 14px; height: 14px; width: 14px; }
.popup .suface { height: 50px; width: 50px; margin-bottom: 1px; }
.popup .suface a.wx { margin: 0px; padding: 0px; display: block; width: 50px; height: 50px; background: #454545; text-align: left; text-indent: 0px; text-decoration: none; }
.popup .suface a.wx span { background: none; margin: 0px !important; padding: 0px !important; text-indent: 0px; display: block; height: 50px !important; line-height: 50px !important; text-decoration: none; }
.popup .suface a.wx:hover { background: #454545; margin: 0px; padding: 0px; text-decoration: none; }

/*公共样式*/
.grayA a { color: #4d4d4d !important; text-decoration: none !important; }
.grayA a:hover { color: #767676 !important; text-decoration: none !important; }
.blueA a { color: #248fd1 !important; text-decoration: none !important; }
.blueA a:hover { color: #248fd1 !important; text-decoration: none !important; }

/*****************  temp *************/

/*头部banner*/
#inhead-banner { height: 360px; overflow: hidden; background: #eee; }
#inhead-banner.banner-g { height: auto; padding: 70px 0 50px; }
.inhead-banner-bd { height: 100%; width: 100%; overflow: hidden; }
.inhead-banner-bd .item { height: 100%; overflow: hidden; }
.inhead-wrap { position: relative; width: 100%; height: 360px; overflow: hidden; }
.inhead-wrap.wrap-g { height: auto; }
.inhead-wrap .back { position: absolute; width: 1920px; top: 0px; left: 50%; margin-left: -960px; z-index: 1; }
.inhead-det { position: relative; z-index: 2; height: 360px; }
.inhead-det.det-g { height: auto; }
.inhead-det-pic { position: relative; height: 360px; }
.inhead-det-pic img { width: 100%; position: absolute; bottom: 0px; right: 0px; }
.inhead-det-text { color: #fff; }
.inhead-det-text h2 { font-size: 46px; color: #fff; padding-top: 150px; }
.det-text-g h2 { padding-top: 200px; }
.inhead-det-text p { padding-top: 12px; line-height: 26px; font-size: 16px; }
#inhead-banner .banner-btn { position: absolute; width: 50px; height: 100%; z-index: 9; top: 0px; display: none; }
#inhead-banner .banner-btn a { display: block; height: 41px; width: 23px; background: #000; position: absolute; top: 50%; right: 0px; background: url(../images/button15.png) no-repeat 0px -41px; }
#inhead-banner .banner-btn a:hover { opacity: 0.6; filter: alpha(opacity = 60); }
#inhead-banner .btn-left { left: 80px; }
#inhead-banner .btn-right { right: 80px; }
#inhead-banner .btn-right a { left: 0px; background-position: -23px -41px; }
#inhead-banner .carousel-indicators-wrap {/* top:150px; */text-align: center; }

/*切换*/
.stat-bg { background: #f5f5f5; height: auto; width: 100%; margin-top: 20px; }
.stat-wrap { padding-bottom: 35px; *overflow: hidden; }
.stat-tabs { height: 100%; position: relative; }
.stat-tabs li { text-align: center;/* height:100px; */ position: relative; float: left; padding: 0 4px 0 4px;/*     padding-bottom: 15px; */ }
.stat-tabs li a { text-align: center; height: 67px; position: relative; float: left; display: block; display: table; width: 100%; cursor: pointer; overflow: hidden; border: solid 1px #e4e4e4; background: #fff; }
.stat-tabs li span.s1 { text-align: center; text-decoration: none; font-size: 20px; display: table-cell; vertical-align: middle; *position: relative; *top: 50%; *left: 50%; *display: block; width: 100%; }
.stat-tabs li b { line-height: 30px; text-align: center; display: inline-block; *position: relative; *top: -50%; *left: -50%; font-weight: normal; }
.stat-tabs li .s2 { padding-left: 10px; display: none; }
.stat-tabs li .up { display: none; }
.stat-tabs li .down { display: inline-block; }
.stat-tabs li.active {/* background:url(../images/new_h3c_jt_dx.png) no-repeat;background-position:center 67px; */ }
.stat-tabs li.active a { color: #fff; border: solid 1px #e60012; background: #e60012; }
.stat-tabs li.active a .s1 b {/* background:url(../images/sj_up.png) no-repeat right center; */font-weight: bold; color: #fff; }
.stat-phone-tit { height: 50px; background: #f5f5f5; margin: 0px -15px; line-height: 50px; border-bottom: 1px solid #e5e5e5; }
.stat-phone-tit a { padding: 0px 15px; display: block; font-size: 16px; color: #333; background: url(../images/in-down.png) no-repeat right center; }
.stat-phone-tit a.phoneActive { background: url(../images/in-up.png) no-repeat right center; }
.stat-col-2 .stat-tabs li { width: 50%; }
.stat-col-3 .stat-tabs li { width: 33.33%; }
.stat-col-4 .stat-tabs li { width: 25%; *width: 24%; }
.stat-col-5 .stat-tabs li { width: 20%; }
.stat-col-6 .stat-tabs li { width: 16.60%; }
.show-pc { display: block; }
.show-phone { display: none; }
@media only screen and (max-width:1600px) {
  padding-top: { 50px; }
}
@media only screen and (max-width:768px) {
  .show-pc { display: none; }
  .show-phone { display: block; }
  .inhead-wrap.wrap-g { height: auto; }
  #inhead-banner.banner-g { height: auto; padding: 20px 0 0 0; }
}
.stat-tabs.hz-220705-xg li { width: 25%; }
#handbook .product-detail-content.hz-220705-xg1 .icon-link{height: 120px;}
#handbook .product-detail-content {padding-bottom: 25px;}
#handbook .product-detail-content.hz-220705-xg1 a { text-align: center; padding-left: 0; display: block; height: 100%; padding-top: 45px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); font-size: 18px; color: #333333; }
#handbook .product-detail-content.hz-220705-xg1 > div > div:first-child { padding-left: 0.5%; }
#support.hz-220705-xg2 { font-size: 24px; margin-bottom: 2%; margin-top: 24px; }
.prodetail-sixwarp .tab-pane { padding-bottom: 0 !important; }
.container.product-detail { padding: 0; }
@media only screen and (max-width:768px) {
  .product-detail .product-detail-content.hz-220705-xg1 .icon-link img { margin-right: auto; }
  .product-detail-content.hz-220705-xg1 { margin-top: 5%; }
  .product-detail-content.hz-220705-xg1 .icon-link a { padding-top: 30px; }
  .product-detail-content.hz-220705-xg1 img { width: 21.1%; margin: 0 auto 0; display: block; }
  #support.hz-220705-xg2 { font-size: 24px; margin-bottom: 3%; margin-top: 14px; }
}