@charset "UTF-8";
* { outline: none; margin: 0; padding: 0; box-sizing: border-box; touch-action: pan-y; }

div, p, span, a, label, em, i, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

body { font: 12px Arial; color: #333333; background: #ffffff; }

body > tag { display: none; }

button, input, optgroup, select, textarea { font: 12px Arial; color: #333333; }

[class^="icon-"], [class*=" icon-"] { color: #ffffff; font-size: 18px; }

ul li { list-style-type: none; }

ol, ul { margin-top: 0; margin-bottom: 0; }

span, i, em, label { display: inline-block; font-style: normal; font-weight: normal; margin: 0; padding: 0; line-height: 20px; letter-spacing: 0.5px; }

p, span { letter-spacing: 0px; }

a { cursor: pointer; outline: none; display: inline-block; color: #333333; text-decoration: none; }

a:hover { color: #0059E5; text-decoration: none; }

a:active { color: #0083e4; }

a:focus { color: #4262FF; text-decoration: none; }

.w1200 { max-width: 1000px; margin: 0 auto; padding: 0 10px; }

.mf5 { margin-left: 5px; }

.mf10 { margin-left: 10px; }

.mf20 { margin-left: 20px; }

.mr5 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr20 { margin-right: 20px; }

.mr40 { margin-right: 40px; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mb10 { margin-bottom: 10px; }

.mb20 { margin-bottom: 20px; }

.pull-left { float: left; }

.pull-right { float: right; }

.flex-justify-start { display: flex; justify-content: flex-start; align-items: center; }

.flex-align-start { display: flex; justify-content: flex-start; align-items: flex-start; }

.flex-justify-center { display: flex; justify-content: center; align-items: center; }

.flex-justify-end { display: flex; justify-content: flex-end; align-items: center; }

.flex-justify-between { display: flex; justify-content: space-between; align-items: center; }

.flex-column { display: flex; flex-direction: column; }

button[disabled], html input[disabled], textarea[disabled] { background: #eeeeee; cursor: not-allowed; color: #888888; }

.hide { display: none !important; }

/*** 多行文本框默认不拖拽 ***/
textarea { resize: none; }

/* 只有clear:both的清除浮动类  */
.clear { clear: both; }

/* 只有overflow:hidden的清除浮动类 */
.clearfix { overflow: hidden; *zoom: 1; }

/* 块级显示且clear:both的清除浮动类 */
.legacy-pie-clearfix { *zoom: 1; }

.legacy-pie-clearfix:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }

/* display:table且clear:both的清除浮动类 */
.pie-clearfix { *zoom: 1; }

.pie-clearfix:after { content: ""; display: table; clear: both; }

.s-title { display: flex; align-items: center; margin-bottom: 80px; position: relative; }

.s-title .s-logo { width: 35px; height: 35px; margin-right: 25px; }

.s-title span { color: #333333; font-size: 32px; font-weight: 600; line-height: 38px; }

.public-first { width: 100%; height: 300px; }

.public-first .public-case { height: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; }

.public-first .public-case div { color: #ffffff; font-size: 40px; font-weight: bold; margin-bottom: 30px; letter-spacing: 4px; }

.public-first .public-case span { color: #ffffff; font-size: 24px; line-height: 34px; letter-spacing: 4px; }