@charset "UTF-8";
html { -webkit-font-smoothing: antialiased; height: 100%; -ms-touch-action: manipulation; touch-action: manipulation; }

blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }

header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer { display: block; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

table, th, td { border: 1px solid black; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: 400; }

dl, ol, ul { list-style-type: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }

a { text-decoration: none; color: inherit; }

a:hover { text-decoration: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); outline: 0; outline: none; blr: expression(this.onFocus=this.blur()); }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

textarea { resize: none; outline: none; font-family: sans-serif; }

img { vertical-align: middle; max-width: 100%; height: auto; }

button, input[type="submit"], input[type="text"], input[type="button"] { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); outline: 0; blr: expression(this.onFocus=this.blur()); }

input { outline: 0; }

input::-webkit-input-safebox-button { display: none; /*去掉搜狗浏览器密码软盘*/ }

select:focus-visible { /* outline: -webkit-focus-ring-color auto 1px; 这是谷歌浏览器的原生样式*/ outline: none; }

button, input, select, textarea { font-family: unset; }

@font-face { font-family: MS; src: url(../fonts/Alibaba-PuHuiTi-Regular.woff); }

body { font-size: 14px; color: #333; line-height: 1.2; font-family: MS, sans-serif; }

body * { -webkit-box-sizing: border-box; box-sizing: border-box; }

section { position: relative; }

#web-ietip { width: 526px; height: 90px; padding: 83px 0 0 84px; overflow: hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0; }

#web-ietip a { display: block; width: 65px; height: 80px; float: left; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }

.ellipsis { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

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

html { font-size: calc(100vw / 1920 * 100); }

@media screen and (max-width: 900px) { html { font-size: calc(900px / 1920 * 100); } }

@media (min-width: 1921px) { .s0 { font-size: 0; }
  .s12 { font-size: calc(12 * 100vw / 1920); }
  .s13 { font-size: calc(13 * 100vw / 1920); }
  .s14 { font-size: calc(14 * 100vw / 1920); }
  .s15 { font-size: calc(15 * 100vw / 1920); }
  .s16 { font-size: calc(16 * 100vw / 1920); }
  .s17 { font-size: calc(17 * 100vw / 1920); }
  .s18 { font-size: calc(18 * 100vw / 1920); }
  .s19 { font-size: calc(19 * 100vw / 1920); }
  .s20 { font-size: calc(20 * 100vw / 1920); }
  .s21 { font-size: calc(21 * 100vw / 1920); }
  .s22 { font-size: calc(22 * 100vw / 1920); }
  .s23 { font-size: calc(23 * 100vw / 1920); }
  .s24 { font-size: calc(24 * 100vw / 1920); }
  .s25 { font-size: calc(25 * 100vw / 1920); }
  .s26 { font-size: calc(26 * 100vw / 1920); }
  .s27 { font-size: calc(27 * 100vw / 1920); }
  .s28 { font-size: calc(28 * 100vw / 1920); }
  .s29 { font-size: calc(29 * 100vw / 1920); }
  .s30 { font-size: calc(30 * 100vw / 1920); }
  .s31 { font-size: calc(31 * 100vw / 1920); }
  .s32 { font-size: calc(32 * 100vw / 1920); }
  .s33 { font-size: calc(33 * 100vw / 1920); }
  .s34 { font-size: calc(34 * 100vw / 1920); }
  .s35 { font-size: calc(35 * 100vw / 1920); }
  .s36 { font-size: calc(36 * 100vw / 1920); }
  .s37 { font-size: calc(37 * 100vw / 1920); }
  .s38 { font-size: calc(38 * 100vw / 1920); }
  .s39 { font-size: calc(39 * 100vw / 1920); }
  .s40 { font-size: calc(40 * 100vw / 1920); }
  .s41 { font-size: calc(41 * 100vw / 1920); }
  .s42 { font-size: calc(42 * 100vw / 1920); }
  .s43 { font-size: calc(43 * 100vw / 1920); }
  .s44 { font-size: calc(44 * 100vw / 1920); }
  .s45 { font-size: calc(45 * 100vw / 1920); }
  .s46 { font-size: calc(46 * 100vw / 1920); }
  .s47 { font-size: calc(47 * 100vw / 1920); }
  .s48 { font-size: calc(48 * 100vw / 1920); }
  .s49 { font-size: calc(49 * 100vw / 1920); }
  .s50 { font-size: calc(50 * 100vw / 1920); }
  .s51 { font-size: calc(51 * 100vw / 1920); }
  .s52 { font-size: calc(52 * 100vw / 1920); }
  .s53 { font-size: calc(53 * 100vw / 1920); }
  .s54 { font-size: calc(54 * 100vw / 1920); }
  .s55 { font-size: calc(55 * 100vw / 1920); }
  .s56 { font-size: calc(56 * 100vw / 1920); }
  .s57 { font-size: calc(57 * 100vw / 1920); }
  .s58 { font-size: calc(58 * 100vw / 1920); }
  .s59 { font-size: calc(59 * 100vw / 1920); }
  .s60 { font-size: calc(60 * 100vw / 1920); }
  .s62 { font-size: calc(62 * 100vw / 1920); }
  .s65 { font-size: calc(65 * 100vw / 1920); }
  .s66 { font-size: calc(66 * 100vw / 1920); }
  .s66 { font-size: calc(68 * 100vw / 1920); }
  .s70 { font-size: calc(70 * 100vw / 1920); }
  .s72 { font-size: calc(72 * 100vw / 1920); }
  .s78 { font-size: calc(78 * 100vw / 1920); }
  .s80 { font-size: calc(80 * 100vw / 1920); }
  .s82 { font-size: calc(82 * 100vw / 1920); }
  .s86 { font-size: calc(86 * 100vw / 1920); }
  .s98 { font-size: calc(98 * 100vw / 1920); }
  .s100 { font-size: calc(100 * 100vw / 1920); }
  .s107 { font-size: calc(107 * 100vw / 1920); }
  .s120 { font-size: calc(120 * 100vw / 1920); }
  .s140 { font-size: calc(140 * 100vw / 1920); }
  .s160 { font-size: calc(160 * 100vw / 1920); }
  .s200 { font-size: calc(200 * 100vw / 1920); } }

@media (max-width: 1920px) and (min-width: 551px) { .s0 { font-size: 0; }
  .s12 { font-size: 12px; }
  .s13 { font-size: calc(12px + 1 * 100vw / 1920); }
  .s14 { font-size: calc(12px + 2 * 100vw / 1920); }
  .s15 { font-size: calc(12px + 3 * 100vw / 1920); }
  .s16 { font-size: calc(12px + 4 * 100vw / 1920); }
  .s17 { font-size: calc(12px + 5 * 100vw / 1920); }
  .s18 { font-size: calc(12px + 6 * 100vw / 1920); }
  .s19 { font-size: calc(12px + 7 * 100vw / 1920); }
  .s20 { font-size: calc(12px + 8 * 100vw / 1920); }
  .s21 { font-size: calc(12px + 9 * 100vw / 1920); }
  .s22 { font-size: calc(12px + 10 * 100vw / 1920); }
  .s23 { font-size: calc(12px + 11 * 100vw / 1920); }
  .s24 { font-size: calc(12px + 12 * 100vw / 1920); }
  .s25 { font-size: calc(12px + 13 * 100vw / 1920); }
  .s26 { font-size: calc(12px + 14 * 100vw / 1920); }
  .s27 { font-size: calc(12px + 15 * 100vw / 1920); }
  .s28 { font-size: calc(12px + 16 * 100vw / 1920); }
  .s29 { font-size: calc(12px + 17 * 100vw / 1920); }
  .s30 { font-size: calc(12px + 18 * 100vw / 1920); }
  .s31 { font-size: calc(12px + 19 * 100vw / 1920); }
  .s32 { font-size: calc(12px + 20 * 100vw / 1920); }
  .s33 { font-size: calc(12px + 21 * 100vw / 1920); }
  .s34 { font-size: calc(12px + 22 * 100vw / 1920); }
  .s35 { font-size: calc(12px + 23 * 100vw / 1920); }
  .s36 { font-size: calc(12px + 24 * 100vw / 1920); }
  .s37 { font-size: calc(12px + 25 * 100vw / 1920); }
  .s38 { font-size: calc(12px + 26 * 100vw / 1920); }
  .s39 { font-size: calc(12px + 27 * 100vw / 1920); }
  .s40 { font-size: calc(12px + 28 * 100vw / 1920); }
  .s41 { font-size: calc(12px + 29 * 100vw / 1920); }
  .s42 { font-size: calc(12px + 30 * 100vw / 1920); }
  .s43 { font-size: calc(12px + 31 * 100vw / 1920); }
  .s44 { font-size: calc(12px + 32 * 100vw / 1920); }
  .s45 { font-size: calc(12px + 33 * 100vw / 1920); }
  .s46 { font-size: calc(12px + 34 * 100vw / 1920); }
  .s47 { font-size: calc(12px + 35 * 100vw / 1920); }
  .s48 { font-size: calc(12px + 36 * 100vw / 1920); }
  .s49 { font-size: calc(12px + 37 * 100vw / 1920); }
  .s50 { font-size: calc(12px + 38 * 100vw / 1920); }
  .s51 { font-size: calc(12px + 39 * 100vw / 1920); }
  .s52 { font-size: calc(12px + 40 * 100vw / 1920); }
  .s53 { font-size: calc(12px + 41 * 100vw / 1920); }
  .s54 { font-size: calc(12px + 42 * 100vw / 1920); }
  .s55 { font-size: calc(12px + 43 * 100vw / 1920); }
  .s56 { font-size: calc(12px + 44 * 100vw / 1920); }
  .s57 { font-size: calc(12px + 45 * 100vw / 1920); }
  .s58 { font-size: calc(12px + 46 * 100vw / 1920); }
  .s59 { font-size: calc(12px + 47 * 100vw / 1920); }
  .s60 { font-size: calc(12px + 48 * 100vw / 1920); }
  .s62 { font-size: calc(12px + 50 * 100vw / 1920); }
  .s65 { font-size: calc(12px + 53 * 100vw / 1920); }
  .s66 { font-size: calc(12px + 54 * 100vw / 1920); }
  .s68 { font-size: calc(12px + 56 * 100vw / 1920); }
  .s70 { font-size: calc(12px + 58 * 100vw / 1920); }
  .s72 { font-size: calc(12px + 60 * 100vw / 1920); }
  .s78 { font-size: calc(12px + 66 * 100vw / 1920); }
  .s80 { font-size: calc(12px + 68 * 100vw / 1920); }
  .s82 { font-size: calc(12px + 70 * 100vw / 1920); }
  .s86 { font-size: calc(12px + 74 * 100vw / 1920); }
  .s98 { font-size: calc(12px + 86 * 100vw / 1920); }
  .s100 { font-size: calc(12px + 88 * 100vw / 1920); }
  .s107 { font-size: calc(12px + 95 * 100vw / 1920); }
  .s120 { font-size: calc(12px + 108 * 100vw / 1920); }
  .s140 { font-size: calc(12px + 128 * 100vw / 1920); }
  .s160 { font-size: calc(12px + 148 * 100vw / 1920); }
  .s200 { font-size: calc(12px + 188 * 100vw / 1920); } }

@media (max-width: 550px) { .s0 { font-size: 0; }
  .s12 { font-size: 12px; }
  .s13 { font-size: calc(12px + 1 * 550px / 1920); }
  .s14 { font-size: calc(12px + 2 * 550px / 1920); }
  .s15 { font-size: calc(12px + 3 * 550px / 1920); }
  .s16 { font-size: calc(12px + 4 * 550px / 1920); }
  .s17 { font-size: calc(12px + 5 * 550px / 1920); }
  .s18 { font-size: calc(12px + 6 * 550px / 1920); }
  .s19 { font-size: calc(12px + 7 * 550px / 1920); }
  .s20 { font-size: calc(12px + 8 * 550px / 1920); }
  .s21 { font-size: calc(12px + 9 * 550px / 1920); }
  .s22 { font-size: calc(12px + 10 * 550px / 1920); }
  .s23 { font-size: calc(12px + 11 * 550px / 1920); }
  .s24 { font-size: calc(12px + 12 * 550px / 1920); }
  .s25 { font-size: calc(12px + 13 * 550px / 1920); }
  .s26 { font-size: calc(12px + 14 * 550px / 1920); }
  .s27 { font-size: calc(12px + 15 * 550px / 1920); }
  .s28 { font-size: calc(12px + 16 * 550px / 1920); }
  .s29 { font-size: calc(12px + 17 * 550px / 1920); }
  .s30 { font-size: calc(12px + 18 * 550px / 1920); }
  .s31 { font-size: calc(12px + 19 * 550px / 1920); }
  .s32 { font-size: calc(12px + 20 * 550px / 1920); }
  .s33 { font-size: calc(12px + 21 * 550px / 1920); }
  .s34 { font-size: calc(12px + 22 * 550px / 1920); }
  .s35 { font-size: calc(12px + 23 * 550px / 1920); }
  .s36 { font-size: calc(12px + 24 * 550px / 1920); }
  .s37 { font-size: calc(12px + 25 * 550px / 1920); }
  .s38 { font-size: calc(12px + 26 * 550px / 1920); }
  .s39 { font-size: calc(12px + 27 * 550px / 1920); }
  .s40 { font-size: calc(12px + 28 * 550px / 1920); }
  .s41 { font-size: calc(12px + 29 * 550px / 1920); }
  .s42 { font-size: calc(12px + 30 * 550px / 1920); }
  .s43 { font-size: calc(12px + 31 * 550px / 1920); }
  .s44 { font-size: calc(12px + 32 * 550px / 1920); }
  .s45 { font-size: calc(12px + 33 * 550px / 1920); }
  .s46 { font-size: calc(12px + 34 * 550px / 1920); }
  .s47 { font-size: calc(12px + 35 * 550px / 1920); }
  .s48 { font-size: calc(12px + 36 * 550px / 1920); }
  .s49 { font-size: calc(12px + 37 * 550px / 1920); }
  .s50 { font-size: calc(12px + 38 * 550px / 1920); }
  .s51 { font-size: calc(12px + 39 * 550px / 1920); }
  .s52 { font-size: calc(12px + 40 * 550px / 1920); }
  .s53 { font-size: calc(12px + 41 * 550px / 1920); }
  .s54 { font-size: calc(12px + 42 * 550px / 1920); }
  .s55 { font-size: calc(12px + 43 * 550px / 1920); }
  .s56 { font-size: calc(12px + 44 * 550px / 1920); }
  .s57 { font-size: calc(12px + 45 * 550px / 1920); }
  .s58 { font-size: calc(12px + 46 * 550px / 1920); }
  .s59 { font-size: calc(12px + 47 * 550px / 1920); }
  .s60 { font-size: calc(12px + 48 * 550px / 1920); }
  .s62 { font-size: calc(12px + 50 * 550px / 1920); }
  .s65 { font-size: calc(12px + 53 * 550px / 1920); }
  .s66 { font-size: calc(12px + 54 * 550px / 1920); }
  .s68 { font-size: calc(12px + 56 * 550px / 1920); }
  .s70 { font-size: calc(12px + 58 * 550px / 1920); }
  .s72 { font-size: calc(12px + 60 * 550px / 1920); }
  .s78 { font-size: calc(12px + 66 * 550px / 1920); }
  .s80 { font-size: calc(12px + 68 * 550px / 1920); }
  .s82 { font-size: calc(12px + 70 * 550px / 1920); }
  .s86 { font-size: calc(12px + 74 * 550px / 1920); }
  .s98 { font-size: calc(12px + 86 * 550px / 1920); }
  .s100 { font-size: calc(12px + 88 * 550px / 1920); }
  .s107 { font-size: calc(12px + 95 * 550px / 1920); }
  .s120 { font-size: calc(12px + 108 * 550px / 1920); }
  .s140 { font-size: calc(12px + 128 * 550px / 1920); }
  .s160 { font-size: calc(12px + 148 * 550px / 1920); }
  .s200 { font-size: calc(12px + 188 * 550px / 1920); } }

.bg-color { background-color: #f6f9fc; }

#bp_container video { width: 80%; }

.w1000 { width: 10rem; margin: 0 auto; max-width: 80%; }

.w1140 { width: 11.4rem; margin: 0 auto; max-width: 90%; }

.w1200 { width: 12rem; margin: 0 auto; max-width: 90%; }

.w1240 { width: 12.4rem; margin: 0 auto; max-width: 90%; }

.w1280 { width: 12.8rem; margin: 0 auto; max-width: 90%; }

.w1310 { width: 13.1rem; margin: 0 auto; max-width: 92%; }

.w1360 { width: 13.6rem; margin: 0 auto; max-width: 90%; }

.w1400 { width: 14rem; margin: 0 auto; max-width: 92%; }

.w1440 { width: 14.4rem; margin: 0 auto; max-width: 92%; }

.w1480 { width: 14.8rem; margin: 0 auto; max-width: 92%; }

.w1500 { width: 15rem; margin: 0 auto; max-width: 94%; }

.w1520 { width: 15.2rem; margin: 0 auto; max-width: 94%; }

.w1540 { width: 15.4rem; margin: 0 auto; max-width: 94%; }

.w1550 { width: 15.5rem; margin: 0 auto; max-width: 94%; }

.w1560 { width: 15.6rem; margin: 0 auto; max-width: 94%; }

.w1600 { width: 16rem; margin: 0 auto; max-width: 94%; }

.w1660 { width: 16.6rem; margin: 0 auto; max-width: 96%; }

.w1680 { width: 16.8rem; margin: 0 auto; max-width: 96%; }

.w1720 { width: 17.2rem; margin: 0 auto; max-width: 96%; }

.w1740 { width: 17.4rem; margin: 0 auto; max-width: 96%; }

.w1800 { width: 18rem; margin: 0 auto; max-width: 98%; }

.w1820 { width: 18.2rem; margin: 0 auto; max-width: 98%; }

.w1840 { width: 18.4rem; margin: 0 auto; max-width: 98%; }

/*视频容器样式*/
.v-a { position: fixed; left: 0; top: 120%; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 999999999; -webkit-transition: top 0.5s ease-in-out; -o-transition: top 0.5s ease-in-out; transition: top 0.5s ease-in-out; }

.v-a.show { top: 0; }

.v-a.show .v-e { visibility: visible; }

.v-a.show .v-f { display: block; }

.v-b { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.v-c { display: block; width: 60px; height: 50px; font-size: 30px; text-align: center; line-height: 50px; color: #fff; position: absolute; right: 10%; top: 5%; cursor: pointer; z-index: 10000; }

.v-e { visibility: hidden; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0px; bottom: 0px; max-width: 100%; max-height: 100%; margin: auto; }

.v-f { display: none; position: absolute; top: 50%; left: 50%; width: 75%; -o-object-fit: contain; object-fit: contain; max-height: calc(100% - 80px); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.swiper-button-next, .swiper-button-prev { outline: none !important; }

div.btn { outline: none !important; }

div.sbtn { outline: none !important; }

/* body::-webkit-scrollbar { display: none; } */

@media screen and (max-width: 900px) { body { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } }

@-webkit-keyframes jump { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  25% { -webkit-transform: translateY(-6px); transform: translateY(-6px); }
  50% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  75% { -webkit-transform: translateY(6px); transform: translateY(6px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes jump { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  25% { -webkit-transform: translateY(-6px); transform: translateY(-6px); }
  50% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  75% { -webkit-transform: translateY(6px); transform: translateY(6px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@-webkit-keyframes line { 0% { width: 0; }
  100% { width: 100%; } }

@keyframes line { 0% { width: 0; }
  100% { width: 100%; } }

.threeCanvas { width: 100%; height: 4.5rem; overflow: hidden; position: absolute; bottom: 0; left: 0; z-index: 0; opacity: 0.5; pointer-events: none; }

.com-banner { position: relative; overflow: hidden; }

.com-banner .cb_ban { position: relative; }

.com-banner .cb_bg { position: relative; padding-top: calc(700 / 1920 * 100%); overflow: hidden; background-color: #999; }

.com-banner .cb_bg img { width: 100%; position: absolute; left: 0; top: 0; height: 100%; -o-object-fit: cover; object-fit: cover; }

.com-banner .cb_text { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; color: #fff; }

.com-banner .cb_text .cbp1 { font-weight: 600; line-height: calc(96 / 60); position: relative; }

.com-banner .cb_text .cbp2 { margin-top: 0.18rem; line-height: 1.5; }

.com-banner .cb_text .cba3 { margin-top: 0.3rem; }

.com-banner .cb_text .cbp4 { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0.3rem; font-size: 0; }

.com-banner .cb_text .cpa { display: inline-block; line-height: calc(46em / 16); border-radius: 1rem; color: #b81a35; background-color: #fff; padding: 0 0.3rem; border-radius: 1rem; min-width: 1.7rem; margin-right: 0.2rem; text-align: center; }

.com-banner .cb_text .cpa:hover { background-color: #ffb000; color: #fff; }

.com-banner .cb_text.cent { text-align: center; }

.com-banner .cb_img2 { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 7.5rem; max-width: 60%; }

.com-banner .cb_ti { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8.4rem; max-width: 60%; }

.com-banner .cb_mouse { position: absolute; bottom: 0.2rem; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); z-index: 30; cursor: pointer; }

.com-banner .cb_mouse img { -webkit-animation: jump 1s linear infinite; animation: jump 1s linear infinite; width: 0.22rem; min-width: 16px; }

.com-banner .down { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; color: #fff; background-color: #b81a35; padding: 0.21rem 0.43rem; border-radius: 1rem; margin-top: 0.4rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.com-banner .down:hover { -webkit-box-shadow: 0 -2px 0 0 #b81a35 inset, 0 2px 0.1rem #b81a35; box-shadow: 0 -2px 0 0 #b81a35 inset, 0 2px 0.1rem #b81a35; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.com-banner .down img { margin-right: 0.1rem; }

.com-banner .video video { width: 100%; }

.com-banner .cb_nav { position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); border-radius: 0.1rem 0.1rem 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; background-color: #fff; overflow: hidden; }

.com-banner .cb_nav .home { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.com-banner .cb_nav a:hover { color: #b81a35; }

.com-banner .cb_nav .cb_a { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; line-height: 0.7rem; }

.com-banner .cb_nav .cb_a.on { background-image: -webkit-gradient(linear, right top, left top, from(#007ac8), to(#1daceb)); background-image: -o-linear-gradient(right, #007ac8 0%, #1daceb 100%); background-image: linear-gradient(-90deg, #007ac8 0%, #1daceb 100%); color: #fff !important; }

.com-banner .cb_mask { pointer-events: none; }

.com-banner .cb_mask .cm1 { width: 100%; position: absolute; left: 0; bottom: 0; }

.com-banner .cb_mask .cm1 img { width: 100%; }

.com-banner .cb_mask .cm2 { position: absolute; left: 0; bottom: -1px; width: 100%; -webkit-mask-image: url(../images/icon-m2.png); mask-image: url(../images/icon-m2.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: bottom; mask-position: bottom; }

.com-banner .cb_mask .cm2 img { width: 100%; opacity: 0; }

.com-banner .bg1 .cm2 { background-color: #fff !important; }

.com-banner .bg2 .cm2 { background-color: #f3f3f3 !important; }

@media screen and (max-width: 900px) { .com-banner { background-color: #333; } }

@media screen and (max-width: 500px) { .com-banner .cb_text .cbp1 { font-size: 16px; }
  .com-banner .cb_text .cbp2 { font-size: 14px; display: none; } }

.cb-navs { position: absolute; bottom: 0; left: 0; width: 100%; -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset; z-index: 30; }

.cb-navs .cbn-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 0; }

.cb-navs .cb-nav { font-size: 0; position: relative; z-index: 2; }

.cb-navs .cb-nav .na { display: inline-block; line-height: 0.8rem; position: relative; margin-right: 0.7rem; padding-left: 0.17rem; color: rgba(255, 255, 255, 0.5); }

.cb-navs .cb-nav .na::before { content: ""; width: 0.06rem; min-width: 4px; height: 0.06rem; min-height: 4px; background-color: rgba(255, 255, 255, 0.5); position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.cb-navs .cb-nav .na:last-child { margin-right: 0 !important; }

.cb-navs .cb-nav .na:hover { color: #fff; }

.cb-navs .cb-nav .na.on { color: #fff; }

.cb-navs .cb-nav .na.on::before { background-color: #fff; }

.cb-navs .cb-bread { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 0.8rem; position: relative; z-index: 2; color: #fff; }

.cb-navs .cb-bread .home { width: 1em; height: 1em; background-image: url(../images/icon-home.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-right: 0.1rem; }

.cb-navs .cb-bread span { margin: 0 0.2em; }

.cb-navs .cb-bread .cba { position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.cb-navs .cb-bread .cba.on, .cb-navs .cb-bread .cba:hover { color: #b81a35; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

@media screen and (max-width: 900px) { .cb-navs { position: relative; left: auto; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }
  .cb-navs .cb-nav .na { margin-right: 20px; }
  .cb-navs .cb-bread { display: none; } }

.bn-swiper { max-width: 100%; }

.bn-swiper .bsa { position: relative; line-height: 0.8rem; width: auto; margin-right: 0.6rem; white-space: nowrap; color: #fff; }

.bn-swiper .bsa .sp { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.bn-swiper .bsa:hover { color: #b81a35; }

.bn-swiper .bsa.on { color: #b81a35 !important; }

.bn-swiper .bsa.on::before { content: ""; width: 100%; height: 3px; background-color: #b81a35; position: absolute; left: 0; top: 0; }

.dt-swiper { max-width: 100%; }

.dt-swiper .bsa { position: relative; line-height: 0.8rem; width: auto; margin-right: 0.6rem; white-space: nowrap; }

.dt-swiper .bsa .sp { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.dt-swiper .bsa:hover { color: #b81a35; }

.dt-swiper .bsa.on { color: #b81a35 !important; }

.dt-swiper .bsa.on::before { content: ""; width: 100%; height: 2px; background-color: #b81a35; position: absolute; left: 0; bottom: 0; }

.nav-swiper { background-color: #b81a35; }

.nav-swiper .nsd { width: auto; padding: 0 0.1rem; }

.nav-swiper .nsd.on { background-color: #ffb000; }

.nav-swiper .nsa { display: block; width: 100%; text-align: center; color: #fff; line-height: calc(70em / 18); cursor: pointer; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.nav-swiper .nic { width: 1em; height: 1em; position: relative; margin-left: 0.2rem; }

.nav-swiper .nic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.nav-swiper .nic1 { opacity: 1; }

.nav-swiper .nic2 { opacity: 0; }

@media screen and (max-width: 900px) { .nav-swiper { max-width: 100%; }
  .nav-swiper .nsa { line-height: 2.5em; } }

.com-breadnav.bgfff { background-color: #fff; }

.com-breadnav .bn_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 0; }

.com-breadnav .bn_a { line-height: 0.9rem; margin-right: 0.6rem; display: inline-block; position: relative; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }

.com-breadnav .bn_a::before { content: ""; position: absolute; bottom: 0%; left: 0; width: 100%; height: 2px; pointer-events: none; background-color: #b81a35; display: none; z-index: 30; }

.com-breadnav .bn_a:last-child { margin-right: 0 !important; }

.com-breadnav .bn_a:hover { color: #b81a35; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }

.com-breadnav .bn_a.on { color: #b81a35; }

.com-breadnav .bn_a.on::before { display: block; }

.com-breadnav .zone_nav { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 0.54rem; color: #999; }

.com-breadnav .icon { margin-right: 0.1rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.com-breadnav .icon img { height: 1em; }

.com-breadnav .sp1 { margin: 0 0.2em; position: relative; }

.com-breadnav .z_a { position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.com-breadnav .z_a.on, .com-breadnav .z_a:hover { color: #b81a35; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

@media screen and (max-width: 900px) { .com-breadnav .bread_nav { max-width: 100%; }
  .com-breadnav .bn_a { margin-right: 0.3rem; }
  .com-breadnav .sp1 { margin: 0 0.5em; } }

.det-bread { -webkit-box-shadow: 0px -3px 0.2rem 0px rgba(202, 216, 230, 0.4); box-shadow: 0px -3px 0.2rem 0px rgba(202, 216, 230, 0.4); }

.det-bread .dt-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 0; }

.det-bread .dri { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; }

.det-bread .back { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; padding: 0.17rem 0.26rem; color: #fff; background-color: #b81a35; border-radius: 1rem; }

.det-bread .back .ic { width: 1em; height: 1em; margin-left: 0.48rem; background-image: url(../images/icon-10.png); background-repeat: no-repeat; background-size: contain; background-position: center; }

.com-pag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.com-pag.bgfff .p_a { background-color: #fff; }

.com-pag .p_a { width: 0.5rem; height: 0.5rem; min-width: 30px; min-height: 30px; margin: 0 0.1rem; line-height: 1; color: #333; border-radius: 50%; background-color: #fff; }

.com-pag .btn { -webkit-box-shadow: 0 0 0 2px inset #b81a35; box-shadow: 0 0 0 2px inset #b81a35; background-size: calc(7 / 50 * 100%) auto; background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.com-pag .btn span { display: block; text-align: center; }

.com-pag .btn:hover { background-color: #b81a35; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.com-pag .num { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0 0 0 2px inset #e5e5e5; box-shadow: 0 0 0 2px inset #e5e5e5; }

.com-pag .num:hover, .com-pag .num.on { background-color: #b81a35; color: #fff; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.com-pag .prev { background-image: url(../images/icon-p11.png); }

.com-pag .prev:hover { background-image: url(../images/icon-p12.png); }

.com-pag .next { background-image: url(../images/icon-p21.png); }

.com-pag .next:hover { background-image: url(../images/icon-p22.png); }

.com-pag .prev1 { background-image: url(../images/icon-p11.png); }

.com-pag .prev1:hover { background-image: url(../images/icon-p12.png); }

.com-pag .prev2 { background-image: url(../images/icon-p13.png); }

.com-pag .prev2:hover { background-image: url(../images/icon-p14.png); }

.com-pag .next1 { background-image: url(../images/icon-p21.png); }

.com-pag .next1:hover { background-image: url(../images/icon-p22.png); }

.com-pag .next2 { background-image: url(../images/icon-p23.png); }

.com-pag .next2:hover { background-image: url(../images/icon-p24.png); }

.com-pag .te { width: auto; padding: 0 0.2rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.com-pag .ip { width: 0.44rem; height: 0.44rem; min-width: 30px; min-height: 30px; background-color: #fff; border: 1px solid #e9ecf2; text-align: center; margin: 0 0.5em; padding: 0 5px; }

.com-pag input::-webkit-outer-spin-button, .com-pag input::-webkit-inner-spin-button { -webkit-appearance: none; }

.com-pag input[type="number"] { -moz-appearance: textfield; }

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

.com-pag2 .cp_a { line-height: 1; font-weight: 500; max-width: 30%; }

.com-pag2 .cp_a:hover .sp2 { color: #b81a35; }

.com-pag2 .cp_b { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.com-pag2 .cp_b:hover .sp1 { color: #b81a35; }

.com-pag2 .icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 6px; }

.com-pag2 .sp1 { color: #2c2c2c; }

.com-pag2 .sp2 { color: #999; }

@media screen and (max-width: 900px) { .com-pag2 .cp_a { width: 100%; max-width: none; text-align: center; margin: 10px 0; }
  .com-pag2 .cp_b { display: none; } }

.com-pnav { -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.47); box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.47); }

.com-pnav .pnav_box { display: -webkit-box; display: -ms-flexbox; display: flex; }

.com-pnav .pnav_i { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0.2rem 0; text-align: center; }

.com-pnav .pnav_i:hover { color: #b81a35; }

.com-pnav .pnav_i.on { background-color: #b81a35; color: #fff !important; }

.com-nav .n_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.com-nav .cn_a { line-height: 1; padding: 0.16rem 0.56rem; -ms-flex-negative: 0; flex-shrink: 0; text-align: center; background-color: #f4f4f4; border-radius: 1rem; position: relative; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-right: 0.2rem; }

.com-nav .cn_a:last-child { margin-right: 0; }

.com-nav .cn_a:hover { color: #b81a35; }

.com-nav .cn_a.on { color: #fff; background-color: #b81a35; }

.com-nav .cn_a .sp { display: block; position: relative; }

@media screen and (max-width: 900px) { .com-nav .cn_a { text-align: center; } }

@media (max-width: 500px) { .com-nav .n_box::-webkit-scrollbar { width: 10px; height: 4px; }
  .com-nav .n_box::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #535353; }
  .com-nav .n_box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #ededed; } }

.com-tags { padding-top: 0.7rem; }

.com-tags .ctags { font-size: 0; text-align: center; }

.com-tags .ctag { display: inline-block; padding: 0.2rem 1rem; text-align: center; background-color: #f3f3f3; margin-right: 0.1rem; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }

.com-tags .ctag:last-child { margin-right: 0; }

.com-tags .ctag:hover { color: #b81a35; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }

.com-tags .ctag.on { background-color: #b81a35; color: #333 !important; }

.com-tags .ctag span { display: block; min-width: 4em; }

@media screen and (max-width: 900px) { .com-tags { padding-top: 20px; }
  .com-tags .ctag { padding: 0.2rem; min-width: 25%; } }

.com-tit.cent { text-align: center; }

.com-tit.cent .ct1 .cline { display: none; }

.com-tit .ct1 { position: relative; font-weight: 600; }

.com-tit .ct1 .ci { display: inline-block; }

.com-tit .ct1 .cline { margin-right: 0.07rem; }

.com-tit .ct2 { margin-top: 0.17rem; padding: 0 1.4rem; line-height: calc(28 / 16); }

.com-tit .ct3 { padding: 0 0.95rem; line-height: calc(32 / 18); margin-top: 0.28rem; }

@media screen and (max-width: 900px) { .com-tit .ct2 { padding: 0 0.5rem; }
  .com-tit .ct3 { padding: 0 0.5rem; } }

.com-tt { font-weight: 500; text-align: center; }

.com-tt .sp { color: #b81a35; }

.com-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.com-tform { position: relative; width: 3rem; min-width: 175px; }

.com-tform input { width: 100%; height: 0.5rem; min-height: 36px; background-color: #fff; border-radius: 1rem; border: none; padding: 0 0.3rem; font-family: unset; }

.com-tform .sub { position: absolute; top: 50%; right: 0.3rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 0.2rem; height: 0.2rem; background-color: #fff; background-image: url(../images/icon-mag3.png); background-repeat: no-repeat; background-size: contain; cursor: pointer; border: none; }

.c-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.imgbg { position: relative; background-color: #999; }

.cbtn { width: 0.7rem; height: 0.7rem; border-radius: 50%; background-color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; left: 0; top: 0; right: 0; margin: 0; border: none !important; outline: none !important; background-size: calc(10 / 70 * 100%) auto; background-position: center; background-repeat: no-repeat; }

.cbtn:hover { background-color: #b81a35; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.cbtn.prev { background-image: url(../images/icon-p11.png); }

.cbtn.prev:hover { background-image: url(../images/icon-p12.png); }

.cbtn.next { background-image: url(../images/icon-p21.png); }

.cbtn.next:hover { background-image: url(../images/icon-p22.png); }

.s-btn { border-radius: 50%; background-color: #3a3a3a; background-repeat: no-repeat; background-position: center; background-size: calc(11 / 64 * 100%) auto; outline: none !important; }

.s-btn::after { display: none; }

.s-btn:hover { background-color: #b81a35; }

.md-md { position: absolute; top: -1rem; }

@media screen and (max-width: 900px) { .md-md { top: -70px; } }

.md-search_result .search_1 { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.5rem 0; padding-bottom: 0.3rem; }

.md-search_result .t1 span { color: #b81a35; }

.md-search_result .result { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-search_result .result span { color: #b81a35; }

.md-search_result .item { margin-left: 0.1rem; }

.md-search_result .search_2 { margin-top: 0.2rem; padding-bottom: 0.5rem; }

.md-search_result .l_a { display: block; border: 1px solid #eee; padding: 0.3rem 0.2rem; margin-bottom: 0.3rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.md-search_result .l_a:hover { -webkit-box-shadow: 0px 0px 0.2rem #eee; box-shadow: 0px 0px 0.2rem #eee; border-color: transparent; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.md-search_result .l_a:hover .d1 .h1 { color: #b81a35; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }

.md-search_result .l_a .d1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-search_result .l_a .h1 { font-weight: bold; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.md-search_result .l_a .h1 span { color: #b81a35; }

.md-search_result .l_a .tag { background-color: #b81a35; color: #fff; padding: 0.05rem 0.1rem; margin-left: 0.1rem; white-space: nowrap; }

.md-search_result .l_a .p2 { color: #666; margin-top: 0.18rem; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.md-head { height: 1rem; }

.md-head.m_show .md-mob_sideNav { right: 0; -webkit-transform: translate(0%); -ms-transform: translate(0%); transform: translate(0%); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity: 1; }

.md-head.m_show .mob_mask { display: block; }

.md-head.is-fixed .head_pc, .md-head.white .head_pc { background-color: #06172c; }

.md-head.white { height: 1rem; }

.md-head.home { height: 0 !important; }

.md-head .mob_mask { display: none; top: 0; left: 0; position: fixed; z-index: 99; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); }

@media (min-width: 900px) { .md-head .mob_mask { display: none !important; } }

@media screen and (max-width: 900px) { .md-head { height: 50px !important; }
  .md-head.white { height: 0; } }

.head_pc { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; -webkit-box-shadow: 0px 0px 7px 0px rgba(202, 216, 230, 0.53); box-shadow: 0px 0px 7px 0px rgba(202, 216, 230, 0.53); z-index: 99; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.head_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.head_box .logo { -ms-flex-negative: 0; flex-shrink: 0; position: relative; font-size: 0; }

.head_box .logo .la { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.head_box .logo img { height: 0.58rem; }

.head_box .logo .i2 { display: none; }

.head_box .bd_ul { position: absolute; top: 95%; right: 0; min-width: 80px; width: 1rem; display: none; background-color: #fff; -webkit-box-shadow: 0px 8px 7px 1px rgba(132, 132, 132, 0.5); box-shadow: 0px 8px 7px 1px rgba(132, 132, 132, 0.5); border-radius: 5px; overflow: hidden; }

.head_box .bd_ul .bd_li { padding: 0 0.06rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.head_box .bd_ul .bd_li:hover { background-color: #e4e4e4; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.head_box .bd_ul .bd_a { display: block; text-align: center; padding: 0.13rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0.03rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; line-height: 1; border-bottom: 1px solid #e4e4e4; }

.head_box .hd_le { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.head_box .hb_ri { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.head_box .ul1 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 0.75rem; }

.head_box .ul1 .li1 { position: relative; padding: 0 0.33rem; }

.head_box .ul1 .li1:hover .ul2 { top: 100%; opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; pointer-events: auto; }

.head_box .ul1 .li1:hover .li_bd { top: 100%; opacity: 1; pointer-events: auto; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.head_box .ul1 .li1:hover .hb-page { opacity: 1; pointer-events: auto; }

.head_box .ul1 .a1 { display: block; white-space: nowrap; position: relative; line-height: 1rem; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.head_box .ul1 .a1::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: #ab1e23; opacity: 0; }

.head_box .ul1 .a1.on { color: #b81a35; }

.head_box .ul1 .a1.on::before { opacity: 1; }

.head_box .ul1 .pro_li { position: static; }

.head_box .ul1 .li_bd { position: absolute; left: 50%; top: 110%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); padding-top: 1px; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.head_box .ul1 .pb_tit { padding-bottom: 0.14rem; border-bottom: 1px solid #dcdcdc; position: relative; }

.head_box .ul1 .pb_tit::before { content: ""; width: 0.2rem; height: 2px; background-color: #b81a35; position: absolute; left: 0; bottom: -1px; }

.head_box .ul1 .pbox { padding: 0.6rem 1.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; }

.head_box .ul1 .pb_li { width: calc(166 / 1310 * 100%); margin-right: calc(120 / 1310 * 100%); }

.head_box .ul1 .pb_li:last-child { margin-bottom: 0; }

.head_box .ul1 .pb_li .pb_ul { line-height: 2; margin-top: 0.3rem; }

.head_box .ul1 .pb_li .pb_a { display: block; position: relative; padding-right: 1em; }

.head_box .ul1 .pb_li .pb_a:hover { color: #b81a35; }

.head_box .ul1 .pb_li .pb_a.on { color: #b81a35; }

.head_box .ul1 .pb_li .pb_a.on::before { content: ""; border-left: 0.25em solid #b81a35; border-top: 0.2em solid transparent; border-bottom: 0.2em solid transparent; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.head_box .ul1 .ul2 { position: absolute; top: 110%; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); min-width: 100%; background-color: #fff; opacity: 0; -webkit-box-shadow: 0px 0px 7px 0px rgba(202, 216, 230, 0.53); box-shadow: 0px 0px 7px 0px rgba(202, 216, 230, 0.53); text-align: center; pointer-events: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.head_box .ul1 .a2 { display: block; text-align: center; padding: 0.15rem; white-space: nowrap; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.head_box .ul1 .a2:hover { color: black; background-color: #b81a35; background-color: #ddd; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.head_box .h-lang { margin-right: 0.54rem; position: relative; }

.head_box .h-lang:hover .bd { top: 100%; opacity: 1; pointer-events: auto; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.head_box .h-lang .hd { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 2; cursor: pointer; }

.head_box .h-lang .hd .ic { width: calc(22em / 20); height: calc(22em / 20); background-image: url(../images/icon-lang1.png); background-repeat: no-repeat; background-size: contain; background-position: center; }

.head_box .h-lang .hd .sp { margin: 0 0.2em; }

.head_box .h-lang .hd .sp2 { width: calc(12em / 20); height: calc(12em / 20); background-image: url(../images/icon-7.png); background-repeat: no-repeat; background-size: contain; background-position: center; }

.head_box .h-lang .bord img { width: 0.1rem; min-width: auto; }

.head_box .h-lang .bd { position: absolute; min-width: 100%; top: 150%; left: 50%; opacity: 0; pointer-events: none; -webkit-transform: translate(-50%, 10%); -ms-transform: translate(-50%, 10%); transform: translate(-50%, 10%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding-top: 0.2rem; background-color: #000; }

.head_box .h-lang .b_a { display: block; background-color: #000; color: #fff; text-align: center; padding: 0.1rem; white-space: nowrap; }

.head_box .h-lang .b_a:hover { color: #b81a35; background-color: #fff; }

.head_box .langs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.head_box .langs .aa { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.head_box .langs .i1 { margin-right: 4px; }

.head_box .langs .line { width: 1px; height: 1em; background-color: #eee; margin: 0 0.5em; }

.head_box .phone { position: relative; margin-right: 0.5rem; }

.head_box .phone .aa { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; line-height: 1; }

.head_box .phone .ic { width: calc(31em / 22); height: calc(31em / 22); background-image: url(../images/icon-phone.png); background-repeat: no-repeat; background-size: contain; margin-left: 0.18rem; }

.head_box .h-search { padding: 0.12rem 0.34rem; background-color: #f7f7f7; border-radius: 1rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

.head_box .h-search .ic { width: 1em; height: 1em; margin-right: 0.1rem; position: relative; cursor: pointer; background-image: url(../images/icon-mag1.png); background-repeat: no-repeat; background-size: contain; background-position: center; }

.head_box .h-btn { line-height: calc(46em / 16); min-width: 1.2rem; padding: 0 0.1rem; text-align: center; border-radius: 1rem; color: #fff; margin-left: 0.2rem; }

.head_box .hb1 { background-color: rgba(255, 255, 255, 0.2); }

.head_box .hb2 { background-color: white; color: #006557; }

.head_box .login { position: relative; margin-left: 0.45rem; }

.head_box .login.has_login:hover .bd { display: block; }

.head_box .login .hd { line-height: 1; padding: 0.1rem 0.22rem; background-color: #b81a35; color: #fff; border-radius: 0.1rem; display: block; }

.head_box .login .bd { position: absolute; top: 100%; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); width: 100%; padding-top: 0.2rem; width: 1rem; min-width: 60px; display: none; }

.head_box .login .btn { text-align: center; background-color: #fff; color: #b81a35; cursor: pointer; padding: 0.1rem 0; }

.head_box .more { display: none; width: 25px; height: 50px; position: relative; cursor: pointer; margin-left: 20px; background-image: url(../images/icon-mob1.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center; }

@media (max-width: 1280px) { .head_box .ul1 { margin-right: 0; }
  .head_box .phone .sp { display: none; }
  .head_box .lang { margin-left: 10px; } }

@media screen and (max-width: 900px) { .head_box { padding-left: 0; max-width: 92%; }
  .head_box .logo .i1 { display: none; }
  .head_box .logo .i2 { display: block; }
  .head_box .ul1 { display: none; }
  .head_box .lang .b_a { line-height: 30px; }
  .head_box .phone .sp { display: block; }
  .head_box .h-btn { line-height: 2; }
  .head_box .h-search .sp { display: none; }
  .head_box .more { display: block; } }

.hb-page { width: 100%; -webkit-box-shadow: 0px 0px 7px 0px rgba(202, 216, 230, 0.53); box-shadow: 0px 0px 7px 0px rgba(202, 216, 230, 0.53); background-color: #fff; position: absolute; top: 100%; left: 0; opacity: 0; pointer-events: none; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.hb-page .hb-flex { height: 6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.hb-page .hb-nav1 { width: calc(380 / 1680 * 100%); padding-top: 0.6rem; position: relative; }

.hb-page .hb-nav1::before { content: ""; width: 200%; height: 100%; position: absolute; right: 0; top: 0; background-color: #eff4f8; }

.hb-page .na1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; padding: 0.35rem 0; margin-bottom: 0.2rem; position: relative; }

.hb-page .na1.on { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #b81a35; background-color: #fff; }

.hb-page .na1 .ic { width: 1em; height: 1em; position: relative; margin-right: 0.2rem; }

.hb-page .na1 img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; }

.hb-page .hb-ri { width: calc(1240 / 1680 * 100%); padding-top: 0.2rem; position: relative; }

.hb-page .hr-item { width: 100%; position: absolute; left: -200vw; top: 0; opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }

.hb-page .hr-item.show { position: relative; left: 0; opacity: 1; }

.hb-page .hul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.hb-page .hul .hli { width: calc(380 / 1240 * 100%); margin-right: calc(50 / 1240 * 100%); margin-bottom: 0.18rem; }

.hb-page .hul .hli:nth-child(3n) { margin-right: 0; }

.hb-page .hul .hla { display: block; position: relative; padding-bottom: 0.2rem; padding-left: 1em; letter-spacing: 1px; border-bottom: 1px solid #f3f3f3; }

.hb-page .hul .hla::before { content: ""; position: absolute; top: 0.6em; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: calc(6em / 16); height: calc(6em / 16); background-color: #b81a35; border-radius: 50%; }

.hb-page .hul .hla:hover { color: #b81a35; border-bottom: 1px solid #b81a35; }

.hb-page .hul .hsp { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.hb-page .hr-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.hb-page .hr-swiper { max-width: 60%; }

.hb-page .hr-swiper .hsi { position: relative; width: auto; margin-right: 0.55rem; padding: 0.16rem 0; cursor: pointer; }

.hb-page .hr-swiper .hsi.on { color: #b81a35; }

.hb-page .hr-swiper .hsi.on::before { content: ""; background-color: #b81a35; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; }

.hb-page .hr-more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; }

.hb-page .hr-more:hover { color: #b81a35; }

.hb-page .hr-more:hover .ic { background-image: url(../images/icon-14.png); }

.hb-page .hr-more .ic { margin-right: 0.1rem; width: 1em; height: 1em; background-image: url(../images/icon-13.png); background-repeat: no-repeat; background-size: contain; background-position: center; }

.hb-page .hr-bot { padding-top: 0.36rem; }

.hb-page .list { display: none; }

.hb-page .list.show { display: block; }

.md-mob_sideNav { position: fixed; right: -100%; top: 0; width: 10rem; max-width: 70%; height: 100vh; background-color: #fff; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; z-index: 300; }

.md-mob_sideNav .mob_bot { padding: 0 20px; }

.md-mob_sideNav .ul1 { height: 100%; overflow-y: auto; scrollbar-width: thin; }

.md-mob_sideNav .ul1::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; }

.md-mob_sideNav .ul1::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #fff; }

.md-mob_sideNav .ul1::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #ededed; }

.md-mob_sideNav .ul1 .li1 { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: auto; border-bottom: 1px solid rgba(51, 51, 51, 0.3); }

.md-mob_sideNav .ul1 .a1 { position: relative; display: block; line-height: 50px; padding-left: 20px; font-size: 16px; }

.md-mob_sideNav .ul1 .ul2 { display: none; }

.md-mob_sideNav .ul1 .ul2 .li2 .a2 { margin: 5px 0; padding-left: 40px; line-height: 30px; font-size: 14px; display: block; }

.md-mob_sideNav .ul1 .ul2 .li2 .a2:hover { color: #b81a35; }

.md-mob_sideNav .ul1 .dt { position: relative; }

.md-mob_sideNav .ul1 .has_nav .dt::after { content: ""; width: 14px; height: 14px; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-image: url(../images/hm_3.png); background-repeat: no-repeat; background-size: contain; background-position: center; }

.md-mob_sideNav .ul1 .has_nav.show .dt::after { background-image: url(../images/hm_4.png); }

.md-mob_sideNav .hmob_off { padding: 0 10px; height: 50px; border-bottom: 1px solid rgba(51, 51, 51, 0.3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.md-mob_sideNav .hmob_off .m_off { width: 50px; height: 50px; background-image: url(../images/m_off1.png); background-size: 30% auto; background-position: center; background-repeat: no-repeat; cursor: pointer; opacity: 0.8; }

.md-mob_sideNav .hmob_top { height: calc(100% - 120px); }

.md-mob_sideNav .hmob_bot { height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid #333; }

.md-mob_sideNav .hmob_bot .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; cursor: pointer; }

.md-mob_sideNav .hmob_bot img { width: 20px; margin-right: 5px; }

.md-mob_sideNav .hmob_lang { position: absolute; right: -100%; top: 0; width: 100%; height: 100%; padding: 20px; padding-top: 0; background-color: #fff; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.md-mob_sideNav .hmob_lang.show { right: 0; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.md-mob_sideNav .hmob_back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; padding: 20px 0; cursor: pointer; }

.md-mob_sideNav .hmob_back img { margin-right: 10px; }

.md-mob_sideNav .dd1 { font-weight: bold; }

.md-mob_sideNav .l_ul { margin-top: 10px; }

.md-mob_sideNav .l_ul .l_la { display: block; padding: 6px 0; }

.md-mob_sideNav .l_ul .l_la:hover { color: #b81a35; }

@media (min-width: 1500px) { .md-mob_sideNav { display: none !important; } }

.md-search_form { position: fixed; top: 0rem; left: 0; width: 100%; height: 100%; z-index: 100; opacity: 0; pointer-events: none; -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.md-search_form .h_form { width: 100%; position: relative; z-index: 402; padding: 0.4rem 0; background-color: #fff; }

.md-search_form .h_form .inp { width: 6rem; margin: 0 auto; overflow: hidden; position: relative; border-bottom: 1px solid #ccc; }

.md-search_form .h_form .inp input { width: 100%; height: 0.5rem; min-height: 40px; border: none; outline: none; font-family: unset; }

.md-search_form .h_form .h_sub { position: absolute; right: 0rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 0.4rem; min-width: 30px; height: 0.4rem; min-height: 30px; border-radius: 50%; background-color: #b81a35; background-image: url(../images/icon-mag.png); background-repeat: no-repeat; background-position: center center; background-size: 50% auto; cursor: pointer; z-index: 10; border: none; outline: none; }

.md-search_form.show { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: block; opacity: 1; pointer-events: auto; }

.md-search_form .mask { position: absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.md-foot { position: relative; background-color: #515151; color: rgba(255, 255, 255, 0.5); }

.md-foot .ul1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-foot .ul1 .li1 { margin-right: 1.4rem; max-width: 3.6rem; }

.md-foot .ul1 .li1:last-child { margin-right: 0; }

.md-foot .ul1 .a1 { color: #fff; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.md-foot .ul1 .a1:hover { opacity: 0.6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.md-foot .ul1 .ul2 { margin-top: 0.26rem; }

.md-foot .ul1 .a2 { -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; line-height: calc(36 / 16); }

.md-foot .ul1 .a2:hover { color: #fff; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }

.md-foot .ul1 .text { color: rgba(255, 255, 255, 0.5); line-height: calc(36 / 16); margin-top: 0.32rem; }

.md-foot .ul1 .ph { color: #fff; font-weight: bold; line-height: 1; margin-bottom: 4px; }

@media (max-width: 1280px) { .md-foot .ul1 .li1 { margin-right: 0.5rem; } }

@media screen and (max-width: 900px) { .md-foot .ul1 .li1 { display: none; width: 100%; max-width: none; }
  .md-foot .ul1 .cti { display: block; } }

.foot-1 .box { padding-top: 0.8rem; padding-bottom: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.foot-1 .logo { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.foot-1 .logo img { height: 0.4rem; min-height: 30px; }

.foot-1 .le { color: #fff; font-size: 0; }

.foot-1 .t2 { line-height: calc(36 / 16); margin-top: 0.2rem; }

.foot-1 .shares { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0.48rem; }

.foot-1 .shares .si { position: relative; margin-right: 0.2rem; }

.foot-1 .shares .si:hover .hd { background-color: #b81a35; }

.foot-1 .shares .si:hover .hi { opacity: 1; }

.foot-1 .shares .si:hover .bd { opacity: 1; pointer-events: auto; }

.foot-1 .shares .hd { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; }

.foot-1 .shares .hi { height: 1em; }

.foot-1 .shares .bd { width: 1.2rem; min-width: 100px; position: absolute; left: 50%; top: calc(100% + 0.1rem); -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); opacity: 0; pointer-events: none; }

.foot-1 .shares .bd::before { content: ""; position: absolute; left: 50%; bottom: 100%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); border: 5px solid transparent; border-bottom: 5px solid #fff; }

.foot-1 .shares .bd img { width: 100%; max-width: none; }

.foot-1 .ri { padding-top: 0.16rem; }

.foot-1 .text { color: rgba(255, 255, 255, 0.3); line-height: calc(36 / 14); margin-top: 0.1rem; }

.foot-1 .text a:hover { color: rgba(255, 255, 255, 0.8); }

.foot-1 .form { margin-top: 0.3rem; }

.foot-1 .form .inp { width: 3.74rem; margin: 0 auto; position: relative; }

.foot-1 .form .ip { width: 100%; height: 0.46rem; border-radius: 1rem; background-color: #1f1f1f; color: #fff; border: none; padding: 0 0.2rem; }

.foot-1 .form .ip::-webkit-input-placeholder { color: #666; }

.foot-1 .form .ip:-ms-input-placeholder { color: #666; }

.foot-1 .form .ip::-ms-input-placeholder { color: #666; }

.foot-1 .form .ip::placeholder { color: #666; }

.foot-1 .form .btn { width: 1em; height: 1em; position: absolute; right: 0.2rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #1f1f1f; border: none; background-image: url(../images/icon-mag1.png); background-repeat: no-repeat; background-size: contain; background-position: center; cursor: pointer; }

@media screen and (max-width: 900px) { .foot-1 .box { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .foot-1 .le { width: 100%; text-align: center; }
  .foot-1 .shares { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .foot-1 .shares .si { margin: 0.1rem; }
  .foot-1 .shares .hd { width: 1.5em; height: 1.5em; }
  .foot-1 .shares .hi { height: 1.5em; }
  .foot-1 .shares .bd { left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); }
  .foot-1 .ri { width: 100%; margin-top: 30px; }
  .foot-1 .ul1 { width: 100%; text-align: center; } }

.foot-2 { line-height: calc(30 / 16); padding-top: 0.15rem; padding-bottom: 0.15rem; border-top: 1px solid rgba(255, 255, 255, 0.1); }

.foot-2 .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.foot-2 .href a { color: #8e97a3; }

.foot-2 .href a:hover { text-decoration: underline; }

.foot-2 .ri { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 900px) { .foot-2 .box { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 25px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .foot-2 .te { width: 100%; text-align: center; }
  .foot-2 .href { width: 100%; text-align: center; }
  .foot-2 .ri { margin-top: 15px; } }

.ft-link { position: relative; width: 2.9rem; }

.ft-link .fk-tip { padding: 0 0.2rem; line-height: calc(45em / 15); background-color: #5a5a5a; color: rgba(255, 255, 255, 0.5); cursor: pointer; border: 1px solid rgba(255, 255, 255, 0.2); }

.ft-link .fk-tip::before { content: ""; width: 0.5em; height: 0.5em; position: absolute; right: 0.2rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-image: url(../images/icon-12.png); background-repeat: no-repeat; background-size: contain; background-position: center; }

.ft-link .fk-sub { position: absolute; bottom: 100%; left: 0; width: 100%; background-color: #5a5a5a; color: rgba(255, 255, 255, 0.6); display: none; }

.ft-link .fk-item { display: block; cursor: pointer; width: 100%; padding: 0 0.2rem; line-height: 2; }

@media (max-width: 900px) { .ft-link { width: 4rem; } }

.md-sideNav { position: fixed; top: 50%; right: 0.17rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 60; }

.md-sideNav .sn_i { position: relative; margin-bottom: 0.05rem; }

.md-sideNav .sn_i:last-child { margin-bottom: 0; }

.md-sideNav .sn_i:hover .hd { background-color: #b81a35; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.md-sideNav .sn_i:hover .hd .i1 { display: none; }

.md-sideNav .sn_i:hover .hd .i2 { display: block; }

.md-sideNav .sn_i:hover .bd { opacity: 1; pointer-events: auto; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.md-sideNav #nform0.show .bd { opacity: 1; pointer-events: auto; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.md-sideNav .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; position: relative; width: 0.81rem; min-width: 55px; height: 0.81rem; min-height: 55px; cursor: pointer; background-color: #edeeef; border-radius: 0.2rem 0px 0.2rem 0.2rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.md-sideNav .hd img { height: calc(30em / 14); height: 0.3rem; }

.md-sideNav .hd .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-sideNav .hd .i2 { display: none; }

.md-sideNav .hd .ht { margin-top: 0.07rem; }

.md-sideNav .bd { position: absolute; right: 100%; top: 0; padding-right: 0.2rem; opacity: 0; pointer-events: none; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.md-sideNav .b_box { padding: 0.1rem; border-radius: 0.1rem; overflow: hidden; width: 1.2rem; background-color: #fff; }

.md-sideNav .b_box img { display: block; width: 100%; }

.md-sideNav .forms { background-color: #d0e0ef; border-radius: 0.15rem; padding: 0.3rem; padding-top: 0.38rem; padding-bottom: 0.4rem; position: relative; }

.md-sideNav .forms::before { content: ""; border: 7px solid transparent; border-left-color: #d0e0ef; position: absolute; top: 0.37rem; left: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.md-sideNav .forms .tit { text-align: center; color: #b81a35; margin-bottom: 0.12rem; }

.md-sideNav .forms .off { width: 0.15rem; position: absolute; top: 0.17rem; right: 0.17rem; cursor: pointer; }

.md-sideNav .forms .inps { width: 2rem; margin-bottom: 0.18rem; -webkit-box-shadow: 0 -1px 0 #a6b3c0 inset; box-shadow: 0 -1px 0 #a6b3c0 inset; }

.md-sideNav .forms .inp { width: 100%; height: 0.32rem; min-height: 30px; border: none; background-color: transparent; font-family: unset; }

.md-sideNav .forms .inp::-webkit-input-placeholder { color: #222; }

.md-sideNav .forms .inp:-ms-input-placeholder { color: #222; }

.md-sideNav .forms .inp::-ms-input-placeholder { color: #222; }

.md-sideNav .forms .inp::placeholder { color: #222; }

.md-sideNav .forms .btns { font-size: 0; text-align: center; margin-top: 0.3rem; }

.md-sideNav .forms .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; background-color: #b81a35; -webkit-box-shadow: 1px 2px 0.1rem 0px rgba(36, 27, 27, 0.02); box-shadow: 1px 2px 0.1rem 0px rgba(36, 27, 27, 0.02); color: #fff; border-radius: 1rem; border: none; height: 0.37rem; min-height: 25px; padding: 0 0.25rem; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.md-sideNav .forms .btn:hover { -webkit-box-shadow: 0 0 0.1rem rgba(184, 26, 53, 0.4); box-shadow: 0 0 0.1rem rgba(184, 26, 53, 0.4); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.md-sideNav .forms .btn img { margin-left: 0.25rem; }

.md-sideNav .pi { display: block; margin: 5px 0; }

.md-sideNav .pi:hover { color: #b81a35; }

.md-sideNav .wx { width: 1rem; max-width: none; display: block; }

.md-sideNav #goTop { display: none; }

.md-sideNav #goTop.show { display: block; }

@-webkit-keyframes ban { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1.2); transform: scale(1.2); } }

@keyframes ban { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1.2); transform: scale(1.2); } }

@-webkit-keyframes sp100 { 0% { width: 0; }
  100% { width: 100%; } }

@keyframes sp100 { 0% { width: 0; }
  100% { width: 100%; } }

@-webkit-keyframes xuanzhuan { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes xuanzhuan { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.com-form .fbox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.com-form .le { width: calc(740 / 1520 * 100%); }

.com-form .ri { width: calc(740 / 1520 * 100%); }

.com-form .fi { margin-bottom: 0.2rem; }

.com-form .fi:last-child { margin-bottom: 0; }

.com-form .ww100 { width: 100%; margin-right: 0; }

.com-form .ft { color: #222; }

.com-form .inp { position: relative; }

.com-form .ip { width: 100%; height: 0.56rem; min-height: 30px; padding: 0 0.2rem; border: 1px solid #e5e5e5; }

.com-form .ip::-webkit-input-placeholder { color: #999; }

.com-form .ip:-ms-input-placeholder { color: #999; }

.com-form .ip::-ms-input-placeholder { color: #999; }

.com-form .ip::placeholder { color: #999; }

.com-form .ta { width: 100%; height: 100%; min-height: 60px; padding: 0.2rem 0.24rem; border: 1px solid #e5e5e5; }

.com-form .code { position: absolute; top: 0; right: 0; height: 100%; }

.com-form .cf-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 0.7rem; }

.com-form .btn { background-color: #b81a35; height: 0.5rem; min-height: 30px; padding: 0 0.64rem; text-align: center; border-radius: 1rem; cursor: pointer; border: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.com-form .btn:hover { -webkit-box-shadow: 0 0 0.2rem 0.05rem rgba(184, 26, 53, 0.5); box-shadow: 0 0 0.2rem 0.05rem rgba(184, 26, 53, 0.5); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

@media (max-width: 900px) { .com-form .le { width: 100%; }
  .com-form .ri { width: 100%; margin-top: 20px; } }

.search-1 { padding-top: 0.69rem; padding-bottom: 0.54rem; }

.search-1 .sp { color: #b81a35; }

.search-2 { padding-bottom: 1.2rem; }

.search-2 .tags { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0.38rem; }

.search-2 .tags .tag { margin-right: 1em; }

.search-2 .tags .tag.on { color: #b81a35; }

.search-2 .news-list { margin-bottom: 0; }

.case-1 { padding-top: 1.02rem; padding-bottom: 0.8rem; }

.case-1 .sw { width: 3.65rem; margin-right: 0.2rem; -webkit-box-shadow: 0 0 0 1px #e5e5e5 inset; box-shadow: 0 0 0 1px #e5e5e5 inset; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.4rem 0.1rem; }

.case-1 .sw:last-child { margin-right: 0; }

.case-1 .sw.on { background-color: #b81a35; }

.case-1 .sw.on .ic { opacity: 0.5; }

.case-1 .sw .ic { height: 1em; margin-right: 0.15rem; -ms-flex-negative: 0; flex-shrink: 0; opacity: 0.4; }

.case-1 .sw .sp { color: #111; }

.case-1 .btns { font-size: 0; text-align: center; }

.case-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0.6rem; margin-bottom: 0.65rem; }

.case-list .li { width: calc(494 / 1520 * 100%); margin-right: calc(19 / 1520 * 100%); margin-bottom: 0.18rem; }

.case-list .li:nth-child(3n) { margin-right: 0; }

@media screen and (min-width: 901px) { .case-list .li:nth-child(3n) { -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }
  .case-list .li:nth-child(3n-1) { -webkit-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s; } }

.case-list .aa { display: block; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.case-list .aa:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.case-list .aa:hover .h3 { color: #b81a35; -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); }

.case-list .img { padding-top: calc(360 / 480 * 100%); overflow: hidden; }

.case-list .img::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: calc(1 / 3 * 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 34, 34, 0)), to(#222222)); background-image: -o-linear-gradient(top, rgba(34, 34, 34, 0) 0%, #222222 100%); background-image: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, #222222 100%); z-index: 1; pointer-events: none; }

.case-list .txt { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 0.1rem; text-align: center; background-color: rgba(0, 0, 0, 0.7); z-index: 3; }

.case-list .h3 { color: #fff; line-height: 0.7rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

@media screen and (max-width: 900px) { .case-list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .case-list .li { width: 48%; margin-right: 0; margin-bottom: 4%; } }

.md-about { overflow: hidden; }

.md-about .cont { background-image: url(../images/ab-bg.jpg); background-repeat: no-repeat; background-size: auto 100%; }

.ab-1 { padding-top: 0.46rem; padding-bottom: 1.2rem; }

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

.ab-1 .text { width: calc(660 / 1440 * 100%); padding-top: 0.25rem; }

.ab-1 .d1 { color: #b81a35; font-weight: 600; }

.ab-1 .d2 { line-height: 1.25; margin-top: 0.2rem; }

.ab-1 .d3 { line-height: 2; margin-top: 0.52rem; }

.ab-1 .imgs { width: calc(700 / 1440 * 100%); }

.ab-1 .img { padding-top: calc(645 / 700 * 100%); }

.ab-1 .img img{
	-o-object-fit: contain;
	object-fit: contain;
}
@media screen and (max-width: 900px) { .ab-1 .text { width: 100%; }
  .ab-1 .imgs { width: 100%; margin-top: 20px; } }

.ab-2 { padding-top: 0.96rem; padding-bottom: 1.2rem; background-image: url(../images/ab2_bg.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; overflow: hidden; }

.ab-2 .com-tit .ct1, .ab-2 .com-tit .ct2 { color: #fff; }

.ab-2 .ct2 { margin-top: 0.3rem; }

.ab-2 .swiper { position: relative; margin-top: 0.72rem; }

.ab-2 .sw { background-color: #fff; background-image: url(../images/ab2_0.jpg); background-repeat: no-repeat; background-size: cover; padding: 0.5rem 0.46rem; }

.ab-2 .img { display: block; cursor: pointer; position: relative; padding-top: 100%; }

.ab-2 .ii { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; }

.ab-2 .i_box { position: relative; width: 2.43rem; height: 100%; background-color: #555; -webkit-box-shadow: 0 0 3px 3px inset #333; box-shadow: 0 0 3px 3px inset #333; cursor: pointer; }

.ab-2 .i_box::before { content: ""; width: 0.18rem; height: 100%; position: absolute; left: 100%; bottom: 0; background-image: url(../images/hn_b2.png); background-size: 100% 100%; background-repeat: no-repeat; }

.ab-2 .i_box img { width: calc(100% - 0.2rem); height: calc(100% - 0.2rem); -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.ab-2 .te { text-align: center; margin-top: 0.43rem; line-height: 2; color: #333; }

.ab-2 .sbtn { width: 1em; height: 1em; background-color: #b81a35; background-position: center; background-size: calc(7 / 50 * 100%) auto; background-repeat: no-repeat; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 30; }

.ab-2 .sbtn:hover { background-color: #ffb000; }

.ab-2 .prev { right: calc(100% + 0.8rem); background-image: url(../images/icon-p12.png); }

.ab-2 .next { left: calc(100% + 0.8rem); background-image: url(../images/icon-p22.png); }

@media screen and (max-width: 900px) { .ab-2 .sbtn { width: 1.5em; height: 1.5em; }
  .ab-2 .prev { left: 0; }
  .ab-2 .next { left: auto; right: 0; } }

.ab-3 { padding-top: 0.95rem; padding-bottom: 0.9rem; overflow: hidden; background-image: url(../images/ab3_bg.jpg); background-repeat: no-repeat; background-size: cover; }

.ab-3 .swiper { overflow: hidden; margin: 0 auto; margin-left: -0.3rem; margin-top: 0.48rem; width: calc(100% + 0.6rem); padding: 0.3rem; }

.ab-3 .swiper-container { overflow: visible; }

.ab-3 .ul { margin-top: 0.48rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ab-3 .li { width: calc(215 / 1440 * 100%); margin-bottom: 0.3rem; margin-right: calc(30 / 1440 * 100%); }

.ab-3 .li:nth-child(6n) { margin-right: 0; }

.ab-3 .dd { position: relative; }

.ab-3 .img { position: relative; padding-top: calc(180 / 215 * 100%); background-color: #fff; -webkit-box-shadow: 0px 0px 0.49rem 0px rgba(225, 235, 253, 0.5); box-shadow: 0px 0px 0.49rem 0px rgba(225, 235, 253, 0.5); }

.ab-3 .text { width: calc(790 / 1520 * 100%); background-color: #fff; -webkit-box-shadow: 0 0 0 1px #e9e9e9; box-shadow: 0 0 0 1px #e9e9e9; position: relative; z-index: 5; min-height: 4.3rem; }

.ab-3 .tbox { padding: 0.9rem 1rem; padding-bottom: 0.3rem; }

.ab-3 .t1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; }

.ab-3 .sw { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ab-3 .cy { width: calc(215 / 1440 * 100%); margin-bottom: 0.3rem; margin-right: calc(30 / 1440 * 100%); }

.ab-3 .cy:nth-child(6n) { margin-right: 0; }

.ab-3 .ii { height: 1em; margin-right: 0.1rem; }

.ab-3 .txt { color: #666; line-height: calc(30 / 16); margin-top: 0.34rem; }

@media (max-width: 900px) { .ab-3 .cy { width: 24%; margin-right: 1% !important; margin-bottom: 1%; }
  .ab-3 .imgs { width: 100%; position: static; }
  .ab-3 .text { width: 100%; }
  .ab-3 .tbox { padding: 30px; } }

.ab-4 { padding: 1rem 0 2.8rem; position: relative; }

.ab-4 .txt { line-height: 1.6; margin-top: 0.3rem; }

.ab-4 .hl { margin-top: 0.5rem; }

.ab-4 .hi { margin: 0.1rem 0; position: relative; padding-left: 1em; }

.ab-4 .hi::before { content: ""; width: 0.5em; height: 0.5em; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #b81a35; border-radius: 50%; }

.ab-4 .bg { background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }

@media (min-width: 901px) { .ab-4 { min-height: 8.8rem; }
  .ab-4 .bg2 { display: none; } }

@media (max-width: 900px) { .ab-4 .bg1 { display: none; } }

.bgsize { background-repeat: no-repeat; background-size: cover; }

.c-more { display: inline-block; color: #f7f7f7; background-color: #286a3c; border-radius: 1rem; line-height: 2.875; padding: 0 0.42rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

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

.ho-tit .ht1 { font-weight: 300; color: #b81a35; }

.ho-tit .ht2 { font-weight: 600; margin-top: 0.24rem; color: #fff; letter-spacing: 0.04rem; }

.md-home .fp-tableCell { vertical-align: bottom; }

.h-more { position: relative; padding: 0.16rem 0.21rem; background-color: #b81a35; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.h-more .h_box { border-radius: 1rem; padding: 0.18rem 0.3rem; }

.h-more:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 2px 0.1rem #b81a35; box-shadow: 0 2px 0.1rem #b81a35; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.h-more img { margin-left: 0.32rem; }

.ho-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.ho-tt .ht1 { font-weight: 600; }

.ho-tt .ht2 { margin-top: 0.16rem; line-height: calc(28 / 16); }

.ho-ban { position: relative; overflow: hidden; }

.ho-ban .ho_sw { overflow: hidden; }

.ho-ban .ho_sw .img { position: relative; padding-top: calc(940 / 1920 * 100%); overflow: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; background-color: #999; }

.ho-ban .ho_sw .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; }

.ho-ban .ho_sw .text { position: absolute; left: 50%; top: 43%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 0; opacity: 0; }

.ho-ban .ho_sw .d1 { font-weight: 600; position: relative; }

.ho-ban .ho_sw .d2 { margin-top: 0.12rem; line-height: calc(34 / 18); }

.ho-ban .ho_sw .d3 { margin-top: 0.3rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

.ho-ban .ho_sw .cpa { line-height: calc(46em / 16); border-radius: 1rem; color: #fff; background-color: #ffb000; padding: 0 0.3rem; border-radius: 1rem; min-width: 1.7rem; margin-right: 0.2rem; text-align: center; }

.ho-ban .ho_sw .cpa:hover { background-color: #b81a35; }

.ho-ban .ho_sw .t1 { text-align: center; }

.ho-ban .ho_sw .ttox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #79c697; margin-top: 0.46rem; }

.ho-ban .ho_sw .tti { max-width: 33%; text-align: center; }

.ho-ban .ho_sw .tti .num { font-size: 0.64rem; text-shadow: 1px 1px 1px rgba(255, 245, 210, 0.4); font-weight: bold; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(-90deg, #c5af64 0%, #feefba 100%); }

.ho-ban .ho_sw .tx2 { margin-top: 0.12rem; }

.ho-ban .ho_sw .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background-color: #b81a35; color: #fff; line-height: calc(50em / 16); padding: 0 0.15rem; white-space: nowrap; overflow: hidden; margin-top: 0.48rem; }

.ho-ban .ho_sw .btn:hover::before { left: 0; -webkit-transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); }

.ho-ban .ho_sw .btn::before { content: ""; width: 100%; height: 100%; position: absolute; left: calc(100% - 5px); top: 0; background-color: #ffb000; z-index: 0; -webkit-transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); }

.ho-ban .ho_sw .btn * { position: relative; }

.ho-ban .ho_sw .btn .ic { width: 1em; height: 1em; -ms-flex-negative: 0; flex-shrink: 0; background-image: url(../images/icon-1.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 0.5rem; }

.ho-ban .swiper-slide-active .text { opacity: 1; -webkit-transition: opacity 1s 0.5s; -o-transition: opacity 1s 0.5s; transition: opacity 1s 0.5s; }

.ho-ban .swiper-pagination { bottom: 1rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.ho-ban .swiper-pagination .swiper-pagination-bullet { width: 0.4rem; height: 3px; border-radius: 0; background-color: rgba(255, 255, 255, 0.3); opacity: 1; margin: 0 0.05rem; position: relative; }

.ho-ban .swiper-pagination .swiper-pagination-bullet-active { background-color: #b81a35; }

.ho-ban .swiper-pagination .swiper-pagination-bullet-active::before { content: ""; background-color: #ffb000; position: absolute; left: 0; top: 0; width: 50%; height: 100%; }

.ho-ban .ho_bot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: 0.8rem; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); z-index: 30; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; }

.ho-ban .nums { color: rgba(255, 255, 255, 0.6); }

.ho-ban .nums .n1 { color: #fff; }

.ho-ban .btns { display: -webkit-box; display: -ms-flexbox; display: flex; }

.ho-ban .hb_mask { position: absolute; bottom: 0; left: 0; -webkit-transform: translateY(0.1rem); -ms-transform: translateY(0.1rem); transform: translateY(0.1rem); width: 100%; z-index: 30; }

.ho-ban .hb_mask img { width: 100%; }

.ho-ban .mouse { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.ho-ban .mouse img { width: 1em; margin-right: 0.1rem; -webkit-animation: jump 1s linear infinite; animation: jump 1s linear infinite; }

.ho-ban .sbtn { position: static; top: 50%; width: 1em; height: 1em; margin: 0; background-color: transparent; opacity: 0.5; background-size: contain; background-position: center; background-repeat: no-repeat; }

.ho-ban .sbtn::after { display: none; }

.ho-ban .sbtn:hover { opacity: 1; }

.ho-ban .prev { background-image: url(../images/icon-12.png); }

.ho-ban .next { background-image: url(../images/icon-13.png); }

@media screen and (max-width: 900px) { .ho-ban .mouse { opacity: 0; }
  .ho-ban .ho_sw .d2 { display: none; } }

@media (max-width: 500px) { .ho-ban .ho_sw .d1 { font-size: 20px; } }

.home-0 { position: relative; }

.home-0 .swiper { position: relative; }

.home-0 .sw { position: relative; overflow: hidden; }

.home-0 .img { display: block; position: relative; padding-top: calc(940 / 1920 * 100%); }

.home-0 .swiper-slide-active .te { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 1s 0.5s, -webkit-transform 0.5s; transition: opacity 1s 0.5s, -webkit-transform 0.5s; -o-transition: opacity 1s 0.5s, transform 0.5s; transition: opacity 1s 0.5s, transform 0.5s; transition: opacity 1s 0.5s, transform 0.5s, -webkit-transform 0.5s; }

.home-0 .text { position: absolute; left: 50%; top: 30%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 0; text-align: center; }

.home-0 .te { position: relative; opacity: 0; color: #fff; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); }

.home-0 .te .d2 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 0.12rem; padding-left: 0.38rem; padding-right: 0.28rem; border: 2px solid #fff; color: #fff; }

.home-0 .te .d2 .ic { width: 0.5em; height: 1em; }

.home-0 .mouse { position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.home-0 .mouse:hover { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.home-0 .mouse::before { content: ""; width: 0.36rem; height: 0.31rem; position: absolute; right: calc(100% + 4px); bottom: 50%; background-image: url(../images/icon-13.png); background-repeat: no-repeat; background-size: contain; }

.home-0 .mouse img { width: 0.24rem; }

.home-0 .swiper-pagination { position: absolute; bottom: 0.38rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.home-0 .swiper-pagination-bullet { width: 1.5rem; height: 2px; opacity: 1; margin: 0; margin-right: 0.1rem; border-radius: 0%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: transparent; position: relative; background-color: rgba(255, 255, 255, 0.2); }

.home-0 .swiper-pagination-bullet::before { content: ""; width: 0; height: 100%; position: absolute; left: 0; top: 0; background-color: #fff; }

.home-0 .swiper-pagination-bullet-active::before { width: 100%; -webkit-transition: width 3s linear; -o-transition: width 3s linear; transition: width 3s linear; }

.home-0 .sbtn { margin: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 0.5rem; height: 0.5rem; border-radius: 50%; border: 1px solid #ddd; background-size: calc(8 / 70 * 100%) auto; background-repeat: no-repeat; background-position: center; }

.home-0 .sbtn::after { display: none; }

.home-0 .sbtn:hover { background-color: #b81a35; }

.home-0 .prev { left: 0.5rem; background-image: url(../images/icon-p11.png); }

.home-0 .prev:hover { background-image: url(../images/icon-p12.png); }

.home-0 .next { right: 0.5rem; background-image: url(../images/icon-p21.png); }

.home-0 .next:hover { background-image: url(../images/icon-p22.png); }

@media (max-width: 500px) { .home-0 .te .d2 { display: none; }
  .home-0 .h0_bot { pointer-events: none; opacity: 0; } }

.ho-item { min-height: calc(100vh - 1rem); }

@media (max-width: 900px) { .ho-item { min-height: 100px; padding-top: 0.6rem; } }

@media (max-width: 900px) { .fp-section { height: auto !important; } }

@media (max-width: 900px) { .fp-tableCell { height: auto !important; } }

.home-1 { position: relative; 
  /* padding-top: 0.94rem; padding-bottom: 1rem; overflow: hidden;  */
  background: #d4daea;
  display: flex; align-items: center;
}

.home-1 .swiper1 { position: relative; margin-top: 0.85rem; }

.home-1 .sw1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.home-1 .sw1 .text { width: 4.8rem; }

.home-1 .sw1 .d1 { color: #b81a35; }

.home-1 .sw1 .h3 { margin-top: 0.1rem; font-weight: 600; }

.home-1 .sw1 .d2 { line-height: calc(30 / 16); margin-top: 0.26rem; margin-bottom: 0.5rem; }

.home-1 .sw1 .imgs { width: 6.2rem; margin-right: 2.3rem; }

.home-1 .sw1 .img { position: relative; padding-top: 50%; }

.home-1 .sw1 .ii { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; }

.home-1 .swiper2 { margin-top: 1.18rem; }

.home-1 .swiper2 .sw2 { height: auto; padding: 0.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; background-color: #b81a35; background-repeat: no-repeat; background-size: cover; color: #fff; cursor: pointer; }

.home-1 .swiper2 .my-active { background-image: url(../images/ho1_0.jpg); }

.home-1 .swiper2 .ic { width: 1em; height: 1em; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; margin-right: 0.2rem; -ms-flex-negative: 0; flex-shrink: 0; }

.home-1 .btns { display: -webkit-box; display: -ms-flexbox; display: flex; }

.home-1 .sbtn { width: 1em; height: 1em; margin-left: 0.2rem; background-repeat: no-repeat; background-position: center; cursor: pointer; background-color: #b81a35; z-index: 5; }

.home-1 .sbtn:hover { background-color: #ffb000; }

.home-1 .prev { background-image: url(../images/icon-p12.png); }

.home-1 .next { background-image: url(../images/icon-p22.png); }

.home-1 .my-disabled { opacity: 0; pointer-events: none; }

@media screen and (max-width: 900px) { .home-1 .btns { display: none; }
  .home-1 .sw1 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .home-1 .sw1 .text { width: 100%; }
  .home-1 .sw1 .imgs { width: 50%; margin: 0 auto; margin-top: 20px; } 
  .home-1{
    padding-top: 1.1rem;
  }
}

.home-2 .txt { padding-top: 1.45rem; padding-bottom: 1rem; width: 8rem; max-width: 100%; }

.home-2 .d2 { color: #666; line-height: calc(30 / 16); margin-top: 0.35rem; }

.home-2 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0.36rem; }

.home-2 .li { margin-right: 0.5rem; }

.home-2 .n1 { color: #b81a35; font-weight: 600; }

.home-2 .n2 { margin-top: 0.09rem; color: #666; }

.home-2 .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: calc(50em / 16); padding-left: 0.26rem; padding-right: 0.22rem; -webkit-box-shadow: 0 0 0 2px inset #b81a35; box-shadow: 0 0 0 2px inset #b81a35; color: #fff; color: #b81a35; border-radius: 1rem; margin-top: 0.9rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.home-2 .btn:hover { background-color: #b81a35; color: #fff; }

.home-2 .btn:hover .ic { background-image: url(../images/icon-1.png); }

.home-2 .btn .ic { width: 0.5em; height: 1em; background-image: url(../images/icon-3.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 0.53rem; }

.home-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.home-3 .le { width: calc(800 / 1920 * 100%); padding-left: 1.2rem; padding-right: 1rem; padding-top: 1.2rem; }

.home-3 .swiper1 { margin-top: 0.9rem; }

.home-3 .sw1 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.home-3 .cy { width: 33.3%; text-align: center; margin-bottom: 0.6rem; cursor: pointer; }

.home-3 .cy.on { color: #b81a35; }

.home-3 .cy.on .c1 { opacity: 0; }

.home-3 .cy.on .c2 { opacity: 1; }

.home-3 .cy .icon { height: 1em; position: relative; }

.home-3 .cy .icon img { position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); height: 100%; }

.home-3 .cy .c2 { opacity: 0; }

.home-3 .cy .tt { margin-top: 0.19rem; }

.home-3 .swiper2 { width: calc(1120 / 1920 * 100%); }

.home-3 .swiper2 .swiper-container { height: 100%; }

.home-3 .sw2 .img { height: 100%; }

.home-3 .swiper3 { margin-top: 0.35rem; }

.home-3 .d2 { color: #666; line-height: calc(30 / 18); height: calc(30em / 18 * 3); overflow-y: auto; scrollbar-width: none; }

.home-3 .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: calc(50em / 16); padding-left: 0.26rem; padding-right: 0.22rem; -webkit-box-shadow: 0 0 0 2px inset #b81a35; box-shadow: 0 0 0 2px inset #b81a35; color: #fff; color: #b81a35; border-radius: 1rem; margin-top: 0.22rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.home-3 .btn:hover { background-color: #b81a35; color: #fff; }

.home-3 .btn:hover .ic { background-image: url(../images/icon-1.png); }

.home-3 .btn .ic { width: 0.5em; height: 1em; background-image: url(../images/icon-3.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 0.53rem; }

@media screen and (max-width: 900px) { .home-3 .le { width: 100%; padding: 30px; }
  .home-3 .swiper2 { width: 100%; }
  .home-3 .sw2 .img { padding-top: calc(840 / 1120 * 100%); } }

.home-4 { padding-top: 0.75rem; padding-bottom: 0.5rem; background-color: #f2f7fe; }

.home-4 .swiper { margin-top: 0.42rem; }

.home-4 .sw { margin-right: 0.5rem; height: auto; }

.home-4 .sw1 { width: 6.8rem; }

.home-4 .sw2 { width: 4.5rem; }

.home-4 .aa { display: block; height: 100%; background-color: #b81a35; }

.home-4 .aa:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.home-4 .aa .img1 { position: relative; padding-top: calc(372 / 680 * 100%); overflow: hidden; }

.home-4 .aa .bot { padding: 0.27rem 0.4rem; color: #fff; }

.home-4 .aa .d2 { margin-top: 0.14rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.home-4 .bb { display: block; height: 100%; background-color: #fff; color: #666; }

.home-4 .bb:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.home-4 .bb .img2 { position: relative; padding-top: calc(254 / 450 * 100%); overflow: hidden; }

.home-4 .bb .bot { padding: 0.26rem 0.28rem; }

.home-4 .bb .d2 { color: #333; line-height: calc(30 / 20); height: 3em; margin-top: 0.18rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.home-4 .bb .d3 { line-height: calc(30 / 16); height: calc(60em / 16); margin-top: 0.18rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.particles1 { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; }

.news-00 { position: relative; }

.news-00::before { content: ""; width: calc(680 / 1920 * 100%); height: 100%; background-color: #f6f9fc; position: absolute; right: 0; top: 0; }

@media screen and (max-width: 900px) { .news-00::before { display: none; } }

.news-0 { padding-top: 1rem; }

.news-big { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #eff4f8; }

.news-big:hover .btn::before { left: 0; -webkit-transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); }

.news-big .swiper { position: relative; margin-top: 0.71rem; background-color: #fff; border-radius: 0.2rem; overflow: hidden; }

.news-big .sw { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.news-big .sw:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.news-big .sw:hover .h3 { color: #b81a35; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.news-big .sw:hover .btn { background-color: #b81a35; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.news-big .imgs { width: calc(820 / 1680 * 100%); }

.news-big .img { position: relative; padding-top: calc(560 / 820 * 100%); height: 100%; overflow: hidden; }

.news-big .text { width: calc(860 / 1680 * 100%); padding: 0.2rem; padding-left: 1rem; padding-right: 0.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.news-big .d1 { color: #999; }

.news-big .h3 { margin-top: 0.32rem; line-height: calc(42 / 30); font-weight: bold; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.news-big .d2 { line-height: calc(28 / 16); margin-top: 0.2rem; color: #666; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.news-big .btn { margin-top: 0.63rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background-color: #b81a35; color: #fff; line-height: calc(50em / 16); padding: 0 0.25rem; border-radius: 1rem; white-space: nowrap; overflow: hidden; }

.news-big .ic { width: 0.25em; height: 0.5em; -ms-flex-negative: 0; flex-shrink: 0; background-image: url(../images/icon-1.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 0.5rem; }

.news-big .swiper-pagination { width: auto; left: auto; right: 0.8rem; bottom: 1rem; }

.news-big .swiper-pagination-bullet { background-color: #bbb; opacity: 1; }

.news-big .swiper-pagination-bullet-active { background-color: #b81a35; }

@media screen and (max-width: 900px) { .news-big { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .news-big .imgs { width: 100%; }
  .news-big .text { width: 100%; padding: 20px; }
  .news-big .swiper-pagination { opacity: 0; }
  .news-big .h3 { width: 100%; } }

.news-1 { padding-top: 0.8rem; padding-bottom: 1.2rem; overflow: hidden; }

.news-list { margin-bottom: 0.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.news-list .li { width: calc(520 / 1680 * 100%); margin-right: calc(60 / 1680 * 100%); margin-bottom: 0.6rem; }

.news-list .li:nth-child(3n) { margin-right: 0; }

.news-list .dd { display: block; height: 100%; position: relative; -webkit-box-shadow: 0px 0px 0.2rem 0px rgba(50, 0, 2, 0.1); box-shadow: 0px 0px 0.2rem 0px rgba(50, 0, 2, 0.1); background-color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.news-list .dd::before { content: ""; width: 0; height: 4px; background-color: #b81a35; position: absolute; bottom: 0; left: 0; -webkit-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }

.news-list .dd:hover::before { width: 100%; }

.news-list .dd:hover .h3 { color: #b81a35; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.news-list .img { padding-top: calc(320 / 520 * 100%); overflow: hidden; }

.news-list .bot { padding: 0.4rem; padding-top: 0.26rem; }

.news-list .time { color: #666; }

.news-list .h3 { line-height: calc(30 / 22); height: calc(30em / 22 * 2); margin-top: 0.17rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.news-list .d2 { color: #666; line-height: calc(30 / 16); height: calc(30em / 16 * 2); margin-top: 0.19rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

@media screen and (min-width: 901px) { .news-list .li:nth-child(3n) { -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }
  .news-list .li:nth-child(3n-1) { -webkit-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s; } }

@media screen and (max-width: 900px) { .news-list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .news-list .li { width: 48%; margin-right: 0; margin-bottom: 4%; }
  .news-list .d2 { display: none; } }

.news-2 { padding-top: 0.14rem; padding-bottom: 0.8rem; }

.news-page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 0.48rem; }

@media screen and (max-width: 900px) { .news-page .news-3 { width: 100%; }
  .news-page .news-4 { width: 100%; margin-top: 30px; } }

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

@media screen and (max-width: 900px) { .det-page .news-3 { width: 100%; }
  .det-page .news-4 { width: 100%; margin-top: 30px; } }

.new31 { padding-top: 0.95rem; }

.news-3 { width: calc(1000 / 1500 * 100%); position: relative; }

@media (max-width: 900px) { .news-3 { padding-right: 0; } }

.news-4 { width: calc(400 / 1500 * 100%); }

.news-4 .back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; line-height: 1; background-color: #b81a35; color: #fff; padding: 0.17rem 0.2rem; overflow: hidden; border-radius: 1rem; }

.news-4 .back * { position: relative; }

.news-4 .back .ic { width: 0.5em; height: 1em; -ms-flex-negative: 0; flex-shrink: 0; background-image: url(../images/icon-1.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 0.2rem; }

.my-disabled { pointer-events: none; }

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

.com-pages .com-le { width: calc(950 / 1400 * 100%); padding-right: 0.5rem; border-right: 1px solid #ddd; padding-bottom: 0.8rem; }

.com-pages .com-ri { width: calc(400 / 1400 * 100%); }

@media screen and (max-width: 900px) { .com-pages .com-le { width: 100%; padding-right: 0; border-right: none; }
  .com-pages .com-ri { width: 100%; } }

.cr_t { font-weight: bold; }

.cr_t .a1 { color: #999; }

.cr_t .a1:hover { color: #b81a35; }

.cr_list { margin-top: 0.05rem; margin-bottom: 0.6rem; }

.cr_list .li { padding: 0.3rem 0; border-bottom: 1px solid #f3f3f3; }

.cr_list .cr_a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.cr_list .cr_a:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.cr_list .cr_a:hover .h3 { color: #b81a35; }

.cr_list .imgs { width: 30%; }

.cr_list .img { position: relative; padding-top: calc(80 / 120 * 100%); overflow: hidden; }

.cr_list .text { width: calc(260 / 400 * 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.cr_list .h3 { line-height: calc(23 / 18); overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.cr_list .d2 { margin-top: 0.08rem; color: #999; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.cr_list .d3 { margin-top: 0.12rem; color: #666; }

.cr_list2 { margin-top: 0.36rem; }

.cr_list2 .li { margin-bottom: 0.2rem; }

.cr_list2 .cr_a { display: block; color: #999; padding: 0.18rem 0.4rem 0.28rem; -webkit-box-shadow: 0 0 0 1px #f3f3f3; box-shadow: 0 0 0 1px #f3f3f3; }

.cr_list2 .cr_a:hover { background-color: #b81a35; color: #fff; }

.cr_list2 .cr_a:hover .h3 { color: #fff; }

.cr_list2 .h3 { line-height: calc(28 / 18); height: calc(28em / 18 * 2); margin-top: 0.05rem; color: #333; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.cr_list2 .d2 { margin-top: 0.28rem; }

.det-0 { padding-top: 0.8rem; padding-bottom: 0.54rem; }

.det-0 .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.det-0 .navs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.det-0 .navs .home { width: 1em; height: 1em; background-image: url(../images/icon-home1.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-right: 0.1rem; }

.det-0 .navs span { margin: 0 0.25em; }

.det-0 .back { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background-color: #b81a35; color: #fff; line-height: calc(50em / 16); padding: 0 0.25rem; border-radius: 1rem; white-space: nowrap; overflow: hidden; }

.det-0 .ic { width: 1em; height: 1em; -ms-flex-negative: 0; flex-shrink: 0; background-image: url(../images/icon-10.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 0.5rem; }

.det_top { padding-bottom: 0.5rem; }

.det_top .h1 { color: #111; font-weight: bold; }

.det_top .tops { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0.92rem; }

.det_top .time { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; }

.det_top .time img { width: 0.18rem; min-width: 12px; margin-right: 0.1rem; }

.det_top .dt_2 { color: #666; margin-top: 0.33rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.det_top .le { color: #999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.det_top .ti { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; margin-right: 0.3rem; }

.det_top .ti img { height: 1em; margin-right: 0.1rem; }

.det_top .times { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; }

.det_top .times .tag { padding: 0 0.07rem; background-color: #b81a35; color: #fff; line-height: calc(26 / 16); margin-right: 0.13rem; }

.det_top .shares { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.det_top .shares .si { margin-left: 0.2rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.det_top .shares .si:hover { opacity: 0.5; }

.det_top .shares .ii { height: 1em; }

.det_top .back { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; line-height: 1; color: #666; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }

.det_top .back:hover { color: #b81a35; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }

.det_top .back img { margin-left: 0.1rem; }

@media screen and (max-width: 900px) { .det_top .from { display: none; } }

.det_cen { color: #666; line-height: calc(30 / 16); border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; padding-top: 0.4rem; padding-bottom: 1.14rem; }

.det_bot { padding: 0.3rem 0; background-color: #eff4f8; }

.det_bot .det_pag ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.det_bot .det_pag li { width: 50%; border-right: 2px solid #b81a35; }

.det_bot .det_pag li:nth-child(1) { padding-right: 1rem; }

.det_bot .det_pag li:nth-child(2) { padding-left: 1rem; border-right: none; }

.det_bot .det_pag a { width: 100%; color: #666; font-weight: 500; line-height: calc(40 / 16); overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.det_bot .det_pag a:hover { color: #b81a35; }

.det_bot .det_pag a:hover .i1 { display: none; }

.det_bot .det_pag a:hover .i2 { display: block; }

.det_bot .det_pag .prev { padding-right: 0.9rem; }

.det_bot .det_pag .prev .icon { margin-right: 0.4rem; }

.det_bot .det_pag .next { padding-left: 0.9rem; }

.det_bot .det_pag .next .icon { margin-left: 0.4rem; }

.det_bot .det_pag .icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.det_bot .det_pag span { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.det_bot .det_pag .i2 { display: none; }

.det_bot .db_btn { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; border-radius: 1rem; padding: 0.16rem 0.36rem; background-color: #b81a35; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }

.det_bot .db_btn .ic { width: 1em; height: 1em; background-image: url(../images/icon-3.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 0.1rem; }

.det_bot .db_btn:hover { -webkit-box-shadow: 0 0 0.2rem 0.05rem rgba(184, 26, 53, 0.6); box-shadow: 0 0 0.2rem 0.05rem rgba(184, 26, 53, 0.6); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }

.det_bot .det_ul { line-height: calc(36 / 16); }

.det_bot .det_ul a { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.det_bot .det_ul a:hover { color: #b81a35; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.det_bot .db_ul .ua { line-height: calc(34 / 16); color: #999; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.det_bot .db_ul .ua:hover { color: #b81a35; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }

@media screen and (max-width: 900px) { .det_bot .det_pag li { width: 100%; padding: 0 !important; text-align: left !important; }
  .det_bot .det_pag .prev { padding: 0 !important; }
  .det_bot .det_pag .next { padding: 0 !important; }
  .det_bot .det_pag .icon { display: none; } }

.a-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background-color: #165af2; color: #fff; line-height: 3.125em; padding: 0 0.15rem; white-space: nowrap; overflow: hidden; }

.a-btn:hover::before { left: 0; -webkit-transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); }

.a-btn::before { content: ""; width: 100%; height: 100%; position: absolute; left: calc(100% - 5px); top: 0; background-color: #ffb000; z-index: 0; -webkit-transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); }

.a-btn * { position: relative; }

.a-btn .aic { width: 1em; height: 1em; background-image: url(../images/icon-1.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 0.5rem; }

.hidden { overflow: hidden; }

.ctc-1 { padding-top: 0.93rem; padding-bottom: 1.25rem; background-repeat: no-repeat; background-size: cover; }

.ctc-1 .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding-top: 2.6rem; margin-top: 0.55rem; }

.ctc-1 .imgs { width: calc(1400 / 1680 * 100%); position: absolute; left: 0; top: 0; }

.ctc-1 .img { padding-top: calc(600 / 1400 * 100%); }

.ctc-1 .text { width: 6.4rem; min-height: 4rem; background-color: #b81a35; color: #fff; position: relative; padding: 0.56rem 0.6rem; }

.ctc-1 .d1 { line-height: calc(33 / 18); }

.ctc-1 .d2 { line-height: calc(33 / 24); }

@media (max-width: 900px) { .ctc-1 .box { padding-top: 0; }
  .ctc-1 .imgs { width: 100%; position: relative; }
  .ctc-1 .text { width: 100%; } }

.ctc-2 { min-height: 8rem; padding-top: 2.4rem; padding-bottom: 1.1rem; z-index: 20; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }

.ctc-2 .txt { width: 6.4rem; max-width: 100%; }

.ctc-2 .ct1 { color: #fff; }

.ctc-2 .d2 { color: #fff; line-height: calc(30 / 18); margin-top: 0.3rem; }

.ctc-2 .btn { margin-top: 0.93rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background-color: #b81a35; color: #fff; line-height: calc(50em / 16); padding: 0 0.25rem; border-radius: 1rem; white-space: nowrap; overflow: hidden; }

.ctc-2 .ic { width: 0.25em; height: 0.5em; -ms-flex-negative: 0; flex-shrink: 0; background-image: url(../images/icon-1.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 0.5rem; }

.ctc-3 { padding-top: 1.15rem; padding-bottom: 1rem; background-color: #f6f6f6; }

.ctc-3 .ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0.53rem; }

.ctc-3 .li { 
  /* width: calc(312 / 1680 * 100%);  */
  width: calc(397 / 1680 * 100%); 
  margin-right: calc(30 / 1680 * 100%); margin-bottom: 0.3rem; }

.ctc-3 .li:nth-child(4n) { margin-right: 0; }

.ctc-3 .dd { height: 100%; min-height: 4rem; background-color: #fff; padding: 1rem 0.4rem; text-align: center; }

.ctc-3 .icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 50%; -webkit-box-shadow: 0 0 0 2px #eee inset; box-shadow: 0 0 0 2px #eee inset; }

.ctc-3 .icon .ii { width: 1rem; }

.ctc-3 .te { margin-top: 0.26rem; line-height: calc(28 / 18); }

.ctc-3 .t1 { color: #666; }

.ctc-3 .t2 { word-break: break-all; }

@media (max-width: 900px) { .ctc-3 .ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .ctc-3 .li { width: 49%; margin-right: 0; margin-bottom: 2%; } }

@media (max-width: 500px) { .ctc-3 .li { width: 100%; } }

.ctc-4 { padding-top: 1.14rem; padding-bottom: 1.27rem; }

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

.ctc-4 .le { width: 40%; }

.ctc-4 .d2 { line-height: calc(25 / 16); margin-top: 0.1rem; }

.ctc-4 .d3 { line-height: 1.5; margin-top: 0.7rem; }

.ctc-4 .d31 { color: #666; }

.ctc-4 .d32 { color: #b81a35; }

.ctc-4 .d4 { margin-top: 0.28rem; line-height: 1.5; }

.ctc-4 .ewm .ci { width: 1.6rem; }

.ctc-4 .form { width: calc(850 / 1680 * 100%); }

.ctc-4 .fbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0.05rem; }

.ctc-4 .fi { width: calc(400 / 850 * 100%); margin-bottom: 0.48rem; }

.ctc-4 .ft { color: #666; margin-bottom: 0.1rem; }

.ctc-4 .ft span { color: #b81a35; }

.ctc-4 .fip { position: relative; }

.ctc-4 .ww100 { width: 100%; }

.ctc-4 .ip { width: 100%; height: 0.58rem; min-height: 40px; background-color: transparent; border: none; border-bottom: 1px solid #e6e7ec; }

.ctc-4 .ip::-webkit-input-placeholder { color: #ccc; }

.ctc-4 .ip:-ms-input-placeholder { color: #ccc; }

.ctc-4 .ip::-ms-input-placeholder { color: #ccc; }

.ctc-4 .ip::placeholder { color: #ccc; }

.ctc-4 .ta { width: 100%; height: 0.9rem; min-height: 90px; background-color: transparent; border: none; border-bottom: 1px solid #e6e7ec; padding-top: 0.16rem; }

.ctc-4 .ta::-webkit-input-placeholder { color: #ccc; }

.ctc-4 .ta:-ms-input-placeholder { color: #ccc; }

.ctc-4 .ta::-ms-input-placeholder { color: #ccc; }

.ctc-4 .ta::placeholder { color: #ccc; }

.ctc-4 .code { position: absolute; left: calc(100% + 0.1rem); top: 0; height: 100%; }

.ctc-4 .sbt { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 0.5rem; min-height: 40px; padding: 0 0.25rem; background-color: #b81a35; text-align: center; color: #fff; border: none; border-radius: 1rem; cursor: pointer; }

.ctc-4 .ic { width: 0.5em; height: 1em; -ms-flex-negative: 0; flex-shrink: 0; background-image: url(../images/icon-1.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 0.5rem; }

@media (max-width: 900px) { .ctc-4 .le { width: 100%; }
  .ctc-4 .form { width: 100%; } }

.ab1-1 { padding-top: 1.05rem; padding-bottom: 0.96rem; }

.ab1-1 .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.ab1-1 .le { width: calc(1480 / 1680 * 100%); }

.ab1-1 .txt { line-height: calc(31 / 18); margin-top: 0.27rem; }

.ab1-1 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 0; margin-top: 0.73rem; }

.ab1-1 .d1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; line-height: 1; }

.ab1-1 .d1 .num { font-weight: 600; }

.ab1-1 .d1 .d11 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 0.24rem;   position: relative;}
.ab1-1 .d1 .ad {
  position: absolute;
  right: 120%;
  top: 0.5em;
	color: #b81a35 
}
.ab1-1 .d1 .ic { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 1em; height: 1em; border-radius: 50%; border: 1px dashed #b81a35; -webkit-box-shadow: 0 0 0.1rem 0.04rem rgba(184, 26, 53, 0.2); box-shadow: 0 0 0.1rem 0.04rem rgba(184, 26, 53, 0.2); }

.ab1-1 .d1 .ic img { width: 100%; }

.ab1-1 .d1 .sp { margin-top: 0.16rem; }

.ab1-1 .d2 { color: #666; margin-top: 0.28rem; }

.ab1-1 .ri { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.ab1-1 .ri .line { width: 2px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-color: #e7e7e7; }

.ab1-1 .ri .ii { width: 0.36rem; margin-top: 0.08rem; }

@media (max-width: 900px) { .ab1-1 .ri { display: none; } }

.ab1-2 { padding-bottom: 1.2rem; }

.ab1-2 .box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding: 0.8rem 0; }

.ab1-2 .box::before { content: ""; position: absolute; right: 0; top: 0; width: 18rem; height: 100%; background-color: #eff4f8; }

.ab1-2 .imgs { width: calc(1000 / 1920 * 100%); position: relative; }

.ab1-2 .img { position: relative; padding-top: calc(700 / 1000 * 100%); border-radius: 0px 0px 0.6rem 0px; overflow: hidden; }

.ab1-2 .watch { position: absolute; right: 0.1rem; bottom: 0.1rem; }

.ab1-2 .btn { width: 1rem; height: 1rem; background-image: url(../images/icon-2.png); background-repeat: no-repeat; background-size: contain; cursor: pointer; }

.ab1-2 .text { width: calc(920 / 1920 * 100%); padding-right: 1.2rem; padding-left: 1rem; 
	padding-top: 0.27rem;
	 position: relative;
	 /* display: flex;align-items: center;  */
	}

.ab1-2 .ct1 { font-weight: 600; }

.ab1-2 .txt { line-height: calc(28 / 16); margin-top: 0.25rem; 
	text-align: justify;
	height: 5.6rem; 	overflow-y: auto; scrollbar-width: none; 
}

.ab1-2 svg { overflow: visible; position: absolute; right: 10px; bottom: 10px; width: 100%; height: 100%; cursor: pointer; }

.ab1-2 svg path { fill: none; }

.ab1-2 svg text { letter-spacing: 1px; }

.ab1-2 #circular { width: 100px; height: 100px; margin: 100px; }

.ab1-2 #circular path { fill: #fff; }

.ab1-2 #circular svg { display: block; overflow: visible; fill: #fff; }

@media (max-width: 900px) { .ab1-2 .box { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .ab1-2 .imgs { width: 100%; }
  .ab1-2 .text { width: 100%; padding: 30px; }
  .ab1-2 .txt { height: auto; } }

.ab1-3 { overflow: hidden; padding-top: 1.2rem; padding-bottom: 0.95rem; background-repeat: no-repeat; background-size: cover; }

.ab13-pc { width: 100%; }

.ab13-pc .swiper1 { position: relative; margin-top: 1rem; padding: 0 0.5rem; }

.ab13-pc .swiper1 .swiper-container { overflow: visible; height: 2.77rem; }

.ab13-pc .swiper1 .line { width: 100%; position: absolute; left: 0; top: 0; }

.ab13-pc .swiper1 .swiper-slide-active .sitem { bottom: 0.1rem; }

.ab13-pc .swiper1 .swiper-slide-active + div .sitem { top: 0.2rem; }

.ab13-pc .swiper1 .swiper-slide-active + div + div .sitem { top: 1.1rem; }

.ab13-pc .swiper1 .swiper-slide-active + div + div + div .sitem { top: 2rem; }

.ab13-pc .swiper1 .swiper-slide-active + div + div + div + div .sitem { top: 2.1rem; }

.ab13-pc .swiper1 .swiper-slide-active + div + div + div + div + div .sitem { top: 1.4rem; }

.ab13-pc .sw1 { position: relative; text-align: center; }

.ab13-pc .sw1 .sitem { display: inline-block; position: relative; }

.ab13-pc .sw1 .hd { position: relative; }

.ab13-pc .sw1 .ic { width: 1em; height: 1em; background-image: url(../images/icon-11.png); background-repeat: no-repeat; background-size: contain; }

.ab13-pc .sw1 .year { position: absolute; bottom: calc(100% + 0.06rem); left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); color: #666; }

.ab13-pc .sw1 .bd { width: 2.4rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; }

.ab13-pc .sw1 .img { position: relative; padding-top: 100%; border-radius: 50%; overflow: hidden; }

.ab13-pc .my-active .bd { opacity: 1; }

.ab13-pc .swiper2 { margin-top: 1rem; position: relative; padding-right: 1rem; }

.ab13-pc .swiper2 .d1 { color: #b81a35; font-weight: 600; }

.ab13-pc .swiper2 .d2 { margin-top: 0.12rem; }

.ab13-pc .btns { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 30; }

.ab13-pc .sbtn { width: 1em; height: 1em; background-color: #fff; background-repeat: no-repeat; background-size: 20% auto; background-position: center; border-radius: 50%; cursor: pointer; z-index: 30; margin-left: 0.2rem; }

.ab13-pc .sbtn:hover { background-color: #b81a35; }

.ab13-pc .prev { left: 0; background-image: url(../images/icon-p11.png); }

.ab13-pc .prev:hover { background-image: url(../images/icon-p12.png); }

.ab13-pc .next { right: 0; background-image: url(../images/icon-p21.png); }

.ab13-pc .next:hover { background-image: url(../images/icon-p22.png); }

@media (max-width: 900px) { .ab13-pc { position: absolute; left: -200vw; top: 0; } }

.ab13-mob { width: 100%; }

.ab13-mob .swiper { margin-top: 0.5rem; }

.ab13-mob .sw { padding: 0 0.2rem; }

.ab13-mob .icon { width: 40%; margin: 0 auto; }

.ab13-mob .icon .iic { border-radius: 50%; position: relative; padding-top: 100%; overflow: hidden; }

.ab13-mob .icon .ii { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.ab13-mob .bot { text-align: center; margin-top: 0.2rem; }

.ab13-mob .d1 { color: #b81a35; font-weight: 600; }

.ab13-mob .d2 { margin-top: 0.1rem; }

@media (min-width: 901px) { .ab13-mob { position: absolute; left: -200vw; top: 0; } }

.ab1-4 { padding-top: 1.14rem; padding-bottom: 1.2rem; }

.ab1-4 .box { position: relative; margin-top: 0.53rem; }

.ab14-pc { width: 100%; }

.ab14-pc .list { display: -webkit-box; display: -ms-flexbox; display: flex; }

.ab14-pc .item { width: calc(228 / 1680 * 100%); margin-right: calc(12 / 1680 * 100%); height: 6.4rem; text-align: center; color: #fff; position: relative; -webkit-transition: width 0.2s linear; -o-transition: width 0.2s linear; transition: width 0.2s linear; }

.ab14-pc .item:last-child { margin-right: 0; }

.ab14-pc .item.on { width: calc(728 / 1680 * 100%); }

.ab14-pc .txt { width: 100%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.ab14-pc .bd { margin-top: 0.27rem; display: none; }

.ab14-pc .ii { width: 0.8rem; }

.ab14-pc .d1 { margin-top: 0.32rem; }

.ab14-pc .line { width: 1px; height: 0.42rem; margin: 0 auto; background-color: #fff; }

.ab14-pc .d2 { line-height: 2; margin-top: 0.2rem; }

@media (max-width: 900px) { .ab14-pc { position: absolute; left: -200vw; top: 0; } }

.ab14-mob { width: 100%; }

.ab14-mob .sw { height: auto; text-align: center; background-repeat: no-repeat; background-size: cover; color: #fff; }

.ab14-mob .txt { padding: 0.3rem; }

.ab14-mob .ii { width: 0.8rem; }

.ab14-mob .d1 { margin-top: 0.32rem; }

.ab14-mob .d2 { line-height: 2; margin-top: 0.2rem; }

@media (min-width: 901px) { .ab14-mob { position: absolute; left: -200vw; top: 0; } }

.ab1-5 { padding-top: 1.15rem; padding-bottom: 1.26rem; background-repeat: no-repeat; background-size: cover; }

.ab1-5 .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0.72rem; }

.ab1-5 .le { width: calc(460 / 1680 * 100%); background-color: #fff; }

.ab1-5 .swiper1 { padding: 0.4rem 0; padding-left: 0.5rem; padding-right: 0.2rem; }

.ab1-5 .swiper1 .swiper-container { height: 4.2rem; }

.ab1-5 .swiper1 .sw1 { height: auto; position: relative; line-height: calc(44 / 16); cursor: pointer; }

.ab1-5 .swiper1 .my-active { color: #b81a35; font-size: calc(18em / 16); }

.ab1-5 .swiper1 .my-active::before { content: "— "; }

.ab1-5 .swiper1 .swiper-scrollbar { width: 2px; background-color: #f3f3f3; }

.ab1-5 .swiper1 .swiper-scrollbar-drag { width: 4px; background-color: #b81a35; }

.ab1-5 .swiper2 { width: calc(1140 / 1680 * 100%); position: relative; }

.ab1-5 .swiper2 .swiper-container { padding: 0.1rem 0; }

.ab1-5 .swiper2 .sw2 { width: 3.1rem; margin: 0 0.35rem; text-align: center; -webkit-transform: scale(0.774); -ms-transform: scale(0.774); transform: scale(0.774); -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; }

.ab1-5 .swiper2 .swiper-slide-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.ab1-5 .swiper2 .swiper-slide-active .ii { -webkit-box-shadow: 2px 2px 0.2rem 0px rgba(202, 216, 230, 0.6); box-shadow: 2px 2px 0.2rem 0px rgba(202, 216, 230, 0.6); }

.ab1-5 .swiper2 .swiper-slide-active .st2 { opacity: 1; }

.ab1-5 .imgs { position: relative; padding-top: calc(450 / 310 * 100%); }

.ab1-5 .img { width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.ab1-5 .img .ii { width: 100%; }

.ab1-5 .st2 { margin-top: 0.23rem; opacity: 0; }

.ab1-5 .sbtn { width: 1em; height: 1em; background-color: #fff; background-repeat: no-repeat; background-size: 20% auto; background-position: center; border-radius: 50%; cursor: pointer; z-index: 30; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.ab1-5 .sbtn:hover { background-color: #b81a35; }

.ab1-5 .prev { left: 0; background-image: url(../images/icon-p11.png); }

.ab1-5 .prev:hover { background-image: url(../images/icon-p12.png); }

.ab1-5 .next { right: 0; background-image: url(../images/icon-p21.png); }

.ab1-5 .next:hover { background-image: url(../images/icon-p22.png); }

@media (max-width: 900px) { .ab1-5 .le { width: 100%; }
  .ab1-5 .swiper2 { width: 100%; }
  .ab1-5 .swiper2 .sw2 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }

.ab1-6 { padding-top: 1.13rem; padding-bottom: 1.26rem; }

.ab1-6 .box { position: relative; margin-top: 0.56rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.ab1-6 .swiper1 { position: absolute; left: 0; top: 0; width: calc(1100 / 1680 * 100%); height: 100%; }

.ab1-6 .swiper1 .swiper-container { height: 100%; }

.ab1-6 .img { height: 100%; padding-top: calc(660 / 1100 * 100%); }

.ab1-6 .tags { display: inline-block; text-align: left; padding: 0.33rem 0; min-height: 1.4rem; }

.ab1-6 .tags .ti { color: #666; padding-left: 1.5em; position: relative; margin-bottom: 0.28rem; cursor: pointer; }

.ab1-6 .tags .ti:last-child { margin-bottom: 0; }

.ab1-6 .tags .ti.on { color: #b81a35; }

.ab1-6 .tags .ti.on::before { background-color: #b81a35; }

.ab1-6 .tags .ti::before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 3px; height: 100%; background-color: #ccc; }

.ab1-6 .ri { width: calc(800 / 1680 * 100%); text-align: right; position: relative; z-index: 30; }

.ab1-6 .swiper2 { background-color: #b81a35; position: relative; }

.ab1-6 .swiper2 .ic { position: absolute; right: 0.2rem; bottom: 0.2rem; height: 0.72rem; pointer-events: none; }

.ab1-6 .sw2 { color: #eff4f8; text-align: left; padding: 0.67rem 0.8rem; height: 5.2rem; }

.ab1-6 .sw2 .txt { height: 4rem; overflow-y: auto; scrollbar-width: none; }

.ab1-6 .sw2 .d2 { width: 0.4rem; height: 4px; background-color: #eff4f8; margin-top: 0.25rem; margin-bottom: 0.33rem; }

.ab1-6 .sw2 .d3 { line-height: calc(29 / 16); color: #eff4f8; }

@media (max-width: 900px) { .ab1-6 .box { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .ab1-6 .swiper1 { position: relative; width: 100%; }
  .ab1-6 .ri { width: 100%; }
  .ab1-6 .sw2 { height: auto; }
  .ab1-6 .sw2 .txt { height: auto; }
  .ab1-6 .tags { width: 100%; } }

.ab1-7 { background-repeat: no-repeat; background-size: cover; padding-top: 1.13rem; padding-bottom: 1.37rem; }

.ab1-7 .swiper { margin-top: 0.75rem; }

.ab1-7 .sw { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ab1-7 .cy { width: calc(240 / 1680 * 100%); }

.ab1-7 .cy:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.ab1-7 .img { position: relative; padding-top: calc(160 / 240 * 100%); -webkit-box-shadow: 0 0 0 1px #ebebeb; box-shadow: 0 0 0 1px #ebebeb; overflow: hidden; }

.ab1-8 .box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ab1-8 .le { width: calc(1070 / 1920 * 100%); padding: 1.26rem 1.2rem; padding-right: 1rem; }

.ab1-8 .d2 { margin-top: 0.12rem; }

.ab1-8 .form { margin-top: 0.7rem; }

.ab1-8 .fbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0.25rem; }

.ab1-8 .fi { width: calc(400 / 850 * 100%); margin-bottom: 0.48rem; }

.ab1-8 .ft { margin-bottom: 0.1rem; }

.ab1-8 .ft span { color: #b81a35; }

.ab1-8 .fip { position: relative; }

.ab1-8 .ww100 { width: 100%; }

.ab1-8 .ip { width: 100%; height: 0.58rem; min-height: 40px; background-color: transparent; border: none; border-bottom: 1px solid #e6e7ec; }

.ab1-8 .ip::-webkit-input-placeholder { color: #ccc; }

.ab1-8 .ip:-ms-input-placeholder { color: #ccc; }

.ab1-8 .ip::-ms-input-placeholder { color: #ccc; }

.ab1-8 .ip::placeholder { color: #ccc; }

.ab1-8 .ta { width: 100%; height: 0.85rem; min-height: 85px; background-color: transparent; border: none; border-bottom: 1px solid #e6e7ec; padding-top: 0.16rem; }

.ab1-8 .ta::-webkit-input-placeholder { color: #ccc; }

.ab1-8 .ta:-ms-input-placeholder { color: #ccc; }

.ab1-8 .ta::-ms-input-placeholder { color: #ccc; }

.ab1-8 .ta::placeholder { color: #ccc; }

.ab1-8 .code { position: absolute; left: calc(100% + 0.1rem); top: 0; height: 100%; }

.ab1-8 .sbt { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 0.5rem; min-height: 40px; padding: 0 0.25rem; background-color: #b81a35; text-align: center; color: #fff; border: none; border-radius: 1rem; cursor: pointer; }

.ab1-8 .ic { width: 0.5em; height: 1em; -ms-flex-negative: 0; flex-shrink: 0; background-image: url(../images/icon-1.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 0.5rem; }

.ab1-8 .imgs { width: calc(850 / 1920 * 100%); }

.ab1-8 .img { position: relative; padding-top: calc(910 / 850 * 100%); height: 100%; }

@media (max-width: 900px) { .ab1-8 .le { width: 100%; padding: 30px; }
  .ab1-8 .imgs { width: 100%; } }

@media (max-width: 500px) { .ab1-8 .fi { width: 100%; } }

.ab2-1 { padding-top: 1.05rem; padding-bottom: 1.2rem; }

.ab2-1 .d1 { line-height: calc(34 / 18); margin-top: 0.46rem; }

.ab2-1 .d2 { line-height: calc(31 / 16); margin-top: 0.26rem; color: #666; }

.ab2-1 .img { padding-top: calc(640 / 840 * 100%); overflow: hidden; border-radius: 0.3rem; }

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

.ab2-1 .le { width: 45%; }

.ab2-1 .imgs { width: 50%; }

@media (max-width: 900px) { .ab2-1 .le { width: 100%; padding: 10px; }
  .ab2-1 .imgs { width: 100%; } }

.ab2-2 { background-repeat: no-repeat; background-size: cover; padding-top: 1.2rem; padding-bottom: 1.2rem; overflow: hidden; }

.ab2-2 .tops { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.ab2-2 .swiper1 { max-width: 50%; }

.ab2-2 .swiper1 .sw1 { width: 7.5em; height: auto; line-height: 1; padding: 0.11rem 0.1rem; padding-bottom: 0.16rem; text-align: center; -webkit-box-shadow: 0 0 0 1px #ccc inset; box-shadow: 0 0 0 1px #ccc inset; margin-left: 0.1rem; color: #999; cursor: pointer; }

.ab2-2 .swiper1 .sw1.on { color: #b81a35; -webkit-box-shadow: 0 0 0 1px #b81a35 inset; box-shadow: 0 0 0 1px #b81a35 inset; }

.ab2-2 .swiper1 .t2 { margin-top: 0.06rem; }

.ab2-2 .bots { margin-top: 0.6rem; position: relative; }

.ab2-2 .bi { width: 100%; position: absolute; left: -200vw; top: 0; opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }

.ab2-2 .bi.show { position: relative; left: 0; opacity: 1; }

.ab2-2 .sw { background-color: #fff; height: auto; }

.ab2-2 .sw .top { position: relative; padding-top: calc(440 / 380 * 100%); }

.ab2-2 .sw .img { width: calc(260 / 370 * 100%); height: 90%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; }

.ab2-2 .sw .ii { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; }

.ab2-2 .sw .text { text-align: center; padding: 0.3rem 0.1rem; position: relative; }

.ab2-2 .sw .text::before { content: ""; width: calc(100% - 0.8rem); height: 1px; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); background-color: #f3f3f3; }

.ab2-2 .sbot { margin-top: 0.33rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.ab2-2 .sbot .spp2 { color: #666; }

.ab2-2 .swiper-pagination { position: static; width: auto; text-align: left; line-height: 1; opacity: 0; }

.ab2-2 .swiper-scrollbar { margin-top: 0.24rem; height: 4px; background-color: rgba(0, 0, 0, 0.2) 1; }

.ab2-2 .swiper-scrollbar .swiper-scrollbar-drag { background-color: #b81a35; }

.ab2-2 .sle { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.ab2-2 .btns { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; }

.ab2-2 .sbtn { width: 1em; height: 1em; margin-left: 0.2rem; background-color: #fff; background-repeat: no-repeat; background-size: 20% auto; background-position: center; border-radius: 50%; cursor: pointer; z-index: 30; }

.ab2-2 .sbtn:hover { background-color: #b81a35; }

.ab2-2 .prev { right: calc(100% + 0.3rem); background-image: url(../images/icon-p11.png); }

.ab2-2 .prev:hover { background-image: url(../images/icon-p12.png); }

.ab2-2 .next { left: calc(100% + 0.3rem); background-image: url(../images/icon-p21.png); }

.ab2-2 .next:hover { background-image: url(../images/icon-p22.png); }

@media (max-width: 900px) { .ab2-2 .tops { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .ab2-2 .com-tit { width: 100%; }
  .ab2-2 .ct1 { text-align: center; }
  .ab2-2 .swiper1 { width: 100%; max-width: none; margin-top: 20px; } }

.ab2-3 { padding: 2.7rem 0; background-repeat: no-repeat; background-size: cover; }

.ab2-3 .ct1 { color: #fff; }

.ab2-3 .btn { margin-top: 0.94rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background-color: #b81a35; color: #fff; line-height: calc(50em / 16); padding: 0 0.25rem; border-radius: 1rem; white-space: nowrap; overflow: hidden; }

.ab2-3 .ic { width: 0.5em; height: 1em; -ms-flex-negative: 0; flex-shrink: 0; background-image: url(../images/icon-1.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 0.5rem; }

.ab2-4 { padding-top: 1.33rem; padding-bottom: 1.2rem; overflow: hidden; }

.ab2-4 .swiper { margin-top: 0.53rem; }

.ab2-4 .swiper-container { overflow: visible; }

.ab2-4 .swiper-slide-active .txt { opacity: 1; }

.ab2-4 .img { padding-top: calc(680 / 1200 * 100%); }

.ab2-4 .txt { text-align: center; margin-top: 0.35rem; opacity: 0; }

.ab2-4 .h3 { line-height: calc(31 / 24); }

.ab2-4 .swiper-pagination { position: static; width: 100%; margin-top: 0.3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.ab2-4 .swiper-pagination-bullet { width: 0.18rem; height: 2px; background-color: #ccc; margin: 0 0.04rem; opacity: 1; }

.ab2-4 .swiper-pagination-bullet-active { background-color: #b81a35; }

.md-solution .det_cen { padding-bottom: 1rem; }

.sol-1 { padding-top: 1.35rem; padding-bottom: 1.27rem; }

.sol-1 .txt { line-height: calc(44 / 24); margin-top: 0.44rem; }

.sol-2 { padding-top: 1.33rem; padding-bottom: 1.25rem; background-repeat: no-repeat; background-size: cover; }

.sol-2 .swiper { margin-top: 0.55rem; position: relative; }

/* .sol-2 .swiper .swiper-container { background-color: #fff; } */

.sol-2 .sw { padding: 0.44rem 0.4rem; height: auto; min-height: 4.7rem; -webkit-box-shadow: 1px 0 0 0 #ececec; box-shadow: 1px 0 0 0 #ececec; background-color: #fff; }

.sol-2 .sw:hover { background-color: #b81a35; }

.sol-2 .sw:hover .d2, .sol-2 .sw:hover .d3 { color: #fff; }

.sol-2 .te { margin-top: 0.85rem; }

.sol-2 .d1 { color: #fff; -webkit-text-stroke: 1px rgba(184, 26, 53, 0.5); -moz-text-stroke: 1px rgba(184, 26, 53, 0.5); -o-text-stroke: 1px rgba(184, 26, 53, 0.5); text-shadow: 0 0 1px rgba(184, 26, 53, 0.5); }

.sol-2 .d2 { font-weight: 600; }

.sol-2 .d3 { color: #666; line-height: 2; margin-top: 0.18rem; }

.sol-2 .sbtn { width: 1em; height: 1em; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; background-repeat: no-repeat; background-size: 20% auto; background-position: center; border-radius: 50%; cursor: pointer; z-index: 30; }

.sol-2 .sbtn:hover { background-color: #b81a35; }

.sol-2 .prev { right: calc(100% + 0.3rem); background-image: url(../images/icon-p11.png); }

.sol-2 .prev:hover { background-image: url(../images/icon-p12.png); }

.sol-2 .next { left: calc(100% + 0.3rem); background-image: url(../images/icon-p21.png); }

.sol-2 .next:hover { background-image: url(../images/icon-p22.png); }

@media (max-width: 900px) { .sol-2 .prev, .sol-2 .next { position: static; margin: 0; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }
  .sol-2 .btns { margin-top: 0.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .sol-2 .btns .sbtn { margin: 0.1rem; } }

.sol-3 { padding-top: 1.33rem; padding-bottom: 1rem; }

.sol-3 .swiper { width: calc(100% + 0.4rem); margin-left: -0.2rem; margin-top: 0.35rem; padding: 0.2rem; overflow: hidden; }

.sol-3 .swiper-container { overflow: visible; }

.sol-3 .sw { -webkit-box-shadow: 0px -3px 0.2rem 0px rgba(202, 216, 230, 0.6); box-shadow: 0px -3px 0.2rem 0px rgba(202, 216, 230, 0.6); height: auto; }

.sol-3 .sw:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.sol-3 .sw:hover .btn { color: #fff; background-color: #b81a35; }

.sol-3 .sw:hover .btn .ic { background-image: url(../images/icon-1.png); }

.sol-3 .img { padding-top: calc(280 / 520 * 100%); overflow: hidden; }

.sol-3 .text { padding: 0.38rem 0.4rem; }

.sol-3 .d1 { color: #222; }

.sol-3 .d2 { line-height: calc(23 / 14); margin-top: 0.22rem; }

.sol-3 .btn { margin-top: 0.53rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; color: #b81a35; line-height: calc(50em / 16); padding: 0 0.25rem; border-radius: 1rem; white-space: nowrap; -webkit-box-shadow: 0 0 0 1px #ccc inset; box-shadow: 0 0 0 1px #ccc inset; overflow: hidden; }

.sol-3 .ic { width: 0.5em; height: 1em; -ms-flex-negative: 0; flex-shrink: 0; background-image: url(../images/icon-3.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 0.5rem; }

.sol-4 { background-color: #eff4f8; padding-top: 1.15rem; padding-bottom: 1.25rem; }

.sol-4 .bot { margin-top: 0.55rem; position: relative; }

.sol-4 .img { position: relative; padding-top: calc(640 / 1600 * 100%); }

.sol-4 .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; }

.sol-4 .mask .icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1rem; height: 1rem; background-image: url(../images/icon-2.png); background-repeat: no-repeat; background-size: contain; }

.system-1 { padding-top: 1.33rem; padding-bottom: 1.2rem; }

.system-1 .swipers { position: relative; margin-top: 0.52rem; }

.system-1 .img { padding-top: calc(600 / 1680 * 100%); }

.system-1 .swiper2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 30; }

.system-1 .swiper2 .swiper-container { height: 100%; }

.system-1 .sw2 { text-align: center; padding: 0.2rem; padding-top: 1.15rem; padding-bottom: 0.7rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 1px 0 0 0 inset rgba(255, 255, 255, 0.2); box-shadow: 1px 0 0 0 inset rgba(255, 255, 255, 0.2); }

.system-1 .my-active { background-color: rgba(0, 0, 0, 0.2); }

.system-1 .my-active .bot { background-image: url(../images/icon-5.png); background-color: rgba(255, 255, 255, 0.2); }

.system-1 .te { position: relative; line-height: 1; }

.system-1 .te .t1 { color: rgba(255, 255, 255, 0.1); position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.system-1 .te .t2 { color: #fff; }

.system-1 .bot { width: 1em; height: 1em; border-radius: 50%; background-image: url(../images/icon-4.png); background-repeat: no-repeat; background-position: center; background-size: 60%; }

@media (max-width: 900px) { .system-1 .sw2 { padding: 30px 0.2rem; } }

.system-2 { background-repeat: no-repeat; background-size: cover; padding: 0.8rem 0; }

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

.system-2 .le { width: calc(650 / 1680 * 100%);width: calc(750 / 1680 * 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.system-2 .txt { line-height: calc(55 / 30); margin-top: 0.38rem; }

.system-2 .imgs { 
	/* width: calc(900 / 1680 * 100%);  */
	width: calc(700 / 1680 * 100%);
}

.system-2 .img { position: relative; padding-top: calc(820 / 900 * 100%); }

.system-2 .img img{
	object-fit: contain;
	-o-object-fit: contain;
}
@media (max-width: 900px) { .system-2 .le { width: 100%; }
  .system-2 .imgs { width: 100%; margin-top: 20px; } }

.system-3 { padding-top: 1.38rem; padding-bottom: 1rem; }

.system-3 .swiper { width: calc(100% + 0.4rem); margin-left: -0.2rem; margin-top: 0.35rem; padding: 0.2rem; overflow: hidden; }

.system-3 .swiper-container { overflow: visible; }

.system-3 .sw { min-height: 4.6rem; height: auto; -webkit-box-shadow: 0px -3px 0.2rem 0px rgba(202, 216, 230, 0.6); box-shadow: 0px -3px 0.2rem 0px rgba(202, 216, 230, 0.6); padding: 0.8rem 0.4rem; text-align: center; }

.system-3 .sw:hover { background-color: #b81a35; color: #fff; }

.system-3 .sw:hover .top { border: 1px dashed #fff; }

.system-3 .sw:hover .num { -webkit-box-shadow: 0px -3px 0.15rem 0px #fff; box-shadow: 0px -3px 0.15rem 0px #fff; color: #fff; }

.system-3 .top { padding: 0.21rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: 1px dashed #b81a35; border-radius: 50%; }

.system-3 .num { width: calc(80em / 36); height: calc(80em / 36); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0px -3px 0.15rem 0px rgba(202, 216, 230, 0.5); box-shadow: 0px -3px 0.15rem 0px rgba(202, 216, 230, 0.5); border-radius: 50%; color: #b81a35; font-weight: 600; }

.system-3 .bot { margin-top: 0.5rem; }

.system-3 .d2 { line-height: calc(32 / 18); margin-top: 0.3rem; }

.svc-1 { padding-top: 0.92rem; padding-bottom: 1.1rem; }

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

.svc-1 .le { width: calc(720 / 1680 * 100%); }

.svc-1 .txt { line-height: calc(33 / 16); margin-top: 0.23rem; }

.svc-1 .txt span { color: #b81a35; }

.svc-1 .t2 { font-weight: bold; }

.svc-1 .t3 { color: #666; }

.svc-1 .imgs { width: calc(894 / 1680 * 100%); padding-top: 0.16rem; }

.svc-1 .img { position: relative; padding-top: calc(627 / 894 * 100%); }

@media (max-width: 900px) { .svc-1 .le { width: 100%; }
  .svc-1 .imgs { width: 80%; margin: 10px auto; } }

.svc-2 { background-repeat: no-repeat; background-size: cover; padding-top: 1.13rem; padding-bottom: 1.3rem; }

.svc-2 .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0.56rem; }

.svc-2 .swiper { width: calc(800 / 1680 * 100%); }

.svc-2 .swiper .img { padding-top: 70%; }

.svc-2 .ul { width: calc(785 / 1680 * 100%); padding: 0.2rem 0; }

.svc-2 .li { padding-top: 0.26rem; padding-bottom: 0.28rem; border-bottom: 1px solid #e0e3e3; }

.svc-2 .li.on .hd { color: #b81a35; }

.svc-2 .li.on .ic { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); background-color: #b81a35; background-image: url(../images/icon-9.png); }

.svc-2 .hd { position: relative; padding-right: 0.5rem; cursor: pointer; }

.svc-2 .ic { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1em; height: 1em; border-radius: 50%; -webkit-box-shadow: 0 0 0 1px inset rgba(184, 26, 53, 0.3); box-shadow: 0 0 0 1px inset rgba(184, 26, 53, 0.3); background-image: url(../images/icon-8.png); background-repeat: no-repeat; background-size: calc(10 / 30 * 100%) auto; background-position: center; }

.svc-2 .bd { display: none; }

.svc-2 .bte { line-height: calc(28 / 16); color: #666; margin-top: 0.22rem; }

@media (max-width: 900px) { .svc-2 .swiper { width: 100%; }
  .svc-2 .ul { width: 100%; } }

.svc-3 { padding: 1.2rem 0; }

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

.svc-3 .le { width: calc(940 / 1680 * 100%); }

.svc-3 .text { height: 3.6rem; width: 8.4rem; max-width: 100%; padding-top: 0.4rem; }

.svc-3 .txt { line-height: calc(28 / 16); margin-top: 0.28rem; overflow-y: auto; height: calc(28em / 16 * 7); }

.svc-3 .img { position: relative; padding-top: calc(350 / 940 * 100%); }

.svc-3 .ri { width: calc(730 / 1680 * 100%); }

.svc-3 .ri .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.svc-3 .ri .item { width: calc(360 / 730 * 100%); min-height: 3.5rem; background-color: #eff4f8; margin-bottom: 0.1rem; text-align: center; background-repeat: no-repeat; background-size: cover; padding: 0.2rem; padding-top: 1.08rem; }

.svc-3 .ri .item:hover { background-color: #b81a35; }

.svc-3 .ri .item:hover .i1 { display: none; }

.svc-3 .ri .item:hover .i2 { display: block; }

.svc-3 .ri .item:hover * { color: #fff; }

.svc-3 .ri .ic { width: 1em; height: 1em; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.svc-3 .ri .ic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.svc-3 .ri .i2 { display: none; }

.svc-3 .ri .te { margin-top: 0.32rem; }

.svc-3 .ri .t1 { color: #666; }

.svc-3 .ri .t1 span { color: #b81a35; }

.svc-3 .ri .t2 { line-height: 1.6; margin-top: 0.04rem; }

@media (max-width: 900px) { .svc-3 .le { width: 100%; }
  .svc-3 .text { width: 100%; height: auto; }
  .svc-3 .ri { width: 100%; margin-top: 20px; } }

.svc-4 { background-color: #f7f7f7; padding-top: 1.15rem; padding-bottom: 0.95rem; }

.svc-4 .ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0.55rem; }

.svc-4 .li { width: calc(400 / 1680 * 100%); margin-right: calc(26 / 1680 * 100%); margin-bottom: 0.3rem; }

.svc-4 .li:nth-child(4n) { margin-right: 0; }

.svc-4 .dd { background-color: #fff; padding: 0.6rem 0.4rem 0.4rem; display: block; height: 100%; position: relative; -webkit-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }

.svc-4 .dd:hover { -webkit-box-shadow: 2px 2px 0.2rem 0px rgba(184, 26, 53, 0.1); box-shadow: 2px 2px 0.2rem 0px rgba(184, 26, 53, 0.1); }

.svc-4 .dd:hover::before { width: 100%; }

.svc-4 .dd:hover .icon { background-color: #b81a35; }

.svc-4 .dd:hover .btn { background-color: #b81a35; -webkit-box-shadow: none; box-shadow: none; color: #fff; }

.svc-4 .dd:hover .ic { background-image: url(../images/icon-7.png); }

.svc-4 .dd::before { content: ""; width: 0; height: 4px; background-color: #b81a35; -webkit-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); position: absolute; left: 0; bottom: 0; }

.svc-4 .icon { width: 0.7rem; height: 0.7rem; background-color: #eff4f8; border-radius: 0.1rem; }

.svc-4 .icon img { width: 100%; }

.svc-4 .te { margin-top: 0.39rem; min-height: 1rem; }

.svc-4 .d2 { margin-top: 0.12rem; color: #999; }

.svc-4 .btn { margin-top: 0.42rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; color: #b81a35; -webkit-box-shadow: 0 0 0 1px #ccc; box-shadow: 0 0 0 1px #ccc; line-height: 1; padding: 0.16rem 0.25rem; border-radius: 1rem; white-space: nowrap; overflow: hidden; }

.svc-4 .ic { width: 1em; height: 1em; -ms-flex-negative: 0; flex-shrink: 0; background-image: url(../images/icon-6.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 0.4rem; }

@media (max-width: 900px) { .svc-4 .ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .svc-4 .li { width: 48%; margin-right: 0; margin-bottom: 4%; } }

.svc-5 { padding: 1rem 0; }

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

.svc-5 .le { width: calc(600 / 1680 * 100%); padding-top: 0.78rem; }

.svc-5 .list { margin-top: 0.67rem; }

.svc-5 .li { padding-bottom: 0.58rem; border-bottom: 1px solid #e0e3e3; margin-bottom: 0.58rem; }

.svc-5 .li .tt { margin-bottom: 0.28rem; }

.svc-5 .li .ph { color: #b81a35; margin-top: -0.1rem; }

.svc-5 .ifex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.svc-5 .ifex .ic { width: 1em; height: 1em; margin-right: 0.2rem; -ms-flex-negative: 0; flex-shrink: 0; }

.svc-5 .ifex .if1 { color: #b81a35; }

.svc-5 .ifex .if2 { color: #666; }

.svc-5 .nlist { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: -0.1rem; }

.svc-5 .nlist .num { color: #b81a35; }

.svc-5 .nlist .n1 { line-height: 1; }

.svc-5 .nlist .n2 { color: #666; margin-top: 4px; }

.svc-5 .map { width: calc(830 / 1680 * 100%); }

.svc-5 .mbox { position: relative; padding-top: calc(941 / 830 * 100%); }

.svc-5 .absolute { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.svc-5 .mcont { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; background-image: url(../images/svc5_map.png); background-repeat: no-repeat; background-size: contain; width: 830px; height: 941px; }

.svc-5 .item { position: absolute; }

.svc-5 .item:hover .hd { background-color: rgba(184, 26, 53, 0.1); }

.svc-5 .item:hover .bd { opacity: 1; pointer-events: auto; }

.svc-5 .hd { width: 1em; height: 1em; background-image: url(../images/svc5_0.png); background-repeat: no-repeat; background-size: contain; border-radius: 50%; }

.svc-5 .bd { position: absolute; bottom: 100%; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); background-color: #fff; -webkit-box-shadow: 0 0 0 1px #b81a35; box-shadow: 0 0 0 1px #b81a35; white-space: nowrap; line-height: calc(24 / 14); padding: 0 0.13rem; border-radius: 1rem; opacity: 0; pointer-events: none; }

.svc-5 .bd::before { content: ""; width: 6px; height: 6px; border: 1px solid #b81a35; background-color: #fff; position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 50%) rotate(45deg); -ms-transform: translate(-50%, 50%) rotate(45deg); transform: translate(-50%, 50%) rotate(45deg); }

.svc-5 .bd .bte { background-color: #fff; position: relative; }

.svc-5 .it1 { left: calc(218 / 830 * 100%); top: calc(217 / 940 * 100%); }

.svc-5 .it2 { left: calc(720 / 830 * 100%); top: calc(158 / 940 * 100%); }

.svc-5 .it3 { left: calc(647 / 830 * 100%); top: calc(192 / 940 * 100%); }

.svc-5 .it4 { left: calc(672 / 830 * 100%); top: calc(226 / 940 * 100%); }

.svc-5 .it5 { left: calc(532 / 830 * 100%); top: calc(265 / 940 * 100%); }

.svc-5 .it6 { left: calc(581 / 830 * 100%); top: calc(272 / 940 * 100%); }

.svc-5 .it7 { left: calc(620 / 830 * 100%); top: calc(265 / 940 * 100%); }

.svc-5 .it8 { left: calc(605 / 830 * 100%); top: calc(291 / 940 * 100%); }

.svc-5 .it9 { left: calc(460 / 830 * 100%); top: calc(305 / 940 * 100%); }

.svc-5 .it10 { left: calc(545 / 830 * 100%); top: calc(315 / 940 * 100%); }

.svc-5 .it11 { left: calc(575 / 830 * 100%); top: calc(315 / 940 * 100%); }

.svc-5 .it12 { left: calc(390 / 830 * 100%); top: calc(335 / 940 * 100%); }

.svc-5 .it13 { left: calc(425 / 830 * 100%); top: calc(350 / 940 * 100%); }

.svc-5 .it14 { left: calc(615 / 830 * 100%); top: calc(335 / 940 * 100%); }

.svc-5 .it15 { left: calc(565 / 830 * 100%); top: calc(367 / 940 * 100%); }

.svc-5 .it16 { left: calc(465 / 830 * 100%); top: calc(385 / 940 * 100%); }

.svc-5 .it17 { left: calc(615 / 830 * 100%); top: calc(420 / 940 * 100%); }

.svc-5 .it18 { left: calc(642 / 830 * 100%); top: calc(415 / 940 * 100%); }

.svc-5 .it19 { left: calc(681 / 830 * 100%); top: calc(430 / 940 * 100%); }

.svc-5 .it20 { left: calc(418 / 830 * 100%); top: calc(449 / 940 * 100%); }

.svc-5 .it21 { left: calc(563 / 830 * 100%); top: calc(449 / 940 * 100%); }

.svc-5 .it22 { left: calc(667 / 830 * 100%); top: calc(446 / 940 * 100%); }

.svc-5 .it23 { left: calc(455 / 830 * 100%); top: calc(468 / 940 * 100%); }

.svc-5 .it24 { left: calc(603 / 830 * 100%); top: calc(477 / 940 * 100%); }

.svc-5 .it25 { left: calc(553 / 830 * 100%); top: calc(493 / 940 * 100%); }

.svc-5 .it26 { left: calc(457 / 830 * 100%); top: calc(520 / 940 * 100%); }

.svc-5 .it27 { left: calc(658 / 830 * 100%); top: calc(528 / 940 * 100%); }

.svc-5 .it28 { left: calc(395 / 830 * 100%); top: calc(541 / 940 * 100%); }

.svc-5 .it29 { left: calc(481 / 830 * 100%); top: calc(587 / 940 * 100%); }

.svc-5 .it30 { left: calc(567 / 830 * 100%); top: calc(571 / 940 * 100%); }

@media (max-width: 900px) { .svc-5 .le { width: 100%; }
  .svc-5 .map { width: 100%; }
  .svc-5 .hd { width: 30px; height: 30px; }
  .svc-5 .bd { padding: 0 10px; }
  .svc-5 .bte { font-size: 20px; } }

.pro-1 { background-image: url(../images/pro-ban.jpg); background-repeat: no-repeat; background-size: cover; }

.pro-1 .tops { padding-top: 1.12rem; padding-bottom: 1.37rem; }

.pro-1 .tops .d1 { font-weight: 600; }

.pro-1 .bots { border-top: 1px solid rgba(51, 51, 51, 0.1); }

.pro-1 .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.pro-1 .navs { font-size: 0; }

.pro-1 .navs .na { display: inline-block; margin-right: 0.6rem; padding: 0.32rem 0; line-height: 1; position: relative; }

.pro-1 .navs .na:hover { color: #b81a35; }

.pro-1 .navs .na.on { color: #b81a35; }

.pro-1 .navs .na.on::before { content: ""; width: 100%; height: 3px; position: absolute; top: -1px; left: 0; background-color: #b81a35; }

.pro-1 .navs .na:last-child { margin-right: 0; }

.pro-1 .breads { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.pro-1 .breads .home { width: 1em; height: 1em; background-image: url(../images/icon-home1.png); background-repeat: no-repeat; background-size: contain; background-position: center; margin-right: 0.1rem; }

.pro-1 .breads .a:hover { color: #b81a35; }

.pro-1 .breads span { margin: 0 0.25em; }

@media (min-width: 901px) { .pro-page::before { content: ""; width: 5rem; height: 100%; position: absolute; left: 0; top: 0; background-color: #eff4f8; } }

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

.pro-le { width: calc(340 / 1680 * 100%); padding-top: 1.2rem; padding-bottom: 0.2rem; position: relative; z-index: 20; }

@media (max-width: 900px) { .pro-le { width: 100%; }
  .pro-le::before { content: ""; width: 200; height: 100%; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); } }

.pro-ri { width: calc(1180 / 1680 * 100%); padding-top: 1.15rem; }

@media (max-width: 900px) { .pro-ri { width: 100%; } }

.pro-nav { position: -webkit-sticky; position: sticky; top: 1.1rem; }

.pro-nav .aa { display: block; margin-bottom: 0.1rem; color: #666; position: relative; padding: 0.21rem 0.3rem; }

.pro-nav .aa:hover { color: #333; }

.pro-nav .aa.on { color: #333; background-color: #fff; -webkit-box-shadow: 0px -3px 10px 0px rgba(202, 216, 230, 0.5); box-shadow: 0px -3px 10px 0px rgba(202, 216, 230, 0.5); -webkit-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); }

.pro-nav .aa.on::before { content: ""; position: absolute; right: 0; top: 0; width: 4px; height: 100%; background-color: #b81a35; }

.pr-item { position: relative; margin-bottom: 0.68rem; }

.pr-item .prt { font-weight: 600; }

.pro-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0.43rem; margin-bottom: 0.25rem; }

.pro-list .li { width: calc(700 / 1440 * 100%); margin-bottom: 0.26rem; }

.pro-list .dd { position: relative; padding-bottom: 0.28rem; padding-left: 1em; padding-right: 1em; letter-spacing: 1px; display: block; height: 100%; border-bottom: 1px solid #f3f3f3; color: #666; }

.pro-list .dd::before { content: ""; position: absolute; top: 0.6em; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: calc(1em / 3); height: calc(1em / 3); background-color: #b81a35; border-radius: 50%; }

.pro-list .dd::after { content: ""; background-color: #b81a35; width: 0%; height: 1px; position: absolute; left: 0; bottom: 0; -webkit-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); }

.pro-list .dd:hover { color: #b81a35; }

.pro-list .dd:hover::after { width: 100%; }

@media (max-width: 900px) { .pro-list .li { width: 100%; } }

.bgcover { background-size: cover; }


/*弹出层相关*/
.c-btn{display: inline-block;vertical-align: top;font-size: 14px;color: #fff;line-height: 1.43;text-align: center;cursor: pointer;user-select: none;border: 1px solid transparent;border-radius: 4px;padding: 6px 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.c-btn:hover{color: #fff;}
.c-blue{background-color: #0d6efd;border: 1px solid #0d6efd;}
.c-blue:hover{background-color: #0b5ed7;border-color: #0b5ed7;}
.c-white{background-color: #fff;border: 1px solid #dee2e6;color: #666;transition: all .3s;}
.c-white:hover,
.c-white:focus,
.c-white:active{color: #333;background-color:#e6e6e6;border-color:#adadad;}
.hn-tip{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;visibility: hidden;opacity: 0;z-index: 987654321;background-color: rgba(0,0,0,0.1);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip .hn-mask{background-color: transparent;}
.hn-msg{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;font-size: 14px;color: #fff;background-color: rgba(0,0,0,0.6);border-radius: 2px;padding: 12px 25px;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip.show .hn-mask{visibility: visible;opacity: 1;}
.hn-tip.show .hn-msg{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-load{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-load-cont{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-load-icon{width: 32px;height: 32px;margin: 0 auto;background-image: url(../images/load.gif);background-repeat: no-repeat;background-position: 100% 100%;}
.hn-load-title{font-size: 14px;color: #333;text-align: center;margin-top: 10px;}
.hn-load.show .hn-mask{visibility: visible;opacity: 1;}
.hn-load.show .hn-load-cont{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-confirm{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-confirm-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-confirm-title{padding: 0 80px 0 20px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-confirm-cont{width: 100%;position: relative;padding: 20px;line-height: 24px;word-break: break-all;overflow: hidden;font-size: 14px;}
.hn-confirm-btns{text-align: right;padding: 0 15px 12px;user-select: none;font-size: 0;}
.hn-confirm-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-confirm-close:hover{opacity: 0.7;}
.hn-confirm-btns .c-btn{margin-left: 10px;}
.hn-confirm-btns .c-btn:first-child{margin-left: 0;}
.hn-confirm.show .hn-mask{visibility: visible;opacity: 1;}
.hn-confirm.show .hn-confirm-dialog{transform: scale(1);opacity: 1;visibility: visible;}
.hn-html{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-html-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-html-title{padding: 0 80px 0 10px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-html-cont{width: 100%;position: relative;padding: 10px;line-height: 24px;word-break: break-all;overflow: auto;font-size: 14px;}
.hn-html-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-html-close:hover{opacity: 0.7;}
.hn-html.show .hn-mask{visibility: visible;opacity: 1;}
.hn-html.show .hn-html-dialog{transform: scale(1);opacity: 1;visibility: visible;}