@charset "utf-8";
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. 0. sassCore's style */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ overflow-y: scroll; /* 0 */ -webkit-overflow-scrolling: touch; /* 0 */ }

/** 1. Remove default margin 0. sassCore's style. */
body { margin: 0; /* 1 */ font-size: 12px; /* 0 */ line-height: 2; /* 0 */ color: #333; /* 0 */ background-color: #fff; /* 0 */ }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. 3. Correct `inline-block` display in IE 6/7. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ *display: inline; /* 3 */ *zoom: 1; /* 3 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** 1. Remove the gray background color from active links in IE 10. 2. Improve readability when focused and also mouse hovered in all browsers. 0. sassCore's style. */
a { background: transparent; /* 1 */ /* 0 */ text-decoration: none; color: #08c; }
a:active, a:hover { outline: 0; /* 2 */ }
a:hover { color: #006699; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** 1. Remove border when inside `a` element in IE 8/9/10. 2. Improve image quality when scaled in IE 7. 0. sassCore's style. */
img { border: 0; /* 1 */ vertical-align: middle; /* 0 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** 1. Contain overflow in all browsers. 2. Improve readability of pre-formatted text in all browsers. */
pre { overflow: auto; /* 1 */ white-space: pre; /* 2 */ white-space: pre-wrap; /* 2 */ word-wrap: break-word; /* 2 */ }

/** 1. Address odd `em`-unit font size rendering in all browsers. 2. Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ _font-family: 'courier new', monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea:focus, input:focus { outline: none; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="text"] { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ *margin-left: -7px; /* 3 */ }

/** 1. Remove default vertical scrollbar in IE 8/9/10/11. 0. sassCore's style */
textarea { overflow: auto; /* 1 */ resize: vertical; /* 0 */ }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/** Address CSS quotes not supported in IE 6/7. */
q { quotes: none; }

html, button, input, select, textarea { font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; }

h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }

ul, ol, li, dl, dd { margin: 0; padding: 0; }

ul, ol { list-style: none outside none; }

h1, h2, h3 { line-height: 2; font-weight: normal; }

h1 { font-size: 18px; }

h2 { font-size: 15.6px; }

h3 { font-size: 14.04px; }

h4 { font-size: 12px; }

h5, h6 { font-size: 10.2px; text-transform: uppercase; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #ccc; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }

.clear { clear: both; }

.f-cb { zoom: 1; }

.f-cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }

.fl { float: left; display: inline; }

.fr { float: right; display: inline; }

.por { position: relative; }

.poa { position: absolute; }

.pof { position: fixed; }

.poa-f { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.ovh { overflow: hidden; }

.noselect { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }

.z1 { z-index: 1; }

.z2 { z-index: 2; }

.z3 { z-index: 3; }

.dn { display: none; }

.dib { display: inline-block; }

.w-f { width: 100%; }

.h-f { height: 100%; }

.fwn { font-weight: normal; }

.tac { text-align: center; }

.t-f { transition: all 0.5s; }

.t-c { transition: color 0.5s; }

.t-bg { transition: background 0.5s; }

.loader { width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; font-size: 10px; border-top: 1px solid rgba(0, 0, 0, 0.08); border-right: 1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08); border-left: 1px solid rgba(0, 0, 0, 0.5); border-radius: 50%; animation: spinner 700ms infinite linear; }

.loader.white { border-top: 1px solid rgba(255, 255, 255, 0.08); border-right: 1px solid rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.08); border-left: 1px solid rgba(255, 255, 255, 0.5); }

@keyframes spinner { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
/*网站单位设置*/
@media (max-width: 767px) { html { font-size: 26px !important; } }
@media (max-width: 479px) { html { font-size: 24px !important; } }
@media (max-width: 320px) { html { font-size: 20px !important; } }
@media (min-width: 768px) { html { font-size: 28px !important; } }
@media (min-width: 1200px) { html { font-size: 30px !important; } }
@media (min-width: 1440px) { html { font-size: 34px !important; } }
@media (min-width: 1680px) { html { font-size: 40px !important; } }
div, ul, li, span, a { box-sizing: border-box; }

.phrase { font-family: "PhrasMe"; }

.bgf7 { background-color: #f7f7f7; }

.por { position: relative; }

.poa { position: absolute; }

.Arial { font-family: "Arial"; }

.toUpp { text-transform: uppercase; }

.mCSB_inside > .mCSB_container { margin-right: 20px !important; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #068585 !important; }

#lightbox-container-image-data-box { box-sizing: content-box; }

.ww1680 { width: 87.5%; margin-left: auto; margin-right: auto; }

.ww1200 { width: 1200px; margin-left: auto; margin-right: auto; }

.ww1170 { width: 1170px; margin-left: auto; margin-right: auto; }

.pages { padding: 44px 0 3.5rem; text-align: center; }
.pages .pagination { display: inline-block; }
.pages .pagination a { display: inline-block; width: 40px; height: 40px; line-height: 40px; color: #666; font-size: 16px; text-align: center; border: 1px solid #e5e5e5; transition: all .3s linear; font-family: "Arial"; vertical-align: top; margin: 0 2px; }
.pages .pagination a:hover, .pages .pagination a.active { color: #fff; background: #068585; border-color: transparent; }
.pages .pagination .prev { background: #fff url(../img/prev2.png) no-repeat center; }
.pages .pagination .prev:hover { background: #068585 url(../img/prev2on.png) no-repeat center; }
.pages .pagination .next { background: #fff url(../img/next2.png) no-repeat center; }
.pages .pagination .next:hover { background: #068585 url(../img/next2on.png) no-repeat center; }

.w1510 { width: 1510px; margin: 0 auto; }

.toTop { display: none; position: fixed; z-index: 7; bottom: 54px; right: 54px; width: 84px; height: 84px; cursor: pointer; padding: 15px; border-radius: 50%; overflow: hidden; }
.toTop:before { position: relative; z-index: 4; content: ""; display: block; width: 54px; height: 54px; transition: all .5s ease; border-radius: 50%; background: #f7f7f7 url(../img/toTop.png) no-repeat center; }
.toTop:after { position: absolute; border-radius: 50%; left: 0; top: 0; display: block; content: ""; width: 100%; height: 100%; background: rgba(75, 155, 155, 0.2); z-index: 2; transition: all .8s ease; transform: scale(0); }
.toTop:hover:before { background: #4b9b9b url(../img/toTopon.png) no-repeat center; }
.toTop:hover:after { transform: scale(1); }

.omit1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; }

.omit2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.omit3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.omit4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.omit5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

.omit6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }

.omit7 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }

.omit8 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }

.img100 { display: block; width: 100%; }

.table { display: table; width: 100%; height: 100%; }

.table-cell { display: table-cell; vertical-align: middle; }

.bgImg { background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; }

.flexBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; }

.ajax-contents { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); -moz-transform: scale3d(0.8, 0.8, 1); -webkit-transition: all .8s; transition: all .8s; }
.ajax-contents.cur { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); }

.inner-banner { 
	position: relative; z-index: 1; height: 18.75rem;
	-webkit-clip-path: inset(0 50% 0 50%);
	/*clip-path: inset(0 50% 0 50%);*/
    transition: all 1s cubic-bezier(0, 0.35, 0.14, 1.1) 1s;
 }
 .inner-banner.animate {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
 }
/* .inner-banner:before,.inner-banner:after {
 	content:"";
 	display: block;
 	position: absolute;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	z-index: 2;
 }
 .inner-banner:before {
 	left: -200%;
 	background: #078585;
 	transition: all 3s cubic-bezier(0, 0.35, 0.14, 1.1);
 }
 .inner-banner:after {
 	left: -100%;
 	background: #fff;
 	transition: all 3s cubic-bezier(0, 0.35, 0.14, 1.1);
 }*/
/* .inner-banner.animate:before{
 	left:100%;
 }
 .inner-banner.animate:after {
 	left:200%;
 }*/
.inner-banner .m-img { display: none; }
.inner-banner .inner-banner-cn { font-size: 30px; line-height: 1.1; margin-bottom: 18px; }
.inner-banner .inner-banner-en { font-size: 100px; line-height: 1.1; color: rgba(6, 133, 133, 0.85); font-weight: bold; font-family: "Arial"; text-transform: uppercase; }

.inner-banner-table { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; display: table; color: #fff; text-align: center; }

.inner-banner1 .inner-banner-table { height: 100%; }

.industry-banner .inner-banner-table { height: calc(100% - 100px); }
.industry-banner .inner-banner-h4 { font-size: 30px; line-height: 1.6; margin-bottom: 24px; }
.industry-banner .inner-banner-h5 { font-size: 14px; line-height: 1.7; }

.industry-banner { height: 21.5rem; }

.moudle-titles { position: relative; z-index: 2; text-align: center; margin-top: -96px; }
.moudle-titles .title-en { color: rgba(6, 133, 133, 0.85); font-size: 100px; line-height: 1.1; font-weight: bold; margin-top: .5rem; font-family: "Arial"; text-transform: uppercase; }
.moudle-titles .title-cn { color: #fff; font-size: 30px; line-height: 1.1; }

.inner-nav { position: relative; text-align: center; height: 91px; z-index: 9; }
.inner-nav .nav-banner-wrap { overflow: visible; height: 91px; background: #fff; }
.inner-nav.fixed0 { position: fixed; left: 0; top: 0; width: 100%; z-index: 9; }
.inner-nav.fixed0 .nav-banner-wrap { box-shadow: 0 0 10px #ddd; }
.inner-nav:before { position: absolute; content: ""; display: block; left: 0; bottom: 0; width: 100%; height: 1px; background: #ececec; }
.inner-nav .inner-nav-banner { overflow: hidden; padding-bottom: 7px; margin-left: auto; margin-right: auto; }
.inner-nav .banner3 { width: 444px; }
.inner-nav .banner4 { width: 592px; }
.inner-nav .banner5 { width: 740px; }
.inner-nav .nav-item { display: inline-block; padding: 30px 0; position: relative; overflow: visible; transition: all .6s ease-out; }
.inner-nav .nav-item:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -7px; display: block; width: 0; height: 0; border-style: solid; border-width: 0 7px; transition: all .6s ease-out; border-color: #068585 transparent transparent transparent; }
.inner-nav .nav-item:after { content: ""; display: block; width: 1px; height: 10px; background: #dadada; position: absolute; right: 0; top: 50%; margin-top: -5px; }
.inner-nav .nav-item:last-child:after { display: none; }
.inner-nav .nav-item:hover:before, .inner-nav .nav-item.cur:before { border-top-width: 7px; }
.inner-nav .nav-item:hover .nav-s0, .inner-nav .nav-item.cur .nav-s0 { color: #068585; transform: translateY(100%); }
.inner-nav .nav-a { position: relative; overflow: hidden; font-size: 18px; line-height: 30px; height: 30px; color: #333; vertical-align: top; display: inline-block; position: relative; font-weight: 100; transition: all .6s ease-out; }
.inner-nav .nav-a .nav-s0 { position: relative; display: block; height: 30px; line-height: 30px; color: #333; cursor: pointer; transition: all .6s ease-out; }
.inner-nav .nav-a .nav-s0:after { content: attr(data-title); position: absolute; left: 0; top: -30px; width: 100%; }

.name-top-wrap { padding-top: 2.6rem; padding-bottom: 1.3rem; line-height: 1.1; font-size: .6rem; }
.name-top-wrap .num0 { color: rgba(6, 133, 133, 0.85); font-weight: bold; font-family: "Arial"; font-size: 2.5rem; }
.name-top-wrap .top-cn { color: #666; }
.name-top-wrap .top-en { color: #838383; font-weight: bold; font-family: "Arial"; padding: 20px 0 8px; text-transform: uppercase; }

.about-list1 .list1-left { flex: 0 0 47.5%; }
.about-list1 .list1-right { flex: 0 0 52.3%; padding-top: 5.75rem; }
.about-list1 .list1-detail { color: #666; font-size: 14px; line-height: 24px; }
.about-list1 .scroll-wrap { max-height: 432px; }
.about-list1 .color-s0 { color: #068585; font-weight: bold; }
.about-list1 .left-contents { padding: 0 6.25vw; text-align: justify; }
.about-list1 .right-contents .nums-wrap { align-items: stretch; justify-content: flex-start; }
.about-list1 .right-contents .nums-item { position: relative; flex: 0 0 calc(50% - 43px); width: calc(50% - 43px); padding-bottom: .9rem; margin-bottom: 2rem; }
.about-list1 .right-contents .nums-item.item1 .nums-top:after { font-size: 28px; line-height: 32px; height: auto; bottom: 10px; }
.about-list1 .right-contents .nums-item.item2 .nums-top { color: #e8921f; }
.about-list1 .right-contents .nums-item.item3:before { display: none; }
.about-list1 .right-contents .nums-item:before { content: ""; position: absolute; bottom: -.6rem; left: 0; width: 80%; height: 1px; background: rgba(255, 255, 255, 0.2); }
.about-list1 .right-contents .sline0 { top: 0; right: 0; width: 1px; flex: 0 0 1px; margin: 0 42px; background: rgba(255, 255, 255, 0.2); }
.about-list1 .right-contents h3 { font-size: 30px; line-height: 1.1; }
.about-list1 .right-contents h4 { font-size: .35rem; line-height: 1.1; padding-top: .35rem; padding-bottom: 2.2rem; }
.about-list1 .right-contents .nums-s0 { display: inline-block; }
.about-list1 .right-contents .nums-top { position: relative; font-family: 'PhrasMe'; font-size: 100px; line-height: 88px; }
.about-list1 .right-contents .nums-top:after { content: attr(data-title);font-size: 28px;line-height: 32px;height: 32px; display: inline-block; position: absolute; height: 32px;bottom: 10px; }
.about-list1 .right-contents .nums-txts { font-size: 14px; line-height: 2.1; margin-top: 4px; opacity: .7; }
.about-list1 .right-contents .mains { width: 580px; margin-left: 4rem; padding: 2.5rem 0 .75rem; color: #fff; }

.about-list2 .name-top-wrap { padding-top: 4.5rem; padding-bottom: 2.5rem; position: relative; padding-left: 58.3%; border-bottom: 1px solid #ececec; }
.about-list2 .name-top-wrap:before { position: absolute; z-index: -1; top: -.9rem; left: 0; content: ""; display: block; width: 53.8%; height: calc(100% + 5.4rem); background: #f7f7f7; }
.about-list2 .name-top-wrap .num0 { position: relative; }
.about-list2 .name-top-wrap .num0:after { position: absolute; top: .4rem; left: 100%; width: 0; content: ""; display: block; height: 4px; background: #068585; opacity: 0; transition: all 1s ease 1s; bottom: 10px; }
.about-list2 .name-top-wrap .num0.animated:after { width: 100%; left: 7rem; opacity: 1; }
.about-list2 .list2-title { padding-top: 1.3rem; text-align: center; color: #068585; font-size: 36px; line-height: 2.2; }
.about-list2 .list2-item { flex: 0 0 420px; }
.about-list2 .list2-item:first-child .item-top { background: #666; }
.about-list2 .list2-item:nth-child(2) .item-top { background: #4b9b9b; }
.about-list2 .list2-item:last-child .item-top { background: #e8921f; }
.about-list2 .item-ico { display: inline-block; flex: 0 0 48px; background-repeat: no-repeat; background-position: center; }
.about-list2 .item-top-txts { flex: 0 0 calc(100% - 50px); width: calc(100% - 50px); }
.about-list2 .top-cn { font-size: 30px; line-height: 1.1; }
.about-list2 .top-en { opacity: .55; font-size: 14px; line-height: 24px; }
.about-list2 .top-en .flexBox { align-items: center; }
.about-list2 .item-top { color: #fff; margin-bottom: 10px; padding: 22px 1.4rem; }
.about-list2 .com-name { font-size: 16px; line-height: 24px; color: #666; padding: 17px; border: 1px solid #e0e0e0; text-align: center; margin-top: 5px; }

.about-list2-lines { width: 75.3%; margin: 0 auto; }

.about-list31 { margin: 52px 0 126px; position: relative; border-top: 4px solid #eee; }
.about-list31:before { position: absolute; content: ""; width: 0; height: 4px; background: #068585; top: -4px; left: 0; display: block; opacity: 0; transition: all 1.6s ease 1s; }
.about-list31.animated:before { width: 13rem; opacity: 1; }
.about-list31 .list31-left { flex: 0 0 27.6%; background-size: 100% auto !important; background-repeat: no-repeat; background-position: left bottom; }
.about-list31 .list31-right { flex: 0 0 67.5%; padding-top: 2.3rem; position: relative; }
.about-list31 .name-top-wrap { padding-top: 2rem; padding-left: 6.25vw; }
.about-list31 .list31-title { font-size: 36px; line-height: 1.1; color: #666; position: relative; margin-bottom: 1.3rem; }
.about-list31 .list31-title:before { position: absolute; content: ""; width: 24px; height: 2px; background: #a2a2a2; top: 50%; margin-top: -1px; left: -40px; display: block; }
.about-list31 .list31-title2 { font-size: 14px; line-height: 24px; color: #666; margin-bottom: 1rem; }
.about-list31 .list31-bot { position: absolute; font-size: 24px; line-height: 1.1; font-weight: bold; color: #068585; bottom: -68px; }
.about-list31 .list31-mains { padding: 1.4rem 1rem 0; }
.about-list31 .list31-item-wrap { width: 864px; }
.about-list31 .list31-item { flex: 0 0 28.7%; color: #fff; text-align: center; padding-bottom: .9rem; }
.about-list31 .item1 { background: #4b9b9b; }
.about-list31 .item2 { background: #e8921f; }
.about-list31 .item3 { background: #999; }
.about-list31 .list31-h5 { font-size: 24px; line-height: 1.1; padding: 1rem .5rem .4rem; }
.about-list31 .list31-h6 { font-size: 14px; line-height: 1.7; padding: 0 .5rem; }

.about-list32 .list32-title { font-size: 36px; line-height: 1.1; color: #666; position: relative; margin: 0 3rem 1.3rem; }
.about-list32 .list32-title:before { position: absolute; content: ""; width: 24px; height: 2px; background: #a2a2a2; top: 50%; margin-top: -1px; left: -40px; display: block; }

.about-list4 { padding-bottom: 2.25rem; }
.about-list4 .name-top-wrap { padding-left: 6.25vw; }
.about-list4 .list4-left { flex: 0 0 26%; background-size: 100% auto !important; background-repeat: no-repeat; background-position: left bottom; }
.about-list4 .list4-right { flex: 0 0 67.5%; padding-top: 2.3rem; position: relative; }
.about-list4 .list4-mains { padding-top: 44px; padding-bottom: 1px; background: url(../img/about-bg2.png) no-repeat left top; background-repeat: repeat-y; }
.about-list4 .year-num { font-size: 36px; line-height: 40px; }
.about-list4 .year-en { font-size: 14px; line-height: 40px; position: relative; top: -4px; }
.about-list4 .item-mains { justify-content: flex-start; align-items: stretch; }
.about-list4 .item-left { flex: 0 0 190px; text-align: center; color: #fff; font-family: "Arial"; background: #999; transition: all .5s ease; }
.about-list4 .item-right { flex: 0 0 calc(100% - 191px); width: calc(100% - 191px); background: #f5f5f5; font-size: 16px; line-height: 24px; color: #666; }
.about-list4 .left-contents { padding: 18px; display: table; height: 100%; width: 100%; }
.about-list4 .right-contents { padding: 22px 36px; }
.about-list4 .hide-h5 { opacity: .5; font-size: 14px; line-height: 32px; color: #666; transition: all .5s ease; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.about-list4 .hide-h5.cur { color: #068585; font-size: 18px; font-weight: bold; opacity: 1; }
.about-list4 .item-hides { position: absolute; z-index: 2; opacity: 0; background: #fff; width: 350px; padding: 22px 30px; box-shadow: 0 0 20px #c5c2c2; transition: all .5s ease; left: 180px; top: -64px; min-height: 120px; }
.about-list4 .item-hides:before { content: ""; position: absolute; left: -38px; top: 64px; background: url(../img/t1.png) no-repeat center; background-size: 100% !important; width: 38px; height: 50px; display: block; }
.about-list4 .ajax-item { position: relative; margin-bottom: 16px; cursor: pointer; }
.about-list4 .ajax-item:hover .item-left { background: #068585; }
.about-list4 .ajax-item:hover .item-hides { opacity: 1; }

.about-list4-ornament { padding: 1.8rem 0 0 3rem; height: 12rem; }
.about-list4-ornament .since-img { width: 206px; }
.about-list4-ornament .since-txts { display: block; font-size: 14px; line-height: 24px; color: #068585; margin-top: 24px; }

.about-ajax-control { border-left: 2px solid #068585; border-bottom: 4px solid #068585; margin-bottom: 28px; justify-content: flex-start; }
.about-ajax-control .ajax-btn { display: inline-block; flex: 0 0 200px; font-size: 18px; line-height: 24px; font-weight: bold; color: #666; padding: 16px 0; text-align: center; transition: all .5s ease; border-top: 2px solid #068585; border-right: 2px solid #068585; cursor: pointer; }
.about-ajax-control .ajax-btn:hover, .about-ajax-control .ajax-btn.cur { color: #fff; background: #068585; }

.metal .about-list1 { padding-bottom: 3.5rem; }
.metal .about-list1 .list1-right { padding-top: 2.6rem; }
.metal .about-list1 .scroll-wrap { max-height: 288px; }
.metal .about-list1 .right-contents .nums-item.item3 .nums-top:after { font-size: 28px; line-height: 1.1; height: auto; bottom: 10px; }

.metal-list2 .m-img { display: none; }
.metal-list2 .list2-left { flex: 0 0 53.9%; }
.metal-list2 .list2-right { flex: 0 0 41.66%; }
.metal-list2 .name-top-wrap { padding-top: 4rem; }
.metal-list2 .name-top-wrap .num0 { position: relative; }
.metal-list2 .name-top-wrap .num0:after { position: absolute; top: .4rem; left: 100%; width: 0; content: ""; display: block; height: 4px; background: #068585; opacity: 0; transition: all 1s ease 1s; }
.metal-list2 .name-top-wrap .num0.animated:after { width: 100%; left: 7rem; opacity: 1; }
.metal-list2 .right-item { font-size: 14px; line-height: 24px; color: #666; padding-bottom: .9rem; }
.metal-list2 .item-h5 { color: #068585; line-height: 18px; padding-bottom: 16px; }
.metal-list2 .right-mains { position: relative; padding-left: 38px; padding-right: 6.25vw; }
.metal-list2 .right-mains:before { position: absolute; content: ""; width: 24px; height: 2px; background: #a2a2a2; top: 9px; left: 0; display: block; }

.metal-list3 { padding: 2.5rem 0; align-items: flex-start; }
.metal-list3 .list3-left { flex: 0 0 27%; padding-bottom: 5rem; background-size: 100% auto !important; background-repeat: no-repeat; background-position: left bottom; }
.metal-list3 .list3-right { flex: 0 0 67.7%; }
.metal-list3 .name-top-wrap { padding-top: .75rem; padding-left: 6.25vw; }

.metal-list4 .list4-left { flex: 0 0 51.6%; }
.metal-list4 .list4-right { flex: 0 0 41.66%; }
.metal-list4 .name-top-wrap { padding-top: 1.1rem; }
.metal-list4 .name-top-wrap .num0 { position: relative; }
.metal-list4 .name-top-wrap .num0:after { position: absolute; top: .4rem; left: 100%; width: 0; content: ""; display: block; height: 4px; background: #068585; opacity: 0; transition: all 1s ease 1s; }
.metal-list4 .name-top-wrap .num0.animated:after { width: 100%; left: 7rem; opacity: 1; }
.metal-list4 .left-item { font-size: 14px; line-height: 24px; color: #666; padding-bottom: 28px; }
.metal-list4 .item-h5 { color: #068585; line-height: 18px; }
.metal-list4 .left-mains { padding: 28px 28px 0 6.25vw; }

.metal-list5 { position: relative; padding: 2.5rem 0; flex-wrap: nowrap; }
.metal-list5 .name-top-wrap { padding-top: 0; padding-left: 6.25vw; }
.metal-list5 .list5-left { flex: 0 0 31.7%; }
.metal-list5 .list5-right { flex: 0 0 67.7%; width: 67.7%; overflow: hidden; }

.metal-list5-banner { overflow: hidden; width: 100%; }
.metal-list5-banner .img-wrap { overflow: hidden; }
.metal-list5-banner .txts-wrap { font-size: 14px; line-height: 24px; color: #666; padding: 18px 10px 18px 0; }

.w1348 { width: 1348px; margin-left: auto; margin-right: auto; }

.industry-nav-wrap { position: relative; z-index: 2; margin-top: -99px; overflow: hidden; background: #fff; border-bottom: 1px solid #ddd; }
.industry-nav-wrap .nav-item { background: #fff; text-align: center; font-size: 18px; line-height: 24px; color: #333; transition: all .6s ease; }
.industry-nav-wrap .nav-item .contents { padding: 20px; }
.industry-nav-wrap .nav-item:hover, .industry-nav-wrap .nav-item.cur { background: #068585; color: #fff; }
.industry-nav-wrap .nav-item:hover .hover, .industry-nav-wrap .nav-item.cur .hover { display: block; }
.industry-nav-wrap .nav-item:hover .unhover, .industry-nav-wrap .nav-item.cur .unhover { display: none; }
.industry-nav-wrap .img-wrap { width: 36px; height: 29px; overflow: hidden; position: relative; margin: 0 auto 6px; }
.industry-nav-wrap .hover { display: none; }

.poa100 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.metal-btns { position: absolute; width: 136px; height: 24px; left: 6.25vw; bottom: 2.5rem; }
.metal-btns .btn { position: absolute; z-index: 3; display: block; width: 20px; height: 30px; top: 50%; margin-top: -15px; cursor: pointer; }
.metal-btns .btn.prev { left: 0; background: url(../img/prev1.png) no-repeat center; background-size: 13px; }
.metal-btns .btn.next { right: 0; background: url(../img/next1.png) no-repeat center; background-size: 13px; }

.metal-hd01 { position: absolute; width: 136px !important; height: 24px !important; left: 6.25vw !important; bottom: 2.5rem !important; text-align: center; font-size: 18px; line-height: 24px; font-weight: bold; color: #333; font-family: "Arial"; }

.led-list1 { padding-left: 6.25vw; }
.led-list1 .m-img { display: none; }
.led-list1 .list1-img-wrap { height: 13.45rem; }
.led-list1 .list1-h4 { font-size: 36px; line-height: 1.1; color: #068585; }
.led-list1 .list1-detail { position: relative; font-size: 14px; line-height: 24px; color: #666; margin: 40px 5.4rem 0; padding-left: 38px; padding-bottom: 1.6rem; }
.led-list1 .list1-detail:before { position: absolute; content: ""; width: 24px; height: 2px; background: #a2a2a2; top: 12px; left: 0; display: block; }

.led-list2 { padding: 2rem 6.25vw 3.6rem; }
.led-list2 .flexBox { align-items: flex-start; }
.led-list2 .list2-left { flex: 0 0 730px; margin-top: -9.4rem; background: rgba(75, 155, 155, 0.95); color: #fff; }
.led-list2 .list2-right { flex: 0 0 calc(100% - 731px); width: calc(100% - 731px); color: #666; font-size: 14px; line-height: 24px; text-align: justify; }
.led-list2 .list2-h5 { margin-top: 1.5rem; font-size: 18px; color: #068585; }
.led-list2 .right-contents { padding: 0 2.4rem; }
.led-list2 .left-contents { padding: 2rem 2.2rem; }
.led-list2 .sline0 { top: 0; right: 0; width: 1px; flex: 0 0 1px; margin: 0 42px; background: rgba(255, 255, 255, 0.2); }
.led-list2 .nums-s0 { display: inline-block; }
.led-list2 .nums-top { position: relative; font-family: 'PhrasMe'; font-size: 100px; line-height: 88px; }
.led-list2 .nums-top:after { content: attr(data-title); display: inline-block; position: absolute; height: 100%; font-size: 18px; line-height: 1.1; height: auto; bottom: 10px; }
.led-list2 .nums-txts { font-size: 14px; line-height: 2.1; margin-top: 4px; opacity: .7; }
.led-list2 .nums-wrap { align-items: stretch; justify-content: flex-start; }
.led-list2 .item1 { flex: 0 0 100%; width: 100%; margin-bottom: .8rem; padding-bottom: 1.7rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.led-list2 .item2, .led-list2 .item3 { flex: 0 0 calc(50% - 43px); width: calc(50% - 43px); padding-bottom: .6rem; }
.led-list2 .item2 { color: #e8921f; }
.led-list2 .nums-item { position: relative; }

.lithium-list1 { padding-top: 2.1rem; padding-bottom: 1rem; }
.lithium-list1 .name-top-wrap { padding-top: 0; }
.lithium-list1 .list1-h5 { font-size: 36px; line-height: 1.1; color: #068585; margin-bottom: 1.1rem; }
.lithium-list1 .list1-left { flex: 0 0 50%; }
.lithium-list1 .list1-right { flex: 0 0 50%; }
.lithium-list1 .left-contents { padding: 0 2.8rem 0 3rem; }
.lithium-list1 .list1-detail { margin-left: 1.9rem; text-align: justify; }
.lithium-list1 .scroll-wrap { max-height: 19.5vw; }

.lithium-list2 { position: relative; padding-bottom: 4.4rem; }
.lithium-list2:before { position: absolute; z-index: 0; content: ""; width: calc(50% - 2.8rem); height: 4rem; background: #f7f7f7; top: 0; left: 0; display: block; }
.lithium-list2 .m-img { display: none; }
.lithium-list2 .list2-left { padding-top: 4rem; flex: 0 0 50%; }
.lithium-list2 .img-wrap { height: 10.8rem; }
.lithium-list2 .list2-right { flex: 0 0 50%; overflow: hidden; position: relative; }
.lithium-list2 .list2-right:after { content: ""; display: block; position: absolute; z-index: 0; bottom: 0; left: 4rem; width: 100%; height: 11rem; background: url(../img/about-line2.png) repeat-x left bottom; }
.lithium-list2 .right-contents { padding-left: 4rem; background: #fff; position: relative; z-index: 2; }
.lithium-list2 .right-mains, .lithium-list2 .left-detail { font-size: 14px; line-height: 24px; color: #666; text-align: justify; }
.lithium-list2 .right-mains { padding-right: 4.3rem; padding-bottom: 10px; background: #fff; }
.lithium-list2 .left-detail { padding-top: 1.5rem; padding-left: 5.9rem; }
.lithium-list2 .name-top-wrap { padding-top: 2rem; }
.lithium-list2 .name-top-wrap .num0 { position: relative; }
.lithium-list2 .name-top-wrap .num0:after { position: absolute; top: .4rem; left: 100%; width: 0; content: ""; display: block; height: 4px; background: #068585; opacity: 0; transition: all 1s ease 1s; }
.lithium-list2 .name-top-wrap .num0.animated:after { width: 100%; left: 7rem; opacity: 1; }

.scroll-mains0 { position: relative; padding-left: 38px; }
.scroll-mains0:before { position: absolute; content: ""; width: 24px; height: 2px; background: #a2a2a2; top: 12px; left: 0; display: block; }

.coop-list1 { padding: 2rem 6.25vw; }
.coop-list1 .flexBox { justify-content: flex-start; }
.coop-list1 .coop-item { flex: 0 0 14.3%; margin-bottom: 1rem; margin-right: 2.84%; border-radius: 6px; box-shadow: 0 0 20px #c5c2c2; border: 4px solid transparent; transition: all .5s ease; }
.coop-list1 .coop-item:hover { border-color: #068585; }

.news .ajax-contents { padding-top: 2rem; }

.can-hover .img-wrap { overflow: hidden; }
.can-hover .img-wrap .img100 { transition: all 1s ease; }
.can-hover:hover .img100 { transform: scale3d(1.1, 1.1, 1.1); }

.media-list1 .m-img { display: none; }
.media-list1 .media-item { flex: 0 0 49%; margin-bottom: 32px; box-shadow: 0 0 20px #c5c2c2; transition: all .5s ease; display: inline-flex; flex-wrap: wrap; }
.media-list1 .media-item:nth-child(odd) { margin-right: 2%; }
.media-list1 .media-item .img-wrap { flex: 0 0 42.8%; overflow: hidden; }
.media-list1 .media-item .txts-wrap { position: relative; flex: 0 0 57%; }
.media-list1 .media-item .txts-contents { padding: .8rem .8rem 1.8rem; }
.media-list1 .media-item .meida-from { display: block; color: #068585; font-size: 14px; line-height: 1.1; font-weight: bold; }
.media-list1 .media-item .meida-h5 { font-size: 18px; line-height: 24px; color: #333; margin-bottom: 24px; margin-top: 12px; }
.media-list1 .media-item .meida-detail { font-size: 14px; line-height: 24px; color: #999; height: 48px;
overflow: hidden;}

.view-more1 { display: block; font-size: 12px; line-height: 30px; color: #4b9b9b; position: absolute; right: .8rem; bottom: .8rem; padding-right: 36px; padding-left: 16px; transition: all .6s ease; }
.view-more1:after { position: absolute; top: 0; right: 10px; content: ""; display: inline-block; vertical-align: top; background: url(../img/toMore.png) no-repeat center; height: 30px; width: 14px; transition: all .6s ease; }
.view-more1:hover { background: #4b9b9b; color: #fff; padding-right: 46px; }
.view-more1:hover:after { background: url(../img/toMoreon.png) no-repeat center; }

.plan-more1 { position: relative; display: inline-block; font-size: 12px; line-height: 30px; color: #4b9b9b; padding-right: 36px; margin-top: 52px; transition: all .6s ease; }
.plan-more1:after { position: absolute; top: 0; right: 10px; content: ""; display: inline-block; vertical-align: top; background: url(../img/toMore.png) no-repeat center; height: 30px; width: 14px; transition: all .6s ease; }
.plan-more1:hover { padding-right: 46px; }

.news-list1 .news-item { margin-bottom: 26px; padding-bottom: 26px; align-items: flex-start; transition: all .5s ease; border-bottom: 1px solid #d6d6d6; }
.news-list1 .news-item .item-right { flex: 0 0 375px; }
.news-list1 .news-item .news-dates { flex: 0 0 3.9rem; text-align: center; }
.news-list1 .news-item .item-left { flex: 0 0 65.4%; display: inline-flex; flex-wrap: wrap; padding-top: .5rem; }
.news-list1 .news-item .txts-wrap { flex: 0 0 calc(100% - 4rem); width: calc(100% - 4rem); }
.news-list1 .news-item .txts-contents { padding-left: 1.5rem; padding-bottom: 32px; border-left: 1px solid #d6d6d6; }
.news-list1 .news-item .day0 { display: block; font-size: 48px; line-height: 1.1; color: #4b9b9b; }
.news-list1 .news-item .month0 { display: block; font-size: 14px; line-height: 30px; color: #ccc; }
.news-list1 .news-item .news-h5 { font-size: 18px; line-height: 22px; color: #333; margin-bottom: 24px; }
.news-list1 .news-item .news-detail { font-size: 14px; line-height: 30px; color: #999; }
.elegant-list1 .flexBox {
	justify-content: flex-start;
}
.elegant-list1 .elegant-item { flex: 0 0 31.2%; margin-bottom: 1.4rem; }
.elegant-list1 .elegant-txts { position: relative; padding: 28px 28px 10px; }
.elegant-list1 .elegant-txts:before { background: #dadada; content: ""; display: block; height: 80px; width: 1px; position: absolute; left: 0; top: 14px; }
.elegant-list1 .elegant-dates { font-size: 12px; line-height: 1.1; margin-bottom: 14px; color: #999; }
.elegant-list1 .elegant-h5 { font-size: .45rem; line-height: 1.66; color: #333; }

.demo-list1 { padding-top: 2rem; }

.recruit-list1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .recruit-list1 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #fff !important; }
.recruit-list1 .mCSB_scrollTools .mCSB_draggerRail { background: #fff !important; }
.recruit-list1 .scroll-wrap { height: 96px; }
.recruit-list1 .recruit-item { flex: 0 0 48.5%; margin-bottom: 16px; box-shadow: 0 0 20px #c5c2c2; transition: all .5s ease; font-size: 14px; line-height: 24px; color: #666; cursor: pointer; }
.recruit-list1 .recruit-item:hover { background: #068585; color: #fff; }
.recruit-list1 .recruit-item:hover .recruit-name { color: #fff; }
.recruit-list1 .recruit-contents { padding: 20px 40px 40px; }
.recruit-list1 .recruit-top { margin-bottom: 14px; }
.recruit-list1 .recruit-name { font-size: 24px; line-height: 28px; color: #333; transition: all .5s ease; }
.recruit-list1 .recruit-company { line-height: 28px; }

.recruit-mains { padding-top: 2rem; }

.recruit-select-wrap { z-index: 2; color: #fff; font-size: 16px; line-height: 24px; width: 280px; position: relative; margin-bottom: 12px; }
.recruit-select-wrap .select-top { padding: 12px 40px 12px 24px; border-radius: 6px; cursor: pointer; background: #068585 url(../img/s1.png) no-repeat right 24px center; }
.recruit-select-wrap .select-top:before { content: "选择区域 : "; vertical-align: top; }
.recruit-select-wrap .option { padding: 12px 24px; cursor: pointer; transition: all .6s ease; border-top: 1px solid rgba(255, 255, 255, 0.3); }
.recruit-select-wrap .option:hover { padding-left: 28px; }
.recruit-select-wrap .select-lists { padding-top: 6px; background: #068585; display: none; position: absolute; left: 0; top: 42px; width: 100%; border-radius: 0 0 6px 6px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.plan-list1 { padding: 2rem 0 2.5rem; }
.plan-list1 .list1-left { flex: 0 0 30%; }
.plan-list1 .list1-right { flex: 0 0 69.5%; }

.plan-list2 { padding: 3rem 6.25vw 1.75rem; }
.plan-list2 .list2-left { flex: 0 0 50%; }
.plan-list2 .list2-right { position: relative; flex: 0 0 50%; }
.plan-list2 .left-item { padding-left: 52px; border-bottom: 1px solid #d8d8d8; margin-bottom: .8rem; padding-bottom: .9rem; }
.plan-list2 .item-h5 { font-size: 24px; line-height: 28px; color: #068585; position: relative; margin-bottom: 16px; }
.plan-list2 .item-h5:before { position: absolute; content: ""; width: 24px; height: 2px; background: #a2a2a2; top: 13px; left: -52px; display: block; }
.plan-list2 .item-h6 { font-size: 14px; line-height: 30px; color: #666; }
.plan-list2 .item-h6 .color { color: #157c7c; font-weight: bold; }
.plan-list2 .item-h6 li { padding-left: 28px; display: block; position: relative; }
.plan-list2 .item-h6 li:before { position: absolute; content: ""; width: 8px; height: 8px; border-radius: 50%; background: #068585; top: 11px; left: 0; display: block; }
.plan-list2 .item3 { border-bottom: none; }
.plan-list2 .item3 li { padding-left: 0; }
.plan-list2 .item3 li:before { display: none; }
.plan-list2 .name-top-wrap { padding-top: 1.1rem; padding-left: 2.5rem; position: relative; z-index: 2; }
.plan-list2 .right-img-wrap { position: absolute; width: 34vw; top: 0; right: 0; }

.plan-list2-bot { font-size: 14px; line-height: 30px; color: #666; background: #fff; }
.plan-list2-bot .ajax-control { display: flex; border: 1px solid #e5e5e5; background: #f1f1f1; }
.plan-list2-bot .ajax-btn { flex: 0 0 10rem; font-size: 18px; text-align: center; padding: 15px 0; display: inline-block; cursor: pointer; transition: all .5s ease; }
.plan-list2-bot .ajax-btn:hover, .plan-list2-bot .ajax-btn.cur { background: #4b9b9b; color: #fff; }
.plan-list2-bot .ajax-contents { padding: 1.1rem 0 1.1rem 1.1rem; background: #fff; min-height: 4.4rem; }
.plan-list2-bot .ajax-left { flex: 0 0 calc(100% - 6rem); width: calc(100% - 6rem); }
.plan-list2-bot .ajax-right { flex: 0 0 6rem; border-left: 1px solid #ececec; background-repeat: no-repeat; background-position: center; background-size: 1.8rem !important; }

.bgf1 { background: #f1f1f1; }

.plan-list3 { align-items: flex-start; }
.plan-list3 .list3-left { flex: 0 0 28.2%; padding-bottom: 5rem; background-size: 100% auto !important; background-repeat: no-repeat; background-position: left bottom; }
.plan-list3 .list3-right { flex: 0 0 70%; width: 70%; padding-top: 3.2rem; }
.plan-list3 .list3-h4 { font-size: 24px; line-height: 2; color: #4b9b9b; position: relative; padding-left: 10px; margin-bottom: 1.5rem; }
.plan-list3 .list3-h4:before { position: absolute; content: ""; width: 24px; height: 2px; background: #a2a2a2; top: 23px; left: 0; display: block; }
.plan-list3 .right-contents { padding: 1.2rem 6.25vw 3rem 2.1rem; }
.plan-list3 .name-top-wrap { padding-top: 2rem; padding-left: 6.25vw; }
.plan-list3 .right-item1 { font-size: 16px; line-height: 2; color: #666; }
.plan-list3 .right-item1 li { display: block; position: relative; padding-bottom: 16px; }
.plan-list3 .right-item1 li:before { position: absolute; content: ""; width: 8px; height: 8px; border-radius: 50%; background: #068585; top: 12px; left: -18px; display: block; }
.plan-list3 .list3-h5 { font-size: 16px; line-height: 2; color: #4b9b9b; font-weight: bold; margin-bottom: 12px; position: relative; }
.plan-list3 .list3-h5:before { position: absolute; content: ""; width: 8px; height: 8px; border-radius: 50%; background: #068585; top: 12px; left: -18px; display: block; }
.plan-list3 .right-item2 { padding-top: 1rem; }
.plan-list3 .right-item3 { padding-top: 1rem; }

.plan-list3-banner { overflow: hidden; }
.plan-list3-banner .slide-item { display: block; padding-bottom: 18px; }
.plan-list3-banner .txts-wrap { color: #333; font-size: 14px; line-height: 30px; }

.plan-list4-banner { overflow: hidden; }
.plan-list4-banner .slide-item { display: block; padding-bottom: 18px; }
.plan-list4-banner .txts-wrap { color: #333; font-size: 14px; line-height: 30px; }

.plan-list4 { padding-top: 2.5rem; }
.plan-list4 .list4-left { flex: 0 0 50%; width: 50%; }
.plan-list4 .right-contents { padding-left: 2.5rem; padding-right: 6.25vw; }
.plan-list4 .name-top-wrap { padding-top: 1rem; }
.plan-list4 .list4-right { flex: 0 0 50%; position: relative; }
.plan-list4 .right-item { width: 48.6%; }
.plan-list4 .item2 { position: relative; background: #068585; color: #fff; font-family: "Arial"; color: rgba(255, 255, 255, 0.5); text-align: center; }
.plan-list4 .swiper-pagination-current { font-size: 72px; line-height: 76px; color: #fff; }
.plan-list4 .swiper-pagination-total { font-size: 24px; line-height: 76px; }
.plan-list4 .right-bot { position: absolute; bottom: 0; width: 38.6vw; }

.plan-btns { position: absolute; z-index: 2; width: 226px; height: 1px; left: 50%; top: 50%; margin-left: -113px; }
.plan-btns .btn { position: absolute; z-index: 3; display: block; width: 38px; height: 76px; top: 50%; margin-top: -38px; cursor: pointer; transition: all .5s ease; }
.plan-btns .btn.prev { left: 0; background: url(../img/prev3.png) no-repeat center; }
.plan-btns .btn.prev:hover { background: url(../img/prev3on.png) no-repeat center; }
.plan-btns .btn.next { right: 0; background: url(../img/next3.png) no-repeat center; }
.plan-btns .btn.next:hover { background: url(../img/next3on.png) no-repeat center; }

.plan-list5 { padding-top: 3.4rem; align-items: flex-start; }
.plan-list5 .name-top-wrap { padding-left: 6.25vw; }
.plan-list5 .list5-left { padding-bottom: 4.6rem; background-size: 70% auto !important; background-repeat: no-repeat; background-position: left bottom; flex: 0 0 36.7%; }
.plan-list5 .list5-right { flex: 0 0 63.2%; width: 63.2%; }
.plan-list5 .ico-wrap { position: relative; flex: 0 0 4.5rem; width: 4.5rem; }
.plan-list5 .txts-wrap { flex: 0 0 calc(100% - 4.51rem); width: calc(100% - 4.51rem); }
.plan-list5 .ico0 { position: absolute; width: 86px; height: 82px; left: 50%; top: 50%; margin-left: -43px; margin-top: -41px; }
.plan-list5 .hover { display: none; }
.plan-list5 .list5-h5 { font-size: 18px; line-height: 2; color: #068585; margin-bottom: 14px; }
.plan-list5 .list5-h6 { font-size: 14px; line-height: 24px; color: #666; height: 24px; overflow: hidden; transition: all .6s ease; }
.plan-list5 .list5-detail { height: auto; width: 80%; }
.plan-list5 .right-item { background: #f5f5f5; padding: 1.2rem 0; margin-bottom: 18px; transition: all .6s ease; cursor: pointer; transform: translateX(5.9vw); }
.plan-list5 .right-item.cur { background: #068585; transform: translateX(0); }
.plan-list5 .right-item.cur .list5-h5, .plan-list5 .right-item.cur .list5-h6 { color: #fff; }
.plan-list5 .right-item.cur .hover { display: block; }
.plan-list5 .right-item.cur .unhover { display: none; }

.plan-list6 { padding-top: 1.2rem; padding-bottom: 1.3rem; }
.plan-list6 .list6-year { font-size: 18px; line-height: 1.5; color: #333; font-weight: bold; padding-top: 24px; }
.plan-list6 .list6-h6 { display: inline-block; flex: 0 0 calc(100% - 90px); width: calc(100% - 90px); font-size: 16px; line-height: 24px; color: #666; }
.plan-list6 .list6-more { display: inline-block; color: #068585; font-size: 12px; line-height: 24px; flex: 0 0 80px; }
.plan-list6 .list6-h5 { padding-left: 40px; font-size: 20px; line-height: 1.5; position: relative; color: #333; padding-bottom: .8rem; }
.plan-list6 .list6-h5:before { position: absolute; content: ""; width: 24px; height: 2px; background: #a2a2a2; top: 14px; left: 0; display: block; }

.plan-hd02 { width: 100%; margin-top: 40px; text-align: center; }
.plan-hd02 .swiper-pagination-bullet { width: 14px; height: 14px; display: inline-block; margin: 0 4px; position: relative; opacity: 1; border-radius: 0; border: 2px solid #068585; background: none; border-radius: 50%; }
.plan-hd02 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #068585; }

.bgf9 { background: #f9f9f9; }

.amoeba-list1 { padding: 0 6.25vw; margin-top: -7px; }
.amoeba-list1 .m-img { display: none; }
.amoeba-list1 .list1-left { flex: 0 0 701px; }
.amoeba-list1 .list1-right { flex: 0 0 calc(100% - 840px); width: calc(100% - 840px); height: 15.4rem; }
.amoeba-list1 .name-top-wrap { flex: 0 0 250px; }
.amoeba-list1 .left-txts { padding-top: 5rem; flex: 0 0 450px; }
.amoeba-list1 .list1-h5 { font-size: 24px; line-height: 1.1; color: #333; margin-bottom: 16px; }
.amoeba-list1 .list1-h5:before { content: ""; width: 24px; height: 2px; background: #a2a2a2; margin-bottom: .9rem; display: block; }
.amoeba-list1 .scroll-wrap { font-size: 14px; line-height: 24px; margin-bottom: 12px; color: #666; }

.amoeba-list2 .list2-left { flex: 0 0 50%; }
.amoeba-list2 .list2-right { flex: 0 0 50%; }
.amoeba-list2 .left-detail { margin-left: 6.25vw; width: 16rem; font-size: 14px; line-height: 24px; color: #666; }
.amoeba-list2 .name-top-wrap { padding-top: 2rem; padding-left: 4rem; }
.amoeba-list2 .name-top-wrap { position: relative; }
.amoeba-list2 .name-top-wrap:after { position: absolute; top: .4rem; left: 0; width: 100%; content: ""; display: block; height: 4px; background: #068585; transition: all 1s ease 1s; }
.amoeba-list2 .num0.animated:after { width: 100%; left: 7rem; opacity: 1; }
.amoeba-list31 { align-items: flex-start;position: relative;z-index: 2; }
.amoeba-list31 .list3-left { flex: 0 0 27.3%; padding-bottom: 5rem; background-size: 100% auto !important; background-repeat: no-repeat; background-position: left bottom !important; }
.amoeba-list31 .left-contents { padding-left: 6.25vw; }
.amoeba-list31 .list3-right { flex: 0 0 66%; padding-top:1.8rem; }
.amoeba-list31 .name-top-wrap {
	padding-top: 1.8rem;
}
.amoeba-list31-bot { font-size: 14px; line-height: 24px; color: #666; margin-top: -130px; padding: 160px 6.25vw 2.1rem 34%; }
.amoeba-list31-bot .color { color: #4b9b9b; }
.amoeba-list31-bot .list31-h5 { font-size: 18px; }
.amoeba-list31-bot .list31-h6 { font-size: 16px; }
.amoeba-list31-bot .list31-h6:before { content: ""; width: 24px; height: 2px; background: #a2a2a2; margin-bottom: 1.7rem; display: block; }

.amoeba-list32 { font-size: 14px; line-height: 24px; color: #666; }
.amoeba-list32 .list3-left { flex: 0 0 50%; }
.amoeba-list32 .list3-right { flex: 0 0 50%; }
.amoeba-list32 .m-img { display: none; }
.amoeba-list32 .color { color: #4b9b9b; }
.amoeba-list32 .list32-h5 { color: #4b9b9b; font-size: 18px; }
.amoeba-list32 .right-contents { padding: 1.8rem 6.25vw 1.6rem 1.6rem; }

.coming-header { position: fixed; z-index: 5; top: 0; left: 0; width: 100px; height: 100vh; background: #f4f4f4; }
.coming-header .home-a { position: absolute; z-index: 7; left: 0; top: 50%; width: 100%; height: 40px; margin-top: -20px; text-align: center; font-size: 12px; line-height: 20px; color: #666; padding-top: 20px; background: url(../img/home.png) no-repeat top center; transition: all .5s ease; }
.coming-header .home-a:hover { transform: translateY(-10px); }
.opa0 {
	opacity：0;
}
.coming-btns { position: absolute; top: 0; left: 50px; width: 1px; overflow: visible; height: 100vh; z-index: 3; }
.coming-btns .btn {height: auto; position: absolute; left: 0; font-size: 12px; line-height: 18px; color: #666; width: 14px; margin-left: -7px; cursor: pointer; }
.coming-btns .btn-txts { display: block; width: 14px; }
.coming-btns .btn-num0 { display: block; margin: 6px 0; font-family: "Arial"; }
.coming-btns .prev { top: 0; padding-top: 80px; background: url(../img/prev4.png) no-repeat top 32px center; }
.coming-btns .next { bottom: 0; padding-bottom: 80px; background: url(../img/next4.png) no-repeat bottom 32px center; }

.coming-body .com-list .coming-btns { width: 0; height: 0; position: absolute; z-index: -1; opacity: 0; }
.coming-body .com-list, .coming-body .com-list4 .swiper-slide, .coming-body .com-list5 .swiper-slide { width: 100vw; height: 100vh; transition: all .8s ease; }

.com-list { overflow: hidden; }
.com-list:before { content: ""; display: block; position: absolute; z-index: 2; top: 0; right: 1.3rem; width: 280px; height: 150px; background-size: 100% !important; background-repeat: no-repeat; background-position: center; opacity: 0; transition: all .8s ease; }
.com-list.swiper-slide-active:before { opacity: 1; }

.com-list1:before { background-image: url(..//img/com-num1.png); }

.com-list2:before { background-image: url(..//img/com-num2.png); }

.com-list3:before { background-image: url(..//img/com-num3.png); }

.com-list4:before { background-image: url(..//img/com-num4.png); }
.com-list4:after { content: ""; display: block; position: absolute; z-index: 0; top: 0; left: 0; width: 29.4vw; height: 100vh; background-size: 100% !important; background-repeat: no-repeat; background-position: center; transition: all 1.2s ease 1s; background-image: url(../img/list4-bg1.jpg); background-size: cover !important; opacity: 0; transform: rotateX(90deg); }
.com-list4.swiper-slide-active:after { transform: rotateX(0); opacity: 1; }

.com-list5:before { background-image: url(..//img/com-num5.png); }

.com-list1 { position: relative; }
.com-list1 .list1-live-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	-webkit-clip-path: circle(2.1% at 50% 50%);
    clip-path: circle(0% at 50% 50%);
    transition: all 10s cubic-bezier(0.06, 0.79, 0.25, 1) 1s;
}
.com-list1 .list1-live {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
}
.list1-tenth {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 3;
	transform: translateY(30px);
	transition: all 2s cubic-bezier(0.06, 0.79, 0.25, 1) 3.5s;
}
.com-list1.cur1 .list1-live-wrap {
    -webkit-clip-path: circle(70.7% at 50% 50%);
    clip-path: circle(70.7% at 50% 50%);
}
.com-list1.cur1 .list1-tenth {
	opacity: 1;
	transform: translateY(0);
}
.animation-img-wrap {
	width: 100%;
	height: 100%;
	/*animation: bganimate1 8s linear infinite;*/
}
.com-list1 .list1-contents { position: absolute; width: 50vw; height: 50vw; margin: 0 auto; top: 50%; left: 50%; margin-left: -25vw; margin-top: -25vw; }
.com-list1 .earth0 { display: block; width: 100%; opacity: 0; transform: rotate(1800deg) scale(0); transition: all .8s cubic-bezier(0.8, 0.13, 0, 0.76); }
.com-list1 .poa-img { position: absolute; display: block; transition-duration: .8s; animation-timing-function: ease; opacity: 0; transition-duration: 1s; }
.com-list1 .left-cloud { left: -7.5vw; top: 11.8vw; animation: bganimate-left-cloud 16s linear infinite;z-index: 0; }
.com-list1 .left-plane { left: -2.7vw; top: 9.9vw; transform: translate(30px, 30px); transition-delay: 3.2s;animation: animate3 6s cubic-bezier(0.9, 0.38, 1, 1) infinite; }
.com-list1 .right-cloud { z-index: 0;right: -5.2vw; top: 7.2vw; animation: bganimate-left-cloud 20s linear infinite; }
.com-list1 .right-plane { right: -4vw; bottom: 7.1vw; transform: translate(30px, 30px); transition-delay: 3.8s;animation: animate3 4s cubic-bezier(0.9, 0.38, 1, 1) infinite; }
.com-list1 .sun { right: 6.25vw; top: 1.3vw; opacity: 0; transform: scale(0.8); transition: all 2s ease 2.5s; animation: rotate1 80s linear infinite; }
.com-list1 .bot-plane { left: 50%; bottom: 4vw; margin-left: 3.6vw; transform: translate(-30px, 30px); transition-delay: 4.4s;animation: animate4 5s cubic-bezier(0.9, 0.38, 1, 1) infinite; }
.com-list1 .bot-cloud { position: absolute; z-index: 2; width: 110vw; height: 133px; bottom: -1vw; left: -5vw; background-position: center bottom !important; background-repeat: repeat-x; animation: bganimate-bot-cloud 15s linear infinite; }
.com-list1.cur1 .earth0 { opacity: 0; transform: rotate(0) scale(1); }
.com-list1.cur1 .poa-img { opacity: 1; transform:scale(1) translate(0, 0); }

@keyframes bganimate1 { 0% { transform: translateX(-1vw) translateY(1vw); }
  25% { transform: translateX(0vw) translateY(0.5vw); }
  50% { transform: translateX(1vw) translateY(1vw); }
  75% { transform: translateX(0vw) translateY(0.5vw); }
  100% { transform: translateX(-1vw) translateY(1vw); } }
@keyframes bganimate2 { 0% { transform: translateX(1.4vw) translateY(-0.5vw); }
  25% { transform: translateX(0.7vw) translateY(0vw); }
  50% { transform: translateX(0vw) translateY(0.5vw); }
  75% { transform: translateX(0.7vw) translateY(0vw); }
  100% { transform: translateX(1.4vw) translateY(-0.5vw); } }
  @keyframes animate3 { 0% { transform: translateX(0) translateY(0);opacity: 1; }
  40% { transform: translateX(-2vw) translateY(-2vw);opacity: 1; }
  60% { transform: translateX(-3vw) translateY(-3vw);opacity: 0; }
  100% {
  	opacity: 0;
  } }
  @keyframes animate4 { 0% { transform: translateX(0) translateY(0);opacity: 1; }
  40% { transform: translateX(2vw) translateY(-2vw);opacity: 1; }
  60% { transform: translateX(3vw) translateY(-3vw);opacity: 0; }
  100% {
  	opacity: 0;
  } }
  @keyframes bganimate-bot-cloud {
  		0% {
  			background-position: 0 bottom;
  		}
  		100% {
  			background-position: 1039px bottom;
  		}
  }
  @keyframes bganimate-left-cloud {
  		0% {
  			transform: translateX(0vw);
  		}
  		100% {
  			transform: translateX(100vw);
  		}
  }
  @keyframes bganimate-right-cloud {
  		0% {
  			background-position: 0 bottom;
  		}
  		100% {
  			background-position: 1920px bottom;
  		}
  }
.com-list2 { overflow: hidden; }
.com-list2 .list2-txts { text-align: center; color: #fff; padding-top: 15vh; opacity: 0; transform: translate(0, -30px); transition: all 1s ease .5s; }
.com-list2.swiper-slide-active.cur .list2-txts {position: relative;z-index: 3; opacity: 1; transform: translate(0, 0); }
.com-list2.swiper-slide-active.cur .list2-imgs { opacity: 1; transform: scale(1)  rotate(-60deg); }
.com-list2.swiper-slide-active.cur .list2-heart {  -webkit-clip-path: circle(70.7% at 50% 50%);
    clip-path: circle(70.7% at 50% 50%); }
.com-list2 .list2-h1-cn { font-size: 1.8rem; line-height: 1.1; }
.com-list2 .list2-h1-en { font-size: .6rem; line-height: 1.1; font-family: "Arial"; padding: .7rem 0 1.5rem; opacity: .7; text-transform: uppercase; }
.com-list2 .list2-title1 { font-size: .5rem; line-height: 1.1; font-weight: bold; position: relative; z-index: 4; }
.com-list2 .color-s0 { color: #ffc84d; }
.com-list2 .list2-imgs { width: 62.4vw; height: 62.4vw; position: relative; margin: 0 auto; margin-top: -80px; opacity: 0; transform: scale(0) rotate(-1500deg); transition: all 1s ease 1s; }
/*.com-list2 .earth-wrap { transform: rotate(-60deg); }*/
.com-list2 .list2-earth { position: relative; z-index: 2;display: block; width: 100%; }
.com-list2 .list2-heart { position: absolute;z-index: 3; left: 4%; top: 4%; width: 92%;transform: rotate(60deg); height: 92%;-webkit-clip-path: circle(2.1% at 50% 50%);
    clip-path: circle(0% at 50% 50%);
    transition: all 10s cubic-bezier(0, 0.35, 0.14, 1.1) 2s; }
.list2-live1-wrap,.list2-live2-wrap,.list2-live3-wrap,.list2-live4-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.com-list2.swiper-slide-active.cur .list2-earth,.com-list2.swiper-slide-active.cur .list2-live1-wrap,.com-list2.swiper-slide-active.cur .list2-live2-wrap,.com-list2.swiper-slide-active.cur .list2-live3-wrap,.com-list2.swiper-slide-active.cur .list2-live4-wrap {
 animation: rotate1 32s linear infinite;
}
.progress-img {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.list2-live4-wrap {
	z-index: 1;
}
@keyframes rotate1 { 0% { transform: rotate(0); }
  100% { transform: rotate(360deg); } }
.com-list3 { position: relative; }
.com-list3 .list3-top, .com-list3 .list3-bot { position: relative; height: 50vh; display: flex; justify-content: flex-start; opacity: 0; }
.com-list3 .list3-top { transform: translate(0, -30px); transition: all 1.2s ease .5s; }
.com-list3 .list3-bot { transform: translate(0, 30px); transition: all 1.2s ease .5s; }
.com-list3.swiper-slide-active .list3-top, .com-list3.swiper-slide-active .list3-bot { opacity: 1; transform: translate(0, 0); }
.com-list3 .list3-top { padding-left: 18vw; align-items: flex-end; }
.com-list3 .list3-bot { padding-left: 10vw; align-items: flex-start; }
.com-list3 .sline { display: block; position: absolute; }
.com-list3 .item-txts { font-size: 12px; line-height: 20px; }
.com-list3 .item-time { font-size: 16px; line-height: 26px; margin-bottom: 10px; }
.com-list3 .item-year { font-size: 24px; line-height: 26px; }
.com-list3 .time-wrap1 { font-size: 12px; }
.com-list3 .time-wrap1 .item-year { font-size: 12px; font-weight: bold; }
.com-list3 .ten-year { font-size: 1.5rem; line-height: 1.1; color: #666; padding: .6rem 0 1.7rem; }
.com-list3 .ten-year-wrap { position: absolute; bottom: 100%; }
.com-list3 .list3-item { position: relative; overflow: visible; padding-left: 26px; flex: 0 0 15.6vw; }
.com-list3 .list3-item:before { position: absolute; content: ""; display: block; width: 52px; height: 52px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); overflow: hidden; left: -22px; }
.com-list3 .top-item { color: #078585; }
.com-list3 .top-item:before { bottom: -26px; }
.com-list3 .bot-item { color: #fff; }
.com-list3 .bot-item:before { top: -26px; }
.com-list3 .top-item .item-mains {max-width:calc(100% - 30px);}
.com-list3 .bot-item .item-mains { position: absolute; left: 26px; bottom: 0;max-width:calc(100% - 30px); }
.com-list3 .sline1 { width: 1px; left: 4px; height: 100%; }
.com-list3 .sline2 { width: 8px; left: 0; height: 1.6rem; }
.com-list3 .list3-top .sline { bottom: 0; background: #4b9b9b; }
.com-list3 .list3-bot .sline { top: 0; background: #fff; }
.com-list3 .top-item1 { height: 26vh; }
.com-list3 .top-item2 { height: 20.6vh; }
.com-list3 .top-item3 { height: 22.6vh; }
.com-list3 .top-item4 { height: 33.6vh; }
.com-list3 .top-item5 { height: 27.3vh; }
.com-list3 .top-item6 { height: 21vh; }
.com-list3 .bot-item1 { height: 31.2vh; }
.com-list3 .bot-item2 { height: 27.6vh; }
.com-list3 .bot-item3 { height: 17.7vh; }
.com-list3 .bot-item4 { height: 35.6vh; }
.com-list3 .bot-item5 { height: 22.6vh; }
.com-list3 .bot-item6 { height: 24vh; }

.com-list4 { position: relative; }
.com-list4 .list4-bot-cn { font-size: 1.8rem; line-height: 1.1; color: #f4f4f4; margin-bottom: .6rem; opacity: 0; transform: translatey(20px); transition: all .8s ease .5s; }
.com-list4 .list4-bot-en { font-size: .9rem; line-height: 1.1; color: rgba(244, 244, 244, 0.5); opacity: 0; transform: translatey(20px); transition: all .8s ease .8s; }
.com-list4 .list4-bot-txts { bottom: 1.6rem; position: absolute; z-index: 2; }
.com-list4 .list4-swiper-txts { position: absolute; right: -18px; bottom: -18px; font-size: .6rem; line-height: 78px; padding: 0 1rem; display: inline-block; color: #fff; background: url(../img/com-bg4.png) no-repeat center; background-size: 100% !important; opacity: 0; transform: translatey(20px); transition: all .8s ease .8s; }
.com-list4 .swiper-slide-active .list4-swiper-txts { opacity: 1; transform: translatey(0); }
.com-list4 .list4-contents { height: 100vh; position: relative; padding-top: 5.4vw; padding: 17vh 0; }
.com-list4 .swiper-slide { box-shadow: 0 0 20px #ddd; height: 57vh !important; }
.com-list4 .slide4-banner { padding-right: 18px; padding-bottom: 18px; opacity: 0; transform: scale(0.8); transition: all 1s ease .5s; }
.com-list4.swiper-slide-active .slide4-banner { opacity: 1; transform: scale(1); }
.com-list4.swiper-slide-active .list4-bot-cn, .com-list4.swiper-slide-active .list4-bot-en { opacity: 1; transform: translate(0, 0); }
.com-list4 .com-hd2 { bottom: 18vh !important; right: 0 !important; }
.com-list4 .com-hd2 .swiper-pagination-bullet { background: #b2b2b2; }
.com-list4 .com-hd2 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #068585; }

.com-list5 { position: relative; }
.com-list5 .list5-top-cn { font-size: 1.8rem; line-height: 1.1; color: #f4f4f4; margin-bottom: .6rem; opacity: 0; transform: translatey(20px); transition: all .8s ease .6s; }
.com-list5 .list5-top-en { font-size: .9rem; line-height: 1.1; color: rgba(244, 244, 244, 0.5); opacity: 0; transform: translatey(20px); transition: all .8s ease 1s; }
.com-list5 .list5-bot-txts { position: absolute; right: 74px; bottom: 144px; font-size: .6rem; line-height: 78px; padding: 0 1rem; display: inline-block; color: #fff; background: url(../img/com-bg4.png) no-repeat center; background-size: 100% !important; opacity: 0; transform: translatey(20px); transition: all 1s ease 1.4s; }
.com-list5 .swiper-slide-active .list5-top-cn, .com-list5 .swiper-slide-active .list5-top-en, .com-list5 .swiper-slide-active .list5-bot-txts { opacity: 1; transform: translatey(0); }
.com-list5 .list5-contents { height: 100%; position: relative; padding-left: 14vw; padding-top: 5.4vw; padding: 100px 74px 144px 270px; }

.com-hd2 { position: absolute; bottom: 100px; right: 74px; display: inline-block; z-index: 4; }
.com-hd2 .swiper-pagination-bullet { width: 14px; height: 14px; display: inline-block; margin: 0 5px; position: relative; opacity: 1; border-radius: 0; background: rgba(255, 255, 255, 0.5); border-radius: 50%; transition: all .8s ease; cursor: pointer; }
.com-hd2 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #068585; }

.newsInfo { padding: 4rem 0 1.5rem; min-height: 500px; }
.newsInfo img { margin: 0 auto; display: inline-block; max-width: 100%; }
.newsInfo .info-title { font-size: 1rem; line-height: 1.3; color: #333; font-weight: bold; text-align: center; }
.newsInfo .info-dates { font-size: 14px; line-height: 24px; color: #999; text-align: center; margin: 20px auto; }
.newsInfo .info-dt-wrap { font-size: 14px; line-height: 26px; color: #888; padding: 1rem 0; margin-bottom: 1.5rem; border-top: 1px solid #eee; border-bottom: 1px solid #eee; text-align: justify; }
.newsInfo .info-bot-dl { width: 70%; color: #666; font-size: 14px; line-height: 36px; }
.newsInfo .info-bot-dl a { color: #333; }
.newsInfo .info-bot-dr { padding-top: 16px; }
.newsInfo .news-return-a { display: block; width: 110px; text-align: center; height: 40px; line-height: 40px; background: #068585; color: #fff; font-size: 14px; transition: all .3s linear; }
.newsInfo .news-return-a:hover { transform: translate(0, -5px); }
@media (max-width: 767px) {
	.com-list3 .list3-item:before {
		width: 30px;
		height: 30px;
		left: -10px;
	}
	.com-list3 .bot-item:before {
		top: -15px;
	}
	.com-list3 .top-item:before {
		bottom: -15px;
	}
	.moudle-titles .title-en {
		font-size: 34px;
	}
	#myGame {
		overflow: visible;
		border: 1px solid #000;
	}
	canvas {
		transform: scale(1.6) rotate(0deg) !important;
		overflow: visible !important;
	    margin-top: -32vh !important;
	    margin-left: -32vw !important;
	}
 .newsInfo .info-bot-dr { width: 100%; }
  .newsInfo .info-bot-dl { width: 100%; line-height: 24px; }
  .newsInfo .info-dates { margin: 10px auto; }
  .newsInfo .info-dt-wrap { padding: 20px 0; margin-bottom: 20px; }
  .newsInfo .news-return-a { line-height: 32px; height: 32px; } }

.ww1260 { width: 1260px; margin-left: auto; margin-right: auto; }

.recruitInfo .recruit-form-wrap { padding: 2.5rem 0 1.5rem; }
.recruitInfo .recruit-contents { padding: 2.5rem 0 1.5rem; width: 740px; margin: 0 auto; font-size: 16px; line-height: 28px; color: #333; }
.recruitInfo .recruit-top { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #ddd; }
.recruitInfo .recruit-name { font-size: 24px; line-height: 28px; color: #4b9b9b; transition: all .5s ease; }
.recruitInfo .recruit-company { line-height: 28px; color: #4b9b9b; }
.recruitInfo .recruit-detail { margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid #ddd; }
.recruitInfo .upload-file { position: absolute; z-index: 1; display: block; width: 100%; text-align: center; height: 40px; line-height: 40px; padding-left: 38px; background: none; color: #068585 !important; font-size: 14px; transition: all .3s linear; border: none; }
.recruitInfo .info-bot-fl { float: left; width: 300px; position: relative; height: 40px; }
.recruitInfo .info-s0 { position: absolute; z-index: 2; display: block; width: 110px; text-align: center; height: 40px; line-height: 40px; background: #068585; color: #fff; font-size: 14px; transition: all .3s linear; }
.recruitInfo .news-return-a { display: block; width: 110px; text-align: center; height: 40px; line-height: 40px; background: #068585; color: #fff; font-size: 14px; transition: all .3s linear; }

@media (max-width: 1800px) { .ww1260 { width: 66%; }
  .com-list4 .list4-contents { padding: 12vh 0; }
  .com-list4:after { width: 24vw; }
  .amoeba-list1 .list1-right { flex: 0 0 calc(100% - 700px); width: calc(100% - 700px); }
  .amoeba-list1 .name-top-wrap { flex: 0 0 180px; }
  .amoeba-list1 .list1-left { flex: 0 0 631px; }
  .recruit-list1 .recruit-name { display: block; margin-bottom: 10px; }
  .recruit-list1 .recruit-company { display: block; }
  .media-list1 .media-item .txts-contents { padding: 30px 30px 60px; }
  .media-list1 .media-item .meida-detail { -webkit-line-clamp: 2; }
  .led-list2 .list2-h5 { font-size: 16px; }
  .led-list2 .right-contents { padding: 0; }
  .led-list2 .list2-right { flex: 0 0 calc(100% - 690px); width: calc(100% - 690px); }
  .led-list2 .list2-left { flex: 0 0 640px; }
  .led-list2 .left-contents { padding: 40px; }
  .led-list1 .list1-detail { margin-left: 6.25vw; margin-right: 6.25vw; }
  .about-list1 .left-contents { padding-right: 1rem; }
  .about-list1 .right-contents .mains { margin-left: 2rem; }
  .lithium-list1 .list1-detail { margin-left: 0; }
  .lithium-list2 .left-detail { padding-left: 4rem; }
  .lithium-list2 .right-mains { padding-right: 6.25vw; } }
@media (max-width: 1600px) { .w1510 { width: 92%; }
  .about-list2 .list2-item { flex: 0 0 31%; }
  .about-list2 .item-top { padding: 22px; } }
@media (max-width: 1500px) { .com-list1 .list1-contents { width: 44vw; height: 44vw; margin-left: -22vw; margin-top: -22vw; }
  .com-list1 .right-cloud { right: -10vw; width: 200px; }
  .com-list1 .left-cloud { width: 140px; }
  .com-list1 .left-plane { width: 80px; }
  .com-list:before { width: 200px; height: 132px; }
  .media-list1 .media-item .meida-h5 { -webkit-line-clamp: 1; }
  .com-list3 .top-item3 { height: 26.6vh; }
  .com-list3 .bot-item4 { height: 46vh; }
  .com-list3 .bot-item3 { height: 32vh; }
  .com-list3 .ten-year { font-size: 1.2rem; padding-bottom: 1rem; } }
@media (max-width: 1400px) { .inner-nav .nav-item { padding: 20px 0; }
  .inner-nav, .inner-nav .nav-banner-wrap { height: 71px; }
  .com-list5 .list5-contents { padding: 80px 74px 80px 180px; }
  .com-list5 .list5-contents .list5-bot-txts { bottom: 80px; }
  .com-hd2 { bottom: 40px; }
  .news-list1 .news-item .item-left { flex: 0 0 calc(100% - 430px); width: calc(100% - 430px); }
  .led-list2 .sline0 { margin-left: 24px; margin-right: 24px; }
  .led-list2 .list2-left { flex: 0 0 580px; }
  .led-list2 .list2-right { flex: 0 0 calc(100% - 620px); width: calc(100% - 620px); }
  .w1348, .ww1680 { width: 92%; }
  .moudle-titles { margin-top: -84px; }
  .inner-banner .inner-banner-cn { font-size: 24px; }
  .moudle-titles .title-en, .inner-banner .inner-banner-en { font-size: 80px; }
  .about-list1 .right-contents .nums-top, .led-list2 .nums-top { font-size: 80px; line-height: 70px; }
  .about-list31 .list31-item-wrap { width: 820px; }
  .about-list1 .right-contents .nums-item.item1 .nums-top:after, .metal .about-list1 .right-contents .nums-item.item3 .nums-top:after { bottom: 8px; } }
@media (max-width: 1340px) { .com-list3 .list3-item { flex: 0 0 22vw; }
  .com-list3 .ten-year { font-size: 1rem; }
  .coming-btns .btn { line-height: 16px; }
  .coming-btns .prev { padding-top: 48px; background: url(../img/prev4.png) no-repeat top 12px center; }
  .coming-btns .next { padding-bottom: 48px; background: url(../img/next4.png) no-repeat bottom 12px center; } }
  .wel-banner {
  	height: 100vh;
  	background: none !important;
  }
  .wel-banner .swiper-wrapper {
	opacity: 0;
	transition: all .1s ease;
  }
  .wel-banner-wrap {
  	position: relative;
  }
  .wel-banner .swiper-wrapper.cur {
  	opacity: 1;
  }
  .loader11 {
  	position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    display: block;
    background: url(../img/loadings.gif) no-repeat center;
    background-size: 40px;
    width: 40px;
    height: 40px;
  }

@media (max-width: 1270px) {
	.com-list3 .list3-contents {
		position: relative;
		top: 5vh;
	}
	.com-list3 .list3-top, .com-list3 .list3-bot {
		height: 45vh;
	}
	.com-list3 .list3-contents {
		overflow: scroll;
		width: 100%;
		max-height: 90vh;
	}
	.com-list3 .scroll-wrap {
		width: auto;
	}
	.com-list3 .list3-top, .com-list3 .list3-bot {
		width: 300px;
	}
	.amoeba-list2 .name-top-wrap:after {
		display: none;
	}
	.com-list3 .bot-item4 {
		height: 40vh;
	}
	.animate .coming-header {
		transition: all 0s;
	}
.com-list2 .list2-imgs {
	margin-top: 0;
	} .about-list4 .name-top-wrap, .about-list4-ornament, .about-list31 .name-top-wrap, .metal-list2 .list2-right, .metal-list3 .name-top-wrap, .metal-list4 .name-top-wrap, .metal-list5 .name-top-wrap, .metal-list2 .list2-left, .led-list1, .led-list2, .lithium-list1 .left-contents, .lithium-list2 .left-detail, .lithium-list2 .right-contents, .coop-list1, .plan-list2, .amoeba-list1 { padding-left: 4vw; }
  .metal-list2 .right-mains, .metal-list2 .list2-left, .led-list1, .led-list2, .lithium-list1 .left-contents, .lithium-list2 .left-detail, .lithium-list2 .right-mains, .coop-list1, .plan-list2, .amoeba-list1 { padding-right: 4vw; }
  .about-list1 .list1-left, .about-list31 .list31-left, .about-list1 .list1-right, .about-list31 .list31-right, .about-list4 .list4-left, .about-list4 .list4-right, .metal-list2 .list2-left, .metal-list2 .list2-right, .metal-list3 .list3-left, .metal-list3 .list3-right, .metal-list4 .list4-left, .metal-list4 .list4-right, .metal-list5 .list5-left, .metal-list5 .list5-right, .led-list2 .list2-left, .led-list2 .list2-right, .lithium-list1 .list1-left, .lithium-list2 .list2-left, .lithium-list2 .list2-right, .media-list1 .media-item, .plan-list1 .list1-left, .plan-list1 .list1-right, .plan-list2 .list2-left, .plan-list2 .list2-right, .plan-list3 .list3-left, .plan-list3 .list3-right, .plan-list4 .list4-left, .plan-list4 .list4-right, .plan-list5 .list5-left, .plan-list5 .list5-right, .amoeba-list1 .list1-left, .amoeba-list1 .list1-right, .amoeba-list2 .list2-left, .amoeba-list2 .list2-right, .amoeba-list31 .list3-lef, .amoeba-list32 .list3-right, .amoeba-list1 .name-top-wrap, .amoeba-list1 .left-txts, .amoeba-list31 .list3-left { flex: 0 0 100%; width: 100%; }
  .about-list31 .list31-title, .about-list32 .list32-title, .about-list31 .list31-title2, .about-list31 .list31-item-wrap, .about-list1 .left-contents, .about-list4 .list4-mains, .metal-list5-banner, .metal-list4 .left-mains, .plan-list5 .right-contents, .name-top-wrap { width: 92%; margin-left: auto; margin-right: auto; }
  .metal-list2 .list2-left, .metal-list3 .list3-left, .about-list31 .list31-left, .inner-banner1, .plan-list3 .list3-left, .plan-list5 .list5-left, .amoeba-list31 .list3-left, .amoeba-list1 .list1-right, .amoeba-list32 .list3-left { background: none !important; }
  .led-list1 .m-img, .metal-list2 .list2-left .m-img, .inner-banner1 .m-img, .amoeba-list1 .m-img, .amoeba-list32 .m-img, .recruit-list1 .recruit-name, .recruit-list1 .recruit-company { display: block; }
  .metal-list2 .right-mains:before, .lithium-list2:before, .lithium-list2 .list2-right:after, .plan-list2 .right-img-wrap, .plan-list6 .list6-h5:before { display: none; }
  .about-list2 .list2-title, .about-list31 .list31-title, .about-list32 .list32-title { font-size: 30px; }
  .metal-list4 .list4-left, .metal-list2 .list2-left, .lithium-list2 .list2-left, .plan-list2 .list2-left, .plan-list4 .list4-left, .amoeba-list2 .list2-left { order: 1; }
  .coming-header { width: 100vw; height: 60px;  transform: translateX(0); }
  .com-list5 .list5-contents { padding: 100px 4vw; }
  .com-list5 .list5-contents .list5-bot-txts, .com-hd2 { right: 4vw; }
  .amoeba-list2 .left-detail { width: 100%; margin: 0; }
  .amoeba-list32 .right-contents, .amoeba-list31-bot, .amoeba-list2 .left-detail { padding: 20px 4vw; }
  .amoeba-list31-bot { margin-top: 0; }
  .name-top-wrap { padding-top: 2.6rem !important; }
  .amoeba-list31-bot { margin-top: 40px; margin-bottom: 40px; }
  .plan-list4 .right-contents { padding: 0; }
  .amoeba-list32 .list3-left, .amoeba-list31 .list3-right { flex: 0 0 66%; width: 66%; margin-left: auto; margin-right: auto; }
  .com-list1 .list1-contents { width: 40vw; height: 40vw; margin-top: -20vw; margin-left: -20vw; }
  .com-list:before { width: 120px; height: 80px; }
  .com-list1 .bot-cloud { bottom: -30px; }
  .com-list1 .sun { width: 70px; }
  .plan-list6 .list6-h6 { font-size: 14px; }
  .plan-list4-banner, .plan-list4 .right-bot { position: static; width: 60%; margin-left: auto; margin-right: auto; }
  .plan-list5 .right-item { transform: translateX(0); }
  .plan-list4 .right-bot { margin-bottom: 40px; }
  .plan-list3 .list3-left, .plan-list5 .list5-left, .plan-list4, .amoeba-list31 .list3-left, .amoeba-list2, .amoeba-list2 .left-detail { padding-bottom: 0; }
  .plan-list3 .list3-right, .plan-list2, .plan-list1, .amoeba-list1 .left-txts, .amoeba-list2 .list2-left, .amoeba-list31 .list3-right, .plan-list5 { padding-top: 0; }
  .lithium-list2 .list2-left, .amoeba-list1 .list1-right { padding-top: 1rem; }
  .led-list1 .list1-img-wrap { height: 9rem; }
  .lithium-list1 .list1-right { flex: 0 0 60%; margin-left: 20%; margin-top: 30px; }
  .lithium-list2 { padding-bottom: 2.4rem; }
  .about-list4-ornament, .inner-banner1, .amoeba-list1 .list1-right, .plan-list5 .list5-h6 { height: auto; }
  .about-list31 .list31-mains, .metal-list4 .left-mains, .metal-list2 .right-mains, .plan-list2 .name-top-wrap, .plan .name-top-wrap, .amoeba-list2 .name-top-wrap, .amoeba-list31 .left-contents { padding-left: 0; }
  .about-list31 .list31-mains, .metal-list4 .left-mains { padding-right: 0; }
  .about-list1 .left-contents { padding: 0; }
  .led-list1 .list1-detail { margin-left: 0; margin-right: 0; }
  .led-list2 .list2-left { margin-top: 0; margin-bottom: 30px; }
  .metal-btns { width: 92%; left: 4%; }
  .metal-hd01 { position: static; width: 100% !important; }
  .plan-list5 .list5-detail { width: 100%; padding-right: 20px; }
  .metal-list3 .list3-left { padding-bottom: 0; }
  .metal-list2 .name-top-wrap, .plan-list4 { padding-top: 0; }
  .metal .about-list1 { padding-bottom: 2.5rem; }
  .name-top-wrap .num0 { font-size: 2rem; }
  .metal-list5 { flex-wrap: wrap; }
  .industry-nav-wrap { width: 100%; margin-top: 0; }
  .industry-nav-wrap .nav-item .contents { padding: 10px; }
  .industry-nav-wrap .nav-item { font-size: 14px; }
  .industry-nav-wrap .img-wrap { width: 26px; height: 22px; }
  .moudle-titles { margin-top: -56px; }
  .moudle-titles .title-cn { font-size: 22px; }
  .about-list1 .scroll-wrap, .metal .about-list1 .scroll-wrap, .lithium-list1 .scroll-wrap { max-height: none; }
  .about-list4-ornament, .amoeba-list32 { padding-bottom: 1.8rem; }
  .about-list1 .list1-right { padding-top: 1rem; }
  .about-list31 .list31-bot { left: 4%; width: 92%; }
  .ww1200, .ww1260 { width: 92%; }
  .led-list1 .list1-h4, .lithium-list1 .list1-h5 { font-size: 30px; }
  .about-list2 .top-cn { font-size: 24px; }
  .inner-banner .inner-banner-cn { font-size: 18px; }
  .inner-banner .inner-banner-en { font-size: 56px; }
  .about-list2 .top-en { font-size: 12px; }
  .about-list2 .item-ico { flex: 0 0 32px; background-size: 100% !important; }
  .about .mCSB_inside > .mCSB_container { margin-right: 0 !important; }
  .scroll-mains0 { padding-left: 0; }
  .scroll-mains0:before { display: none; }
  .news-list1 .news-item .item-right { flex: 0 0 290px; }
  .news-list1 .news-item .item-left { flex: 0 0 calc(100% - 340px); width: calc(100% - 340px); }
  .news-list1 .news-item .news-h5 { margin-bottom: 18px; }
  .news-list1 .news-item .txts-contents { padding-left: 20px; }
  .ww1170 { width: 92%; }
  .toTop { bottom: 0; right: 0; width: 40px; height: 40px; padding: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
  .toTop:before { width: 40px; height: 40px; background: #f7f7f7 url(../img/toTop.png) no-repeat center; }
  .toTop:hover:before { background: #f7f7f7 url(../img/toTop.png) no-repeat center; }
  .coming-btns {
    left: 0;
    height: 1px;
    top: 50%;
    width: 100vw;
    z-index: 9;
} }
@media (min-width: 1023px) { .coop-list1 .coop-item:nth-child(6n) { margin-right: 0; }
  .elegant-list1 .elegant-item { margin-right: 3.2%; }
  .elegant-list1 .elegant-item:nth-child(3n) { margin-right: 0; }
  .wel-media-con .left .more:hover { padding-left: 12px; padding-right: 12px !important; }
  .wel-media-con .left .more:hover i { padding-right: 31px; color: #fff; background-image: url(../img/wel04.png); }
  .wel-media-con .left .more:hover:after { width: 100%; }
  .wel-product .swiper-slide.obt:hover p { opacity: 0; } }
@media (max-width: 1024px) { .wel-product .swiper-slide p { display: block !important; transform: translateY(1); opacity: 1; }
header .right .gpdm {display:none !important;}
  .com-list1 .list1-contents { width: 70vw; height: 70vw; margin-top: -35vw; margin-left: -35vw; } }
@media (max-width: 1023px) { .plan-list4-banner, .plan-list4 .right-bot { width: 80%; }
.about-list1 .right-contents .nums-item.item1 .nums-top:after,.about-list1 .right-contents .nums-top:after,.metal .about-list1 .right-contents .nums-item.item3 .nums-top:after {
	height: 22px;
	font-size: 18px;
	line-height: 22px;
	bottom: 8px;
}
  .about-list2 .com-name { font-size: 12px; padding: 8px; }
  .about-list2 .top-cn { font-size: 18px; }
  .about-list2 .item-top { padding: 14px; }
  .about-list2 .item-top-txts { flex: 0 0 calc(100% - 36px); width: calc(100% - 36px); }
  .recruit-list1 .recruit-item { flex: 0 0 100%; width: 100%; }
  .recruit-list1 .scroll-wrap { height: auto; }
  .recruit-list1 .recruit-name { font-size: 20px; }
  .com-list2 .list2-h1-cn { font-size: 1.2rem; } }
@media (max-width: 1023px) and (min-width: 481px) { .coop-list1 .coop-item { flex: 0 0 23%; margin-right: 2.6%; }
  .coop-list1 .coop-item:nth-child(4n) { margin-right: 0; }
  .elegant-list1 .elegant-item { flex: 0 0 48%; margin-right: 4%; }
  .elegant-list1 .elegant-item:nth-child(2n) { margin-right: 0; } }
@media (max-width: 767px) { .newsInfo { padding-top: 2.5rem; }
  .com-list1 .left-plane { width: 40px; }
  .com-list1 .sun, .com-list1 .bot-plane { width: 48px; }
  .com-list1 .left-cloud { width: 70px; }
  .com-list1 .right-cloud { width: 100px; }
  .com-list1 .right-plane { width: 32px; }
  .com-list3 .list3-item { flex: 0 0 80vw;width: 80vw; }
  .about-list1 .right-contents .nums-item.item1 .nums-top:after, .metal .about-list1 .right-contents .nums-item.item3 .nums-top:after { bottom: 3px; }
  .about-ajax-control .ajax-btn { flex: 1; padding: 8px 0; font-size: 14px; }
  .about-list2 .list2-title, .about-list31 .list31-title, .about-list32 .list32-title, .about-list1 .right-contents h3 { font-size: 22px; }
  .about-list2 .list2-item, .about-list31 .list31-item { flex: 0 0 100%; width: 100%; margin-bottom: 20px; }
  .about-list4 .item-left, .about-list4 .item-right, .media-list1 .media-item .img-wrap, .media-list1 .media-item .txts-wrap { flex: 0 0 100%; width: 100%; }
  .media-list1 .media-item .img-wrap { background: none !important; }
  .media-list1 .media-item .img-wrap .m-img { display: block; }
  .amoeba-list32 .list3-left, .amoeba-list31 .list3-right { flex: 0 0 92%; width: 92%; }
  .com-list4 .list4-bot-en, .com-list5 .list5-top-en { font-size: 16px !important; }
  .com-list5 .list5-bot-txts, .com-list5 .com-hd2 { left: 4vw; right: auto; }
  .com-list4 .list4-swiper-txts { right: 0; }
  .com-list4 .swiper-slide { box-shadow: none; }
  .com-list5 .list5-bot-txts { line-height: 40px; }
  .com-list5 .list5-top-cn, .com-list4 .list4-bot-cn { font-size: 1.2rem; }
  .plan-btns .btn { width: 19px; height: 38px; background-size: 100% !important; margin-top: -19px; }
  .plan-btns { margin-left: 0; left: 5%; width: 90%; }
  .plan-list4 .swiper-pagination-current { font-size: 52px; }
  .plan-list5 .ico0 { width: 50px; height: auto; margin-left: -25px; margin-top: -24px; }
  .plan-list2-bot .ajax-btn { flex: 1; }
  .elegant-list1 .elegant-txts { padding: 20px 20px 10px; }
  .plan-list2-bot .ajax-contents { padding: 20px; }
  .about-list4 .item-left { background: #068585; }
  .about-list4 .year-num { font-size: 26px; line-height: 30px; }
  .about-list4 .year-en { font-size: 12px; line-height: 30px; bottom: -2px; }
  .plan-list5 .ico-wrap { flex: 0 0 70px; width: 70px; }
  .plan-list5 .txts-wrap { flex: 0 0 calc(100% - 71px); width: calc(100% - 71px); }
  .plan-list4-banner, .plan-list4 .right-bot { width: 92%; }
  .about-list4 .left-contents { padding: 8px 15px 4px; }
  .about-list4 .item-hides { display: none; }
  .about-list4 .right-contents { padding: 15px; }
  .about-list4 .item-right, .plan-list5 .list5-h6 { font-size: 12px; }
  .plan-list3 .right-item1 { font-size: 14px; }
  .led-list1 .list1-detail { padding-left: 0; }
  .led-list1 .list1-detail:before { display: none; }
  .about-list2-lines, .about-list1 .right-contents .sline0 { display: none; }
  .about-list1 .right-contents .mains { width: 92%; margin-left: auto; margin-right: auto; }
  .about-list1 .right-contents .nums-item, .led-list2 .item2, .led-list2 .item3 { padding-bottom: 0; flex: 0 0 100%; width: 100%; }
  .about-list1 .right-contents .nums-top, .led-list2 .nums-top { font-size: 48px; line-height: 42px; }
  .moudle-titles { margin-top: -50px; }
  .moudle-titles .title-en { font-size: 32px; }
  .about-list31 .list31-bot { font-size: 18px; }
  .about-list31 .list31-bot { line-height: 1.5; }
  .about-list31 .list31-h6 { font-size: 12px; }
  .led-list1 .list1-h4, .about-list31 .list31-h5, .lithium-list1 .list1-h5 { font-size: 22px; line-height: 1.5; }
  .lithium-list2 .img-wrap { width: 92%; margin-left: auto; margin-right: auto; }
  .lithium-list1 .list1-right { flex: 0 0 92%; margin-left: 4%; }
  .plan-list2-bot .ajax-left { flex: 0 0 100%; width: 100%; }
  .plan-list2-bot .ajax-right { display: none; }
  .plan-list2 .left-item { padding-left: 0; }
  .plan-list2 .item-h6 li { padding-left: 20px; }
  .about-list2 .name-top-wrap { padding-left: 4%; padding-top: 3rem; }
  .about-list2 .name-top-wrap .num0:after { left: 5rem; }
  .about-list31 .list31-right { padding-top: 1rem; }
  .inner-banner .inner-banner-cn { font-size: 14px; }
  .inner-banner .inner-banner-en { font-size: 28px; }
  .led-list1 .list1-detail { margin-top: 20px; }
  .plan-list2-bot .ajax-btn { font-size: 16px; padding: 8px 0; }
  .led-list2 .left-contents { padding-left: 4%; padding-right: 4%; }
  .led-list2 .nums-item { padding-bottom: 1rem !important; margin-bottom: 1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .media-list1 .media-item .txts-contents { padding: 20px 15px 60px; }
  .view-more1 { right: 15px; border-bottom: 20px; }
  .news-list1 .news-item .item-left { order: 1; flex: 0 0 100%; width: 100%; }
  .news-list1 .news-item .item-right { flex: 0 0 100%; width: 100%; }
  .news-list1 .news-item .txts-wrap { flex: 0 0 calc(100% - 67px); width: calc(100% - 67px); }
  .news-list1 .news-item .item-left { padding-top: 20px; }
  .news-list1 .news-item .news-dates { flex: 0 0 66px; }
  .news-list1 .news-item .day0 { font-size: 34px; }
  .news-list1 .news-item .month0 { font-size: 12px; }
  .news-list1 .news-item .txts-contents { padding-bottom: 12px; }
  .news-list1 .news-item .news-detail { font-size: 12px; line-height: 24px; }
  .inner-nav .banner5, .inner-nav .banner3, .inner-nav .banner4 { width: 100%; }
  .inner-nav .nav-a { font-size: 16px; }
  .inner-nav, .inner-nav .nav-banner-wrap { height: 50px; }
  .inner-nav .nav-item { padding: 10px 0; }
  .recruit-list1 .recruit-contents { padding: 20px; }
  .recruit-select-wrap { width: 100%; }
  .com-list4 .slide4-banner { padding-right: 0; padding-bottom: 20px; }
  .com-list4 .list4-swiper-txts { line-height: 40px; bottom: -20px; }
  .com-list4 .list4-contents { padding-top: 13vh; }
  .com-list4 .com-hd2 { bottom: 20vh !important; }
  .com-list2 .list2-imgs { width: 92vw; height: auto; }
  .com-list2 .list2-txts { padding-top: 20vh; } }
  .submit, .recruits-return-a {
  	border-radius: 5px !important;
  }
@media (max-width: 480px) {
	.applay-tb textarea.applay-input {
		width: 218px !important;
	}
	.applay-tb .applay-input,.applay-tb input[type="file"], .applay-tb textarea.applay-input, .applay-tb select.applay-input, .applay-tb .applay-input {
		box-shadow: none !important;
	}
	.applay-tb .spred {
		margin-left: 4px !important;
		font-size: 12px !important;
	}
.applay-tb input[type="file"], .applay-tb textarea.applay-input {
	font-size: .4rem !important;
	}
	.applay-tb .btn-group input[type="file"] {
			width: 150px !important;
			font-size: .4rem !important;
		} .com-list1 .list1-contents { width: 80vw; height: 80vw; margin-left: -40vw; margin-top: -40vw; }
  .com-list1 .bot-cloud { bottom: -10px; }
  .led-list1 .list1-h4 { font-size: 18px; }
  .coop-list1 .coop-item { flex: 0 0 31%; margin-right: 3.5%; }
  .coop-list1 .coop-item:nth-child(3n) { margin-right: 0; }
  .elegant-list1 .elegant-item { flex: 0 0 100%; width: 100%; margin-right: 0; }
  .elegant-list1 .elegant-h5 { font-size: 14px; } }
@media (max-width: 376px) { .inner-nav .nav-a { font-size: 14px; } }
@media (max-width: 321px) { .inner-nav .nav-a { font-size: 12px; } }
.js-m { opacity: 0; transform: translateY(30px); transition-property: transform opacity; transition-duration: 1s; transition-timing-function: ease; }

.js-to-left { opacity: 0; transform: translateX(30px); transition-property: transform opacity; transition-duration: 1s; transition-timing-function: ease; }

.js-to-right { opacity: 0; transform: translateX(-30px); transition-property: transform opacity; transition-duration: 1s; transition-timing-function: ease; }

.js-m.animate, .js-to-left.animate, .js-to-right.animate { opacity: 1; transform: translate(0, 0); }

.delay1 { transition-delay: .1s; }

.delay2 { transition-delay: .2s; }

.delay3 { transition-delay: .3s; }

.delay4 { transition-delay: .4s; }

.delay5 { transition-delay: .5s; }

.delay6 { transition-delay: .6s; }

.delay7 { transition-delay: .7s; }

.delay8 { transition-delay: .8s; }

.delay9 { transition-delay: .9s; }

.delay10 { transition-delay: 10s; }

.inner-nav-banner.delay10 { transition-delay: .6s; }

.about .wel-about-bot .swiper-slide { transition: background 1s,box-shadow 1s; }

.search .media-list1 .media-item .meida-h5 { color: #068585; font-weight: bold; }

.search .media-list1 .media-item { position: relative; }

.wel-product .swiper-slide p { transform: translateY(30px); transition: all .6s ease; }

.wel-product .swiper-slide.opt p { transform: translateY(0); opacity: 1; }

.coming-body .mCSB_inside > .mCSB_container { margin-right: 0 !important; }

.coming-body .list3-mains { width: 2000px; }

.coming-body .scroll-wrap { width: 100vw; }

.wel-media-con .right li h2 { transition-duration: .5s; }
.wel-media-con .right li:hover h2 { color: #068585; }

.nav-box { width: 100%; overflow: hidden; }

@media (max-width: 1024px) { .nav-box .right p { line-height: 32px; } }
@media (max-width: 480px) { header .nav-btn { transform: scale(0.8); } }
header.fixed0, .search-box.fixed0 { position: fixed; }

.wel-media-con .right a { transition-duration: .5s; }

.wel-media-con .right a:hover { padding-left: 10px; padding-right: 10px; background: #fff; }

.wel-media-con .left .more { transition-duration: .5s; height: 32px; line-height: 32px; padding-right: 0; background: none !important; }

.wel-media-con .left .more:after { display: block; content: ""; width: 0; background: #068585; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; transition: width 0.3s; }

.wel-media-con .left .more i { position: relative; z-index: 2; padding-right: 21px; background-position: right center; background-repeat: no-repeat; transition: all 0.3s; background: url(../img/wel19.png) no-repeat right center; }

.wel-product .swiper-slide.obt .wel-btns { opacity: .1; }

.com-list2 .list2-imgs { position: relative; }

.search-mains { padding-top: 2.6rem;min-height: 400px; }
.search-mains .media-item { dipslay: block; flex: 0 0 100%; width: 100%; }

.search-time0 { font-size: 14px; line-height: 24px; color: #4b9b9b; font-family: "Arial"; }

.recruit-item .more { display: block; color: #068585; width: 130px; height: 32px; line-height: 32px; font-size: 12px; font-family: 'Arial'; position: relative; background: url(../img/wel04.png); background-position: center right 10px; background-repeat: no-repeat; margin-top: 16px; transition-duration: .8s; }

.recruit-item:hover .more { color: #fff; background-position: center right 0; }

.submit { width: 150px; height: 35px; background: #068585; font-size: 16px; color: #fff; cursor: pointer; border: none; margin: 30px auto; display: block; line-height: 35px; }

.recruits-return-a { width: 150px; height: 35px; background: #068585; font-size: 16px; color: #fff; cursor: pointer; border: none; margin: 0 auto; display: block; text-align: center; line-height: 35px; }
.recruits-return-a:hover { color: #fff; }

.recruit-form-wrap .applay-input { box-sizing: content-box; }

.applay-tb select.applay-input { box-sizing: border-box; }

@media (max-width: 767px) { .submit, .recruits-return-a { font-size: 14px; }
  .captchas { display: inline-block; vertical-align: top; max-width: 148px; max-height: 36px; } }
.wel-about-top .left .box p.omit4 { max-height: 136px; }

/*# sourceMappingURL=w_style.css.map */


.wel-banner-h2 {
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.2;
	text-align: center;
	max-width: 15rem;
	margin-left: auto;
	margin-right: auto;
    opacity: 0;
    transform: translateY(30px);
    transition-duration: .8s;
}
.swiper-slide-active .wel-banner-h2{
	opacity: 1;
    transform: translateY(0);
}
.wel-banner li.two h2, .wel-banner li.the h2 {
	font-size: 3rem !important;
}
@media(max-width: 1270px) {
	.com-list:before {
		display: none;
	}
	.coming-btns .prev,.coming-btns .next {
		top: 50%;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		border-radius: 50%;
		overflow: hidden;
		color: transparent;
		padding: 0;
		background-size: 30px !important;
	}
	.coming-btns .btn-txts,.coming-btns .btn-num0 {
		display: none;
	}
	.coming-btns .prev {
		left: 4vw;
		background: url(../img/prev11.png) no-repeat center;
	}
	.coming-btns .next {
		left: 96vw;
		margin-left: -30px;
		background: url(../img/next11.png) no-repeat center;
	}
	.wel-banner li.two h2, .wel-banner li.the h2 {
		font-size: 1.5rem !important;
	}
}
.inner-nav-wrap .moudle-titles {
	opacity: 0;
	transform: scale(.6);
	transition: all 1.5s ease 1.5s;
}
.inner-nav-wrap .moudle-titles.animate {
	opacity: 1;
	transform: scale(1);
}
.inner-banner-h4,.inner-banner-cn {
	opacity: 0;
	transform: translateY(30px);
	transition: all .8s ease-out 1.2s;
}
.inner-banner-h5,.inner-banner-en {
	opacity: 0;
	transform: translateY(40px);
	transition: all .8s ease-out 1.5s;
}
.inner-banner-h4.animate,.inner-banner-h5.animate,.inner-banner-cn.animate,.inner-banner-en.animate {
	opacity: 1;
	transform: translateY(0);
}
.coming-header {
	transform: translateX(-100px);
	transition: all 1s ease-out 1.5s;
}
.animate .coming-header {
	transform: translateX(0);
}
@keyframes scale1{
	0% {
		opacity: 0;
	    transform: scale(.5);
	}
	100% {
		opacity: 1;
	    transform: scale(1);
	}
}
.svg1,.svg2,.svg3 { 
	position: relative; z-index: 1; height: 18.75rem;
    /*-webkit-clip-path: circle(2.1% at 50% 50%);*/
    /*clip-path: circle(0% at 50% 50%);*/
    opacity: 0;
 }
.svg1 {
    /*transition: all 4s ease-in-out;*/
}
.svg2 {
    /*transition: all 4s ease-in-out 1s;*/
}
.svg3 {
    /*transition: all 4s ease-in-out 2s;*/
}
.svg {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.com-list4 {
	background: #fff;
}
.com-list2.swiper-slide-active.cur .list2-live-wrap.animate .svg1,.com-list2.swiper-slide-active.cur .list2-live-wrap.animate .svg2,.com-list2.swiper-slide-active.cur .list2-live-wrap.animate .svg3 {
    /*-webkit-clip-path: circle(70.7% at 50% 50%);
    clip-path: circle(70.7% at 50% 50%);*/
    /*animation: scale1 4s linear once;*/
}
.coming-body {
	background: #fff;
}
.com-list2.swiper-slide-active.cur .list2-live-wrap.animate .svg1 {
    animation: scale1 1s cubic-bezier(0, 0.7, 0.16, 0.98) 1;
}
.com-list2.swiper-slide-active.cur .list2-live-wrap.animate .svg2 {
    animation: scale1 1s cubic-bezier(0, 0.7, 0.16, 0.98) 1 .5s;
}
.com-list2.swiper-slide-active.cur .list2-live-wrap.animate .svg3 {
    animation: scale1 1s cubic-bezier(0, 0.7, 0.16, 0.98) 1 1s;
}
.com-list2.swiper-slide-active.cur .list2-live-wrap.animate .svg.cur {
	opacity: 1;
}
/*.com-list2.swiper-slide-active.cur .list2-live-wrap.animate .svg4 {
    animation: scale1 4s linear once;
}*/
.elegant-banner {
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}
.elegant-banner .img-wrap {
	overflow: hidden;
}
.elegant-banner .img100 {
	width: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.elegant-banner .txts-wrap {
	text-align: center;
	font-size: 18px;
    line-height: 24px;
    color: #333;
    padding: 12px;
}
.info-dt-wrap .btn01 {
	position: static;
	text-align: center;
	padding: 20px 0;
}
.info-dt-wrap .btn01 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #ccc;
    margin:0 4px;
    opacity: 1;
    color: transparent;
    cursor: pointer;
}
.info-dt-wrap .btn01 .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #068585;
}
@media(max-width: 1023px) {
	.elegant-banner {
		width: 100%;
	}
}
.com-list3 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	background: #fff !important;
}
.com-list3 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 50px !important;
	background: transparent;
	height: 20px;
	border-radius: 10px !important;
}
.com-list3 .mCSB_scrollTools .mCSB_draggerRail {
	background: #fff !important;
}
.com-list3 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 200px !important;
	height: 20px;
	margin-top: -12px;
	top: 50%;
	background: #fff;
	border-radius: 10px;
}
.amoeba-list2 {
	padding-top: 2.25rem;
}
.amoeba-list2 .list2-left {
	flex: 0 0 60%;
	width: 60%;
}
.amoeba-list2 .list2-right {
	flex: 0 0 26%;
}
.amoeba-list2 .name-top-wrap {
	padding-left: 0;
}
.amoeba-banner2 {
	overflow: hidden;
	text-align: justify;
	margin-bottom: 1.2rem;
}
.amoeba-banner2-h3 {
	font-size: 18px;
	line-height: 1.5;
	color: #666;
	font-weight: bold;
	margin-bottom: .4rem;
}
.amoeba-banner2-detail {
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.amoeba-banner2-h1 {
	font-size: 18px;
	line-height: 2;
	color: #4b9b9b;
	margin-bottom: 1rem;
}
.amoeba-list2 .left-detail {
	width: 100%;
}
.amoeba-banner2 .scroll-wrap {
	max-height: 310px;
}
.amoeba-hd01 {
	height: 48px;
	text-align: right;
	padding-top: 12px;
}
.amoeba-hd01 span {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 0 5px;
	background: #ccc;
	opacity: 1;
}
.amoeba-hd01 span.swiper-pagination-bullet-active {
	background: #068585;
}
.amoeba-btn {
	position: absolute;
	width: 48px;
	height: 48px;
	top: 0;
	right: 0;
	background: #068585 url(../img/next0000.png) no-repeat center;
}
.amoeba-btn-wrap {
	position: relative;
	padding-right: 2.6rem;
}
@media(max-width: 1270px) {
	.amoeba-list2 .list2-right,.amoeba-list2 .list2-left {
		width: 100%;
		flex: 0 0 100%;
	}
}
@media(max-width: 1023px) {
	.amoeba-list2 .left-detail {
		padding-top: 0;
	}
	.amoeba-banner2-h1 {
		font-size: 14px;
		line-height: 1.7;
	}
	.amoeba-banner2-h3 {
		font-size: 14px;
	}
	.amoeba-btn {
		width: 34px;
		height: 34px;
	}
	.amoeba-hd01 {
		padding-top: 7px;
		height: 34px;
	}
	.amoeba-hd01 span {
		width: 10px;
		height: 10px;
		margin: 0 4px;
	}
}

.com-list3 .ten-year {
	font-size: 1.2rem;
}
@media (max-width: 1340px) {
	.com-list3 .ten-year {
		font-size: 1rem;
	}
}
.money-wrap0 {
	align-items: flex-start;
}
.money-wrap0 .money-left {
	flex: 0 0 28.4%;
	width: 28.4%;
	position: relative;
}
.money-left:after {
	display: block;
	position: absolute;
	width: 28%;
	right: 0;
	top: 0;
	content: "";
	height: 100%;
	background: url(../img/money-deng.png) no-repeat center;
	background-size: 36px !important;
}
.money-right {
	flex: 0 0 71.4%;
	width: 71.4%;
	display: inline-flex;
}
.money-jia {
	flex: 0 0 44px;
	width: 44px;
	height: 56px;
	display: inline-block;
	background: url(../img/money-jia.png) no-repeat center;
	background-size: 17px !important;
}
.money-left-item {
	width: 68%;
	height: 56px;
	line-height: 56px;
	padding-left: 2.4rem;
	color: #fff;
	font-size: 18px;
	border-radius: 6px;
	background: #068585 url(../img/money-ico1.png) no-repeat 1.1rem center;
}
.money-right-item {
	flex: 0 0 calc(25% - 34px);
	width: calc(25% - 34px);
	font-size: 16px;
}
.money-right-top {
	height: 56px;
	line-height: 56px;
	padding-left: 24px;
	color: #fff;
	background: #fff;
	color: #068585;
	border-radius: 6px;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	background-size: 21px !important;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.money-right-bot {
	line-height: 30px;
	color: #666;
	background: #f7f7f7;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.money-right-bot p {
	padding-left: 24px;
	border-top: 1px solid #ccc;
	padding: 9px 0 9px 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.money-right-bot p:hover {
	color: #068585;
}
.money-right-item1 .money-right-top {
	background: #fff url(../img/money-ico2.png) no-repeat right 22px center;
}
.money-right-item2 .money-right-top {
	background: #fff url(../img/money-ico3.png) no-repeat right 22px center;
}
.money-right-item3 .money-right-top {
	background: #fff url(../img/money-ico4.png) no-repeat right 22px center;
}
.money-right-item4 .money-right-top {
	background: #fff url(../img/money-ico5.png) no-repeat right 22px center;
}
@media(max-width:1700px ) {
	.money-right-item .money-right-top {
		background-size: 20px !important;
	}
	.money-right-item1 .money-right-top {
		background: #fff url(../img/money-ico2.png) no-repeat right 9px center;
	}
	.money-right-item2 .money-right-top {
		background: #fff url(../img/money-ico3.png) no-repeat right 9px center;
	}
	.money-right-item3 .money-right-top {
		background: #fff url(../img/money-ico4.png) no-repeat right 9px center;
	}
	.money-right-item4 .money-right-top {
		background: #fff url(../img/money-ico5.png) no-repeat right 9px center;
	}
	.money-wrap0 .money-left {
		flex: 0 0 25.4%;
	    width: 25.4%;
	}
	.money-right {
		flex: 0 0 74.4%;
	    width: 74.4%;
	}
	.money-right-item {
		font-size: 14px;
	}
	.money-right-top,.money-left-item {
		height: 44px;
		line-height: 44px;
	}
	.money-jia,.money-left:after {
		height: 44px;
	}
	.money-left-item {
		padding-left: 2rem;
		font-size: 16px;
	}
	.money-left-item {
		background: #068585 url(../img/money-ico1.png) no-repeat .5rem center;
		background-size: 22px !important;
	}
	.money-right-bot p {
	 	padding: 4px 0 4px .4rem;
	 }
	.money-right-top,.money-right-bot p {
		padding-left: .4rem;
	}
	.money-left:after {
		background-size: 30px !important;
	}
}
@media(max-width:850px ) {
	.money-left-item {
		padding-left: 42px;
	}
	.money-right-item {
		font-size: 12px;
	}
	.money-right-item .money-right-top {
		background-size: 16px !important;
	}
	.money-left:after {
		background-size: 30px !important;
	}
}
@media(max-width: 767px) {
	.money-wrap0 .money-left,.money-right,.money-right-item,.money-jia {
		flex: 0 0 100%;
		width: 100%;
	}
	.money-right {
		display: block;
	}
	.money-wrap0 .money-left, .money-right, .money-right-item, .money-jia {
		display: block;
	}
	.money-right-item,.money-jia {
		margin-top: 14px;
	}
	.money-left-item {
		flex: 0 0 80%;
	}
	.money-left:after {
		flex: 0 0 20%;
	}
	.money-jia {
		height: 18px;
	}

}