html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }
a{text-decoration:none}
.ui-fl-r {
    float: right;
}
h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: block;
  }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* remove tap color in Safari */ }

/**
 * unify the setting of elements's margin and padding
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0; }

/**
 * body basics
 */
body {
  margin-right: calc(100% - 100vw);
  overflow-x: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #575c66;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/**
 * remove the IE10+ clear btn inside input
 */
input::-ms-clear,
input::-ms-reveal {
  display: none; }

/**
 * code font-family
 */
code,
kbd,
pre,
samp {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  -webkit-font-smoothing: initial; }

button {
  border: none; }

/**
 * text selection color
 */
::selection {
  background-color: #d4fcd4; }

.index__fade-enter-active-3z5_2,
.index__fade-leave-active-7fzfQ {
  transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 0.15s; }

.index__fade-enter-3SFma,
.index__fade-leave-to-7NXGJ {
  opacity: 0; }


.case {
	position:relative;
	top:-50px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:0 auto;
	padding:81px 147.5px 59px;
	width:1080px;
	background:#fff;
	-webkit-box-shadow:0 8px 20px rgba(0,0,0,.1);
	box-shadow:0 8px 20px rgba(0,0,0,.1)
}
@media (max-width:960px) {
	.case {
	top:0;
	width:auto;
	padding:24px;
	-webkit-box-shadow:none;
	box-shadow:none
}
}.mobile-case-detail-header {
	display:none;
	position:relative;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding-left:12px;
	padding-right:12px;
	height:50px;
	background-color:#fff;
	-webkit-box-shadow:rgba(0,0,0,.1) 0 5px 30px;
	box-shadow:0 5px 30px rgba(0,0,0,.1)
}
@media (max-width:960px) {
	.mobile-case-detail-header {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
}.mobile-case-detail-header-link {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 12px 0 8px;
	height:30px;
	line-height:28px;
	color:#a8aeb3;
	font-size:13px;
	font-weight:400;
	border:1px solid hsla(0,0%,85%,.6);
	border-radius:3px
}
.mobile-case-detail-header-link:after {
	content:"";
	display:inline-block;
	position:relative;
	left:4px;
	vertical-align:-1px;
	width:6px;
	height:11px;
	background:url(../images/r.png);
	background-size:100% 100%
}
.mobile-case-detail-header-link:active {
	background:#f2f3f5
}
.mobile-case-detail-header-logo {
	width:107px;
	height:25px;
	background-image:url();
	background-size:100% 100%
}
.case-logo-wrapper {
	position:relative;
	margin-bottom:26px;
	text-align:center
}
.case-logo-wrapper:after {
	content:"";
	position:absolute;
	top:25px;
	left:0;
	width:100%;
	height:1px;
	background:#f0f0f0
}
@media (max-width:960px) {
	.case-logo-wrapper:after {
	top:15px
}
}@media (max-width:960px) {
	.case-logo-wrapper {
	margin-bottom:4px
}
}.case-logo-img {
	z-index:1
}
.case-logo,.case-logo-img {
	position:relative;
	display:inline-block
}
.case-logo {
	width:175px;
	height:44px;
	margin:0 31px;
	font-size:0
}
@media (max-width:960px) {
	.case-logo {
	width:120px;
	height:30px
}
}.case-logo:before {
	content:"";
	background:#fff
}
.case-logo:after,.case-logo:before {
	position:absolute;
	width:100%;
	height:100%
}
.case-logo:after {
	content:"\263A" attr(alt);
	top:0;
	left:0;
	text-align:center;
	font-size:14px;
	line-height:46px;
	color:hsla(0,0%,61%,.7)
}
.case-name {
	margin:0 0 4px;
	font-size:22px;
	font-weight:500;
	text-align:center;
	color:#4a4a4a
}
@media (max-width:960px) {
	.case-name {
	font-size:14px;
	line-height:14px
}
}.case-ad-desc {
	padding-bottom:90px;
	font-size:16px;
	text-align:center;
	color:#969696
}
.case-ad-desc span {
	display:inline-block;
	text-align:left
}
@media (max-width:960px) {
	.case-ad-desc {
	padding-top:20px;
	padding-bottom:20px;
	font-size:15px;
	line-height:22px
}
}.case-title {
	position:relative;
	margin:0 0 140px;
	font-size:38px;
	font-weight:400;
	color:#fff;
	text-align:center;
	line-height:100px;
	letter-spacing:2px
}
@media (max-width:960px) {
	.case-title {
	margin-top:12px;
	margin-bottom:28px;
	padding:0 24px;
	font-size:20px;
	line-height:29px
}
}.case-desc {
	margin-bottom:80px;
	font-size:16px;
	line-height:32px;
	color:#646464
}
@media (max-width:960px) {
	.case-desc {
	margin-bottom:30px;
	font-size:15px;
	line-height:27px
}
}.case-perform-list {
	display:table;
	table-layout:fixed;
	width:100%;
	margin-bottom:72px;
	text-align:center
}
@media (max-width:960px) {
	.case-perform-list {
	padding-top:10px;
	margin-bottom:30px
}
}.case-perform-data {
	display:table-cell;
	border-right:1px solid #e6e6e6
}
.case-perform-data:last-of-type {
	border-right:none
}
.case-perform-desc {
	font-size:16px;
	color:#969696;
	text-align:center
}
@media (max-width:960px) {
	.case-perform-desc {
	font-size:12px
}
}.case-target-title {
	margin-bottom:10px;
	font-size:22px;
	color:#4a4a4a
}
@media (max-width:960px) {
	.case-target-title {
	margin-bottom:8px;
	font-size:18px;
	font-weight:500;
	line-height:24px;
	letter-spacing:1px
}
}.case-target-desc {
	font-size:16px;
	line-height:32px;
	color:#646464
}
@media (max-width:960px) {
	.case-target-desc {
	color:#9d9d9d;
	font-size:15px;
	line-height:27px
}
}.case-target-dl {
	margin-bottom:45px
}
.case-service {
	margin-left:20px;
	color:#28292b;
	list-style:none
}
.case-service-list {
	margin-bottom:6px
}
.case-service-list:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	margin-top:-2px;
	margin-right:14px;
	width:6px;
	height:6px;
	border:1px solid #979f9f;
	border-radius:100%
}
.case-wrapper {
	position:relative;
	z-index:1;
	padding-top:78px;
	width:100%
}
@media (max-width:960px) {
	.case-wrapper {
	padding-top:14px
}
}.case-banner {
	position:fixed;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:430px;
	background-image:url(../images/bj.jpg);
	background-size:cover;
	background-position:50%
}
.case-comment {
	font-size:18px;
	text-align:center;
	color:#9b9999
}
@media (max-width:960px) {
	.case-comment {
	font-size:14px
}
}.case-comment-line {
	display:inline-block;
	vertical-align:-2px;
	width:1px;
	height:16px;
	background:#9b9999;
	margin:0 13px
}
.case-feedback {
	position:relative;
	padding:43px 51px 35px 97px;
	background:#fdfdfd;
	border:1px solid #f0f0f0
}
.case-feedback:before {
	content:"\201C";
	position:absolute;
	top:-4px;
	left:28px;
	font-size:90px;
	font-family:helvetica,webpfh,Microsoft Yahei,arial,sans-serif;
	color:#dcdcdc
}
@media (max-width:960px) {
	.case-feedback {
	padding:12px 12px 12px 44px
}
.case-feedback:before {
	top:-12px;
	left:12px;
	font-size:50px
}
}.case-feedback-line {
	color:#969696;
	font-family:sans-serif
}
.case-feedback-text {
	margin-bottom:20px;
	font-size:16px;
	line-height:24px;
	color:#999
}
@media (max-width:960px) {
	.case-feedback-text {
	margin-bottom:12px;
	font-size:14px
}
}.case-feedback-name {
	margin-right:10px;
	color:#999;
	font-weight:500
}
.case-feedback-name:after {
	content:"";
	display:inline-block;
	vertical-align:-2px;
	width:1px;
	height:14px;
	background:#dcdcdc;
	margin-left:10px
}
@media (max-width:960px) {
	.case-feedback-name:after {
	display:none
}
}.case-feedback-position {
	color:#969696
}
@media (max-width:960px) {
	.case-feedback-position {
	display:block;
	margin-left:36px;
	font-size:12px
}
}.case-outer {
	padding-bottom: 5px;
	margin-top: 100px;
	background: #f2f3f5;
}
.case-perform-field {
	margin-top:-13px;
	font-size:28px;
	color:#00c800;
	line-height:56px
}
@media (max-width:960px) {
	.case-perform-field {
	margin-bottom:-16px
}
}.case-perform-value {
	display:inline-block;
	vertical-align:middle;
	font-family:Roboto-Medium,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Helvetica;
	font-size:42px;
	font-weight:500;
	letter-spacing:-1px;
	font-display:swap
}
@media (max-width:960px) {
	.case-perform-value {
	font-size:24px;
	line-height:28px
}
}.case-perform-unit {
	display:inline-block;
	vertical-align:-2px;
	font-size:18px
}
@media (max-width:960px) {
	.case-perform-unit {
	vertical-align:1px
}
}.case-perform-symbol {
	position:relative;
	width:0;
	height:0;
	display:inline-block;
	vertical-align:middle
}
.case-perform-symbol_0 {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:17px;
	height:17px;
	top:-2px;
	left:5px;
	border-right:5px solid currentColor;
	border-bottom:5px solid currentColor
}
@media (max-width:960px) {
	.case-perform-symbol_0 {
	-webkit-transform:scale(.6) rotate(135deg);
	transform:scale(.6) rotate(135deg)
}
}.case-perform-symbol_1 {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:17px;
	height:17px;
	top:-2px;
	left:-1px;
	border-right:5px solid currentColor;
	border-bottom:5px solid currentColor
}
@media (max-width:960px) {
	.case-perform-symbol_1 {
	-webkit-transform:scale(.6) rotate(-45deg);
	transform:scale(.6) rotate(-45deg)
}
}.case-perform-symbol_2 {
	width:18px
}
@media (max-width:960px) {
	.case-perform-symbol_2 {
	-webkit-transform:scale(.7);
	transform:scale(.7)
}
}.case-perform-symbol_2:before {
	content:"";
	position:absolute;
	left:8px;
	top:-4px;
	width:6px;
	height:12px;
	background:currentColor
}
.case-perform-symbol_2:after {
	content:"";
	position:absolute;
	left:2px;
	top:-13px;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 9px 9px;
	border-color:transparent transparent currentColor
}
.case-perform-symbol_3 {
	width:18px
}
@media (max-width:960px) {
	.case-perform-symbol_3 {
	-webkit-transform:scale(.7);
	transform:scale(.7)
}
}.case-perform-symbol_3:before {
	content:"";
	position:absolute;
	left:8px;
	top:-13px;
	width:6px;
	height:12px;
	background:currentColor
}
.case-perform-symbol_3:after {
	content:"";
	position:absolute;
	left:2px;
	top:-1px;
	width:0;
	height:0;
	border-style:solid;
	border-width:9px 9px 0;
	border-color:currentColor transparent transparent
}
.case-header4 {
	margin:86px 0 50px;
	font-size:16px;
	letter-spacing:1px;
	color:#999;
	overflow:hidden
}
@media (max-width:960px) {
	.case-header4 {
	margin-top:48px;
	margin-bottom:30px;
	font-size:14px;
	font-weight:600;
	line-height:20px;
	color:#949494
}
}.case-header4-text {
	float:left;
	margin-right:12px
}
.case-header4-line {
	padding-top:12px;
	overflow:hidden
}
.case-header4-line i {
	display:block;
	height:1px;
	background:#f0f0f0
}
@media (max-width:960px) {
	.case-header4-line {
	padding-top:9px
}
}


.footer {
	color:#6e6f73
}
.footer,.footer-outer {
	background:#28292b
}
.footer-wrapper {
	margin:0 auto;
	padding:0 20px
}
.footer-wrapper.s-upper {
	border-right:1px solid #3a3b3d
}
.footer-upper {
	font-size:0;
	border-bottom:1px solid #3a3b3d;
	padding-top:50px;
	padding-bottom:50px
}
.footer-item {
	list-style:none;
	font-size:14px;
	display:inline-block;
	vertical-align:top
}
.footer-item.s-first {
	width:32.4074074%
}
.footer-item.s-second {
	width:32.8703704%;
	border-right:1px solid #3a3b3d
}
.footer-item.s-third {
	margin-left:12.962963%
}
.footer-item.s-third .info {
	margin-bottom:0
}
.footer-item.s-third .info-title {
	height:22px;
	margin-bottom:5px;
	overflow:hidden;
	text-align:justify
}
.footer-item.s-third .info-title:after {
	content:"";
	display:inline-block;
	width:100%;
	height:0;
	line-height:0
}
.footer-item.s-third .info-desc {
	text-indent:0
}
.footer-lower {
	font-size:14px;
	line-height:70px;
	text-align:left;
	color:#6e6f73;
	letter-spacing:1px
}
.footer-link {
	color:#6e6f73;
	margin-right:50px
}
.footer-link:hover {
	color:#6b6b6d
}
.info:first-child {
	margin-bottom:40px
}
.info-title {
	letter-spacing:1px
}
.info-desc {
	font-size:16px;
	color:#979aa2;
	text-indent:3em
}
.info-desc .footer-link {
	color:inherit
}
.info-icon {
	display:inline-block;
	margin-right:22px;
	vertical-align:middle;
	width:20px;
	height:20px
}
.info-icon.s-attendance {
	background-image:url(../images/kf.png);
	height:24px
}
.info-icon.s-phone {
	background-image:url(../images/tel.png)
}
.info-icon.s-service {
	background-image:url(../images/sj.png)
}
.info-icon.s-mail {
	background-image:url(../images/yx.png);
	height:14px
}
@media (max-width:850px) {
	.footer-link {
	display:none
}
.footer-wrapper span {
	font-size:12px;
	float:none;
	display:block;
	text-align:center
}
.footer-item.s-first,.footer-item.s-second,.footer-wrapper span span {
	display:none
}
.footer-item.s-third {
	margin-left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%)
}
}

.center {
    width: 300px;
    height: 650px;
    background: url(../images/phoneBg.png) top center no-repeat;
    background-size: 100%;
    text-align: center;
	margin:auto;
}
#divMsg {
    width: 236px;
    height: 474px;
    padding-top: 76px;
    text-align: left;
    padding-left: 32px;
    word-break: break-all;
    font-size: 12px;
}
#divMsg div {
    padding: 5px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    border-radius: 5px;
    font-size: 12px;
    background-color: #e4e4e9;
}
#txtWen{
   
    position: relative;
    margin-top:6px;
    
}
#txtWen li{ display:none}
#txtWen li.active{ display:block}
#txtWen li .wznr{
    padding: 10px 14px;
    margin:6px;
    width: 220px;
    box-sizing: border-box;
    position: absolute;
    line-height:20px;
    text-indent: 12px;
    height: 214px;
    background:url(../images/duiHua.png) no-repeat;
    background-size: 100% 100%;
    overflow:hidden;
}
#txtWen li .wznr:nth-child(2){
    height:154px;
}
#txtWen li .wznr:nth-child(1){
    height:150px;
}
#txtWen li .wznr.active{
    display: block;
}
.clear{ clear:both}

.share{
	text-align:right;
}
.share button{
	float:right;
	margin-left:12px;
}
.share button:nth-child(1){
	 background: url(../images/social.png) no-repeat -18px -87px;
	 width: 7px;
	 border: 0;
}
.share button:nth-child(2){
	background: url(../images/social.png) no-repeat -18px -18px;
	width: 7px;
	border: 0;
	display: none;
}
.share button:nth-child(3){
	background: url(../images/social.png) no-repeat -130px -87px;
	width: 7px;
	border: 0;
}
.share button:nth-child(4){
	background: url(../images/social.png) no-repeat -130px -151px;
	width: 7px;
	border: 0;
}
.share button:nth-child(5){
	background: url(../images/social.png) no-repeat -73px -20px;
	width: 7px;
	border: 0;
}


.case-comment {
    font-size: 31px;
    text-align: center;
    font-family: "SimSun";
    color: #fff;
}

.fixTop{
	width: 100%;
	height: 70px;
	position: absolute;
	line-height: 70px;
	top:0;
	left: 0;
z-index:99;
	background:transparent;
}
.fixTopM {
    width: 90%;
    margin: 0 auto;
    line-height: 70px;
}
.fixTopM img{
	height: 50px;
	line-height: 70px;
	width:auto;
	display: block;
	margin-top: 10px;
}


@media screen and (max-width:750px){
.fixTopM img {
    height: 36px;
    line-height: 70px;
    width: auto;
    display: block;
    margin-top: 10px;
}
.case-comment {
    font-size: 20px;
    text-align: center;
    font-family: "SimSun";
    color: #fff;
    padding-top: 60px;
}
}
.case-perform-symbol_1 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 17px;
    height: 17px;
    transform: scale(.6) rotate(-45deg);
    top: -2px;
    left: -1px;
    border-right: 5px solid currentColor;
    border-bottom: 5px solid currentColor;
}