﻿@charset "utf-8";/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css*/button,hr{overflow:visible}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre,textarea{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{font:inherit;margin:0}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
button:-moz-focusring,input:-moz-focusring{outline:ButtonText dotted 1px}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;padding:0}
optgroup{font-weight:700}
/*********normalize.css end****************/
a{outline: none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
/*grid styles for AUI2.0 -- start*/.AGrid-row:before,
.AGrid-row:after{content: " ";display: table;line-height: 0;}
.AGrid-row:after{clear: both;}
.AGrid-row{*zoom: 1;clear: both;}
/*间隔20px的栅格*/.AGrid-row.no-gap,
.gap .AGrid-row.no-gap{margin: 0;}
.AGrid-row.no-gap [class^=col-],
.gap .AGrid-row.no-gap [class^=col-]{padding: 0;}
.AGrid-row.gap,
.no-gap .AGrid-row.gap{margin: -10px;}
.AGrid-row.gap [class^=col-],
.no-gap .AGrid-row.gap [class^=col-]{padding: 10px;}
@media (max-width: 799px){.AGrid-row.gap, .no-gap .AGrid-row.gap{margin: -5px;}
.AGrid-row.gap [class^=col-], .no-gap .AGrid-row.gap [class^=col-]{padding: 5px;}}
.col-mb-1, .col-mb-2, .col-mb-3, .col-mb-4, .col-mb-5, .col-mb-6, .col-mb-7, .col-mb-8, .col-mb-9, .col-mb-10, .col-mb-11, .col-mb-12,
.col-pd-1, .col-pd-2, .col-pd-3, .col-pd-4, .col-pd-5, .col-pd-6, .col-pd-7, .col-pd-8, .col-pd-9, .col-pd-10, .col-pd-11, .col-pd-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{position: relative;}
.col-mb-1, .col-mb-2, .col-mb-3, .col-mb-4, .col-mb-5, .col-mb-6, .col-mb-7, .col-mb-8, .col-mb-9, .col-mb-10, .col-mb-11, .col-mb-12{float: left;}
.col-mb-1{width: 8.33333333%;}
.col-mb-2{width: 16.66666667%;}
.col-mb-3{width: 25%;}
.col-mb-4{width: 33.33333333%;}
.col-mb-5{width: 41.66666667%;}
.col-mb-6{width: 50%;}
.col-mb-7{width: 58.33333333%;}
.col-mb-8{width: 66.66666667%;}
.col-mb-9{width: 75%;}
.col-mb-10{width: 83.33333333%;}
.col-mb-11{width: 91.66666667%;}
.col-mb-12{width: 100%;}
@media (min-width: 768px){.col-pd-1, .col-pd-2, .col-pd-3, .col-pd-4, .col-pd-5, .col-pd-6, .col-pd-7, .col-pd-8, .col-pd-9, .col-pd-10, .col-pd-11, .col-pd-12{float: left;}
.col-pd-1{width: 8.33333333%;}
.col-pd-2{width: 16.66666667%;}
.col-pd-3{width: 25%;}
.col-pd-4{width: 33.33333333%;}
.col-pd-5{width: 41.66666667%;}
.col-pd-6{width: 50%;}
.col-pd-7{width: 58.33333333%;}
.col-pd-8{width: 66.66666667%;}
.col-pd-9{width: 75%;}
.col-pd-10{width: 83.33333333%;}
.col-pd-11{width: 91.66666667%;}
.col-pd-12{width: 100%;}}
@media (min-width: 1024px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float: left;}
.col-sm-1{width: 8.33333333%;}
.col-sm-2{width: 16.66666667%;}
.col-sm-3{width: 25%;}
.col-sm-4{width: 33.33333333%;}
.col-sm-5{width: 41.66666667%;}
.col-sm-6{width: 50%;}
.col-sm-7{width: 58.33333333%;}
.col-sm-8{width: 66.66666667%;}
.col-sm-9{width: 75%;}
.col-sm-10{width: 83.33333333%;}
.col-sm-11{width: 91.66666667%;}
.col-sm-12{width: 100%;}}
@media (min-width: 1280px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float: left;}
.col-md-1{width: 8.33333333%;}
.col-md-2{width: 16.66666667%;}
.col-md-3{width: 25%;}
.col-md-4{width: 33.33333333%;}
.col-md-5{width: 41.66666667%;}
.col-md-6{width: 50%;}
.col-md-7{width: 58.33333333%;}
.col-md-8{width: 66.66666667%;}
.col-md-9{width: 75%;}
.col-md-10{width: 83.33333333%;}
.col-md-11{width: 91.66666667%;}
.col-md-12{width: 100%;}}
@media (min-width: 1366px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float: left;}
.col-lg-1{width: 8.33333333%;}
.col-lg-2{width: 16.66666667%;}
.col-lg-3{width: 25%;}
.col-lg-4{width: 33.33333333%;}
.col-lg-5{width: 41.66666667%;}
.col-lg-6{width: 50%;}
.col-lg-7{width: 58.33333333%;}
.col-lg-8{width: 66.66666667%;}
.col-lg-9{width: 75%;}
.col-lg-10{width: 83.33333333%;}
.col-lg-11{width: 91.66666667%;}
.col-lg-12{width: 100%;}}
@media (min-width: 1680px){.col-xg-1, .col-xg-2, .col-xg-3, .col-xg-4, .col-xg-5, .col-xg-6, .col-xg-7, .col-xg-8, .col-xg-9, .col-xg-10, .col-xg-11, .col-xg-12{float: left;}
.col-xg-1{width: 8.33333333%;}
.col-xg-2{width: 16.66666667%;}
.col-xg-3{width: 25%;}
.col-xg-4{width: 33.33333333%;}
.col-xg-5{width: 41.66666667%;}
.col-xg-6{width: 50%;}
.col-xg-7{width: 58.33333333%;}
.col-xg-8{width: 66.66666667%;}
.col-xg-9{width: 75%;}
.col-xg-10{width: 83.33333333%;}
.col-xg-11{width: 91.66666667%;}
.col-xg-12{width: 100%;}}
@media (max-width: 799px){.mb-hide{display: none !important;}}
@media (min-width: 800px){.pd-hide{display: none !important;}}
@media (min-width: 1024px){.sm-hide{display: none !important;}}
@media (min-width: 1280px){.md-hide{display: none !important;}}
@media (min-width: 1366px){.lg-hide{display: none !important;}}
@media (min-width: 1680px){.xg-hide{display: none !important;}}
/*grid styles for AUI2.0 -- end*//*public styles for AUI2.0 -- start*//*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar{width: 8px;height: 8px;background-color: #F0F2F5;}
/*定义滚动条轨道 内阴影+圆角*/::-webkit-scrollbar-track{border-radius: 8px;background-color: #F0F2F5;}
/*定义滑块 内阴影+圆角*/::-webkit-scrollbar-thumb{border-radius: 8px;background-color: #bfc3c6;}
html{font-size: 10px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);box-sizing:border-box;-moz-box-sizing:border-box;/* Firefox*/}
#header *,:after,:before{box-sizing:border-box;-moz-box-sizing:border-box;/* Firefox*/}
body{font-family: -apple-system, "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif;font-size: 14px;line-height: 1.5;color: #6F7479;margin: 0;padding: 0;}
ul,li,dd,dl{list-style: none;}
a{text-decoration: none;}
p,ul, li, h1, h2, h3, h4, h5, h6, dl, dd, a{margin: 0;padding: 0;color: inherit;font-size: inherit;font-weight: inherit;}
.cf:before,
.cf:after{content: " ";display: table;line-height: 0;}
.cf:after{clear: both;}
.cf{*zoom: 1;}
/*public styles for AUI2.0 -- end*//* text sytle start*/.digit,
.digit-thin,
.digit-bold{font-family: 'Helvetica';font-weight: 100;}
.digit{font-weight: 400;}
.digit-bold{font-weight: 700;}
.service-dialog .block-title{margin-left: -30px;}
.block-title{color: #333;font-size: 24px;line-height: 30px;padding-left: 30px;margin-bottom: 20px;border-left: 3px solid #e31d2a;}
.block-sub-title{font-size: 20px;color: #91989E;display: inline-block;margin-left: 20px;}
@media (max-width: 1279px){.block-sub-title{display: none;}}
@media (max-width: 799px){.block-title{font-size: 24px;line-height: 1;line-height: 20px !important;}}
.caption{font-size: 24px;color: #333;line-height: 1.25;margin-bottom: 10px;}
.summary{font-size: 18px;line-height: 1.666667;color: #6F7479;}
.detail{font-size: 14px;color: #666;line-height: 22px;text-align: left;}
.info{font-size: 14px;line-height: 22px;color: #666;text-align: justify}
.price{color: #e41e2b;}
strong,.strong{color: #36383C;font-weight: normal;}
a.linker{color: #737980;font-size: 12px;}
a.link:hover,
a.linker:hover{color: #2d56B1;transition: color 0.3s ease-out;}
a.link.more:after,
a.linker.more:after{content: "";width: 17px;height: 17px;margin-left: 5px;display: inline-block;vertical-align: -4px;background: url(../images/common/icons-universal.png) -177px 3px no-repeat;}
a.linker.more:hover:after,
a.link.more:hover:after{background-position: -190px 4px;}
.txt-ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* text sytle end*//* layout sytle start*/.aui-tile,
.aui-tile-tall{background-color: #fff;position: relative;/*border: 1px solid #eee;*/}
/* 上下结构 垂直居中*/.center-layer{text-align: center;font-size: 0;}
.center-layer:before{content: "";font-size: 0;display: inline-block;height: 100%;width: 0;vertical-align: middle;}
.center-layer .center-box{font-size: 14px;width: 100%;display: inline-block;vertical-align: middle;}
/* 左右结构*/.center-layer > .layer-figure,
.center-layer > .layer-text{font-size: 14px;display: inline-block;width: 50%;vertical-align: middle;zoom:1;}
.center-layer > .layer-figure{width: 40%;text-align: center;}
.center-layer > .layer-text{width: 60%;text-align: right;padding-left: 20px;}
.center-layer .layer-figure + .layer-text{text-align: left;padding-left: 0;width: 55%;padding-right:5%;}
/* layout sytle end*//* module sytle start*/.aui-button{height: 32px;line-height: 30px;padding: 0 20px;border: 1px solid #e41f2b;font-size: 14px;display: inline-block;vertical-align: middle;transition: background .3s, color .3s;}
.aui-button.btn-def{color: #e41f2b;}
.aui-button.btn-primary{color: #fff;background-color: #E41F2B;}
.aui-button.btn-white{border-color: #fff;color: #fff;}
.aui-button:hover{color: #fff;background-color: #F24651;border-color: #F24651;}
.aui-button:active{color: #fff;background-color: #c8000d;border-color: #c8000d;}
.aui-button.btn-large{height: 40px;line-height: 38px;padding: 0 30px;font-size: 18px;}
.aui-button.btn-exlarge{height: 48px;line-height: 46px;padding: 0 40px;font-size: 20px;}
.aui-button[disabled]{cursor: not-allowed;}
.aui-button.btn-def[disabled]{background: #f0f0f0;color: #999;border-color: #ccc;}
.aui-button.btn-primary[disabled]{background: #ccc;color: #fff;border-color: #ccc;}
.aui-btn-red,
.aui-btn-white{padding: 4px 20px;display: inline-block;font-size: 14px;line-height: 20px;background: #fff;color: #36383C;border: 1px solid #d4d5d7;text-align: center;cursor: pointer;vertical-align: middle;}
.aui-btn-red{background: #e41e2b;color: #FFF;border-color: #e41e2b;}
.aui-btn-red:hover{background: #f53642;}
.aui-btn-red.disable{background: #d4d5d7 !important;color: #FFF !important;border-color: #d4d5d7 !important;cursor: auto;}
.aui-btn-white{color: #f53642;background: none;border-color: #f53642;}
#region-select .aui-btn-white{color: #36383c;border-color:#d4d5d7;}
#region-select .aui-btn-white:hover{color: #e41e2b;border-color:#e41e2b;background-color:#fff;}
.head-tools .aui-btn-white{color: #fff;background: none;border-color: #fff;}
.aui-btn-red:active{background: #ef323e;}
.aui-btn-white:active,.aui-btn-white:hover{color: #fff;background-color: #ef323e;border-color: #ef323e;}
/* module sytle end*//* region aui-btn*/.cui-btn{display: inline-block;height: 40px;padding: 0 30px;border: solid 1px transparent;border-radius: 2px;background: transparent;font-weight: 400;font-size: 14px;line-height: 38px;text-align: center;white-space: nowrap;vertical-align: middle;user-select: none;transition: .2s;}
.cui-btn-small{height: 32px;padding-left: 20px;padding-right: 20px;font-size: 12px;line-height: 30px;}
.cui-btn-large{height: 48px;padding-left: 40px;padding-right: 40px;font-size: 18px;line-height: 46px;}
.cui-btn-primary{border-color: #f66f6a;background-color: #f66f6a;color: #fff;}
.cui-btn-primary:hover,
.cui-btn-primary.hover{box-shadow: 0 8px 16px rgba(246, 111, 106, 0.5);}
.cui-btn-dark{border-color: #252b3a;background-color: #252b3a;color: #fff;}
.cui-btn-outline-primary{border: solid 1px #f66f6a;color: #f66f6a;}
.cui-btn-outline-primary:hover,
.cui-btn-outline-primary .hover{border-color: #f66f6a;background-color: #f66f6a;color: #fff;}
.cui-btn-outline-dark{border: solid 1px #252b3a;color: #252b3a;}
.cui-btn-outline-dark:hover,
.cui-btn-outline-dark .hover{border: solid 1px #f66f6a;color: #f66f6a;}
.cui-btn-outline-light{border: solid 1px #fff;color: #fff;}
.cui-btn-outline-light:hover,
.cui-btn-outline-light .hover{border: solid 1px #f66f6a;color: #f66f6a;}
/* endregion aui-btn*/.overflow-hide{overflow: hidden;}
.video-thumb{position: relative;cursor: pointer;line-height: 1;overflow: hidden;height: 100%;}
.video-thumb:after{content: ' ';width: 50px;height: 50px;position: absolute;display: block;left: 50%;top: 50%;z-index: 2;margin-top: -25px;margin-left: -25px;content: url(../images/common/video_play.png);/*background: url(../images/common/video_play.png);*/}
.video-thumb img{max-height: 100%;width: 100%;transition: all .5s;}
.video-thumb:hover img{transform: scale(1.1);}
.video-thumb .info-title{background: linear-gradient(rgba( 0, 0, 0,.01), rgba( 0, 0, 0,.8));/* 标准的语法*/padding:15px 20px;position: absolute;bottom: 0;left: 0;z-index: 2;width: 100%;}
.video-thumb .info-title .caption{color:#f1f3f6;margin-bottom: 0;font-size: 16px;}
.video-thumb .info-title .text{color:#f1f3f6;font-size: 14px;line-height: 24px;}
.button{display: inline-block;color: #36383C;font-size: 14px;line-height: 20px;padding: 4px 20px;cursor: pointer;border: 1px solid #d4d5d7;position: relative;letter-spacing: normal;}
.button.red{background: #e41e2b;color: #FFF;border-color: #e41e2b;}
.button.red:hover{background: #f53642;}
.button.red:active{background: #c8000e;}
.button.white:hover{border-color: #f53642;color: #f53642;}
.button.white:active{border-color: #c8000e;color: #c8000e;}
.button.disable,
.button.disable:active,
.button.disable:hover{background: #efefef;border-color: #efefef;color: #ccc;cursor: default;}
.hover-scale .scale-up-lg,
.hover-scale .scale-down-lg,
.hover-scale .scale-up,
.hover-scale .scale-down{transform: scale(.85);transition: transform 0.3s ease-out 0s;}
.hover-scale .scale-up{transform: scale(1);}
.hover-scale:hover .scale-down{transform: scale(1);}
.hover-scale:hover .scale-up{transform: scale(1.1);}
.menu-icon{width: 20px;height: 2px;background: #888C90;display: inline-block;vertical-align: 4px;margin-right: 10px;text-align: left;}
.menu-icon:before,
.menu-icon:after{content: ' ';width: 20px;height: 2px;background: #888C90;display: inline-block;margin-top: -6px;position: absolute;}
.menu-icon:after{margin-top: 6px;}
.nav-item .menu-icon{display: none;}
.nav-item:hover .menu-icon,
.nav-item:hover .menu-icon:before,
.nav-item:hover .menu-icon:after{background: #E31D2A;}
.foldIcon{border: 5px solid transparent;border-top-color: #747474;position: absolute;transition: transform .5s ease-out;transform-origin: 50% 25%;}
.unfold .foldIcon{-ms-transform: rotate(180deg);transform: rotateX(180deg);}
.foldIcon:before{content: '';position: absolute;border: 5px solid transparent;border-top-color: #fff;margin-left: -5px;margin-top: -6px;}
.icon.star{margin: 0 1px;width: 14px;height: 14px;display: inline-block;vertical-align: middle;}
.icon.star.on{background-image: url(../images/common/star_on.png?sttl=0817008);}
.icons-universal{display: inline-block;vertical-align: middle;background: url(../images/common/icons-universal.png) 0 0 no-repeat;}
.icons-universal.close{width: 13px;height: 13px;background-position: 0 0;}
.icons-universal.help{width: 17px;height: 17px;background-position: -13px 0;}
.icons-universal.more-on{width: 17px;height: 17px;background-position: -30px 0;}
.icons-universal.more{width: 17px;height: 17px;background-position: -47px 0;}
.icons-universal.question{width: 22px;height: 22px;background-position: -64px 0;}
.icons-universal.search{width: 16px;height: 16px;background-position: -86px 0;}
.icons-universal.solved{width: 22px;height: 22px;background-position: -102px 0;}
.icons-universal.star{width: 14px;height: 13px;background-position: -124px 0;}
.icons-universal.star-on{width: 14px;height: 13px;background-position: -138px 0;}
.icons-universal.support-tel{width: 24px;height: 19px;background-position: -152px 0;}
.icon-gift01{display: inline-block;vertical-align: middle;height: 20px;width: 20px;background: url(../images/activity/gift.png) center no-repeat;}
.icon-gift{display: inline-block;vertical-align: middle;height: 20px;width: 20px;background: url(../images/common/photoIcon.gif) center no-repeat;}
.icon-gift.white{background-image: url(../images/activity/gift-white.png?sttl=0817008);}
/*--- header start ---*/.icon-header.sidelist-on,
.icon-header.sidelist{display: inline-block;vertical-align: middle;width: 25px;height: 16px;background-image: url(../images/global/icon-universal-sidelist-off.png?sttl=0817008);}
.icon-header.sidelist-on,
.on .icon-header.sidelist{background-image: url(../images/global/icon-universal-sidelist-on.png?sttl=0817008);}
#header .wrapper{position: fixed;top: 0;left: 0;width: 100%;z-index: 99;visibility: visible;transition: top .3s ease-out;}
.loaded#header.show-menu .wrapper{height: 100%;}
/*compatibility start*/.compatibility{background: #f7f7f7;text-align: center;height: 0;overflow: hidden;color: #666;transition: height .3s ease-out;}
.Compatible .compatibility{height: 76px;}
.compatibility .layer{padding: 20px 0;width: auto;line-height: 40px;}
.has-header-banner .icon-compatibility,
.Compatible .icon-compatibility{margin-right: 10px;margin-left: 20px;width: 26px;height: 26px;display: inline-block;vertical-align: middle;background: url(../images/global/icon-compatibility.png) 0 0 no-repeat;}
.icon-compatibility.chrome{background-position: 0 0;}
.icon-compatibility.firefox{background-position: -26px 0;}
.icon-compatibility.ie{background-position: -48px 0;}
.icon-compatibility.notice{width: 32px;height: 31px;margin-left: 0;background-position: -81px 0;}
.icon-compatibility.close-large{width: 23px;height: 23px;vertical-align: -5px;margin-left: 40px;margin-right: 0;background-position: -118px 0;cursor: pointer;}
@media (max-width: 1023px){.compatibility{display: none;}}
/*compatibility end*//* has-header-banner*/.header-banner{height: 120px;display: none;text-align: center;position: relative;}
.has-header-banner .header-banner{display: block;}
.header-banner .header-banner-bg{height: 100%;width: 100%;display: block;background-repeat: no-repeat;background-position: center;}
.header-banner-bg img{display: none;}
.header-banner .close-large{position: absolute;right: 20px;top: 20px;}
.scrolled .header-banner{display: none;}
@media (max-width: 799px){.header-banner{height: 80px;}
.header-banner .header-banner-bg{background-size: auto 100%;}}
.headmenu{float: left;height: 46px;background: url(../images/global/headMenu.png) no-repeat center;width: 36px;margin-right: 12px;cursor: pointer;transition: transform .3s ease-in-out}
.headmenu.active{-ms-transform: rotate(90deg);transform: rotate(90deg);}
#header .logo{float: left;height: 46px;background: url(../images/global/logo.png) no-repeat center;width: 93px;}
#header .head-tools{float: right;font-size: 0;z-index: 12;height: 46px;position: relative;}
#header .head-tools .role-tools{font-size: 0;}
.header-wrapper-bg .poster-actions-btns{opacity: 0;visibility: hidden;transition: all .8s ease;position: absolute;top:0;right: 0;}
.poster-actions-btns{font-size: 0;vertical-align: middle;}
.poster-content .poster-actions-btns .aui-btn-red{margin-right: 10px;}
.poster-actions .aui-btn-white.last{margin-left: 10px;}
.head-tools .poster-actions-btns a{margin-left: 10px;}
.role-tools .tool-item{display: inline-block;vertical-align: middle;cursor: pointer;padding-left: 10px;padding-right: 10px;line-height: 46px;color:#f2f2f2;font-size: 14px;}
.role-tools .tool-item a{transition: color .2s;}
.role-tools .tool-item a:hover{color:#e41f2b;}
.role-tools .tool-item .btn{display: block;line-height: 46px;}
.role-tools .tool-item.register .btn{background-color: #e41f2b;color:#fff;padding: 0 15px;}
.tool-item.login-act.register{padding-right: 0;}
.role-tools .tool-item .btn.js-register:active,
.role-tools .tool-item .btn.js-register:hover{background-color: #ef323e;}
.role-tools .tool-item:first-child{position: relative;margin-left: 0;}
.head-tools .user-info{position: relative;display: none;padding-right: 0;}
.scrolled .head-tools .user-info{padding-bottom: 0;}
.logined .head-tools .user-info{display: inline-block;}
.logined .head-tools .login-act,
.logined .head-tools .mobile-login{display: none;}
.account-pic{display: inline-block;vertical-align: middle;height: 25px;width: 25px;border-radius: 13px;}
.account-layer{position:relative;z-index: 2;}
.head-tools .account-btn{display: inline-block;vertical-align: middle;padding-right: 15px;padding-left: 5px;line-height: 30px;height: 30px;}
.head-tools .account-btn .my-acct{min-width: 20px;max-width: 85px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.head-tools .my-acct:after{content: '';border: 5px solid transparent;border-top: 5px solid #fff;display: inline;position: absolute;right: 0;margin-top: 12px;}
.head-tools .user-info-layer{position: absolute;top: 100%;right: 0;/*overflow: hidden;*/width: 240px;display: none;padding-top: 10px;padding-bottom: 10px;background: rgba(34, 34, 34, .94);box-shadow: 0 2px 15px rgba(0,0,0,.4);cursor: default;}
.user-info.show .user-info-layer{display: block;}
.account-item{line-height: 20px;position: relative;color: #fff;}
.account-item > a{padding: 6px 20px 6px 20px;display: block;}
.account-item:hover{color: #e41f2b;}
.account-item:after{position: absolute;top:50%;right: 0;background: #e41e2b;width: 3px;display: none;content: '';height: 20px;margin-top: -10px;}
.account-item:not(.account-item-split):hover:after{display:block;}
.account-item-split{padding: 10px 20px 10px 20px;}
.account-item-split:before{content: "";display: block;height: 1px;border-top: solid 1px #4a4a4a}
.account-verification{float: right;font-size: 12px;}
.head-menu-btn{display: none;}
.head-menu-btn .sidelist{margin-right: 8px;}
.header-curr-page{line-height: 20px;border-left: 1px solid #d4d5d7;padding-left: 12px;margin-top: 10px;font-size: 16px;color: #36383c;display: none;cursor: pointer;}
#header .navigation{line-height: 40px;float: left;padding-left: 100px;}
.navigation .nav{display: inline-block;vertical-align: top;position: relative;}
.navigation .nav .nav-item{float: left;line-height: 46px;box-sizing: border-box;font-size: 14px;position: relative;}
.navigation .nav .nav-item .hot{width: 6px;height: 6px;display: block;border-radius: 50%;position: absolute;top: 12px;right: 8px;background: #e41e2b;}
.navigation .nav li.line{position: absolute;height: 3px;width: 0;padding: 0;background-color: #e41e2b;bottom: 0;transition: all .3s cubic-bezier(.4,0,.2,1);}
.navigation .nav .nav-item.action a{/* color: #fff;font-weight: bold;border-bottom: 3px solid #e41e2b;line-height: 43px;*/}
.navigation .nav .nav-item a{padding:0 16px;color: #f2f2f2;transition: color .2s;cursor: pointer;display: block;}
.navigation .nav .nav-item a:hover,
.navigation .nav .nav-item.selected a{color: #e41e2b;font-weight: bold;}
#nav-main{position: relative;height: 0;width: 1410px;margin: 0 auto;overflow: hidden;max-width: 1410px;/*height: calc( 100% - 71px);*/}
#nav-main.show{height: calc( 100% - 71px);}
#nav-main.all-nav .menu-list,
#nav-main .menu-panel-list .info,
#nav-main .menu-panel .foldIcon{display: none}
#nav-main .menu-panel .sub-title{display: block;font-size: 14px;color:#fff;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #4a4a4a;}
#nav-main .menu-panel .sub-title a:hover{color:#e41e2b;}
.clear-menu{height: 5px;overflow: hidden;line-height: 0;font-size: 0;width: 100%;}
#nav-main .menu-panel{display: block;padding: 0 20px 20px;}
#nav-main.all-nav .menu-panel{width:236px;}
#nav-main.all-nav .menu-panel.col-2{width:432px;}
#nav-main.all-nav .solution .menu-panel.col-2.col-solution{width:40%;}
#nav-main.all-nav .solution .menu-panel.col-solution{width:20%;}
@media(max-width: 1290px){#nav-main.all-nav .solution .menu-panel.col-2.col-solution{width:47%;}
#nav-main.all-nav .solution .menu-panel.col-solution{width:17%;}}
#nav-main .menu-panel-list .caption{border:0 none;font-size: 14px;font-weight:normal;color:#c3c5c6;padding: 0;line-height:28px;margin: 0;}
#nav-main .menu-boxs.product .caption{line-height:24px;}
#nav-main .menu-panel-list li{width: 100%;display:block;padding: 0;margin: 0;}
#nav-main .menu-panel-list li .sale{background: url(../images/common/sale.png) no-repeat right center;padding-right: 25px;}
#nav-main .menu-panel .new{display: inline-block;width: 28px;height: 14px;margin-left: 10px;margin-right: -28px;background-image: url(../images/global/new.svg?sttl=0817008);vertical-align: middle;font-size: 0;}
#nav-main .menu-panel-list li a:hover .caption{color:#fff;}
#nav-main .topbar-nav{position: absolute;left: 0;top: 0;height: 100%;width: 190px;padding-top: 20px;display:none;background: #090723;background: rgba(34, 34, 34, .99);}
#nav-main.all-nav .topbar-nav{display:block;}
#nav-main .nav-ing{margin:0 auto;max-height: 800px;height: 100%;position: relative;}
/*#nav-main .nav-ing::before,
#nav-main .nav-ing::after{content: "";position: absolute;left: 0;right: 17px;background: rgba(47, 47, 47, .8);z-index: 1;}
#nav-main .nav-ing::before{height: 20px;background: linear-gradient(to top, rgba(34,34,34, .1), rgba(34,34,34,.94));}
#nav-main .nav-ing::after{height: 25px;margin-top: -25px;background: linear-gradient(to bottom, rgba(34,34,34, .1), rgba(34,34,34,.94));}
#nav-main.all-nav .nav-ing::before,
#nav-main.all-nav .nav-ing::after{left: 190px;}
#nav-main.all-nav .nav-ing::after{bottom: 0;}*/#nav-main.all-nav .nav-ing{padding-left: 190px;min-height: 410px;overflow: auto;box-shadow: 0 2px 15px rgba(0,0,0,.4);}
#nav-main.all-nav .nav-ing.ing{margin:0;width: 190px;}
@media (min-height: 871px){#nav-main.all-nav .nav-ing{height: auto;background-color: rgba(34,34,34,.94);}
#nav-main.all-nav .menu-boxs{background: none;}}
/* 自定义菜单宽度*/#nav-main.product .nav-ing{width: 1180px;}
#nav-main.solution .nav-ing{width: 1180px;}
#nav-main.support .nav-ing{width: 724px;}
#nav-main.ecology .nav-ing{width: 0px;}
#nav-main.community .nav-ing{width: 456px;}
#nav-main.market .nav-ing{width: 953px;}
#nav-main.ei .nav-ing{width: 1180px;}
.menu-boxs{overflow: auto;max-height: 100%;display:none;padding-top: 20px;position: relative;background-color:#090723;background-color: rgba(34,34,34,.94);box-shadow: 0 2px 15px rgba(0,0,0,.4);position: relative}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/.menu-boxs::-webkit-scrollbar{width: 5px;height: 5px;background-color: rgba(34,34,34,.94);}
/*定义滚动条轨道 内阴影+圆角*/.menu-boxs::-webkit-scrollbar-track{border-radius: 5px;background-color: rgba(34,34,34,.94);}
/*定义滑块 内阴影+圆角*/.menu-boxs::-webkit-scrollbar-thumb{border-radius: 5px;background-color: rgba(153, 153, 153, .6);}
.menu-boxs.show{display:block}
#nav-main.all-nav .menu-boxs{height: 100%;box-shadow: none;}
.animate-text{transform: translateY(-10px);opacity: 1;transition: all .2s cubic-bezier(0,0,.2,1);}
.animate-text.show{transform: translateY(0);opacity: 1;transition: all .3s cubic-bezier(0,0,.2,1);}
#nav-main .topbar-nav .nav-inner{height: 30px;line-height: 30px;margin: 5px 0;position: relative;padding-left: 30px;font-size: 14px;color:#999;cursor: pointer;width: 100%;}
#nav-main .topbar-nav .nav-inner.act{margin-top: 20px;}
#nav-main .topbar-nav .nav-inner.act:before{background: #4a4a4a;height: 1px;position:absolute;top:-10px;right: 10px;left:30px;content: '';}
#nav-main .topbar-nav .nav-inner .foldIcon{display: none}
#nav-main .topbar-nav .nav-inner:after{background: #e41f2b;width: 2px;position:absolute;top:5px;bottom: 5px;right: 0;content: '';opacity: 0;visibility: hidden;transition: all .5s ease;}
#nav-main .topbar-nav .nav-inner.active{background: #000;color: #fff;}
#nav-main .topbar-nav .nav-inner.active:after{opacity: 1;visibility: visible;}
.menu-list li.line{transition: top .15s cubic-bezier(.4,0,.2,1);position: absolute;top: 20px;background-color: #e41e2b;z-index: 1;}
.menu-boxs .panel-box{padding: 0 20px 0;overflow: hidden;}
.all-nav{padding-left: 0px;}
.menu-panel{display: none;font-size: 0;}
#nav-main .menu-panel.col-2 li{width: 50%;display: inline-block;}
.menu-panel.col-2 .menu-panel-row .menu-panel-item{width: 50%;display: inline-block;vertical-align: top;}
.menu-panel.col-2 .menu-panel-row .menu-panel-item:first-child{padding-right: 10px;}
.menu-panel.col-2 .menu-panel-row .menu-panel-item:nth-child(2){padding-left: 10px;}
.menu-panel.show{display: block;}
.menu-panel .sub-title{color:#fff;font-size: 18px;display: none;}
.menu-panel-list li{display: inline-block;vertical-align: top;width:25%;margin-bottom: 20px;padding: 0 20px;}
.menu-panel-list .caption{font-size: 16px;color:#fff;border-bottom: 1px solid #40484d;line-height: 36px;}
#nav-main .menu-panel-list .caption:hover{color: #e41e2b !important;/* font-weight: bold;*/}
.menu-panel-list .info{font-size: 12px;color:#777f84;}
#nav-main .ecology .menu-panel.software{width:416px;}
#nav-main .ecology .menu-panel.software .menu-panel-list{width: 50%;display: inline-block;vertical-align: top;}
.sub-item-col{display: inline-block;vertical-align: top;text-align: left;position: relative;width: 20%;}
#nav-main .sub-item-col .menu-panel{width: 100%;float: none;}
.panel-box{font-size: 0;}
.sub-item-col .sub-title{color: #36383c;font-size: 14px;cursor: default;margin-bottom: 5px;border-bottom: 1px solid #dee0e8;}
.sub-item-col .subnav-list.min{min-height: 180px;}
.sub-item-col .sub-title .devcloud{background: url(../images/common/new.png) no-repeat right center;padding-right: 25px;}
/* region 导航 解决方案*/@media (min-width: 1024px){.col-solution-big{width: 55%;}
.col-solution-small{width: 15%;}}
#nav-main .menu-boxs.solution .menu-panel.col-2 li{width: 100%;}
#nav-main .menu-boxs.solution .caption{line-height: 24px;}
#nav-main .menu-panel-list li.menu-panel-row + .menu-panel-row{margin-top: 24px;}
.menu-panel-sub-list{}
.menu-panel-sub-list > li{overflow: hidden;display: block !important;width: auto !important;}
.menu-panel-sub-title{position: relative;display: inline-block;vertical-align: top;width: 66px;font-size: 14px;line-height: 24px;color: #666;padding-right: 10px;}
.menu-panel-sub-title:after{content: "";position: absolute;right: 0;top: 50%;height: 14px;border-right: solid 1px #666;margin-top: -7px;}
.menu-panel-sub-content{display: inline-block;vertical-align: top;width: calc(100% - 56px);margin-left: -10px;}
.menu-panel-sub-content a p{display: inline-block;margin-left: 20px;font-size: 14px;line-height: 24px;color: #999;}
.menu-panel-sub-content a p:hover{color: #E41E2B;}
@media (max-width: 1023px){.menu-panel-item{padding: 0 !important;}
.menu-panel-sub-list{padding: 0 50px;}
#nav-main .menu-panel-list li.menu-panel-row + .menu-panel-row{margin-top: 0;}
#nav-main .menu-panel-list .menu-panel-sub-content a{display: inline;}}
/* endregion 导航 解决方案*//* search*/.i-search{width: 24px;height: 24px;display: inline-block;vertical-align: middle;background: url(../images/global/search.png) no-repeat center;}
.i-search:hover{background-image: url(../images/global/search-on.png?sttl=0817008)}
.i-search.on{width: 20px;height: 20px;cursor: pointer;background: none;-ms-transform: rotate(45deg);transform: rotate(45deg);}
.i-search.on:before,
.i-search.on:after{content:"";background: #f2f2f2;position: absolute;}
.i-search.on:before{width: 14px;height: 2px;top: 9px;left: 3px;}
.i-search.on:after{width: 2px;height: 14px;top: 3px;left: 9px;}
.i-search.on:hover:before,
.i-search.on:hover:after{background: #e41f2b;}
#nav-main.search{width: 100%;max-width: none;}
#nav-main.search.show{height: 100%;}
.menu-boxs.search{padding-top: 0;overflow: visible;}
#nav-main.search .nav-ing{max-height: none}
#nav-main.search .nav-ing::after{display: none;}
.menu-boxs.search .search-mask{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;background: rgba( 0, 0, 0,.05);display: none;}
#nav-main.search.show .search-mask{display: block;}
.search-content{padding: 30px 30px;position: relative;z-index: 1;}
.head-search-panel{width: 610px;margin: auto;}
.head-search-panel .search-bar{position: relative;height: 40px;background: #fff;font-size: 14px;line-height: 20px;}
.search-bar .search-input-box{position: relative;height: 40px;line-height: 20px;margin-right: 58px;padding: 10px 30px 10px 15px;}
.search-input-box .search-input{width: 100%;border: none;color: #333;background: none;}
.search-input::-ms-clear{display: none;}
.search-input-box .search-clear-btn{position: absolute;right: 10px;top: 11px;width: 17px;height: 17px;cursor: pointer;display: none;-ms-transform: rotate(45deg);transform: rotate(45deg);border-radius: 50%;background: #dcdcdc;}
.search-clear-btn:before,
.search-clear-btn:after{content:"";background: #fff;position: absolute;}
.search-clear-btn:before{width: 11px;height: 1px;top: 8px;left: 3px;}
.search-clear-btn:after{width: 1px;height: 11px;top: 3px;left: 8px;}
.search-input-box.inputing .search-clear-btn{display: block;}
.search-clear-btn:hover{background: #c6c6c6;}
.search-bar .search-btn{float: right;padding: 10px 15px;color: #666;cursor: pointer;position: relative;transition: background .3s, color .3s;}
.search-bar .search-btn:before{content: "";height: 20px;border-left: 1px solid #e2e2e2;position: absolute;left: 0;top: 10px;}
.search-bar .search-btn:hover{background: #e41f2b;color: #fff;}
.search-bar .search-btn:hover:before{display: none;}
.search-bar .search-btn:active{background: #C8000D;}
.head-search-panel .search-suggestion{position: absolute;top: 40px;left: 0;width: 100%;background: #fff;z-index: 10;border-top: 1px solid #e2e2e2;box-shadow: 0 5px 12px 0 rgba(0,0,0,0.1);display: none;}
.show-suggest .search-suggestion{display: block;}
.search-suggestion .sugg-item{padding: 0 15px;font-size: 14px;color: #666;line-height: 33px;cursor: pointer;}
.search-suggestion .sugg-item:hover{background: #fafafa;color: #e41f2b;}
.search-suggestion .sugg-item.on{background: #f5f6f7;color: #e41f2b;}
.head-search-panel .hot-search{margin-top: 5px;color: #c3c5c6;font-size: 14px;}
.hot-search-item{margin-right: 20px;}
.hot-search-item:hover{color: #e41f2b;}
.hot-search-item:last-child{margin-right: 0;}
/* lang*/.head-tools .tool-lang{position: relative;/* display:inline-block !important;*/}
.tool-lang .lang-curr{height: 46px;}
.lang-icon{display: inline-block;vertical-align: middle;width: 16px;height: 16px;background: url(../images/global/lang.png) no-repeat;background-size: contain;}
.tool-lang.show .lang-icon{background-image: url(../images/global/lang-on.png?sttl=0817008)}
.lang-curr .lang-label{margin-left: 8px;vertical-align: middle;display: inline-block;}
.lang-list{position: absolute;top: 100%;left: 0;min-width: 100%;padding-top: 10px;padding-bottom: 10px;background: rgba(34,34,34,.94);box-shadow: 0 2px 15px rgba(0,0,0,.4);display: none;}
.tool-lang.show .lang-list{display: block;}
.lang-list .lang-item{display: block;line-height: 20px;height: 40px;padding: 10px 20px;font-size: 14px;color: #c3c5c6;white-space: nowrap;cursor: default;position: relative;}
.lang-list .lang-item[href]{cursor: pointer;}
.role-tools .lang-list .lang-item.active,
.role-tools .lang-list .lang-item:hover{/* background: #000;*/color: #e41f2b;}
.lang-list .lang-item.active:after,
.lang-list .lang-item:hover:after{content: "";position: absolute;right:0;height: 20px;top: 10px;border-right: 3px solid #e41f2b;}
@media(max-width:1440px){#nav-main .menu-panel{padding-bottom: 20px;}
#nav-main .menu-panel .sub-title{padding-bottom: 8px;margin-bottom: 10px;}
#nav-main{width: 100%;}
.menu-panel-list .info{line-height: 18px;}
.menu-panel-list .caption{font-size: 14px;}
#nav-main.all-nav .nav-ing{width: 100%;}
.menu-list li{width: 150px;padding-left: 40px;}}
@media(max-width:1300px){#nav-main .topbar-nav{width: 150px;}
#nav-main.all-nav .nav-ing.ing{width: 150px;}
#nav-main.all-nav .nav-ing{padding-left: 150px;}
#nav-main.all-nav .nav-ing::before, #nav-main.all-nav .nav-ing::after{left: 150px;}
.panel-box{padding-top: 10px;}
.navigation .nav .nav-item a{padding: 0 12px;}}
@media(max-width:1270px){#header .navigation{display: none}
#header .hw-row, #header .head-main{width: 100%;}
#nav-main.all-nav .menu-panel{padding: 0 10px 20px;width: 25%;}
#nav-main.all-nav .sub-item-col .menu-panel{width: auto;}
#nav-main .menu-panel .sub-title{font-size: 12px;}
#nav-main.all-nav .menu-panel-list .caption{font-size: 12px;line-height: 20px;}}
.nav-title{display: none}
@media(max-width:1023px){.nav-ing{width: 100% !important;}
.sub-item-col{width: 100%;padding: 0;}
#nav-main .sub-item-col .menu-panel{padding: 0;}
#header .logo{background-size: contain;}
#nav-main.product.show, #nav-main.all-nav.show, #nav-main.all-nav.show .nav-ing, #nav-main .topbar-nav{height: auto;min-height: auto;}
#nav-main.all-nav .nav-ing::before, #nav-main.all-nav .nav-ing::after{display: none}
#nav-main .menu-panel{width: 100%;}
#nav-main.all-nav{background: none;}
.nav-ing{background-color: rgba(34,34,34,.99);}
.header-wrapper-bg.fade .poster-actions-btns{display: none}
#nav-main.all-nav .menu-boxs{display: block;min-height: 0;height: auto;max-height: none;border-bottom: 1px solid #333;padding-left: 0;background: none;overflow: hidden;padding-top: 0;}
#nav-main.all-nav .menu-boxs.ecology .menu-panel:last-child .sub-title{border:0 none;}
#nav-main.all-nav .nav-ing{padding: 0;overflow-y: auto;height: 100%;-webkit-overflow-scrolling: touch;}
#nav-main.all-nav .nav-ing::-webkit-scrollbar{display: none;}
#nav-main.all-nav .topbar-nav{display: none;}
.clear-menu{display: none;}
.panel-box{padding: 0 !important;display: none;background-color: rgba(51,51,51,.8);}
.nav-title{font-size: 14px;color:#fff;display: block;padding: 10px 20px;position: relative;text-align: left;}
.menu-boxs .foldIcon{top: 20px;right: 20px;border-top-color: #fff;}
.menu-boxs .foldIcon:before{border-top-color: #090723;}
#nav-main.all-nav .menu-panel{display: block;width: 100% !important;float: none;border-top: 1px solid #333;padding: 0;}
#nav-main.all-nav .menu-panel .sub-title{margin: 0;color:#ccc;position: relative;padding: 10px 30px;font-weight: normal;border-bottom: 1px solid #474747;}
#nav-main.all-nav .show .sub-item-col:last-child .menu-panel:last-child .sub-title{border:0 none;}
.menu-panel-list{display: none;}
#nav-main .ecology .menu-panel.software .menu-panel-list{width: 100%;margin: 0;padding-bottom: 0;padding-top: 0;}
#nav-main .ecology .menu-panel.software .menu-panel-list:nth-child(2){padding-top: 10px;}
#nav-main .ecology .menu-panel.software .menu-panel-list:last-child{padding-bottom: 10px;}
#nav-main.all-nav .menu-panel .foldIcon{display: block;right: 20px;top: 18px}
#nav-main .menu-panel .sub-title{font-size: 14px;}
#nav-main .menu-panel.col-2 li{width: 100%}
#nav-main .menu-panel.col-2 li{width: 100%}
.menu-panel.col-2 .menu-panel-row .menu-panel-item{width: 100%;}
#nav-main.all-nav .menu-panel-list .caption{line-height: 40px;font-size: 14px;padding: 0 50px;}
.menu-panel-list{padding: 10px 0;border-bottom:1px solid #474747;}
#nav-main .menu-panel-list li a{display: block;}
.search-history{position:relative;background:#fff;padding:0 10px 10px;}
.from-history{border-bottom:1px solid #ededed;line-height: 45px;position:relative;}
.from-history .close{width: 20px;height: 20px;position: absolute;top:16px;right: 8px;background: url(../images/global/close.png) no-repeat;display: block;opacity: .6;}
.help-cen.search{padding-bottom: 0;}
.help-cen.search .help-body{padding:0;margin:0;}
.search-hot{position:relative;background:#fff;padding:15px;}
.search-hot .caption{font-size: 14px;}
.from-hotSearch li{float: left;height: 32px;line-height: 32px;border: 1px solid #cdcdcd;color: #666;font-size: 14px;text-align: center;width: 30%;margin-right: 3%;margin-bottom: 10px;border-radius: 32px;padding: 0;}
/* search*/#nav-main.all-nav .menu-boxs.search{overflow: visible;border-bottom: none;}
.head-search-panel{width: 100%;}
.head-search-panel .search-bar{height: 36px;background: none;border: 1px solid rgba(255, 255, 255, .2)}
.search-bar .search-input-box{height: 34px;padding: 7px 20px 7px 10px;}
.search-input-box .search-clear-btn{top: 8px;}
.search-bar .search-input{color: #fff;}
.search-bar .search-btn{color: #999;padding: 7px 15px;}
.search-bar .search-btn:before{border-color: #999;top: 8px;}
.show-suggest .search-suggestion{top: auto;bottom: 36px;background: #efefef;border-top: none;}
.search-clear-btn:before, .search-clear-btn:after{background: #999;}
.head-search-panel .hot-search{display: none;}}
.navigation .search-acting{display: none}
/*锚点stars*/.sidebar-box{height:0;opacity: 0;text-align: center;transition: opacity .5s ease;overflow: hidden;}
.sidebar-box.fixed{position: fixed;opacity: 1;height: 60px;}
.sidebar-content{max-width: 1180px;margin:0 auto;font-size: 0;}
.sidebar-menu .item{display: inline-block;font-size: 14px;color:#666;text-align: center;line-height: 46px;vertical-align: middle;padding: 0 10px;margin: 0 9px;position: relative;}
.sidebar-menu .item a{display: block;}
.sidebar-menu .item:after{background: #e41e2b;bottom: 0px;content: "";height: 3px;left: 50%;position: absolute;width: 0;margin-left: -50%;/* 所有ie显示这个*/}
.sidebar-menu .item.selected:after{width: 100%;}
/*锚点end*/.navigation.search-hidden{overflow: hidden;}
.search-item .content{/* padding-left: 25px;width:0px;transform: translateY(50px);opacity: 0;transition: transform .5s ease-out,opacity .5s;*/}
.search-layer .search-inner{/*float: left;margin-left: -25px;cursor: pointer;margin-top: 8px;display: none;*/position: absolute;right: 0px;top:-1px;width:24px;}
.search-acting .search{margin-top:0px;cursor:pointer;}
.search-layer .close{float: right;margin-right: -110px;margin-top: 5px;display: none;cursor: pointer;}
.search-layer .search-input{border: none;outline: none;width: 100%;display: block;line-height: 30px;height: 30px;display: none;padding: 0;background:none;}
.search-item .search-btn{float: right;display: none;vertical-align: middle;}
.search-acting .content{/*opacity: 1;width: 455px;background: #fff;transform:translateY(0);*/}
.search-acting .search-layer{}
.search-acting >.search{display: none;}
.search-acting .search-layer .search{display: inline-block;}
.search-acting .close,
.search-acting .search-input,
.search-acting .search-btn{display: block;}
.hide{display: none;}
.hidden{visibility: hidden;}
.navigation .foldIcon{visibility: hidden;}
.navigation .nav-item.vice-item{display: none;}
.navigation .nav-item.activity{font-size: 14px;}
.head-action{float: right;height: 40px;margin-top:7px;}
.navigation .head-caption{opacity: 0;visibility: hidden;}
.head-caption{margin-right: 11px;position: relative;float: right;padding-right: 16px;transition: opacity .5s ease-in-out;}
.head-caption:after{position: absolute;top: 9px;right:0;height: 22px;background: #d6d8da;width:1px;display: block;content: '';}
.head-caption .caption{font-size: 16px;color:#333;font-weight: bold;line-height: 40px;}
.head-caption .text{display: none}
.search-item{float: right;margin-top: 5px;margin-left: 5px;}
.search-item .search-layer{width: 150px;border:1px solid #e7ebf0;border-radius: 30px;height: 30px;line-height: 30px;position: relative;padding: 0 24px 0 10px;}
.search-item .hot-text{display:none;}
.scrolled #header .wrapper{position: fixed;}
.scrolled #header .head-top{display: none;}
.scrolled .navigation .head-caption{opacity: 1;visibility: visible}
.sidebar-box.fixed{background: none;z-index: 100;color: #fff;width: 860px;margin-left: -500px;left: 50%;top: 0px;}
.fixed .sidebar-menu .item{line-height: 60px;}
.fixed .sidebar-menu .item a{color:#fff;-webkit-transition: color .3s ease-in ;-moz-transition: color .3s ease-in ;transition: color .3s ease-in ;}
.fixed .sidebar-menu .item a:hover{color:#e41e2b;}
.role-tools .mobile-login{display: none;}
@media (min-width: 1024px){.scrolled .sidebar-box.fixed{width: 550px;margin-left: -295px;}
.sidebar-menu .item{margin:0 6px;}
.scrolled .header-curr-page{display: inline-block;}
.scrolled .head-tools .poster-actions-btns{margin-top: 8px;}
.customer .Cloud-ecological{text-align: right;padding-right: 290px;}}
@media (min-width: 1280px){#header .hw-row, #header .head-main{width: 1410px;margin: 0 auto;}}
@media (max-width: 1400px){#header .hw-row, #header .head-main{width: 100%;margin: 0 auto;}
#header .navigation{padding-left: 30px;}
#nav-main .topbar-nav{padding-top: 10px;}}
@media (max-width: 1279px){/*#header .logo{width: 240px;height: 32px;margin-top: -5px;background-image: url(../images/global/hwclouds-logo-sm.png?sttl=0817008);}*/.navigation .nav .nav-item{padding-left: 0px;padding-right:0px;margin:0;}
.subnav-layer >.subnav-list{text-align: left;padding: 0 50px;}
.navigation .nav .nav-item a{padding: 0 12px;}
#header .head-main, #header .head-top{padding-left: 10px;padding-right: 10px;width: 100%;}
.sub-item-col{padding:0;}}
@media (max-width: 1023px){.navigation .nav-item.vice-item{display: block;}
#header .head-tools{margin-right: 0;}
#header .head-tools{display: block}
#header .navigation .head-tools{display: none}
#header .navigation .head-tools{display:none}
.head-menu-btn{text-align: left;display: inline-block;font-size: 18px;color: #36383C;margin-right: 10px;cursor: pointer;float: right;}
.head-menu-btn .menu-icon, .head-menu-btn .menu-icon:before, .head-menu-btn .menu-icon:after{width: 22px;height: 1px;}
.head-menu-btn .menu-icon:before{margin-top: -7px;}
.head-menu-btn .menu-icon:after{margin-top: 7px;}
.head-menu-btn.on .menu-icon, .head-menu-btn.on .menu-icon:before, .head-menu-btn.on .menu-icon:after{background-color: #e41e2b;}
#header .head-main{padding: 0;}
.role-tools{min-height: 45px;}
.navigation .search-item{display: none;}
/*.head-tools .user-info{*//*padding-bottom: 15px;*//*}*/.head-action{display:none;}
#header .navigation{margin: 0;position: absolute;top: 100%;left: -1024px;width: 100%;z-index: -1;overflow: auto;background: #fbfcff;/*background: rgba(190,196,205,.98);*/transition: left .4s ease-in-out;}
#header .navigation.show{left: 0}
#header .navigation .head-caption{display: none}
.navigation .nav{display: block;margin-bottom: 50px;}
.navigation .nav .nav-item{float: none;text-align: left;padding: 0;border:0 none;}
.scrolled .navigation .nav .nav-item{padding-bottom: 0px;}
.navigation .nav .act{height: 51px;line-height: 51px;font-size: 16px;padding-left: 20px;border-bottom: 1px solid #e5e7ee;}
.navigation .subnav-layer, .navigation .nav-item:hover >.subnav-layer{position: static;height: auto;border: none;box-shadow: none;display: none;width: 100%;margin:0;}
.navigation .nav li.selected >.title, .navigation .nav li:hover >.title, .navigation .sub-nav li:hover{color: #36383C}
.navigation .foldIcon{visibility: visible;right: 30px;top: 50%;border-top-color: #c9ced4}
.navigation .title .foldIcon:before{border-top-color: #fbfcff}
.on >.title >.foldIcon , .on >.caption >.foldIcon{-ms-transform: rotate(180deg);transform: rotateX(180deg);}
.sidebar-box{display: none}}
@media (max-width: 799px){.head-menu-btn{margin-top: 12px;}
#header .wrapper{position: fixed;}
.icon-login{width: 24px;height: 24px;background: url(../images/global/login.png) no-repeat;display: inline-block;background-size: contain;}
.head-tools .tool-item{display: none;}
.head-tools .mobile-login{display: block;margin-right: 15px;margin-top: 8px;}
#header .head-main{background-color: #090723;padding-top: 0;}
#header .navigation .head-main{background:none;padding:0}
.head-menu-btn .menu-icon, .head-menu-btn .menu-icon:before, .head-menu-btn .menu-icon:after{background-color: #fff;}
.head-tools .user-info{padding: 0 10px;}
.head-tools .account-btn{display: none;}
/*.user-info .user-info-layer{*//*left: -74px;*//*}*/.role-tools{min-height: 40px;}}
/*--- header end ---*//*--- content start ---*/
#content{overflow: hidden;padding-top: 46px;/*margin-bottom: 375px;*/background: #fff; transition: padding .3s ease-out;padding-bottom:50px;}
.Compatible #content{padding-top: 122px;}
.has-header-banner #content{padding-top: 210px;}
.has-header-banner.Compatible #content{padding-top: 300px;}
.scrolled.has-header-banner #content{padding-top: 100px;}
#content .wrapper-top{position: relative;z-index: 2;}
#content .wrapper{/*background-color: #f7f8fa;margin-top: 0;padding-bottom: 30px;margin-bottom: 360px;*/z-index: 2;}
.content-block{max-width: 1180px;clear: both;margin:0 auto;padding: 50px 10px;/* transition: padding .3s ease-out;*/}
.y-row{max-width: 1410px;}
.share-poster{display: none;}
@media (max-width: 1439px) and (min-width: 1366px){/* .nav-side-show .content-block{padding-left: 30px;padding-right: 30px;}*/.y-row{max-width: 1180px;margin:0 auto;}
#nav-main .sub-item-col .menu-panel{padding-bottom: 20px;}}
/* @media (min-width: 1440px) and (max-width: 1700px){.nav-side-show #content .wrapper{padding-left: 280px;padding-right: 30px;}
.nav-side-show #footer .footer-top, .nav-side-show #footer .footer-bottom{padding-left: 280px;padding-right: 30px;}}*/@media (max-width: 1439px) and (min-width: 1023px){.content-block{max-width: 1180px;}}
@media (max-width: 1180px){.content-block{padding-left: 20px;padding-right: 20px;}}
@media (max-width: 1023px){.wrapper .crumbs{padding-left: 10px;padding-right: 10px;}
.content-block{padding-left: 20px;padding-right: 20px;}

.has-header-banner #content{padding-top: 210px;}
.product-event{margin-top:10px;}
.icons-notice{margin-top: 8px;}
.announce-list{overflow: hidden;height: 25px;line-height: 25px;}}
@media (max-width: 799px){.content-block{padding: 20px 0 ;}
.has-header-banner #content{padding-top: 130px;}}
@media (max-width: 500px){.share-poster{display: block;}
.share-poster img{width: 100%;vertical-align: top;}}
/*--- content end ---*/
#header{position: inherit;top: 0;left: 0;right: 0;z-index: 99;}
#header.top_fixed{position: fixed;top: 0;left: 0;right: 0;z-index: 11;-webkit-transform: translateZ(0);}
.topfixed>#header{position: fixed;top: 0;left: 0;right: 0;z-index: 99;}
.topfixed>#wp{ padding-top:60px;}
.header-top{position: relative;z-index: 2;height: 60px;font-size: 14px;color: white ;transition: top .3s ease-out;}
.header-top a,.header-top span{color: white ;}
.header-main{background: #1a1a1a;box-shadow: 0 5px 5px rgba(0, 0, 0, .08);}
.header-main:before,
.header-main:after{content: " ";display: table;}
.header-main:after{clear: both;}
.header-main{height: 100%;}
.que-icon, .write-icon{content: "";display: inline-block;margin-right: 5px;width: 16px;height: 16px;vertical-align: middle;text-align: left;position: absolute;top: 50%;margin-top: -8px;}
.write-icon{background: url(../images/blog-icon-d.png) no-repeat center;}
.w-Blog:hover .write-icon{background: url(../images/blog-icon-h.png) no-repeat center;}
.w-Blog:hover .write-icon{background: url(../images/blog-icon-h.png) no-repeat center;}
.header-tools-list > .a-Question a, .header-tools-list > .w-Blog a {display: inline-block;padding: 0; margin: 0;line-height: none; margin-left: 22px;}
/* region header-sprites*/.header-icon{display: inline-block;vertical-align: middle;background-image: url(../images/header-sprite.png?t201806141751);background-size: 104px auto;}
.header-icon-checked{background-position: -86px -16px;width: 12px;height: 12px;}
.header-icon-close-on{background-position: -68px -18px;width: 16px;height: 16px;}
.header-icon-close{background-position: -68px -36px;width: 16px;height: 16px;}
.header-icon-lang-en-on{background-position: -86px 0px;width: 18px;height: 14px;}
.header-icon-lang-en{background-position: -58px -64px;width: 18px;height: 14px;}
.header-icon-lang-on{background-position: -18px -46px;width: 16px;height: 16px;}
.header-icon-lang-zh-on{background-position: -38px -64px;width: 18px;height: 14px;}
.header-icon-lang-zh{background-position: -18px -64px;width: 18px;height: 14px;}
.header-icon-menu{background-position: -24px -22px;width: 18px;height: 18px;}
.header-icon-phone{background-position: -44px -22px;width: 18px;height: 18px;}
.header-icon-recommend{background-position: 0px 0px;width: 66px;height: 20px;}
.header-icon-search-on{background-position: -68px 0px;width: 16px;height: 16px;}
.header-icon-search{background-position: -36px -46px;width: 16px;height: 16px;}
.header-icon-user{background-position: 0px -22px;width: 22px;height: 22px;}
.header-icon-verification-on{background-position: 0px -64px;width: 16px;height: 16px;}
.header-icon-verification{background-position: 0px -46px;width: 16px;height: 16px;}
/* endregion header-sprites*//* region 代码图标*/.header-icon-corner-down{display: inline-block;vertical-align: middle;width: 8px;height: 5px;border-top: solid 5px #d2d2d2;border-left: solid 4px transparent;border-right: solid 4px transparent;}
.header-icon-arrow-right{display: inline-block;vertical-align: middle;width: 6px;height: 6px;border-top: solid 1px;border-right: solid 1px;-ms-transform: rotate(45deg);transform: rotate(45deg);}
.header-icon-arrow-down{display: inline-block;vertical-align: middle;width: 10px;height: 6px;padding-left: 1px;padding-right: 1px;}
.header-icon-arrow-down:before{content: "";display: block;width: 8px;height: 8px;border-bottom: solid 1px #fff;border-right: solid 1px #fff;margin-top: -3px;-ms-transform: rotate(45deg);transform: rotate(45deg);}
/* endregion 代码图标*//* 产品（解决方案）状态图标*/#header .new{display: inline-block;width: 28px;height: 12px;margin: -2px -28px 0 10px;background: url(../images/global/header/new.svg) center no-repeat;vertical-align: middle;font-size: 0;}
#header .beta{display: inline-block;width: 60px;height: 12px;margin: -2px -60px 0 0;background: url(../images/global/header/beta.png) center no-repeat;vertical-align: middle;font-size: 0;}
#header .new.hide,
#header .new.beta{display: none;}
@media (max-width: 1279px){#header .beta{display: none;}}
/* 产品（解决方案）状态图标*//* region header 菜单按钮及logo*/.header-menu,
.header-menu-mb{float: left;width: 60px;height: 60px;font-size: 0;line-height: 60px;text-align: center;cursor: pointer;transition: transform .3s;display: list-item;}
.header-menu-mb{display: none;}
.header-logo{float: left;width: 104px;height: 100%;background: url(../images/logo.png) no-repeat center;background-size: 100% auto;}
@media only screen and (min-width: 768px){.icon-logo{background: url(../images/icon_home.png) no-repeat left;width: 16px;height: 60px;line-height: 60px;margin: 0 5px;}
.icon-logo:hover{background-position: right center;}}
@media (max-width: 767px){.header-menu{display: none;}
.header-menu-mb{display: block;cursor: pointer;}
.header-menu-mb.show-nav .header-icon-menu{-ms-transform: rotate(90deg);transform: rotate(90deg);}
.header-logo{background-image: url(../images/global/header/logo-mb.png?sttl=0817008);}}
/* endregion header 菜单按钮及logo*//* region header 主导航*/.header-nav{position: relative;float: left;margin-left: 10px;width: calc(100% - 610px);height: 100%;overflow: hidden;}
.header-nav.overflow-visible{overflow: visible;}
.header-nav-list:before,
.header-nav-list:after{content: " ";display: table;}
.header-nav-list:after{clear: both;}
.header-nav-list{position: relative;z-index: 1;}
.header-nav-list > li{float: left;}
.header-nav-list > li > a{display: block;padding: 15px;line-height: 30px;-webkit-transition: .3s;transition: .3s;}
.header-nav-list > li:hover > a{color: #e41f2b;}
.header-nav-list > li.header-nav-hot a{position: relative;}
.header-nav-list > li.header-nav-hot a:after{content: "";display: block;position: absolute;top: 20px;right: 7px;width: 6px;height: 6px;border-radius: 50%;background: #E41F2B;}
.header-nav-list > li.header-nav-item-hide{display: none;}
.header-nav-hover-line{position: absolute;z-index: 0;height: 3px;width: 0;padding: 0;background-color: #e41f2b;bottom: 0;-webkit-transition: .3s cubic-bezier(.4,0,.2,1);transition: .3s cubic-bezier(.4,0,.2,1);}
.header-nav-item-more{position: relative;}
@media (max-width: 1365px){.header-nav-list > li > a{padding-left: 10px;padding-right: 10px;}}
@media (max-width: 767px){.header-nav{display: none;}}
/* endregion header 主导航*//* region header 工具区*/.header-tools{float: right;height: 100%;}
.header-tools-list:before,
.header-tools-list:after{content: "";display: table;}
.header-tools-list:after{clear: both;}
.header-tools-list{height: 100%;}
.header-tools-list > li{float: left;height: 100%;padding: 0 10px;font-size: 0;line-height: 60px;cursor: pointer;}
.header-tools-list > li > a{display: block;padding: 0 10px;margin: 0 -10px;font-size: 14px;line-height: 60px;}
.header-tools-list > li:hover > a{color: #e41f2b;}
.header-lang{position: relative;}
.header-lang-current{font-size: 0;}
.header-lang-label{display: inline-block;vertical-align: middle;margin-left: 5px;font-size: 14px;}
.header-lang-list{display: none;position: absolute;top: 100%;left: 0;min-width: 100%;padding-top: 10px;padding-bottom: 10px;background: rgba(34,34,34,1);box-shadow: 0 2px 15px rgba(0,0,0,.4);}
.header-lang-item{position: relative;}
.header-lang-item > a{position: relative;display: block;line-height: 20px;height: 40px;padding: 10px 20px;font-size: 14px;color: #c3c5c6;white-space: nowrap;cursor: default;transition: .2s;}
.header-lang-item > a[href]{cursor: pointer;}
.header-lang-item.active:after,
.header-lang-item:hover:after{content: "";position: absolute;right: 0;height: 20px;top: 10px;border-right: 3px solid #e41f2b;}
.header-lang-item.active > a,
.header-lang-item:hover > a{color: #e41f2b;}
.header-lang:hover .header-icon-lang-zh{background-position: -38px -64px;}
.header-lang:hover .header-lang-label{color: #e41f2b;}
.header-lang:hover .header-lang-list{display: block;}
.header-login-mobile{display: none;}
.header-tools-list > li.header-register,.header-tools-list > li.header-download{padding-left: 20px;padding-right: 20px;}
.header-tools-list > li.header-register > a ,.header-tools-list > li.header-download > a{padding-left: 20px;padding-right: 20px;margin-left: -20px;margin-right: -20px;background-color: #e41f2b;}
.header-tools-list > li.header-register:hover > a,.header-tools-list > li.header-download:hover > a{color: white;background-color: #ef323e;}
.header-search-switch:hover .header-icon-search{background-position: -68px 0px;}
.header-search-switch.show-search .header-icon-search{background-position: -68px -36px;}
.header-search-switch.show-search:hover .header-icon-search{background-position: -68px -18px;}
.header-user{font-size: 0;}
.header-user-avator{display: inline-block;position: relative;width: 24px;height: 24px;vertical-align: middle;}
.header-tool-user-avator img{display: block;width: 100%;height: 100%;border-radius: 50%;}
.header-user-name{display: inline-block;vertical-align: middle;margin-left: 5px;margin-right: 20px;}
.header-user-name span{display: inline-block;vertical-align: middle;min-width: 20px;max-width: 85px;font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.header-user-name i{margin-left: 5px;}
.header-user.msg .header-user-avator:after{content: "";position: absolute;top: 0;right: 0;width: 6px;height: 6px;background-color: #e41e2c;border-radius: 50%;}
.header-user-info{display: none;position: absolute;top: 100%;right: 0;width: 240px;padding-top: 10px;padding-bottom: 10px;background: #1a1a1a;box-shadow: 0 2px 15px rgba(0,0,0,.4);cursor: default;}
.header-user-info-list{font-size: 14px;}
.header-user-info-list > li{position: relative;line-height: 20px;}
.header-user-info-list > li:after{content: "";display: none;position: absolute;top: 50%;right: 0;width: 3px;background: #e41f2b;height: 20px;margin-top: -10px;}
.header-user-info-list > li > a{display: block;padding: 6px 20px 6px 20px;-webkit-transition: .2s;transition: .2s;}
.header-user-info-list > li:hover:after{display: block;}
.header-user-info-list > li:hover > a{color: #e41f2b;}
.header-user-info-list > li span.pipe {display: none;}
.header-user-info-list > li.ismessage span {width: auto; min-width: 16px; background-color: #e41f2b; float: right; padding: 0px 4px;border-radius: 10px;font-size: 12px;line-height: 16px;color: #ffffff!important;margin-top: 3px;}
.header-user-info-split{padding: 10px 20px;}
.header-user-info-split:before{content: "";display: block;border-top: solid 1px #4a4a4a;}
.header-user-info-item-account{overflow: hidden;}
.header-user-info-item-account > a{float: left;width: 50%;}
.header-user-info-list .header-verification{padding-left: 0;line-height: 20px;text-align: right;}
.header-verification i{margin-right: 5px;line-height: 20px;}
.header-verification p{display: none;vertical-align: middle;font-size: 12px;}
.header-verification:not(.active) p.state-unactive{display: inline-block;color: #ff8833;}
.header-verification.active .header-icon-verification{background-position: 0px -64px;}
.header-verification.active p.state-active{display: inline-block;color: #3dcaa6;}
.header-user:hover .header-user-info{display: block;}
.header-user-info-list > li.imessage span{width: auto;min-width: 16px;background-color: #e41f2b;float: right;padding: 0px 4px;border-radius: 10px;font-size: 12px;line-height: 16px;color: #ffffff!important;margin-top: 3px;}
/* 登录态*/.logined .header-user{display: block;}
.logined .header-login-mobile,
.logined .header-login,
.logined .header-register{display: none !important;}
@media (max-width: 767px){.header-tools-list > li{display: none;}
.header-tools-list > .header-login-mobile{display: block;margin-right: 10px;}}
/* endregion header 工具区*//* region 导航收起状态*/.fade .header-nav,
.fade .header-tools{-webkit-transform: translate3d(0,-80px,0);-ms-transform: translate3d(0,-80px,0);transform: translate3d(0,-80px,0);transition: all .5s ease;opacity: 0;visibility: hidden;filter: alpha(opacity=0);}
/* endregion 导航收起状态*//* region 导航滚动条样式*/.header-allnav *::-webkit-scrollbar,
.header-allnav *::-webkit-scrollbar-track,
.header-dropdown *::-webkit-scrollbar,
.header-dropdown *::-webkit-scrollbar-track{width: 4px;background-color: rgba(0,0,0,0);}
.header-allnav *::-webkit-scrollbar-thumb,
.header-dropdown *::-webkit-scrollbar-thumb{border-radius: 2px;background-color: #666;}
/* endregion 导航滚动条样式*//* region 主菜单下拉内容*/body.show-dropdown{overflow: hidden;}
#header.show-dropdown{height: 100%;}
.header-dropdown{position: absolute;top: 60px;right: 0;bottom: 0;left: 0;}
.header-dropdown-list{position: relative;/*max-height: 100%;*/overflow: hidden;will-change: height;transition: height .35s ease;}
.header-dropdown-list.expanding{transition: height .35s ease .15s;}
.header-dropdown-list > li{display: none;background: #090723;}
.header-dropdown-list > li.show{display: block;}
@media (max-width: 767px){.header-dropdown{display: none;}}
/* region 主菜单展开文字动画*/.header-dropdown-list [data-index]{transform: translateY(-10px);opacity: 0;transition: all .2s cubic-bezier(0,0,.2,1);}
.header-dropdown-list.show-text [data-index]{transform: translateY(0);opacity: 1;}
.header-dropdown-list.show-text [data-index="0"]{transition-delay: 0.2s;}
.header-dropdown-list.show-text [data-index="1"]{transition-delay: 0.22s;}
.header-dropdown-list.show-text [data-index="2"]{transition-delay: 0.24s;}
.header-dropdown-list.show-text [data-index="3"]{transition-delay: 0.26s;}
.header-dropdown-list.show-text [data-index="4"]{transition-delay: 0.28s;}
.header-dropdown-list.show-text [data-index="5"]{transition-delay: 0.3s;}
.header-dropdown-list.show-text [data-index="6"]{transition-delay: 0.32s;}
.header-dropdown-list.show-text [data-index="7"]{transition-delay: 0.34s;}
.header-dropdown-list.show-text [data-index="8"]{transition-delay: 0.36s;}
.header-dropdown-list.show-text [data-index="9"]{transition-delay: 0.38s;}
.header-dropdown-list.show-text [data-index="10"]{transition-delay: 0.4s;}
.header-dropdown-list.show-text [data-index="11"]{transition-delay: 0.42s;}
.header-dropdown-list.show-text [data-index="12"]{transition-delay: 0.44s;}
.header-dropdown-list.show-text [data-index="13"]{transition-delay: 0.46s;}
.header-dropdown-list.show-text [data-index="14"]{transition-delay: 0.48s;}
.header-dropdown-list.show-text [data-index="15"]{transition-delay: 0.5s;}
.header-dropdown-list.show-text [data-index="16"]{transition-delay: 0.52s;}
.header-dropdown-list.show-text [data-index="17"]{transition-delay: 0.54s;}
.header-dropdown-list.show-text [data-index="18"]{transition-delay: 0.56s;}
.header-dropdown-list.show-text [data-index="19"]{transition-delay: 0.58s;}
.header-dropdown-list.show-text [data-index="20"]{transition-delay: 0.6s;}
.header-dropdown-list.show-text [data-index="21"]{transition-delay: 0.62s;}
.header-dropdown-list.show-text [data-index="22"]{transition-delay: 0.64s;}
.header-dropdown-list.show-text [data-index="23"]{transition-delay: 0.66s;}
.header-dropdown-list.show-text [data-index="24"]{transition-delay: 0.68s;}
.header-dropdown-list.show-text [data-index="25"]{transition-delay: 0.7s;}
.header-dropdown-list.show-text [data-index="26"]{transition-delay: 0.72s;}
.header-dropdown-list.show-text [data-index="27"]{transition-delay: 0.74s;}
.header-dropdown-list.show-text [data-index="28"]{transition-delay: 0.76s;}
.header-dropdown-list.show-text [data-index="29"]{transition-delay: 0.78s;}
.header-dropdown-list.show-text [data-index="30"]{transition-delay: 0.8s;}
.header-dropdown-list.show-text [data-index="31"]{transition-delay: 0.82s;}
.header-dropdown-list.show-text [data-index="32"]{transition-delay: 0.84s;}
.header-dropdown-list.show-text [data-index="33"]{transition-delay: 0.86s;}
.header-dropdown-list.show-text [data-index="34"]{transition-delay: 0.88s;}
.header-dropdown-list.show-text [data-index="35"]{transition-delay: 0.9s;}
.header-dropdown-list.show-text [data-index="36"]{transition-delay: 0.92s;}
.header-dropdown-list.show-text [data-index="37"]{transition-delay: 0.94s;}
.header-dropdown-list.show-text [data-index="38"]{transition-delay: 0.96s;}
.header-dropdown-list.show-text [data-index="39"]{transition-delay: 0.98s;}
.header-dropdown-list.show-text [data-index="40"]{transition-delay: 1s;}
.header-dropdown-list.show-text [data-index="41"]{transition-delay: 1.02s;}
.header-dropdown-list.show-text [data-index="42"]{transition-delay: 1.04s;}
.header-dropdown-list.show-text [data-index="43"]{transition-delay: 1.06s;}
.header-dropdown-list.show-text [data-index="44"]{transition-delay: 1.08s;}
.header-dropdown-list.show-text [data-index="45"]{transition-delay: 1.1s;}
.header-dropdown-list.show-text [data-index="46"]{transition-delay: 1.12s;}
.header-dropdown-list.show-text [data-index="47"]{transition-delay: 1.14s;}
.header-dropdown-list.show-text [data-index="48"]{transition-delay: 1.16s;}
.header-dropdown-list.show-text [data-index="49"]{transition-delay: 1.18s;}
.header-dropdown-list.show-text [data-index="50"]{transition-delay: 1.2s;}
.header-dropdown-list.show-text [data-index="51"]{transition-delay: 1.22s;}
.header-dropdown-list.show-text [data-index="52"]{transition-delay: 1.24s;}
.header-dropdown-list.show-text [data-index="53"]{transition-delay: 1.26s;}
.header-dropdown-list.show-text [data-index="54"]{transition-delay: 1.28s;}
.header-dropdown-list.show-text [data-index="55"]{transition-delay: 1.3s;}
.header-dropdown-list.show-text [data-index="56"]{transition-delay: 1.32s;}
.header-dropdown-list.show-text [data-index="57"]{transition-delay: 1.34s;}
.header-dropdown-list.show-text [data-index="58"]{transition-delay: 1.36s;}
.header-dropdown-list.show-text [data-index="59"]{transition-delay: 1.38s;}
.header-dropdown-list.show-text [data-index="60"]{transition-delay: 1.4s;}
/* endregion 主菜单展开文字动画*//* region 主菜单通用下拉内容*/.dropdown-common-container{max-height: calc(100vh - 60px - 25px);overflow: auto;}
.dropdown-common-wrapper{max-width: 1440px;min-width: 1024px;padding: 0 36px;margin-left: auto;margin-right: auto;}
.dropdown-common-wrapper > ul{overflow: hidden;}
.dropdown-common-wrapper > ul > li{float: left;width: 20%;padding: 0 30px;}
.dropdown-common-dl{padding: 20px 0;}
.dropdown-common-dl + .dropdown-common-dl .line{margin-top: -20px;margin-bottom: 20px;border-top: solid 1px rgba(102,102,102,.6);}
.dropdown-common-dl dt{margin-bottom: 10px;}
.dropdown-common-dl dt,
.dropdown-common-dl dt a{display: block;font-size: 14px;line-height: 20px;color: #fff;}
.dropdown-common-dl dd a{display: block;font-weight: 200;font-size: 12px;line-height: 18px;padding: 3px 0;color: #c3c5c6;-webkit-transition: .2s;transition: .2s;}
.dropdown-common-dl dd a span{display: inline-block;vertical-align: middle;max-width: calc(100% - 10px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dropdown-common-dl dd a span + .new{margin-top: 0 !important;}
.dropdown-common-dl dt a[href]{position: relative;}
.dropdown-common-dl dt a[href] .header-icon-arrow-right{position: absolute;right: 0;top: 50%;margin-top: -4px;}
.dropdown-common-dl dt:hover a[href],
.dropdown-common-dl dd:hover a[href]{color: #e41f2b;}
@media (max-width: 1279px){.dropdown-common-wrapper{padding-left: 51px;padding-right: 51px;}
.dropdown-common-wrapper > ul > li{padding-left: 15px;padding-right: 15px;}}
/* endregion 主菜单通用下拉内容*//* region 主菜单下拉内容--产品*//* region 产品推荐条*/.smart-recommend-container{background: #2e2e2e;}
.smart-recommend-wrapper{padding: 20px 66px;font-size: 12px;line-height: 20px;}
.smart-recommend-title{float: left;width: 66px;height: 20px;font-size: 0;}
.smart-recommend-text{color: #fff;}
.smart-recommend-text:hover{color: #e41f2b;}
.smart-recommend-text{margin-left: 30px;}
/* endregion 产品推荐条*/.dropdown-product-container{max-height: calc(100vh - 120px - 25px);overflow: auto;}
/* endregion 主菜单下拉内容--产品*//* region 主菜单下拉内容--解决方案*/.dropdown-solution-wrapper{max-width: 1440px;min-width: 1024px;padding: 0 36px;margin-left: auto;margin-right: auto;}
.dropdown-solution-wrapper > ul{overflow: hidden;}
.dropdown-solution-wrapper > ul > li{float: left;padding-left: 30px;padding-right: 30px;}
.dropdown-solution-wrapper > ul > li:nth-child(1){width: 47.807016%;}
.dropdown-solution-wrapper > ul > li:nth-child(2),
.dropdown-solution-wrapper > ul > li:nth-child(3),
.dropdown-solution-wrapper > ul > li:nth-child(4){width: 17.397661%;}
.dropdown-solution-row{overflow: hidden;}
.dropdown-solution-row-col{float: left;width: 50%;}
.dropdown-solution-dl{padding: 20px 0;}
.dropdown-solution-dl + .dropdown-solution-dl .line{margin-top: -20px;margin-bottom: 20px;border-top: solid 1px #666;}
.dropdown-solution-dt{margin-bottom: 6px;}
.dropdown-solution-dt,
.dropdown-solution-dt > a,
.dropdown-solution-dt > span{display: block;font-size: 14px;line-height: 20px;color: #fff;}
.dropdown-solution-dd > a,
.dropdown-solution-dd > span{display: block;font-weight: 200;font-size: 12px;line-height: 18px;padding: 4px 0;color: #c3c5c6;}
.dropdown-solution-wrapper a[href]{-webkit-transition: .2s;transition: .2s;}
.dropdown-solution-wrapper a[href]:hover{color: #e41f2b;}
.dropdown-solution-sub{position: relative;height: 14px;margin-bottom: 12px;overflow: hidden;}
.dropdown-solution-sub li{float: left;height: 14px;margin-right: 14px;font-weight: 200;font-size: 12px;line-height: 14px;color: #999;}
.dropdown-solution-sub li.hide{display: none;}
.dropdown-solution-sub a{display: block;}
.dropdown-solution-sub li:last-child{margin-right: 0;}
.dropdown-solution-sub li:last-child a{padding-right: 2px;}
.dropdown-solution-sub a i{margin-top: -1px;}
.dropdown-solution-sub .new,
.dropdown-solution-sub .beta{margin-right: 0 !important;}
@media (max-width: 1279px){.dropdown-solution-wrapper{padding-left: 51px;padding-right: 51px;}
.dropdown-solution-wrapper > ul > li{padding-left: 15px;padding-right: 15px;}}
/* endregion 主菜单下拉内容--解决方案*//* region 主菜单下拉内容--更多*/.header-dropdown-more{width: 240px;margin-left: -15px;}
.header-more-list{padding: 20px 30px;background: #090723;color: white;}
.header-more-list > li{font-size: 14px;line-height: 22px;}
.header-more-list > li:not(.header-more-item-hide) + li{margin-top: 12px;}
.header-more-list > li.header-more-item-hide{display: none;}
.header-more-list a{display: block;}
.header-more-list > li:hover a{color: #e41f2b;}
.header-more-list > li.header-nav-hot a:after{content: "";display: inline-block;width: 6px;height: 6px;margin-top: -16px;margin-left: 2px;border-radius: 50%;background: #E41F2B;vertical-align: middle;}
/* “更多”需在不同分辨率保持与面包导航的一级菜单相同宽度*/@media (max-width: 1218px){.header-dropdown-more{width: 20%;}}
@media (max-width: 1023px){.header-dropdown-more{width: 25%;}}
/* endregion 主菜单下拉内容--更多*//* endregion 主菜单下拉内容*//* region 导航allnav*//* region 导航布局*/#header.show-allnav{height: 100%;}
#header .header-icon-menu{-webkit-transition: .3s .1s;transition: .3s .1s;}
.header-menu.hover .header-icon-menu{-ms-transform: rotate(90deg);transform: rotate(90deg);}
.header-allnav{display: none;position: absolute;top: 60px;right: 0;bottom: 0;left: 0;}
.header-allnav.show{display: block;}
.header-allnav-wrapper{float: left;height: 100%;}
.header-allnav-wrapper > ul{display: none;float: left;height: 100%;-ms-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);-webkit-transition: .3s;transition: .3s;}
.header-allnav-wrapper > ul.sliding{display: block;}
.header-allnav-wrapper > ul.show{display: block;-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.header-allnav-level{overflow-y: auto;}
/* 1级导航*/.header-allnav-level1{position: relative;z-index: 10;width: 240px;background: #1a1a1a;}
.header-allnav-level1 .header-allnav-inner{padding-top: 10px;height: calc(100% - 78px);overflow: auto;}
/* 二级导航*/.header-allnav-level2{position: relative;z-index: 9;width: 240px;padding: 10px 0;background: #282828;}
/* 三级导航*/.header-allnav-level3{position: relative;z-index: 8;min-width: 240px;max-width: 380px;padding-top: 10px;background: #2b2b2b;}
/* 四级导航*/.header-allnav-level4{width: 240px;background: #2e2e2e;}
.header-allnav-inner{display: none;}
.header-allnav-inner.show{display: block;}
@media (max-width: 1118px){/* 加上滚动条（18px）导航左右刚好满屏的宽度及以下，各级导航按比例分配宽度*/.header-allnav-wrapper{width: 100%;}
.header-allnav-level1, .header-allnav-level2{width: 21.81%;}
.header-allnav-level3{width: 34.57% !important;}
.header-allnav-level4{width: 21.81%;}}
@media (max-width: 1023px){.header-allnav-level1, .header-allnav-level2{width: 25%;}
.header-allnav-level3{width: 50% !important;}
.header-allnav-level4{display: none;}}
/* endregion 导航布局*//* 通用导航内菜单列表样式*/.header-allnav-common-item{position: relative;padding: 0 30px;font-size: 14px;line-height: 34px;color: white;cursor: pointer;-webkit-transition: .2s;transition: .2s;}
.header-allnav-common-item > a{display: block;}
.header-allnav-common-item.header-nav-hot > a:after{content: "";display: inline-block;width: 6px;height: 6px;margin-top: -16px;margin-left: 2px;border-radius: 50%;background: #E41F2B;vertical-align: middle;}
.header-allnav-common-split{padding: 15px 30px;}
.header-allnav-common-split:before{content: "";display: block;border-top: solid 1px rgba(102, 102, 102, .6);}
.header-allnav-common-item i{position: absolute;right: 30px;top: 50%;margin-top: -3px;}
.header-allnav-common-item.active{background: rgba(0,0,0, .3);color: #e41f2b;}
.header-allnav-common-item:hover{color: #e41f2b;}
.header-allnav-common-item:hover i,
.header-allnav-common-item.active i{border-color: #e41f2b;}
/* 通用内容列表样式*/.header-allnav-content{}
.header-allnav-content dl{padding-bottom: 10px;margin: 0 10px;font-size: 14px;color: white;}
.header-allnav-content dt{margin-bottom: 5px;}
.header-allnav-content dt a{display: block;padding: 0 20px;font-size: 16px;line-height: 34px;-webkit-transition: .2s;transition: .2s;}
.header-allnav-content dd a{display: block;padding: 6px 20px;font-size: 12px;line-height: 18px;color: #cdcdcd;-webkit-transition: .2s;transition: .2s;}
.header-allnav-content dt:hover a[href],
.header-allnav-content dd:hover a[href]{display: block;color: #e41f2b;}
.header-allnav-content dd:hover a[href]{background: rgba(0,0,0,.3);}
.header-allnav-content dl + dl{padding-top: 20px;border-top: solid 1px rgba(102,102,102,.6);}
/* region 1级导航内容*/.header-allnav-level1 .header-allnav-common-item:before{content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 3px;background: #e41f2b;opacity: 0;}
/*.header-allnav-level1 .header-allnav-common-item.hover:before,*/.header-allnav-level1 .header-allnav-common-item.active:before{opacity: 1;}
.header-allnav-consult{position: absolute;left: 30px;bottom: 20px;color: #c3c5c6;}
.header-allnav-consult-text{font-size: 12px;line-height: 24px;}
.header-allnav-consult-number{font-size: 14px;line-height: 24px;}
.header-allnav-consult-number i{margin-top: -4px;margin-right: 8px;}
.header-allnav-consult-number:hover{color: #fff;}
/* endregion 1级导航内容*//* region 2级导航内容*/.header-allnav-level2 .header-allnav-common-list{padding-left: 10px;padding-right: 10px;}
.header-allnav-level2 .header-allnav-common-item{padding: 0 20px;}
.header-allnav-level2 .header-allnav-common-item i{right: 20px;}
/* endregion 2级导航内容*//* region 3级导航内容--产品*/.header-allnav-product-content > h2{display: block;padding: 0 30px;color: white;line-height: 34px;}
.header-allnav-product-content > h2 a{display: block;font-size: 16px;-webkit-transition: .2s;transition: .2s;}
.header-allnav-product-content > h2 a[href]:hover{color: #E41F2B;}
.header-allnav-product-content > ul{padding-left: 10px;padding-right: 10px;}
.header-allnav-product-content > ul > li a{display: block;padding: 6px 20px;-webkit-transition: .2s;transition: .2s;}
.header-allnav-product-content > ul > li.has-desc a{padding: 10px 20px;}
.header-allnav-product-content > ul > li:first-child:not(.has-desc) a{margin-top: 5px;}
.header-allnav-product-content h3{font-size: 12px;color: #cdcdcd;line-height: 22px;}
.header-allnav-product-content p{font-size: 12px;color: #999;line-height: 22px;}
.header-allnav-product-content > ul > li.active a{background: rgba(0,0,0,.3);}
.header-allnav-product-content > ul > li.active h3{color: #E41F2B;}
/* endregion 3级导航内容--产品*//* region 3级导航内容--解决方案*/.header-allnav-solution-content{padding-left: 10px;padding-right: 10px;}
.header-allnav-solution-content > h2{padding-left: 20px;padding-right: 20px;color: white;}
.header-allnav-solution-content > h2 a{display: block;font-size: 16px;line-height: 34px;color: white;}
.header-allnav-solution-content > h2 a[href]:hover{color: #e41f2b;}
.allnav-solution-item{padding: 5px 20px;transition: .2s;}
/*.allnav-solution-item-haschild{padding: 10px 20px;}*/.allnav-solution-item:first-child:not(.allnav-solution-item-haschild){margin-top: 5px;}
.allnav-solution-title > a{display: inline-block;font-size: 12px;line-height: 24px;color: #cdcdcd;transition: .2s;}
.allnav-solution-sub{overflow: hidden;font-size: 12px;line-height: 24px;color: #999;}
.allnav-solution-sub li{float: left;margin-right: 10px;}
.allnav-solution-sub a{display: block;}
.allnav-solution-sub li:last-child{margin-right: 0;}
.allnav-solution-sub li:last-child a{padding-right: 2px;}
.allnav-solution-sub .new{margin-right: 0 !important;}
.allnav-solution-item.active{background: rgba(0,0,0,.3);}
.allnav-solution-item.active .allnav-solution-title a{color: #e41f2b;}
.allnav-solution-item .allnav-solution-sub a:hover{color: #e41f2b;}
/* endregion 3级导航内容--解决方案*//* region 4级导航内容--相关产品*/.header-allnav-relevant-dl{padding: 25px 30px;}
.header-allnav-relevant-dl dt{margin-bottom: 13px;font-size: 14px;line-height: 32px;color: white;}
.header-allnav-relevant-dl a{display: block;padding: 3px 0;font-size: 12px;color: #c3c5c6;line-height: 18px;}
.header-allnav-relevant-dl dd:hover a{color: #e41f2b;}
.header-allnav-relevant-more{margin-top: 24px;}
/* endregion 4级导航内容--相关产品*//* endregion 导航allnav*//* region 移动端导航折叠*/.header-mbnav{display: none;}
@media (max-width: 767px){.header-mbnav.show{display: block;background: rgba(34,34,34,.99);}
.header-mbnav{height: calc(100vh - 60px);padding-bottom: 42px;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.header-mbnav::-webkit-scrollbar{display: none;}
/* region 折叠组件基本样式*/.header-collapse-head a{cursor: pointer;}
.header-collapse-body{height: 0;overflow: hidden;transition: .35s;}
.header-collapse.open > .header-collapse-body{height: auto;}
.header-collapse.close > .header-collapse-content{display: none;}
/* endregion 折叠组件基本样式*/.header-collapse-level1{border-bottom: solid 1px #333;}
.header-collapse-level2{border-top: solid 1px #474747;}
.header-collapse-level2 > .header-collapse-head{/*border-bottom: solid 1px #474747;*/}
.header-collapse-level1 > .header-collapse-head a, .header-collapse-level2 > .header-collapse-head a{position: relative;display: block;font-size: 14px;line-height: 1.5;padding: 10px 20px;}
.header-collapse-level1 > .header-collapse-head a, .header-collapse-level2 > .header-collapse-head a{position: relative;display: block;font-size: 14px;line-height: 1.5;padding: 10px 20px;}
.header-collapse-level1 > .header-collapse-head h2, .header-collapse-level2 > .header-collapse-head h2{display: inline-block;}
.header-collapse-level1 > .header-collapse-head a{color: #fff;}
.header-collapse-level2 > .header-collapse-head a{padding-left: 30px;padding-right: 30px;background-color: rgb(47, 47, 47);color: #ccc;}
.header-collapse-level1 > .header-collapse-head .header-icon-arrow-down, .header-collapse-level2 > .header-collapse-head .header-icon-arrow-down{position: absolute;top: 50%;right: 20px;margin-top: -3px;transition: .35s;}
.header-collapse-level1.open > .header-collapse-head .header-icon-arrow-down, .header-collapse-level2.open > .header-collapse-head .header-icon-arrow-down{-ms-transform: rotateX(180deg);transform: rotateX(180deg);}
.header-collapse-level1 > .header-collapse-body, .header-collapse-level2 > .header-collapse-body{background-color: rgb(47, 47, 47);}
.header-collapse-level2 > .header-collapse-body .header-collapse-content{border-top: solid 1px #474747;}
.header-mbnav-common-list a{display: block;padding: 9px 50px;font-size: 14px;line-height: 22px;color: #c3c5c6;}
/* 解决方案样式*/.mbnav-solution-list{padding: 10px 0;}
.mbnav-solution-item{padding: 0 50px;}
.mbnav-solution-title{margin-bottom: 5px;}
.mbnav-solution-title > a{display: block;padding: 10px 0;font-size: 14px;line-height: 20px;color: #c3c5c6;}
.mbnav-solution-sub{overflow: hidden;margin-bottom: 10px;font-size: 14px;line-height: 20px;color: #666;}
.mbnav-solution-sub > li{float: left;margin-right: 20px;}
.mbnav-solution-sub > a{display: block;}
.mbnav-solution-sub > li:last-child{margin-right: 0;}
.mbnav-solution-sub > li:last-child a{padding-right: 2px;}
.mbnav-solution-sub > li:last-child a i{margin-top: -2px;}
.mbnav-solution-sub .new{margin-right: 0 !important;}}
/* 语言*/.header-collapse-lang a{display: block;position: relative;padding: 10px 30px;border-bottom: solid 1px #474747;font-size: 14px;line-height: 1.5;color: #fff;background-color: rgb(47, 47, 47);}
.header-collapse-lang .header-icon-checked{position: absolute;top: 50%;margin-top: -6px;right: 19px;}
/* endregion 移动端导航折叠*//* region 导航搜索PC端*/.header-search{display: none;position: relative;max-height: 100%;overflow: visible;padding-top: 0;background-color: #090723;background-color: rgba(34,34,34,.94);box-shadow: 0 2px 15px rgba(0,0,0,.4);}
.header-search.show{display: block;}
.search-content{padding: 30px 30px;position: relative;z-index: 1;}
.head-search-panel{width: 610px;margin: auto;}
.head-search-panel .search-bar{position: relative;height: 40px;background: #fff;font-size: 14px;line-height: 20px;}
.search-bar .search-input-box{position: relative;height: 40px;line-height: 20px;margin-right: 58px;padding: 10px 30px 10px 15px;}
.search-input-box .search-input{width: 100%;border: none;color: #333;background: none;}
.search-input::-ms-clear{display: none;}
.search-input-box .search-clear-btn{position: absolute;right: 10px;top: 11px;width: 17px;height: 17px;cursor: pointer;display: none;-ms-transform: rotate(45deg);transform: rotate(45deg);border-radius: 50%;background: #dcdcdc;}
.search-clear-btn:before,
.search-clear-btn:after{content: "";background: #fff;position: absolute;}
.search-clear-btn:before{width: 11px;height: 1px;top: 8px;left: 3px;}
.search-clear-btn:after{width: 1px;height: 11px;top: 3px;left: 8px;}
.search-input-box.inputing .search-clear-btn{display: block;}
.search-clear-btn:hover{background: #c6c6c6;}
.search-bar .search-btn{float: right;padding: 10px 15px;color: #666;cursor: pointer;position: relative;transition: background .3s, color .3s;}
.search-bar .search-btn:before{content: "";height: 20px;border-left: 1px solid #e2e2e2;position: absolute;left: 0;top: 10px;}
.search-bar .search-btn:hover{background: #e41f2b;color: #fff;}
.search-bar .search-btn:hover:before{display: none;}
.search-bar .search-btn:active{background: #C8000D;}
.head-search-panel .search-suggestion{position: absolute;top: 40px;left: 0;width: 100%;background: #fff;z-index: 10;border-top: 1px solid #e2e2e2;box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.1);display: none;}
.show-suggest .search-suggestion{display: block;}
.search-suggestion .sugg-item{padding: 0 15px;font-size: 14px;color: #666;line-height: 33px;cursor: pointer;}
.search-suggestion .sugg-item:hover{background: #fafafa;color: #e41f2b;}
.search-suggestion .sugg-item.on{background: #f5f6f7;color: #e41f2b;}
.head-search-panel .hot-search{margin-top: 5px;color: #c3c5c6;font-size: 14px;}
.hot-search-item{margin-right: 20px;}
.hot-search-item:hover{color: #e41f2b;}
.hot-search-item:last-child{margin-right: 0;}
/* 推荐关键词*/.search-recommend{display: none;}
@media (min-width: 768px){.search-recommend{display: block;padding-top: 10px;}
.search-recommend a{font-size: 14px;line-height: 22px;color: #c3c5c6;margin-right: 20px;cursor: pointer;-webkit-transition: .2s;transition: .2s;}
.search-recommend a:hover{color: white;}}
/* endregion 导航搜索PC端*//* region 导航搜索移动端*/@media (max-width: 767px){.header-search{overflow: visible;border-bottom: none;background: none;box-shadow: none;border-bottom: solid 1px #333;}
.search-content{padding: 10px 15px;}
.head-search-panel{width: 100%;}
.head-search-panel .search-bar{height: 36px;background: none;border: 1px solid rgba(255, 255, 255, .2)}
.search-bar .search-input-box{height: 36px;padding: 7px 20px 7px 10px;}
.search-input-box .search-clear-btn{width: 16px;height: 16px;top: 8px;background: #999;}
.search-bar .search-input{color: #fff;}
.search-bar .search-btn{color: #999;padding: 7px 15px;}
.search-bar .search-btn:before{border-color: #999;top: 8px;}
.show-suggest .search-suggestion{top: auto;bottom: 36px;background: #efefef;border-top: none;}
.search-clear-btn:before, .search-clear-btn:after{background: #090723222;}
.search-clear-btn:before{width: 10px;height: 2px;top: 7px;left: 3px;}
.search-clear-btn:after{width: 2px;height: 10px;top: 3px;left: 7px;}
.head-search-panel .hot-search{display: none;}}
#scbar.search-bar {
	    height: 40px;
    line-height: 40px;
    border:none;
    background: #fff;
}
.search-bar #scbar_type { padding-left:0px}
.search-bar #scbar_btn {
  float: right;
  color: #666;
  cursor: pointer;
  position: relative;
  transition: background .3s, color .3s;
}

.search-bar #scbar_btn:before {
  content: "";
  height: 20px;
  border-left: 1px solid #e2e2e2;
  position: absolute;
  left: 0;
  top: 10px;
}

.search-bar #scbar_btn:hover {
  background: #e41f2b;
  color: #fff;
}

.search-bar #scbar_btn:hover:before {
  display: none;
}

.search-bar #scbar_btn:active {
  background: #C8000D;
}
/* endregion 导航搜索移动端*//* endregion header*/


#footer{width: 100%;clear: both;}
#footer{width: 100%;clear: both;}
.footer_t{width: 100%;height: 270px;background-image: url(../images/footer_t_box.png);background-repeat: no-repeat;background-position: center bottom;}
.footer_t_box{width: 100%;height: 270px;float: left;}
.footer_m{width: 100%;height: 240px;background-color: #252530;}
.footer_m_box{width: 100%;height: 240px;float: left;text-align: left;}
.footer_m_box ul{float: left;height: 240px;width: 100%;display: block;}
.footer_m_box li{float: left;width: 20%;display: block;height: 240px;padding-top:60px;}
.footer_m_box li .ewm_l{float: left;width: 105px;height: 105px;padding:0px 0 0 0;margin-right:15px;}
.footer_m_box li .ewm_l_title{float: left;width: 100%;font: normal 17px/30px "寰蒋闆呴粦";color: #FFFFFF;height: 30px;padding-bottom: 10px;}
.footer_m_box li .ewm_r{float: left;width: 100px;padding:0px 0 0 0;}
.footer_m_box li .ewm_r .link{padding-left:0px;}
.footer_m_box .title{float: left;width: 100%;font: normal 17px/30px "寰蒋闆呴粦";color: #FFFFFF;height: 40px;padding-bottom: 10px;}
.footer_m_box .title span{float: left;height: 17px;width: 4px;display: block;background-color: #FF4600;margin:6px 10px 7px 0;}
.footer_m_box .link{float: left;width: 100%;padding-left:15px;}
.footer_m_box .link p{width: 100%;float: left;line-height: 30px;height: 30px;color: #999;}
.footer_m_box .link a{line-height: 25px;height: 25px;color: #999;}
.footer_m_box .link a:hover{color: #ff4600;}
.footer_f{width: 100%;height: 120px;background-color: #2E2E3D;}
.footer_f_box{width: 100%;height: 60px;float: left;text-align: left;padding-top: 30px;padding-bottom: 30px;}
.footer_f_box_l{height: 60px;float: left;text-align: left;width: 800px;}
.footer_f_box_r{height: 60px;float: right;text-align: left;width: 300px;}
.footer_f_box_r .icon{float: right;display: block;height: 60px;background-image: url(../images/foot_renzheng.png);background-repeat: no-repeat;}
.footer_f_box_r .icon li{float: left;width: 60px;display: block;height: 60px;line-height: 60px;margin-left: 10px;}
.footer_f .link{float: left;text-align: left;line-height: 30px;height: 30px;width: 800px;}
.footer_f a{line-height: 30px;color: #999;}
.footer_f a:hover{width: 250px;line-height: 20px;color: #FF4600;}
.footer_f .link span{font: normal 12px "瀹嬩綋";color: #666;padding-right: 10px;padding-left: 10px;}
.footer_f .copyright{float: left;text-align: left;line-height: 30px;height: 30px;color: #666;width: 800px;overflow: hidden;}
.footer_f .copyright img{margin: 0px 5px 0 5px;}
.footer_m_box li.footer_row{width: auto;float: right;}
.footer_row h4{font-size: 20px;font-weight: 300;line-height: 1;margin-bottom: 10px;color: #fff;}
.footer_row .join{margin: 16px 0 12px;width: 390px;}
.footer_row .join__form{position: relative;max-width: 544px;margin: 0 auto;text-align: left;}
.footer_row .field{position: relative;}
.mob-show{display: none !important;}
.footer_row .join .field__input{height: 44px;padding: 0 15px 0 10px;border: 0;box-sizing: border-box;width: 100%;background: #fff;font-size: 14px;color: #303030;}
.footer_row .join .field__label{padding: 0 10px;top: 14px;position: absolute;top: 25px;padding: 0 22px;font-size: 12px;color: #959597;pointer-events: none;transition: -webkit-transform .2s;transition: transform .2s;transition: transform .2s, -webkit-transform .2s;}
.footer_row .v6-btn{border: 0;padding: 14px 20px 13px;background: #e41e2b;border-radius: 0px ;color: #fff;letter-spacing: .4px;outline: none;text-transform: uppercase;font-weight: 600;font-size: 11px;}
.footer_row .join .join__btn{background: #e41e2b;height: 44px;right: 0;top: 0;width: 120px;border-top-left-radius: 0;border-bottom-left-radius: 0;font-weight: normal;font-size: 14px;box-sizing: border-box !important;position: absolute;padding: 10px;}
.footer_row .join .field__label{padding: 0 10px;top: 14px;}

/**nexfooter**/
.helloapp{margin-top: 20px;margin-bottom: 0px;text-align: center;}
.helloapp .d1{float: left;text-align: center;width: 60%;margin-top: 50px;margin-right: 50px;}
.helloapp .d1 div{width: 172px;height: 172px;background: #fff;text-align: center;margin: 0 auto;}
.helloapp .d1 h1{margin: 20px;color: #ccc;font-size: 38px;font-weight: 300;}
.helloapp .d1 h2{color: #ccc;font-size: 16px;font-weight: 300;margin-bottom: 20px;}
.helloapp .d1 h3 a{display: block;color: #ccc;font-size: 14px;font-weight: 300;padding: 10px;border-radius: 50px;border: 1px solid #ccc;width: 100px;margin: 0 auto;}
.helloapp .d2{float: left;}
.clearfix:after{content: "";height: 0;visibility: hidden;display: block;clear: both;}
