/*=============全局样式================*/
html { /*overflow-y: scroll;*/ }
body, dl, dt, dd, p, table, form, nav, ul, ol, input, select { margin: 0; padding: 0; }
body { color: #333; font: 14px/1.6 Verdana,"微软雅黑",Tahoma; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; padding: 0; font-weight: normal; }
ol, ul { list-style: none; }
input, select { outline: none; }
table, img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }

a { color: #666; outline: none; text-decoration: none; }

a.link { color: #1f7cd0; }
a.link2 { color: blue; text-decoration: underline; }
a.link3 { color: blue; }

a.link:hover, a.link3:hover { text-decoration: underline; }

a.text { cursor: text; }

.fl { float: left; }
.fr { float: right; }

.pl { position: absolute; left: 0; }
.pr { position: absolute; right: 0; }

.clear { clear: both; }
.clearfix:after { content: ''; clear: both; display: table; }
.clearfix { zoom: 1; }

.hot { color: red; }
.green { color: green; }
.gray { color: gray; }
.blue { color: blue; }

.color2 { color: #FC5900; }
.color3 { color: #808080; }
.color4 { color: #369; }
.color5 { color: #116ecb; }
.color6 { color: #E22B41; }
.orange { color: orange; }
.bold { font-weight: bold; }
.light { background-color: #fce365; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }

/*------------------通用样式------------------*/
.inline-block { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; color: #666; }
.inline-block .beian { color: #666; }
.middle { vertical-align: middle; }

.hide { display: none; }

.arrow { width: 0; height: 0; border: 5px solid transparent; overflow: hidden; cursor: pointer; }
/*.arrow-right { border-color: #f9f9f9 #f9f9f9 #f9f9f9 #336699; margin: 8px 3px 0; }
.arrow-down { border-color: #336699 #f9f9f9 #f9f9f9 #f9f9f9; margin: 10px 6px 0 0; }*/

/*------------按钮样式-------------*/
.w-button { min-width: 46px; _width: 46px; height: 22px; padding: 3px 16px; font: bold 13px/22px 微软雅黑; *line-height: 20px; cursor: pointer; text-align: center; white-space: nowrap; }

.w-red { background: #D24726; color: #fff; }
.w-red:hover { background: #e17961; color: #fff; }

.w-green { background: #217245; color: #fff; }
.w-green:hover { background: #33935e; color: #fff; }

.w-blue { background: #0072C6; color: #fff; }
.w-blue:hover { background: #3D94D4; color: #fff; }

.w-dark { background: #ccc; color: #333; }
.w-dark:hover { background: #dddcdc; color: #333; }

.w-light { background: #EFEFEF; color: #333; }
.w-light:hover { background: #ddd; color: #333; }

.w-disabled, .w-disabled:hover { background: #ddd; color: #999; cursor: default; }

.x-button, .x-button-mini { padding: 6px 25px; border-radius: 3px; text-align: center; text-decoration: none; background-color: #0a82e4; color: #ffffff; font-size: 17px; margin: 0; white-space: nowrap; cursor: pointer; min-width: 60px; _width: 60px; }
.x-button-mini { padding: 2px 12px; font-size: 14px; }

.x-button:hover, .x-button-mini:hover { background-color: #1a77c2; color: #ffffff; }

/*------------遮罩层--------------*/
.x-mask { position: fixed; _position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; }
.x-drag-shadow { position: absolute; left: 0; top: 0; background-color: #f1f1f1; cursor: move; display: none; z-index: 999999; }

/*------------弹出层--------------*/
.x-box { position: absolute; background: #fff; border: 1px solid #ccc; z-index: 1000; }
.x-box .x-head { position: relative; background: #f6f6f6 url(../images/Q/bg-head.png) repeat-x left bottom; height: 32px; line-height: 32px; border-bottom: 1px solid #ddd; }
.x-head .x-title { position: absolute; left: 0; background: url(../images/Q/ico.gif) 5px 12px no-repeat; padding-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #336699; }
.x-head .x-close { position: absolute; right: 6px; cursor: pointer; width: 24px; text-align: center; font: bold 14px/32px verdana,Arial; color: #336699; }
.x-head .x-close:hover { font-size: 16px; }

.x-box .x-main { padding: 10px; font-size: 14px; word-wrap: break-word; overflow: auto; }

.x-main .x-ico { width: 40px; }
.x-main .x-ico div.ico { width: 32px; height: 32px; }

.x-dialog { line-height: 1.6em; padding-top: 3px; }

.x-bottom { text-align: center; padding-top: 10px; }
.x-cancel { margin-left: 10px; }

.x-input { margin-top: 5px; }
.x-input input { height: 24px; line-height: 24px; width: 98%; padding-left: 5px; }

.x-alert { background: url(../images/Q/alert.gif) no-repeat; }
.x-loading { background: url(../images/Q/loading.gif) no-repeat; }

.x-box-auto .x-main { padding-bottom: 0; }
.x-box-auto .x-view { margin-bottom: 10px; }

/* --------------- 进度条 --------------- */
.progress-bar { width: 100%; background-color: #ccc; }
.progress { width: 0.1%; height: 8px; overflow: hidden; background-color: #2B85E9; }

/*---------------------------XPanel-----------------------*/
.x-panel { background-color: #fff; border: 1px solid #ddd; padding: 1px 0; cursor: default; position: absolute; z-index: 99; overflow: auto; font: 14px verdana,tahoma,宋体; }
.x-panel .x-item { color: #000; padding: 2px 1px; /**padding: 8px 1px 3px 1px;*/ margin: 2px 3px; height: 24px; line-height: 24px; position: relative; }
.x-panel .x-disabled { color: #808080; }
.x-panel .x-on { background-color: #eee; }

.x-panel .x-icon { width: 24px; height: 20px; text-align: center; position: absolute; margin-top: 2px; }
.x-panel .x-icon img { width: 20px; height: 20px; }
.x-panel .x-text { overflow: hidden; position: absolute; left: 30px; height: 24px; }
.x-panel .arrow { border-left-color: #333; _border-color: #fff #fff #fff #333; position: absolute; right: 3px; margin-top: 7px; cursor: default; }
.x-panel .x-on .arrow { _border-color: #eee #eee #eee #333; }

.x-split { height: 1px; background-color: #eee; margin: 4px 3px; overflow: hidden; }
/*.x-split { background: url(../images/Q/line.gif) center repeat-x; margin: 0 2px; height: 6px; overflow: hidden; }*/

/*---------------------------Dropdownlist-----------------------*/
/* IE6、7 relative bug:若父级元素设置了overflow:auto,则该元素不会随滚动条滚动。fix:将该元素的父级元素也加上 relative  */
.x-sel { cursor: default; position: relative; height: 26px; font-size: 14px; }
.x-sel-tag { position: relative; height: 26px; background-color: #fff; border: 1px solid #d5d5d5; overflow: hidden; }
.x-sel-text, .x-sel-arrow { position: absolute; top: 0; height: 26px; line-height: 24px; }
.x-sel-text { left: 0; padding: 0 6px; overflow: hidden; color: #555; }
.x-sel-arrow { right: -1px; width: 26px; background-color: #c3c3c3; }
.x-sel-arrow .arrow-down { cursor: default; border-width: 6px; border-color: #444 #c3c3c3 #c3c3c3 #c3c3c3; margin: 11px 0 0 7px; }

.x-sel-list { -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none; }
.x-sel-list .x-item { padding: 0 4px; color: #555; }
.x-sel-list .x-disabled { color: #808080; }
.x-sel-list .selected { background-color: #49f; color: #fff; }

.x-sel-radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.x-sel-radius .x-sel-arrow { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }

.x-sel-mini .x-sel-tag, .x-sel-mini .x-sel-text, .x-sel-mini .x-sel-arrow { height: 22px; line-height: 20px; }
.x-sel-mini .x-sel-arrow { width: 22px; }
.x-sel-mini .x-sel-arrow .arrow-down { margin: 8px 0 0 5px; }

/* --------------- 颜色选择器 --------------- */
.x-picker { position: absolute; width: 231px; border-style: solid; border-color: #000; border-width: 1px 0 0 1px; font-size: 12px; font-family: "宋体", Arial; z-index: 999; }
.x-picker .xp-title { height: 25px; padding-top: 4px; background: #E4E4E4; border-style: solid; border-color: #000; border-width: 0 1px 1px 0; }
.x-picker .xp-preview { float: left; width: 50px; height: 20px; border: 1px solid #333; background: #FFF; margin-left: 5px; display: inline; }
.x-picker .xp-val { float: left; width: 80px; text-align: center; line-height: 20px; }
.x-picker .xp-type { float: right; margin-right: 6px; display: inline; }
.x-picker .xp-table table { table-layout: fixed; width: 0; height: 132px; border-collapse: collapse; cursor: default; }
.x-picker .xp-table td { width: 10px; height: 10px; padding: 0; border-style: solid; border-color: #000; border-width: 0 1px 1px 0; }

/* --------------- 分页按钮 --------------- */
.pager { text-align: center; margin-top: 15px; }
.pager li { display: inline-block; *display: inline; *zoom: 1; cursor: pointer; background-color: #a4a4a4; color: #fff; margin-right: 5px; line-height: 17px; font-family: 微软雅黑; }
/*.pager li:hover { background-color: #5ac7f1; }*/
.v-text .pager li, .pager li, .pager .pager-link a { padding: 4px 8px; /*min-width: 16px;*/ }
.pager li:hover, .pager li.on { background-color: #06A4E1; }
.pager-bar a { color: #fff; text-decoration: none; }
.pager .pager-link li { padding: 0; }
.pager .pager-link a { display: block; }
.pager .count, .pager-count { margin-left: 15px; line-height: 24px; }
.pager .page-size { font-weight: bold; color: red; }
.pager .total-count { font-weight: bold; color: green; }

/* --------------- Slider --------------- */
.slide-box { position: relative; z-index: 1; overflow: hidden; }
.slide-ul { width: 100%; height: 100%; position: relative; z-index: 1; }
.slide-li { width: 100%; height: 100%; position: absolute; top: 0; z-index: 1; }
.slide-on { z-index: 10; }

.slide-prev, .slide-next { width: 18px; height: 38px; position: absolute; top: 50%; margin-top: -19px; z-index: 10; cursor: pointer; }
/*.slide-prev { background: url(../images/pic_pre_little.png) no-repeat; left: 18px; }
.slide-next { background: url(../images/pic_next_little.png) no-repeat; right: 18px; }
.slide-prev:hover { background: url(../images/pic_pre_little_p.png) no-repeat; }
.slide-next:hover { background: url(../images/pic_next_little_p.png) no-repeat; }*/

/* ----------------------------- lightbox -----------------------------*/
body:after { content: url(../images/lightbox/close.png) url(../images/lightbox/loading.gif) url(../images/lightbox/prev.png) url(../images/lightbox/next.png); display: none; }
.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; }
.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; }
.lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.lightbox a img { border: none; }
.lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.lb-outerContainer:after { content: ""; display: table; clear: both; }
.lb-container { padding: 4px; }
.lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; }
.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/lightbox/loading.gif) no-repeat; }
.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
.lb-container > .nav { left: 0; }
.lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); }
.lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; }
.lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../images/lightbox/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; }
.lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../images/lightbox/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; }
.lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.lb-dataContainer:after { content: ""; display: table; clear: both; }
.lb-data { padding: 0 4px; color: #ccc; }
.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }
.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; }
.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; }
.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/lightbox/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }
.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/* ----------------------------- lightbox -----------------------------*/
.w60, input.w60 { width: 60px; }
.w80, input.w80 { width: 80px; }
.w90, input.w90 { width: 90px; }
.w100, input.w100 { width: 100px; }
.w120, input.w120 { width: 120px; }
.w160, input.w160 { width: 160px; }
.w180, input.w180 { width: 180px; }
.w200, input.w200 { width: 200px; }
.w300, input.w300 { width: 300px; }
.w360, input.w360 { width: 360px; }
/* --------------- header --------------- */
/*不要使用overflow清除浮动,会造成二级菜单无法显示*/
.hd { width: 990px; margin: 0 auto; /*overflow: hidden;*/ }

/*fix IE7- 二级菜单显示问题*/
.header { position: relative; z-index: 2; height: 92px; }
#tt { cursor: pointer; height: 25px; }
#tt:hover { color: #1f7cd0; }
#gg { position: absolute; background-color: white; border: 1px solid #1f7cd0; z-index: 1000; width: 124px; display: none; margin-top: 5px; }
#gg a { display: block; height: 35px; width: 104px; padding: 0 10px; line-height: 35px; }
#gg a:hover { background-color: #f3f3f3; }
.topbar { height: 19px; background-color: #fff; padding: 5px 0; font-size: 12px; border-bottom: 1px #f2f2f2 solid; }
.topbar a { color: #666; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
.topbar a:hover { color: #008cd6; }

.logo { margin-right: 15px; }
.logo img { height: 36px; margin-top: 12px; }
.logo-img { height: 36px; width: 189px; display: block; margin-top: 12px; background-image: url(../../images/logo2.png); background-repeat: no-repeat; background-size: 100%; background-position: 0 0; }
.navbar { background-color: #fff; box-shadow: 1px 1px 2px #dfdfdf; border-bottom: 1px solid #efefef; height: 60px; width: 100%; top: 0; }
.navbar .menu a { transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; }

.nav { height: 60px; }
.nav .menu { margin-left: 22px; }
.nav li, .link-nav li { float: left; margin: 0 1px; position: relative; height: 60px; min-width: 100px; text-align: center; }
.nav li .link { /*display: inline-block; vertical-align: top; padding: 0 15px;*/ display: block; line-height: 60px; color: #333; font-size: 16px; text-align: center; cursor: pointer; text-decoration: none; _width: 100px; }
.nav .arrow-down { display: inline-block; vertical-align: top; border-color: #fff #0C6ABF #0C6ABF #0C6ABF; margin: 19px 0 0 6px; *margin-top: 18px; }
.nav li:hover .link, .nav .link:hover, .nav .on .link { background-color: #1f7cd0; color: #fff; }
/*.nav li:hover .link, .nav li.on .link { }*/
.nav li:hover .arrow-down, .nav li.on .arrow-down { border-color: #0C6ABF #fff #fff #fff; }

.nav .link:hover { text-decoration: none; }

.sub-nav { position: absolute; left: 0; top: 60px; z-index: 99; background-color: #fff; border: 1px solid #1f7cd0; display: none; }

.sub-menu { width: 140px; }
.sub-menu a { display: block; height: 36px; line-height: 36px; color: #666; text-align: left; padding-left: 20px; /*border-bottom: 1px dashed #ddd;*/ }
.sub-menu a:hover { background-color: #f3f3f3; }

.sub-panel { width: 360px; text-align: left; padding: 20px 0; }
.sub-panel dl, .sub-panel .ul { float: left; }
.sub-panel dl { padding: 0 30px; border-left: 1px solid #ddd; }
.sub-panel dt { color: #014099; font-weight: bold; }
.sub-panel .ul { padding-left: 5px; margin-left: 30px; }
.sub-panel .li { padding: 3px 0; white-space: nowrap; }
.sub-panel .li .ico { display: inline-block; width: 5px; height: 5px; background-color: #014099; vertical-align: middle; margin-right: 5px; overflow: hidden; }
.sub-panel .li a { color: #666; }
.sub-panel .li a:hover { text-decoration: underline; }

.sub-panel .first-dl { border-width: 0; padding-left: 20px; }
.sub-panel .last-dl { padding-right: 0; }
.sub-panel .first-ul { margin-left: 0; }
.product .sub-nav { width: 780px; left: -102px; }
.solution .sub-nav { width: 780px; left: -204px; }
/*.product .sub-nav { width: 160px; }*/
.product-full .sub-nav { width: 620px; left: -204px; }
.purchase .sub-nav { width: 290px; }
.purchase .first-dl { width: 80px; }
.download .sub-nav { width: 330px; left: -40px; }
.help-center .sub-nav { width: 160px; }
.demo .sub-nav { width: 160px; }
#m-wx { display: none; }
/* --------------- footer --------------- */
.footer { /*position: relative; left: 0; bottom: 0; width: 100%;*/ background-color: #181B2C; color: #ccc; font-size: 12px; }
.footer .hd { width: 980px; }
.footer a { color: #e6e6e6; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; transition: color .2s ease-in-out; font-size: 12px; }
.footer a:hover { color: #008cd6; }

.f-top { height: 48px; line-height: 48px; border-bottom: 1px solid #2C2F40; }
.f-top a { }
.quick-icos { height: 25px; margin-top: 12px; }
.quick-icos img { float: left; margin-right: 10px; }

.f-view { }
.f-business a { color: #e6e6e6; }
.f-contact, .f-cooper { margin: 30px 0 20px 0; padding-right: 20px; line-height: 30px; }
.f-contact { width: 269px; }
.f-contact .inline-block { vertical-align: middle; }
.f-contact .ico { width: 30px; height: 22px; }
.f-contact .text { width: 239px; line-height: 1.8em; }
.f-contact .f-ico { padding-left: 34px; line-height: 22px; margin-bottom: 10px; }
.f-contact .i-home { background: url(../images/i-home.jpg) left center no-repeat; }
.f-contact .i-mail { background: url(../images/i-mail.jpg) left center no-repeat; }
.f-contact .i-phone { background: url(../images/i-phone.jpg) left center no-repeat; }
.f-contact .i-address { background: url(../images/i-address.jpg) left 2px no-repeat; margin-bottom: 0; }

.f-cooper { height: 135px; border-left: 1px solid #484647; border-right: 1px solid #484647; padding: 0 30px; }
.f-oem { margin-left: 60px; }

.f-service { margin: 10px 0 10px 40px; padding-top: 10px; }
.f-tels { font-size: 16px; line-height: 26px; }

.w-btn1 { background: #F43C12; color: #fff; }
.w-btn1:hover { background: #cc3d1d; color: #fff; }

.w-btn2 { background: #3498DB; color: #fff; }
.w-btn2:hover { background: #2676ac; color: #fff; }

.w-btn3 { background: #1FA67A; color: #fff; }
.w-btn3:hover { background: #16815e; color: #fff; }

.w-btn4 { background: #1f7cd0; color: #fff; }
.w-btn4:hover { background: #1f63d0; color: #fff; }

.service-tel { margin-bottom: 10px; overflow: hidden; }

.qq { margin: 5px 0; clear: both; }
.qq .w-button { height: 24px; line-height: 24px; padding: 2px 8px; font-size: 13px; }
.qq .w-btn1 { width: 70px; }
.qq .w-btn2 { width: 72px; }
.qq .w-btn3 { width: 160px; }

.qq a.more { margin-left: 10px; }

.f-service .w-button { display: block; width: 160px; padding: 6px 16px; margin: 10px auto; font-size: 14px; }

.f-copyright { text-align: center; height: 42px; line-height: 42px; background-color: #101326; }

.site-stat { height: 20px; margin: 10px 0 0 5px; }
.site-stat img { float: left; }

.beian { background: url(../images/beian.png) no-repeat; padding: 2px 0 2px 24px; }

/* --------------- sidebar --------------- */
.main { margin: 20px auto; }
.sidebar { float: left; width: 245px; }

.product-nav { }
.product-nav .title { background-color: #2974b7; color: #fff; font: bold 18px/42px "微软雅黑"; padding-left: 10px; }

.product-l li { float: left; position: relative; background-color: #e6e6e6; }

.product-l img { display: block; width: 270px; height: 180px; }
.product-l li span.explain { position: absolute; top: 0; opacity: 0.6; display: none; left: 0; width: 240px; height: 160px; background-color: #000000; color: white; font-size: 15px; padding: 10px 15px; }

.product-title { overflow: hidden; }
.product-list { width: 1120px; margin: 0 auto; overflow: hidden; position: relative; }
.product-list span { font-size: 15px; color: #333; }
.product-list .slider-left, .product-list .slider-right { width: 30px; height: 50px; background: #000000; opacity: 0.4; margin-top: -48px; }
.product-list .slider-left { position: absolute; top: 50%; right: 0px; }
.product-list .slider-left i, .product-list .slider-right i { font-size: 16px; line-height: 50px; padding: 0 8px; color: white; }

.product-list h2 a { margin-left: 978px; color: white; margin-top: 4px; font-size: 12px; padding: 3px 6px; background: #2974b7; }

.product-list .slider-right { position: absolute; top: 50%; left: 0px; }
.product-l li { margin-right: 13px; }
.product-l li h3 { text-align: center; background: #FFFFFF; padding: 10px 0; font-size: 16px; }
.v-product .sidebar { display: none; }
.v-product .content .view { margin-left: auto; }
.product-title .t-product { width: 1120px; margin: 0 auto; }
.t-product ul li { float: left; }
.t-product ul li a { display: block; line-height: 60px; margin: 0 13px; }
.t-product ul li a:hover { color: #1f7cd0; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
/*.v-product h3.tt1 { font-size: 36px; text-align: center; height: 26px; line-height: 26px;margin: 50px 0;font-weight: normal;border-left:none}*/
h3.tt1 { font-size: 16px; border-left: 4px solid #1f7cd0; padding-left: 20px; height: 26px; line-height: 26px; }
.preic-img li { padding-left: 30px; }
.preic-img .desc { line-height: 35px; }
.title-back { color: #1f7cd0; }
.sidebar .m-item .title { border: 1px solid #ddd; font: bold 18px/42px "微软雅黑"; cursor: pointer; }
.sidebar .m-item .title .text { padding-left: 10px; }
.sidebar .m-on .title .text { border-left: 5px solid #1f7cd0; }

.sidebar .m-item .arrow { border-width: 6px; }
.sidebar .m-item .arrow-down { border-color: #333 #fff #fff #fff; margin: 19px 10px 0 0; }
.sidebar .m-item .arrow-up { border-color: #fff #fff #333 #fff; margin: 12px 10px 0 0; }

.sidebar .menu { display: block; border-width: 0 1px 0 1px; border-style: solid; border-color: #ddd; }
.sidebar .menu li a { display: block; padding: 5px 0 5px 30px; margin: 1px 0; font-size: 16px; color: #444; }
.sidebar .menu li:hover a, .sidebar .menu li.on a { background-color: #f1f1f1; }
.sidebar .last-menu { border-width: 0 1px 1px 1px; }

.sidebar .m-on .menu { display: block; }

.sidebar .pd-split { display: block; border-bottom: 1px dashed #ddd; }
.sidebar .menu .pd-split a { padding-left: 15px; color: #888; }
.sidebar .menu .pd-split:hover a, .sidebar .menu .pd-split.on a { background-color: #fcfcfc; }

.content { float: right; margin-left: -245px; width: 100%; }
.content .view { margin-left: 230px; min-height: 350px; }
.content .v-full { border: 1px solid #ddd; padding: 20px; }

h3.title, h3.tt1, .t-title { color: #1f7cd0; font-weight: bold; margin: 10px 0; position: relative; }
h3.title { font-size: 14px; line-height: 1.6em; padding: 5px 0 5px 15px; background-color: #f5f5f5; }
h3.title .ico { color: #ff6600; font-size: 14px; }
h3.tt1 { font-size: 16px; border-left: 4px solid #1f7cd0; padding-left: 20px; height: 26px; line-height: 26px; }

.t-title { font-size: 14px; line-height: 2em; }
.t-desc { font-size: 13px; line-height: 2.2em; margin: 10px 0; color: #555; background-color: #f9f9f9; padding: 5px 10px; }

/* --------------- main --------------- */
/*.tabTitle { _width: 100%; }*/
.tabTitle li { float: left; margin-right: 4px; position: relative; }
.tabTitle li a { float: left; padding: 0 18px; border: 1px solid #cdcdcd; border-bottom: none; line-height: 44px; font-size: 14px; color: #333; text-decoration: none; font-weight: bold; }
.tabTitle li a:hover, .tabTitle li.on a { border-top: 2px solid #ff6600; line-height: 44px; background: #fff; }

.tabCont { margin-top: -1px; padding: 10px; border: 1px solid #cdcdcd; background: #fff; }
.tabCont .list .head th a { color: #007eba; }
.tabCont .list .head th a:hover { color: #ff6600; }
.no-tab { margin-top: 0; }
.turn-box { display: none; min-height: 300px; }

.bc1 { background-color: #6f5499; }
.bc2 { background-color: #0769ad; }
.bc3 { background-color: #1fa67a; }
.bc4 { background-color: #563d7c; }
.bc5 { background-color: #cf4646; }
.bc6 { background-color: #3498db; }
.bc7 { background-color: #e48632; }
.bc8 { background-color: #f0db4f; }

.banner .slide-prev, .banner .slide-next, .proc1-pic, .proc2-pic, .proc3-pic, .proc4-pic, .plan .slide-prev, .plan .slide-next { background-image: url(../images/icons-index.png); background-repeat: no-repeat; }
.contact .gmzx, .contact .shfw, .contact .qq, .contact .wx { background-image: url(../images/icons1.png); background-repeat: no-repeat; }

.rightbar { position: fixed; width: 60px; z-index: 30; cursor: pointer; right: 0; bottom: 10px; }
.rightbar ul { background: #fff; opacity: 0.7; border: #0d98d8 1px solid; font-size: 12px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; margin-bottom: 10px; padding-bottom: 5px; }
.rightbar li { margin-top: 4px; }
.rightbar li a { text-decoration: none; color: #0d98d8; display: block; padding-top: 42px; text-align: center; }

.rightbar .i-buy, .rightbar .i-support, .rightbar .i-qq, .rightbar .i-wechat { background-image: url(../../images/icons1.png); background-repeat: no-repeat; }
.rightbar .i-buy { background-position: 0 5px; }
.rightbar .i-buy:hover { background-position: -60px 5px; }
.rightbar .i-support { background-position: -120px 5px; }
.rightbar .i-support:hover { background-position: -180px 5px; }
.rightbar .i-qq { background-position: -240px 5px; }
.rightbar .i-qq:hover { background-position: -300px 5px; }
.rightbar .i-wechat { background-position: -360px 5px; }
.rightbar .i-wechat:hover { background-position: -420px 5px; }

.rightbar .qrcode { width: 186px; height: 189px; position: absolute; right: 60px; bottom: 0; visibility: hidden; }
.rightbar .i-wechat:hover .qrcode { visibility: visible; }

.backtop { width: 55px; height: 55px; }

.v-line { border-bottom: 1px dashed #ccc; margin: 8px 0; overflow: hidden; }
/* --------------- index.html --------------- */
.banner { height: 400px; }
.banner-img img { width: 1920px; height: 400px; position: absolute; left: 50%; top: 0; margin-left: -960px; }

.banner .slide-prev, .banner .slide-next { width: 32px; height: 68px; margin-top: -34px; }
.banner .slide-prev { background-position: -1376px -68px; left: 50px; }
.banner .slide-next { background-position: -1376px 0; right: 50px; }
.banner .slide-prev:hover { background-position: -1408px -68px; }
.banner .slide-next:hover { background-position: -1408px 0; }

.slide-control { position: absolute; bottom: 10px; left: 50%; margin-left: -40px; z-index: 30; }
.slide-control a { float: left; width: 19px; height: 19px; cursor: pointer; border-radius: 50%; }

.slide-control a, .slidebar a { display: inline-block; background-color: #828bc5; margin: 0 5px; overflow: hidden; }
.slide-control a:hover, .slide-control .slide-on, .slidebar a:hover, .slidebar .d { background-color: #e05a00; }

.slidebar { height: 3px; margin-top: 40px; text-align: center; }

.plan .hd { width: 1120px; }
.plan .hd h3 { text-align: center; font-size: 22px; padding: 10px 0 10px 0; border-bottom: 1px solid #666; color: #333; }
.plan .box2tt { width: 560px; overflow: hidden; padding-bottom: 3%; float: left; }
.plan .box2tt img { width: 174px; height: 174px; border-radius: 50%; }
.plan .box2tt .me-img { float: left; }
.plan .box2tt .me-mubiao { padding-top: 10px; margin-left: 193px; color: #333; }
.plan .box2tt .me-mubiao b { font-size: 20px; }
.plan .box2tt .me-mubiao .me-gaisu { font-size: 16px; margin-top: 10px; }

.products { padding: 10px 0; border-bottom: 1px solid #eee; }
.products li { float: left; width: 24%; margin-right: 13px; *margin-right: 10px; }
.products li:last-child { margin-right: 0; }
.products li.last, .products .product-col3 li.last { margin-right: 0; }

.product-list h2 { padding-bottom: 6px; margin-top: 0px; font-size: 22px; font-weight: bold; color: #1f7cd0; margin-bottom: 10px; border-bottom: 2px solid #e9e6e6; }
.product-img-route img { width: 280px; height: 220px; border: 1px solid #000000; margin-right: 10px; margin-top: 20px; }

.product-img-route h3 { display: inline-block; }
.product-route-list { overflow: hidden; }
.product-route-list h2 { margin-top: 20px; }
.product-route-list .product-l { margin: 0 auto; overflow: hidden; }



/*.products li .img { height:100px;}*/

.products li .text { background-color: #369; color: #fff; text-align: center; padding: 5px 0; }

.products .pro-li { width: 23%; margin-right: 2.6%; text-align: center; }
.pro-li a { display: inline-block; width: 172px; height: 193px; margin-bottom: 10px; }
.products .pro-li .desc { color: #666; text-align: left; }

.products .product-col3 .pro-li { width: 30%; margin-right: 4.8%; }

.proc1-pic { background-position: 0 0; }
.proc1-pic:hover { background-position: -172px 0; }

.proc2-pic { background-position: -344px 0; }
.proc2-pic:hover { background-position: -516px 0; }

.proc3-pic { background-position: -688px 0; }
.proc3-pic:hover { background-position: -860px 0; }

.proc4-pic { background-position: -1032px 0; }
.proc4-pic:hover { background-position: -1204px 0; }

.icons { width: 30px; height: 30px; background: url(../images/icons.png) no-repeat; }
.ic1 { background-position: 0 -59px; }
.ic2 { background-position: -93px -59px; }

.bg1 { background-color: #008cd6; }
.bg2 { background-color: #16a9d9; }

.plan { position: relative; /*//background: url(../images/home/lines.jpg) repeat 0 0;*/ background-color: rgba(139, 199, 242, 0.23); margin-top: 20px; }
.plan .hd { height: 100%; color: #fff; }


.plan-cont1, .plan-cont2, .plan-cont3 { float: left; width: 294px; padding-top: 30px; }
.plan-cont2, .plan-cont3 { padding-left: 54px; }

.plan-view a { color: #fff; display: block; }
.plan-view h3 { padding-left: 22px; background: url(../images/home/into.png) no-repeat 0 11px; font: bold 14px 微软雅黑; line-height: 34px; }
.plan-view a:hover h3 { text-decoration: underline; }
.plan-view ol { padding-left: 30px; list-style: outside none disc; font-size: 12px; }

.plan .slide-prev, .plan .slide-next { width: 63px; height: 63px; margin-top: -31.5px; }
.plan .slide-prev { background-position: -1440px -63px; left: 50%; margin-left: -573px; }
.plan .slide-next { background-position: -1440px 0; right: 50%; margin-right: -573px; }
.plan .slide-prev:hover { background-position: -1503px -63px; }
.plan .slide-next:hover { background-position: -1503px 0; }

.sections { padding: 20px 0 0px 0; }
.section { width: 49%; }
.section .title { padding-left: 15px; color: #fff; height: 42px; line-height: 42px; }
.section .title .ico { float: left; margin-top: 6px; }
.section .title .text { float: left; margin-left: 10px; color: #fff; font-size: 18px; cursor: pointer; }

/*.section .full-img { margin: 10px 0; }
.section .full-img img { width: 100%; height: 180px; }
.section .full-desc { height: 80px; color: #777; text-overflow: ellipsis; white-space: nowrap; }*/

.section .s-img { margin: 10px 0; height: 150px; }
.section .s-img img { width: 238px; height: 150px; }
.section .s-list { margin-top: 10px; }
.section .s-list ul { width: 235px; }
.section .s-list li { margin: 5px 0; }
.section .s-list ul i { display: inline-block; width: 36px; height: 18px; line-height: 18px; background-color: #1f7cd0; color: #fff; font-size: 12px; text-align: center; margin-right: 5px; }
.section .s-list a:hover { text-decoration: underline; }
.section .s-list .list tr td { cursor: pointer; }


.section .s-item { margin: 10px 0; }
.section .s-item .s-img { float: left; margin: 0; height: 150px; }
.section .s-item .s-img img { height: 150px; }
.section .s-item .s-detail { float: right; width: 238px; font-size: 12px; line-height: 1.9em; }
.section .s-item .name a { color: #008cd6; font-size: 14px; }
.section .s-item .name a:hover { text-decoration: underline; }
.section .s-item .time { color: #777; }
.section .s-item .desc { margin-top: 5px; text-indent: 2em; color: #666; }

.section .s-full { padding: 11px 20px; background-color: #fafafa; }
.section .s-full .s-img { display: none; }
.section .s-full .s-detail { float: none; width: auto; }
.products { padding-bottom: 30px; }

.products .hd-title { border-width: 1px; margin: 30px 0 10px; }
.product-list h2 span.title-info { font-weight: normal; font-size: 14px; padding-left: 20px; color: orange; }
.product-l li { border: 1px solid #ccc; width: 23.9%; background: #fff; border-radius: 5px; margin-top: 20px; }

.product-l .hotel h3 { font-size: 16px; font-weight: bold; text-align: center; }
.product-l .hotel p { font-size: 12px; text-align: center; color: #f60; }
.product-l .hotel .ht-cont { border-top: 1px solid #aaa; width: 95%; margin: 0 auto; height: 180px; text-align: center; }
.product-l .hotel .ht-cont dl { padding: 0 10px; margin: 10px 0; }
.product-l .hotel .ht-cont dl dt { color: #1F7CD0; }

.product-l .hotel .ht-btn { width: 30%; border: 1px solid #f60; margin: 0 auto; text-align: center; border-radius: 5px; padding: 8px 20px; margin: 0 auto 20px; cursor: pointer; }
.product-l .hotel a:hover .ht-btn { background: orange; border-color: #fff; color: #fff; }
.product-free { position: relative; }
.product-free img { width: 21px; height: 21px; position: absolute; top: 0; left: 5px; }
/* --------------- solution --------------- */
.v-solution .v-full { padding: 10px 20px; }
.v-full .v-text .tt1 { margin: 20px 0; }
.v-text h1.title { font: 24px 微软雅黑; text-align: center; border-bottom: 1px dashed #ccc; padding-bottom: 10px; color: #333; margin: 10px 0 20px 0; }
.v-text p { margin: 10px 0; }
p.img { text-align: center; }
/*p.text { text-align: center; }*/
p.center { text-align: center; }
.img img, .pic img { width: 50%; }
.v-text .desc { color: #555; margin-bottom: 10px; }
.v-text dl { }
.v-text dt { font-weight: bold; color: #ff6600; }
.v-text dd p { text-indent: 2em; }

.v-text .desc .text p { line-height: 1.8em; color: #666; margin: 0; }

.v-text li { list-style: none; }
.v-text ul li { list-style: inside circle; line-height: 35px; }
.v-text ol li { list-style: none; line-height: 35px; }

table.list .head-f1 th { background-color: #4472C4; color: #fff; font-weight: bold; font-size: 16px; }

.v-iptv table.list { font-size: 14px; }
.v-iptv table.list td.name { background-color: #f1f1f1; }

table.list .mq-iptv, .t-diff .other-iptv { padding: 0 10px; text-align: left; }
.t-diff .mq-iptv { }
.t-diff .iptv-udp, .t-diff .other-iptv { color: #777; }

table.kv { width: 100%; border-collapse: collapse; font-size: 14px; text-align: left; }
table.kv td, table.kv th { border: 1px solid #ccc; height: 40px; line-height: 40px; }
table.kv td.name { background-color: #f1f1f1; font-weight: bold; text-align: center; }
table.kv td.value { padding: 0 10px; }

table.no-border td, table.no-border th { border-width: 0; }

.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }

.v-text ul.list2, .v-text ol.list2 { margin: 0 0px; }
.v-text ul.list2 li { padding: 3px 0; list-style: outside none disc; list-style: none; }
.v-text ol.list2 li { padding: 3px 0; list-style: outside none decimal; }
ul.list2 p.name, ul.list3 p.name, ol.list2 p.name { font-size: 16px; font-weight: bold; }
ul.list2 p.text { }

.v-text ul.list3 li { list-style: none; clear: both; border-bottom: 1px dashed #ccc; padding: 52px 186px; overflow: hidden; }
.v-text ul.list3 li:last-child, .v-text ul.list3 li.no-line { border-bottom-width: 0; }
.v-text ul.list3 .img { float: left; margin-right: 30px; }
ul.list3 p.name { padding-top: 20px; }
.v-text ul.list3 li .i-box { margin-left: 455px; }
/*.v-text ul.list3 li .i-box2 { padding-left: 20px; }*/
.v-text ul.list3 li .jj { width: 263px; }

.img-col3 { text-align: center; }
.img-col3 img { width: 32%; vertical-align: top; }
.lightbox-image { max-width: 100%; }

/* --------------- product --------------- */
.v-product .desc { text-indent: 2em; }
.v-product view { margin-top: 20px; }
.v-product .v-text dd p { text-indent: 4em; }
.v-product .wifi-img { width: 545px; height: 350px; float: left; }
.v-product .wifi-img img { width: 520px; height: 350px; }
.v-product .wifi-box { overflow: hidden; }


.features li { float: left; width: 50%; /*height: 70px; margin-bottom: 20px;*/ }
.features .img { float: left; width: 65px; height: 70px; padding-right: 20px; }
.features .name { color: #ff6600; font-size: 14px; font-weight: bold; margin-top: 10px; }
.features .row2 .name { margin-top: 0; }
.features .text { font-size: 12px; color: #666; line-height: 22px; }
.features .odd .text { padding-right: 10px; }

.features p { color: #777; line-height: 1.8; margin-right: 30px; }

.features li.row3 { height: 90px; }
.features .row3 .img { padding-top: 10px; }

.functions li { float: left; width: 212px; height: 249px; text-align: center; margin: 4px 0 0 4px; background: url(../images/gn.jpg) no-repeat; }
.functions .img { height: 45px; padding: 10px 0; }
.functions .en { height: 30px; font-size: 16px; line-height: 30px; color: #f2d3b0; text-transform: uppercase; overflow: hidden; }
.functions .name { font-size: 18px; color: #333; }
.functions .text { text-align: left; color: #666; font-size: 12px; font-family: '宋体'; line-height: 22px; padding: 10px 0 0 10px; }

.title1, .title2 { font-size: 16px; color: #313131; height: 32px; line-height: 32px; margin-bottom: 15px; border-bottom: 1px #cecece solid; }
.title2 { float: left; width: 665px; margin-left: 17px; margin-right: 18px; }
.title1 span, .title2 span { float: left; border-bottom: 1px #ff6600 solid; height: 32px; line-height: 32px; }
.title2 span { text-align: left; border-bottom: 1px #f60 solid; }

.title3 { color: #ff6600; text-align: center; line-height: 36px; font-size: 18px; margin-bottom: 15px; font-weight: bold; }

.supports { }
.supports .text { width: 125px; height: 52px; line-height: 52px; text-align: center; color: #fff; }

.pc, .ts, .app { overflow: hidden; zoom: 1; }
.pc li, .ts li { float: left; width: 127px; margin-right: 17px; }
.pc li { height: 90px; }
.ts li { height: 60px; }
.app li { float: left; width: 72px; height: 102px; margin-right: 17px; }

.nrjs_tp { height: 52px; border: 1px #cecece solid; background: #fafafa; }
.app .nrjs_tp { height: 72px; border-width: 0; }
.nrjs_wz { height: 30px; line-height: 30px; text-align: center; color: #313131; font-size: 12px; }

.deployment { margin-bottom: 20px; line-height: 24px; }
.deploy-desc { padding: 0 30px; color: #666; }
.deploy-img { text-align: center; padding: 0 20px; }
.deploy-img img { max-width: 100%; }

.store { /*height: 226px;*/ overflow: hidden; margin-bottom: 20px; zoom: 1; }
.store .pic { float: left; width: 300px; height: 224px; border: 1px solid #ccc; }
.store .pic .no-img { background-color: #ddd; font: 24px/224px 幼圆; text-align: center; }
.store .mall { float: right; width: 430px; margin-right: 10px; }
.store .title { height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #ccc; overflow: hidden; }
.v-product .store .desc { text-indent: 0; line-height: 1.8em; font-size: 14px; color: #888; }
.store .price, .store .price a { font-size: 24px; font-weight: bold; color: #ff6600; }
.store .price { height: 40px; line-height: 40px; display: none; }

.store .price .pre-text, .store .price .mark { font-size: 12px; font-family: 宋体; }
.store .price .pre-text { background-color: #EB7E00; color: #fff; font-weight: normal; line-height: 20px; padding: 0 5px; margin-top: 10px; }
.store .price .cn-colon { padding-right: 0; }
.store .price .mark { color: #999; font-weight: bold; }

.store .s-model { margin: 20px 0; overflow: hidden; }
.store .s-model a { float: left; height: 28px; line-height: 28px; margin-right: 5px; }
.store .model { display: inline-block; width: 78px; text-align: center; border: 1px solid #ccc; cursor: pointer; }
.store .s-model .on, .store .model:hover { border-color: #ff6600; color: #eb7f00; }

.store .s-count { margin: 10px 0; }
input.text1 { width: 60px; height: 26px; line-height: 26px; border: 1px solid #ccc; padding-left: 5px; }
.mark { color: #999; font-size: 12px; }

a.btn { display: inline-block; vertical-align: top; background-color: #FF6600; color: #fff; font-size: 16px; cursor: pointer; text-align: center; }
a.btn:hover { background-color: #e6620a; color: #fff; }

a.disabled, a.disabled:hover { background: #ddd; color: #666; cursor: default; }

.store .s-btn { padding-left: 47px; margin-top: 10px; clear: both; }
.store .s-btn .btn { height: 32px; line-height: 32px; padding: 0 10px; min-width: 80px; }

.overview { line-height: 30px; font-size: 14px; padding: 10px 20px; color: #666; }
.v-product .turn-box .pic { padding: 0 10px; margin: 5px 0; }
.v-product .turn-box .pic img { width: 100%; }

.hw-params { margin: 10px; color: #666; }
table.params { width: 100%; border-collapse: collapse; font-size: 14px; }
table.params td, table.params th { height: 36px; line-height: 36px; text-align: center; border: 1px solid #ccc; }

.pics { }
.pics img { margin: 5px; }

.hw-service { margin: 35px 10px; text-align: center; }

table.row-bg tr:nth-child(2n) { background-color: #f8f8f8; }

span.t1 { color: blue; font-weight: normal; font-size: 12px; }

.hw-img { text-align: center; }
.hw-img img { _height: 150px; max-height: 150px; }

/*******加速器*******/
.acc_tit { height: 78px; text-align: center; padding-top: 20px; }
.acc_nr { }
.acc_nr li { float: left; width: 345px; height: 117px; margin: 40px 0 0 20px; line-height: 20px; font-size: 14px; }
.acc_nr li.full { width: 708px; }
.acc_nr_rig { float: right; width: 205px; }
.acc_nr li.full .acc_nr_rig { width: 570px; }
.acc_nr_rig h1 { font-size: 18px; font-weight: bold; color: #333; line-height: 30px; }

.acc_fun_tit { height: 25px; padding: 30px 0 0 20px; overflow: hidden; }
.acc_fun_tit img, .acc_fun_tit_ri { float: left; }
.acc_fun_tit_ri { height: 25px; line-height: 25px; font-size: 16px; color: #333; padding-left: 10px; }

.acc_fun { line-height: 26px; font-size: 14px; padding: 10px 0 0 50px; overflow: hidden; }
.acc_fun li { height: 26px; line-height: 26px; padding-top: 10px; }
.acc_fun_le { float: left; width: 102px; height: 26px; text-align: center; color: #fff; background: #ff6600; display: block; }
.acc_fun_ri { float: left; width: 500px; height: 26px; padding-left: 10px; }
.acc_bs { padding: 20px 0; text-align: center; }

/* --------------- price.html --------------- */
.price-box { margin-bottom: 10px; }
h3.hw-title { margin-top: 20px; }

table.list { width: 100%; border-collapse: collapse; font-size: 14px; }
table.list td, table.list th { border: 1px solid #ccc; text-align: center; height: 40px; line-height: 1.8; }

table.list .head th { background-color: #f1f1f1; font-size: 14px; color: #007eba; font-weight: bold; height: 30px; }
table.list .head2 th { background-color: #f6f6f6; font-size: 13px; color: #444; font-weight: normal; height: 28px; }
table.list .cell-first { font-weight: bold; color: #666; line-height: 2em; }

.compat { line-height: 1.6em; padding: 5px 0; /*text-align: left;*/ }
.compat2 { line-height: 1.8em; padding: 3px 0; /*text-align: left;*/ }

.v-hw .mark { margin-top: 15px; line-height: 24px; }
.typical-hw { margin-top: 20px; }

.hw-price, .soft-price { color: red; }
td.b-hw { background-color: #dedede; }
td.b-soft { background-color: #f6f6f6; }

td.btn { width: 85px; }

table.l-price td.name { font-weight: bold; color: #666; }
table.l-price td.btn a.link, table.list a.link-btn { display: inline-block; background-color: green; color: #fff; padding: 2px; width: 60px; height: 24px; line-height: 24px; font-size: 14px; }
table.l-price td.btn a.link:hover, table.list a.link-btn:hover { text-decoration: none; }
td.hw-price, td.soft-price { width: 100px; }
table.l-price td.btn a.over { background-color: #ccc; color: #666; }

table.l-price thead td { font-size: 14px; }

.pr-box { right: 10px; _right: 30px; }
.pr-box a { font-weight: normal; font-size: 12px; }

.faq2 { padding: 5px 10px; line-height: 2em; font-size: 14px; background-color: #f6f6f6; margin: 10px 0; }
.faq2 a { cursor: pointer; }
.faq2 .f-info { display: none; color: #666; }

.x-info2, .x-info3 { color: #666; font-size: 13px; line-height: 2.2em; margin: 10px 0; }
.x-info2 { border: 1px solid #ccc; padding: 3px 10px; }
.x-info3 { background-color: #f9f9f9; padding: 5px 10px; }

.b-title { color: #666; font-size: 16px; }
.b-user { font-size: 14px; height: 28px; line-height: 28px; }
.b-user a { display: inline-block; vertical-align: top; }
.b-user .name { width: 66px; text-align: right; }
.b-user .tel { font-weight: bold; color: #e22; }
.b-user .qq { margin: 5px 0 0 5px; }

.tr-cache { background-color: #f9f9f9; }

/****授权、软件区别*****/

.t-diff th { background-color: #f3f3f3; color: #007eba; }
.t-diff th.free { }
.t-diff th.pro { }

.t-diff .text { line-height: 1.8em; padding: 3px 0; }

.t-diff td.name { font-weight: bold; color: #555; }

.t-diff .plan { background-color: #f5f5f5; color: blue; }
.t-diff .plan sup { margin-left: 5px; color: #DF5902; }

.t-diff .diff .free { color: red; }
.t-diff .diff .pro { color: green; }

.v-difff-soft .t-diff .diff .free { color: green; }
.v-difff-soft .t-diff .diff .pro { color: #1359c8; }

/****订单查询*****/
.mq-order { /*float: left;*/ width: 100%; font-size: 14px; }
.mq-order .toolbar { /*background-color: #f6f6f6;*/ margin: 30px 40px 15px; padding: 5px 10px; }
.mq-order .tb-row { margin: 10px 0; }
.mq-order .order-view { margin: 20px 0 10px; margin: 15px 40px; /*min-height: 212px; _height: 212px;*/ }

.mq-order label { margin-left: 5px; margin-right: 10px; }

.mq-order .toolbar .text { width: 200px; height: 26px; line-height: 26px; padding-left: 5px; *height: 22px; *line-height: 22px; }
.mq-order .toolbar .btn { width: 86px; height: 27px; line-height: 27px; }

.mq-order .order-detail { padding: 10px; background-color: #f6f6f6; margin-bottom: 20px; }
.mq-order table.full { width: 100%; }
.mq-order .order td { padding: 5px; }
.mq-order .order .name { width: 120px; text-align: right; font-weight: bold; }

/****代理商查询*****/
.v-full .tt1 { margin: 0 0 20px 0; }

.mq-agent .toolbar { background: #f2f2f2; font-size: 14px; height: 32px; line-height: 32px; padding: 6px 10px; }
.toolbar select.sel { min-width: 70px; padding: 5px; margin: 0; }
.mq-agent .toolbar select.sel { width: 128px; }
.mq-agent .toolbar select.city { margin-left: 5px; }

.agent-view { margin: 20px 0; }
.mq-agent td.name { font-weight: bold; color: #1f7cd0; }
.mq-agent td.tel, .agent-no .tel { font-weight: bold; color: #e22; font-size: 14px; }

.agent-no { padding: 10px; background-color: #f8f8f8; line-height: 1.8em; }
.agent-no .name { color: #369; }

.agent-list th.area { width: 30%; }
.agent-list th.level { width: 25%; }

/* --------------- download.html --------------- */
.v-download .info, .v-download .alert { margin: 10px 0; }

.v-download .info { color: #666; }

.item-box { line-height: 24px; }
.item-box .item { background-color: #f8f7f7; margin-top: 10px; padding: 10px; }
.item-box .item .title { font-size: 13px; color: #1f7cd0; }
.item-box .item .title a { font-size: 13px; background: url(../images/ico-d1.jpg) 0 4px no-repeat; padding-left: 20px; }

.item-box .item a { color: #1f7cd0; }
.item-box .item a:hover { text-decoration: underline; }

.down-line { height: 1px; /*background-color: #cdcdcd;*/ border-top: 1px dashed #CDCDCD; overflow: hidden; margin: 15px 0; }

.changelog { font: 14px/1.8em 宋体; color: #666; padding: 10px 20px; }

/* --------------- cooperation --------------- */
table.list p.text { text-align: left; line-height: 30px; padding: 10px 0 10px 15px; }
table.list p.text2 { text-align: left; line-height: 30px; padding: 0 0 0 15px; }
.x-dl-view { margin: 30px 0 20px; }

.oem { padding: 0px 8px; line-height: 24px; margin-top: 20px; }

.oem ul { }
.oem ul li { float: left; width: 128px; padding-left: 49px; padding-right: 50px; color: #808080; text-align: center; }
.oem ul li h4 { font-size: 14px; padding-top: 5px; font-weight: bold; color: #474747; }

ul.list { margin: 10px 0; }
ul.list li { list-style: disc; text-indent: 2em; list-style-position: inside; text-align: left; }
.v-solution ul.list li { text-indent: 0; }
/* --------------- about & contact & customer--------------- */
.about { line-height: 30px; }

.contact { padding-left: 10px; line-height: 28px; }
.contact-map { margin-top: 10px; padding: 3px; border: 1px #cdcdcd solid; }

.qq-text { width: 160px; }
.qq-group { margin-left: 10px; }
.qq-group img { vertical-align: middle; padding: 1px 0; }

.site-url { color: #369; }

.mytips { text-align: left; padding: 0 15px; color: #e94c4c; margin: 0 0 20px; line-height: 2em; }
.mytips .indent, .from-editor .indent, p.indent { padding-left: 24px; }
.text-indent { text-indent: 24px; }

.from-editor { padding: 0 15px; text-align: left; line-height: 2em; }

.customer .x-info { background: #FEFFDB; border: 1px solid #FFDDB3; padding: 10px 15px; line-height: 25px; }

.customer .s-list { background: #f8f7f7; margin: 20px 0; padding: 10px 20px; overflow: hidden; }
.customer .s-row { margin: 10px 0; width: 50%; float: left; }
.customer .i-name { font: bold 14px 微软雅黑; }
.qq-groups { line-height: 2.2; }

.tec-support table.list td, .tec-support table.list th { text-align: left; padding: 0 10px; }
.tec-support table.list td.ts-area, .tec-support table.list th.ts-area { text-align: center; }
.tec-support table.list tr:nth-child(2n+1) { background-color: #fafafa; }
.s-list table.list td.ts-area { color: #007eba; font-weight: bold; position: relative; }
.s-list table.list td.ts-area span.t-img1 { width: 18px; height: 18px; position: absolute; top: 14px; left: 105px; text-indent: -9999px; background: url("../images/i.png"); }
.posi-img1 { background-position: 0 18px !important; }

.s-list table.list tbody div.zone { position: absolute; top: 1px; left: 130px; background: #f5f5f5; width: 200px; text-align: left; padding: 5px 10px; color: #666; display: none; }
th.ts-area { width: 80px; }

th.ts-person { width: 160px; }
.tec-support .s-row { float: none; width: auto; }

.i-contact .i-tel { width: 155px; }
.guangzhou { padding-right: 25px; }
/* --------------- article.html --------------- */
.v-article .view { border: 1px solid #cdcdcd; overflow: hidden; }

.v-article .v-full .tt1 { margin-bottom: 0; }

.v-article .view .item { line-height: 24px; padding: 10px; margin: 10px 0; background-color: #fafafa; }
.v-article .view .item .title a { color: #369; font-size: 16px; }
.v-article .view .item .title a:hover { text-decoration: underline; }
.v-article .info { font-size: 12px; color: #777; padding-left: 20px; }
.v-article .info .author { margin: 0 10px; }
.v-article .view .item .desc { padding: 0 30px; color: #777; text-indent: 20px; }

.v-article .list { }
.v-article .pager { }

.v-article a.back { cursor: pointer; color: #1f7cd0; }

.v-box .content, .v-box .view { float: none; width: initial; margin: 0; padding: 0; }

.v-box h1.title { font: 24px 微软雅黑; text-align: center; margin: 10px 0; color: #666; }
.v-box .info { text-align: center; margin: 10px 0; }
.v-box .detail { padding-top: 10px; line-height: 1.8em; border-top: 1px dashed #ccc; }
.v-box .detail p { padding: 5px 0; }
.v-box .detail p.text { text-indent: 2em; }
.v-box .detail .v-product p { padding: 0; }
.v-box .detail .v-product p.img { padding-right: 20px; }
.v-box .detail h1, .v-box .detail h2, .v-box .detail h3, .v-box .detail h4 { margin: 5px 0; }
.v-box img { max-width: 100%; }

.not-found, .no-data { text-align: center; font-size: 24px; color: red; margin: 20px 0; }

.t-even tbody tr:nth-child(2n) { background-color: #f9f9f9; }
.hd .product-l a img { width: 270px; height: 180px; }

/* --------------- feedback.html --------------- */
.row-line { border-top: 1px dashed #CCCCCC; margin: 10px 0 20px; overflow: hidden; }


/***********************************************************/
.iptv-banner .banner-img img { height: 300px; }
.s-list .fr li { list-style: none; line-height: 35px; }
.s-list .fl li a:hover { color: #0a82e4; }
.s-list-border { border-bottom: 1px solid #cdcdcd; }

.iptv-banner { background: #181B2C; width: 100%; height: 280px; }
.banner-item { width: 85%; height: 100%; padding: 20px 50px 0 50px; margin-left: 50px; color: #fff; }
.banner-item .title { font-size: 44px; background: none; font-weight: 400; }
.banner-item .info { line-height: 30px; }
.banner-nav { height: 50px; margin-top: 30px; }
.banner-nav a.nav-itme { padding: 8px 30px; color: #fff; border: 1px solid #fff; display: inline-block; margin-right: 15px; }
.banner-nav a.nav-itme:hover { background: #0af; color: #000; border: none; }
.banner-nav a.active { background: #0D98D8; }
.turn-cont { width: 100%; padding: 10px 0; }
.turn-cont li { line-height: 30px; }
.turn-cont li a:hover { color: #1f7cd0; }
.v-text ul.list3 li .mr200, .mr200 { margin-left: 200px; }
.tp-le-lh { text-align: left; padding: 10px 0 10px 50px; line-height: 2; }



/*-------------------------------automake.html--------------------------*/
.nav-top{width:100%;height:40px;overflow: hidden;}
.nav-top .tab-nav{width:100px;float:left;line-height: 40px;text-align: center;border:1px solid #999;border-bottom: none;border-right: none;cursor: pointer;}
.nav-top .tab-nav:last-child{border-right: 1px solid #999;}
.nav-acitve,.tab-nav:hover{background: #1F7CD0;color:#fff;border-color: #21ABD1;}
.nav-top .tab-nav a{color:#333;}
.nav-top .tab-nav:hover a{color:#fff;}
/*.fmlist{width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 12px;border:1px solid #999;}*/
.hard_ware table.list, table.table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 12px; }
.hard_ware table.list td { border: 1px solid #cdcdcd; padding: 4px 0; }
.hard_ware table.list td.name, table.list col.name { width: 25%; }
.hard_ware table.list td.name { text-align: right; padding-right: 10px; _padding-right: 5px; font-size: 12px; font-weight: bold; background-color: #F1F1F1; }
.hard_ware table.list td.value { padding-left: 10px; }
/*.hard_ware table.list td.value1{text-align: left;}*/
.hard_ware table.list .full-head td, table.table .full-head td { padding: 5px 0 5px 10px; background-color: #e0e0e0; font-weight: bold; font-size: 14px; text-align: left; }

.hard_ware table.list label { margin-left: 3px; }
.hard_ware table.list .w-button { vertical-align: middle; }

.hard_ware select.sel{min-width: 60px;padding: 4px 5px; }
.hard_ware select.sel-w{width: 160px;}
.hard-item{margin-bottom: 5px;}
.hard-item .item-title{font-size: 13px;color:red;}
.hard-item .item-cont{margin-bottom:10px; overflow:hidden;}
.hard-item .item-cont .item-hd{width:40%;display:block;text-align: right;float:left;}
.item-line,.hard-item .item-cont .item-line{text-align:center;float: left;width: 160px; height: 22px;font-size: 12px; /*max-width: 90%;*/ line-height: 22px; padding: 1px 4px; border-bottom: 1px solid #999;border-top:none;border-right: none;border-left: none;}
.item-line{float: none;}
.content-provider{margin-top: 20px;}


/*.fm-veiw{padding: 5px 10px}
.fm-veiw ul{margin: 10px 0;border-bottom: 1px solid #999;}
.fm-veiw ul li{line-height: 25px;}*/

.fm-veiw table.table { /*font-size: 14px;*/ text-align: center; }
.fm-veiw table.table th, table.table td { /*color: #666;*/ border: 1px solid #cdcdcd; padding: 6px 8px; }
.fm-veiw table.table th { background-color: #F1F1F1; font-weight: bold; }
.fm-veiw table.table td {overflow-wrap:break-word; background-color: #fff;line-height: 1.8; }
/************************************************************************/
/*.v-issue .view { width: 880px; margin: 0 auto; }*/
.v-issue .row-line { margin: 10px 0 5px; _margin: 2px 0; height: 1px; }
.v-issue .x-info { background: #FEFFDB; border: 1px solid #FFDDB3; padding: 10px 15px; line-height: 25px; }
.v-issue .form { margin: 20px 0; line-height: 2.4em; }
.v-issue .mark { color: #999; font-size: 13px; }

.issue-name, .issue-contact, .issue-content { padding: 5px; font-size: 14px; }
.issue-name { width: 300px; }
.issue-contact { width: 300px; }
.issue-type { margin-right: 5px; }
.issue-content { width: 540px; height: 250px; margin-bottom: 10px; }
.m-product-list { display: none; }
.ovfHiden { overflow: hidden; height: 100%; }

@media(min-width:1200px) {
    .hd { width: 1120px; }
    .store .mall { width: 560px; }

    .acc_nr ul li { width: 410px; }
    .acc_nr ul li.full { width: 838px; }
    .acc_nr_rig { float: right; width: 270px; }
    .acc_nr ul li.full .acc_nr_rig { width: 700px; }
}

/*@media(min-width:1450px) {
    .banner, .banner-img img { height: 422px; }
}*/

@media(max-width:1200px) {
    .plan .hd { width: 921px; }
    .plan-cont2, .plan-cont3 { padding-left: 19px; }
    .plan .slide-prev { margin-left: -493px; z-index: 10; }
    .plan .slide-next { margin-right: -493px; z-index: 10; }
}

@media screen and (max-width: 767px) {
    .hd { width: 100%; }
    .product-list { display: none; }
    /*-----------手机页面头部-----------*/
    /*img{width:100%;}
	.mobile{background-color: #fff;max-width:500px;margin:0 auto;min-height: 1000px;overflow: hidden;}
	.m-head{width:100%;height:43px;line-height: 44px;border-bottom: 1px solid #ccc;overflow: hidden;display: flex;}
	.m-logo{flex:4;}
	.m-tt{flex:1;font-size: 12px;}
	.m-logo img{width:100px;padding-top: 14px;padding-left: 20px;}
	.m-tt .m-login{overflow: hidden;width:22px;height:22px;border:1px solid #0af;margin:11px auto 0;position: relative;border-radius: 50%;cursor: pointer;}
	.m-login i{display: block;border:1px solid #0af;position: absolute;border-radius: 50%;}
	.m-login i.m-ico1{width:8px;height:8px;top:3px;left:6px;}
	.m-login i.m-ico2{width:14px;height:5px;bottom: -1px;left: 3px;}
	.scroll-view{overflow: auto;}
	.m-nav{height:44px;width:650px;border-bottom: 1px solid #0af;background-color: #0af;}
	.m-nav ul{display: flex;}
	.m-nav li{flex:1;line-height: 44px;text-align: center;}
	.m-nav li a{color:#fff;}
	.m-nav li.active a{color:#000;}*/
    /*-----------手机页面轮播图-----------*/
    /*.banner{height:100px;width:100%;border-bottom:1px solid #fff; }
	.banner .banner-img{width:100%;height:100%;}
	.banner .banner-img a{display: block;width:100%;height:100%;}
	.banner .slide-control{display: none;}
	.banner .slide-prev,.banner .slide-next{background:rgba(0,0,0,0);width:20%;height:100%;top:0;margin-top: 0;}
	.banner .slide-prev{left:0;}
	.banner .slide-next{right:0;}
	.banner .b-img1{background-image: url(../images/banner/13.jpg);}
	.banner .b-img2{background-image: url(../images/banner/12.jpg);}
	.banner .b-img3{background-image: url(../images/banner/10.jpg);}
	.banner .b-img4{background-image: url(../images/banner/08.jpg);}
	.banner .b-img5{background-image: url(../images/banner/09.jpg);}
	.banner .b-img{width:100%;height:100%;left:100%;margin-left:-360px;background-position: center center;background-repeat: no-repeat;background-size: 150%;}*/
}

@media screen and (max-width: 700px) {

    .header { height: 115px; width: 100%; }
    .hd { width: 100%; }
    .banner, .rightbar { display: none; }
    .m-product-list { display: block; }

    .hd { width: 100%; position: relative; }
    /*头部代理商调整*/
    #tt a, #tt + a, .hd .fr .ml10, .hd .fr .mr10 ~ a { display: none; }
    #tt ~ a.ml10 { padding-left: 10px; }
    .hd .fr .mr10 { padding-right: 20px; }

    /*头部导航调整*/
    .navbar { height: 84px; border-color: #999; box-shadow: 1px 1px 2px #999; position: relative; }
    .logo, .nav { float: none; }
    .logo { width: 100%; text-align: center; padding: 10px 0; }
    .logo-img { width: 100px; height: 20px; margin-left: 20px; margin-top: 0; }
    .nav { height: 44px; width: 100%; background-color: #0af; }
    .nav .menu { margin: 0; width: 100%; height: 100%; display: flex; }
    .nav .menu li { height: 44px; flex: 1; min-width: 0; float: none; }
    .nav .menu li.download { display: none; }
    .nav li:hover .link, .nav .link:hover, .nav .on .link { background-color: transparent; }
    .nav li .link { height: 44px; line-height: 44px; }
    #m-wx { display: inline-block; width: 30px; height: 30px; position: absolute; top: 8px; right: 8.5%; z-index: 90; }
    #m-wx .wx-code { width: 26px; height: 26px; margin: 2px auto; background-image: url(../images/icons1.png); background-repeat: no-repeat; background-position: -320.8px 0px; background-size: cover; }
    /*导航二级菜单*/
    .drag { width: 100%; height: 100%; background: #ccc; position: absolute; top: 0; z-index: 97; }
    .menu li.on .sub-nav { position: fixed; top: 0; left: 0; background: rgba(239,245,245,0.9); top: 115px; border: none; }
    .sub-menu { padding: 20px 0; }
    .sub-panel { overflow: hidden; }
    .sub-panel dl.first-dl, .sub-panel dl.other-dl, .sub-panel dl.last-dl { float: none; overflow: hidden; width: 100%; padding: 0 0 0 20px; }
    /*.sub-panel .first-dl{padding-left: 30px;}*/
    .sub-panel dl dt { font-weight: normal; cursor: pointer; height: 36px; line-height: 36px; font-size: 18px; }
    .sub-panel dl dd { display: none; overflow: hidden; }
    .sub-panel dl dd div.ul { width: 100%; }
    .sub-panel dl dd div.ul div.li { width: 100%; }
    .sub-panel .li a { display: inline-block; width: 100%; font-size: 16px; }
    /*产品内容*/
    /*.product-list{width:100%;}*/
    /*.product-list .hd-title{margin-top:0;padding:0 0 0 10px;font-size: 14px;font-weight: normal;}*/
    /*.product-list .hd-title .title-info{display: none;}*/
    .products { padding-bottom: 0; border: none; }
    .m-product-cont { width: 95%; margin: 0 auto; overflow: hidden; }
    .m-product-cont ul { }
    .m-product-cont ul li { width: 100%; height: 100px; margin-top: 10px; border-bottom: 1px solid #eee; overflow: hidden; }
    .m-left { width: 30%; height: 100%; }
    .m-cont { width: 55%; height: 100%; padding: 18px 0 0 20px; }
    .m-left img { width: 100%; margin: 15px auto 0; border-radius: 5px; }
    .m-cont h2 { font-size: 16px; }
    .m-cont p { font-size: 12px; color: #858585; }
    .m-cont span { font-size: 16px; color: orange; }
    .m-right { width: 9%; height: 100%; background: url(../images/bn-arrows.png) no-repeat -15px 35px; }
    .section { float: none; width: 95%; margin: 0 auto; }
    .t-img1 { display: none; }
    .guangzhou { padding: 0; }
    /*----------------------------*/
    .tabTitle li a { padding: 0 10px; line-height: 24px; }
    .tabTitle li a:hover, .tabTitle li.on a { line-height: 24px; }

    /*---------产品页调整-----*/
    .banner-item { margin: 0 auto; padding: 20px 0 0 0; width: 92%; }

    .banner-item .title { font-size: 26px; text-align: center; }

    .banner-item .banner-nav { display: none; }
    .v-text ul.list3 li { padding: 0; }
    .v-text ul.list3 .img { display: none; }
    .v-text ul.list3 li .jj { width: 100%; }
    .v-text ul.list3 li p { margin: 0; padding: 5px; line-height: 26px; }
    .v-text ul.list3 li .mr200, .mr200 { margin: 0; }
    .v-text ul.list3 li .i-box { margin: 0; }
    .v-text ul.list3 .img, .v-text ul.list3 li .jj { float: none; }
    .v-product .desc { text-indent: 0; }
    .v-product .v-text dd p { text-indent: 0; }
    .shuaji { display: none; }

    /*--------------------技术方案调整--------------*/
    .sidebar, .x-dl-view { display: none; }
    .content { float: none; margin: 0; }
    .content .view { margin: 0; }
    .v-text h1.title { font-size: 22px; }
    .tp-le-lh { padding: 0; }
    .issue-name { width: 180px; }
    .oem ul li { padding: 0; float: none; margin: 0 auto; }
    .i-contact .i-tel { width: 100%; }
    .issue-contact, .issue-content { width: 98%; }
    .purchase .sub-panel .last-dl dd div.first-ul div.li:not(:first-child) { display: none; }
    .sub-menu a { font-size: 16px; }
    /*底部调整*/
    .footer .hd { width: 100%; }
    .f-top { line-height: 28px; height: 28px; padding-left: 20px; }
    .f-copyright { height: auto; line-height: 28px; padding-bottom: 10px; }
    .footer .beian { display: block; line-height: 16px; background-position: 20px 0; }
    .footer .f-copy, .footer .site-stat, .quick-icos, .f-view { display: none; }
    .dutedebiaoge { display: none; }
}

@media screen and (max-width: 560px) {
    .hd { width: 100%; }
    #m-wx { top: 8px; right: 12%; }
}

@media screen and (max-width: 360px) {
    .hd { width: 100%; }
}