@charset "UTF-8";
/* COMMON START */
.content { width: 1200px; min-width: 1200px; margin: auto; }

.trs { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

body { --color-base: #ca1935; }

.title { width: 100%; text-align: center; }

.title-cn { font-weight: bold; font-size: 30px; color: var(--color-base); margin-bottom: 10px; }

.title-en { font-size: 18px; color: #000000; }

.title-text { margin: 20px 0 10px; font-weight: 600; color: #333333; font-size: 22px; letter-spacing: 6px; text-align: center; }

.ny-banner { height: 565px; width: 100%; min-width: 1200px; }

/* COMMON END */
/* HEADER START */
.header { width: 100%; height: 80px; background-color: #fff; }

.headerFixed { width: 100%; height: inherit; position: fixed; top: 0; box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; background-color: #fff; z-index: 10000; }

.header-box { height: inherit; }

.header .icon-box { width: 212px; aspect-ratio: 212 / 55; height: auto; background: url("../images/logo.png") no-repeat center top; }

.header .navigation { width: 60%; }

.header .navigation > ul { letter-spacing: 1px; }

.header .navigation ul li { position: relative; z-index: 100; }

.header .navigation ul li a { display: block; width: 100px; text-align: center; padding: 10px 0; font-size: 16px; }

.header .navigation ul li ul { padding-top: 20px; background-color: #ffffff; position: absolute; width: 100%; overflow: hidden; display: none; }

.header .navigation ul li ul li { text-align: center; width: 100%; }

.header .navigation .menu { color: #333; }

.header .navigation .menu a { display: block; width: 100px; text-align: center; padding: 10px 0; }

.header .navigation .menu a:hover { background: none; background-color: var(--color-base); color: #fff; }

.tab-active { color: var(--color-base) !important; }

/* HEADER END */
/* FOOTER START */
.footer { width: 100%; min-width: 1200px; height: 440px; background: url("../images/footer_bg.jpg") no-repeat center top; color: rgba(255, 255, 255, 0.8); }

.footer .content { height: inherit; padding: 45px 0 25px; }

.footer .content-box { width: 100%; flex: 1; }

.footer .left-box { border: 4px solid #fff; width: 360px; margin-right: 100px; height: 280px; padding-left: 60px; }

.footer .left-box .foo-title { padding: 24px 0; position: relative; }

.footer .left-box .foo-title h1 { font-size: 18px; font-weight: bold; }

.footer .left-box .foo-title::before { content: ""; position: absolute; left: -20px; top: 25px; width: 6px; height: 45px; background-color: var(--color-base); }

.footer .left-box .qr-code { margin: 20px 0 0 70px; width: 120px; }

.footer .left-box p{ line-height: 1.7; }

.footer .right-box { flex: 1; }

.footer .right-box .fir-ul > li ul { font-size: 14px; color: rgba(255, 255, 255, 0.8); }

.footer .right-box .fir-ul a { display: block; margin-bottom: 16px; }

/* FOOTER END */
/* 首页 */
/* banner */
.swiper { width: 100%; min-width: 1200px; height: 565px; position: relative; }

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

.swiper .swiper-pagination-bullet-active { background-color: var(--color-base) !important; border: none; }

/* service */
.service { width: 100%; height: 400px; min-width: 1200px; background: url("../images/index-service-bg.jpg") no-repeat center; }

.service-list { margin-top: 30px; display: flex; justify-content: space-between; }

.service-list .list-item { width: 32%; display: flex; flex-direction: column; align-items: center; padding: 30px 0; border-radius: 8px; box-shadow: 0 1px 3px 1px #e9e9ea; border: 1px solid #e9e9e9; }

.service-list .list-item .item-icon { width: 41px; aspect-ratio: 1 / 1; }

.service-list .list-item:nth-child(1) .item-icon { background: url("../images/index-service-icon1_1.png") no-repeat center/cover; }

.service-list .list-item:nth-child(2) .item-icon { background: url("../images/index-service-icon2_1.png") no-repeat center/cover; }

.service-list .list-item:nth-child(3) .item-icon { background: url("../images/index-service-icon3_1.png") no-repeat center/cover; }

.service-list .list-item .item-icon { display: inline-block; width: 41px; height: 41px; }

.service-list .list-item h2 { font-weight: bold; font-size: 30px; color: #333333; padding: 10px 0; }

.service-list .list-item h4 { font-size: 22px; color: #666666; }

.service-list .active-item { background-color: #ca1935; cursor: pointer; }

.service-list .active-item:nth-child(1) .item-icon { background: url("../images/index-service-icon1_2.png") no-repeat center/cover; }

.service-list .active-item:nth-child(2) .item-icon { background: url("../images/index-service-icon2_2.png") no-repeat center/cover; }

.service-list .active-item:nth-child(3) .item-icon { background: url("../images/index-service-icon3_2.png") no-repeat center/cover; }

.service-list .active-item h2, .service-list .active-item h4 { color: #ffffff; }

/* significance */
.significance { width: 100%; min-width: 1200px; }

.significance .title { padding: 30px 0 0; }

.significance-list { display: flex; flex-wrap: wrap; }

.significance-list .list-item { box-sizing: border-box; width: 50%; height: 150px; display: flex; flex-direction: column; align-items: center; }

.significance-list .list-item:nth-child(3n + 1) { background-color: #eeeeee; }

.significance-list .list-item:nth-child(odd) { text-align: right; }

.significance-list .list-item h2 { width: 60%; line-height: 150px; font-size: 22px; color: #666666; }

.significance-list .active-item { background-color: #ca1935 !important; cursor: pointer; }

.significance-list .active-item h2 { color: #ffffff; }

.significance .bottom-img { width: 100%; height: 565px; background: url("../images/p_1.jpg") no-repeat center/cover; }

/* customer */
.customer { padding-top: 30px; }

.customer img { width: 100%; height: 100%; }

.customer-wrapper { margin-top: 10px; padding-bottom: 30px; width: 100%; overflow: hidden; /* 图片的设置 */ /* current类名设置 */ }

.customer-wrapper > ul { margin: -6px; }

.customer-wrapper ul li { border-radius: 26px; position: relative; float: left; width: 181px; height: 421px; margin: 6px; }

.customer-wrapper .big { display: none; border-radius: 5px; }

.customer-wrapper .small { position: absolute; top: 0; left: 0; width: 181px; height: 421px; border-radius: 5px; }

.customer-wrapper ul .current .big { flex: 1; }

.customer-wrapper ul .current { flex: 1; }

.customer-wrapper ul .text-box { width: 275px; border-radius: 26px 0 0 26px; height: 421px; color: #fff; padding: 40px 20px; background-color: var(--color-base); }

.customer-wrapper ul .text-box h1 { font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 30px; position: relative; }

.customer-wrapper ul .text-box h1::after { position: absolute; bottom: -16px; left: 0; content: ""; width: 40px; height: 2px; background-color: #f996a6; }

.customer-wrapper ul .text-box p { color: rgba(255, 255, 255, 0.8); line-height: 1.7; }

.customer-wrapper ul .text-box p::before { content: "·"; margin-right: 6px; }

.customer-wrapper ul .big img { width: 347px; height: 421px; }

.customer-wrapper ul .current .big { display: block; }

.customer-wrapper ul .current .small { display: none; }

.customer-wrapper ul .small p { position: absolute; bottom: 20px; width: 100%; text-align: center; color: rgba(255, 255, 255, 0.9); font-size: 26px; }

.customer-wrapper ul li { display: flex; justify-content: space-between; }

.customer-bottom { height: 380px; width: 100%; min-width: 1200px; }

/* ===mien=== */
.mien { width: 100%; }

.mien .title { padding-top: 30px; }

.mien .title-text { color: #ca1935; }

.mien div:nth-child(3) { background-color: #fff; }

.mien-list { width: 100%; height: 520px; background: url("../images/index-mien-bg.png") no-repeat top; position: relative; }

.mien-list .timeline { top: 85px; position: absolute; z-index: -100; }

.mien-list .list-item { position: relative; line-height: 25px; }

.mien-list .list-item h2 { font-size: 22px; color: #ca1935; font-weight: bold; margin-bottom: 5px; }

.mien-list .list-item .circle { display: inline-block; width: 15px; height: 15px; box-shadow: 0 1px 3px 1px #e9e9ea; background-color: #ffffff; border-radius: 50%; position: absolute; z-index: 10; }

.mien-list .list-item:nth-child(1) { position: absolute; top: 100px; }

.mien-list .list-item:nth-child(1) .circle { bottom: -31px; left: 20px; }

.mien-list .list-item:nth-child(2) { position: absolute; left: 200px; bottom: 95px; }

.mien-list .list-item:nth-child(2) .circle { top: -23px; left: 15px; }

.mien-list .list-item:nth-child(3) { position: absolute; top: 106px; left: 350px; }

.mien-list .list-item:nth-child(3) .circle { bottom: -51px; left: 65px; }

.mien-list .list-item:nth-child(4) { position: absolute; left: 590px; bottom: 223px; }

.mien-list .list-item:nth-child(4) .circle { top: -23px; left: 15px; }

.mien-list .list-item:nth-child(5) { position: absolute; top: 25px; left: 760px; }

.mien-list .list-item:nth-child(5) .circle { bottom: -20px; left: 65px; }

.mien-list .list-item:nth-child(6) { position: absolute; right: 0px; bottom: 290px; }

.mien-list .list-item:nth-child(6) .circle { top: -41px; left: 65px; }

.mien-show { background-color: #fafafa; padding-bottom: 40px; }

.mien-show .title-text { margin: 0; padding: 20px; }

.mien-show .show-item { display: flex; justify-content: space-between; box-sizing: border-box; border-radius: 5px; }

.mien-show .s-item { border-radius: 5px; padding: 10px; display: flex; flex-direction: column; align-items: center; box-shadow: 0 1px 3px 1px #e9e9ea; width: 22%; background-color: #fff; }

.mien-show .s-item p { margin-top: 10px; }

.mien-show .image { width: 265px; height: 180px; border-radius: 5px; background-color: #fafafa; display: flex; justify-content: center; align-items: center; }

.mien .more-button { margin-bottom: 40px; }

.mien .more-button button { color: #ca1935; background-color: #fff; border: 1px solid #ca1935; border-radius: 5px; padding: 10px 30px; }

/* 商标分类 */
.classify-banner.ny-banner { height: 385px; }

.classify-banner.ny-banner .content-box { height: 240px; }

.classify-banner.ny-banner .input-wrapper { width: 800px; height: 45px; background-color: #fff; border-radius: 4px; }

.classify-banner.ny-banner .input-wrapper input { padding: 10px 20px; flex: 1; height: 100%; border-radius: 4px 0 0 4px; }

.classify-banner.ny-banner .input-wrapper button { height: 100%; padding: 6px 10px; background-color: #1015ae; color: #fff; font-size: 16px; border-radius: 0 4px 4px 0; }

.classify-wrapper { padding: 50px 0 30px; }

.classify-wrapper .h1 { font-weight: bold; font-size: 24px; color: #0e0f4c; margin-bottom: 20px; }

.classify-wrapper .form-box { flex: 1; margin-left: 40px; padding: 20px; height: 375px; align-self: stretch; background: url("../images/fenlei_bg.png") no-repeat center/cover; }

.classify-wrapper .form-box .input-box { width: 100%; height: 40px; margin-bottom: 16px; border-radius: 4px; }

.classify-wrapper .form-box .input-box input { padding: 10px; border-radius: inherit; width: 100%; height: 100%; }

.classify-wrapper .form-box .button-box button { padding: 10px 40px; border-radius: 4px; letter-spacing: 2px; color: #fff; background-color: #e70012; }

/* 关于火龙 */
.about-wrapper { padding: 50px 0; }

.about-wrapper .left-box { padding-right: 20px; }

.about-wrapper .left-box .title-box { margin-bottom: 20px; }

.about-wrapper .left-box .title-box .h1 { font-weight: bold; color: var(--color-base); font-size: 28px; margin-bottom: 6px; }

.about-wrapper .left-box .title-box .h2 { font-size: 16px; font-weight: bold; }

.about-wrapper .left-box .text-box { padding: 30px 0; }

.about-wrapper .left-box .text-box .txt-p { line-height: 2; color: #999; text-align: justify;}

.about-wrapper .right-box img { width: 535px; height: 357px; display: block; }

.about-wrapper .bottom-box { flex-wrap: wrap; margin-top: 70px; }

.about-wrapper .bottom-box .list { width: 50%; margin-bottom: 20px; }

.about-wrapper .bottom-box .list .h1 { font-weight: bold; font-size: 22px; padding-left: 10px; position: relative; margin-bottom: 4px; }

.about-wrapper .bottom-box .list .h1::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 20px; background-color: var(--color-base); }

.about-wrapper .bottom-box .list p { color: #363636; }

/* 知产课堂 */
.class-wrapper { padding: 30px 0; }

.class-wrapper .class-list { margin: 30px 0; }

.class-wrapper .class-list .list-item { padding: 20px; border-bottom: 1px solid #efefef; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid transparent; position: relative; }

.class-wrapper .class-list .active-item { border: 2px solid #ca1935; box-sizing: border-box; border-radius: 10px; }

.class-wrapper .class-list .active-item .h3-title { color: #ca1935 !important; }

.class-wrapper .class-list .left-pic { width: 218px; height: 138px; border: 1px solid #efefef; border-radius: 10px; }

.class-wrapper .class-list .left-pic img { width: 100%; height: 100%; border-radius: inherit; }

.class-wrapper .class-list .right-text { margin-right: 40px; align-self: stretch; padding: 10px 0; width: 75%; letter-spacing: 1px; }

.class-wrapper .class-list .right-text a { width: 100%; height: 100%; }

.class-wrapper .class-list .right-text .h3-title { font-size: 18px; color: #333333; font-weight: bold; }

.class-wrapper .class-list .right-text .txt-p { flex: 1; margin: 10px 0; color: #666666; font-size: 14px; }

.class-wrapper .class-list .right-text .date { color: #999; font-size: 14px; }

.class-wrapper .class-list .right-text .date p:nth-child(1) { margin-right: 30px; }

.class .pagination { height: 80px; background-color: #fff; display: flex; align-items: center; justify-content: center; }

.class .pagination li { cursor: pointer; }

.class .pagination .current { background-color: #ca1935; color: #fff; }

.class .page-li { width: 40px; height: 40px; text-align: center; line-height: 40px; background-color: #f2f5f7; margin: 0 10px; border-radius: 5px; color: #999999; font-size: 18px; }

.class .pagination .left-arr, .class .pagination .right-arr { position: relative; width: 40px; height: 40px; text-align: center; line-height: 40px; background-color: #f2f5f7; margin: 0 10px; border-radius: 10px; color: #999999; }

.class .pagination .left-arr i::after { content: ""; padding: 5px; display: inline-block; border: solid #999999; border-width: 0 2px 2px 0; transform: rotate(135deg); top: 14px; left: 17px; position: absolute; }

.class .pagination .right-arr i::after { content: ""; padding: 5px; display: inline-block; border: solid #999999; border-width: 0 2px 2px 0; transform: rotate(-45deg); top: 14px; left: 12px; position: absolute; }

.class-detail .detail-wrapper { padding: 30px 0; }

.class-detail .detail-wrapper .det-title { letter-spacing: 1px; font-size: 20px; font-weight: bold; }

.class-detail .detail-wrapper .det-date { margin: 20px; display: flex; align-items: center; }

.class-detail .detail-wrapper .det-date p { color: #999999; font-size: 16px; }

.class-detail .detail-wrapper .det-date p:nth-child(1) { margin-right: 50px; }

.class-detail .detail-wrapper .det-text { text-indent: 2em; color: #666666; font-size: 16px; line-height: 1.7; letter-spacing: 1px; text-align: justify;}

/* 商标查询 */
.query-banner.ny-banner { height: 385px; }

.query .btn { color: rgba(255, 255, 255, 0.9); background-color: var(--color-base); padding: 8px 20px; margin-right: 10px; }

.query .input-wrap { width: 100%; }

.query .input-wrap input { padding: 0 6px; align-self: stretch; flex: 1; border: 1px solid #eeeeee; }

.query-wrapper { width: 750px; padding: 50px 0; }

.query-wrapper .h1 { font-size: 26px; margin: 30px 0; }

.query-wrapper .button-box { margin-top: 30px; }

.query-wrapper .button-box .reset { background-color: #f5f5f5; color: #606060; border: 1px solid #eeeeee; }

/* 知产服务 */
.ny-banner-zc .ny-banner { display: none; }

.zc-service { padding: 30px 0 0; width: 100%; min-width: 1200px; }

.zc-service .serviceItems-list { margin: 30px 0; }

.zc-service .serviceItems-list .list-item { width: 23.5%; background-color: #f8f8f8 !important; cursor: pointer; }

.zc-service .serviceItems-list .list-item .image { aspect-ratio: 295 / 195; width: 100%; height: 100%; }

.zc-service .serviceItems-list .list-item:nth-child(1) .active-item .item-icon { background: url("../images/icon_1_1.png") no-repeat center/contain; }

.zc-service .serviceItems-list .list-item:nth-child(1) .item-icon { background: url("../images/icon_1.png") no-repeat center/contain; }

.zc-service .serviceItems-list .list-item:nth-child(2) .active-item .item-icon { background: url("../images/icon_2_2.png") no-repeat center/contain; }

.zc-service .serviceItems-list .list-item:nth-child(2) .item-icon { background: url("../images/icon_2.png") no-repeat center/contain; }

.zc-service .serviceItems-list .list-item:nth-child(3) .active-item .item-icon { background: url("../images/icon_3_3.png") no-repeat center/contain; }

.zc-service .serviceItems-list .list-item:nth-child(3) .item-icon { background: url("../images/icon_3.png") no-repeat center/contain; }

.zc-service .serviceItems-list .list-item:nth-child(4) .active-item .item-icon { background: url("../images/icon_4_4.png") no-repeat center/contain; }

.zc-service .serviceItems-list .list-item:nth-child(4) .item-icon { background: url("../images/icon_4.png") no-repeat center/contain; }

.zc-service .serviceItems-list .list-item .item-icon { display: inline-block; width: 36px; height: 36px; z-index: 5; }

.zc-service .serviceItems-list .list-item h4 { margin-top: 10px; font-size: 18px; color: #363636; z-index: 5; }

.zc-service .serviceItems-list .bottom-box { width: 100%; padding: 10px 0; position: relative; }

.zc-service .serviceItems-list .bottom-box.active-item::after { position: absolute; top: 0; left: 0; content: ""; z-index: 1; width: 100%; height: 100%; background-color: var(--color-base); }

.zc-service .serviceItems-list .active-item h4 { color: #fff; }

.zc-service .section-box .value { width: 100%; padding: 30px 0; background: url("../images/service-value.jpg") no-repeat center bottom; }

.zc-service .section-box .value-list { margin-top: 30px; height: 260px; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between; }

.zc-service .section-box .value-list .list-item { height: 120px; box-shadow: 0 1px 3px 1px #e9e9ea; box-sizing: border-box; width: 590px; display: flex; flex-direction: row; background-color: #fff; align-items: center; padding: 0 30px; border-radius: 5px; }

.zc-service .section-box .value-list .list-item h2 { font-size: 22px; color: #666666; }

.zc-service .section-box .value-list .list-item .item-icon { display: inline-block; width: 40px; height: 40px; object-fit: contain; margin-right: 12px; }

.zc-service .section-box .process { padding: 30px 0; }

.zc-service .section-box .process-img { margin-top: 30px; width: 100%; }

.zc-service .section-box .materials { padding: 30px 0; }

.zc-service .section-box .materials-img { margin-top: 30px; width: 978px; }

.zc-service .section-box .business { padding: 30px 0; }

.zc-service .section-box .business .title-cn { font-size: 22px; margin-bottom: 0; }

.zc-service .section-box .business-wrapper { padding-top: 10px; }

.zc-service .section-wrap { display: none; }

.zc-service .section-wrap .img-box { width: 100%; height: 565px; min-width: 1200px; background: url(../images/p_1.jpg) no-repeat center/cover; }

/* 企业新闻 */
.header-scrolled .headerFixed { background-color: #fff !important; color: #333 !important; box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px !important; }

.news { background-color: #f7f7f7; }

.news-header .header { height: 0; }

.news-header .headerFixed { height: 80px; background-color: transparent; box-shadow: none; border-bottom: 1px solid #fff; color: #fff; }

.news-banner { height: 545px; }

.news-banner .news-title { color: #fff; }

.news-banner .news-title .tit-en { font-size: 20px; margin-bottom: 4px; }

.news-banner .news-title .tit-cn { font-weight: bold; font-size: 44px; position: relative; letter-spacing: 2px; }

.news-banner .news-title .tit-cn:after { content: ""; position: absolute; bottom: -40px; left: 0; width: 60px; height: 4px; background-color: var(--color-base); }

.news-wrapper { position: relative; top: -60px; border-radius: 10px; background-color: #fff; min-height: 50vh; padding: 20px; }

.news-wrapper .top-nav { padding: 30px 0; }

.news-wrapper .news-list { flex-wrap: wrap; margin: -10px; padding-bottom: 60px; }

.news-wrapper .news-list .items { width: 33.33%; padding: 10px; display: flex; flex-direction: column; }

.news-wrapper .news-list .items a { border: 1px solid #e6e6e8; }

.news-wrapper .news-list .items:hover a { box-shadow: 0 10px 20px rgba(202, 25, 53, 0.1); -webkit-transform: translateY(-1%); -moz-transform: translateY(-1%); -ms-transform: translateY(-1%); -o-transform: translateY(-1%); transform: translateY(-1%); }

.news-wrapper .news-list .items .pic-box { width: 100%; aspect-ratio: 385 / 280; overflow: hidden; }

.news-wrapper .news-list .items .pic-box:hover .pic { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

.news-wrapper .news-list .items .pic-box .pic { width: 100%; height: 100%; display: block; }

.news-wrapper .news-list .items .bottom-text { height: 115px; padding: 10px; width: 100%; }

.news-wrapper .news-list .items .bottom-text .date { color: #999; margin-bottom: 6px; font-size: 14px; }

.news-wrapper .news-list .items .bottom-text .tit-h1 { flex: 1; line-height: 1.5; font-weight: bold; margin-bottom: 6px; }

.news-wrapper .news-list .items .bottom-text .desc { flex: 1; font-size: 14px; color: #666666; }

.news-wrapper .news-list .items .bottom-text .desc p { line-height: 1.4; }

/* 弹窗 */
.popup { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0, 0, 0, 0.7); }

.popup-wrapper { width: 100%; height: 100%; position: absolute; inset: 0; background-color: rgba(89, 70, 56, 0.7); z-index: 100; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; padding: 30px; box-sizing: border-box; }

.popup-content { position: absolute; background-color: #fff; z-index: 1000; left: 50%; right: 0; top: 50%; transform: translate(-50%, -50%); width: 650px;}

.popup-content .popup-header { width: 100%; display: flex; justify-content: center; background-color: #ececec; padding: 20px 0; position: relative; font-size: 24px; }

.popup-content .popup-header .close-box { position: absolute; right: 20px; top: 36px; }

.popup .boxed-group-inner { width: 100%; padding: 40px; box-sizing: border-box; height: 330px; }

.popup .boxed-group-inner .input-wrap { margin-bottom: 20px; }

.popup .boxed-group-inner .code-input { flex: none; width: 100px; }

.popup .boxed-group-inner .btn { width: 65px; text-align: center; }

.popup .boxed-group-inner .submit { width: 190px; margin-top: 30px; }

.popup .boxed-group-inner .code-btn { cursor: pointer; width: 100px; margin-left: 10px; }

.popup .close-box { line-height: 0; cursor: pointer; color: #818181; font-weight: lighter; font-size: 52px; }

/* === FLEX START === */
.flex-x-start-start { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; }

.flex-x-start-end { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; }

.flex-x-start { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }

.flex-x-start-baseline { display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; }

.flex-x-start-stretch { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; }

.flex-x-end-start { display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-start; }

.flex-x-end-end { display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-end; }

.flex-x-end { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; }

.flex-x-end-baseline { display: flex; flex-direction: row; justify-content: flex-end; align-items: baseline; }

.flex-x-end-stretch { display: flex; flex-direction: row; justify-content: flex-end; align-items: stretch; }

.flex-x-center-start { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; }

.flex-x-center-end { display: flex; flex-direction: row; justify-content: center; align-items: flex-end; }

.flex-x-center { display: flex; flex-direction: row; justify-content: center; align-items: center; }

.flex-x-center-baseline { display: flex; flex-direction: row; justify-content: center; align-items: baseline; }

.flex-x-center-stretch { display: flex; flex-direction: row; justify-content: center; align-items: stretch; }

.flex-x-between-start { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; }

.flex-x-between-end { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; }

.flex-x-between { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

.flex-x-between-baseline { display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; }

.flex-x-between-stretch { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; }

.flex-x-around-start { display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start; }

.flex-x-around-end { display: flex; flex-direction: row; justify-content: space-around; align-items: flex-end; }

.flex-x-around { display: flex; flex-direction: row; justify-content: space-around; align-items: center; }

.flex-x-around-baseline { display: flex; flex-direction: row; justify-content: space-around; align-items: baseline; }

.flex-x-around-stretch { display: flex; flex-direction: row; justify-content: space-around; align-items: stretch; }

.flex-row-reverse-start-start { display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: flex-start; }

.flex-row-reverse-start-end { display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: flex-end; }

.flex-row-reverse-start { display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: center; }

.flex-row-reverse-start-baseline { display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: baseline; }

.flex-row-reverse-start-stretch { display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: stretch; }

.flex-row-reverse-end-start { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: flex-start; }

.flex-row-reverse-end-end { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: flex-end; }

.flex-row-reverse-end { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; }

.flex-row-reverse-end-baseline { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: baseline; }

.flex-row-reverse-end-stretch { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: stretch; }

.flex-row-reverse-center-start { display: flex; flex-direction: row-reverse; justify-content: center; align-items: flex-start; }

.flex-row-reverse-center-end { display: flex; flex-direction: row-reverse; justify-content: center; align-items: flex-end; }

.flex-row-reverse-center { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; }

.flex-row-reverse-center-baseline { display: flex; flex-direction: row-reverse; justify-content: center; align-items: baseline; }

.flex-row-reverse-center-stretch { display: flex; flex-direction: row-reverse; justify-content: center; align-items: stretch; }

.flex-row-reverse-between-start { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-start; }

.flex-row-reverse-between-end { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-end; }

.flex-row-reverse-between { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; }

.flex-row-reverse-between-baseline { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: baseline; }

.flex-row-reverse-between-stretch { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: stretch; }

.flex-row-reverse-around-start { display: flex; flex-direction: row-reverse; justify-content: space-around; align-items: flex-start; }

.flex-row-reverse-around-end { display: flex; flex-direction: row-reverse; justify-content: space-around; align-items: flex-end; }

.flex-row-reverse-around { display: flex; flex-direction: row-reverse; justify-content: space-around; align-items: center; }

.flex-row-reverse-around-baseline { display: flex; flex-direction: row-reverse; justify-content: space-around; align-items: baseline; }

.flex-row-reverse-around-stretch { display: flex; flex-direction: row-reverse; justify-content: space-around; align-items: stretch; }

.flex-y-start-start { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }

.flex-y-start-end { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; }

.flex-y-start { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }

.flex-y-start-baseline { display: flex; flex-direction: column; justify-content: flex-start; align-items: baseline; }

.flex-y-start-stretch { display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; }

.flex-y-end-start { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; }

.flex-y-end-end { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; }

.flex-y-end { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }

.flex-y-end-baseline { display: flex; flex-direction: column; justify-content: flex-end; align-items: baseline; }

.flex-y-end-stretch { display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; }

.flex-y-center-start { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

.flex-y-center-end { display: flex; flex-direction: column; justify-content: center; align-items: flex-end; }

.flex-y-center { display: flex; flex-direction: column; justify-content: center; align-items: center; }

.flex-y-center-baseline { display: flex; flex-direction: column; justify-content: center; align-items: baseline; }

.flex-y-center-stretch { display: flex; flex-direction: column; justify-content: center; align-items: stretch; }

.flex-y-between-start { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; }

.flex-y-between-end { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; }

.flex-y-between { display: flex; flex-direction: column; justify-content: space-between; align-items: center; }

.flex-y-between-baseline { display: flex; flex-direction: column; justify-content: space-between; align-items: baseline; }

.flex-y-between-stretch { display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; }

.flex-y-around-start { display: flex; flex-direction: column; justify-content: space-around; align-items: flex-start; }

.flex-y-around-end { display: flex; flex-direction: column; justify-content: space-around; align-items: flex-end; }

.flex-y-around { display: flex; flex-direction: column; justify-content: space-around; align-items: center; }

.flex-y-around-baseline { display: flex; flex-direction: column; justify-content: space-around; align-items: baseline; }

.flex-y-around-stretch { display: flex; flex-direction: column; justify-content: space-around; align-items: stretch; }

.flex-column-reverse-start-start { display: flex; flex-direction: column-reverse; justify-content: flex-start; align-items: flex-start; }

.flex-column-reverse-start-end { display: flex; flex-direction: column-reverse; justify-content: flex-start; align-items: flex-end; }

.flex-column-reverse-start { display: flex; flex-direction: column-reverse; justify-content: flex-start; align-items: center; }

.flex-column-reverse-start-baseline { display: flex; flex-direction: column-reverse; justify-content: flex-start; align-items: baseline; }

.flex-column-reverse-start-stretch { display: flex; flex-direction: column-reverse; justify-content: flex-start; align-items: stretch; }

.flex-column-reverse-end-start { display: flex; flex-direction: column-reverse; justify-content: flex-end; align-items: flex-start; }

.flex-column-reverse-end-end { display: flex; flex-direction: column-reverse; justify-content: flex-end; align-items: flex-end; }

.flex-column-reverse-end { display: flex; flex-direction: column-reverse; justify-content: flex-end; align-items: center; }

.flex-column-reverse-end-baseline { display: flex; flex-direction: column-reverse; justify-content: flex-end; align-items: baseline; }

.flex-column-reverse-end-stretch { display: flex; flex-direction: column-reverse; justify-content: flex-end; align-items: stretch; }

.flex-column-reverse-center-start { display: flex; flex-direction: column-reverse; justify-content: center; align-items: flex-start; }

.flex-column-reverse-center-end { display: flex; flex-direction: column-reverse; justify-content: center; align-items: flex-end; }

.flex-column-reverse-center { display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; }

.flex-column-reverse-center-baseline { display: flex; flex-direction: column-reverse; justify-content: center; align-items: baseline; }

.flex-column-reverse-center-stretch { display: flex; flex-direction: column-reverse; justify-content: center; align-items: stretch; }

.flex-column-reverse-between-start { display: flex; flex-direction: column-reverse; justify-content: space-between; align-items: flex-start; }

.flex-column-reverse-between-end { display: flex; flex-direction: column-reverse; justify-content: space-between; align-items: flex-end; }

.flex-column-reverse-between { display: flex; flex-direction: column-reverse; justify-content: space-between; align-items: center; }

.flex-column-reverse-between-baseline { display: flex; flex-direction: column-reverse; justify-content: space-between; align-items: baseline; }

.flex-column-reverse-between-stretch { display: flex; flex-direction: column-reverse; justify-content: space-between; align-items: stretch; }

.flex-column-reverse-around-start { display: flex; flex-direction: column-reverse; justify-content: space-around; align-items: flex-start; }

.flex-column-reverse-around-end { display: flex; flex-direction: column-reverse; justify-content: space-around; align-items: flex-end; }

.flex-column-reverse-around { display: flex; flex-direction: column-reverse; justify-content: space-around; align-items: center; }

.flex-column-reverse-around-baseline { display: flex; flex-direction: column-reverse; justify-content: space-around; align-items: baseline; }

.flex-column-reverse-around-stretch { display: flex; flex-direction: column-reverse; justify-content: space-around; align-items: stretch; }

/* === FLEX END === */


#Service, #Significance, #Zizhi, #Mien, #About, #Pinpai { position: relative; top: -80px; }