@charset "UTF-8";

 /*!
  Important comments included in minified output.
  https://www.bocweb.cn/
  2021-03-15
  ?2021 博采网络 ALL RIGHTS RESERVED. 博采网络
*/
 .animated {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
 }

 .simple-form-basic,
 .simple-text,
 .simple-textarea,
 .simple-select {
   border: 1px solid #ccc;
   padding: 4px;
   vertical-align: middle;
 }

 .simple-form-basic:focus,
 .simple-text:focus,
 .simple-textarea:focus,
 .simple-select:focus {
   outline: 0 none;
 }

 .simple-text {
   height: 18px;
   -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
   transition: border linear 0.2s, box-shadow linear 0.2s;
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
 }

 .simple-text:focus {
   border-color: rgba(82, 168, 236, 0.8);
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
 }

 .simple-textarea {
   height: 18px;
   -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
   transition: border linear 0.2s, box-shadow linear 0.2s;
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
   height: 80px;
   width: 500px;
   vertical-align: top;
 }

 .simple-textarea:focus {
   border-color: rgba(82, 168, 236, 0.8);
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
 }

 .simple-select {
   *margin-top: 5px;
   *margin-bottom: 5px;
   *vertical-align: top;
 }

 .reset-radio-checkbox {
   margin: 0 5px 0 0;
   padding: 0;
   font-size: 13px;
   *width: 13px;
   *height: 13px;
 }

 /**
 * 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: 'Noto Sans SC';
   /* 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 {
   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 */
   /* 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: "Source Han Sans CN", "Microsoft Yahei", "Noto Sans S Chinese Light", "Microsoft YaHei Light", "Pingfang sc regular", "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;
 }

 html {
   overflow: hidden;
   overflow-y: scroll;
 }

 button,
 input,
 textarea,
 select {
   border: none;
   border-radius: 0;
   outline: none;
   padding: 0;
 }

 * {
   box-sizing: border-box;
   -webkit-font-smoothing: antialiased;
 }

 img {
   display: block;
   max-width: 100%;
 }

 .clear {
   clear: both;
 }

 .f-cb {
   zoom: 1;
 }

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

 .fl {
   float: left;
 }

 .fr {
   float: right;
 }

 .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;
 }

 .dn {
   display: none;
 }

 .w-f {
   width: 100%;
 }

 .h-f {
   height: 100%;
 }

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

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

 @-webkit-keyframes spinner {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }

   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }

 @keyframes spinner {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }

   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }

 /*手机上a链接有黑色透明底怎么去掉
给a加这个样式*/
 a {
   -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
 }

 select,
 input {
   outline: none;
 }

 /*ie 去掉自带关闭*/
 input::-ms-clear {
   display: none;
 }

 /*网站单位设置*/
 @media only screen and (min-width: 360px) {
   html {
     font-size: 26px !important;
   }
 }

 @media only screen and (min-width: 435px) {
   html {
     font-size: 30px !important;
   }
 }

 /*@media only screen and(min-width: 500px) {
  html {
    font-size: 36px!important
  }
}*/
 @media (min-width: 769px) {
   html {
     font-size: 34px !important;
   }
 }

 @media only screen and (min-width: 1024px) {
   html {
     font-size: 28px !important;
   }
 }

 @media only screen and (min-width: 1200px) {
   html {
     font-size: 30px !important;
   }
 }

 @media only screen and (min-width: 1440px) {
   html {
     font-size: 34px !important;
   }
 }

 @media only screen and (min-width: 1680px) {
   html {
     font-size: 40px !important;
   }
 }

 ::-moz-selection {
   background: #005bbb;
   color: #fff;
 }

 ::selection {
   background: #005bbb;
   color: #fff;
 }

 ::-webkit-scrollbar {
   width: 5px;
   height: 5px;
 }

 ::-webkit-scrollbar-track {
   background: rgba(0, 0, 0, 0.1);
 }

 ::-webkit-scrollbar-thumb {
   background: #000;
 }

 ::-webkit-scrollbar-thumb:window-inactive {
   background: #000;
 }

 ::-webkit-scrollbar-thumb:vertical:hover {
   background: #000;
 }

 /*==常用颜色==*/
 .col-fff {
   color: #fff;
 }

 .col-000 {
   color: #000;
 }

 .col-111 {
   color: #111;
 }

 .col-222 {
   color: #222;
 }

 .col-333 {
   color: #333;
 }

 .col-444 {
   color: #444;
 }

 .col-555 {
   color: #555;
 }

 .col-666 {
   color: #666;
 }

 .col-777 {
   color: #666;
 }

 .col-888 {
   color: #666;
 }

 .col-999 {
   color: #999;
 }

 /*==常用字号==*/
 .tit-12 {
   font-size: 12px;
   line-height: 2;
 }

 .tit-13 {
   font-size: 13px;
   line-height: 2;
 }

 .tit-14 {
   font-size: 14px;
   line-height: 2;
 }

 .tit-15 {
   font-size: 15px;
   line-height: 2;
 }

 .tit-16 {
   line-height: 1.8;
   font-size: 16px;
 }

 .tit-17 {
   line-height: 1.8;
   font-size: 17px;
 }

 .tit-18 {
   line-height: 1.8;
   font-size: 18px;
 }

 .tit-19 {
   line-height: 1.8;
   font-size: 19px;
 }

 .tit-20 {
   line-height: 1.8;
   font-size: 20px;
 }

 .tit-21 {
   line-height: 1.8;
   font-size: 21px;
 }

 .tit-22 {
   line-height: 1.8;
   font-size: 22px;
 }

 .tit-23 {
   line-height: 1.8;
   font-size: 23px;
 }

 .tit-24 {
   line-height: 1.8;
   font-size: 24px;
 }

 .tit-25 {
   line-height: 1.8;
   font-size: 25px;
 }

 .tit-26 {
   line-height: 1.8;
   font-size: 26px;
 }

 .tit-27 {
   line-height: 1.8;
   font-size: 27px;
 }

 .tit-28 {
   line-height: 1.8;
   font-size: 28px;
 }

 .tit-29 {
   line-height: 1.8;
   font-size: 29px;
 }

 .tit-30 {
   line-height: 1.8;
   font-size: 30px;
 }

 .tit-31 {
   line-height: 1.8;
   font-size: 31px;
 }

 .tit-32 {
   line-height: 1.8;
   font-size: 32px;
 }

 .tit-33 {
   line-height: 1.8;
   font-size: 33px;
 }

 .tit-34 {
   line-height: 1.8;
   font-size: 34px;
 }

 .tit-35 {
   line-height: 1.8;
   font-size: 35px;
 }

 .tit-36 {
   line-height: 1.8;
   font-size: 36px;
 }

 .tit-37 {
   line-height: 1.8;
   font-size: 37px;
 }

 .tit-38 {
   line-height: 1.8;
   font-size: 38px;
 }

 .tit-39 {
   line-height: 1.8;
   font-size: 39px;
 }

 .tit-40 {
   line-height: 1.8;
   font-size: 40px;
 }

 .tit-41 {
   line-height: 1.8;
   font-size: 41px;
 }

 .tit-42 {
   line-height: 1.8;
   font-size: 42px;
 }

 .tit-43 {
   line-height: 1.8;
   font-size: 43px;
 }

 .tit-44 {
   line-height: 1.8;
   font-size: 44px;
 }

 .tit-45 {
   line-height: 1.8;
   font-size: 45px;
 }

 .tit-46 {
   line-height: 1.8;
   font-size: 46px;
 }

 .tit-47 {
   line-height: 1.8;
   font-size: 47px;
 }

 .tit-48 {
   line-height: 1.8;
   font-size: 48px;
 }

 .tit-49 {
   line-height: 1.8;
   font-size: 49px;
 }

 .tit-50 {
   line-height: 1.8;
   font-size: 50px;
 }

 .tit-51 {
   line-height: 1.8;
   font-size: 51px;
 }

 .tit-52 {
   line-height: 1.8;
   font-size: 52px;
 }

 .tit-53 {
   line-height: 1.8;
   font-size: 53px;
 }

 .tit-54 {
   line-height: 1.8;
   font-size: 54px;
 }

 .tit-55 {
   line-height: 1.8;
   font-size: 55px;
 }

 .tit-56 {
   line-height: 1.8;
   font-size: 56px;
 }

 .tit-57 {
   line-height: 1.8;
   font-size: 57px;
 }

 .tit-58 {
   line-height: 1.8;
   font-size: 58px;
 }

 .tit-59 {
   line-height: 1.8;
   font-size: 59px;
 }

 .tit-60 {
   line-height: 1.8;
   font-size: 60px;
 }

 .tit-61 {
   line-height: 1.8;
   font-size: 61px;
 }

 .tit-62 {
   line-height: 1.8;
   font-size: 62px;
 }

 .tit-63 {
   line-height: 1.8;
   font-size: 63px;
 }

 .tit-64 {
   line-height: 1.8;
   font-size: 64px;
 }

 .tit-65 {
   line-height: 1.8;
   font-size: 65px;
 }

 .tit-66 {
   line-height: 1.8;
   font-size: 66px;
 }

 .tit-67 {
   line-height: 1.8;
   font-size: 67px;
 }

 .tit-68 {
   line-height: 1.8;
   font-size: 68px;
 }

 .tit-69 {
   line-height: 1.8;
   font-size: 69px;
 }

 .tit-70 {
   line-height: 1.8;
   font-size: 70px;
 }

 .tit-71 {
   line-height: 1.8;
   font-size: 71px;
 }

 .tit-72 {
   line-height: 1.8;
   font-size: 72px;
 }

 .tit-73 {
   line-height: 1.8;
   font-size: 73px;
 }

 .tit-74 {
   line-height: 1.8;
   font-size: 74px;
 }

 .tit-75 {
   line-height: 1.8;
   font-size: 75px;
 }

 .tit-76 {
   line-height: 1.8;
   font-size: 76px;
 }

 .tit-77 {
   line-height: 1.8;
   font-size: 77px;
 }

 .tit-78 {
   line-height: 1.8;
   font-size: 78px;
 }

 .tit-79 {
   line-height: 1.8;
   font-size: 79px;
 }

 .tit-80 {
   line-height: 1.8;
   font-size: 80px;
 }

 @media (max-width: 1681px) {

   /*==常用字号==*/
   .tit-12 {
     font-size: 12px;
   }

   .tit-13 {
     font-size: 13px;
   }

   .tit-14 {
     font-size: 13px;
   }

   .tit-15 {
     font-size: 14px;
   }

   .tit-16 {
     font-size: 15px;
   }

   .tit-17 {
     font-size: 16px;
   }

   .tit-18 {
     font-size: 17px;
   }

   .tit-19 {
     font-size: 18px;
   }

   .tit-20 {
     font-size: 18px;
   }

   .tit-21 {
     font-size: 19px;
   }

   .tit-22 {
     font-size: 20px;
   }

   .tit-23 {
     font-size: 21px;
   }

   .tit-24 {
     font-size: 22px;
   }

   .tit-25 {
     font-size: 23px;
   }

   .tit-26 {
     font-size: 24px;
   }

   .tit-27 {
     font-size: 25px;
   }

   .tit-28 {
     font-size: 26px;
   }

   .tit-29 {
     font-size: 27px;
   }

   .tit-30 {
     font-size: 27px;
   }

   .tit-31 {
     font-size: 28px;
   }

   .tit-32 {
     font-size: 29px;
   }

   .tit-33 {
     font-size: 30px;
   }

   .tit-34 {
     font-size: 31px;
   }

   .tit-35 {
     font-size: 32px;
   }

   .tit-36 {
     font-size: 33px;
   }

   .tit-37 {
     font-size: 34px;
   }

   .tit-38 {
     font-size: 35px;
   }

   .tit-39 {
     font-size: 36px;
   }

   .tit-40 {
     font-size: 37px;
   }

   .tit-42 {
     font-size: 38px;
   }

   .tit-43 {
     font-size: 39px;
   }

   .tit-44 {
     font-size: 40px;
   }

   .tit-45 {
     font-size: 41px;
   }

   .tit-46 {
     font-size: 42px;
   }

   .tit-47 {
     font-size: 43px;
   }

   .tit-48 {
     font-size: 44px;
   }

   .tit-50 {
     font-size: 45px;
   }

   .tit-51 {
     font-size: 46px;
   }

   .tit-52 {
     font-size: 47px;
   }

   .tit-53 {
     font-size: 48px;
   }

   .tit-54 {
     font-size: 49px;
   }

   .tit-55 {
     font-size: 50px;
   }

   .tit-56 {
     font-size: 51px;
   }

   .tit-57 {
     font-size: 52px;
   }

   .tit-58 {
     font-size: 53px;
   }

   .tit-59 {
     font-size: 54px;
   }

   .tit-60 {
     font-size: 54px;
   }

   .tit-61 {
     font-size: 55px;
   }

   .tit-62 {
     font-size: 56px;
   }

   .tit-63 {
     font-size: 57px;
   }

   .tit-64 {
     font-size: 58px;
   }

   .tit-65 {
     font-size: 59px;
   }

   .tit-66 {
     font-size: 60px;
   }

   .tit-67 {
     font-size: 61px;
   }

   .tit-68 {
     font-size: 62px;
   }

   .tit-69 {
     font-size: 63px;
   }

   .tit-70 {
     font-size: 62px;
   }

   .tit-71 {
     font-size: 63px;
   }

   .tit-72 {
     font-size: 64px;
   }

   .tit-73 {
     font-size: 65px;
   }

   .tit-74 {
     font-size: 66px;
   }

   .tit-75 {
     font-size: 67px;
   }

   .tit-76 {
     font-size: 68px;
   }

   .tit-77 {
     font-size: 69px;
   }

   .tit-78 {
     font-size: 70px;
   }

   .tit-79 {
     font-size: 71px;
   }

   .tit-80 {
     font-size: 72px;
   }
 }

 @media (max-width: 1481px) {

   /*==常用字号==*/
   .tit-13 {
     font-size: 12px;
   }

   .tit-14 {
     font-size: 12px;
   }

   .tit-15 {
     font-size: 13px;
   }

   .tit-16 {
     font-size: 14px;
   }

   .tit-17 {
     font-size: 15px;
   }

   .tit-18 {
     font-size: 16px;
   }

   .tit-19 {
     font-size: 17px;
   }

   .tit-20 {
     font-size: 18px;
   }

   .tit-20 {
     font-size: 16px;
   }

   .tit-21 {
     font-size: 17px;
   }

   .tit-22 {
     font-size: 18px;
   }

   .tit-23 {
     font-size: 19px;
   }

   .tit-24 {
     font-size: 20px;
   }

   .tit-25 {
     font-size: 21px;
   }

   .tit-26 {
     font-size: 22px;
   }

   .tit-27 {
     font-size: 23px;
   }

   .tit-28 {
     font-size: 24px;
   }

   .tit-29 {
     font-size: 25px;
   }

   .tit-30 {
     font-size: 26px;
   }

   .tit-31 {
     font-size: 25px;
   }

   .tit-32 {
     font-size: 26px;
   }

   .tit-33 {
     font-size: 27px;
   }

   .tit-34 {
     font-size: 28px;
   }

   .tit-35 {
     font-size: 29px;
   }

   .tit-36 {
     font-size: 30px;
   }

   .tit-37 {
     font-size: 31px;
   }

   .tit-38 {
     font-size: 32px;
   }

   .tit-39 {
     font-size: 33px;
   }

   .tit-40 {
     font-size: 34px;
   }

   .tit-41 {
     font-size: 35px;
   }

   .tit-42 {
     font-size: 36px;
   }

   .tit-43 {
     font-size: 37px;
   }

   .tit-44 {
     font-size: 38px;
   }

   .tit-45 {
     font-size: 37px;
   }

   .tit-46 {
     font-size: 38px;
   }

   .tit-47 {
     font-size: 39px;
   }

   .tit-48 {
     font-size: 40px;
   }

   .tit-49 {
     font-size: 41px;
   }

   .tit-50 {
     font-size: 42px;
   }

   .tit-51 {
     font-size: 43px;
   }

   .tit-52 {
     font-size: 44px;
   }

   .tit-53 {
     font-size: 45px;
   }

   .tit-54 {
     font-size: 46px;
   }

   .tit-55 {
     font-size: 47px;
   }

   .tit-56 {
     font-size: 48px;
   }

   .tit-57 {
     font-size: 49px;
   }

   .tit-58 {
     font-size: 50px;
   }

   .tit-59 {
     font-size: 51px;
   }

   .tit-60 {
     font-size: 52px;
   }

   .tit-61 {
     font-size: 51px;
   }

   .tit-62 {
     font-size: 52px;
   }

   .tit-63 {
     font-size: 53px;
   }

   .tit-64 {
     font-size: 54px;
   }

   .tit-65 {
     font-size: 55px;
   }

   .tit-66 {
     font-size: 56px;
   }

   .tit-67 {
     font-size: 57px;
   }

   .tit-68 {
     font-size: 58px;
   }

   .tit-69 {
     font-size: 59px;
   }

   .tit-70 {
     font-size: 60px;
   }

   .tit-71 {
     font-size: 55px;
   }

   .tit-72 {
     font-size: 56px;
   }

   .tit-73 {
     font-size: 57px;
   }

   .tit-74 {
     font-size: 58px;
   }

   .tit-75 {
     font-size: 59px;
   }

   .tit-76 {
     font-size: 60px;
   }

   .tit-77 {
     font-size: 61px;
   }

   .tit-78 {
     font-size: 62px;
   }

   .tit-79 {
     font-size: 63px;
   }

   .tit-80 {
     font-size: 64px;
   }
 }

 @media (max-width: 1281px) {

   /*==常用字号==*/
   .tit-13 {
     font-size: 12px;
   }

   .tit-14 {
     font-size: 12px;
   }

   .tit-15 {
     font-size: 12px;
   }

   .tit-16 {
     font-size: 13px;
   }

   .tit-17 {
     font-size: 16px;
   }

   .tit-18 {
     font-size: 15px;
   }

   .tit-19 {
     font-size: 16px;
   }

   .tit-20 {
     font-size: 17px;
   }

   .tit-22 {
     font-size: 18px;
   }

   .tit-24 {
     font-size: 19px;
   }

   .tit-25 {
     font-size: 20px;
   }

   .tit-26 {
     font-size: 21px;
   }

   .tit-27 {
     font-size: 22px;
   }

   .tit-28 {
     font-size: 23px;
   }

   .tit-29 {
     font-size: 24px;
   }

   .tit-30 {
     font-size: 25px;
   }

   .tit-31 {
     font-size: 26px;
   }

   .tit-32 {
     font-size: 27px;
   }

   .tit-33 {
     font-size: 24px;
   }

   .tit-34 {
     font-size: 25px;
   }

   .tit-35 {
     font-size: 26px;
   }

   .tit-36 {
     font-size: 27px;
   }

   .tit-37 {
     font-size: 28px;
   }

   .tit-38 {
     font-size: 29px;
   }

   .tit-39 {
     font-size: 30px;
   }

   .tit-40 {
     font-size: 31px;
   }

   .tit-41 {
     font-size: 32px;
   }

   .tit-42 {
     font-size: 33px;
   }

   .tit-43 {
     font-size: 34px;
   }

   .tit-44 {
     font-size: 35px;
   }

   .tit-45 {
     font-size: 36px;
   }

   .tit-46 {
     font-size: 37px;
   }

   .tit-47 {
     font-size: 38px;
   }

   .tit-48 {
     font-size: 39px;
   }

   .tit-49 {
     font-size: 40px;
   }

   .tit-50 {
     font-size: 38px;
   }

   .tit-51 {
     font-size: 39px;
   }

   .tit-52 {
     font-size: 40px;
   }

   .tit-53 {
     font-size: 41px;
   }

   .tit-54 {
     font-size: 42px;
   }

   .tit-55 {
     font-size: 43px;
   }

   .tit-56 {
     font-size: 44px;
   }

   .tit-57 {
     font-size: 45px;
   }

   .tit-58 {
     font-size: 46px;
   }

   .tit-59 {
     font-size: 47px;
   }

   .tit-60 {
     font-size: 48px;
   }

   .tit-61 {
     font-size: 49px;
   }

   .tit-62 {
     font-size: 50px;
   }

   .tit-63 {
     font-size: 51px;
   }

   .tit-64 {
     font-size: 52px;
   }

   .tit-65 {
     font-size: 53px;
   }

   .tit-66 {
     font-size: 54px;
   }

   .tit-67 {
     font-size: 55px;
   }

   .tit-68 {
     font-size: 56px;
   }

   .tit-69 {
     font-size: 57px;
   }

   .tit-70 {
     font-size: 58px;
   }

   .tit-71 {
     font-size: 51px;
   }

   .tit-72 {
     font-size: 52px;
   }

   .tit-73 {
     font-size: 53px;
   }

   .tit-74 {
     font-size: 54px;
   }

   .tit-75 {
     font-size: 55px;
   }

   .tit-76 {
     font-size: 56px;
   }

   .tit-77 {
     font-size: 57px;
   }

   .tit-78 {
     font-size: 58px;
   }

   .tit-79 {
     font-size: 59px;
   }

   .tit-80 {
     font-size: 60px;
   }
 }

 @media (max-width: 1024px) {
   .tit-24 {
     font-size: 16px;
   }

   .tit-25 {
     font-size: 17px;
   }

   .tit-26 {
     font-size: 18px;
   }

   .tit-27 {
     font-size: 19px;
   }

   .tit-28 {
     font-size: 20px;
   }

   .tit-29 {
     font-size: 21px;
   }

   .tit-30 {
     font-size: 22px;
   }

   .tit-31 {
     font-size: 23px;
   }

   .tit-32 {
     font-size: 24px;
   }

   .tit-33 {
     font-size: 21px;
   }

   .tit-34 {
     font-size: 22px;
   }

   .tit-35 {
     font-size: 23px;
   }

   .tit-36 {
     font-size: 24px;
   }

   .tit-37 {
     font-size: 25px;
   }

   .tit-38 {
     font-size: 26px;
   }

   .tit-39 {
     font-size: 27px;
   }

   .tit-40 {
     font-size: 28px;
   }

   .tit-41 {
     font-size: 29px;
   }

   .tit-42 {
     font-size: 30px;
   }

   .tit-43 {
     font-size: 31px;
   }

   .tit-44 {
     font-size: 32px;
   }

   .tit-45 {
     font-size: 33px;
   }

   .tit-46 {
     font-size: 34px;
   }

   .tit-47 {
     font-size: 35px;
   }

   .tit-48 {
     font-size: 36px;
   }

   .tit-49 {
     font-size: 37px;
   }

   .tit-50 {
     font-size: 34px;
   }

   .tit-51 {
     font-size: 35px;
   }

   .tit-52 {
     font-size: 36px;
   }

   .tit-53 {
     font-size: 37px;
   }

   .tit-54 {
     font-size: 38px;
   }

   .tit-55 {
     font-size: 39px;
   }

   .tit-56 {
     font-size: 40px;
   }

   .tit-57 {
     font-size: 41px;
   }

   .tit-58 {
     font-size: 42px;
   }

   .tit-59 {
     font-size: 43px;
   }

   .tit-60 {
     font-size: 44px;
   }

   .tit-61 {
     font-size: 45px;
   }

   .tit-62 {
     font-size: 46px;
   }

   .tit-63 {
     font-size: 47px;
   }

   .tit-64 {
     font-size: 48px;
   }

   .tit-65 {
     font-size: 49px;
   }

   .tit-66 {
     font-size: 50px;
   }

   .tit-67 {
     font-size: 51px;
   }

   .tit-68 {
     font-size: 52px;
   }

   .tit-69 {
     font-size: 53px;
   }

   .tit-70 {
     font-size: 54px;
   }

   .tit-71 {
     font-size: 47px;
   }

   .tit-72 {
     font-size: 48px;
   }

   .tit-73 {
     font-size: 49px;
   }

   .tit-74 {
     font-size: 50px;
   }

   .tit-75 {
     font-size: 51px;
   }

   .tit-76 {
     font-size: 52px;
   }

   .tit-77 {
     font-size: 53px;
   }

   .tit-78 {
     font-size: 54px;
   }

   .tit-79 {
     font-size: 55px;
   }

   .tit-80 {
     font-size: 56px;
   }
 }

 @media (max-width: 768px) {
   .tit-16 {
     font-size: 12px;
   }

   .tit-18 {
     font-size: 14px;
   }

   .tit-20 {
     font-size: 16px;
   }

   .tit-33 {
     font-size: 20px;
   }

   .tit-34 {
     font-size: 21px;
   }

   .tit-35 {
     font-size: 22px;
   }

   .tit-36 {
     font-size: 23px;
   }

   .tit-37 {
     font-size: 24px;
   }

   .tit-38 {
     font-size: 25px;
   }

   .tit-39 {
     font-size: 26px;
   }

   .tit-40 {
     font-size: 24px;
   }

   .tit-41 {
     font-size: 25px;
   }

   .tit-42 {
     font-size: 26px;
   }

   .tit-43 {
     font-size: 27px;
   }

   .tit-44 {
     font-size: 28px;
   }

   .tit-45 {
     font-size: 29px;
   }

   .tit-46 {
     font-size: 30px;
   }

   .tit-47 {
     font-size: 31px;
   }

   .tit-48 {
     font-size: 32px;
   }

   .tit-49 {
     font-size: 33px;
   }

   .tit-50 {
     font-size: 28px;
   }

   .tit-51 {
     font-size: 29px;
   }

   .tit-52 {
     font-size: 30px;
   }

   .tit-53 {
     font-size: 31px;
   }

   .tit-54 {
     font-size: 32px;
   }

   .tit-55 {
     font-size: 33px;
   }

   .tit-56 {
     font-size: 34px;
   }

   .tit-57 {
     font-size: 35px;
   }

   .tit-58 {
     font-size: 36px;
   }

   .tit-59 {
     font-size: 37px;
   }

   .tit-60 {
     font-size: 36px;
   }

   .tit-61 {
     font-size: 37px;
   }

   .tit-62 {
     font-size: 38px;
   }

   .tit-63 {
     font-size: 39px;
   }

   .tit-64 {
     font-size: 40px;
   }

   .tit-65 {
     font-size: 41px;
   }

   .tit-66 {
     font-size: 42px;
   }

   .tit-67 {
     font-size: 43px;
   }

   .tit-68 {
     font-size: 44px;
   }

   .tit-69 {
     font-size: 45px;
   }

   .tit-70 {
     font-size: 46px;
   }

   .tit-70 {
     font-size: 42px;
   }

   .tit-71 {
     font-size: 43px;
   }

   .tit-72 {
     font-size: 44px;
   }

   .tit-73 {
     font-size: 45px;
   }

   .tit-74 {
     font-size: 46px;
   }

   .tit-75 {
     font-size: 47px;
   }

   .tit-76 {
     font-size: 48px;
   }

   .tit-77 {
     font-size: 49px;
   }

   .tit-78 {
     font-size: 50px;
   }

   .tit-79 {
     font-size: 51px;
   }

   .tit-80 {
     font-size: 52px;
   }
 }

 /*正文字号*/
 .conbox-14 {
   font-size: 14 px;
   line-height: 1.8;
 }

 .conbox-15 {
   font-size: 15 px;
   line-height: 1.8;
 }

 .conbox-16 {
   font-size: 16 px;
   line-height: 1.8;
 }

 .conbox-17 {
   font-size: 17 px;
   line-height: 1.8;
 }

 .conbox-18 {
   font-size: 18 px;
   line-height: 1.8;
 }

 .conbox-19 {
   font-size: 19 px;
   line-height: 1.8;
 }

 .conbox-20 {
   font-size: 20 px;
   line-height: 1.8;
 }

 .conbox-21 {
   font-size: 21 px;
   line-height: 1.8;
 }

 .conbox-22 {
   font-size: 22 px;
   line-height: 1.8;
 }

 .conbox-23 {
   font-size: 23 px;
   line-height: 1.8;
 }

 .conbox-24 {
   font-size: 24 px;
   line-height: 1.8;
 }

 @media (max-width: 1481px) {
   .conbox-18 {
     font-size: 16px;
   }

   .conbox-20 {
     font-size: 18px;
   }

   .conbox-24 {
     font-size: 20px;
   }
 }

 @media (max-width: 1281px) {
   .conbox-14 {
     font-size: 13px;
   }

   .conbox-16 {
     font-size: 14px;
   }

   .conbox-18 {
     font-size: 15px;
   }

   .conbox-20 {
     font-size: 15px;
   }

   .conbox-24 {
     font-size: 16px;
   }
 }

 /*弹性盒样式*/
 .f-no {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: row wrap;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
 }

 .f-no-b-center {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: row wrap;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .f-no-b-start {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: row wrap;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }

 .f-no-b-stretch {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: row wrap;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: stretch;
   -webkit-align-items: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
 }

 .f-no-c-center {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: row wrap;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .f-no-c-start {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: row wrap;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }

 .f-no-c-stretch {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: row wrap;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: stretch;
   -webkit-align-items: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
 }

 .f-no-s-center {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: row wrap;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .f-no-s-end {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: row wrap;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-box-align: end;
   -webkit-align-items: flex-end;
   -ms-flex-align: end;
   align-items: flex-end;
 }

 .f-no-s-stretch {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: row wrap;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-box-align: stretch;
   -webkit-align-items: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
 }

 .f-no-end-start {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: row wrap;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-box-pack: end;
   -webkit-justify-content: flex-end;
   -ms-flex-pack: end;
   justify-content: flex-end;
 }

 .f-no-col {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: column wrap;
   -ms-flex-flow: column wrap;
   flex-flow: column wrap;
 }

 .f-no-col-b-center {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: column wrap;
   -ms-flex-flow: column wrap;
   flex-flow: column wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .f-no-col-c-center {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: column wrap;
   -ms-flex-flow: column wrap;
   flex-flow: column wrap;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .f-no-col-s-center {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: column wrap;
   -ms-flex-flow: column wrap;
   flex-flow: column wrap;
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .f-no-col-s-end {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: column wrap;
   -ms-flex-flow: column wrap;
   flex-flow: column wrap;
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-box-align: end;
   -webkit-align-items: flex-end;
   -ms-flex-align: end;
   align-items: flex-end;
 }

 .f-no-col-c-start {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: column wrap;
   -ms-flex-flow: column wrap;
   flex-flow: column wrap;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }

 .f-no-col-b-start {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: column wrap;
   -ms-flex-flow: column wrap;
   flex-flow: column wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }

 .f-no-col-end-start {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: column wrap;
   -ms-flex-flow: column wrap;
   flex-flow: column wrap;
   -webkit-box-pack: end;
   -webkit-justify-content: flex-end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }

 /*响应隐藏样式*/
 .pc-block {
   display: block;
 }

 .pc-block-768 {
   display: block;
 }

 .pc-block-767 {
   display: block;
 }

 .m-block {
   display: none;
 }

 .m-block-767 {
   display: none;
 }

 .m-block-768 {
   display: none;
 }

 @media (max-width: 1024px) {
   .pc-block {
     display: none;
   }

   .m-block {
     display: block;
   }
 }

 @media (max-width: 768px) {
   .pc-block-768 {
     display: none;
   }

   .m-block-768 {
     display: block;
   }
 }

 @media (max-width: 767px) {
   .pc-block-767 {
     display: none;
   }

   .m-block-767 {
     display: block;
   }
 }

 /*常用样式类名*/
 .poa-middle {
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   margin: auto;
 }

 .tran-middle {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }

 .text-hide {
   word-break: keep-all;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .img-cover {
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
 }

 .pointer {
   cursor: pointer;
 }

 .bgtop {
   background-position: top;
 }

 .containbg {
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
 }

 .text-left {
   text-align: left;
 }

 .text-right {
   text-align: right;
 }

 .text-center {
   text-align: center;
 }

 .text-justif {
   text-align: justify;
 }

 .text-nowrap {
   white-space: nowrap;
 }

 .text-lowercase {
   text-transform: lowercase;
 }

 .text-uppercase {
   text-transform: uppercase;
 }

 .text-capitalize {
   text-transform: capitalize;
 }

 .text-bold {
   font-weight: bold;
 }

 .centerh {
   position: absolute;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
 }

 .centerv {
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 .centerblock {
   margin-left: auto;
   margin-right: auto;
 }

 .shadow1 {
   box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.15);
 }

 .full {
   width: 100%;
   height: 100%;
 }

 .fullw {
   width: 100%;
 }

 .fullh {
   height: 100%;
 }

 .fullvh {
   height: 100vh;
 }

 .top {
   top: 0;
 }

 .btm {
   bottom: 0;
 }

 .lt {
   left: 0;
 }

 .rt {
   right: 0;
 }

 .block {
   display: block;
 }

 .inlineblock {
   display: inline-block;
 }

 .notrans {
   -webkit-transition-duration: 0s !important;
   transition-duration: 0s !important;
 }

 .no-hover {
   pointer-events: none !important;
   cursor: default;
 }

 .trans3d0 {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }

 .round {
   border-radius: 50%;
 }

 .mt0 {
   margin-top: 0;
 }

 .mb0 {
   margin-bottom: 0;
 }

 .in-block {
   display: inline-block;
   *display: inline;
   *zoom: 1;
 }

 /*网站主体区域宽度样式*/
 .w100 {
   width: 100%;
 }

 .w1720 {
   max-width: 1720px;
   width: 90%;
   margin: 0 auto;
 }

 .w1300 {
   width: 1300px;
   margin: 0 auto;
 }

 @media (max-width: 1350px) {
   .w1300 {
     width: 94%;
   }
 }

 .w1080 {
   width: 1080px;
   margin: 0 auto;
 }

 @media (max-width: 1100px) {
   .w1080 {
     width: 94%;
   }
 }

 .w1070 {
   width: 1070px;
   margin: 0 auto;
 }

 @media (max-width: 1100px) {
   .w1070 {
     width: 94%;
   }
 }

 /*分页样式*/
 .wpage {
   text-align: center;
 }

 .page {
   padding: 40px 0 0;
   font-size: 14px;
   font-weight: bold;
   line-height: 22px;
   text-align: center;
   clear: both;
   display: inline-block;
 }

 .page a {
   text-decoration: none;
   color: #d2d2d2;
   width: 38px;
   height: 38px;
   line-height: 38px;
   margin: 0 2px;
   background: #f0efef;
   display: block;
   float: left;
   -webkit-transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
   transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
 }

 .page a.active {
   background: #da3830;
   color: #fff;
   -webkit-transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
   transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
 }

 .page span.laypage_curr {
   width: 38px;
   height: 38px;
   line-height: 38px;
   margin: 0 2px;
   display: inline-block;
   background: #da3830;
   color: #fff;
   -webkit-transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
   transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
 }

 .page a:hover {
   text-decoration: none;
   color: #fff;
   background: #da3830;
   -webkit-transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
   transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
 }

 /*分页样式end*/
 @media (max-width: 767px) {
   .wrap {
     padding: 30px;
   }
 }

 .wrap-sm {
   padding: 30px;
 }

 @media (max-width: 767px) {
   .wrap-sm {
     padding: 15px;
   }
 }

 .wrap-xs {
   padding: 20px;
 }

 @media (max-width: 767px) {
   .wrap-xs {
     padding: 10px;
   }
 }

 .p-v-xs {
   padding-top: 20px;
   padding-bottom: 20px;
 }

 @media (max-width: 767px) {
   .p-v-xs {
     padding-top: 10px;
     padding-bottom: 10px;
   }
 }

 .p-v-sm {
   padding-top: 30px;
   padding-bottom: 30px;
 }

 @media (max-width: 767px) {
   .p-v-sm {
     padding-top: 20px;
     padding-bottom: 20px;
   }
 }

 .p-v-md {
   padding-top: 60px;
   padding-bottom: 60px;
 }

 @media (max-width: 959px) {
   .p-v-md {
     padding-top: 40px;
     padding-bottom: 40px;
   }
 }

 @media (max-width: 767px) {
   .p-v-md {
     padding-top: 30px;
     padding-bottom: 30px;
   }
 }

 .p-v-lg {
   padding-top: 100px;
   padding-bottom: 100px;
 }

 @media (max-width: 959px) {
   .p-v-lg {
     padding-top: 70px;
     padding-bottom: 70px;
   }
 }

 @media (max-width: 767px) {
   .p-v-lg {
     padding-top: 50px;
     padding-bottom: 50px;
   }
 }

 .p-h-sm {
   padding-left: 30px;
   padding-right: 30px;
 }

 @media (max-width: 767px) {
   .p-h-sm {
     padding-left: 20px;
     padding-right: 20px;
   }
 }

 .pt0 {
   padding-top: 0;
 }

 .pb0 {
   padding-bottom: 0;
 }

 .m-v-lg {
   margin-top: 100px;
   margin-bottom: 100px;
 }

 @media (max-width: 959px) {
   .m-v-lg {
     margin-top: 70px;
     margin-bottom: 70px;
   }
 }

 @media (max-width: 767px) {
   .m-v-lg {
     margin-top: 50px;
     margin-bottom: 50px;
   }
 }

 .m-b-xxs {
   margin-bottom: 5px;
 }

 .m-b-xs {
   margin-bottom: 10px;
 }

 .m-b-sm {
   margin-bottom: 20px;
 }

 @media (max-width: 767px) {
   .m-b-sm {
     margin-bottom: 15px;
   }
 }

 .m-b-md {
   margin-bottom: 30px;
 }

 @media (max-width: 767px) {
   .m-b-md {
     margin-bottom: 20px;
   }
 }

 .m-b-lg {
   margin-bottom: 60px;
 }

 @media (max-width: 767px) {
   .m-b-lg {
     margin-bottom: 40px;
   }
 }

 .m-b-xl {
   margin-bottom: 100px;
 }

 @media (max-width: 959px) {
   .m-b-xl {
     margin-bottom: 70px;
   }
 }

 @media (max-width: 767px) {
   .m-b-xl {
     margin-bottom: 50px;
   }
 }

 .m-t-xxs {
   margin-top: 5px;
 }

 .m-t-xs {
   margin-top: 10px;
 }

 .m-t-sm {
   margin-top: 20px;
 }

 @media (max-width: 767px) {
   .m-t-sm {
     margin-top: 15px;
   }
 }

 .m-t-md {
   margin-top: 30px;
 }

 @media (max-width: 767px) {
   .m-t-md {
     margin-top: 20px;
   }
 }

 .m-t-lg {
   margin-top: 60px;
 }

 @media (max-width: 767px) {
   .m-t-lg {
     margin-top: 40px;
   }
 }

 .m-r-xxs {
   margin-right: 5px;
 }

 .m-r-xs {
   margin-right: 10px;
 }

 .m-r-sm {
   margin-right: 20px;
 }

 @media (max-width: 767px) {
   .m-r-sm {
     margin-right: 10px;
   }
 }

 .m-l-xxs {
   margin-left: 5px;
 }

 .m-l-xs {
   margin-left: 10px;
 }

 .m-l-sm {
   margin-left: 20px;
 }

 @media (max-width: 767px) {
   .m-l-sm {
     margin-left: 10px;
   }
 }

 @media (max-width: 767px) and (orientation: portrait) {
   .phone-v-fullw {
     width: 100%;
   }

   .phone-v-p0 {
     padding: 0;
   }
 }

 /*常用css3动画样式*/
 .trans {
   -webkit-transition: all .4s;
   transition: all 0.4s;
 }

 .trans2 {
   -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
   transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
 }

 .trans-md {
   -webkit-transition: all .8s;
   transition: all 0.8s;
 }

 .trans-md2 {
   -webkit-transition: all 0.8s cubic-bezier(1, 0, 0, 1);
   transition: all 0.8s cubic-bezier(1, 0, 0, 1);
 }

 /*loadering动画样式2*/
 .anim-loader {
   -webkit-animation: loader 1829ms linear infinite, loader_dash 2156ms ease-in-out infinite;
   animation: loader 1829ms linear infinite, loader_dash 2156ms ease-in-out infinite;
 }

 .anim-fade-out {
   -webkit-animation: fade_out .5s ease forwards;
   animation: fade_out 0.5s ease forwards;
 }

 /*模块加载的loading-2*/
 .ajax-loader {
   background: rgba(0, 0, 0, 0.2);
   visibility: hidden;
   opacity: 0;
   z-index: 1036;
 }

 .tt-ajax-loader .ajax-loader {
   visibility: visible;
   opacity: 1;
 }

 .tt-ajax-loader .ajax-loader .loader-icon .line {
   -webkit-animation: loader 1829ms linear infinite, loader_dash 2156ms ease-in-out infinite;
   animation: loader 1829ms linear infinite, loader_dash 2156ms ease-in-out infinite;
 }

 /*end*/
 /*入场动画样式*/
 .cssanimations .anim_emt,
 .cssanimations .anim_group .anim_item {
   visibility: hidden;
 }

 .cssanimations .anim_emt.visb,
 .cssanimations .anim_group .anim_item.visb {
   visibility: inherit;
 }

 .anim_emt.start {
   -webkit-animation-duration: .6s;
   animation-duration: .6s;
   -webkit-animation-timing-function: ease;
   animation-timing-function: ease;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
 }

 .anim_emt.start.scale_up {
   -webkit-animation-name: mk_scale;
   animation-name: mk_scale;
 }

 .anim_emt.start.fade_in {
   -webkit-animation-name: mk_fade;
   animation-name: mk_fade;
 }

 .anim_emt.start.r_to_l {
   -webkit-animation-name: mk_right_to_left;
   animation-name: mk_right_to_left;
 }

 .anim_emt.start.l_to_r {
   -webkit-animation-name: mk_left_to_right;
   animation-name: mk_left_to_right;
 }

 .anim_emt.start.t_to_b {
   -webkit-animation-name: mk_top_to_bottom;
   animation-name: mk_top_to_bottom;
 }

 .anim_emt.start.b_to_t {
   -webkit-animation-name: mk_bottom_to_top;
   animation-name: mk_bottom_to_top;
 }

 .slide_anim {
   visibility: hidden;
 }

 .slide_anim.start {
   visibility: visible;
 }

 .slide_anim.b_to_t.start {
   -webkit-animation: mk_bottom_to_top .6s;
   animation: mk_bottom_to_top 0.6s;
 }

 .anim_emt.palx_img.start {
   overflow: hidden;
   -webkit-animation-name: tt_palx_wrap;
   animation-name: tt_palx_wrap;
 }

 .anim_emt.palx_img.start .img-wrap {
   -webkit-animation: tt_palx_img .6s;
   animation: tt_palx_img 0.6s;
 }

 @-webkit-keyframes tt_palx_wrap {
   0% {
     -webkit-transform: translateY(30px);
     transform: translateY(30px);
     opacity: 0;
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
   }
 }

 @keyframes tt_palx_wrap {
   0% {
     -webkit-transform: translateY(30px);
     transform: translateY(30px);
     opacity: 0;
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
   }
 }

 @-webkit-keyframes tt_palx_img {
   0% {
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px);
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }

 @keyframes tt_palx_img {
   0% {
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px);
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }

 @-webkit-keyframes loader {
   to {
     -webkit-transform: rotate3d(0, 0, 1, 360deg);
     transform: rotate3d(0, 0, 1, 360deg);
   }
 }

 @keyframes loader {
   to {
     -webkit-transform: rotate3d(0, 0, 1, 360deg);
     transform: rotate3d(0, 0, 1, 360deg);
   }
 }

 @-webkit-keyframes loader_dash {
   from {
     stroke-dasharray: 0 150;
     stroke-dashoffset: 0;
   }

   to {
     stroke-dasharray: 100 150;
     stroke-dashoffset: -140;
   }
 }

 @keyframes loader_dash {
   from {
     stroke-dasharray: 0 150;
     stroke-dashoffset: 0;
   }

   to {
     stroke-dasharray: 100 150;
     stroke-dashoffset: -140;
   }
 }

 @-webkit-keyframes line_w100 {
   to {
     left: 100%;
   }
 }

 @keyframes line_w100 {
   to {
     left: 100%;
   }
 }

 @-webkit-keyframes rotate_360 {
   to {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }

 @keyframes rotate_360 {
   to {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }

 @-webkit-keyframes fade_out {
   0% {
     opacity: 1;
   }

   100% {
     opacity: 0;
   }
 }

 @keyframes fade_out {
   0% {
     opacity: 1;
   }

   100% {
     opacity: 0;
   }
 }

 @-webkit-keyframes fade_in {
   0% {
     opacity: 0;
   }

   100% {
     opacity: 1;
   }
 }

 @keyframes fade_in {
   0% {
     opacity: 0;
   }

   100% {
     opacity: 1;
   }
 }

 @-webkit-keyframes fade_out_in {

   0%,
   100% {
     opacity: 1;
   }

   50% {
     opacity: 0;
   }
 }

 @keyframes fade_out_in {

   0%,
   100% {
     opacity: 1;
   }

   50% {
     opacity: 0;
   }
 }

 @-webkit-keyframes mk_scale {
   0% {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
     opacity: 0;
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 1;
   }
 }

 @keyframes mk_scale {
   0% {
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
     opacity: 0;
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 1;
   }
 }

 @-webkit-keyframes mk_fade {
   0% {
     opacity: 0;
   }

   100% {
     opacity: 1;
   }
 }

 @keyframes mk_fade {
   0% {
     opacity: 0;
   }

   100% {
     opacity: 1;
   }
 }

 @-webkit-keyframes mk_left_to_right {
   0% {
     -webkit-transform: translateX(-30px);
     transform: translateX(-30px);
     opacity: 0;
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
     opacity: 1;
   }
 }

 @keyframes mk_left_to_right {
   0% {
     -webkit-transform: translateX(-30px);
     transform: translateX(-30px);
     opacity: 0;
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
     opacity: 1;
   }
 }

 @-webkit-keyframes mk_right_to_left {
   0% {
     -webkit-transform: translateX(30px);
     transform: translateX(30px);
     opacity: 0;
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
     opacity: 1;
   }
 }

 @keyframes mk_right_to_left {
   0% {
     -webkit-transform: translateX(30px);
     transform: translateX(30px);
     opacity: 0;
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
     opacity: 1;
   }
 }

 @-webkit-keyframes mk_bottom_to_top {
   0% {
     -webkit-transform: translateY(30px);
     transform: translateY(30px);
     opacity: 0;
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
   }
 }

 @keyframes mk_bottom_to_top {
   0% {
     -webkit-transform: translateY(30px);
     transform: translateY(30px);
     opacity: 0;
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
   }
 }

 @-webkit-keyframes mk_top_to_bottom {
   0% {
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px);
     opacity: 0;
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
   }
 }

 @keyframes mk_top_to_bottom {
   0% {
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px);
     opacity: 0;
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
   }
 }

 @-webkit-keyframes mk_spt {
   0% {
     -webkit-transform: translateY(10%);
     transform: translateY(10%);
     opacity: 0;
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
   }
 }

 @keyframes mk_spt {
   0% {
     -webkit-transform: translateY(10%);
     transform: translateY(10%);
     opacity: 0;
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
   }
 }

 .js-m {
   opacity: 0;
   -webkit-transform: translate(0, 30px);
   -ms-transform: translate(0, 30px);
   transform: translate(0, 30px);
   -webkit-transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
   transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
 }

 .js-m.animate {
   opacity: 1;
   -webkit-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0);
 }

 .js-m-2-1 {
   opacity: 0;
   -webkit-transform: translate(0, 30px);
   -ms-transform: translate(0, 30px);
   transform: translate(0, 30px);
   -webkit-transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
   transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
 }

 .js-m-2-1.animate {
   opacity: 1;
   -webkit-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0);
 }

 .a-del1 {
   -webkit-animation-delay: 0.1s;
   animation-delay: 0.1s;
 }

 .a-del2 {
   -webkit-animation-delay: 0.2s;
   animation-delay: 0.2s;
 }

 .a-del3 {
   -webkit-animation-delay: 0.3s;
   animation-delay: 0.3s;
 }

 .a-del4 {
   -webkit-animation-delay: 0.4s;
   animation-delay: 0.4s;
 }

 .a-del5 {
   -webkit-animation-delay: 0.5s;
   animation-delay: 0.5s;
 }

 .a-del6 {
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
 }

 .a-del7 {
   -webkit-animation-delay: 0.7s;
   animation-delay: 0.7s;
 }

 .a-del8 {
   -webkit-animation-delay: 0.8s;
   animation-delay: 0.8s;
 }

 .a-del9 {
   -webkit-animation-delay: 0.9s;
   animation-delay: 0.9s;
 }

 .a-del10 {
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
 }

 .a-dur1 {
   -webkit-animation-duration: 0.3s;
   animation-duration: 0.3s;
 }

 .a-dur2 {
   -webkit-animation-duration: 0.4s;
   animation-duration: 0.4s;
 }

 .a-dur3 {
   -webkit-animation-duration: 0.5s;
   animation-duration: 0.5s;
 }

 .a-dur4 {
   -webkit-animation-duration: 0.6s;
   animation-duration: 0.6s;
 }

 .a-dur5 {
   -webkit-animation-duration: 0.7s;
   animation-duration: 0.7s;
 }

 .a-dur6 {
   -webkit-animation-duration: 0.8s;
   animation-duration: 0.8s;
 }

 .a-dur7 {
   -webkit-animation-duration: 0.9s;
   animation-duration: 0.9s;
 }

 .a-dur8 {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
 }

 .a-dur9 {
   -webkit-animation-duration: 1.1s;
   animation-duration: 1.1s;
 }

 .a-dur10 {
   -webkit-animation-duration: 1.2s;
   animation-duration: 1.2s;
 }

 .a-dur11 {
   -webkit-animation-duration: 1.3s;
   animation-duration: 1.3s;
 }

 .a-dur12 {
   -webkit-animation-duration: 1.4s;
   animation-duration: 1.4s;
 }

 .a-dur13 {
   -webkit-animation-duration: 1.5s;
   animation-duration: 1.5s;
 }

 .a-dur14 {
   -webkit-animation-duration: 1.6s;
   animation-duration: 1.6s;
 }

 .a-dur15 {
   -webkit-animation-duration: 1.7s;
   animation-duration: 1.7s;
 }

 .a-dur16 {
   -webkit-animation-duration: 1.8s;
   animation-duration: 1.8s;
 }

 .a-dur17 {
   -webkit-animation-duration: 1.9s;
   animation-duration: 1.9s;
 }

 .a-dur18 {
   -webkit-animation-duration: 2s;
   animation-duration: 2s;
 }

 .t-del1 {
   -webkit-transition-delay: 0.1s;
   transition-delay: 0.1s;
 }

 .t-del2 {
   -webkit-transition-delay: 0.2s;
   transition-delay: 0.2s;
 }

 .t-del3 {
   -webkit-transition-delay: 0.3s;
   transition-delay: 0.3s;
 }

 .t-del4 {
   -webkit-transition-delay: 0.4s;
   transition-delay: 0.4s;
 }

 .t-del5 {
   -webkit-transition-delay: 0.5s;
   transition-delay: 0.5s;
 }

 .t-del6 {
   -webkit-transition-delay: 0.6s;
   transition-delay: 0.6s;
 }

 .t-del7 {
   -webkit-transition-delay: 0.7s;
   transition-delay: 0.7s;
 }

 .t-del8 {
   -webkit-transition-delay: 0.8s;
   transition-delay: 0.8s;
 }

 .t-del9 {
   -webkit-transition-delay: 0.9s;
   transition-delay: 0.9s;
 }

 .t-del10 {
   -webkit-transition-delay: 1s;
   transition-delay: 1s;
 }

 /*ie10以下显示*/
 .browsers {
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background: #fff url(../../img/iebgimg.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   z-index: 99;
 }

 .line-1 {
   line-height: 1.1;
 }

 .line-2 {
   line-height: 1.2;
 }

 .line-3 {
   line-height: 1.3;
 }

 .line-4 {
   line-height: 1.4;
 }

 .line-5 {
   line-height: 1.5;
 }

 .line-6 {
   line-height: 1.6;
 }

 .line-7 {
   line-height: 1.7;
 }

 .line-8 {
   line-height: 1.8;
 }

 .line-9 {
   line-height: 1.9;
 }

 .line-10 {
   line-height: 2;
 }

 .line-11 {
   line-height: 2.1;
 }

 .line-12 {
   line-height: 2.2;
 }

 /*毛玻璃*/
 .some-class-zxx {
   background-color: #fff;
 }

 @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
   .some-class-zxx {
     background: rgba(255, 255, 255, 0.75);
     -webkit-backdrop-filter: blur(5px);
     backdrop-filter: blur(5px);
   }
 }

 /*文字引用*/
 /*@include font-face($font-family:'ad', $file-path:"../fonts/BEBAS", $weight: normal, $style: normal);
@include simple-text($borderColorFocus:#000);
@include simple-textarea($borderColorFocus:#52a8ec, $width:500px, $height:80px)
@include simple-btn($formbtn:false, $bgColor: $primary, $textColor:$white);
/*@include triangle(left, 10px, #000 )*/
 /*@include triangle($direction, $size, $borderColor )*/
 /*.conbox-16{
  color:nth($infoColor,1);
  background:nth($infoColor,2);
  border:1px solid nth($infoColor,3);
}*/
 /*@include placeholder(#999);*/
 /*margin-right: pe(16px);*/
 /*@extend .in-block;*/
 /*初始样式结束*/
 /*首页加载loading*/
 body.loading {
   overflow: hidden;
 }

 #pageloader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #f5f3f0;
   overflow: hidden;
   z-index: 5000;
 }

 #pageloader .logo {
   width: auto;
   height: 51px;
 }

 .darkmode #pageloader {
   background: #252525;
 }

 body.init #pageloader {
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0);
   -webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
   transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
 }

 body.init #pageloader .cont {
   opacity: 0;
   -webkit-transition: all .6s;
   transition: all 0.6s;
 }

 body.init #pageloader .logo,
 body.init #pageloader div {
   -webkit-transition: all .6s;
   transition: all 0.6s;
 }

 body.init #pageloader .logo {
   -webkit-transform: translateY(20px);
   -ms-transform: translateY(20px);
   transform: translateY(20px);
 }

 body.init #pageloader .small {
   -webkit-transform: translateY(-20px);
   -ms-transform: translateY(-20px);
   transform: translateY(-20px);
 }

 body.init #pageloader .loader-line {
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   transform: scaleX(0);
 }

 .loader-line {
   width: 50vw;
   max-width: 300px;
   height: 2px;
   background: #A96B41;
   overflow: hidden;
 }

 .loader-icon {
   width: 24px;
   height: 24px;
   border-radius: 50%;
 }

 .loader-icon .line {
   fill: none;
   stroke: #fff;
   stroke-width: 4px;
   stroke-linecap: round;
   -webkit-transform-origin: 50% 50%;
   -ms-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
   -webkit-transform: rotate3d(0, 0, 1, 0deg);
   transform: rotate3d(0, 0, 1, 0deg);
 }

 /*.loader-line .gradient,.loader-line .gradient2 {
  width:40%;
  height:100%;
  left:-40%;
  background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(218,157,119,0)),color-stop(50%,#DA9D77),to(rgba(218,157,119,0)));
  background-image:-o-linear-gradient(left,rgba(218,157,119,0) 0,#DA9D77 50%,rgba(218,157,119,0) 100%);
  background-image:linear-gradient(to right,rgba(218,157,119,0) 0,#DA9D77 50%,rgba(218,157,119,0) 100%);
  -webkit-animation:line_w100 2s cubic-bezier(.165,.84,.44,1) infinite;
  animation:line_w100 2s cubic-bezier(.165,.84,.44,1) infinite
}
.loader-line .gradient2 {
  -webkit-animation-delay:1s;
  animation-delay:1s
}*/
 /*首页加载loading-end*/

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



 .wr {
   width: 100%;
   position: relative;
 }

 .lh1 {
   line-height: 1;
 }

 .bg {
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 header {
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 99;

 }

 header .pc-header {
   height: 100px;
   padding: 0 2rem;
   background: transparent;
   position: relative;
   z-index: 12;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
   transition: all .5s;
 }

 /* .cls-1 {
  fill: #005bbb;
} */

 header .pc-header h1 {
   height: 27px;
 }

 header .pc-header h1 .logo {
   display: block;
 }

 header .pc-header h1 .logo svg {
   height: 27px;
 }

 .cls-1 {
   fill: #fff;
 }

 header .pc-header .nav {
   height: 100%;
 }

 header .pc-header .nav .li {
   margin: 0 .925rem;
   height: 100px;


 }


 header .pc-header .nav .li .tit {
   display: block;
   font-size: 18px;
   color: #FEFEFF;
   height: 100px;
   line-height: 100px;
   position: relative;
   font-weight: bold;
 }

 header .pc-header .nav .li .tit::after {
   content: "";
   position: absolute;
   bottom: 1px;
   width: 0;
   height: 3px;
   background-color: #005BBB;
   left: 0;
   /* transition: all 0.5s; */
 }

 header .pc-header .h-seach {
   width: 140px;
   height: 38px;
   border: 1px solid #FFFFFF;
   border-radius: 8px;
   line-height: 1;
   overflow: hidden;
 }

 header .pc-header .h-seach .wr {
   height: 38px;
 }

 header .pc-header .h-seach .text {
   height: 100%;
   background-color: transparent;
   color: #fff;
   line-height: 100%;
   width: calc(100% - 038px);
   padding: 0 0.5rem;
   font-size: 16px;
 }

 header .pc-header .h-seach .submit {
   width: 38px;
   height: 100%;
   background-color: transparent;
   background-image: url(/bocstatic/web/img/seach.png);
   background-repeat: no-repeat;
   background-position: center;
 }

 header .pc-header .len {
   margin-left: 1rem;
   padding-right: 16px;
   cursor: pointer;
 }

 header .pc-header .langbox .icon {
   height: 20px;
   margin-right: 4px;
 }

 header .pc-header .len .t {
   position: relative;
 }

 header .pc-header .len .t::after {
   content: "";
   width: 7px;
   height: 7px;
   border-right: 1px solid #fff;
   border-top: 1px solid #fff;
   transform: rotate(135deg);
   position: absolute;
   right: -16px;
   top: 28%;
 }

 .banner {
   width: 100%;
   overflow: hidden;
   position: relative;
 }

 .banner .txt {
   position: absolute;
   top: 50%;
   left: 5rem;
   transform: translateY(-50%);
 }

 .banner .txt .en {
   margin-top: .2rem;
 }

 .banner .txt .more {
   width: 3.3rem;
 }

 .more {
   display: flex;
   margin-top: 1rem;
   width: 2.1rem;
   align-items: center;
   justify-content: space-between;
   position: relative;
 }

 .more::after {
   content: "";
   position: absolute;
   height: 1px;
   background: #FFFFFF;
   left: 0;
   bottom: 0;
   width: 0;
   transition: all 0.5s;
 }

 .more:hover::after {
   width: 100%;
 }

 .pc {
   display: block;
 }

 .mb {
   display: none;
 }

 .banner .banner-container {
   width: 100%;
   height: 100%;
 }

 .banner .swiper-slide {
   height: 100%;
   overflow: hidden;
   position: relative;
 }

 .banner .swiper-slide .slide-inner {
   height: 100%;
   overflow: hidden;
   position: relative;
 }

 .banner-pagination {
   position: absolute;
   z-index: 33;
   bottom: 2rem !important;
   text-align: center;
 }

 .banner-pagination .swiper-pagination-bullet {
   width: 10px;
   height: 10px;
   border: 1px solid #fff;
   border-radius: 50%;
   background-color: transparent;
   opacity: 1;
   transition: all 0.5s;
   vertical-align: middle;
 }

 .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
   width: 14px;
   height: 14px;
   background: #fff;
   border-radius: 50%;
 }

 .home-a {
   background-color: RGBA(231, 230, 232, 1);

 }

 .home-a .tit {
   position: absolute;
   top: 3.25rem;
   font-weight: bold;
   color: #222222;

   width: 100%;
 }

 .home-a .tit .tit-36 {
   line-height: 1.25rem;
 }

 .home-a .item {
   position: absolute;

   text-align: center;
 }

 .home-a .item .t {
   text-align: center;
   width: 100%;
   font-weight: bold;

 }

 .home-a .item2 .t {
   margin-left: .3rem;
 }

 .home-a .item .jia {
   width: 25px;
   height: 25px;
   display: inline-block;
   position: relative;
   margin-top: 0;
   cursor: pointer;
   position: absolute;
   left: 29%;
   top: 1.5%;
 }

 .home-a .item .jia .box {
   position: relative;
   width: 25px;
   height: 25px;
   background-color: #005bbb;
   border-radius: 50%;

   z-index: 3;

 }

 .home-a .item .jia svg {

   width: 16px;
   display: block;
   /* font-weight: bold; */
   position: absolute;

   z-index: 3;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }

 .home-a .item .jia .box2 {
   content: "";
   width: 50px;
   height: 50px;
   background-color: #005bbb;
   border-radius: 50%;
   position: absolute;
   top: 50%;
   left: 50%;

   transform: translate(-50%, -50%);
   z-index: 2;
   animation: warn 2s ease-out;
   animation-iteration-count: infinite;
 }

 @keyframes warn {
   0% {
     transform: translate(-50%, -50%) scale(0);
     opacity: 0.0;
   }

   50% {
     transform: translate(-50%, -50%) scale(0.5);
     opacity: 0.5;
   }

   100% {
     transform: translate(-50%, -50%) scale(1);
     opacity: 0.0;
   }
 }

 .home-a .item .img {
   transition: all 0.5s;
   margin-top: 8.5%;
   transform: translateY(17px);
 }

 .home-a .item2 .img {
   margin-top: 10%;
 }

 .home-a .item2 .jia {
   left: 28%;
   top: 1.5%;
 }

 .home-a .shode1 {
   position: absolute;
   bottom: 21%;
   left: 25%;
   transition: all 0.5s;
   width: 6.85rem;
 }

 .home-a .shode {
   position: absolute;
   bottom: 16%;
   left: 61%;
   transition: all 0.5s;
   width: 6.85rem;
 }

 .home-a .item1 {
   top: 33%;
   left: 24%;
   width: 8.925rem;
   transition: all 0.5s;
 }

 .home-a .item a {
   display: block;
   color: #000;
   transition: all 0.5s;
 }

 .home-a .item a .img.on {
   transform: translateY(-14px);
 }

 .home-a .item a .img:hover {
   transform: translateY(-14px);
 }

 .home-a .shode1.on {
   transform: scale(0.8);
   opacity: 0.9;
 }

 .home-a .shode.on {
   transform: scale(0.8);
   opacity: 0.9;
 }

 .home-a .item2 {
   top: 33%;
   left: 60%;
   width: 7.2rem;
   transition: all 0.5s;
 }

 /* .home-a .item2 .jia {
   margin-bottom: 5%;
 } */

 .home-a .shode {
   margin-top: 24%;
 }

 .more.more2 {
   color: #005BBB;
   margin-top: .5rem;
 }

 .more.more2::after {
   background-color: #005bBB;
 }

 .iinb {
   display: inline-block;
 }

 .home-b {
   height: 24rem;
 }

 .home-b .img {
   width: 50%;
   float: left;
   height: 100%;
   overflow: hidden;
 }

 .home-b .txt {
   width: 50%;
   float: left;
   height: 100%;
   overflow: hidden;
 }

 .home-b .txt .bg {
   padding: 4.2rem 4.7rem 0 3rem;
 }

 .home-b .txt .bg .tit-36 {
   font-weight: bold;
   color: #222222;
   line-height: 1.2rem;
 }



 .home-b .txt .bg .tit-20 {
   color: #6b6b6b;
   margin-top: .75rem;
   color: #6B6B6B;
   line-height: 34px;
 }

 .home-b .txt .bg .more {
   margin-top: 1.4rem;
 }

 .home-c {
   padding: 3.175rem 5rem 1.5rem;
   background-color: #fff;
 }

 .home-c .tit {
   line-height: 1;
   font-weight: bold;
   color: #333333;
 }

 .home-c .news-container {
   width: 100%;
   overflow: hidden;
   margin-top: 1.25rem;
 }


 .home-c .news-container .swiper-slide {
   display: block;
   width: calc((100% - 1.3rem) / 3);
   background: #F5F5F5;
   border-radius: 5px;
   margin-right: 0.65rem;
   padding: 1.575rem 1rem 1.5rem;
   transition: all 1s;

 }

 .home-c .news-container .swiper-slide:last-child {
   margin-right: 0;
 }

 .home-c .news-container .swiper-slide .t1 {
   color: #333333;
   line-height: 1rem;
   height: 3rem;
   overflow: hidden;
   transition: all .5s;
   font-weight: bold;
 }

 .home-c .news-container .swiper-slide .t2 {
   margin-top: 0.5rem;
   color: #3D3D3D;
   line-height: .6rem;
   transition: all .5s;
 }

 .home-c .news-container .swiper-slide .t3 {
   color: #333;
   line-height: .7rem;
   height: 2.1rem;
   overflow: hidden;
   margin-top: 0.5rem;
   transition: all .5s;
 }

 .home-c .news-container .swiper-slide .more {
   margin-top: 1.7rem;
 }

 .home-c .news-container .swiper-slide:hover {
   background-image: url(/bocstatic/web/img/90000.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
 }

 .home-c .news-container .swiper-slide:hover .t1 {
   color: #fff;
 }

 .home-c .news-container .swiper-slide:hover .t2 {
   color: #fff;
 }

 .home-c .news-container .swiper-slide:hover .t3 {
   color: #fff;
 }

 .home-c .news-container .swiper-slide:hover .more {
   color: #fff;
 }

 .home-c .news-container .swiper-slide:hover .more .icon {
   filter: grayscale(100%) brightness(1000%) !important;
 }

 .home-c .news-container .swiper-slide:hover .more::after {
   width: 100%;
   background-color: #fff;
 }

 .home-c .news-container .banner-pagination {
   margin-top: 1.125rem;
   position: relative !important;
   bottom: 0 !important;
 }

 footer {
   width: 100%;
   background: #F5F5F5;
 }

 footer .top {
   padding: 1.7rem 0 2.7rem;
   display: flex;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
 }

 footer .top .left .logo {
   width: 275px;
 }

 footer .top .left .logo svg {
   width: 275px;
 }

 footer .top .left .logo svg .cls-1 {
   fill: #005bbb;
 }

 footer .top .left .link {
   width: 275px;
   height: 43px;
   border-radius: 8px;
   border: 1px solid #cecece;
   position: relative;
   cursor: pointer;
   margin-top: .725rem;
 }

 footer .top .left .link .tit {
   width: 100%;
   height: 100%;
   display: flex;
   padding: 0 .5rem;
   font-size: 15px;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }

 footer .top .left .link .tit::after {
   content: "";
   width: 5px;
   height: 7px;
   background-image: url(/bocstatic/web/img/jt2.png);
   background-repeat: no-repeat;
   transition: all 0.5s;
   filter: grayscale(100%);
 }

 footer .top .left .link:hover .tit::after {
   filter: grayscale(0%);
 }

 footer .top .left .link.on .tit::after {
   transform: rotate(90deg);
   filter: grayscale(0%);
 }

 footer .top .left .link .sub-nav {
   position: absolute;
   width: 100%;
   top: 42px;
   left: 0;
   border: 1px solid #cecece;
   border-top: 0 solid #000;
   padding: 0 0.5rem;
   display: none;
   background: #F5F5F5;
 }

 footer .top .left .link .sub-nav a {
   display: block;
   font-size: 14px;
   padding: 0.35rem 0;
   line-height: 1;
   border-bottom: 1px solid #cecece;
   transition: all 0.5s;
   color: #333;
 }

 footer .top .left .link .sub-nav a:hover {
   color: #005bbb;
   border-bottom: 1px solid #005bbb;
 }

 footer .top .left .ewmlist {
   width: 275px;
   margin-top: .725rem;
   display: flex;
   justify-content: center;
 }

 footer .top .left .ewmlist .li {
   width: calc((100% - 0.625rem) / 2);
   margin-right: 0.625rem;
   float: left;
 }

 footer .top .left .ewmlist .li:nth-child(2n) {
   margin-right: 0;
 }

 footer .top .left .ewmlist .li .tit-14 {
   line-height: .45rem;
   color: #999999;
   margin-top: .325rem;
 }

 footer .top .right {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   width: calc(100% - 275px - 5.25rem);
 }

 /* footer .top .right .li {
  margin-right: 3rem;
} */



 footer .top .right .li:last-child {
   margin-right: 0;
 }

 footer .top .right .li .tit {
   display: block;
   color: #333333;
   line-height: 1;
   margin-bottom: .6rem;

   font-weight: bold;
   transition: all 0.5s;
 }

 footer .top .right .li .tit:hover {
   color: #005BBB;
 }

 footer .top .right .li .subtit a {
   display: block;
   color: #777;
   line-height: .7rem;

   font-weight: 400;
   transition: all 0.5s;
   margin-bottom: 0.35rem;
 }

 footer .top .right .li .subtit a:hover {
   color: #005bbb;
 }

 footer .bot {
   padding: .75rem 0;
   border-top: 1px solid #cecece;
 }

 footer .bot .tit-14 {
   line-height: 1;
   text-align: center;
 }

 footer .bot .tit-14 a {
   display: inline-block;
   margin-left: 10px;
   color: #333;
 }

 footer .bot .tit-14 a img {
   display: inline;
 }

 .sub-banner {
   height: 17.5rem;
   overflow: hidden;
 }

 .sub-banner .txt {
   top: 55%;
 }


 .news-cont {
   padding: 3.5rem 0;
 }

 .news-cont .list a {
   display: block;
   width: calc((100% - 1.3rem) / 3);
   background: #F5F5F5;
   border-radius: 5px;
   margin-right: 0.65rem;
   padding: 1.4rem 1rem 1rem;
   transition: all 1s;
   margin-bottom: 0.65rem;
   float: left;
 }

 .news-cont .list a:nth-child(3n) {
   margin-right: 0;
 }

 .news-cont .list a .t1 {
   color: #333333;
   line-height: 40px;
   height: 120px;
   overflow: hidden;
   transition: all .5s;
   font-weight: 700;
 }

 .news-cont .list a .t2 {
   margin-top: 0.7rem;
   color: #3D3D3D;
   line-height: .6rem;
   transition: all .5s;
 }

 .news-cont .list a .t3 {
   color: #666666;
   line-height: .85rem;
   height: 2.55rem;
   overflow: hidden;
   margin-top: 0.35rem;
   transition: all .5s;
 }

 .news-cont .list a .more {
   margin-top: .87rem;
 }

 .news-cont .list a .more .tit-15 {}

 .news-cont .list a:hover {
   background-image: url(/bocstatic/web/img/90000.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
 }

 .news-cont .list a:hover .t1 {
   color: #fff;
 }

 .news-cont .list a:hover .t2 {
   color: #fff;
 }

 .news-cont .list a:hover .t3 {
   color: #fff;
 }

 .news-cont .list a:hover .more {
   color: #fff;
 }

 .news-cont .list a:hover .more .icon {
   filter: grayscale(100%) brightness(1000%) !important;
 }

 .news-cont .list a:hover .more::after {
   width: 100%;
   background-color: #fff;
 }

 .w1520 {
   width: 1520px;
   margin: 0 auto;
 }

 @media (max-width: 1600px) {
   .w1520 {
     width: 79%;
   }
 }


 .news-cont .frombox {
   margin-bottom: 1.1rem;
   position: relative;
   z-index: 4;
 }

 .news-cont .frombox .sp {
   color: #222222;
   margin-right: 15px;
 }

 .news-cont .frombox .li {
   width: 4.75rem;
   background: #fff;
   margin-right: .5rem;
   color: #999;
   z-index: 3;
 }

 .news-cont .frombox .sptitle {
   height: 1.25rem;
   border: 1px solid #d7d7d7;
   border-radius: 5px;
   padding: 0 24px;
   cursor: pointer;
 }

 .news-cont .frombox .icon {
   width: 15px;
   height: 15px;
   fill: #7e8288;
 }

 .news-cont .frombox .li.on .icon {
   transform: rotate(-180deg);
 }

 .news-cont .frombox .li3 {
   width: 9rem;
   z-index: 1;
 }

 .news-cont .frombox .iconbtn {
   width: 90px;
   height: 50px;
   background: #d01e26;
   z-index: 3;
   border-radius: 5px;
 }

 .news-cont .frombox .iconbtn .icon {
   width: 15px;
   height: 15px;
   fill: #fff;
   margin-left: 5px;
 }

 .news-cont .frombox .input {
   height: 18px;
   -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
   transition: border linear 0.2s, box-shadow linear 0.2s;
   -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
   width: 100%;
   height: 1.25rem;
   background: none;
   padding: 0 24px;
   padding-right: 60px;
   border: 1px solid #d7d7d7;
   border-radius: 8px;
   box-shadow: none;
 }

 /* .news-cont .frombox .input:focus {
  border-color: rgba(0, 85, 158, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 85, 158, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 85, 158, 0.6);
} */
 .news-cont .frombox .input::-webkit-input-placeholder {
   /* WebKit browsers */
   color: #b3b2b2;
 }

 .news-cont .frombox .input:-moz-placeholder {
   /* Mozilla Firefox 4 to 18 */
   color: #b3b2b2;
 }

 .news-cont .frombox .input::-moz-placeholder {
   /* Mozilla Firefox 19+ */
   color: #b3b2b2;
 }

 .news-cont .frombox .input:-ms-input-placeholder {
   /* Internet Explorer 10+ */
   color: #b3b2b2;
 }

 .news-cont .frombox .input2 {
   width: 20px;
   height: 20px;
   background: url(/bocstatic/web/img/search2.svg) no-repeat center center;
   background-size: cover;
   top: 50%;
   right: 15px;
   margin-top: -10px;
 }

 .news-cont .frombox .libox {
   position: absolute;
   width: 100%;
   left: 0;
   top: 50px;
   background: #fff;
   z-index: 3;
   border: 1px solid #d7d7d7;
   display: none;
   border-top: 0 solid #000;
 }

 .news-cont .frombox .item {
   height: 45px;
   line-height: 45px;
   border-bottom: 1px solid #d1d1d1;
   padding: 0 .75rem;
   cursor: pointer;
 }

 .news-cont .frombox .item:last-child {
   border-bottom: none;
 }

 .news-cont .frombox .item:hover {
   background: #005bbb;
   color: #fff;
 }


 .page {
   padding: 60px 0 0;
   font-size: 12px;
   font-weight: bold;
   line-height: 50px;
   text-align: center;
   clear: both;
   display: inline-block;
 }

 .page a {
   text-decoration: none;
   color: #333;
   width: 50px;
   height: 50px;
   background: #EEEEEE;
   border-radius: 5px;
   margin: 0 5px;
   background: #eee;
   display: block;
   line-height: 50px;
   font-size: 18px;
   float: left;
   color: #333333;
   transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
 }

 .page a.active {
   background: #005bbb;
   color: #fff;
   transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
 }

 .page a:hover {
   text-decoration: none;
   color: #fff;
   background: #005bbb;
   transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
 }

 .page a[rel=next] {
   background-image: url(/bocstatic/web/img/jt3.png);
   background-repeat: no-repeat;
   background-position: center;
 }

 .page a[rel=prev] {
   background-image: url(/bocstatic/web/img/jt3.png);
   background-repeat: no-repeat;
   background-position: center;
   transform: rotate(180deg);
 }

 .page a[rel=next]:hover,
 .page a[rel=prev]:hover {
   background-image: url(/bocstatic/web/img/jt.png);
 }

 .not-cont {
   padding: 3.5rem 0;
   background-image: url(/bocstatic/web/img/16.jpg);
   background-repeat: no-repeat;
   background-position: center;
 }

 .not-cont .table {
   text-align: center;
   font-size: 0;
   padding-bottom: .925rem;
   border-bottom: 1px solid #E0E0E0;
 }

 .not-cont .table .li {
   font-size: .6rem;
   font-weight: bold;
   color: #444444;
   line-height: .7rem;
   display: inline-block;
   margin: 0 1rem;
   cursor: pointer;
   transition: all 0.5s;
 }

 .not-cont .table .li.on {
   color: #005bbb;
 }

 .not-cont .table .li:hover {
   color: #005bbb;
 }

 .not-cont .list {
   margin-top: 1.575rem;
 }

 .not-cont .list a {
   display: block;
   width: 28rem;
   margin: 0 auto;
   position: relative;
   padding-left: 2.35rem;
   margin-bottom: 1.35rem;
   transition: all 0.5s;
 }

 .not-cont .list a .txt {
   width: 100%;
   position: relative;
   padding-left: 3.725rem;
   height: 4.7rem;
   border: 1px solid #FFF;
   border-radius: 10px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;

   background-color: #f5f5f5;
   transition: all 0.5s;

 }

 .not-cont .list a .txt .bgs {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   transition: all 1s;
   z-index: 1;

 }

 .not-cont .list a .img {
   width: 4.7rem;
   position: absolute;
   left: 0;
   z-index: 3;
   top: 0;
 }

 .not-cont .list a .txt .en {
   font-weight: 400;
   color: #3D3D3D;
   line-height: 1;
   margin-bottom: .55rem;
   transition: all 0.1s;
   z-index: 3;
   position: relative;
 }

 .not-cont .list a .txt .tit {
   font-weight: 500;
   color: #222222;
   line-height: .85rem;
   transition: all 0.1s;
   z-index: 3;
   position: relative;
 }

 .not-cont .list a .txt .pdf {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-top: .4rem;
   transition: all 0.1s;
   color: #005bbb;
   z-index: 3;
   position: relative;
 }

 .not-cont .list a .txt .pdf .icon {
   height: 25px;
   width: 25px;
   margin-right: .35rem;
   transition: all 0.1s;
 }

 .not-cont .list a .txt .pdf .icon2 {
   margin-left: .375rem;
   transition: all 0.1s;
 }

 .not-cont .list a:hover .bgs {
   background-image: url(/bocstatic/web/img/9.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   opacity: 1;

 }

 .not-cont .list a:hover .img .en {
   color: #005bbb;
 }

 .not-cont .list a:hover .txt .en {
   color: #fff;
 }

 .not-cont .list a:hover .txt .tit {
   color: #fff;
 }

 .not-cont .list a:hover .txt .pdf {
   color: #fff;
 }

 .not-cont .list a:hover .txt .pdf svg path {
   fill: #fff !important;
 }

 .not-cont .list a:hover .txt .pdf .icon2 {
   filter: grayscale(100%) brightness(1000%) !important;
 }

 .showmore {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-top: 1rem;
 }

 .showmore img {
   animation: turn 3s linear infinite;
 }

 .showmore .tit-15 {
   color: #005bbb;
   margin-top: .35rem;
 }

 @keyframes turn {
   0% {
     -webkit-transform: rotate(0deg);
   }

   25% {
     -webkit-transform: rotate(90deg);
   }

   50% {
     -webkit-transform: rotate(180deg);
   }

   75% {
     -webkit-transform: rotate(270deg);
   }

   100% {
     -webkit-transform: rotate(360deg);
   }
 }

 .contact {
   padding: 4.3rem 0;
 }

 .contact .left {
   width: 68%;
   float: left;
   padding-right: 1.4rem;
 }

 .contact .formbox2 .item {
   width: 48%;
   margin-bottom: .875rem;
 }

 .contact .formbox2 .item3 {
   display: none;
 }

 .contact .formbox2 .item .tit3 span {
   color: red;
   margin-left: 0.1rem;
   vertical-align: top;
 }

 .contact .formbox2 .input {
   /*font-style: italic;*/
   width: 100%;
   border: none;
   background: #F5F5F5;
   border-bottom: 1px solid transparent;
   padding: 8px 18px;
   margin-top: 10px;
   height: 50px;
   font-size: .4rem;
   border-radius: 6px;
 }

 .contact .formbox2 .input::-webkit-input-placeholder {
   /* WebKit browsers */
   color: rgba(48, 27, 18, 0.4);
 }

 .contact .formbox2 .input:-moz-placeholder {
   /* Mozilla Firefox 4 to 18 */
   color: rgba(48, 27, 18, 0.4);
 }

 .contact .formbox2 .input::-moz-placeholder {
   /* Mozilla Firefox 19+ */
   color: rgba(48, 27, 18, 0.4);
 }

 .contact .formbox2 .input:-ms-input-placeholder {
   /* Internet Explorer 10+ */
   color: rgba(48, 27, 18, 0.4);
 }

 .contact .formbox2 .input2 {
   /*font-style: italic;*/
   width: 100%;
   height: 4.5rem;
   border: none;
   background: #F7F7F7;
   border-bottom: 1px solid transparent;
   padding: 26px 23px;
   margin-top: 10px;
   font-size: .4rem;
   border-radius: 6px;
 }

 .contact .formbox2 .input2::-webkit-input-placeholder {
   /* WebKit browsers */
   color: rgba(48, 27, 18, 0.4);
 }

 .contact .formbox2 .input2:-moz-placeholder {
   /* Mozilla Firefox 4 to 18 */
   color: rgba(48, 27, 18, 0.4);
 }

 .contact .formbox2 .input2::-moz-placeholder {
   /* Mozilla Firefox 19+ */
   color: rgba(48, 27, 18, 0.4);
 }

 .contact .formbox2 .input2:-ms-input-placeholder {
   /* Internet Explorer 10+ */
   color: rgba(48, 27, 18, 0.4);
 }

 .contact .formbox2 .file {
   width: 100%;

 }

 .contact .formbox2 .btn {
   color: #76B0E1;
   width: 100%;
   height: 50px;
   background: #FFFFFF;
   border: 1px solid #005bbb;
   border-radius: 3px;
   color: #005bbb;
 }

 .contact .formbox2 .icon {
   width: 20px;
   height: 20px;
   margin-right: 5px;
   fill: #005bbb;
 }

 .contact .formbox2 .filebtn {
   position: absolute;
   z-index: 3;
   width: 100%;
   height: 50px;
   background: #fff;
   top: 0;
   opacity: 0;
   cursor: pointer;
 }

 .contact .formbox2 span {
   color: #999;
   font-size: .375rem;
   margin-top: 10px;
   /*font-style: italic;*/
   /* margin-left: .5rem; */
 }

 .contact .formbox2 .filebox {
   margin-top: .35rem;
 }

 .contact .formbox2 .coadbox {
   margin-top: .35rem;
 }

 .contact .formbox2 .item2 {
   margin-bottom: .5rem;
   width: 48%;
 }

 .contact .formbox2 .item4 {
   margin-bottom: 1.275rem;
 }

 .contact .formbox2 .item2 .input {
   width: 100%;
   height: 54px;
   border-radius: 5px;
   background: #F5F5F5;
   padding-left: 85px;
   font-size: .4rem;
   border-radius: 6px;
 }

 .contact .formbox2 .item2 .namebtn {
   position: absolute;
   width: 60px;
   height: 25px;
   top: 50%;
   left: 0;
   margin-top: -12.5px;
   border-right: 1px solid rgba(0, 0, 0, 0.1);
 }

 .contact .formbox2 .item2 .namebtn img {
   width: 24px;
 }

 .contact .formbox2 .item2 .input1 {
   width: calc(100% - 3.25rem);
   height: 54px;
   border-radius: 5px;
   background: #F7F7F7;
   padding-left: 85px;
   font-size: .4rem;
 }

 .contact .formbox2 .item2 .coad {
   width: 3rem;
   height: 54px;
   position: absolute;
   right: 0;
   top: 0;
   z-index: 1;
 }

 .contact .formbox2 .input3 {
   width: 12.4rem;
   height: 1.75rem;
   background: #005BBB;
   border-radius: 6px;

   line-height: 1.75rem;
   border: none;
   font-size: .55rem;
   margin: .8rem auto 0;
 }

 .contact .formbox2 .coadbox .captcha {
   height: 1rem;
 }

 @media (max-width: 767px) {
   .contact .formbox2 .item2 {
     width: 100%;
   }

   .contact .formbox2 .input3 {
     margin-top: 1rem;
   }

   .contact .formbox2 .item2 .input1 {
     padding-left: 75px;
     height: 45px;
   }

   .contact .formbox2 .item2 .coad {
     width: 120px;
     height: 45px;
   }

   .contact {
     padding: 2rem 0;
   }

   .contact .formbox2 .input3 {
     height: 45px;
     line-height: 45px;
   }

   .contact .formbox2 .file {
     width: 100%;
   }

   .contact .formbox2 .item5 {
     width: 100%;
   }

   .contact .formbox2 .input,
   .contact .formbox2 .input2 {
     font-size: 14px;
   }

   .contact .formbox2 .item {
     width: 100%;
   }
 }

 .contact .rigrt {
   width: 43%;
   float: left;

   border-radius: 18px;
   overflow: hidden;
 }

 .flex {
   display: flex;
 }

 .tec-a {
   padding: 3.475rem 0;
   background-color: #fff;
 }

 .tec-a .list {
   margin-top: 2.25rem;
 }

 .tec-a .list .li {
   width: calc((100% - 4.75rem) / 2);
   margin-right: 4.75rem;
   display: flex;
   flex-direction: column;
   align-items: center;
   float: left;
 }

 .tec-a .list .li:nth-child(2n) {
   margin-right: 0;
 }

 .tec-a .list .li .img {
   display: inline-block;
   position: relative;
 }

 .tec-a .list .li .tit {
   font-weight: bold;
   color: #005BBB;
   line-height: 1;
   margin-top: 1.05rem;
 }

 .tec-a .list .li .p {
   font-weight: 400;
   color: #666666;

   margin-top: .9rem;
   text-align: justify;
 }


 .tec-b {
   padding: 3.475rem 0 3.25rem;

   background: #F5F5F5;
 }

 .tec-b .list {
   margin-top: 2.25rem;
   display: flex;
   flex-wrap: wrap;
 }

 .tec-b .list .li {
   width: calc((100% - 1.55rem) / 2);
   margin-right: 1.55rem;
   display: flex;
   flex-direction: column;
   align-items: center;
   background-color: #fff;
   padding: 1.25rem 1.6rem 1.125rem;
   border-radius: 16px;
   margin-bottom: 1.55rem;
 }

 .tec-b .list .li:nth-child(2n) {
   margin-right: 0;
 }

 .tec-b .list .li .img {
   display: inline-block;
   position: relative;
 }

 .tec-b .list .li .tit {
   font-weight: bold;
   color: #005BBB;
   line-height: 1;
   margin-top: 1.05rem;
 }

 .tec-b .list .li .p {
   font-weight: 400;
   color: #666666;
   text-align: justify;
   margin-top: .9rem;
   min-height: 4.25rem;
 }

 .tec-c {
   padding: 3rem 0 0;
   background-color: #fff;
 }

 .tec-c .t2 {
   width: 24.5rem;
   margin: 0 auto;
   margin-top: 1rem;
   font-weight: 400;
   color: #666666;
   text-align: justify;
   /* line-height: .9rem; */
 }

 .tec-c .content .list {
   font-size: 0;
   text-align: center;
   width: 100%;
 }

 .tec-c .content .list .li {
   display: inline-block;
   vertical-align: top;
   margin: 0 2.025rem;
 }

 .tec-c .content .list .li .svg1 {

   border-radius: 50%;
   overflow: hidden;
   position: relative;
   padding: 2px;
 }

 .tec-c .content .list .li .c1 {
   width: 5.95rem;

   height: 5.95rem;
   border-radius: 50%;

   z-index: 2;
   box-sizing: border-box;

   position: relative;

 }

 .tec-c .content .list .li .c1 .cc {
   width: 100%;

   height: 100%;
   border-radius: 50%;

   z-index: 2;
   top: 0;
   left: 0;
   position: absolute;

 }

 .tec-c .content .list .li .c1 svg {
   width: 5.95rem;

   height: 5.95rem;
 }

 .tec-c .content .list .li .c2 {
   width: 15px;
   height: 15px;
   border-radius: 50%;
   position: absolute;
   background-color: #fff;
   right: 23%;
   box-sizing: border-box;
   bottom: 2%;
   z-index: 99;
   border: 2px solid #005bbb;
   -webkit-clip-path: polygon(0 0, 55% 0, 55% 100%, 0% 100%);
   clip-path: polygon(0 0, 55% 0, 55% 100%, 0% 100%);
   transform: rotate(64deg);
 }

 .cls-6 {
   fill: none;
   stroke: #005bbb;
   stroke-miterlimit: 10;
 }

 .tec-c .content .list .li .svg1 .c1:hover svg {
   transition: all 0.5s;
   fill: #005bbb;
   stroke-miterlimit: 0;
 }

 .tec-c .content .list .li .svg1:hover .c2 {
   border: 0;

 }

 .tec-c .content .list .li .c1 .txt {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;

   height: 100%;
   border-radius: 50%;

   z-index: 1;
   top: 0;
   left: 0;
   position: absolute;
   color: #005BBB;
 }

 .tec-c .content .list .li .c1 .txt .num {
   display: flex;
   font-size: 2.05rem;
   align-items: flex-end;
   position: relative;
 }

 .tec-c .content .list .li .c1 .txt .num .en {
   line-height: 0.8;
   letter-spacing: -4px;
   margin-right: 0.1rem;
 }

 /* .tec-c .content .list .li .c1 .txt .num .tit-16{
  position: absolute;
  right: -0.5rem;
  bottom: 0;
 } */
 .tec-c .content .list .li .c1 .txt .mc {

   line-height: .7rem;
   margin-top: 0.2rem;
 }

 .tec-c .content .list .li .c1:hover .txt {
   color: #fff;
 }

 .con-us {
   background-image: url(/bocstatic/web/img/16.jpg);
   background-repeat: no-repeat;
   background-position: center;
   padding: 4.2rem 0;
   background-size: cover;
 }




 .con-us .list {
   font-size: 0;
   text-align: center;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   white-space: nowrap;
 }

 .con-us .list .li {
   display: inline-block;
   vertical-align: top;
   margin: 0 1.4rem;
 }

 .con-us .list .li .svg1 {

   border-radius: 50%;
   overflow: hidden;
   position: relative;
   padding: 2px;
 }

 .con-us .list .li .svg1 path {
   stroke-width: 0.5px;
 }

 .con-us .list .li .c1 {
   width: 7.35rem;

   height: 7.35rem;
   border-radius: 50%;

   z-index: 2;
   box-sizing: border-box;

   position: relative;

 }

 .con-us .list .li .c1 .cc {
   width: 100%;

   height: 100%;
   border-radius: 50%;

   z-index: 2;
   top: 0;
   left: 0;
   position: absolute;

 }

 .con-us .list .li .c1 svg {
   width: 7.35rem;

   height: 7.35rem;
 }

 .con-us .list .li .c2 {
   width: 15px;
   height: 15px;
   border-radius: 50%;
   position: absolute;
   background-color: #fff;
   right: 23%;
   box-sizing: border-box;
   bottom: 2%;
   z-index: 99;
   border: 2px solid #005bbb;
   -webkit-clip-path: polygon(0 0, 55% 0, 55% 100%, 0% 100%);
   clip-path: polygon(0 0, 55% 0, 55% 100%, 0% 100%);
   transform: rotate(64deg);
 }

 .cls-6 {
   fill: none;
   stroke: #005bbb;
   stroke-miterlimit: 10;
 }

 .con-us .list .li:hover .c1 svg {
   transition: all 0.5s;
   fill: #005bbb;
   stroke-miterlimit: 0;
 }

 .con-us .list .li:hover .c2 {
   border: 0;

 }

 .con-us .list .li .c1 .txt {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   padding-top: 1.25rem;
   width: 100%;

   height: 100%;
   border-radius: 50%;

   z-index: 1;
   top: 0;
   left: 0;
   position: absolute;
   color: #005BBB;
 }

 .con-us .list .li .c1 .txt .icon {
   height: 1.25rem;
 }

 .con-us .list .li .c1 .txt .icon img {
   max-height: 1.25rem;
 }

 .con-us .list .li .c1 .txt .mc {
   font-weight: 700;
   margin-top: .5rem;
   margin-bottom: .3rem;
   line-height: 1;
 }


 .con-us .list .li .c1 .txt .tit-18 {
   color: #999999;
   line-height: 1.5;
   font-size: .45rem;

 }

 .con-us .list .li :hover .txt {
   color: #fff;
 }

 .con-us .list .li :hover .txt .tit-18 {
   color: #fff;
 }

 .con-us .list .li :hover .icon {
   filter: grayscale(100%) brightness(1000%) !important;
 }

 .lh12 {
   line-height: 1.2;
 }

 .service-a {
   background-image: url(/bocstatic/web/img/18.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   padding: 3.55rem 0 3.9rem;
 }

 .service-a .list {
   display: flex;
 }

 .service-a .list .li {
   width: calc((100% - 1rem) / 2);
   margin-right: 1rem;
   background-color: #fff;
   padding: 1.7rem 1.825rem;
   border-radius: 12px;
   overflow: hidden;
 }

 .service-a .list .li .bg {
   position: absolute;
   top: 0;
   left: 0;
 }

 .service-a .list .li .bg2 {
   opacity: 0;
   transition: all 0.5s;
 }

 .service-a .list .li:hover .bg2 {
   opacity: 1;
 }

 .service-a .list .li:nth-child(2n) {
   margin-right: 0;
 }

 .service-a .list .li .t1 {
   line-height: 1;
   font-weight: bold;
   color: #444444;
 }

 .service-a .list .li .con {
   margin-top: 1rem;
 }

 .service-a .list .li .con .ls {
   display: flex;
   margin-top: .5rem;
   align-items: center;
   flex-direction: row;
   justify-content: flex-start;
 }

 .service-a .list .li .con .ls .icon {
   position: relative;
   width: 1rem;
   height: 1rem;
   margin-right: .375rem;
 }

 .service-a .list .li .con .ls .tit-20 {
   font-weight: 400;
   color: #888;
   line-height: 1.2rem;
 }




 .service-b .formbox2 {
   margin-top: 2.5rem;
 }

 .service-b .formbox2 .item {
   width: calc((100% - 4.3rem) / 3);
   margin-bottom: .875rem;
   margin-right: 2.15rem;
 }

 .service-b .formbox2 .item3 {
   margin-right: 0;
 }

 .service-b .formbox2 .item4 {
   margin-right: 0;
 }

 .service-b .formbox2 .item .tit3 {
   color: #333;
 }

 .service-b .formbox2 .item .tit3 span {
   color: red;
   margin-left: 0.1rem;
   vertical-align: top;
   display: none;
 }

 .service-b .formbox2 .input {
   /*font-style: italic;*/
   width: 100%;
   border: none;
   background: transparent;
   border-bottom: 1px solid transparent;
   padding: 8px 18px;
   margin-top: 10px;
   height: 50px;
   border: 1px solid #E6E6E6;
   border-radius: 6px;
   font-size: .4rem;

 }

 .service-b .formbox2 .input::-webkit-input-placeholder {
   /* WebKit browsers */
   color: rgba(48, 27, 18, 0.4);
 }

 .service-b .formbox2 .input:-moz-placeholder {
   /* Mozilla Firefox 4 to 18 */
   color: rgba(48, 27, 18, 0.4);
 }

 .service-b .formbox2 .input::-moz-placeholder {
   /* Mozilla Firefox 19+ */
   color: rgba(48, 27, 18, 0.4);
 }

 .service-b .formbox2 .input:-ms-input-placeholder {
   /* Internet Explorer 10+ */
   color: rgba(48, 27, 18, 0.4);
 }

 .service-b .formbox2 .input2 {
   /*font-style: italic;*/
   width: 100%;
   height: 4.5rem;
   border: none;
   border-bottom: 1px solid transparent;
   padding: 26px 23px;
   margin-top: 10px;
   font-size: .4rem;
   border-radius: 6px;
   border: 1px solid #E6E6E6;
 }

 .service-b .formbox2 .input2.error,
 .contact .formbox2 .input.error,
 .contact .formbox2 .input2.error,
 .contact .formbox2 .item2 .input1.error {
   border: 1px solid red;
 }

 .service-b .formbox2 .input.error {
   border: 1px solid red;
 }

 .service-b .formbox2 .item2 .input1.error {
   border: 1px solid red;
 }

 .service-b .formbox2 .input2::-webkit-input-placeholder {
   /* WebKit browsers */
   color: rgba(48, 27, 18, 0.4);
 }

 .service-b .formbox2 .input2:-moz-placeholder {
   /* Mozilla Firefox 4 to 18 */
   color: rgba(48, 27, 18, 0.4);
 }

 .service-b .formbox2 .input2::-moz-placeholder {
   /* Mozilla Firefox 19+ */
   color: rgba(48, 27, 18, 0.4);
 }

 .service-b .formbox2 .input2:-ms-input-placeholder {
   /* Internet Explorer 10+ */
   color: rgba(48, 27, 18, 0.4);
 }

 .service-b .formbox2 .file {
   width: calc(100% - 180px);

 }

 .service-b .formbox2 .btn {
   color: #76B0E1;
   width: 100%;
   height: 50px;
   background: #FFFFFF;
   border: 1px solid #005bbb;
   border-radius: 3px;
   color: #005bbb;
 }

 .service-b .formbox2 .icon {
   width: 20px;
   height: 20px;
   margin-right: 5px;
   fill: #005bbb;
 }

 .service-b .formbox2 .filebtn {
   position: absolute;
   z-index: 3;
   width: 100%;
   height: 50px;
   background: #fff;
   top: 0;
   opacity: 0;
   cursor: pointer;
 }

 .service-b .formbox2 span {
   color: #999;
   font-size: .375rem;
   /* margin-top: 10px; */
   /*font-style: italic;*/
   margin-left: .5rem;
 }

 .service-b .formbox2 .filebox {
   margin-top: .35rem;
 }

 .service-b .formbox2 .coadbox {
   margin-top: .35rem;
 }

 .service-b .formbox2 .item2 {
   margin-bottom: .5rem;
   width: 48%;
 }

 .service-b .formbox2 .item4 {
   margin-bottom: 1.275rem;

 }

 .service-b .formbox2 .item2 .input {
   width: 100%;
   height: 54px;
   border-radius: 5px;
   background: transparent;
   padding-left: 85px;
   border: 1px solid #E6E6E6;
   border-radius: 5px;
   font-size: .4rem;

 }

 .service-b .formbox2 .item2 .namebtn {
   position: absolute;
   width: 60px;
   height: 25px;
   top: 50%;
   left: 0;
   margin-top: -12.5px;
   border-right: 1px solid rgba(0, 0, 0, 0.1);
 }

 .service-b .formbox2 .item2 .namebtn img {
   width: 24px;
 }

 .service-b .formbox2 .item2 .input1 {
   width: calc(100% - 130px);
   height: 54px;
   border-radius: 5px;
   background: transparent;
   padding-left: 85px;
   font-size: .4rem;
   border: 1px solid #E6E6E6;
   border-radius: 5px;
 }

 .service-b .formbox2 .item2 .coad {
   width: 120px;
   height: 54px;
   position: absolute;
   right: 0;
   top: 0;
   z-index: 1;
 }

 .service-b .formbox2 .item5 {
   width: 46%;
 }

 .service-b .formbox2 .input3 {
   width: 7.675rem;
   height: 1.75rem;
   background: #005BBB;
   border-radius: 6px;


   line-height: 1.75rem;
   border: none;
   font-size: .55rem;
   margin: .8rem auto 0;
 }

 .service-b .formbox2 .coadbox .captcha {
   height: 40px;
 }

 @media (max-width: 767px) {
   .service-b .formbox2 .item2 {
     width: 100%;
   }

   .service-b .formbox2 .input3 {
     margin-top: 1rem;
   }

   .service-b .formbox2 .item2 .input1 {
     padding-left: 75px;
     height: 45px;
   }

   .service-b .formbox2 .item2 .coad {
     width: 120px;
     height: 45px;
   }

   .service-b {
     padding: 2rem 0;
   }

   .service-b .formbox2 .input3 {
     height: 45px;
     line-height: 45px;
   }

   .service-b .formbox2 .file {
     width: 100%;
   }

   .service-b .formbox2 .item5 {
     width: 100%;
   }

   .service-b .formbox2 .input,
   .service-b .formbox2 .input2 {
     font-size: 14px;
   }

   .service-b .formbox2 .item {
     width: 100%;
   }
 }

 .service-b {
   padding: 2.7rem 0 3.25rem;
 }

 .service-b .t1 {
   margin-top: 0.5rem;
 }

 .pro-a {
   background-image: url(/bocstatic/web/img/20.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   padding: 4.125rem 0 3.25rem;
 }

 .pro-a .t1 {
   color: #444444;
   font-weight: 700;
 }

 .pro-a .t2 {
   color: #666666;
   /* line-height: 0.85rem; */
   margin-top: 1.5rem;
   padding: 0 2.4rem;
 }

 .pro-a .t2 p {
   margin-bottom: 0.75rem;
 }

 .pro-a .t2 p:last-child {
   margin-bottom: 0;
 }

 .pro-b {
   height: 15.75rem;
 }



 .pro-b .list {
   font-size: 0;
   text-align: left;
   width: 100%;
   position: absolute;
   left: 5rem;
   top: 50%;
   transform: translateY(-50%);
 }

 .pro-b .list .li {
   display: inline-block;
   vertical-align: top;
   margin-right: 2.025rem;
 }

 .pro-b .list .li .svg1 {

   border-radius: 50%;
   overflow: hidden;
   position: relative;
   padding: 2px;
 }

 .pro-b .list .li .c1 {
   width: 5.75rem;

   height: 5.75rem;
   border-radius: 50%;

   z-index: 2;
   box-sizing: border-box;

   position: relative;

 }

 .pro-b .list .li .c1 .cc {
   width: 100%;

   height: 100%;
   border-radius: 50%;

   z-index: 2;
   top: 0;
   left: 0;
   position: absolute;

 }

 .pro-b .list .li .c1 svg {
   width: 5.75rem;

   height: 5.75rem;
 }

 .pro-b .list .li .c2 {
   width: 15px;
   height: 15px;
   border-radius: 50%;
   position: absolute;
   background-color: #fff;
   right: 23%;
   box-sizing: border-box;
   bottom: 2%;
   z-index: 99;
   border: 2px solid #005bbb;
   -webkit-clip-path: polygon(0 0, 55% 0, 55% 100%, 0% 100%);
   clip-path: polygon(0 0, 55% 0, 55% 100%, 0% 100%);
   transform: rotate(64deg);
 }

 .pro-b .cls-6 {
   fill: none;
   stroke: #fff;
   stroke-miterlimit: 10;
 }

 .pro-b .list .li:hover .c1 svg {
   transition: all 0.5s;
   fill: #fff;
   stroke-miterlimit: 0;
 }

 .pro-b .list .li:hover .c2 {
   border: 0;

 }

 .pro-b .list .li .c1 .txt {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;

   height: 100%;
   border-radius: 50%;

   z-index: 1;
   top: 0;
   left: 0;
   position: absolute;
   color: #fff;
 }

 .pro-b .list .li .c1 .txt .mc {
   font-weight: 700;
   margin-top: .4rem;
   line-height: 1;
 }


 .pro-b .list .li .c1 .txt .tit-18 {
   color: #999999;
   line-height: .6rem;
   margin-top: 0.25rem;

 }

 .pro-b .list .li:hover .txt {
   color: #005BBB;
 }

 .pro-b .list .li:hover .txt .tit-18 {
   color: #005BBB;
 }


 .pro-b .list .li .c1 .txt .more {
   margin-top: .45rem;
   filter: grayscale(100%) brightness(1000%) !important;
 }

 .pro-b .list .li:hover .c1 .txt .more {
   filter: grayscale(0) brightness(100%) !important;
 }

 .pro-b .list .li:hover .c1 .txt .more::after {
   width: 100%;
 }

 .p-info video {
   width: 100%;
 }

 .p-info .txt {
   position: absolute;
   left: 5rem;
   top: 30%;
   color: #fff;
   width: 14.75rem;
 }

 .p-info .txt .t2 {
   margin-top: 1.25rem;
   text-align: justify;
 }

 .p-info .txt .t2 p {
   margin-bottom: .4rem;
 }

 .p-info .txt .t2 p:last-child {
   margin-bottom: 0;
 }

 .p-info .txt .more {
   width: 104px;
 }

 .p-info .txt .more .icon {
   margin-right: 0.25rem;
 }

 .p-info .navs {
   position: absolute;
   right: 5.775rem;
   top: 50%;
   transform: translateY(-50%);
   z-index: 3;
 }

 .p-info .navs a {
   display: block;
   width: 26px;
   height: 26px;
   border-radius: 50%;
   border: 1px solid rgba(255, 255, 255, 0.2);
   position: relative;
   margin-bottom: .675rem;
   transition: all 0.5s;
 }

 .p-info .navs a .box {
   width: 15px;
   height: 15px;
   border-radius: 50%;
   border: 1px solid rgba(255, 255, 255, 0.8);
   transition: all 0.5s;
 }

 .p-info .navs a .tit-18 {
   position: absolute;
   right: -.5rem;
   transform: translate(100%, -50%);
   white-space: nowrap;
   top: 50%;
 }

 .p-info .navs a.on {
   background-color: rgba(255, 255, 255, 0.2);
 }

 .p-info .navs a.on .box {
   background-color: #fff;
 }

 .p-info .navs a:hover {
   background-color: rgba(255, 255, 255, 0.2);
 }

 .p-info .navs a:hover .box {
   background-color: #fff;
 }

 .work-a {
   padding: 3.875rem 0 5rem;
   background-color: #fff;
 }

 .work-a .t1 {
   padding: 0 6.65rem;
   line-height: 1.8;
   color: #444444;
 }

 .work-a .list {
   margin-top: 3rem;
 }

 .work-a .list .li {
   display: flex;

   align-items: center;
   justify-content: space-between;
   border-bottom: 1px solid #cccccc;
   transition: all 0.5s;
   padding: 2.5rem 0;
 }

 .work-a .list .li .t2 {
   color: #666666;
   width: 15.5rem;
   /* font-size: .5rem; */
   transition: all 0.5s;
   text-align: justify;
 }

 .work-a .list .li .img {
   width: 10rem;
   height: 0;

   transition: all .5s cubic-bezier(0.15, 0.43, 0.71, 1.07);
 }

 .work-a .list .li .img img {
   transform: scale(0);
   opacity: 0;



 }

 .work-a .list .li .tit {
   color: #999999;
   font-weight: 700;

 }

 .work-a .list .li .tit .tit-60 {
   line-height: 1.2;
   font-weight: 700;

 }

 .work-a .list .li.on {}

 .work-a .list .li.on .img {
   height: 10rem;

 }

 .work-a .list .li.on .img img {
   transition: all .5s cubic-bezier(0.49, -0.04, 1, 1);
   /* transition-delay: .3s; */
   transform: scale(1);
   opacity: 1;
 }


 .work-a .list .li.on .tit {
   color: #005BBB;
 }

 .work-a .list .li.on .t2 {
   color: #333;
   /* font-size: .6rem; */
 }


 header .pc-header .nav .li .subtit {
   position: absolute;
   left: 50%;
   top: 99px;
   width: 100vw;
   background-color: #fff;
   transform: translateX(-50%);

   display: none;
 }

 header .pc-header .nav .li .subtit .wr {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 header .pc-header .nav .li .subtit .lis {
   width: 410px;
   padding: 1.225rem 1rem;
   display: flex;
   flex-direction: column;
   align-items: center;
   transition: all 0.5s;
   overflow: hidden;
 }

 header .pc-header .nav .li .subtit .lis .top {
   width: 100%;
   text-align: center;
   padding-bottom: .55rem;
   border-bottom: 1px solid #e0e0e0;
 }

 /* header .pc-header .nav .li .subtit .lis .top .icon {
  display: inline-block;
  width: 1.375rem;
  filter: grayscale(100%) !important;
} */

 header .pc-header .nav .li .subtit .lis .top .icon {
   width: 53px;
   height: 53px;
   background-size: 53px auto;
   background-position: center0px;
   transition: all .4s;
   display: inline-block;
 }

 header .pc-header .nav .li .subtit .lis .top .icon img {
   filter: grayscale(100%) !important;
 }


 header .pc-header .nav .li .subtit .lis .top .tit-18 {
   font-weight: bold;
 }

 header .pc-header .nav .li .subtit .lis .alist {
   width: 100%;
   text-align: center;
   padding-top: .65rem;
 }

 header .pc-header .nav .li .subtit .lis .alist a {
   line-height: 1;
   display: inline-block;
   margin: 0 .375rem;
   /* font-size: .4rem; */
   color: #444444;
   transition: all 0.5s;
 }

 header .pc-header .nav .li .subtit .lis:hover {
   background-color: #e5eef8;
   color: #005bbb;
 }

 header .pc-header .nav .li .subtit .lis:hover a {
   color: #005bbb;
 }

 header .pc-header .nav .li .subtit .lis:hover .top .icon img {
   color: #005bbb;
   filter: grayscale(0%) !important;
 }

 header .pc-header .nav .li .subtit .lis:hover .top .icon {
   background-position: center -53px;
 }


 header .pc-header .nav .li .subtit .lis .alist a:hover {
   transform: translateY(-3px);
 }

 header .pc-header.soll {
   background-color: #fff;
   border-bottom: 1px solid #e0e0e0;
 }

 header .pc-header.soll .cls-1 {
   fill: #005BBB;
 }

 header .pc-header.soll .nav .li .tit {
   color: #333;
 }

 header .pc-header.soll .h-seach {
   border: 1px solid #bebebe;
 }

 header .pc-header.soll .h-seach .submit {
   background-image: url(/bocstatic/web/img/seach3.png)
 }

 header .pc-header.soll .h-seach .text {
   color: #bebebe;
 }

 header .pc-header.soll .len .icon svg path {
   fill: #333;
 }

 header .pc-header.soll .len .t {
   color: #333;
 }

 header .pc-header.soll .len .t::after {
   border-right: 1px solid #333;
   border-top: 1px solid #333;
 }

 header .pc-header:hover {
   background-color: #fff;
   border-bottom: 1px solid #e0e0e0;
 }

 header .pc-header:hover .cls-1 {
   fill: #005BBB;
 }

 header .pc-header:hover .nav .li .tit {
   color: #333;
 }

 header .pc-header:hover .h-seach {
   border: 1px solid #bebebe;
 }

 header .pc-header:hover .h-seach .submit {
   background-image: url(/bocstatic/web/img/seach3.png)
 }

 header .pc-header:hover .h-seach .text {
   color: #bebebe;
 }

 header .pc-header:hover .len .icon svg path {
   fill: #333;
 }

 header .pc-header:hover .len .t {
   color: #333;
 }

 header .pc-header:hover .len .t::after {
   border-right: 1px solid #333;
   border-top: 1px solid #333;
 }


 header .pc-header .nav .li:hover .tit:after {
   width: 100%;
 }


 header .pc-header .nav .li .nusb {
   position: absolute;
   left: 50%;
   top: 99px;
   width: 100vw;
   background-color: #fff;
   transform: translateX(-50%);

   display: none;
 }

 header .pc-header .nav .li .nusb .wr {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 header .pc-header .nav .li .nusb a {
   display: block;
   width: 220px;
   padding: 1rem 0;
   text-align: center;
   color: #000;
   transition: all 0.5s;
 }

 header .pc-header .nav .li .subtit .lis .bore {
   display: inline-block;
   width: 53px;
   height: 53px;
   /*background-image: url(/bocstatic/web/img/2.svg);*/
   /*background-image: url(/bocstatic/web/img/sdas.png);*/
   background-size: 100% 100%;
   overflow: hidden;
   border-radius: 50%;
 }

 header .pc-header .nav .li .subtit .lis:hover .bore {
   /*background-image: url(/bocstatic/web/img/hesd.png);*/
   /*background-image: url(/bocstatic/web/img/1.svg);*/
 }

 header .pc-header .nav .li .nusb a .bore {
   display: inline-block;
   width: 53px;
   height: 53px;
   /*background-image: url(/bocstatic/web/img/2.svg);*/
   /*background-image: url(/bocstatic/web/img/sdas.png);*/
   background-size: 100% 100%;
   overflow: hidden;
   border-radius: 50%;
 }

 header .pc-header .nav .li .nusb a:hover .bore {
   /*background-image: url(/bocstatic/web/img/1.svg);*/
   /*background-image: url(/bocstatic/web/img/hesd.png);*/
 }

 header .pc-header .nav .li .nusb a .icon {
   width: 53px;
   height: 53px;
   background-size: 53px auto;
   background-position: center0;
   transition: all .4s;
   display: inline-block;
   overflow: hidden;
 }

 header .pc-header .nav .li .nusb a .icon img {
   filter: grayscale(100%) !important;
 }

 header .pc-header .nav .li .nusb a:hover .icon {
   background-position: center -53px;
 }

 header .pc-header .nav .li .nusb a:hover {
   background-color: #e5eef8;
   color: #005bbb;
 }

 header .pc-header .nav .li .nusb a:hover .icon img {
   filter: grayscale(0%) !important;
 }


 header .pc-header .nav .li .nusb a .tit-18 {
   font-weight: bold;
   margin-top: 0.2rem;
 }

 .resp {
   padding: 3.4rem 0;
 }

 .resp .t1 {
   width: 29.6rem;
   text-align: center;
   margin: 0 auto;
   color: #444;
   line-height: 1.58;
 }

 .resp .resp-a {
   margin-top: 3.25rem;
   display: flex;
 }

 .resp .resp-a .left {
   width: 57%;
   padding-right: 2rem;
 }

 .resp .resp-a .left .li {
   border-bottom: 1px solid #d4d4d4;
   cursor: pointer;
 }

 .resp .resp-a .left .li .tit {
   display: flex;
   padding: 1.2rem 0;
   align-items: center;
   justify-content: space-between;
 }

 .resp .resp-a .left .li .tit .tit-28 {
   line-height: 1;
   color: #444;
   transition: all 0.5s;
   font-weight: 700;
 }

 .resp .resp-a .left .li .tit .icon {
   position: relative;
   width: 1rem;
   height: 1rem;
   background-color: #444444;
   border-radius: 50%;
   transform: rotate(90deg);
   transition: all 0.5s;
 }

 .resp .resp-a .left .li .txt {
   color: #444444;
   padding-bottom: 1.2rem;
   display: none;
   text-align: justify;
 }

 .resp .resp-a .left .li .tit.on .tit-28 {
   color: #005BBB;
 }

 .resp .resp-a .left .li .tit.on .icon {
   background-color: #005BBB;
   transform: rotate(-90deg);
 }

 .resp .resp-a .right {
   width: 43%;
   border-radius: 8px;
   overflow: hidden;
   height: 17.25rem;
 }

 .dws {
   width: 100%;
   top: 3rem;
 }





 .not-cont .frombox {
   margin-bottom: 1.1rem;
   position: relative;
   z-index: 4;

 }

 .not-cont .frombox .sp {
   color: #222222;
   margin-right: 15px;
 }

 .not-cont .frombox .li {
   width: 4.75rem;
   background: #fff;
   margin-right: .5rem;
   color: #999;
   z-index: 3;
 }

 .not-cont .frombox .sptitle {
   height: 1.25rem;
   border: 1px solid #d7d7d7;
   border-radius: 5px;
   padding: 0 24px;
   cursor: pointer;
 }

 .not-cont .frombox .icon {
   width: 15px;
   height: 15px;
   fill: #7e8288;
 }

 .not-cont .frombox .li.on .icon {
   transform: rotate(-180deg);
 }

 .not-cont .frombox .li3 {
   width: 9rem;
   z-index: 1;
 }

 .not-cont .frombox .iconbtn {
   width: 90px;
   height: 50px;
   background: #d01e26;
   z-index: 3;
   border-radius: 5px;
 }

 .not-cont .frombox .iconbtn .icon {
   width: 15px;
   height: 15px;
   fill: #fff;
   margin-left: 5px;
 }

 .not-cont .frombox .input {
   height: 18px;
   -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
   transition: border linear 0.2s, box-shadow linear 0.2s;
   -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
   width: 100%;
   height: 1.25rem;
   background: none;
   padding: 0 24px;
   padding-right: 60px;
   border: 1px solid #d7d7d7;
   border-radius: 8px;
   box-shadow: none;
 }


 .not-cont .frombox .libox {
   position: absolute;
   width: 100%;
   left: 0;
   top: 1.25rem;
   background: #fff;
   z-index: 3;
   border: 1px solid #d7d7d7;
   display: none;
   border-top: 0 solid #000;
 }

 .not-cont .frombox .item {
   height: 1.125rem;
   line-height: 1.125rem;
   border-bottom: 1px solid #d1d1d1;
   padding: 0 .75rem;
   cursor: pointer;
 }

 .not-cont .frombox .item:last-child {
   border-bottom: none;
 }

 .not-cont .frombox .item:hover {
   background: #005bbb;
   color: #fff;
 }

 .resp-b {
   padding: 0 0 3.5rem;
 }

 .resp-b .w1520 a {
   display: flex;
   width: 100%;
   border-radius: 16px;
   overflow: hidden;
   margin-bottom: 1rem;
 }

 .resp-b .w1520 a:last-child {
   margin-bottom: 0;
 }

 .resp-b .w1520 a .img {
   width: 32%;
   border-radius: 16px;
   overflow: hidden;

 }

 .resp-b .w1520 a .txt {
   width: 69%;
   display: flex;
   margin-left: -1%;
   padding: 2.25rem 3rem;
   flex-direction: column;
   justify-content: center;
   background-image: url(/bocstatic/web/img/pdfbg.jpg);
   background-repeat: no-repeat;
   background-position: bottom right;
   background-size: cover;
 }

 .resp-b .w1520 a .txt .t1 {
   line-height: 1;
   color: #005BBB;
   font-weight: 700;
 }

 .resp-b .w1520 a .txt .t2 {
   color: #444444;
   font-weight: 600;
   line-height: 1.2;
   letter-spacing: 12px;
   margin-top: 0.7rem;
   line-height: 1;
 }

 .resp-b .w1520 a .txt .t3 {
   color: #444444;
   line-height: 1;

   margin-top: 0.5rem;
 }

 .resp-b .w1520 a .txt .t4 {
   color: #444444;
   line-height: 1;
   position: relative;
   margin-top: 0.5rem;
   padding-top: 0.5rem;
   border-top: 3px solid rgba(0, 0, 0, 0.08);
 }


 .resp-b .w1520 a .txt .pdf {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-top: 1.775rem;
   transition: all 0.1s;
   color: #005bbb;
   position: relative;
 }

 .resp-b .w1520 a .txt .pdf .icon {
   height: 25px;
   width: 25px;
   margin-right: .35rem;
   transition: all 0.1s;
 }

 .resp-b .w1520 a .txt .pdf .icon2 {
   margin-left: .375rem;
   transition: all 0.1s;
 }

 .resp-b .w1520 a .txt .pdf::after {

   content: "";
   position: absolute;
   height: 1px;
   background: #005bbb;
   left: 0;
   bottom: -0.2rem;
   width: 0;
   transition: all 0.5s;

 }

 .resp-b .w1520 a:hover .txt .pdf::after {

   width: 3.5rem;

 }

 .about-a {
   padding: 3.5rem 0;
   background-image: url(/bocstatic/web/img/a1.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   padding-bottom: 2.8rem;
 }

 .about-a .t2 {
   color: #666666;
   line-height: 1.8;
   margin-top: 2rem;
   text-align: justify;
 }

 .about-a .t2 p {
   margin-bottom: 1.1rem;
 }

 .his-container {
   padding-left: 1.5rem;
   overflow: hidden;
   padding-bottom: 2rem;
   margin-top: 3rem;
 }

 .his-container::after {
   content: '';
   position: absolute;
   width: 100%;
   height: 1px;
   background-color: #d1d1d1;
   opacity: .3;
   left: 0;
   top: calc(50% - 1rem);
   transform: translateY(-50%);
 }


 .his-container .swiper-slide {
   height: 2.5rem;
   padding-left: 0.74rem;
   position: relative;
   margin-top: 2.5rem;
   padding-top: 1.2rem;
   margin-left: 1rem;
 }

 .his-container .swiper-slide:nth-child(2n) {
   margin-top: 0;
   padding-top: 0
 }

 .his-container .swiper-slide .en {
   color: #005BBB;
   line-height: 1;
 }

 .his-container .swiper-slide .t3 {
   line-height: 1;
   white-space: nowrap;
   margin-top: .3rem;
   color: #000;
 }

 .his-container .swiper-slide:after {
   content: "";
   width: 1px;
   height: calc(2.5rem - 3px);
   position: absolute;
   background-color: #d1d1d1;
   opacity: 0.4;
   left: 0;
   bottom: 0;
   transform: translateX(-50%);

 }

 .his-container .swiper-slide:before {
   content: "";
   width: 6px;
   height: 6px;
   position: absolute;
   background-color: #005bbb;
   left: 0;
   top: 100%;
   border-radius: 50%;
   z-index: 2;
   transform: translateX(-50%);
 }

 .his-container .swiper-slide:nth-child(2n):before {
   top: 3px;
 }

 .his-container .swiper-slide .icon {
   position: absolute;
   top: 0;
   left: 0;
   transform: translate(-50%, -50%);
   z-index: 3;
 }

 .his-container .swiper-slide:nth-child(2n) .icon {
   top: 100%;
   left: 0;
   transform: translate(-50%, -50%);
 }

 .his-container .next,
 .his-container .prev {
   position: absolute;
   width: 1.2rem;
   height: 1.2rem;
   border-radius: 50%;
   background-color: #e3e3e3;
   position: absolute;
   top: calc(50% - 1rem);
   margin-top: -.6rem;
   z-index: 3;
   cursor: pointer;
   transition: all 0.5s;
 }

 .his-container .prev {
   left: 0;
   transform: rotate(-180deg);
 }

 .his-container .next {
   right: 0;
 }

 .his-container .next:hover,
 .his-container .prev:hover {
   background-color: #005BBB;
 }

 .about-b .txt {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 0;
   width: 100%;
 }

 .about-b .txt .t1 {
   /* width: 13.5rem; */
   line-height: 1.2;
 }

 .about-b .txt .t2 {
   width: 15.15rem;
   margin-top: 1.4rem;
   text-align: justify;
 }

 .about-b .imgs {
   position: absolute;
   width: 43%;
   left: 48%;
   bottom: 23%;
   z-index: 3;

 }

 .about-b .imgs .swiper-slide {
   width: calc((100% - 2rem) / 3);
   margin-right: 1rem;
   position: relative;
   padding-top: 3rem;
 }

 .about-b .imgs .swiper-slide:last-child {
   margin-right: 0;
 }

 .about-b .imgs .swiper-slide .img {

   width: 100%;
   position: relative;
 }

 .about-b .imgs .swiper-slide .bots {
   /* width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5); */
   position: absolute;
   top: -0.3rem;
   right: 0;
   width: 100%;
 }

 .about-b .imgs .swiper-slide .bots .bot {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background-color: #fff;
   display: none;

 }

 .about-b .imgs .swiper-slide .bots .line1 {
   position: absolute;
   width: 50px;
   height: 1px;
   background-color: #fff;
   top: -12px;
   right: -4px;
   transform: rotate(54deg);
   display: none;
 }

 .about-b .imgs .swiper-slide .bots .line2 {
   position: absolute;
   width: 40px;
   height: 1px;
   background-color: #fff;
   right: 35px;
   top: -32px;
   display: none;
 }

 .about-b .imgs .swiper-slide .bots .tit {

   line-height: 1;
   white-space: nowrap;
   color: #fff;
   position: absolute;
   right: 50%;
   top: -20px;
   transform: translateX(50%);
 }

 .about-b .imgs .swiper-slide img {
   width: 100%;
   max-width: none;
 }


 header .pc-header .right-btn .langbox {
   position: relative;
   margin-left: 0.5rem;
 }

 header .pc-header .right-btn .litip .img1 {
   width: 20px;
   height: 20px;
   margin-right: 5px;
   fill: #fff;
 }

 header .pc-header .right-btn .litip .icon {
   width: 20px;
   height: 20px;
   fill: #fff;
   margin-left: 5px;
 }

 header .pc-header .right-btn .litip .s {
   width: 12px;
   height: 12px;
 }

 header .pc-header .right-btn .libox {
   padding: 8px 8px 0;
   background: #fff;
   width: 100px;
   position: absolute;
   top: 40px;
   left: 50%;
   margin-left: -50px;
   opacity: 0;
   visibility: hidden;
   border-radius: 8px;
   transform: translate(0, -20px);
 }

 header .pc-header .right-btn .libox a {
   display: block;
   width: 84px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   border-radius: 5px;
   background: #eee;
   color: #999;
   transition: all .3s;
   margin-bottom: .25rem;
 }

 header .pc-header .right-btn .libox a:hover {
   color: #fff;
   background: #005bbb;
 }

 header .pc-header .right-btn .langbox:hover .libox {
   transition: none;
   opacity: 1;
   visibility: visible;
   transform: translate(0, 0);
 }

 header .pc-header .right-btn .litip:hover {
   color: #fff;
 }

 header .pc-header .right-btn .landbtn {
   margin-left: .5rem;
   display: none;
 }

 header .pc-header .right-btn .landbtn.active {
   display: flex;
 }


 header .pc-header:hover .right-btn .litip {
   color: #111111;
 }

 header .pc-header:hover .right-btn .litip .img1 {
   fill: #111111;
 }

 header .pc-header:hover .right-btn .litip .icon {
   fill: #111111;
 }

 header .pc-header.soll .right-btn .litip {
   color: #111111;
 }

 header .pc-header.soll .right-btn .litip .img1 {
   fill: #111111;
 }

 header .pc-header.soll .right-btn .litip .icon {
   fill: #111111;
 }

 /* 屏幕分辨率放大为 150 */
 @media (-webkit-min-device-pixel-ratio: 1.5),
 (min-resolution: 120dpi) {
   html {

     zoom: 0.665;
   }

   .home-a .tit {
     top: 4rem !important;
   }

   .banner {
     height: 120vh  !important;;
   }

 }

 @media (min-width: 996px) {

   /*屏幕分辨率放大为 125 */
   @media (-webkit-min-device-pixel-ratio: 1.25) {
     html {
       zoom: 0.9;
     }
     .banner {
      height: 120vh  !important;;
    }

     header .pc-header .nav .li .subtit {
       width: 125vw;
     }

     header .pc-header .nav .li .nusb {
       width: 125vw;
     }

     .news-cont .list a {
       width: calc((100% - 52px) / 3);
       margin-right: 26px;
       padding: 56px 40px 40px
     }

     .news-cont .list a .t3 {
       line-height: 34px;
       height: 102px;
     }

     .news-cont .list a .t1 {
       height: 2rem;
       line-height: 1rem;
     }

     .home-c .news-container .swiper-slide {
       display: block;
       width: calc((100% - 1.3rem) / 3);
       background: #F5F5F5;
       border-radius: 5px;
       margin-right: 0.65rem;
       padding: 63px 40px 60px;
       transition: all 1s;
     }

     .home-c .news-container .swiper-slide .t1 {
       line-height: 1rem;
       height: 3rem;
     }

     .home-c .news-container .swiper-slide .t3 {
       height: 2.4rem;
       line-height: .8rem;
     }

     .home-a .item2 .jia {
       left: 27%;
     }
   }

 }

 .captcha_ok {
   background: url(/bocstatic/web/img/form_gou.svg) no-repeat 0.5rem center !important;
   background-size: 20px 20px !important;
   width: 130px;
   height: 54px;
   position: absolute;
   right: 0;
   display: inline-block;
   padding-left: 0 !important;
   text-indent: -999px;
   overflow: hidden;
 }



 header .pc-header.on {
   background-color: #fff;
   border-bottom: 1px solid #e0e0e0;
 }

 header .pc-header.on .cls-1 {
   fill: #005BBB;
 }

 header .pc-header.on .nav .li .tit {
   color: #333;
 }

 header .pc-header.on .h-seach {
   border: 1px solid #bebebe;
 }

 header .pc-header.on .h-seach .submit {
   background-image: url(/bocstatic/web/img/seach3.png)
 }

 header .pc-header.on .h-seach .text {
   color: #bebebe;
 }

 header .pc-header.on .right-btn .litip .icon {
   fill: #333;
 }

 header .pc-header.on .right-btn .litip {
   color: #333;
 }

 header .pc-header.on .len .t::after {
   border-right: 1px solid #333;
   border-top: 1px solid #333;
 }




 .sweet-alert {
   padding: 1.5rem 17px !important;
 }

 .sweet-alert .sa-icon.sa-error {
   width: 70px !important;
   height: 70px !important;
   margin-top: 0 !important;
 }

 .sweet-alert button {
   padding: 9px 60px !important;
 }

 .sweet-alert .sa-icon.sa-error {
   border-color: transparent !important;
   border: none !important;
   background: #fa2a2d;
 }

 .sweet-alert .sa-icon.sa-error .sa-line {
   background-color: #fff !important;
   border-radius: 0;
   width: 38px !important;
   top: 33px !important;
 }


 .sweet-alert .sa-icon.sa-success {
   border-color: #005BBB !important;
 }

 .sweet-alert .sa-icon.sa-success .sa-line {
   border-color: #005BBB !important;
 }

 .banner {
   height: 100vh;
 }

 .banner img {
   width: 100%;
 }

 .home-a img {
   width: 100%;
 }

 .banner .ac {
   transform: translateY(20px);
   opacity: 0;
   transition: all 0.5s;
 }

 .banner .swiper-slide.amin .ac {
   transform: translateY(0);
   opacity: 1;
 }

 .banner .swiper-slide.amin .ac2 {
   transition-delay: 0.2s;
 }

 .banner .swiper-slide.amin .ac3 {
   transition-delay: 0.4s;
 }


 .sweet-alert .sa-icon.sa-success .sa-placeholder {
   background: #60c770;
   border: 0;
 }

 .sweet-alert .sa-icon.sa-success .sa-line {
   background-color: #fff !important;
   z-index: 8 !important;
   height: 7px !important;
   ;
 }

 .contact .formbox2 span {
   display: none;
 }

 .lh5 {
   line-height: 1.5;
 }

 .contact .formbox2 .flie-name span {
   display: block;
 }







 .contact-banner {
   height: 17.5rem;
   width: 100%;
 }

 .contact-banner .bg {
   height: 17.5rem;
   position: absolute;
   width: 100%;
 }

 .contact-banner .tit2 {
   position: relative;
   z-index: 3;
   padding: 0 2.75rem;
   text-align: center;
   width: 100%;
 }

 @media (max-width: 768px) {
   .contact-banner {
     /*height: 50vh;*/
     height: 7.5rem;
   }

   .contact-banner .bg {
     /*height: 50vh;*/
     height: 7.5rem;
   }
 }

 @media (max-width: 767px) {
   .contact-banner .tit2 {
     padding: 0 5%;
   }

   .contact-banner .bg {
     background-position: 70% center;
   }
 }

 .warp-sub-navbox {
   background: #fff;
   box-shadow: 0px 0px 81px 0px rgba(34, 34, 34, 0.16);
   position: relative;
   overflow: hidden;
   z-index: 9;
 }

 .sub-navbox {

   height: 90px;
   /*padding: 0 1.5rem;*/

 }

 .sub-navbox a {
   padding: 0 1.25rem;
   height: 90px;
   line-height: 90px;
   position: relative;
   transition: all .3s;
   color: #444;
   width: auto;
   font-weight: 700;
 }

 .sub-navbox a:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 2px;
   background: #005bbb;
   left: 0;
   bottom: 0;
   opacity: 0;
   transition: all .3s;
 }

 .sub-navbox .swiper-wrapper {
   justify-content: space-between;
 }

 .sub-navbox a:hover,
 .sub-navbox a.cur {
   color: #005bbb;
 }

 .sub-navbox a:hover:before,
 .sub-navbox a.cur:before {
   opacity: 1;
 }


 .welfare-list2 {
   padding: 2.75rem 0 3.75rem;
 }

 .welfare-list2 .tit2 {
   margin-bottom: 2.25rem;
 }

 .welfare-list2 .tit3 {
   margin-bottom: 1.25rem;
 }

 .welfare-list2 .tit4 {
   margin-bottom: .85rem;
 }

 .welfare-list2 .text {
   width: 46.5%;
 }

 .welfare-list2 .img {
   width: 46%;
   border-radius: 20px;
   overflow: hidden;
 }

 .welfare-list2 .img img {
   width: 100%;
 }

 @media (max-width: 768px) {
   .welfare-list2 .text {
     width: 100%;
   }

   .welfare-list2 .img {
     width: 100%;
     margin-top: 1rem;
   }
 }

 @media (max-width: 767px) {
   .welfare-list2 .tit2 {
     margin-bottom: 1rem;
   }

   .welfare-list2 {
     padding-top: 2rem;
     padding-bottom: 2rem;
   }
 }






 .welfare-list3 {
   padding: 3.5rem 0 3rem;
 }

 .welfare-list3 .tit2 {
   margin-bottom: 2.7rem;
 }

 .welfare-list3 .tit3 {
   margin: .5rem 0 .7rem;
 }

 .welfare-list3 .icon {
   width: 1.75rem;
   height: 1.75rem;
 }

 .welfare-list3 .li {
   width: 25%;
   padding-right: 1.25rem;
   border-right: 1px solid rgba(255, 255, 255, 0.2);
 }

 .welfare-list3 .li:nth-child(2) {
   padding: 0 1.25rem;
 }

 .welfare-list3 .li:nth-child(3) {
   padding: 0 1.25rem;
 }

 .welfare-list3 .li:nth-child(4) {
   padding-left: 1.25rem;
   padding-right: 0;
   border-right: none;
 }

 @media (max-width: 767px) {
   .welfare-list3 {
     padding: 2rem 0;
   }

   .welfare-list3 .tit2 {
     margin-bottom: 0rem;
     text-align: center;
   }

   .welfare-list3 .li {
     /*width: 100%;*/
     width: 48%;
     margin-right: 4%;
     border: none;
     padding: 1rem 0 !important;
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
     display: flex;
     flex-flow: column wrap;
     justify-content: flex-start;
     align-items: center;
   }

   .welfare-list3 .li:nth-child(2n) {
     margin-right: 0;
   }

   .welfare-list3 .li:nth-child(3) {
     border-bottom: none;
   }

   .welfare-list3 .li:last-child {
     border-bottom: none;
   }
 }

 .welfare-list4 {
   padding: 3.65rem 0;
 }

 .welfare-list4 .title {
   padding-bottom: .85rem;
   border-bottom: 1px solid #DDD;
   margin-bottom: 2.5rem;
 }

 .welfare-list4 .img-container {
   padding-bottom: 2.25rem;
 }

 .welfare-list4 .warpimg {
   margin: 0 auto;
 }

 .welfare-list4 .img {
   border-radius: 10px;
   overflow: hidden;
   height: 7rem;

 }

 .welfare-list4 .img img {
   width: 100%;
   max-width: none;
   height: 100%;
 }

 .welfare-list4 .tit3 {
   margin-top: .4rem;
 }

 .welfare-list4 .swiper-button-prev {
   background: none !important;
   left: -1.5rem;
   margin-top: calc(-22px - 1.65rem);
 }

 .welfare-list4 .swiper-button-prev .icon {
   transform: rotate(-180deg);
   width: 20px;
   height: 30px;
 }

 .welfare-list4 .swiper-button-next {
   background: none !important;
   margin-top: calc(-22px - 1.65rem);
   right: -1.5rem;
 }

 .welfare-list4 .swiper-button-next .icon {
   width: 20px;
   height: 30px;
 }

 .welfare-list4 .swiper-pagination span.swiper-pagination-bullet-active {
   background: #005bbb;
 }

 @media (max-width: 1320px) {
   .welfare-list4 .warpimg {
     width: 100%;
     padding: 0 4%;
   }
 }

 @media (max-width: 767px) {
   .welfare-list4 {
     padding: 2rem 0;
   }

   .welfare-list4 .title {
     margin-bottom: 1rem;
   }

   .welfare-list4 .swiper-button-prev,
   .welfare-list4 .swiper-button-next {
     display: none;
   }
 }

 .w1280 {
   width: 1520px;
   margin: 0 auto;
 }

 @media (max-width: 1400px) {
   .w1280 {
     width: 85%;
   }
 }

 @media (max-width: 1024px) {
   .w1280 {
     width: 88%;
   }
 }


 .fixednav {
   position: fixed;
   right: 0;
   bottom: 40%;
   z-index: 11;
 }

 .fixednav .li {
   width: 90px;
   height: 70px;
   background: #005bbb;
   border-radius: 2px;
   margin-bottom: 2px;
 }

 .fixednav .li .icon {
   width: .65rem;
   margin-bottom: 2px;
   height: auto;
   fill: #fff;
 }

 .fixednav .li3 {
   margin-bottom: .75rem;
 }

 .fixednav .li2 {
   cursor: pointer;
 }

 .fixednav .li2 .icon {
   width: .85rem;
   height: .85rem;
 }

 .fixednav .li:hover {
   color: #fff;
 }

 .fixednav .li2 p {
   position: absolute;
   width: 210px;
   height: 60px;
   right: 58px;
   background: #005bbb;
   padding: .5rem;
   opacity: 0;
   visibility: hidden;
   transform: translate(20px, 0);
   transition: all .3s;
 }

 .fixednav .li2 p:before {
   content: "";
   position: absolute;
   width: 1px;
   height: 1rem;
   right: 0;
   top: 50%;
   margin-top: -.5rem;
   background: #fff;
   opacity: .3;
 }

 .fixednav .li2:hover p {
   opacity: 1;
   visibility: visible;
   transform: translate(0, 0);
 }

 @media (max-width: 1480px) {
   .fixednav {
     bottom: 40%;
   }
 }

 @media (max-width: 1024px) {
   .fixednav {
     display: none;
   }
 }



 .fixednav {
   opacity: 0;
   visibility: hidden;
   transition: all .4s;
 }

 .fixednav.active {
   opacity: 1;
   visibility: visible;
 }

 .twork-a {
   padding: 2rem 0;
 }


 .tjt {
   margin-top: .85rem;

 }

 .tjt .table {
   font-size: 0;
   z-index: 4;
 }

 .tjt .table .li {
   display: inline-block;
   vertical-align: top;
   margin: 0 2.5rem;
   font-weight: 600;
   cursor: pointer;
   position: relative;
 }

 .tjt .table .li::after {
   content: "";
   position: absolute;
   bottom: -2px;
   width: 0;
   left: 0;
   height: 2px;
   transition: all 0.5s;
   background-color: #005BBB;
 }

 .tjt .table .li.on {
   color: #005BBB;
 }

 .tjt .table .li:hover::after {
   width: 100%;
 }

 .tjt .table .li.on::after {
   width: 100%;
 }

 .tjt .tjtcontent {
   width: 29.9rem;
   height: 13.75rem;
   margin: -1.5rem auto 1.5rem;

 }

 .tjt .map {
   background-image: url('/bocstatic/web/img/map.jpg');
   background-size: cover;
   padding-bottom: 3.125rem;
   background-repeat: no-repeat;
 }

 .tjt .tip {
   width: 100%;
   text-align: center;
   font-size: 0;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .tjt .tip .li {
   display: flex;
   margin: 0 2.625rem;
   align-items: center;
   justify-content: flex-start;
 }

 .tjt .tip .li .box {
   width: 20px;
   height: 20px;
   border-radius: 2px;
   margin-right: 10px;
 }

 @media (max-width: 996px) {
   .tjt .tip {
     width: 100%;
     text-align: center;
     font-size: 0;
     display: flex;
     align-items: flex-start;
     justify-content: center;

   }

   .tjt .tip .li {
     margin: 0 0.5rem;
   }

   .tjt .tjtcontent {
     width: 100%;
   }

   .tjt .table .li {
     margin: 0 0.5rem;
     font-size: 18px;
   }

   .tjt .tjtcontent {
     margin-top: 1rem;
   }

   .tjt .map {
     padding-bottom: 1.5rem;
   }

   .tjt .map {
     background-position: center;
   }
 }