@charset "UTF-8";
* { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }

input, button, select, textarea { outline: none; font-family: "microsoft yahei"; }

li { list-style: none; }

img { border: 0; }

textarea { resize: none; }

body, div, span, ul, li, p, h1, h2, h3, h4, h5, h6, img, input, textarea { margin: 0; padding: 0; border: 0 none; }

body { font-size: 12px; font-family: "microsoft yahei",Arial, Helvetica, sans-serif; color: #323232; }

body { word-wrap: break-word; word-break: break-all; min-height: 100%; _height: 100%; }

a { color: #666; text-decoration: none; cursor: pointer; }

a:hover { text-decoration: none; }

a { outline: none; }

a:active { star: expression(this.onFocus=this.blur()); }

a:focus { outline: 0; }

.hidden { display: none; }

.vhidden { visibility: hidden; }

.block { display: block; }

.tal { text-align: left; }

.tar { text-align: right; }

.tac { text-align: center; }

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.icon-xk-s1:before, .icon-xk-s2:before, .icon-xk-s3:before, .icon-xk-s4:before, .icon-xk-left:before, .icon-xk-right:before, .icon-xk-search:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/** 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 */ line-height: 1.5; /* 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; }

/** 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 { -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: "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: 21px; }

h2 { font-size: 18.2px; }

h3 { font-size: 16.38px; }

h4 { font-size: 14px; }

h5, h6 { font-size: 11.9px; 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; }

@font-face { font-family: FontAwesome; font-weight: normal; font-style: normal; src: url("../font/iconfont.eot"); src: url("../font/iconfont.eot?#iefix") format("eot"), url("../font/iconfont.svg#FontAwesome") format("svg"), url("../font/iconfont.woff") format("woff"), url("../font/iconfont.ttf") format("truetype"); }
.icon-xk-s1, .icon-xk-s2, .icon-xk-s3, .icon-xk-s4, .icon-xk-left, .icon-xk-right, .icon-xk-search { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-xk-s1:before { content: ""; }

.icon-xk-s2:before { content: ""; }

.icon-xk-s3:before { content: ""; }

.icon-xk-s4:before { content: ""; }

.icon-xk-left:before { content: ""; }

.icon-xk-right:before { content: ""; }

.icon-xk-search:before { content: ""; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/** 去除双击选中文字 %user */
.l { float: left; }

.r { float: right; }

.hidden { display: none; }

html { height: 100%; }

body { height: 100%; background-color: #fff; }
body.mindex { background-color: #f7f7f7; }

html, body { height: 100%; }

.fw { font-weight: bold; }

.check-default { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; }

.footers { text-align: center; padding: 90px 0 30px; }
.footers p { font-size: 12px; color: #999; }

.mt20 { margin-top: 20px; }

.ml10 { margin-left: 10px; }

.mr50 { margin-right: 50px; }

.check-default { width: 18px; height: 18px; border: 1px solid #dcdcdc; border-radius: 2px; cursor: pointer; }
.check-default:checked { background: url(../images/checked.png) center no-repeat; }

/*页面公用样式*/
.index-page { width: auto; min-width: 1200px; background-color: transparent; }

a.app-download, a.app-download:hover, a.btn-i-search { background: url(../images/icon_index.png) no-repeat; }

.pay-submit__wrapper { text-align: center; padding: 20px 0; }
.pay-submit__wrapper .pay-submit-box { width: 180px; height: 40px; line-height: 40px; border-radius: 5px; font-size: 16px; color: #fff; background-color: #c79a35; display: inline-block; font-size: 16px; text-align: center; }
.pay-submit__wrapper .pay-submit-box:hover, .pay-submit__wrapper .pay-submit-box:active { background-color: #b58d31; }
.pay-submit__wrapper .pay-submit-box.disable { background-color: #ccc; cursor: default; }
.pay-submit__wrapper.tal { text-align: left; }

.pr30 { padding-right: 30px; }

.pr10 { padding-right: 10px; }

/*header*/
.header { position: fixed; top: 0; text-align: center; border-bottom: 1px solid #fff; border-color: rgba(255, 255, 255, 0.2); height: 80px; width: 100%; min-width: 1140px; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.header .header-wrap { width: 1140px; margin: 0 auto; }
.header .header-wrap .logo-white { width: 162px; height: 40px; margin-top: 19px; text-align: left; }
.header .header-wrap .logo-white img { width: 162px; height: 40px; }
.header .header-wrap .nav a { width: 68px; height: 80px; float: left; line-height: 80px; font-size: 14px; font-weight: 700; color: #fff; color: rgba(255, 255, 255, 0.5); display: block; border-bottom: 0; margin-left: 30px; }
.header .header-wrap .nav a:hover, .header .header-wrap .nav a.cur { color: #fff; border-bottom: 1px solid #fff; }
.header.hide { opacity: 0; }

.bg-black { background-color: #202732; }

.bg-white { background-color: #fff; border-bottom: 1px solid #f8f7f7; }
.bg-white .header-wrap .nav a { color: #3d5666; }
.bg-white .header-wrap .nav a:hover, .bg-white .header-wrap .nav a.cur { color: #fe2c01; border-bottom: 1px solid #fe2c01; }

.container { width: 1200px; margin: 0 auto; }

.my-container { width: 1200px; margin: 0 auto; min-height: 650px; padding-bottom: 50px; }

/*footer*/
.footer { width: 100%; min-width: 1140px; background: #202732 url(../images/bg_footer.png) left top repeat-x; height: 320px; padding-top: 92px; box-sizing: border-box; }
.footer .f-container { width: 1140px; margin: 0 auto; }
.footer .f-container .f-c-text { width: 550px; margin-right: 10px; color: #b8c8d3; }
.footer .f-container .f-c-text .f-ct-nav { font-size: 14px; line-height: 30px; padding-bottom: 50px; }
.footer .f-container .f-c-text .f-ct-nav a { color: #b8c8d3; padding: 0 12px; }
.footer .f-container .f-c-text .f-ct-nav a:first-child { padding-left: 0; }
.footer .f-container .f-c-text .f-ct-nav a:hover { color: #b8c8d3; }
.footer .f-container .f-c-text .f-ct-copy { line-height: 21px; }
.footer .f-container .f-c-text .f-ct-copy a { color: #b8c8d3; }
.footer .f-container .f-c-text .f-ct-copy a:hover { color: #b8c8d3; }
.footer .f-container .f-qr-code { width: 325px; padding-top: 5px; }
.footer .f-container .f-qr-code .f-qrc-wx, .footer .f-container .f-qr-code .f-qrc-app { width: 100px; color: #fffefe; text-align: center; }
.footer .f-container .f-qr-code .f-qrc-img { width: 100px; height: 100px; background-color: #fff; margin: 0 auto; box-sizing: border-box; }
.footer .f-container .f-qr-code .f-qrc-img img { width: 100px; height: 100px; }
.footer .f-container .f-qr-code .f-qrc-title { font-size: 14px; line-height: 26px; padding-top: 10px; }
.footer .f-container .f-call { width: auto; }
.footer .f-container .f-call .f-c-tel { background: url(../images/img_tel.png) no-repeat; height: 26px; line-height: 26px; font-size: 26px; font-weight: 700; color: #fe2c01; text-indent: 40px; }
.footer .f-container .f-call .f-c-time { font-size: 14px; color: #fff; line-height: 14px; padding: 8px 0 0 40px; }

.input-default { border: 1px solid #dcdcdc; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.input-default:focus { border-color: #c79a35; -webkit-box-shadow: 0 0 2px rgba(255, 107, 32, 0.3); -moz-box-shadow: 0 0 2px rgba(255, 107, 32, 0.3); box-shadow: 0 0 2px rgba(255, 107, 32, 0.3); }

.mt26 { margin-top: 26px; }

.mt30 { margin-top: 30px; }

.mt35 { margin-top: 35px; }

.mt95 { margin-top: 95px; }

.top-b-have { line-height: 80px; font-size: 16px; color: #d1cfcb; }
.top-b-have a, .top-b-have a:hover { color: #fffbf7; }

/** 分页 */
.pagination { line-height: 22px; height: 24px; font-size: 0; }
.pagination a, .pagination span { font-size: 12px; display: inline-block; vertical-align: middle; margin-right: 10px; }
.pagination a { color: #999; }
.pagination span { color: #666; }
.pagination a { padding: 0 9px; line-height: 22px; border: 1px solid #dcdcdc; }
.pagination a.pageNumCur, .pagination a:hover { background-color: #ff6b20; border-color: #ff6b20; color: #fff; }

.order-place__wrapper { margin-top: 30px; }

.order-place__wrapper1 { padding-top: 20px; }

.mt100 { margin-top: 100px; }

.mbt80 { margin-bottom: 80px; }

.error-wrap { width: 1200px; min-height: 530px; padding: 50px; margin: 30px auto 0; }

.error-box { padding-top: 113px; }
.error-box .error-b-text { font-size: 16px; line-height: 18px; padding: 34px 0 60px; }
.error-box .btn-return a { color: #c79a35; font-size: 14px; line-height: 16px; }
.error-box .btn-return a:hover { color: #c79a35; }

.banner { width: 100%; min-width: 1140px; height: 620px; }
.banner .bn-img { background: url(../images/banner-01.jpg) center top no-repeat; height: 620px; }

.category-box { width: 1140px; min-width: 1140px; height: 643px; margin: 0 auto; padding-top: 81px; }
.category-box img { width: 1140px; height: 505px; }

.product-system-case-box {  width: 100%; min-width: 1140px; }
.product-system-case-box .product-system-case-wrap { width: 1140px; margin: 0 auto; }
.product-system-case-box .product-system-case-wrap .c-title { padding: 50px 0; }
.product-system-case-box .product-system-case-wrap .ct-small { font-size: 14px; color: #3d5666; line-height: 16px; }
.product-system-case-box .product-system-case-wrap .c-title .ct-h1 { height: 58px; line-height: 58px; font-size: 36px; color: #0f1519; font-weight: 700; background: url(../images/bg-title.jpg) center bottom no-repeat; }

.product-system-case-box .product-system-case-wrap .product-system-img {
	margin-bottom: 78px;
}
.company-honor-wrapper {width: 100%;height: 120px;background: #F6F8FB;}
.company-honor {width: 1140px; height:100%; display: flex; margin:0px auto;}
.company-honor-item {flex:1;     display: flex;flex-direction: column;align-items: center;padding-top:9px; }
.company-honor-item  .honor-num {color: #FE2C01; font-size: 43px;font-weight: bold;}
.company-honor-item .honor-term {font-size: 18px;font-family: Microsoft YaHei;}	
.company-honor-item .honor-from {font-size: 18px;font-family: Microsoft YaHei;}
.cooper-box { background-color: #f6f8fb; width: 100%; min-width: 1140px; min-height: 710px; }
.cooper-box .cop-wrap { width: 1140px; margin: 0 auto; }
.cooper-box .cop-wrap .c-title { padding: 50px 0; }
.cooper-box .cop-wrap .c-title .ct-small { font-size: 14px; color: #3d5666; line-height: 16px; }
.cooper-box .cop-wrap .c-title .ct-h1 { height: 58px; line-height: 58px; font-size: 36px; color: #0f1519; font-weight: 700; background: url(../images/bg-title.jpg) center bottom no-repeat; }
.cooper-box .cop-wrap .cop-list li { float: left; width: 380px; height: 450px; }
.cooper-box .cop-wrap .cop-list li .cl-img { width: 380px; height: 450px; }
.cooper-box .cop-wrap .cop-list li .cl-img img { width: 380px; height: 450px; }

.case-box { width: 100%; min-width: 1140px; min-height: 1680px; }
.case-box .case-wrap { width: 1140px; margin: 0 auto; }
.case-box .case-wrap .c-title { padding: 50px 0; }
.case-box .case-wrap .c-title .ct-small { font-size: 14px; color: #3d5666; line-height: 16px; }
.case-box .case-wrap .c-title .ct-h1 { height: 58px; line-height: 58px; font-size: 36px; color: #0f1519; font-weight: 700; background: url(../images/bg-title.jpg) center bottom no-repeat; }
.case-box .case-wrap .case-list li { float: left; width: 360px; height: 450px; margin-right: 30px; margin-bottom: 30px; }
.case-box .case-wrap .case-list li:nth-child(3n) { margin-right: 0; }
.case-box .case-wrap .case-list li .cl-img { width: 360px; height: 230px; }
.case-box .case-wrap .case-list li .cl-img img { width: 360px; height: 230px; }
.case-box .case-wrap .case-list li .cl-content { height: 220px; border: 1px solid #d6e1e5; border-top: 0; background-color: #fff; padding: 28px 0; }
.case-box .case-wrap .case-list li .cl-content .cl-title { font-size: 18px; line-height: 20px; font-weight: 700; color: #0f1519;  padding: 0px 19px 0 27px; }
.case-box .case-wrap .case-list li .cl-content .cl-text { font-size: 14px; color: #7f8f99; line-height: 19px; margin-top: 15px;  padding: 0px 23px 0 27px;}

.activity-box { background-color: #f6f8fb; width: 100%; min-width: 1140px; min-height: 1015px; margin: 0 auto; }
.activity-box .activity-wrap { width: 1140px; margin: 0 auto; }
.activity-box .a-title { padding: 50px 0 20px; }
.activity-box .a-title .at-small { font-size: 14px; color: #3d5666; line-height: 16px; }
.activity-box .a-title .at-h1 { height: 74px; line-height: 74px; font-size: 36px; color: #0f1519; font-weight: 700; background: url(../images/bg-title.jpg) center bottom no-repeat; }
.activity-box .activity-list li { float: left; width: 360px; height: 350px; margin: 30px 30px 0 0; }
.activity-box .activity-list li:nth-child(3n) { margin-right: 0; }
.activity-box .activity-list li .al-img { width: 360px; height: 350px; }
.activity-box .activity-list li .al-img img { width: 360px; height: 350px; }
.activity-box .activity-list li .cl-title { font-size: 18px; margin-top: 10px; padding: 0 10px 0 18px; }
.activity-box .activity-list li .cl-text { font-size: 14px; padding: 0 10px 0 18px; }

.banner3 { width: 100%; min-width: 1140px; height: 540px; margin-top: 80px; }
.banner3 .bn-img { background: url(../images/banner-03.jpg) center top no-repeat; height: 540px; }

.about-box { width: 1140px; min-width: 1140px; min-height: 1026px; margin: 0 auto; padding-top: 100px; }
.about-box .about-title { width: 570px; }
.about-box .about-title .title { height: 56px; line-height: 38px; font-size: 36px; color: #0f1519; font-weight: 700; background: url(../images/bg-title.jpg) left bottom no-repeat; }
.about-box .about-title .about-text { padding-top: 45px; line-height: 28px; font-size: 16px; color: #3d5666; }
.about-box .about-title .about-code { width: 325px; padding-top: 45px; }
.about-box .about-title .about-code .f-qrc-wx, .about-box .about-title .about-code .f-qrc-app { width: 100px; color: #202732; text-align: center; }
.about-box .about-title .about-code .f-qrc-img { width: 102px; height: 102px; background-color: #fff; margin: 0 auto; box-sizing: border-box; border: 1px solid #202732; }
.about-box .about-title .about-code .f-qrc-img img { width: 100px; height: 100px; }
.about-box .about-title .about-code .f-qrc-title { font-size: 14px; line-height: 26px; padding-top: 12px; }
.about-box .about-img { width: 450px; height: 600px; }
.about-box .about-img img { width: 450px; height: 676px; }

.sure-box { background-color: #f6f8fb; width: 100%; min-width: 1140px; min-height: 700px; padding-top: 50px; }
.sure-box .sure-wrap { width: 1140px; margin: 0 auto; }
.sure-box .sure-wrap .sure-title .title { height: 56px; line-height: 38px; font-size: 36px; color: #0f1519; font-weight: 700; background: url(../images/bg-title.jpg) left bottom no-repeat; }
.sure-box .sure-wrap .sure-title .tag { margin-top: 210px; }
.sure-box .sure-wrap .sure-title .tag img { width: 498px; height: 66px; }
.sure-box .sure-wrap .sure-img { width: 436px; height: 600px; }
.sure-box .sure-wrap .sure-img img { width: 436px; height: 600px; }

.honor-box { width: 1140px; min-height: 1010px; margin: 0 auto; }
.honor-box .h-title { padding: 80px 0 10px; }
.honor-box .h-title .at-small { font-size: 14px; color: #3d5666; line-height: 50px; }
.honor-box .h-title .at-h1 { height: 76px; line-height: 76px; font-size: 36px; color: #0f1519; font-weight: 700; background: url(../images/bg-title.jpg) center bottom no-repeat; }
.honor-box .activity-list li { float: left; width: 270px; height: 328px; background-color: #f6f8fb; color: #3d5666; line-height: 24px; margin: 20px 20px 0 0; }
.honor-box .activity-list li:nth-child(4n) { margin-right: 0; }
.honor-box .activity-list li .cl-img { width: 270px; height: 202px; }
.honor-box .activity-list li .cl-img img { width: 270px; height: 202px; }
.honor-box .activity-list li .cl-title { font-size: 14px; padding: 13px 15px 0 18px; }

.banner2 { width: 100%; min-width: 1140px; height: 620px; }
.banner2 .bn-img { background: url(../images/banner-02.jpg) center top no-repeat; height: 620px; }

.product-box { width: 1140px; min-height: 1087px; margin: 0 auto; }
.product-box .p-title { padding: 98px 0 50px; }
.product-box .p-title .at-small { font-size: 14px; color: #3d5666; line-height: 16px; }
.product-box .p-title .at-h1 { height: 74px; line-height: 74px; font-size: 36px; color: #0f1519; font-weight: 700; background: url(../images/bg-title.jpg) center bottom no-repeat; }
.product-box .product-img img { width: 1140px; height: 750px; }

.data-img { width: 100%; padding-bottom: 60px; }
.data-img img { width: 100%; height: auto; display: inline-block; }

.bg-f8 { background-color: #f6f8fb; }

.banner4 { width: 100%; min-width: 1140px; height: 620px; }
.banner4 .bn-img { background: url(../images/banner-04.jpg) center top no-repeat; height: 620px; }

.case-container, .cooper-container { padding: 100px 0; }
.case-container .cont-box, .cooper-container .cont-box { width: 100%; min-width: 1140px; height: 500px; margin: 0 auto; }
.case-container .cont-box .case-img, .cooper-container .cont-box .case-img { width: 1140px; height: 500px; margin: 0 auto; overflow: hidden; }
.case-container .cont-box .case-img img, .cooper-container .cont-box .case-img img { width: 1140px; height: 500px; }
.case-container .cont-box .case-text, .case-container .cont-box .case-text2, .cooper-container .cont-box .case-text, .cooper-container .cont-box .case-text2 { width: 570px; padding-left: 60px; font-size: 18px; color: #7f8f99; line-height: 28px; }
.case-container .cont-box .case-text .case-title, .case-container .cont-box .case-text2 .case-title, .cooper-container .cont-box .case-text .case-title, .cooper-container .cont-box .case-text2 .case-title { width: 365px; height: 39px; padding: 135px 0 75px; }
.case-container .cont-box .case-text2, .cooper-container .cont-box .case-text2 { padding-left: 0; padding-right: 60px; }

.case-list-wrap { background-color: #f6f8fb; min-width: 1140px; padding-bottom: 95px; }
.case-list-wrap .c-title { padding: 96px 0 30px; }
.case-list-wrap .c-title .ct-small { font-size: 14px; color: #3d5666; line-height: 52px; }
.case-list-wrap .c-title .ct-h1 { height: 58px; line-height: 40px; font-size: 36px; color: #0f1519; font-weight: 700; background: url(../images/bg-title.jpg) center bottom no-repeat; }
.case-list-wrap .case-list { width: 1140px; position: relative; margin: 0 auto; }
.case-list-wrap .case-list .icon-left, .case-list-wrap .case-list .icon-right { width: 24px; height: 50px; background: url(../images/icon-left.jpg) no-repeat; display: block; top: 75px; }
.case-list-wrap .case-list .icon-left { position: absolute; left: -44px; }
.case-list-wrap .case-list .icon-right { background: url(../images/icon-right.jpg) no-repeat; position: absolute; right: -44px; }
.case-list-wrap .case-list .list { width: 1140px; height: 202px; overflow: hidden; position: relative; }
.case-list-wrap .case-list .list ul { position: absolute; left: 0; width: 20000px; }
.case-list-wrap .case-list .list ul li { float: left; width: 270px; height: 202px; margin-right: 20px; }
.case-list-wrap .case-list .list ul li img { width: 270px; height: 202px; }

.contact-box { width: 1140px; min-width: 1140px; height: 640px; margin: 80px auto 0; padding-top: 80px; }
.contact-box .contact-img { width: 569px; height: 480px; }
.contact-box .contact-img img { width: 569px; height: 480px; }
.contact-box .contact-content { padding-left: 620px; font-size: 18px; line-height: 56px; color: #7f8f99; }
.contact-box .contact-content .title { font-size: 36px; font-weight: 700; color: #0f1519; line-height: 40px; padding: 47px 0; }

.bg-f8 { background-color: #f6f8fb; }

.banner5 { width: 100%; min-width: 1140px; height: 540px; margin-top: 80px; }
.banner5 .bn-img { background: url(../images/banner-05.jpg) center top no-repeat; height: 540px; }

.cooper-container { padding: 0 0 100px; }




.banner-introduce {
	background: url(../images/system/banner-introduce.png) center top no-repeat;
	background-color: #2F3847;
	height: 1782px;
}
.banner-content {
	padding-top: 250px;
}
.banner-introduce .slogan {
	display: block;
	height: 54px;
	font-size: 54px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 69px;
	text-align: center;
}
.banner-introduce .service-info {
	display: block;
	padding-top: 80px;
	text-align: center;
	height: 51px;
	font-size: 30px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}
.banner-introduce .service-info .service-num {
	color: #FD1401;
	font-size: 45px;
	font-weight: bold;
}
.company-system-area {
	display: flex;
	padding-top: 230px;
}
.company-system-area .company-system-item {
	justify-content: center;
	align-items: center;
	display: flex;
	flex: 1;
	margin-right: 10px;
	height: 171px;
}
.company-system-area .company-system-item:last-child {
	margin-right: 0px;
}
.company-system-area .company-system-item .txt {
	font-size: 34px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FEFEFE;
}
	
.product-list {
	display: flex;
	justify-content: space-between;
}
.product-list .product-list-item {
	width: 560px;
	height: 771px;
	background: #F6F8FB;
}
.product-list .product-list-item .img {
	width: 560px;
	height: 410px;
}
.product-list .product-list-item .img img {
	width: 100%;
	height: 100%;
}
.product-list .product-list-item .txt-padded {
	padding-left: 31px;
	/* padding-right: 129px; */
}
.product-list .product-list-item .stitle {
	font-size: 30px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #0F1519;
	margin-top: 67px;
	padding-right: 129px;
}
.product-list .product-list-item .sdesc {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #7F8F99;
	line-height: 23px;
	margin-top: 46px;
	/* padding-right: 100px; */
}
.smart-observation-wrapper {
	margin-top: 26px;
}
.smart-observation {
	width: 1142px;
	height: 545px;
	margin: 0px auto;
}
.park {
	width: 100%;
	height: 552px;
}
.park-info {
	height: 552px;
	background: #F6F8FB;
	position: relative;
}
.thailand-sport-park {
	font-size: 30px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #0F1519;
}
.thailand-sport-park-padded {
	/* padding-left: 383px; */
	/* padding-left: 40%;
	 */
	position: absolute;
	right: 0;
}
.thailand-sport-park {
	padding-top: 68px;
	padding-right: 76px;
}
.thailand-sport-park-desc {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #7F8F99;
	line-height: 30px;
	padding-top: 79px;
	/* padding-right: 106px; */
	width: 450px;
}
.extracted-from {
	padding-top: 30px;
}
.thailand-sport-park-wrapper {
	margin: 10px 0 161px;
}
.drowning-prevention {
	height: 553px;
	background: #F6F8FB;
	padding-left: 61px;
}
.drowning-prevention .drowning-prevention-info {
	font-size: 30px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #0F1519;
	padding-top: 70px;
	width: 450px;

}
.drowning-prevention-middle {
	display: flex;
}
.drowning-prevention-middle .drowning-prevention-left {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #7F8F99;
	line-height: 30px;
	margin-top: 45px;
	margin-right: 27px;
}
.drowning-prevention-middle .drowning-prevention-right {
	width: 317px;
	height: 399px;
}
.drowning-prevention-middle .drowning-prevention-right  img {
	width: 100%;
	height: 100%;
}
.drowning-prevention-video {
	object-fit:cover;
	width:100%;
	height:553px;
}

.bg-black {
	z-index: 333;
}

.news-container {
	width: 1140px;
	margin: 0 auto;
}

.layui-container {
	width: 1140px;
}

.news-item-cell {
	margin-bottom: 15px;
}

.news-item-cell .news-img {
	width: 100%;
	height: 200px;
}

.news-item-cell .news-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-item-cell .news-content {
	height: 50px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #3D5666;
	line-height: 25px;
	margin: 19px 0px 23px 0px;

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

.news-item-cell .time-wrapper {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #9EA6AC;
	line-height: 28px;
}

.spaing-80 {
	height: 80px;
}

.spaing-100 {
	height: 100px;
}

/* 留言框 */

.embed-messageboard {
  position: fixed;
  z-index: 2147482300;
}
.embed-messageboard .embed-messageboard-base{
  position: fixed;
  height: auto;
  width: 240px;
  border-radius: 8px;
  z-index: 3;
  box-shadow: 0 8px 40px #0006;
}
.embed-messageboard .embed-messageboard-base .embed-messageboard-container{
  color: #000;
  border-radius: 8px;
  background-color: #fff;
}
.embed-messageboard .embed-messageboard-base .embed-messageboard-container .embed-messageboard-header {
  height: 46px;
  line-height: 46px;
  font-size: 14px;
  background-color: var(--1d2fba71);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: flex;
  justify-content: space-between;
  cursor: move;
}
.embed-messageboard .embed-messageboard-base .embed-messageboard-container .embed-messageboard-header-close {
  display: inline-block;
  height: 46px;
  width: 34px;
  cursor: pointer;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAAAKUlEQVQ4EWNgGAXDIAQY////Lwv0RzsQs5Hon19A9ZVMJGoaVT48QwAAT7IFHprVPikAAAAASUVORK5CYII=) no-repeat;
  background-position: center;
  background-size: 50%;
}
.embed-messageboard .embed-messageboard-base .embed-messageboard-container .embed-messageboard-text .embed-messageboard-company {
  font-size: 14px;
  color: #303133;
  white-space: pre-line;
}
.embed-messageboard .embed-messageboard-base .embed-messageboard-container .embed-messageboard-text>p {
  word-break: break-all;
  line-height: 18px;
  margin: 0 8px 0 12px;
  background-color: transparent;
}
.embed-messageboard .embed-messageboard-base .embed-messageboard-container .embed-messageboard-text {
  padding: 12px 0;
}
.embed-messageboard .embed-messageboard-base .embed-messageboard-container .embed-messageboard-header-title {
  color: #fff;
  margin-left: 12px;
  line-height: 46px;
  padding-left: 2px;
  -webkit-user-select: none;
  user-select: none;
}

.embed-messageboard-form {
  padding: 8px 12px;
}
.embed-messageboard-form .embed-messageboard-form-content{
  width: 100%;
  box-sizing: border-box;
}
.embed-messageboard-form .embed-messageboard-form-item {
  height: 34px;
  width: 215px;
  line-height: 32px;
  margin: 8px auto 0;
  border: 1px solid #DCDFE6;
  position: relative;
  background-color: #fff;
  border-radius: 4px;
  font-size: 14px;
  display: flex;
  padding-right: 4px;
}
.embed-messageboard-form .embed-messageboard-form-item .embed-messageboard-form-label {
  width: 35px;
  height: 32px;
  display: inline-block;
  text-align: center;
  background-color: #fff;
  vertical-align: top;
  border-right: 1px solid #fff;
  border-radius: 4px 0 0 4px;
  flex-shrink: 0;
}
.embed-messageboard-form .embed-messageboard-form-item .embed-messageboard-form-input{
  flex: 1;
  margin: 0;
  padding: 0;
  height: 32px;
  line-height: 32px;
  border: none;
  display: inline-block;
  outline: 0;
  font-size: 14px;
  font-weight: 400;
}
.embed-messageboard-form .embed-messageboard-form-item .embed-messageboard-form-input::placeholder {
  font-size: 12px;

}

.embed-messageboard-form .embed-messageboard-form-content>textarea{
  box-sizing: border-box;
  width: 100%;
  height: 80px;
  padding: 10px 12px;
  resize: none;
  overflow: hidden;
  border: 1px solid #DCDFE6;
  background-color: #fff;
  text-align: left;
  outline: 0;
  border-radius: 4px;
  font-size: 12px;
  line-height: 18px;
}

.embed-messageboard-form .embed-messageboard-form-item .embed-messageboard-form-label.embed-messageboard-form-icon-name {
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADKADAAQAAAABAAAADAAAAAATDPpdAAAA9ElEQVQoFYWQsWoCQRCGZ9a1SB1IrUW0y4FCOKLxRVIIPoNtItb6FjHvcQl7cgorXJoUKey1V2HvbrwJWTn3BIeF/f9/vr8ZBGeICNUyvue4++j9IiIVESyaMIzvDCUfgLAGIMxfrYrypdPxNpaTVvBvIJlKCa9dvx2xV5H2k8RMctlnX5rPUAdu6GbCBa55t3BYLH5ubelfH6zn/6yAWHnbm93MAqw5s/6sECj9TFk6yK+YWoA1Z7w7ZSy+5qtxRlQXFZj2/Pa3Xf7tIv2QpTAUiOveU2sESsXNINTvReiSZoZZKYTcIpmGe75yiW6YLedXkiNBwGUBI8BE6wAAAABJRU5ErkJggg==) no-repeat 9px center;
}
.embed-messageboard-form .embed-messageboard-form-item .embed-messageboard-form-label.embed-messageboard-form-icon-mobile{
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADKADAAQAAAABAAAADAAAAAATDPpdAAABT0lEQVQoFXVRMUvDUBC+9wyBFEkr6OaiIAjZaoZKQYro4CK42kVxcBNcRNAf4X9QN8HRTZO0aSMkkRQyuSiuLhZaQducd9EEh/SG3N133/fl3XsAf9Hq9Wacrl9FRJFhRTkdttxgPwFoAuIL0UuNurlbRE4xdrZd/z5ztt3gxn6MFiYJJAy/F2kYCiGQSZQiGI0mCzQFXwEFi6DTedNohQ29JEPui0KapvkOAnQnDOfK5f4YEdQiYoZJLqSAC/xMzg3D+BICzj6GyWUcx6rVDbcs72kz24+5+RXSslcoxXVjtXrnuMFeAnhKW92SgUrLLc9WtB02ZFEanvesW23/gYTrDJDr1O8EwGkHx2zCfXokLmq1pb4C09tUnliuf0Q5/zu9kZYIHDAvB7nhIGfF6YaHgNBEwJigCh1tsFZfOaCrH6ekog8JJT+g50Xz/+c/yfOLiRCRy8AAAAAASUVORK5CYII=) no-repeat 9px center;
}
.embed-messageboard-form .embed-messageboard-form-item .embed-messageboard-form-label.embed-messageboard-form-icon-ext {
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADKADAAQAAAABAAAADAAAAAATDPpdAAAAb0lEQVQoFWNgIBEwgtQfPH5W8/+//22MDIyC/xn+v2dkYqwCiaOL2VsaX2eCSTAxM1XbWxs7gGiQQhBGFwOpBWsAmWxnYXQNJACiQXxsYnANIGccOnFOCyQAokF8bGIgefL8ANJJLBgOnibWr3B1AO+pkealweGNAAAAAElFTkSuQmCC) no-repeat 9px center;
}
.embed-messageboard-form .embed-messageboard-form-item .embed-messageboard-form-label.embed-messageboard-form-icon-ext{
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADKADAAQAAAABAAAADAAAAAATDPpdAAAAb0lEQVQoFWNgIBEwgtQfPH5W8/+//22MDIyC/xn+v2dkYqwCiaOL2VsaX2eCSTAxM1XbWxs7gGiQQhBGFwOpBWsAmWxnYXQNJACiQXxsYnANIGccOnFOCyQAokF8bGIgefL8ANJJLBgOnibWr3B1AO+pkealweGNAAAAAElFTkSuQmCC) no-repeat 9px center;
}
.embed-messageboard-form .embed-messageboard-send {
  margin-top: 12px;
}
.embed-messageboard-form .embed-messageboard-send .embed-messageboard-send-btn {
  height: 32px;
  width: 64px;
  line-height: 32px;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
  margin-left: auto;
  background-color: var(--488531de);
}
.embed-messageboard-result {
  height: 270px;
  background-color: #ededed;
  position: relative;
}
.embed-messageboard .embed-messageboard-base .embed-messageboard-container .embed-messageboard-text {
  padding: 12px 0;
}
.embed-messageboard .embed-messageboard-base .embed-messageboard-container .embed-messageboard-text>p {
  word-break: break-all;
  line-height: 18px;
  margin: 0 8px 0 12px;
  background-color: transparent;
}

.embed-messageboard-result .embed-messageboard-result-box .embed-messageboard-result-icon {
  height: 72px;
  width: 80px;
  margin: 0 auto;
  background: #fff url(data:image/png;base64,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) no-repeat center center;
  background-color: transparent;
}
.embed-messageboard-result .embed-messageboard-result-box .embed-messageboard-result-title {
  color: #333;
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
}
.embed-messageboard-result .embed-messageboard-result-box .embed-messageboard-result-content {
  color: #333;
  text-align: center;
  font-size: 12px;
}
.embed-messageboard-result .embed-messageboard-result-box .embed-messageboard-result-close{
  height: 30px;
  width: 90px;
  font-size: 12px;
  color: #fff;
  margin: 20px auto 0;
  background-color: var(--85fcfdfc);
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  border-radius: 4px;
}
.embed-messageboard-form  .embed-messageboard-form-error-tip {
  display: none;
}
.embed-messageboard-form .embed-messageboard-form-error-tip {
  margin-top: 8px;
  color: #e64552;
  font-size: 12px;
  text-align: center;
  
}
.embed-messageboard-form .embed-messageboard-error .embed-messageboard-form-content>textarea,.embed-messageboard-form .embed-messageboard-error .embed-messageboard-form-item {
  border: 1px solid #e64552;
}
/* 提示窗口 */
.message {
  z-index: 1001;
  position: fixed;
  padding: 12px 20px;
  background-color: #fff;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
  margin-bottom: 15px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  max-width: 350px;
  text-align: center;
  font-size: 15px;
}
 
.message-success {
  color: #67C23A;
  background-color: #f0f9eb;
  border-color: #e1f3d8;
}
 
.message-error {
  background-color: #fef0f0;
  border-color: #fde2e2;
  color: #F56C6C;
}
.message-warning {
  background-color: #fdf6ec;
  border-color: #faecd8;
  color: #E6A23C;
}
 
.message-leave {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-50px);
}