html { font-size: 14px; } body { font-family: "微软雅黑", Helvetica, -apple-system, Arial, "Lucida Grande", system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, ul, dd, dl, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin: 0px; padding: 0px; -webkit-font-smoothing: subpixel-antialiased; } .edit .layout, .edit .gp-layout { border: 1px dashed #ccc; } .gp-lf { float: left; } .gp-rt { float: right; } *, *::before, *::after { box-sizing: border-box; } .row { display: flex; flex-wrap: wrap; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } abbr[title], abbr[data-bs-original-title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; } pre, code, kbd, samp { font-size: 1em; direction: ltr /* rtl:ignore */ ; unicode-bidi: bidi-override; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; word-wrap: break-word; } a>code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 1em; font-weight: 700; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } .col { flex: 1 0 0%; } .row-cols-auto>* { flex: 0 0 auto; width: auto; } .row-cols-1>* { flex: 0 0 auto; width: 100%; } .row-cols-2>* { flex: 0 0 auto; width: 50%; } .row-cols-3>* { flex: 0 0 auto; width: 33.33333%; } .row-cols-4>* { flex: 0 0 auto; width: 25%; } .row-cols-5>* { flex: 0 0 auto; width: 20%; } .row-cols-6>* { flex: 0 0 auto; width: 16.66667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333%; } .col-2 { flex: 0 0 auto; width: 16.66667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333%; } .col-5 { flex: 0 0 auto; width: 41.66667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333%; } .col-8 { flex: 0 0 auto; width: 66.66667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333%; } .col-11 { flex: 0 0 auto; width: 91.66667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } img, object { max-width: 100%; width: auto\9; /* for ie8 */ -ms-interpolation-mode: bicubic; } a { outline: none; blr: expression(this.onFocus=this.blur()); text-decoration: none; } .gp-pa { position: absolute; } .gp-pr { position: relative; } .gp-clearFix { *zoom: 1; clear: both; } .gp-clearFix:after { content: ''; display: block; clear: both; } .gp-clear { width: 100%; overflow: hidden; } .list-unstyled, [class*="gp-avg"] { padding-left: 0; list-style: none; } /*响应式图片*/ .gp-img-responsive { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; display: block; background-color: #d8e3e6 } .gp-img-responsive img { width: 100%; transition: all 0.5s ease-in-out; max-width: none; } .gp-img-responsive img:hover { transform: scale(1.03); opacity: 0.85; } .gp-radius { border-radius: 3px; display: block; overflow: hidden; } .gp-round { border-radius: 500px; display: block; overflow: hidden; } .gp-circle { border-radius: 50%; display: block; overflow: hidden; } .gp-ul-inline { font-size: 0; } .gp-ul-inline>li { display: inline-block; *display: inline; *zoom: 1; font-size: 14px; vertical-align: top; } .gp-fl, .gp-md-fl, .gp-sm-fl { float: left; } .gp-fr, .gp-md-fr, .gp-sm-fr { float: right; } .gp-center { display: block; margin-left: auto; margin-right: auto; } .gp-vam, .gp-vama * { vertical-align: middle; } .gp-inline { display: inline-block; } .gp-hide { display: none !important; } /*边框*/ .gp-img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 2px; line-height: 1.6; background-color: #fff; border: 1px solid #ddd; border-radius: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .gp-ib { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } /*半透明背景*/ .gp-overlay { width: 100%; height: 100%; position: fixed; top: 0; z-index: 180; background: #000; opacity: 0.7; filter: alpha(opacity=80); display: none; left: 0 } /*文章页控制ul li序号*/ .gp-article ol, .gp-article ol li, .gp-order-list li, .gp-order-list { list-style: decimal inside none; } .gp-article ul, .gp-article ul li, .gp-unorder-list li, .gp-unorder-list { list-style: disc inside none; } .gp-unorder-list.circle { list-style-type: circle } .gp-unorder-list.square, .gp-unorder-list.square li { list-style-type: square } .gp-unorder-list.upper-roman, .gp-unorder-list.upper-roman li { list-style-type: upper-roman } .gp-unorder-list.lower-alpha, .gp-unorder-list.lower-alpha li { list-style-type: lower-alpha } .gp-article { word-break: break-word; } .gp-article1 p{} .gp-article{word-break: break-word;} .gp-article1 p{line-height: 1.8;margin-top:5px;margin-bottom:1em;} @media screen and (max-width:767px) { .gp-article {word-break: break-all;} .gp-article img{width:auto !important;height:auto !important;} .gp-article video{width:auto !important;} .gp-article table{width:100% !important; } } @media screen and (max-width:767px) { .gp-article { word-break: break-all; } .gp-article img { width: auto !important; height: auto !important; } .gp-article video { width: auto !important; } .gp-article table { width: 100% !important; } } /*字号*/ .gp-f12, .gp-f10 { font-size: 12px; } .gp-f14 { font-size: 14px; } .gp-f16 { font-size: 16px; } .gp-f17 { font-size: 17px; } .gp-f18 { font-size: 18px; } .gp-f20 { font-size: 20px; } .gp-f22 { font-size: 22px; } .gp-f24 { font-size: 24px; } .gp-f26 { font-size: 26px; } .gp-f28 { font-size: 28px; } .gp-f30 { font-size: 30px; } .gp-f32 { font-size: 32px; } .gp-f34 { font-size: 34px; } .gp-f36 { font-size: 36px; } .gp-f38 { font-size: 38px; } .gp-f40 { font-size: 40px; } .gp-ul-inline { font-size: 0; } .gp-ul-inline>li { display: inline-block; *display: inline; *zoom: 1; font-size: 14px; vertical-align: top; } .gp-fl, .gp-md-fl, .gp-sm-fl { float: left; } .gp-fr, .gp-md-fr, .gp-sm-fr { float: right; } .gp-center { display: block; margin-left: auto; margin-right: auto; } .gp-vam, .gp-vama * { vertical-align: middle; } /* 字体色 */ .gp-black *, .gp-black { color: #333 } .gp-white *, .gp-white { color: #fff } .gp-white *:hover, .gp-white:hover { color: #fff; } .bg-white { background-color: #fff; } /*一行截短*/ .gp-ellipsis, .gp-text-truncate { word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } /*透明度*/ .gp-opt-50 { opacity: 0.5; filter: alpha(opacity=50); } /*-平均分配*/ [class*="gp-avg"] { display: flex; display: -ms-flexbox; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: wrap; justify-content: left; } [class*="gp-avg"]>li {} /* 版心和间距的问题 */ .gp-container { width: 1400px; margin-left: auto; margin-right: auto; } @media screen and (max-width:1420px) { .gp-container { width: 1200px; } } @media screen and (max-width:1386px) { .gp-container { width: 1100px; } .gp-f22 { font-size: 21px; } } @media screen and (max-width:1240px) { .gp-container { width: 1000px; } } @media screen and (max-width:1060px) { .gp-container { width: 900px; } } @media screen and (max-width:996px) { .gp-container { width: auto !important; margin-left: 2vw; margin-right: 2vw; padding-left: 0; padding-right: 0; } .gp-md-fl, .gp-md-fr { float: none; width: 100% !important; } .gp-f30 { font-size: 26px; } .gp-f22 { font-size: 20px; } } @media screen and (max-width:767px) { .gp-container { margin-left: 15px; margin-right: 15px; } .gp-row { margin-left: -8px; margin-right: -8px; } .gp-p15 { padding-left: 8px; padding-right: 8px; } .gp-m15 { margin-left: 8px; margin-right: 8px; } .gp-sm-fl, .gp-sm-fr { float: none; width: 100% !important; } .gp-f30 { font-size: 24px; } .gp-f22 { font-size: 19px; } } /* 表格 */ .gp-table>tbody>tr>td, .gp-table>tbody>tr>th, .gp-table>tfoot>tr>td, .gp-table>tfoot>tr>th, .gp-table>thead>tr>td, .gp-table>thead>tr>th { padding: 19px 20px; line-height: 1.4; word-break: break-all; } .gp-table-bordered { border: solid #e6e6e6; border-width: 0px 0 1px 0px; } .gp-table * { word-wrap: break-word; } /*边框*/ .gp-table-bordered td { border: solid #e6e6e6; border-width: 1px 1px 0px 1px; } /*条纹*/ .gp-table-striped>tbody>tr:nth-child(even)>td, .gp-table-striped>tbody>tr:nth-child(even)>th { background-color: #f5f5f5 } /*置顶*/ .gp-goTop { width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 25px; } .gp-goTop-fixed { position: fixed; right: 20px; bottom: 20px; z-index: 800; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); display: none; } .gp-goTop-fixed.bottom { bottom: 150px; } /*低版本跳转样式*/ .ie_bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000; opacity: 0.9; filter: alpha(opacity=90); z-index: 99998; } .ie9tips { width: 400px; height: 300px; position: fixed; top: 50%; left: 50%; margin: -150px 0 0 -200px; line-height: 1.8; color: #fff; z-index: 99999; text-align: center; } .ie9tips a { color: red; } .ie9tips img { display: block; margin: 0 auto; opactiy: 0.9; filter: alpha(opacity=90); } .ie9tips p { padding-top: 10px; color: #fff; width: 420px; margin: 10px auto; line-height: 1.8; } .gp-mb5 { margin-bottom: 5px; } .imgSize169 { padding-bottom: 56.25% !important; } .imgSize32 { padding-bottom: 66.6% !important; } .imgSize11 { padding-bottom: 100% !important; } .imgSize34 { padding-bottom: 151.3% !important; } .imgSize1920400 { padding-bottom: 20.8% !important; } @media screen and (min-width:100px) { [class*="gp-avg"]>li { width: 100%; } [class*="col-"] { min-height: 50px; width: 100%; } /*平均分配*/ .gp-avg-xxs-1>li { width: 100%; } .gp-avg-xxs-2>li { width: 50%; } .gp-avg-xxs-3>li { width: 33.3%; } .gp-avg-xxs-4>li { width: 25%; } .gp-avg-xxs-5>li { width: 20%; } .gp-avg-xxs-6>li { width: 16.6%; } .gp-avg-1>li { width: 100%; } .gp-avg-2>li { width: 50%; } .gp-avg-3>li { width: 33.3%; } .gp-avg-4>li { width: 25%; } .gp-avg-5>li { width: 20%; } .gp-avg-6>li { width: 16.6%; } .col-xs-1 { flex: 0 0 auto; width: 8.33333%; } .col-xs-2 { flex: 0 0 auto; width: 16.66667%; } .col-xs-3 { flex: 0 0 auto; width: 25%; } .col-xs-4 { flex: 0 0 auto; width: 33.33333%; } .col-xs-5 { flex: 0 0 auto; width: 41.66667%; } .col-xs-6 { flex: 0 0 auto; width: 50%; } .col-xs-7 { flex: 0 0 auto; width: 58.33333%; } .col-xs-8 { flex: 0 0 auto; width: 66.66667%; } .col-xs-9 { flex: 0 0 auto; width: 75%; } .col-xs-10 { flex: 0 0 auto; width: 83.33333%; } .col-xs-11 { flex: 0 0 auto; width: 91.66667%; } .col-xs-12 { flex: 0 0 auto; width: 100%; } } @media screen and (min-width:479px) { /*平均分配*/ .gp-avg-xs-1>li { width: 100%; } .gp-avg-xs-2>li { width: 50%; } .gp-avg-xs-3>li { width: 33.3%; } .gp-avg-xs-4>li { width: 25%; } .gp-avg-xs-5>li { width: 20%; } .gp-avg-xs-6>li { width: 16.6%; } } @media (min-width: 767px) { /*平均分配*/ .gp-avg-sm-1>li { width: 100%; } .gp-avg-sm-2>li { width: 50%; } .gp-avg-sm-3>li { width: 33.3%; } .gp-avg-sm-4>li { width: 25%; } .gp-avg-sm-5>li { width: 20%; } .gp-avg-sm-6>li { width: 16.6%; } .col-sm { flex: 1 0 0%; } .row-cols-sm-auto>* { flex: 0 0 auto; width: auto; } .row-cols-sm-1>* { flex: 0 0 auto; width: 100%; } .row-cols-sm-2>* { flex: 0 0 auto; width: 50%; } .row-cols-sm-3>* { flex: 0 0 auto; width: 33.33333%; } .row-cols-sm-4>* { flex: 0 0 auto; width: 25%; } .row-cols-sm-5>* { flex: 0 0 auto; width: 20%; } .row-cols-sm-6>* { flex: 0 0 auto; width: 16.66667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media screen and (min-width:1300px) {} @media (min-width: 996px) { /*平均分配*/ .gp-avg-md-1>li { width: 100%; } .gp-avg-md-2>li { width: 50%; } .gp-avg-md-3>li { width: 33.3%; } .gp-avg-md-4>li { width: 25%; } .gp-avg-md-5>li { width: 20%; } .gp-avg-md-6>li { width: 16.6%; } .col-md { flex: 1 0 0%; } .row-cols-md-auto>* { flex: 0 0 auto; width: auto; } .row-cols-md-1>* { flex: 0 0 auto; width: 100%; } .row-cols-md-2>* { flex: 0 0 auto; width: 50%; } .row-cols-md-3>* { flex: 0 0 auto; width: 33.33333%; } .row-cols-md-4>* { flex: 0 0 auto; width: 25%; } .row-cols-md-5>* { flex: 0 0 auto; width: 20%; } .row-cols-md-6>* { flex: 0 0 auto; width: 16.66667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333%; } .col-md-2 { flex: 0 0 auto; width: 16.66667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333%; } .col-md-5 { flex: 0 0 auto; width: 41.66667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333%; } .col-md-8 { flex: 0 0 auto; width: 66.66667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333%; } .col-md-11 { flex: 0 0 auto; width: 91.66667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1300px) { /*平均分配*/ .gp-avg-lg-1>li { width: 100%; } .gp-avg-lg-2>li { width: 50%; } .gp-avg-lg-3>li { width: 33.3%; } .gp-avg-lg-4>li { width: 25%; } .gp-avg-lg-5>li { width: 20%; } .gp-avg-lg-6>li { width: 16.6%; } .col-lg { flex: 1 0 0%; } .row-cols-lg-auto>* { flex: 0 0 auto; width: auto; } .row-cols-lg-1>* { flex: 0 0 auto; width: 100%; } .row-cols-lg-2>* { flex: 0 0 auto; width: 50%; } .row-cols-lg-3>* { flex: 0 0 auto; width: 33.33333%; } .row-cols-lg-4>* { flex: 0 0 auto; width: 25%; } .row-cols-lg-5>* { flex: 0 0 auto; width: 20%; } .row-cols-lg-6>* { flex: 0 0 auto; width: 16.66667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto>* { flex: 0 0 auto; width: auto; } .row-cols-xl-1>* { flex: 0 0 auto; width: 100%; } .row-cols-xl-2>* { flex: 0 0 auto; width: 50%; } .row-cols-xl-3>* { flex: 0 0 auto; width: 33.33333%; } .row-cols-xl-4>* { flex: 0 0 auto; width: 25%; } .row-cols-xl-5>* { flex: 0 0 auto; width: 20%; } .row-cols-xl-6>* { flex: 0 0 auto; width: 16.66667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto>* { flex: 0 0 auto; width: auto; } .row-cols-xxl-1>* { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2>* { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3>* { flex: 0 0 auto; width: 33.33333%; } .row-cols-xxl-4>* { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5>* { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6>* { flex: 0 0 auto; width: 16.66667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333%; } .offset-xxl-2 { margin-left: 16.66667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333%; } .offset-xxl-5 { margin-left: 41.66667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333%; } .offset-xxl-8 { margin-left: 66.66667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333%; } .offset-xxl-11 { margin-left: 91.66667%; } } .text-center { text-align: center; } .text-left { text-align: left; } .fadeInUpSmall { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @-webkit-keyframes fadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpSmall { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .testimonials-carousel.slick-slider .slick-track { -webkit-transition-delay: 0.8s !important; transition-delay: 0.8s !important; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; max-width: none; width: 100%; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-arrow { width: 30px; height: 60px; color: #333; line-height: 60px; text-align: center; position: absolute; border: none; z-index: 88; cursor: pointer; transition: all 0.35s ease-in-out; background: none; overflow: hidden; font-size: 25px; top: 50%; transform: translateY(-50%); } .slick-arrow:after { content: ''; width: 60px; height: 60px; background-color: #fff; left: -30px; top: 0; position: absolute; z-index: 0; transition: all 0.4s ease-in-out; border-radius: 50%; } .slick-arrow:before { position: relative; z-index: 10; } .slick-arrow:hover:after { background-color: #333; opacity: 1; } .slick-next:after { left: auto; right: -30px; } .slick-prev { left: 0; } .slick-next { right: 0; } .slick-arrow:hover { color: #fff; } .slick-dots { text-align: right; position: absolute; right: 2vw; bottom: 10px; } .slick-dots li { width: 10px; height: 10px; position: relative; margin: 0 6px; display: inline-block; *display: inline; *zoom: 1; } .slick-dots li button { text-indent: -8888em; background-color: #e6e5e1; border: none; width: 100%; height: 100%; cursor: pointer; transition: background 0.4s ease-in-out; border-radius: 50%; overflow: hidden; } .slick-txt2 { position: absolute; left: 0; width: 100%; bottom: 0; color: #fff; box-sizing: border-box; padding: 0 20px; height: 90px; line-height: 90px; font-weight: bold; background: rgba(0, 0, 0, 0); background: -webkit-gradient(top, bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.8))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0.8) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); } @media screen and (max-width:767px) { .slick-arrow { transform: scale(0.7) translateY(-50%) } .slick-txt2 { height: 50px; line-height: 50px; background-size: auto 50px; font-size: 14px; } } @media screen and (max-width:767px) { .slick-txt2 { display: none; } .gp-f28 { font-size: 24px; } }