body { font-family: Microsoft YaHei, simsun, Helvetica Neue, Arial, Helvetica, sans-serif !important; overflow-x: hidden; } .list-unstyle { list-style-type: none; padding-left: 0; } a { text-decoration: none; } h1, h2, p, span, div { padding: 0; margin: 0; } .style-animated { visibility: visible; animation-name: fadeinB; } .line-big { margin-left: -15px; margin-right: -15px; } .line-big .x1, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .x10, .line-big .x11, .line-big .x12, .line-big .xl1, .line-big .xl2, .line-big .xl3, .line-big .xl4, .line-big .xl5, .line-big .xl6, .line-big .xl7, .line-big .xl8, .line-big .xl9, .line-big .xl10, .line-big .xl11, .line-big .xl12, .line-big .xs1, .line-big .xs2, .line-big .xs3, .line-big .xs4, .line-big .xs5, .line-big .xs6, .line-big .xs7, .line-big .xs8, .line-big .xs9, .line-big .xs10, .line-big .xs11, .line-big .xs12, .line-big .xm1, .line-big .xm2, .line-big .xm3, .line-big .xm4, .line-big .xm5, .line-big .xm6, .line-big .xm7, .line-big .xm8, .line-big .xm9, .line-big .xm10, .line-big .xm11, .line-big .xm12, .line-big .xb1, .line-big .xb2, .line-big .xb3, .line-big .xb4, .line-big .xb5, .line-big .xb6, .line-big .xb7, .line-big .xb8, .line-big .xb9, .line-big .xb10, .line-big .xb11, .line-big .xb12, .line-big .xsm1, .line-big .xsm10, .line-big .xsm11, .line-big .xsm12, .line-big .xsm2, .line-big .xsm3, .line-big .xsm4, .line-big .xsm5, .line-big .xsm6, .line-big .xsm7, .line-big .xsm8, .line-big .xsm9, .line-big .xml1, .line-big .xml10, .line-big .xml11, .line-big .xml12, .line-big .xml2, .line-big .xml3, .line-big .xml4, .line-big .xml5, .line-big .xml6, .line-big .xml7, .line-big .xml8, .line-big .xml9 { min-height: 1px; padding-right: 15px; padding-left: 15px; } .section-button span { padding: 0 15px; } .section-button span .online-zixun { font-size: 20px; font-weight: bold; min-width: 170px; height: 53px; line-height: 53px; text-align: center; display: inline-block; padding: 0px 15px; border: solid 2px #94eae1; color: #19d2bf; vertical-align: top; background: #fff; border-radius: 32px; margin-top: 20px; } .section-button span .more-zixun { font-size: 20px; font-weight: bold; min-width: 170px; height: 53px; line-height: 53px; text-align: center; display: inline-block; padding: 0px 15px; color: #fff; vertical-align: top; background-image: linear-gradient(to right, #0bb1e6, #3bf2a5); border-radius: 32px; margin-top: 20px; } .section1 .section1-title { font-weight: bold; margin-top: 60px; text-align: center; } .section1 .section1-title h1 { font-size: calc(1.45rem + 0.9vw); line-height: 34.6px; } .section1 .section1-content { display: flex; align-items: stretch; flex-flow: wrap; } .section1 .section1-content .content-left { margin-top: 40px; font-size: 16px; display: flex; align-items: stretch; } .section1 .section1-content .content-left .item-left { border: solid 1px #d7dbf9; background-color: #f9fbff; padding: 30px 20px; width: 47%; border-radius: 12px; } .section1 .section1-content .content-left .item-left p { margin: 0; line-height: 28px; } .section1 .section1-content .content-left .item-right { border: solid 1px #c5f8e5; background-color: #f4fffd; padding: 30px 20px; width: 47%; margin-left: 30px; border-radius: 12px; } .section1 .section1-content .content-left .item-right p { margin: 0; line-height: 28px; } .section1 .section1-content .content-right { margin-top: 40px; font-size: 16px; } .section1 .section1-content .content-right .item-top { border: solid 1px #f3f2b1; background-color: #fffdf4; padding: 30px 20px; border-radius: 12px; } .section1 .section1-content .content-right .item-top p { margin: 0; line-height: 28px; } .section1 .section1-content .content-right .item-bottom { border: solid 1px #f5b0b0; background-color: #fff4f4; padding: 30px 20px; margin-top: 30px; border-radius: 12px; } .section1 .section1-content .content-right .item-bottom p { margin: 0; line-height: 28px; } .section1 .section-button { text-align: center; padding-top: 20px; } .section1 .section-button span { display: inline-block; } .section1 .section-button span .online-zixun:hover { text-decoration: none; color: #19d2bf; } .section1 .section-button span .more-zixun:hover { text-decoration: none; color: #fff; } .section2-bg { background-image: linear-gradient(to right, #d5f9e8, #ccedf9); margin-top: 60px; padding-bottom: 30px; } .section2-bg .section2 { padding-top: 60px; } .section2-bg .section2 .section2-title { font-weight: bold; text-align: center; margin-bottom: 45px; } .section2-bg .section2 .section2-title h1 { font-size: calc(1.45rem + 0.9vw); line-height: 34.6px; } .section2-bg .section2 .section2-content-list { margin-bottom: 30px; } .section2-bg .section2 .section2-content-list .section2-content-item:hover .item-content .sec-img1 { z-index: 0; } .section2-bg .section2 .section2-content-list .section2-content-item:hover .item-content .sec-text { z-index: 1; } .section2-bg .section2 .section2-content-list .section2-content-item { padding-left: 15px; padding-right: 15px; } .section2-bg .section2 .section2-content-list .section2-content-item .item-content { position: relative; height: 100%; } .section2-bg .section2 .section2-content-list .section2-content-item .item-content .sec-text { background: rgba(0, 0, 0, 0.75); width: 100%; color: #fff; padding: 15px; margin: 0; font-size: 16px; border-radius: 12px; overflow: hidden; height: 100%; z-index: 0; position: absolute; bottom: 0; } .section2-bg .section2 .section2-content-list .section2-content-item .item-content .sec-img1 { width: 100%; border-radius: 12px; position: relative; z-index: 1; } .section2-bg .section2 .section2-content-list .section2-content-item .item-content .item-text { padding: 13px 8px; font-size: 21px; font-weight: bold; color: #fff; background: #19d2bf; text-align: center; height: 47px; border-radius: 0px 0px 12px 12px; position: absolute; bottom: 0; width: 100%; margin: 0; z-index: 2; } .section3-bg { background: url(../images/img99/section3_bg.jpg) no-repeat center; background-size: cover; padding-bottom: 60px; } .section3-bg .section3 { padding-top: 60px; } .section3-bg .section3 .section3-title { font-weight: bold; text-align: center; margin-bottom: 30px; } .section3-bg .section3 .section3-title h1 { font-size: calc(1.45rem + 0.9vw); line-height: 34.6px; color: #19d2bf; } .section3-bg .section3 .section3-content .content-list { mrgin-bottom: 20px; margin-top: 60px; color: #fff; } .section3-bg .section3 .section3-content .content-list .content-left { margin-left: 15px; } .section3-bg .section3 .section3-content .content-list .content-left .media-icon { margin-top: 50px; padding-left: 15px; float: right; } .section3-bg .section3 .section3-content .content-list .content-left .media-body { text-align: end; font-size: 16px; line-height: 28px; } .section3-bg .section3 .section3-content .content-list .content-left .media-body strong { color: #19d2bf; font-size: 20px; } .section3-bg .section3 .section3-content .content-list .content-right { padding-left: 50px; } .section3-bg .section3 .section3-content .content-list .content-right .media-icon { margin-top: 50px; padding-right: 15px; float: left; } .section3-bg .section3 .section3-content .content-list .content-right .media-body { text-align: start; font-size: 16px; line-height: 28px; } .section3-bg .section3 .section3-content .content-list .content-right .media-body strong { color: #19d2bf; font-size: 20px; } .section3-bg .section3 .section3-content .content-bottom { text-align: center; margin: 0 auto; color: #fff; margin-top: 30px; } .section3-bg .section3 .section3-content .content-bottom .media-icon { margin-bottom: 24px; } .section3-bg .section3 .section3-content .content-bottom .media-body { text-align: center; font-size: 16px; line-height: 28px; } .section3-bg .section3 .section3-content .content-bottom .media-body strong { color: #19d2bf; font-size: 20px; } .section3-bg .section3 .section-button { text-align: center; margin-top: 20px; } .section3-bg .section3 .section-button span { display: inline-block; } .section3-bg .section3 .section-button span .online-zixun:hover { text-decoration: none; color: #19d2bf; } .section3-bg .section3 .section-button span .online-zixun { padding: 0 20px; } .section3-bg .section3 .section-button span .online-zixun span { padding: 0; padding-left: 10px; } .section3-bg .section3 .section-button span .more-zixun:hover { text-decoration: none; color: #fff; } .section4-bg { background: url(../images/img99/section4-bg.jpg) no-repeat center; background-size: 100% 100%; padding-bottom: 60px; } .section4-bg .section4 { padding-top: 60px; } .section4-bg .section4 .section4-title { font-weight: bold; text-align: center; margin-bottom: 35px; } .section4-bg .section4 .section4-title h1 { font-size: calc(1.45rem + 0.9vw); line-height: 34.6px; } .section4-bg .section4 .section4-top { text-align: center; } .section4-bg .section4 .section4-top p { font-size: 18px; color: #333; line-height: 32px; } .section4-bg .section4 .section4-middle { display: flex; align-items: stretch; flex-flow: wrap; } .section4-bg .section4 .section4-middle .middle-left { padding-top: 35px; } .section4-bg .section4 .section4-middle .middle-left .img-responsive { width: 100%; } .section4-bg .section4 .section4-middle .middle-right { font-size: 16px; color: #333; line-height: 33px; padding-top: 35px; display: flex; flex-wrap: wrap; align-content: stretch; justify-content: center; } .section4-bg .section4 .section4-middle .middle-right p { line-height: 28px; } .section4-bg .section4 .section4-middle .middle-right .middle-list { padding-top: 30px; display: flex; align-items: stretch; flex-flow: wrap; } .section4-bg .section4 .section4-middle .middle-right .middle-list .middle-list-item { display: flex; flex-wrap: wrap; justify-content: center; } .section4-bg .section4 .section4-middle .middle-right .middle-list .middle-list-item .part { width: 100%; background: #fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 2px 6px 0 rgba(0, 0, 0, 0.19); border-radius: 12px; padding: 13px 20px 25px 20px; position: relative; } .section4-bg .section4 .section4-middle .middle-right .middle-list .middle-list-item .part:nth-child(2) { margin-top: 30px; } .section4-bg .section4 .section4-middle .middle-right .middle-list .middle-list-item .part strong { color: #19d2bf; font-size: 16px; font-weight: bolder; } .section4-bg .section4 .section4-middle .middle-right .middle-list .middle-list-item .part p { font-size: 16px; z-index: 1; } .section4-bg .section4 .section4-middle .middle-right .middle-list .middle-list-item .part span { font-size: 78px; color: #19d2bf; opacity: 0.3; position: absolute; bottom: 25px; right: 0; } .section4-bg .section4 .section4-footer .section4-footer-title { font-weight: bold; text-align: center; padding-top: 25px; } .section4-bg .section4 .section4-footer .section4-footer-title h2 { font-size: 30px; line-height: 34.6px; padding-top: 15px; padding-bottom: 20px; } .section4-bg .section4 .section4-footer .section4-footer-content .section4-footer-list { display: flex; align-items: stretch; flex-wrap: wrap; } .section4-bg .section4 .section4-footer .section4-footer-content .section4-footer-list li { display: flex; flex-wrap: wrap; align-content: space-between; justify-content: center; } .section4-bg .section4 .section4-footer .section4-footer-content .section4-footer-list li a { width: 100%; } .section4-bg .section4 .section4-footer .section4-footer-content .section4-footer-list li .figure { border: solid 5px #19d2bf; border-radius: 12px; position: relative; width: 100%; margin: 0; transition: all 0.6s; } .section4-bg .section4 .section4-footer .section4-footer-content .section4-footer-list li .figure img { border-radius: 4px; } .section4-bg .section4 .section4-footer .section4-footer-content .section4-footer-list li .figure figcaption { background: rgba(81, 78, 78, 0.15); font-size: 18px; font-weight: bolder; color: #fff; text-align: center; height: 50px; padding: 15px 8px; border-radius: 0px 0px 4px 4px; position: absolute; bottom: 0; width: 100%; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .section4-bg .section4 .section4-footer .section4-footer-content .section4-footer-list li .figure:hover { box-shadow: 0 8px 8px 0 grey; transform: translate(0, -10px); transform: 1.2; } .section4-bg .section4 .section4-footer .section4-footer-content .section4-footer-list li .figure:hover figcaption { background: #19d2bf; } .section4-bg .section4 .section-button { text-align: center; padding-top: 22px; margin: 0; } .section4-bg .section4 .section-button span { display: inline-block; } .section4-bg .section4 .section-button span .online-zixun:hover { text-decoration: none; color: #19d2bf; } .section4-bg .section4 .section-button span .more-zixun:hover { text-decoration: none; color: #fff; } .section5-bg { background: url(../images/img99/section5_bg.jpg) no-repeat center; background-size: 100% 100%; } .section5-bg .section5 { padding-top: 60px; } .section5-bg .section5 .section5-title { font-weight: bold; text-align: center; margin-bottom: 35px; } .section5-bg .section5 .section5-title h1 { font-size: calc(1.45rem + 0.9vw); line-height: 34.6px; color: #fff; } .section5-bg .section5 .section5-top { text-align: center; } .section5-bg .section5 .section5-top p { font-size: 18px; color: #fff; line-height: 32px; margin: 0; } .section5-bg .section5 .section5-top p span { color: #19d2bf; } .section5-bg .section5 .section5-middle { padding-top: 50px; padding-bottom: 60px; } .section5-bg .section5 .section5-middle .tab .tab-head { margin: 0 auto; } .section5-bg .section5 .section5-middle .tab .tab-head .tab-nav { padding: 0; text-align: center; } .section5-bg .section5 .section5-middle .tab .tab-head .tab-nav .nav-left { border-radius: 30px 0 0 30px; background: #fff; height: 64px; text-decoration: none; padding: 13px 80px; font-size: 24px; } .section5-bg .section5 .section5-middle .tab .tab-head .tab-nav .nav-left a { border: 0; color: #1ba1d2; } .section5-bg .section5 .section5-middle .tab .tab-head .tab-nav .nav-right { margin-left: -8px; border-radius: 0 30px 30px 0; background: #fff; height: 64px; text-decoration: none; padding: 13px 80px; font-size: 24px; } .section5-bg .section5 .section5-middle .tab .tab-head .tab-nav .nav-right a { border: 0; color: #1ba1d2; } .section5-bg .section5 .section5-middle .tab .tab-head .tab-nav .active { background: #253262; } .section5-bg .section5 .section5-middle .tab .tab-head .tab-nav .active a { color: #fff; } .section5-bg .section5 .section5-middle .tab .tab-body { border: 0; margin-top: 15px; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content { background: #fff; border-radius: 12px; padding: 10px 40px; margin-left: 15px; margin-right: 15px; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-content { display: flex; align-items: stretch; flex-flow: wrap; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-content .content-left { padding-top: 30px; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-content .content-left img { border-radius: 12px; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-content .content-right { padding-top: 30px; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-content .content-right p:nth-child(1) { margin-bottom: 2px; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-content .content-right p:nth-child(3) span { display: inline-block; margin-left: 120px; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-content .content-right p:nth-child(5) { margin-bottom: 2px; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-content .content-right p { font-size: 16px; line-height: 28px; margin-bottom: 10px; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-content .content-right p strong { color: #19d2bf; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-button { text-align: center; margin: 0 auto; padding-top: 10px; padding-bottom: 30px; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-button span { display: inline-block; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-button span .online-zixun:hover { text-decoration: none; color: #19d2bf; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-button span .more-zixun:hover { text-decoration: none; color: #fff; } .section6-bg { background: url(../images/img99/section6_bg.jpg) no-repeat center; background-size: 100% 100%; padding-bottom: 60px; } .section6-bg .section6 { padding-top: 60px; } .section6-bg .section6 .section6-title { font-weight: bold; text-align: center; margin-bottom: 35px; } .section6-bg .section6 .section6-title h1 { font-size: calc(1.45rem + 0.9vw); line-height: 34.6px; } .section6-bg .section6 .section6-top { text-align: center; } .section6-bg .section6 .section6-top p { font-size: 16px; color: #000; line-height: 28px; margin: 0; } .section6-bg .section6 .section6-top p span { font-size: 18px; color: #19d2bf; font-weight: bold; } .section6-bg .section6 .section6-middle { padding-top: 35px; display: flex; align-items: stretch; flex-flow: wrap; } .section6-bg .section6 .section6-middle .section6-middle-list .middle-list-item { padding: 13px; text-align: center; } .section6-bg .section6 .section6-middle .section6-middle-list .middle-list-item strong { font-size: 18px; line-height: 28px; } .section6-bg .section6 .section6-middle .section6-middle-list .middle-list-item strong span { font-size: 80px; color: #19d2bf; } .section6-bg .section6 .section6-middle .section6-middle-list .middle-list-item p img { border-radius: 12px; } .section6-bg .section6 .section-button { text-align: center; } .section6-bg .section6 .section-button span { display: inline-block; } .section6-bg .section6 .section-button span .online-zixun:hover { text-decoration: none; color: #19d2bf; } .section6-bg .section6 .section-button span .more-zixun:hover { text-decoration: none; color: #fff; } .section7 .section7-title { font-weight: bold; text-align: center; margin-bottom: 30px; margin-top: 60px; } .section7 .section7-title h1 { font-size: calc(1.45rem + 0.9vw); line-height: 34.6px; } .section7 .section7-content { display: flex; align-items: stretch; flex-flow: wrap; } .section7 .section7-content .section7-content-list { border: solid 1px #c5f8e5; background-color: #f4fffd; padding: 20px 40px; border-radius: 12px; margin-top: 10px; flex: 1; margin-left: 15px; margin-right: 15px; } .section7 .section7-content .section7-content-list ul .section7-list-item { line-height: 28px; font-size: 16px; font-family: Microsoft YaHei; padding: 8px 0px; } .section7 .section7-content .section7-content-list ul .section7-list-item .icon-circle { color: #19d2bf; font-size: 12px; padding-right: 5px; } .section7 .section7-content .section7-content-list ul li:nth-child(1) { padding-top: 0; } .section7 .section7-content .section7-content-list ul li:nth-child(4) { padding-bottom: 0; } .section7 .section7-content div:nth-child(2) ul li:nth-child(3) { padding-bottom: 0; } .section7 .section-button { margin-top: 20px; text-align: center; } .section7 .section-button span { display: flex; justify-content: center; align-content: center; } .section7 .section-button span .online-zixun:hover { text-decoration: none; color: #19d2bf; } .section7 .section-button span .online-zixun { display: flex; justify-content: center; align-content: center; } .section7 .section-button span .online-zixun img { width: 30px; height: 20px; margin-left: 3px; margin-top: 16px; } .footer { background: #eeeeee; margin-top: 60px; padding-bottom: 60px; } .footer .footer-content { padding-top: 60px; } .footer .footer-content .footer-edit { padding-right: 48px; font-size: 14px; } .footer .footer-content .footer-edit p { line-height: 21px; margin-bottom: 13px; } .footer .footer-content .footer-edit .footer-edit-tille { font-size: 24px; line-height: 32px; margin-bottom: 10px; } .footer .footer-content .footer-plan { padding: 0 10px; } .footer .footer-content .footer-plan li { padding: 0 10px; } .footer .footer-content .footer-plan li .footer-img { margin-bottom: 15px; } .footer .footer-content .footer-plan li .footer-img img { max-width: 100%; display: block; margin: 0 auto; border-radius: 50%; } .footer .footer-content .footer-plan li p { margin: 0; } .footer .footer-content .footer-right { float: right; } .footer .footer-content .footer-right img { display: block; float: right; } .weekly_common_foot p { margin: 0; } @media (min-width: 481px) and (max-width: 759px) { .section5-bg .section5 .section5-middle .tab .tab-head .tab-nav .nav-left { border-radius: 30px; } .section5-bg .section5 .section5-middle .tab .tab-head .tab-nav .nav-right { border-radius: 30px; margin-top: 20px; } .section6-bg .section6 .section6-middle .section6-middle-list li { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; align-items: center; } .section6-bg .section6 .section6-middle .section6-middle-list li .middle-list-item { width: 50%; } .section6-bg .section6 .section6-middle .section6-middle-list li:nth-child(2) div:nth-child(1) { position: relative; left: 50%; } .section6-bg .section6 .section6-middle .section6-middle-list li:nth-child(2) div:nth-child(2) { position: relative; right: 50%; } .footer .footer-content .footer-right { margin-top: 20px; } .footer .footer-content .footer-right img { float: none; margin: 0 auto; } } @media (max-width: 480px) { .section1 .section1-content .content-left { display: block; } .section1 .section1-content .content-left .item-left { width: 100%; } .section1 .section1-content .content-left .item-right { width: 100%; margin-left: 0; margin-top: 25px; } .section-button span { padding: 0 5px; } .section-button span .online-zixun { font-size: 16px; font-weight: bold; min-width: 155px; height: 45px; line-height: 45px; } .section-button span .more-zixun { font-size: 16px; font-weight: bold; min-width: 155px; height: 45px; line-height: 45px; } } @media (max-width: 1199px) { .section2-bg .section2 div:nth-child(2) .section2-content-item:hover .item-content .sec-text p { display: -webkit-box; overflow: hidden; flex-wrap: wrap; -webkit-box-orient: vertical; line-clamp: 4; -webkit-line-clamp: 4; text-overflow: ellipsis; } .section2-bg .section2 div:nth-child(3) .section2-content-item:hover .item-content .sec-text p { display: -webkit-box; overflow: hidden; flex-wrap: wrap; -webkit-box-orient: vertical; line-clamp: 6; -webkit-line-clamp: 6; text-overflow: ellipsis; } .section3-bg { background: url(../images/img99/section3_bg2.jpg) no-repeat center; background-size: 100% 100%; } .section3-bg .section3 .section3-content .content-list { display: flex; flex-wrap: nowrap; flex-direction: row; } .section3-bg .section3 .section3-content .content-list .content-left { width: 45%; } .section3-bg .section3 .section3-content .content-list .content-left .media-icon { margin-top: 0px; float: none; margin-bottom: 24px; } .section3-bg .section3 .section3-content .content-list .content-left .media-icon img { display: block; margin: 0 auto; } .section3-bg .section3 .section3-content .content-list .content-left .media-body { text-align: center; } .section3-bg .section3 .section3-content .content-list .content-right { width: 45%; } .section3-bg .section3 .section3-content .content-list .content-right .media-icon { margin-top: 0px; float: none; margin-bottom: 24px; } .section3-bg .section3 .section3-content .content-list .content-right .media-icon img { display: block; margin: 0 auto; } .section3-bg .section3 .section3-content .content-list .content-right .media-body { text-align: center; } .section3-bg .section3 .section3-content .content-bottom { width: 50%; margin-top: 45px; } .section3-bg .section3 .section3-content .content-bottom .content-midddle { width: 50%; } .section4-bg .section4 .section4-middle .middle-left { display: flex; justify-content: center; align-items: center; } .section5-bg .section5 .section5-middle .tab .tab-head .tab-nav .nav-left { padding: 13px 40px; } .section5-bg .section5 .section5-middle .tab .tab-head .tab-nav .nav-right { padding: 13px 40px; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-content .content-left { display: flex; align-items: center; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-content .content-right p { line-height: 26px; margin-bottom: 5px; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-content .content-right p strong { color: #19d2bf; } } @media (max-width: 999px) { .section2-bg .section2 div:nth-child(2) #item1 { display: none; } .section2-bg .section2 div:nth-child(2) .section2-content-item:hover .item-content .sec-text p { display: -webkit-box; overflow: hidden; flex-wrap: wrap; -webkit-box-orient: vertical; line-clamp: 4; -webkit-line-clamp: 4; text-overflow: ellipsis; } .section2-bg .section2 div:nth-child(3) .section2-content-item:hover .item-content .sec-text p { display: -webkit-box; overflow: hidden; flex-wrap: wrap; -webkit-box-orient: vertical; line-clamp: 4; -webkit-line-clamp: 4; text-overflow: ellipsis; } .section4-bg .section4 .section4-footer .section4-footer-content .section4-footer-list li:nth-child(3) { display: flex; flex-wrap: nowrap; margin-top: 30px; } .section4-bg .section4 .section4-footer .section4-footer-content .section4-footer-list li:nth-child(3) a:nth-child(1) { margin-right: 15px; } .section4-bg .section4 .section4-footer .section4-footer-content .section4-footer-list li:nth-child(3) a:nth-child(2) { margin-left: 15px; } .section5-bg .section5 .section5-middle .tab .tab-head .tab-nav .nav-left { font-size: 20px; } .section5-bg .section5 .section5-middle .tab .tab-head .tab-nav .nav-right { font-size: 20px; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-content .content-left img { display: block; margin: 0 auto; width: 100%; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-content .content-right p { line-height: 28px; margin-bottom: 10px; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-content .content-right p strong { color: #19d2bf; } } @media (max-width: 576px) { .section2-bg .section2 div:nth-child(2) #item1 { display: block; } .section2-bg .section2 div:nth-child(2) .section2-content-item { width: 100%; } .section2-bg .section2 div:nth-child(2) .section2-content-item .item-content { width: 100%; max-width: 504px; margin: 0 auto; } .section2-bg .section2 div:nth-child(2) .section2-content-item:hover .item-content .sec-text p { display: -webkit-box; overflow: hidden; flex-wrap: wrap; -webkit-box-orient: vertical; line-clamp: 6; -webkit-line-clamp: 6; text-overflow: ellipsis; } .section2-bg .section2 div:nth-child(2) div:nth-child(2) { margin-top: 20px; } .section2-bg .section2 div:nth-child(2) div:nth-child(3) { margin-top: 20px; position: relative; left: 0; right: 0; } .section2-bg .section2 div:nth-child(3) .section2-content-item { width: 100%; } .section2-bg .section2 div:nth-child(3) .section2-content-item:hover .item-content .sec-text p { display: -webkit-box; overflow: hidden; flex-wrap: wrap; -webkit-box-orient: vertical; line-clamp: 6; -webkit-line-clamp: 6; text-overflow: ellipsis; } .section2-bg .section2 div:nth-child(3) div:nth-child(2) { margin-top: 20px; } .section3-bg .section3 .section3-content .content-list { display: flex; flex-wrap: nowrap; flex-direction: column; margin-top: 30px; } .section3-bg .section3 .section3-content .content-list .content-left { width: 70%; margin: 0 auto; } .section3-bg .section3 .section3-content .content-list .content-left .media-icon { padding-left: 0px; } .section3-bg .section3 .section3-content .content-list .content-left .media-body { margin: 0; padding: 0; } .section3-bg .section3 .section3-content .content-list .content-right { width: 70%; margin: 0 auto; padding-left: 0px; margin-top: 30px; } .section3-bg .section3 .section3-content .content-list .content-right .media-icon { padding-right: 0px; } .section3-bg .section3 .section3-content .content-bottom { width: 70%; margin-top: 30px; } .section3-bg .section3 .section3-content .content-bottom .content-midddle { width: 100%; } .section6-bg .section6 .section6-middle .section6-middle-list li { display: flex; flex-wrap: nowrap; flex-direction: column; } .section6-bg .section6 .section6-middle .section6-middle-list li .middle-list-item { width: 100%; } .section6-bg .section6 .section6-middle .section6-middle-list li div:nth-child(1) { padding-bottom: 0px; } .section6-bg .section6 .section6-middle .section6-middle-list li div:nth-child(2) p img { display: block; margin: 0 auto; } .section6-bg .section6 .section6-middle .section6-middle-list li:nth-child(2) { margin-top: 24px; } .section6-bg .section6 .section6-middle .section6-middle-list li:nth-child(2) div:nth-child(1) { position: relative; left: 0px; } .section6-bg .section6 .section6-middle .section6-middle-list li:nth-child(2) div:nth-child(2) { position: relative; right: 0px; } .section6-bg .section6 .section6-middle .section6-middle-list li:nth-child(3) { margin-top: 24px; } .section7 .section7-content { display: flex; align-items: stretch; flex-flow: wrap; flex-direction: column; padding: 15px; } .section7 .section7-content .section7-content-list { margin: 0px; } .section7 .section7-content div:nth-child(2) { margin-top: 20px; } } @media (max-width: 480px) { .section2-bg .section2 div:nth-child(2) .section2-content-item:hover .item-content .sec-text p { display: -webkit-box; overflow: hidden; flex-wrap: wrap; -webkit-box-orient: vertical; line-clamp: 4; -webkit-line-clamp: 4; text-overflow: ellipsis; } .section2-bg .section2 div:nth-child(3) .section2-content-item:hover .item-content .sec-text p { display: -webkit-box; overflow: hidden; flex-wrap: wrap; -webkit-box-orient: vertical; line-clamp: 4; -webkit-line-clamp: 4; text-overflow: ellipsis; } .section4-bg .section4 .section4-footer .section4-footer-content .section4-footer-list li { width: 100%; } .section4-bg .section4 .section4-footer .section4-footer-content .section4-footer-list li .footer-list-item img { width: 100%; } .section4-bg .section4 .section4-footer .section4-footer-content .section4-footer-list li:nth-child(2) { margin-top: 10px; } .section4-bg .section4 .section4-footer .section4-footer-content .section4-footer-list li:nth-child(2) figure:nth-child(1) { margin-top: 20px; } .section4-bg .section4 .section4-footer .section4-footer-content .section4-footer-list li:nth-child(2) figure:nth-child(2) { margin-top: 20px; } .section4-bg .section4 .section4-footer .section4-footer-content .section4-footer-list li:nth-child(3) { display: block; margin-top: 20px; } .section4-bg .section4 .section4-footer .section4-footer-content .section4-footer-list li:nth-child(3) figure:nth-child(1) { margin-right: 0px; } .section4-bg .section4 .section4-footer .section4-footer-content .section4-footer-list li:nth-child(3) figure:nth-child(2) { margin-left: 0px; margin-top: 20px; } .section5-bg .section5 .section5-middle .tab .tab-head .tab-nav .nav-left { border-radius: 30px; } .section5-bg .section5 .section5-middle .tab .tab-head .tab-nav .nav-right { border-radius: 30px; margin-top: 20px; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-content .content-right p:nth-child(3) span { display: inline-block; margin-left: 50px; } .section7 .section-button span .online-zixun img { margin-top: 12px; } .footer .footer-content .footer-right { margin-top: 20px; } .footer .footer-content .footer-right img { float: none; margin: 0 auto; } } @media (max-width: 376px) { .section2-bg .section2 div:nth-child(2) .section2-content-item:hover .item-content .sec-text p { display: -webkit-box; overflow: hidden; flex-wrap: wrap; -webkit-box-orient: vertical; line-clamp: 4; -webkit-line-clamp: 4; text-overflow: ellipsis; } .section2-bg .section2 div:nth-child(3) .section2-content-item:hover .item-content .sec-text p { display: -webkit-box; overflow: hidden; flex-wrap: wrap; -webkit-box-orient: vertical; line-clamp: 3; -webkit-line-clamp: 3; text-overflow: ellipsis; } .section5-bg .section5 .section5-middle .tab .tab-head .tab-nav .nav-left { font-size: 16px; padding: 13px; } .section5-bg .section5 .section5-middle .tab .tab-head .tab-nav .nav-right { font-size: 16px; padding: 13px; } .section5-bg .section5 .section5-middle .tab .tab-body .tab-panel .tab-content .section-content .content-right p:nth-child(3) span { display: block; margin-left: 0px; margin-top: 10px; } }/*# sourceMappingURL=weekly99.css.map */