@charset "utf-8";html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu{margin: 0;padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display: block;}
audio, canvas, video{display: inline-block;*display: inline;*zoom: 1;}
audio: not([controls]){display: none;}
[hidden]{display: none;}
html{font-size: 100%;overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body{margin: 0;font-size: 12px;line-height: 1.231;background-color: #fff;}
body, button, input, select, textarea{font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;color: #333;}
a{text-decoration: none;color: #666;}
*{font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
abbr[title]{border-bottom: 1px dotted;}
b, strong{font-weight: bold;}
blockquote{margin: 1em 40px;}
dfn{font-style: italic;}
hr{display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
ins{background: #ff9;color: #000;text-decoration: none;}
mark{background: #ff0;color: #000;font-style: italic;font-weight: bold;}
/* ????????????????????????????????????: h5bp.com/j*/pre, code, kbd, samp{font-family: monospace, monospace;_font-family: 'courier new', monospace;font-size: 1em;}
/* ????????????????????????????????????????????????????????????*/pre{white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
q{quotes: none;}
q: before, q: after{content: "";content: none;}
small{font-size: 85%;}
/* ????????????????????????????????????????????????: h5bp.com/k*/sub, sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
.container{width: 1000px;margin: 0 auto;}
.container1100{width: 1100px;margin: 0 auto;}
.container924{width: 929px;margin: 0 auto;}
.container1120{width: 1120px;margin: 0 auto;}
.pr{position: relative;}
.pb{position: absolute;}
.wrap{width: 100%;margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.aGray{color: #999;}
.aGray: hover, .aGray: active{color: #ea5404;}
.height_auto{height: auto;overflow: hidden;zoom=1;}
/* ============================================================================= ?????? ==========================================================================*/ul li{list-style: none;}
img{border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;}
svg: not(: root){overflow: hidden;}
figure{margin: 0;}
form{margin: 0;}
fieldset{border: 0;margin: 0;padding: 0;}
i{font-style: normal;}
/* ?????????label?????????????????????????????????????????????*/label{cursor: pointer;}
legend{border: 0;*margin-left: -7px;padding: 0;}
button, input, select, textarea{font-size: 100%;margin: 0;vertical-align: baseline;*vertical-align: middle;}
button, input{line-height: normal;*overflow: visible;}
table button, table input{*overflow: auto;}
button, input[type="button"], input[type="reset"], input[type="submit"]{cursor: pointer;-webkit-appearance: button;}
input[type="checkbox"], input[type="radio"]{box-sizing: border-box;}
input[type="search"]{-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]: : -webkit-search-decoration{-webkit-appearance: none;}
button: : -moz-focus-inner, input: : -moz-focus-inner{border: 0;padding: 0;}
textarea{overflow: auto;vertical-align: top;resize: vertical;}
select{-webkit-appearance: none;border-radius: 0;/* mobile-select??????*/}
input[type="submit"], input[type="reset"], input[type="button"], button{-webkit-appearance: none;}
/* ???????????????????????????*/input: valid, textarea: valid{}
input: invalid, textarea: invalid{background-color: #f0dddd;}
table{border-collapse: collapse;border-spacing: 0;}
/* ??????????????????*/.ir{display: block;border: 0;text-indent: -999em;overflow: hidden;background-color: transparent;background-repeat: no-repeat;text-align: left;direction: ltr;}
.ir br{display: none;}
/* ?????????????????????????????????????????????: h5bp.com/u*/.hidden{display: none !important;visibility: hidden;}
/* ????????????????????????????????????????????????: h5bp.com/v*/.visuallyhidden{border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
/* ?????? .visuallyhidden ?????????????????????????????????????????????????????????: h5bp.com/p*/.visuallyhidden.focusable: active, .visuallyhidden.focusable: focus{clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}
/* ????????????????????????????????????????????????????????????*/.invisible{visibility: hidden;}
/* ????????????: h5bp.com/q*//*.clearfix: before, .clearfix: after{content: "";display: table;}*/.clearfix: after{clear: both;}
.clearfix{zoom: 1;}
.clear{clear: both;height: 0;overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.news2_list li a: hover, .news2_list li a: hover img, .news_hot_list li a: hover, .solution_banner .bx-controls-direction a: hover, .reward_year li: hover, .clientele_right ul li a: hover, .design_list li a: hover, .design_pro_select > p: hover, .case_list li: hover a, .pro_subnav3_link a: hover, .subnav_list li: hover i, .clientele_nav1 a: hover, .news_nav1: hover i, .news_nav3: hover i, .join_way .more: hover, .footer_nav li a: hover i, .reward_year .slide a: hover, .partner_solution_nav li a: hover, .news_more_m, .search_right li .title{transition: all 0.3as ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;}
.ellipsis, .footer_link ul li a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.solution_nav1 a: hover, .news_nav4: hover i, .clientele_join .btn: hover, .clientele_login .btn: hover, .clientele_design .btn: hover, .partner_hover2 .more: hover, .join_next: hover, .apply_btn: hover, .design_communicate .btn1: hover, .back1: hover, .news_more_m: hover{opacity: 0.8;transition: all 0.3as ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;}
/* ??????????????? ??????: ???????????????????????? HTML ????????????????????????????????? http: //www.alistapart.com/articles/fluid-images/*//* IE 6 ??????????????????????????????????????? 100% ??????*/.ie6 img{width: 100%;}
/* ==|== ???????????? ======================================================= ??????????????? ??????????????????????????? HTTP ??????: h5bp.com/r ==========================================================================*/@media print{*{background: transparent !important;color: black !important;text-shadow: none !important;filter: none !important;-ms-filter: none !important;}
/* ????????????????????????: h5bp.com/s*/a, a: visited{text-decoration: underline;}
a[href]: after{content: " (" attr(href) ")";}
abbr[title]: after{content: " (" attr(title) ")";}
.ir a: after, a[href^="javascript: "]: after, a[href^="#"]: after{content: "";}
/* ???????????????????????? javascript/????????????*/pre, blockquote{border: 1px solid #999;page-break-inside: avoid;}
thead{display: table-header-group;}
/* h5bp.com/t*/tr, img{page-break-inside: avoid;}
img{max-width: 100% !important;}
@page{margin: 0.5cm;}
p, h2, h3{orphans: 3;widows: 3;}
h2, h3{page-break-after: avoid;}
}
.mrgR10{margin-right: 10px;}
.mrgB50{margin-bottom: 50px;}
.mrgB40{margin-bottom: 40px;}
.pageNavi{PADDING-RIGHT:0;BORDER-TOP:#ddd 0 solid;PADDING-LEFT:0;PADDING-BOTTOM:25px;MARGIN:10px auto 0;WIDTH:98%;PADDING-TOP:46px;TEXT-ALIGN:center;margin-bottom:10px}
.wp-pagenavi{CLEAR:both}
.wp-pagenavi A{text-decoration:none;color:#4c4c4c;background:#fff;border:1px solid #CCC;padding:3px 6px;padding-bottom:2px;margin-right:3px;font-size:12px;font-weight:700;display:inline-block;padding:0 7px;border:1px solid #ddd;margin-right:5px;line-height:26px}
.wp-pagenavi SPAN{text-decoration:none;color:#4c4c4c;background:#fff;border:1px solid #CCC;padding:3px 6px;padding-bottom:2px;margin-right:3px;font-size:12px;font-weight:700;display:inline-block;padding:0 7px;border:1px solid #ddd;margin-right:5px;line-height:26px}
.wp-pagenavi SPAN:hover{text-decoration:none;color:#fff;background:#0263b3;border:1px solid #0263b3}
.wp-pagenavi SPAN.active{text-decoration:none;color:#fff;background:#0263b3;border:1px solid #0263b3}