@charset "UTF-8"; /*** 鍏叡 寮€濮?**/ .channel1 { height: 100%; margin-top: 0em; } .channel1 .global-inner { padding: 0em 0 2em; border-bottom: 1px solid #0b573e; } .channel1 .boxs { height: 21.5em; display: flex; position: relative; justify-content: space-between; box-shadow: 4px 7px 13px 0px rgba(0, 0, 0, 0.1); } .channel1 .bgk { position: absolute; bottom: 0; right: 0; width: 18.5em; height: 7.75em; background: no-repeat center; background-size: cover; } .channel1 .left { width: 35em; width: 50%; max-width: 35em; height: 100%; } .channel1 .channel1-swiper1 { overflow: hidden; position: relative; background-color: #fff; box-shadow: 0px 10px 15px 0px rgba(11, 2, 5, 0.15); } .channel1 .channel1-swiper1 .item { background-color: #ffffff; } .channel1 .channel1-swiper1 .slide-imgs { width: 35em; height: 21.5em; overflow: hidden; } .channel1 .channel1-swiper1 .image { width: 100%; height: 100%; object-fit: cover; } .channel1 .channel1-swiper1 .slide-bd { height: 13em; padding: 1.25em 1.25em 6em; background-color: #fff; } .channel1 .channel1-swiper1 .channel1-btn { width: auto; height: 1em; font-size: .9em; right: 4.166em; bottom: 1.66em; left: inherit; color: #fff; text-align: inherit; } .channel1 .channel1-swiper1 .channel1-btn-next, .channel1 .channel1-swiper1 .channel1-btn-prev { top: inherit; bottom: 1em; width: 1.8em; height: 1.8em; border: 1px solid #fff; display: flex; -webkit-display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .channel1 .channel1-swiper1 .channel1-btn-next .bi, .channel1 .channel1-swiper1 .channel1-btn-prev .bi { top: 60%; width: .5em; height: 1em; color: #fff; } .channel1 .channel1-swiper1 .channel1-btn-next::after, .channel1 .channel1-swiper1 .channel1-btn-prev::after { display: none; } .channel1 .channel1-swiper1 .channel1-btn-next { right: 1em; } .channel1 .channel1-swiper1 .channel1-btn-prev { left: inherit; right: 6.4em; } .channel1 .right { width: 50%; overflow: hidden; } .channel1 .channel1-swiper2 { width: 100%; } .channel1 .channel1-swiper2 .bd { padding: 3em; } .channel1 .channel1-swiper2 .time { font-size: .8em; line-height: 1; font-weight: bold; color: #333; margin-bottom: 1.357em; } .channel1 .channel1-swiper2 .tit { font-size: 1.2em; line-height: 1.5em; color: #333; margin-bottom: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .channel1 .channel1-swiper2 .doc { height: 6em; font-size: .8em; line-height: 1.5em; color: #666; display: -webkit-box; -webkit-line-clamp: 4; overflow: hidden; } .channel1 .channel1-swiper2 .more { font-size: .8em; line-height: 1; color: #0970d9; margin-top: 3.8em; } @media (max-width: 991.98px) { .channel1 { width: 100%; } .channel1 .boxs { height: 100%; display: block; margin-top: .0rem; } .channel1 .left { width: 100%; max-width: none; } .channel1 .channel1-swiper1 .slide-imgs { width: 100%; height: 4rem; } .channel1 .channel1-swiper1 .slide-imgs .image { object-fit: cover; } .channel1 .right { width: 100%; } .channel1 .channel1-swiper2 { width: 100%; padding: 0; } .channel1 .channel1-swiper2 .bd { width: 100%; padding: .5rem .3rem .56rem; } .channel1 .channel1-swiper2 .time { font-size: .28rem; line-height: 1; font-weight: normal; } .channel1 .channel1-swiper2 .tit { font-size: .36rem; line-height: .5rem; } .channel1 .channel1-swiper2 .doc { font-size: .28rem; line-height: .46rem; height: .9rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .channel1 .channel1-swiper2 .more { font-size: .28rem; color: #0970d9; margin-top: .35rem; } .channel1 .channel1-swiper2 .channel1-btn2 { bottom: .4rem; } .channel1 .channel1-swiper2 .swiper-pagination-bullet { width: .2rem; height: .2rem; border-radius: 50%; border: .03rem solid #0b573e; background-color: transparent; } .channel1 .channel1-swiper2 .swiper-pagination-bullet-active { background-color: #0b573e; } } .channel2 { margin-top: 2.5em; } .channel2 .news-list { padding-top: 3em; border-top: 1px solid #dcdcdc; } .channel2 .news-list .item { width: 31.85%; max-width: 31.85%; padding: 0em; margin: 0 .75em; margin-bottom: 2em; position: relative; background-color: #fff; } .channel2 .news-list .item:nth-child(3n-2) { margin-left: 0; } .channel2 .news-list .item:nth-child(3n) { margin-right: 0; } .channel2 .news-list .box { width: 100%; height: 100%; } .channel2 .news-list .imgs { width: 100%; height: 13.7em; overflow: hidden; } .channel2 .news-list .image { width: 100%; height: 100%; object-fit: cover; } .channel2 .news-list .bd { padding: 1.1em 1.65em 2.2em; } .channel2 .news-list .doc { height: 3em; font-size: 1em; line-height: 1.5em; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .channel2 .news-list .time { font-size: .7em; line-height: 1em; color: #0970d9; margin-bottom: 1.05em; } .channel2 .news-list .more { font-size: .8em; line-height: 1; margin-top: 2.375em; display: flex; align-items: center; color: #0970d9; } .channel2 .news-list .more .bi { width: .8em; height: .65em; margin-left: 5px; } @media (max-width: 1450px) { .channel2 .news-list .item { margin: 0 0.5em; margin-bottom: 2em; } } @media (max-width: 991.98px) { .channel2 { margin-top: .55rem; } .channel2 .boxs { padding-top: .6rem; border-top: 1px solid rgba(30, 47, 70, 0.2); } .channel2 .news-list { padding-top: 0; border-top: 0; } .channel2 .news-list .item { width: 100%; max-width: none; margin: 0 !important; margin-bottom: 0.5rem !important; position: relative; background-color: #fff; } .channel2 .news-list .item:last-child { margin-bottom: 0rem !important; } .channel2 .news-list .item::after { display: none; } .channel2 .news-list .imgs { width: 100%; height: 4.14rem; height: 4rem; overflow: hidden; } .channel2 .news-list .image { width: 100%; height: 100%; object-fit: cover; } .channel2 .news-list .bd { padding: .5rem .3rem; } .channel2 .news-list .time { font-size: .28rem; line-height: .36rem; color: #0970d9; margin-bottom: .32rem; } .channel2 .news-list .doc { font-size: .34rem; line-height: .5rem; color: #333; } .channel2 .news-list .more { font-size: .28rem; line-height: .28rem; margin-top: .43rem; display: flex; align-items: center; color: #0970d9; } .channel2 .news-list .more .bi { width: .34rem; margin-left: .2rem; } } .channel3 .global-inner1 { padding: 0 3em !important; } .channel3 .list .item { padding: 1.5em 1em 1.5em 0; border-bottom: 1px solid #ccc; } .channel3 .list .item:first-child { padding-top: 0; } .channel3 .list .box { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; } .channel3 .list .left { width: 85%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .channel3 .list .time { font-size: .9em; line-height: 1; color: #666; } .channel3 .list .doc { font-size: 1em; line-height: 1.7em; margin-left: 4em; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .channel3 .list .right { position: relative; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .channel3 .list .right::before { display: none; position: absolute; content: ''; top: 7px; left: 0; width: 20px; height: 2px; background-color: #0970d9; background-color: #1a89d3; z-index: -1; } .channel3 .list .bi-before { width: 20px; height: 2px; background-color: #0970d9; background-color: #2882de; } .channel3 .list .bi { width: 24px; height: 16px; color: #333; transition: all .3s; -webkit-transition: all .3s; } @media (min-width: 1000px) { .channel3 .item:hover { border-bottom: 1px solid #0970d9; } .channel3 .item:hover .item { padding-right: 0; } .channel3 .item:hover .time, .channel3 .item:hover .doc { color: #0970d9; font-weight: bold; } .channel3 .item:hover .time { letter-spacing: -.035em; } .channel3 .item:hover .bi { color: #0970d9; transform: translateX(1em); transition: all .3s; -webkit-transition: all .3s; } .channel3 .item:hover .right::before { display: block; transition: all .3s; -webkit-transition: all .3s; } } @media (max-width: 991.98px) { .channel3 .global-inner1 { padding: 0em 0.5rem !important; } .channel3 .list .item { padding: .5rem 0; border-bottom: 1px solid #ccc; } .channel3 .list .item:first-child { padding-top: 0; } .channel3 .list .box { display: block; } .channel3 .list .left { display: block; width: 100%; } .channel3 .list .time { font-size: .28rem; line-height: 1; color: #666; margin-bottom: .19rem; } .channel3 .list .doc { width: 100%; font-size: .34rem; line-height: .5rem; margin: 0 0rem .28rem; color: #1e2f46; -webkit-line-clamp: 2; } .channel3 .list .right { position: relative; } .channel3 .list .right .more { font-size: .28rem; line-height: 1; color: #0970d9; } .channel3 .list .right::before { display: none; } .channel3 .list .bi-before { width: 20px; height: 2px; background-color: #0970d9; background-color: #2882de; } .channel3 .list .bi { width: 24px; height: 16px; color: #333; color: #0970d9; } } .channel4 { margin-top: -.4em; } .channel4 .introd-tit { width: 71.42%; } .channel4 .boxs { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .channel4 .left { width: 50em; width: 71.42%; margin-top: 1.5em; padding-top: 2.1em; border-top: 1px solid #abc8e5; } .channel4 .right { width: 16em; width: 22.85%; } .channel4 .catalog { margin-top: -.9em; } .channel4 .catalog .reading { padding-bottom: 1.5em; border-bottom: 1px solid #abc8e5; } .channel4 .catalog .reading .tit { font-size: .9em; line-height: 1; font-weight: bold; color: #0970d9; } .channel4 .catalog .list { padding: 2.25em 0 1.5em; } .channel4 .catalog .list .item { padding: 1.15em 0 1.4em; border-bottom: 1px solid #ccc; } .channel4 .catalog .list .item .tit { font-size: .9em; line-height: 1.55; color: #333; margin-bottom: .833em; } .channel4 .catalog .list .item .time { font-size: .7em; line-height: 1; color: #666; } .channel4 .catalog .list .item:first-child { padding-top: 0; } .channel4 .catalog .back-list .box { font-size: .8em; line-height: 1; } .channel4 .catalog .back-list .image { margin-left: .35em; } .channel4 .introd-tit .tit { font-size: 1.6em; line-height: 1.375; color: #000; margin-bottom: 1.25em; } .channel4 .introd-tit .time { font-size: .8em; line-height: 1; color: #0970d9; } .channel4 .introd-tit .tip-box { display: flex; align-items: center; } .channel4 .introd-tit .tip-box .author { margin-left: 2em; font-size: .8em; line-height: 1; color: #0970d9; } .channel4 .introd-doc { min-height: 500px; text-align: center; padding-bottom: 2.2em; border-bottom: 1px solid #ccc; } .channel4 .introd-doc a { color: green; } .channel4 .introd-doc p { font-size: .8em; line-height: 2; color: #666; margin: 1em 0; text-align: left; } .channel4 .introd-doc p:first-child { margin-top: 0; } .channel4 .introd-doc p:last-child { margin-bottom: 0; } .channel4 .introd-doc img { width: 100%; max-width: 800px; height: 100%; margin: 0.8em auto; object-fit: cover; } .channel4 .introd-doc table { width: 100% !important; } .channel4 .introd-doc table td { width: 20% !important; border: solid 1px #333; } .channel4 .introd-doc table td p { text-align: center; text-indent: 0 !important; } .channel4 .introd-doc table p { margin-bottom: 0; } @media (max-width: 991.98px) { .channel4 { margin-top: 0em; } .channel4 .introd-tit { width: 100%; } .channel4 .boxs { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .channel4 .left { width: 100%; margin-top: .3rem; padding-top: .49rem; } .channel4 .introd-tit .tit { font-size: .36rem; line-height: .52rem; margin-bottom: .46rem; } .channel4 .introd-tit .time { font-size: .28rem; } .channel4 .introd-doc { min-height: 4rem; } .channel4 .introd-doc p { font-size: .32rem; line-height: .52rem; margin: .3rem 0; color: #4d4d4d; } .channel4 .introd-doc img { margin: .1rem 0; } .channel4 .more { width: 2rem; height: .6rem; margin: 0 auto; margin-top: .46rem; color: #fff; font-size: .26rem; display: flex; -webkit-display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; background-color: #0970d9; border-radius: .1rem; } } .channel5 { margin-top: 2.5em; } .channel5 .boxs { height: auto; padding-bottom: 3em; box-shadow: none; flex-direction: row-reverse; -webkit-flex-direction: row-reverse; } .channel5 .item1 { border-bottom: 1px solid #dcdcdc; } .channel5 .item1:first-child { border-top: 1px solid #dcdcdc; } .channel5 .right { width: 57.14%; } .channel5 .left { width: 42.86%; max-width: none; padding: 3em 0 0em 0; } .channel5 .channel1-swiper1 { width: 74.16%; float: right; } .channel5 .channel1-swiper1 .slide-imgs { width: 100%; height: 13.75em; } .channel5 .channel1-swiper2 .bd { padding: 3em 0 0; } .channel5 .channel1-swiper2 .doc { height: 3.75em; line-height: 1.875; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; } .channel5 .channel1-swiper2 .time { margin-bottom: 1.1em; } .channel5 .channel1-swiper2 .more { margin-top: 2.685em; } @media (max-width: 991.98px) { .channel6 .channel1-swiper2 .tit { margin-bottom: 0.15rem; } .channel5 { margin-top: 2.5em; } .channel5 .boxs { height: auto; padding-bottom: .6rem; display: block; } .channel5 .item1 { border-bottom: 1px solid #dcdcdc; } .channel5 .item1:first-child { border-top: 1px solid #dcdcdc; } .channel5 .right { width: 100%; } .channel5 .left { width: 100%; max-width: none; padding: .6rem 0 0em 0; } .channel5 .channel1-swiper1 { width: 100%; } .channel5 .channel1-swiper2 .bd { padding: .5rem 0 0; } .channel5 .channel1-swiper2 .doc { height: 1.6rem; font-size: .28rem; line-height: 1.875; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; } .channel5 .channel1-swiper2 .time { margin-bottom: .32rem; } .channel5 .channel1-swiper2 .tit { margin-bottom: .05rem !important; } .channel5 .channel1-swiper2 .more { margin-top: .52rem; } } .channel7 .boxs { padding: 0 5em; } .channel7 .tabbox { min-height: 500px; padding: 3em; background-color: #f7f9fc; border: 1px solid #e8ecf0; } .channel7 .tabbox table { width: 100%; text-align: center; border: 0; } .channel7 .tabbox th { font-size: .9em; line-height: 1; color: #fff; font-weight: bold; padding: 1.22em 0; border: 0; border-bottom: 1px solid #d7dadd; } .channel7 .tabbox th:nth-child(1) { width: 31.48%; } .channel7 .tabbox th:nth-child(2) { width: 18.51%; } .channel7 .tabbox th:nth-child(3) { width: 27.77%; } .channel7 .tabbox th:nth-child(4) { width: 21.75%; } .channel7 .tabbox td { font-size: .9em; line-height: 1.5; padding: 1.38em 0; border: 0; border-bottom: 1px solid #d7dadd; } .channel7 .tabbox thead { color: #000; background-color: #0970d9; } .channel7 .global-paging { margin-top: 2.5em; } @media (max-width: 991.98px) { .channel7 .global-inner1 { padding: 0 .25rem !important; } .channel7 .boxs { padding: 0em; } .channel7 .tabbox { padding: .6rem .25rem 1rem; background-color: #f7f9fc; border: 1px solid #e8ecf0; } .channel7 .tabbox table { text-align: center; border: 0; } .channel7 .tabbox th { font-size: .28rem; line-height: 1; color: #fff; font-weight: bold; padding: .3rem 0; border: 0; border-bottom: 1px solid #d7dadd; } .channel7 .tabbox th { width: 25% !important; border: 0; } .channel7 .tabbox td { font-size: .26rem; line-height: .4rem; padding: .3rem 0; border: 0; border-bottom: 1px solid #d7dadd; } .channel7 .tabbox tr th:nth-child(1) { text-align: left; padding-left: .3rem; } .channel7 .tabbox tr th:nth-child(3) { text-align: right; padding-right: .3rem; } .channel7 .tabbox tr th:nth-child(4) { display: none; } .channel7 .tabbox tr td:nth-child(4) { display: none; } .channel7 .tabbox tr td:nth-child(1) { text-align: left; padding: .33rem 0; padding-left: .32rem; } .channel7 .tabbox tr td:nth-child(2) { padding: .33rem 0; } .channel7 .tabbox tr td:nth-child(3) { text-align: center; padding: .33rem .3rem; } .channel7 .global-paging { margin-top: 2.5em; } } .channel8 .boxs { padding: 0 5em; } .channel8 .hr-del-box { padding: 3em; background-color: #f7f9fc; border: 1px solid #e8ecf0; } .channel8 .top { padding-bottom: 1em; border-bottom: 1px solid #c6c9cc; } .channel8 .top .item1 { margin-bottom: 2.4em; display: flex; display: -webkit-flex; justify-content: space-between; } .channel8 .top .item1 .tit { font-size: 1.8em; line-height: 1; color: #333; font-weight: bold; } .channel8 .top .item1 .back { width: 124px; height: 38px; } .channel8 .top .item1 .back .box { position: relative; width: 100%; height: 100%; font-size: .8em; line-height: 1; color: #fff; white-space: nowrap; display: flex; align-items: center; justify-content: center; border-radius: 10px; border: solid 1px #fff; overflow: hidden; background-color: #0964b5; transition: all .5s; -webkit-transition: all .5s; } .channel8 .top .item1 .back .box::before { position: absolute; display: block; content: ''; width: 10px; height: 10px; background-color: #0964b5; transform: scale(0); transition: all .5s; -webkit-transition: all .5s; left: -5%; top: 15px; z-index: -1; border-radius: 50%; } .channel8 .top .item2 { font-size: .9em; line-height: 1; display: flex; display: -webkit-flex; margin: 0 -1.55em 0 -1.3em; } .channel8 .top .item2 .item2-item { position: relative; padding: 0 1.55em 0 1.3em; } .channel8 .top .item2 .item2-item::after { position: absolute; content: '|'; right: 0; top: 0; } .channel8 .top .item2 .item2-item:last-child::after { display: none; } .channel8 .end { padding: 2em 0 1.9em; border-bottom: 1px solid #c6c9cc; } .channel8 .end h5 { font-size: 1em; line-height: 2em; color: #333; font-weight: bold; } .channel8 .end p { font-size: .9em; line-height: 2.22; color: #4d4d4d; } .channel8 .email { margin-top: 1.9em; display: flex; display: -webkit-flex; } .channel8 .email .item { position: relative; font-size: 1.1em; line-height: 1; color: #0970d9; font-weight: bold; } .channel8 .email .email-num { padding-right: 2.3em; } .channel8 .email .email-num::after { position: absolute; content: '/'; right: 0; top: 0; color: #666; font-weight: normal; } .channel8 .email .email-del { padding-left: 1.5em; } @media (max-width: 991.98px) { .channel8 .global-inner1 { padding: 0 .25rem !important; } .channel8 .boxs { padding: 0em; } .channel8 .hr-del-box { padding: .6rem .25rem 1rem; } .channel8 .top { padding-bottom: 1em; } .channel8 .top .item1 { margin-bottom: 2.4em; } .channel8 .top .item1 .tit { font-size: .36rem; line-height: 1; } .channel8 .top .item2 { font-size: .28rem; line-height: .46rem; display: flex; display: -webkit-flex; flex-wrap: wrap; margin: 0 -.4rem; } .channel8 .top .item2 .item2-item { position: relative; padding: 0 .4rem; } .channel8 .end { padding: 0em 0 .44rem; border-bottom: 1px solid #c6c9cc; } .channel8 .end .hr-doc { padding-top: .4rem; } .channel8 .end h5 { font-size: .3rem; line-height: .5rem; margin-top: .5rem; margin-bottom: .09rem; } .channel8 .end p { font-size: .28rem; line-height: .5rem; text-indent: 0 !important; } .channel8 .email { margin-top: 1.9em; display: block; } .channel8 .email .item { font-size: .32rem; line-height: .56rem; } .channel8 .email .email-num { padding-right: 0; } .channel8 .email .email-num::after { display: none; } .channel8 .email .email-del { padding-left: 0; } .channel8 .back { width: 2rem; height: .6rem; margin: 0 auto; margin-top: .64rem; } .channel8 .back .box { position: relative; width: 100%; height: 100%; font-size: .26rem; line-height: 1; color: #fff; white-space: nowrap; display: flex; align-items: center; justify-content: center; border-radius: 10px; border: solid 1px #fff; overflow: hidden; background-color: #0970d9; } } @media (min-width: 991.98px) { .channel8 .top .item1 .back:hover .box { color: #fff; z-index: 2; transition: all .5s; -webkit-transition: all .5s; } .channel8 .top .item1 .back:hover .box::before { transform: scale(40); } } .channel9 .top { padding: 2.5em 0; display: flex; display: -webkit-flex; } .channel9 .top .left { width: 46.42%; } .channel9 .top .left .channel9-swiper { position: relative; overflow: hidden; } .channel9 .top .left .channel9-swiper .slide-imgs { width: 100%; height: 20em; overflow: hidden; } .channel9 .top .left .channel9-swiper .image { width: 100%; height: 100%; object-fit: contain; } .channel9 .top .left .channel9-swiper .channel9-btn-next::after, .channel9 .top .left .channel9-swiper .channel9-btn-prev::after { display: none; } .channel9 .top .left .channel9-swiper .channel9-btn-next, .channel9 .top .left .channel9-swiper .channel9-btn-prev { width: 2.5em; height: 2.5em; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); } .channel9 .top .left .channel9-swiper .channel9-btn-next .bi, .channel9 .top .left .channel9-swiper .channel9-btn-prev .bi { width: .7em; height: .5em; } .channel9 .top .right { width: 53.58%; padding-left: 4.5em; margin-top: -1em; } .channel9 .top .right .list .tit { font-size: 2.4em; line-height: 1.5; font-weight: bold; } .channel9 .top .right .doc { font-size: .9em; line-height: 2; color: #333; padding-top: .5em; margin-bottom: 6.5em; } .channel9 .top .addbw { margin-bottom: 6.2em; } .channel9 .top .item1 .left1 { font-weight: bold; } .channel9 .top .item1 .right1, .channel9 .top .item1 .left1 { font-size: .9em; line-height: 2; display: inline; } .channel9 .end { padding-top: 1.6em; border-top: 1px solid #dcdcdc; } .channel9 .end .list { display: flex; display: -webkit-flex; } .channel9 .end .item { width: 33.33%; } .channel9 .end .item .tit { font-size: 1.3em; line-height: 2.3; font-weight: bold; color: #333; } .channel9 .end .item .doc { font-size: .8em; line-height: 2.1; color: #333; } @media (max-width: 991.98px) { .channel9 .top { padding: .5rem 0 .63rem; display: block; } .channel9 .top .left { width: 100%; } .channel9 .top .left .channel9-swiper { position: relative; overflow: hidden; } .channel9 .top .left .channel9-swiper .slide-imgs { width: 100%; height: 4rem; overflow: hidden; } .channel9 .top .left .channel9-swiper .channel9-btn-next, .channel9 .top .left .channel9-swiper .channel9-btn-prev { width: .6rem; height: .6rem; } .channel9 .top .left .channel9-swiper .channel9-btn-next .bi, .channel9 .top .left .channel9-swiper .channel9-btn-prev .bi { width: .16rem; height: .11rem; } .channel9 .top .right { width: 100%; padding-left: 0em; margin-top: .4rem; } .channel9 .top .right .list .tit { font-size: .56rem; line-height: .9rem; color: #333; } .channel9 .top .addbw { margin-bottom: .5rem; } .channel9 .top .item1 .left1 { font-weight: bold; } .channel9 .top .item1 .right1, .channel9 .top .item1 .left1 { font-size: .28rem; line-height: .48rem; display: inline; } .channel9 .end { margin-top: .4rem; } .channel9 .end .list { display: block; } .channel9 .end .item { width: 100%; padding-right: 0; margin-top: .4rem; } .channel9 .end .item .tit { font-size: .32rem; line-height: .6rem; } .channel9 .end .item .doc { font-size: .26rem; line-height: .46rem; } } @media (min-width: 991.98px) { .channel9 .top .right .list .item:hover .tit { color: #0964b5; } } .p-plant-innovate .main-box { padding-bottom: 4.55em; } .channel9 .channel10-bgk { display: none; } .channel10 { position: relative; } .channel10 .channel10-bgk { position: absolute; content: ''; width: 100%; height: 37em; bottom: -5em; left: 0; background-color: #fafafa; display: block; } .channel10 .top { padding: 1em 0 5em; border-bottom: 0; } .channel10 .top .left { width: 50%; } .channel10 .top .right { width: 50%; padding-left: 4em; margin-top: 2em; } .channel10 .end1 { padding: 5em 0 0; } .channel10 .end1 .list { margin: 2.5em -15px 0; } .channel10 .end1 .list .imgs { width: 100%; height: 15.25em; overflow: hidden; } .channel10 .end1 .list .image { width: 100%; height: 100%; object-fit: cover; } .channel10 .end1 .list .tit { text-align: center; font-size: 1em; line-height: 1.8; color: #333; margin-top: 1em; } @media (max-width: 991.98px) { .channel10 .channel10-bgk { height: 23.8rem; } .channel10 .top { display: flex; flex-direction: column-reverse; padding: 0; border-bottom: 0; padding-bottom: 1rem; } .channel10 .top .left { width: 100%; margin-top: .5rem; } .channel10 .top .right { width: 100%; padding-left: 0em; margin-top: 0em; } .channel10 .end1 { padding: .9rem 0 0; } .channel10 .end1 .list { margin: 0em -15px 0; padding-top: .7rem; } .channel10 .end1 .list .item { margin-top: .6rem; } .channel10 .end1 .list .item:first-child { margin-top: 0; } .channel10 .end1 .list .imgs { width: 100%; height: 4.45rem; overflow: hidden; } .channel10 .end1 .list .tit { text-align: center; font-size: .28rem; line-height: .36rem; color: #333; margin-top: .36rem; } } .channel11 .boxs { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .channel11 .list { margin-top: 2.9em; } .channel11 .item { position: relative; padding: 0 2.2em; text-align: center; } .channel11 .item::after { position: absolute; content: ''; right: 0; top: -2.5em; width: 1px; height: 18.5em; background-color: #e1e1e1; } .channel11 .item:last-child:after { display: none; } .channel11 .imgs { width: 4.8em; height: 4.8em; margin: 0 auto; margin-bottom: 1.65em; position: relative; overflow: hidden; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .channel11 .circle { position: absolute; top: 0; left: 0; width: 4.8em; height: 4.8em; object-fit: contain; } .channel11 .icon { width: 2.6em; height: 3em; object-fit: contain; } .channel11 .tit { font-size: .9em; font-weight: bold; line-height: 1; color: #333; margin-bottom: 1.22em; } .channel11 .doc { font-size: .8em; line-height: 1.625; color: #666; } @media (min-width: 991.98px) { .channel11 .right .item::after { transition: 0.5s width cubic-bezier(0.2, 0, 0.2, 1); } .channel11 .right .item.active { color: #fff; padding: .75em 1.5em .9em; } .channel11 .right .item.active .tit { transform: translate(26px, 0); -webkit-transform: translate(26px, 0); } .channel11 .right .item.active .doc { width: 100%; bottom: 0; opacity: 1; position: static; color: white; transform: translate(0em, 2.5em); -webkit-transform: translate(0em, 2.5em); transition: 0.5s transform cubic-bezier(0.2, 0, 0.2, 1), 0.2s opacity cubic-bezier(0.2, 0, 0.2, 1); -webkit-transition: 0.5s transform cubic-bezier(0.2, 0, 0.2, 1), 0.2s opacity cubic-bezier(0.2, 0, 0.2, 1); } .channel11 .right .item.active .tit { opacity: 1; } .channel11 .right .item.active .no-hover { display: none; } .channel11 .right .item.active::after { width: 100%; background-color: #2f83d9; } .channel11 .right .item.active:nth-child(2n)::after { width: 100%; background-color: #ff671f; } .channel11 .item:hover .circle { transition: .8s; -webkit-transition: .8s; transform: rotate(360deg); -webkit-transform: rotate(360deg); } .channel11 .item:hover .tit { color: #0964b5; } } @media (max-width: 991.98px) { .channel11 .boxs { display: block; } .channel11 .list { margin-top: .8rem; } .channel11 .item { position: relative; padding: 0 .5rem; text-align: center; margin-bottom: .8rem; } .channel11 .item::after { display: none; } .channel11 .item:last-child { margin-bottom: 0; } .channel11 .imgs { width: 1.5rem; height: 1.5rem; margin: 0 auto; margin-bottom: 1.65em; } .channel11 .circle { position: absolute; width: 1.5rem; height: 1.5rem; } .channel11 .icon { width: 2.6em; height: 3em; } .channel11 .tit { font-size: .32rem; font-weight: bold; line-height: .48rem; margin-bottom: 1.22em; } .channel11 .doc { font-size: .28em; line-height: .36rem; } } .channel12 { margin-top: 5em; height: 40em; } .channel12 .boxs { display: flex; display: -webkit-flex; } .channel12 .bgk { position: absolute; width: 100%; height: 40em; top: 0; left: 0; background: no-repeat center; background-size: cover; } .channel12 .left { position: relative; width: 50%; } .channel12 .left .imgs { width: 5.15em; height: 5.3em; overflow: hidden; margin: 0 auto; } .channel12 .right { position: relative; width: 50%; } .channel12 .right .imgs { width: 4.4em; height: 5.15em; overflow: hidden; margin: 0 auto; } .channel12 .bd { position: relative; color: #fff; text-align: center; padding-top: 14.25em; } .channel12 .bd .tit { font-size: 2.4em; line-height: 1; margin-top: 1.1em; margin-bottom: 0.61em; font-weight: bold; } .channel12 .bd .doc { font-size: 1.1em; line-height: 1.63; } .channel12 .bd .image { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 991.98px) { .channel12 { margin-top: 1rem; height: 12.5rem; } .channel12 .boxs { display: block; } .channel12 .bgk { position: absolute; width: 100%; height: 6.25rem; top: 0; left: 0; background: no-repeat center; background-size: cover; } .channel12 .left { position: relative; width: 100%; height: 6.25rem; } .channel12 .left .imgs { width: 1.03rem; height: 1.05rem; overflow: hidden; margin: 0 auto; } .channel12 .right { position: relative; width: 100%; height: 6.25rem; } .channel12 .right .imgs { width: .88rem; height: 1.03rem; overflow: hidden; margin: 0 auto; } .channel12 .bd { position: relative; color: #fff; text-align: center; padding-top: 1.8rem; } .channel12 .bd .tit { font-size: .48rem; line-height: 1; margin-top: .52rem; margin-bottom: 0.61em; } .channel12 .bd .doc { font-size: .28rem; line-height: .36rem; padding: 0 .8rem; } } .channel13 { margin-top: 5em; } .channel13 .public-title4 { margin-bottom: 2.8em; } .channel13 .tabbox { padding: 0; border: 0; background-color: #fff; } .channel13 .tabbox tr:nth-child(1) { background-color: #fff; } .channel13 .tabbox tr:nth-child(1) td { padding-top: 0; } .channel13 .tabbox tr:nth-child(1) td:nth-child(3) { width: 20%; } .channel13 .tabbox tr td:first-child { width: 26.66%; text-align: left; font-weight: bold; padding-left: 3em; } .channel13 .tabbox tr td:nth-child(2) { width: 22.33%; } .channel13 .tabbox tr td:nth-child(3) { width: 29.66%; } .channel13 .tabbox tr td:last-child { width: 21.33%; text-align: right; padding-right: 3.15em; } @media (max-width: 991.98px) { .channel13 { margin-top: 1rem; } .channel13 .global-inner1 { padding: 0 .5rem !important; } .channel13 .public-title4 { margin-bottom: .2rem; } .channel13 .tabbox { padding: 0; border: 0; background-color: #fff; min-height: auto; } .channel13 .tabbox table { width: 100%; overflow-x: auto; } .channel13 .tabbox td { width: 33.33% !important; } .channel13 .tabbox td:first-child { text-align: left; padding-left: 0 !important; } .channel13 .tabbox td:last-child { text-align: right; padding-right: 0 !important; } .channel13 .tabbox tr td:nth-child(4) { display: block; padding: .33rem 0; width: auto !important; } .channel13 .tabbox tr:nth-child(1) td:nth-child(4) { padding-top: 0; } } .channel14 .public-title5 { padding: 0 12.5em; } .channel14 .public-title5 .doc { font-size: .9em; } .channel14 .boxs { position: relative; height: 26em; } .channel14 .bgk { position: absolute; top: 0; left: 0; width: 100%; height: 26em; background: no-repeat center; background-size: cover; } .channel14 .bd { position: relative; padding-top: 8.7em; } .channel14 .bd .tit { text-align: center; font-size: 2.4em; line-height: 1.791; font-weight: bold; color: #fff; text-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.68); } @media (max-width: 991.98px) { .channel14 { position: relative; } .channel14 .public-title5 { padding: 0em; } .channel14 .boxs { position: relative; height: 5.2rem; } .channel14 .bgk { position: absolute; width: 100%; height: 5.2rem; } .channel14 .bd { position: relative; padding-top: 1.73rem; } .channel14 .bd .tit { font-size: .48rem; line-height: .86rem; font-weight: bold; } } .channel15 { padding-top: 5em; } .channel15 .boxs { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .channel15 .left { width: 47.14%; } .channel15 .left .item { display: none; } .channel15 .left .item .imgs { width: 71.12%; height: 27.5em; overflow: hidden; } .channel15 .left .item .imgs .image { width: 100%; height: 100%; object-fit: cover; transition: 5s; -webkit-transition: 5s; } .channel15 .left .item.active { display: block; } .channel15 .left .item.active .imgs .image { transition: 5s; -webkit-transition: 5s; } .channel15 .right-box { width: 52.86%; } .channel15 .right { width: 100%; display: flex; padding-top: 3.85em; border-top: 1px solid #717c85; overflow: hidden; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .channel15 .right .tit { font-size: 4em; line-height: 1; font-weight: bold; color: #d7dadd; white-space: nowrap; transition-duration: .4s; transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99); } .channel15 .right .doc { display: none; position: relative; font-size: 1.1em; line-height: 1.63; color: #3d4b57; text-align: right; white-space: nowrap; opacity: 1; transition: .5s; -webkit-transition: .5s; } .channel15 .right .doc::before { position: absolute; content: ''; top: 2.54em; right: 0; width: .9em; height: .8em; background: no-repeat center; background-image: url(/img/images/develop-icon.svg); background-size: cover; } .channel15 .right .channel15-swiper1 { width: 70%; height: auto; } .channel15 .right .channel15-swiper1 .bd { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .channel15 .right .channel15-swiper1 .swiper-slide-active .tit { color: #394854; } .channel15 .right .channel15-swiper1 .swiper-slide-prev .tit { opacity: 0; transition-duration: 1s; transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99); } .channel15 .right .channel15-swiper2 { width: 30%; height: 4em; overflow: hidden; } .channel15 .right .upDown { display: block !important; } @media (min-width: 991.98px) and (max-width: 1400px) { .channel15-swiper1, .channel15-swiper2 { width: 50%; } } @media (max-width: 1300px) { .channel15 .right .tit { font-size: 3em; } } @media (max-width: 991.98px) { .channel15 { padding-top: 1rem; } .channel15 .boxs { flex-direction: column-reverse; } .channel15 .left { width: 100%; } .channel15 .left .imgs { width: 100% !important; height: 7.2rem; overflow: hidden; } .channel15 .left .item { width: 100%; } .channel15 .right-box { width: 100%; } .channel15 .right { position: relative; width: 100%; display: flex; padding-top: .77rem; border-top: 1px solid #717c85; border-top: 0; overflow: hidden; } .channel15 .right .tit { font-size: .68rem; line-height: 1; } .channel15 .right .doc { position: relative; font-size: .28rem; line-height: .36rem; color: #3d4b57; opacity: 1; } .channel15 .right .doc::before { position: absolute; content: ''; top: .4rem; right: 0; width: .9em; height: .8em; background: no-repeat center; background-image: url(/img/images/develop-icon.svg); background-size: cover; } .channel15 .right .channel15-swiper1 { width: 50%; height: max-content; } .channel15 .right .channel15-swiper1 .item-slide { height: 1rem; } .channel15 .right .channel15-swiper1 .bd { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .channel15 .right .channel15-swiper1 .swiper-slide-active .tit { color: #394854; } .channel15 .right .channel15-swiper1 .swiper-slide-prev .tit { opacity: 0; transition-duration: 1s; transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99); } .channel15 .right .channel15-swiper1 .upDown { display: block; } .channel15 .right .channel15-swiper2 { width: 50%; height: 4em; overflow: hidden; margin-right: .2rem; } } .p-business .main-box { padding-top: 0; padding-bottom: 0; overflow: hidden; } .p-business .public-banner { height: 48em; } @media (max-width: 991.98px) { .p-business .main-box { padding-bottom: 0; } .p-business .public-banner { height: 9.6rem; } } .channel30 { padding-top: 0 !important; height: 48em; } .channel30 .boxs { position: relative; width: 100%; height: 100%; position: fixed !important; } .channel30 .imgs { position: absolute; top: 0; left: 0; height: 48em; } .channel30 .bgk { position: absolute; top: 0; left: 0; width: 100%; width: 100VW; height: 48em; height: 100VH; background: no-repeat center; background-size: cover; } .channel30 .public-ban-paging { position: relative; width: 100%; height: 100%; bottom: 0em; left: 0em; } .channel30 .public-ban-paging .tit-box { position: absolute; left: 0; bottom: 5em; } .channel30 .public-ban-paging .tit { position: relative; font-size: 2.4em; line-height: 1; color: #fff; padding-bottom: 0.625em; font-weight: normal; text-shadow: 4px 7px 13px 0px rgba(0, 0, 0, 0.32); } .channel30 .public-ban-paging .tit::before { position: absolute; content: ''; left: 2em; bottom: 0; width: 2em; height: 0.0625em; background-color: #fff; } .channel30 .public-ban-paging .tit::after { position: absolute; content: ''; left: 0; bottom: 0; width: 2em; height: 0.0625em; background-color: #0055b8; } @media (max-width: 991.98px) { .channel30 { position: relative; margin-top: 0 !important; height: 9.6rem; } .channel30 .boxs { position: relative; width: 100%; height: 100%; } .channel30 .imgs { position: absolute; top: 0; left: 0; height: 9.6rem; } .channel30 .public-ban-paging { position: absolute; width: 100%; height: 100%; bottom: 0em; left: 0em; } .channel30 .public-ban-paging .tit-box { position: absolute; left: .5rem; bottom: 1rem; } .channel30 .public-ban-paging .tit { position: relative; font-size: .48rem; line-height: 1; color: #fff; padding-bottom: .3rem; font-weight: normal; text-shadow: 4px 7px 13px 0px rgba(0, 0, 0, 0.32); } .channel30 .public-ban-paging .tit::before { position: absolute; content: ''; left: .96rem; bottom: 0; width: .96rem; height: 0.03em; background-color: #fff; } .channel30 .public-ban-paging .tit::after { position: absolute; content: ''; left: 0; bottom: 0; width: 2em; height: 0.0625em; background-color: #0055b8; } } .channel16 { position: relative; height: 48em; width: 100VW; height: 100VH; } .channel16 .bgk { position: absolute; width: 100%; height: 100%; width: 100VW; height: 100VH; top: 0; left: 0; background: no-repeat center; background-size: cover; } .channel16 .boxs { width: 50%; padding-top: 12.25em; } .channel16 .boxes { position: relative; width: 100%; height: 100%; } @media (max-width: 991.98px) { .channel16 { position: relative; height: 9.6rem; height: 100VH; } .channel16 .bgk { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: no-repeat center; background-size: cover; } .channel16 .boxs { width: 100%; padding-top: 2.36rem; } } .channel17 { width: 100VW; height: 100%; padding: 5em 0; background-color: #fff; position: relative; } .channel17 .boxs { width: 100%; height: 100%; } .channel17 .title { margin-bottom: 3em; } .channel17 .title .tit { font-size: 2.4em; line-height: 1; color: #333; } .channel17 .channel17-swiper5, .channel17 .channel17-swiper4, .channel17 .channel17-swiper3, .channel17 .channel17-swiper2, .channel17 .channel17-swiper1 { width: 100%; height: 100%; height: auto; overflow: hidden; position: relative; } .channel17 .channel17-swiper5 .item-box, .channel17 .channel17-swiper4 .item-box, .channel17 .channel17-swiper3 .item-box, .channel17 .channel17-swiper2 .item-box, .channel17 .channel17-swiper1 .item-box { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .channel17 .channel17-swiper5 .item, .channel17 .channel17-swiper4 .item, .channel17 .channel17-swiper3 .item, .channel17 .channel17-swiper2 .item, .channel17 .channel17-swiper1 .item { width: 33.33%; padding-right: 1.5em; margin-bottom: 2em; } .channel17 .channel17-swiper5 .item:nth-child(3n), .channel17 .channel17-swiper4 .item:nth-child(3n), .channel17 .channel17-swiper3 .item:nth-child(3n), .channel17 .channel17-swiper2 .item:nth-child(3n), .channel17 .channel17-swiper1 .item:nth-child(3n) { padding-right: 0; } .channel17 .channel17-swiper5 .imgs, .channel17 .channel17-swiper4 .imgs, .channel17 .channel17-swiper3 .imgs, .channel17 .channel17-swiper2 .imgs, .channel17 .channel17-swiper1 .imgs { width: 100%; height: 15em; overflow: hidden; } .channel17 .channel17-swiper5 .imgs .image, .channel17 .channel17-swiper4 .imgs .image, .channel17 .channel17-swiper3 .imgs .image, .channel17 .channel17-swiper2 .imgs .image, .channel17 .channel17-swiper1 .imgs .image { width: 100%; height: 100%; object-fit: cover; } .channel17 .channel17-swiper5 .bd, .channel17 .channel17-swiper4 .bd, .channel17 .channel17-swiper3 .bd, .channel17 .channel17-swiper2 .bd, .channel17 .channel17-swiper1 .bd { margin-top: .4em; } .channel17 .channel17-swiper5 .tit, .channel17 .channel17-swiper4 .tit, .channel17 .channel17-swiper3 .tit, .channel17 .channel17-swiper2 .tit, .channel17 .channel17-swiper1 .tit { font-size: 1em; line-height: 2; color: #333; text-align: center; } .channel17 .channel17-swiper5 .swiper-pagination, .channel17 .channel17-swiper4 .swiper-pagination, .channel17 .channel17-swiper3 .swiper-pagination, .channel17 .channel17-swiper2 .swiper-pagination, .channel17 .channel17-swiper1 .swiper-pagination { bottom: 0; } .channel17 .channel17-swiper5 .swiper-pagination-bullet, .channel17 .channel17-swiper4 .swiper-pagination-bullet, .channel17 .channel17-swiper3 .swiper-pagination-bullet, .channel17 .channel17-swiper2 .swiper-pagination-bullet, .channel17 .channel17-swiper1 .swiper-pagination-bullet { width: 1.5em; height: .3em; margin: 0 .5em; border-radius: 3px; background-color: #ccc; } .channel17 .channel17-swiper5 .swiper-pagination-bullet-active, .channel17 .channel17-swiper4 .swiper-pagination-bullet-active, .channel17 .channel17-swiper3 .swiper-pagination-bullet-active, .channel17 .channel17-swiper2 .swiper-pagination-bullet-active, .channel17 .channel17-swiper1 .swiper-pagination-bullet-active { width: 3em; background-color: #0970d9; } .channel17 .swiper-wrap .swiper-wrapper { height: 39.6em; flex-wrap: wrap; flex-direction: column; } .channel17 .swiper-wrap .item-slide { margin-bottom: 2em; } .channel17 .swiper-nowrap { flex-wrap: nowrap !important; -webkit-flex-wrap: nowrap !important; } .channel17 .swiper-no-swiping.channel17-swiper4, .channel17 .swiper-no-swiping.channel17-swiper3, .channel17 .swiper-no-swiping.channel17-swiper2, .channel17 .swiper-no-swiping.channel17-swiper1 { padding-bottom: 2.5em; } @media (max-width: 991.98px) { .channel17 { margin-top: 0rem; padding-bottom: 1rem; z-index: 3; } .channel17 .title { margin-bottom: .6rem; } .channel17 .title .tit { font-size: .48rem; line-height: 1; } .channel17 .channel17-swiper5, .channel17 .channel17-swiper4, .channel17 .channel17-swiper3, .channel17 .channel17-swiper2, .channel17 .channel17-swiper1 { width: 100%; height: 100%; overflow: inherit; position: relative; } .channel17 .channel17-swiper5 .item-box, .channel17 .channel17-swiper4 .item-box, .channel17 .channel17-swiper3 .item-box, .channel17 .channel17-swiper2 .item-box, .channel17 .channel17-swiper1 .item-box { display: block; } .channel17 .channel17-swiper5 .item, .channel17 .channel17-swiper4 .item, .channel17 .channel17-swiper3 .item, .channel17 .channel17-swiper2 .item, .channel17 .channel17-swiper1 .item { width: 100%; padding-right: 0 !important; margin-bottom: .2rem; } .channel17 .channel17-swiper5 .imgs, .channel17 .channel17-swiper4 .imgs, .channel17 .channel17-swiper3 .imgs, .channel17 .channel17-swiper2 .imgs, .channel17 .channel17-swiper1 .imgs { width: 100%; height: 4.4rem; overflow: hidden; } .channel17 .channel17-swiper5 .bd, .channel17 .channel17-swiper4 .bd, .channel17 .channel17-swiper3 .bd, .channel17 .channel17-swiper2 .bd, .channel17 .channel17-swiper1 .bd { margin-top: .4em; } .channel17 .channel17-swiper5 .tit, .channel17 .channel17-swiper4 .tit, .channel17 .channel17-swiper3 .tit, .channel17 .channel17-swiper2 .tit, .channel17 .channel17-swiper1 .tit { font-size: 1em; line-height: 2; color: #333; text-align: center; } .channel17 .channel17-swiper5 .swiper-pagination, .channel17 .channel17-swiper4 .swiper-pagination, .channel17 .channel17-swiper3 .swiper-pagination, .channel17 .channel17-swiper2 .swiper-pagination, .channel17 .channel17-swiper1 .swiper-pagination { bottom: -.3rem; } .channel17 .channel17-swiper5 .swiper-pagination-bullet, .channel17 .channel17-swiper4 .swiper-pagination-bullet, .channel17 .channel17-swiper3 .swiper-pagination-bullet, .channel17 .channel17-swiper2 .swiper-pagination-bullet, .channel17 .channel17-swiper1 .swiper-pagination-bullet { width: .25rem; height: .04rem; margin: 0 .1rem; border-radius: 3px; background-color: #ccc; } .channel17 .channel17-swiper5 .swiper-pagination-bullet-active, .channel17 .channel17-swiper4 .swiper-pagination-bullet-active, .channel17 .channel17-swiper3 .swiper-pagination-bullet-active, .channel17 .channel17-swiper2 .swiper-pagination-bullet-active, .channel17 .channel17-swiper1 .swiper-pagination-bullet-active { width: .5rem; background-color: #0970d9; } .channel17 .swiper-wrap .swiper-wrapper { height: 40.2em; flex-wrap: wrap; flex-direction: column; } .channel17 .swiper-wrap .item-slide { margin-bottom: 2em; } } .channel18 { width: 100VW; height: 100VH; } .channel18 .boxs { position: relative; width: 100%; height: 100%; } .channel18 .bgk { width: 100%; height: 48em; width: 100VW; height: 100VH; overflow: hidden; background: no-repeat center; background-size: cover; background-attachment: fixed; } .channel18 .bgk2 { top: auto; bottom: 0; height: 0vh; z-index: 2; } .channel18 .global-inner1 { z-index: 1; } @media (max-width: 991.98px) { .channel18 { padding-top: 0rem; } .channel18 img { width: 100% !important; height: 9.6rem; } .channel18 .bgk { background-attachment: scroll !important; } .channel18 .bgk2:before { content: ' '; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: url(http://ffyne.163.wlfws.cn:8081/mtsc/uploads/single//20221229142312128248a.jpg) center 0 no-repeat; background-size: cover; } .channel18 .imges { position: relative; } .channel18 .imges img { width: 100vw; height: 100vh; object-fit: cover; } .channel18 .imges2 { width: 100vw; height: 100vh; height: 0vh; position: absolute; bottom: 0; left: 0; z-index: 3; overflow: hidden; transition: all .09s; } .channel18 .imges2 img { position: absolute; bottom: 0; left: 0; width: 100vw; height: 100vh; object-fit: cover; } .channel18 .imges { width: 100vw; } .channel18 .imges1 { width: 100%; height: 100vh; } .channel18 .imges1 .bgk { height: 100vh; z-index: 3; } } .p-about .main-box { padding-bottom: 0; } .channel19 { text-align: center; } .channel19 .title { font-size: 2.4em; line-height: 1; font-weight: bold; color: #333; margin-bottom: .875em; } .channel19 .tit { padding: 0 13em; font-size: 1.2em; line-height: 1.66; color: #222; margin-bottom: 1.416em; } .channel19 .tit span { font-weight: bold; color: #0964b5; } .channel19 .video-box1 { position: relative; width: 100%; height: 14em; padding: 0 7.75em; margin-bottom: 2em; } .channel19 .video-box1 .bofang { position: absolute; width: 2.8em; height: 2.8em; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 31; cursor: pointer; cursor: pointer; } .channel19 .video-box1 .vjs-poster1 { width: 100%; width: 54.5em; height: 14em; margin: 0 auto; background: no-repeat center; background-size: cover; position: absolute; top: 0; left: 50%; z-index: 30; transform: translateX(-50%); cursor: pointer; } .channel19 .video-box1 .video-js { width: 77.5% !important; left: 50%; transform: translateX(-50%); } .channel19 .doc { padding: 0 8em; font-size: 1em; line-height: 1.8; color: #666; margin-bottom: 1.6em; } .channel19 .image { width: 14px; height: 40px; } .channel19 .more { margin-top: 1.6em; } .channel19 .more .box { position: relative; padding-bottom: .2em; font-size: .7em; line-height: 1; font-weight: bold; color: #333; background: linear-gradient(#0964b5, #0964b5) 100% 100%/100% 2px no-repeat; } @media (min-width: 991.98px) { .channel19 .more:hover .box { color: #0964b5; animation: linelink 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s; } @keyframes linelink { 0% { background-size: 100% 2px; background-position: 100% 100%; } 50% { background-size: 0 2px; background-position: 100% 100%; } 51% { background-size: 0 2px; background-position: 0 100%; } to { background-size: 100% 2px; background-position: 0 100%; } } } @media (max-width: 991.98px) { .channel19 { text-align: center; } .channel19 .title { font-size: .48rem; line-height: 1; margin-bottom: .48rem; } .channel19 .tit { padding: 0em; font-size: .36rem; line-height: .52rem; margin-bottom: .39rem; font-weight: normal; } .channel19 .tit span { color: #0964b5; font-weight: normal; } .channel19 .doc { padding: 0em; font-size: .28rem; line-height: .46r; margin-bottom: .39rem; } .channel19 .image { width: 14px; height: 40px; } .channel19 .more { margin-top: 1.6em; } .channel19 .more .box { position: relative; padding-bottom: .2rem; font-size: .28rem; background: linear-gradient(#0964b5, #0964b5) 100% 100%/100% 2px no-repeat; } .channel19 .video-box1 { padding: 0; } .channel19 .video-box1 .video-js { width: 100% !important; } } .channel20 { position: relative; width: 100%; height: 20em; margin-top: 5.35em; } .channel20 .bgk { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: no-repeat center; background-size: cover; } .channel20 .boxs { padding: 0 19.25em; margin-top: 6.5em; } .channel20 .tit { font-size: 2.4em; line-height: 1.25; color: #fff; text-align: center; } .channel20 .more { position: relative; width: 8em; height: 2.3em; margin: 0 auto; margin-top: 2.2em; overflow: hidden; border-radius: 5px; border: 1px solid #fff; transition: all .5s; -webkit-transition: all .5s; } .channel20 .more .box { width: 100%; height: 100%; font-size: .7em; line-height: 1; color: #fff; overflow: hidden; white-space: nowrap; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .channel20 .more::before { position: absolute; display: block; content: ''; width: 10px; height: 10px; background-color: #0964b5; transform: scale(0); transition: all .5s; -webkit-transition: all .5s; left: -2%; top: 15px; z-index: -1; border-radius: 50%; } @media (max-width: 991.98px) { .channel20 { position: relative; width: 100%; height: 4rem; margin-top: 1.2rem; } .channel20 .boxs { padding: 0rem .4rem; margin-top: .9rem; } .channel20 .tit { font-size: .42rem; line-height: .6rem; } .channel20 .more { position: relative; width: 2.6rem; height: .6rem; margin: 0 auto; margin-top: .41rem; overflow: hidden; border-radius: 5px; border: 1px solid #fff; transition: all .5s; -webkit-transition: all .5s; } .channel20 .more .box { width: 100%; height: 100%; padding: 0 .4rem; font-size: .26rem; line-height: 1; color: #fff; overflow: hidden; } .channel20 .more::before { position: absolute; display: block; content: ''; width: 10px; height: 10px; background-color: #0964b5; transform: scale(0); transition: all .5s; -webkit-transition: all .5s; left: -2%; top: 15px; z-index: -1; border-radius: 50%; } } @media (min-width: 991.98px) { .channel20 .more:hover { border: 1px solid #0964b5; } .channel20 .more:hover .bi { color: #fff; } .channel20 .more:hover::before { transform: scale(40); } } .channel21 { padding: 5em 0; } .channel21 .top { color: #333; text-align: center; margin-bottom: 2.35em; } .channel21 .top .tit { font-size: 2.4em; line-height: 1; font-weight: bold; } .channel21 .top .doc { font-size: 1em; line-height: 1.3em; margin-top: 1.35em; } .channel21 .end { position: relative; width: 75em; height: 18em; margin: 0 auto; } .channel21 .end .bgk { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: no-repeat center; background-size: cover; } .channel21 .end .global-inner1 { padding: 0 5em !important; } .channel21 .end .history-swiper { margin-top: 4.35em; overflow: hidden; } .channel21 .end .history-swiper .item-slide { width: 26em; width: 18em; width: 14.85em; width: 14.6em; } .channel21 .end .history-swiper .item-slide:last-child { width: 26em; } .channel21 .end .history-swiper .bd { position: relative; padding-bottom: 1.6em; padding-left: .3em; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; color: #fff; font-weight: bold; white-space: nowrap; border-bottom: 2px solid rgba(255, 255, 255, 0.2); } .channel21 .end .history-swiper .tit { width: 100%; font-size: 1em; line-height: 1.3em; margin-bottom: 1em; } .channel21 .end .history-swiper .time { width: 100%; font-size: .8em; line-height: 1; } .channel21 .end .history-swiper .bd::before { position: absolute; content: ''; bottom: -.4em; left: -0em; width: 14px; height: 22px; background-image: url(/img/images/history-d.svg); } .channel21 .end .history-swiper .item-slide:nth-child(2n) { margin-top: 4.7em; } .channel21 .end .history-swiper .item-slide:nth-child(2n) .bd { padding-bottom: 0; padding-top: 1.6em; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; border-bottom: 0; border-top: 2px solid rgba(255, 255, 255, 0.2); } .channel21 .end .history-swiper .item-slide:nth-child(2n) .bd::before { position: absolute; content: ''; top: -.4em; transform: rotate(180deg); background-image: url(/img/images/history-d.png); } .channel21 .end .history-swiper .item-slide:nth-child(2n) .tit { margin-bottom: 0; } .channel21 .end .history-swiper .item-slide:nth-child(2n) .time { margin-bottom: .9em; } .channel21 .end .history-swiper .history-swiper-button-next::before, .channel21 .end .history-swiper .history-swiper-button-prev::before { content: ''; } .channel21 .end .history-swiper .history-swiper-button-next, .channel21 .end .history-swiper .history-swiper-button-prev { position: absolute; top: 45%; width: 1.8em; height: 1.8em; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-ustify-content: center; border-radius: 50%; background-color: #ffffff; } .channel21 .end .history-swiper .history-swiper-button-next .bi, .channel21 .end .history-swiper .history-swiper-button-prev .bi { width: .4em; height: .6em; } .channel21 .end .history-swiper .history-swiper-button-next { right: 0; } .channel21 .end .history-swiper .history-swiper-button-prev { left: 0; } .channel21 .end .history-swiper .swiper-button-disabled { opacity: .5; } @media (max-width: 991.98px) { .channel21 { padding: 1.05rem 0 .7rem; } .channel21 .top { color: #333; text-align: center; margin-bottom: .53rem; } .channel21 .top .tit { font-size: .48rem; line-height: 1; } .channel21 .top .doc { font-size: .28rem; line-height: .46rem; margin-top: .35rem; } .channel21 .end { position: relative; width: 100%; height: 4.6rem; margin: 0 auto; } .channel21 .end .bgk { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: no-repeat center; background-size: cover; } .channel21 .end .global-inner1 { padding: 0 0 0 0.5rem !important; } .channel21 .end .history-swiper { margin-top: .67rem; overflow: hidden; } .channel21 .end .history-swiper .item-slide { width: 4.5rem; width: 3.5rem; } .channel21 .end .history-swiper .bd { position: relative; padding-bottom: .4rem; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; color: #fff; font-weight: bold; border-bottom: 2px solid rgba(255, 255, 255, 0.2); } .channel21 .end .history-swiper .tit { width: 100%; font-size: .3rem; line-height: .42rem; margin-bottom: .18rem; } .channel21 .end .history-swiper .time { width: 100%; font-size: .28rem; line-height: 1; } .channel21 .end .history-swiper .bd::before { position: absolute; content: ''; bottom: -.4em; left: -0em; width: 14px; height: 22px; background-image: url(/img/images/history-d.svg); } .channel21 .end .history-swiper .item-slide:nth-child(2n) { margin-top: 1.15rem; margin-top: 1.3rem; } .channel21 .end .history-swiper .item-slide:nth-child(2n) .bd { padding-bottom: 0; padding-top: .4rem; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; border-bottom: 0; border-top: 2px solid rgba(255, 255, 255, 0.2); } .channel21 .end .history-swiper .item-slide:nth-child(2n) .bd::before { position: absolute; content: ''; top: -.4em; transform: rotate(180deg); background-image: url(/img/images/history-d.png); } .channel21 .end .history-swiper .item-slide:nth-child(2n) .tit { margin-bottom: 0; } .channel21 .end .history-swiper .item-slide:nth-child(2n) .time { margin-bottom: .9em; } .channel21 .end .history-swiper .swiper-button-disabled { opacity: .5; } .channel21 .end .history-swiper .history-swiper-pagination { width: 85%; top: auto; height: .01rem; left: .5rem; bottom: 0.5rem; background: rgba(255, 255, 255, 0.5); } .channel21 .end .history-swiper .swiper-pagination-progressbar-fill { background: #fff; height: 3px; margin-top: -1px; } } @media (min-width: 991.98px) { .channel21 .history-swiper-button-prev:hover, .channel21 .history-swiper-button-next:hover { cursor: pointer; background-color: #0964b5 !important; transition: .5s; -webkit-transition: .5s; } .channel21 .history-swiper-button-prev:hover .bi, .channel21 .history-swiper-button-next:hover .bi { color: #fff; } .channel21 .swiper-button-disabled:hover { background-color: #fff !important; cursor: auto; } .channel21 .swiper-button-disabled:hover .bi { color: #333; } } .channel22 { width: 100%; height: 100%; padding: 5em 0; background-color: #f4f4f4; } .channel22 .title { font-size: 2.4em; line-height: 1; font-weight: bold; color: #333; text-align: center; } .channel22 .channel22-swiper { overflow: hidden; padding: 1em; margin: -1em; margin-top: 1.5em; } .channel22 .channel22-swiper .item-slide { box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); } .channel22 .channel22-swiper .imgs { width: 100%; height: 11em; overflow: hidden; } .channel22 .channel22-swiper .imgs .image { width: 100%; height: 100%; object-fit: cover; } .channel22 .channel22-swiper .bd { padding: 1.75em 1.5em 5.5em; color: #333; background-color: #fff; border-top: .5em solid #16a837; } .channel22 .channel22-swiper .tit { font-size: 1.2em; line-height: 1.33; text-align: center; } .channel22 .channel22-swiper .doc { height: 4.875em; font-size: .8em; line-height: 1.625; margin-top: 1.3em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .channel22 .channel22-swiper .item-slide:nth-child(2n) .bd { border-top: .5em solid #0964b5; } @media (max-width: 991.98px) { .channel22 { width: 100%; height: 100%; padding: 1rem 0 1.5rem; } .channel22 .title { font-size: .48rem; line-height: 1; font-weight: normal; } .channel22 .channel22-swiper { overflow: hidden; padding: .2rem; margin: -.2rem; margin-top: .5rem; } .channel22 .channel22-swiper .imgs { width: 100%; height: 3.8rem; } .channel22 .channel22-swiper .bd { padding: .4rem .7rem .53rem; color: #333; border-top: .1rem solid #16a837; } .channel22 .channel22-swiper .tit { font-size: .34rem; line-height: .5rem; text-align: center; } .channel22 .channel22-swiper .doc { height: 4.875em; height: 4.5em; font-size: .26rem; line-height: .4rem; margin-top: .2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .channel22 .channel22-swiper .item-slide { box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); } .channel22 .channel22-swiper .item-slide:nth-child(2n) .bd { border-top: .1rem solid #0964b5; } .channel22 .channel22-swiper .swiper-pagination { bottom: -.75rem; } .channel22 .channel22-swiper .swiper-pagination-bullet { width: .25rem; height: .04rem; margin: 0 .1rem; border-radius: 3px; background-color: #ccc; } .channel22 .channel22-swiper .swiper-pagination-bullet-active { width: .5rem; background-color: #0970d9; } } .channel23 { position: relative; width: 100%; height: 32.5em; } .channel23 .bgk { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: no-repeat center; background-size: cover; } .channel23 .box { position: relative; padding-top: 5em; } .channel23 .title { font-size: 2.4em; line-height: 1; font-weight: bold; color: #333; text-align: center; } .channel23 .channel23-swiper { width: 100%; height: 100%; overflow: hidden; padding: 20px; margin: -20px; margin-top: 1.7em; } .channel23 .channel23-swiper .item-box { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .channel23 .channel23-swiper .item { width: 14em; width: 20%; height: 6.5em; padding-right: 1em; margin-bottom: 2em; } .channel23 .channel23-swiper .item:nth-child(5), .channel23 .channel23-swiper .item:nth-child(10) { padding-right: 0; } .channel23 .channel23-swiper .box { box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); } .channel23 .channel23-swiper .imgs { width: 100%; height: 6.5em; overflow: hidden; background-color: #fff; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); } .channel23 .channel23-swiper .imgs .image { width: 100%; height: 100%; object-fit: cover; object-fit: contain; } .channel23 .channel23-swiper .swiper-pagination { bottom: -.9rem; } .channel23 .channel23-swiper .swiper-pagination-bullet { width: 1.5em; height: .3em; margin: 0 .5em; border-radius: 3px; background-color: #ccc; } .channel23 .channel23-swiper .swiper-pagination-bullet-active { width: 3em; background-color: #0970d9; } @media (max-width: 991.98px) { .channel23 { position: relative; width: 100%; height: 6.1rem; } .channel23 .box { position: relative; padding-top: 1.1rem; } .channel23 .title { font-size: .48rem; line-height: 1; font-weight: normal; } .channel23 .channel23-swiper { width: 100%; height: 100%; overflow: inherit; margin-top: .5rem; position: relative; margin-left: 0; margin-top: .1rem; } .channel23 .channel23-swiper .item { width: 33.33%; height: 1.04rem; padding-right: .16rem; margin-bottom: .33rem; } .channel23 .channel23-swiper .item:nth-child(5), .channel23 .channel23-swiper .item:nth-child(10) { padding-right: .16rem; } .channel23 .channel23-swiper .item:nth-child(3n) { padding-right: 0; } .channel23 .channel23-swiper .imgs { width: 100%; height: 1.06rem; } .channel23 .channel23-swiper .swiper-pagination { bottom: -.3rem; bottom: 0; } .channel23 .channel23-swiper .swiper-pagination-bullet { width: .25rem; height: .04rem; margin: 0 .1rem; border-radius: 3px; background-color: #ccc; } .channel23 .channel23-swiper .swiper-pagination-bullet-active { width: .5rem; background-color: #0970d9; } } .channel24 { margin-top: 0; height: 22em; } .channel24 .boxs { padding: 0 15.75em !important; margin-top: 5.3em; } .channel24 .more { width: 7.5em; margin-top: 2.4em; } .channel24 .more .bi { margin-left: 2.1428em; width: 6px; height: 10px; } @media (max-width: 991.98px) { .channel24 { height: 4.4rem; margin-top: 0; } .channel24 .boxs { padding: 0em !important; padding-top: 1.03rem !important; margin-top: 0em; } .channel24 .more { width: 2rem; margin-top: 0.64rem; } .channel24 .more .box { padding: 0 .3rem; justify-content: space-between; -webkit-justify-content: space-between; } .channel24 .more .bi { width: .11rem; height: .18rem; margin-left: .2rem; } } .company-pop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; overflow-y: scroll; background-color: #fff; z-index: 999; } .company-pop .box { position: relative; } .company-pop .company-close { position: absolute; top: 1.5em; right: 1.5em; width: 3em; height: 3em; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; border-radius: 50%; border: 2px solid #fff; cursor: pointer; } .company-pop .company-close .bi { width: 1em; height: 1em; color: #fff; } .company-pop .top .image { width: 100%; height: 17.5em; object-fit: cover; } .company-pop .end { margin-top: 8em; } .company-pop .end .title { font-size: 2.4em; line-height: 1; font-weight: bold; color: #333; margin-bottom: .875em; text-align: center; } .company-pop .end .tit { padding: 0 13em; font-size: 1.2em; line-height: 1.66; font-weight: bold; color: #222; margin-bottom: 1.416em; text-align: center; } .company-pop .end .tit span { color: #0964b5; } .company-pop .end .image { width: 100%; height: 19em; padding: 0 2.5em; margin-top: .35em; object-fit: cover; } .company-pop .end .doc { padding: 2.15em 7.5em 3em; } .company-pop .end .doc p { font-size: .8em; line-height: 1.875em; color: #666; margin-top: 2em; } .company-pop .end .doc p:first-child { margin-top: 0; } .contact-pop, .org-pop, .company-pop { -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .contact-pop::-webkit-scrollbar, .org-pop::-webkit-scrollbar, .company-pop::-webkit-scrollbar { width: 0; } @media (max-width: 991.98px) { .company-pop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; overflow-y: scroll; background-color: #fff; z-index: 999; } .company-pop .box { position: relative; } .company-pop .company-close { position: absolute; top: 1em; right: 1em; width: 2em; height: 2em; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; border-radius: 50%; border: 2px solid #fff; cursor: pointer; } .company-pop .company-close .bi { width: .8em; height: .8em; color: #fff; } .company-pop .top .image { width: 100%; height: 5rem; object-fit: cover; } .company-pop .end { margin-top: .6rem; } .company-pop .end .title { font-size: .48rem; line-height: 1; font-weight: bold; color: #333; margin-bottom: .875em; text-align: center; } .company-pop .end .tit { padding: 0; font-size: .28rem; line-height: 1.66; font-weight: bold; color: #222; margin-bottom: 1.416em; text-align: center; } .company-pop .end .tit span { color: #0964b5; } .company-pop .end .image { width: 100%; height: 19em; padding: 0; margin-top: .35em; object-fit: cover; } .company-pop .end .doc { padding: .5rem 0 1rem; } .company-pop .end .doc p { font-size: .26rem; line-height: 1.875em; color: #666; margin-top: .3rem; } .company-pop .end .doc p:first-child { margin-top: 0; } } @media (max-width: 991.98px) { .company-pop.mob { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; } .company-pop.mob .boxes { position: relative; } .company-pop.mob .mob-company-pop-close { position: absolute; top: 1em; right: 1em; width: 2em; height: 2em; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; border-radius: 50%; border: 2px solid #fff; z-index: 6; } .company-pop.mob .mob-company-pop-close .bi { width: .8em; height: .8em; color: #fff; } .company-pop.mob .top { position: relative; height: 5rem; } .company-pop.mob .top .image { position: absolute; bottom: 0rem; left: 0; } .company-pop.mob .top .public-ban-paging { position: absolute; left: 0; bottom: .7rem; } .company-pop.mob .top .public-ban-paging .tit { position: relative; font-size: .48rem; line-height: 1; color: #fff; padding-bottom: 0.3rem; font-weight: normal; } .company-pop.mob .top .public-ban-paging .tit:before { position: absolute; content: ''; left: 0.96rem; bottom: 0; width: 0.96rem; height: 0.03em; background-color: #fff; } .company-pop.mob .top .public-ban-paging .tit:after { position: absolute; content: ''; left: 0; bottom: 0; width: 2em; height: 0.0625em; background-color: #0055b8; } .company-pop.mob .global-inner1 { padding: 0 !important; } .company-pop.mob .public-ban-paging .global-inner1 { padding: 0 .5rem !important; } .company-pop.mob .boxs { display: flex; display: -webkit-flex; } .company-pop.mob .boxs .left { width: 50%; border-right: 1px solid #e6e6e6; } .company-pop.mob .boxs .left .item { position: relative; padding: .25rem 0; padding-right: .5rem; } .company-pop.mob .boxs .left .item:nth-child(1) .tit { font-weight: bold; } .company-pop.mob .boxs .left .item::after { position: absolute; content: ''; right: 0.5rem; top: 50%; width: .25rem; height: .25rem; opacity: 0; background: no-repeat center; background-image: url(/img/images/zzkj-left.png); background-size: cover; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .company-pop.mob .boxs .left .tit { font-size: .3rem; line-height: 1; color: #333; padding-left: .5rem; } .company-pop.mob .boxs .left .active.item { background-color: #fbfbfb; } .company-pop.mob .boxs .left .active.item::after { opacity: 1; } .company-pop.mob .boxs .right { width: 50%; } .company-pop.mob .boxs .right .box .items .title-box { padding: .25rem .5rem .25rem; display: flex; display: -webkit-flex; justify-content: space-between; } .company-pop.mob .boxs .right .box .items .title-box .tit { font-size: .3rem; line-height: 1; color: #333; } .company-pop.mob .boxs .right .box .items .title-box .more { display: none; width: .3rem; height: .3rem; background: no-repeat center; background-image: url(/img/images/zzkj-jia.png); background-size: cover; } .company-pop.mob .boxs .right .box .items .list-box { display: none; padding: .15rem 0 .2rem; border-top: 1px solid #dbdbdb; } .company-pop.mob .boxs .right .box .items .list-box .item-box { padding: .15rem 0rem; } .company-pop.mob .boxs .right .box .items .list-box .item-box .tit { font-size: .28rem; line-height: 1; color: #4d4d4d; padding: .15rem 0; padding-left: .68rem; } .company-pop.mob .boxs .right .box .title-box .more.yes-list { display: block; } .company-pop.mob .boxs .right .box .activeTit { background-color: #fbfbfb; } .company-pop.mob .boxs .right .box .activeTit .title-box .more.yes-list { background: no-repeat center; background-image: url(/img/images/zzkj-jian.png); background-size: cover; } } .org-pop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: scroll; background-color: #fff; z-index: 999; } .org-pop .box { position: relative; } .org-pop .org-close { position: absolute; top: 1.5em; right: 1.5em; width: 3em; height: 3em; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; border-radius: 50%; border: 2px solid #fff; cursor: pointer; } .org-pop .org-close .bi { width: 1em; height: 1em; color: #fff; } .org-pop .top .image { width: 100%; height: 17.5em; object-fit: cover; } .org-pop .end .image { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 991.98px) { .org-pop { display: none; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; background-color: #fff; z-index: 999; } .org-pop .box { position: relative; } .org-pop .org-close { position: absolute; top: 1em; right: 1em; width: 2em; height: 2em; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; border-radius: 50%; border: 2px solid #fff; } .org-pop .org-close .bi { width: .8em; height: .8em; color: #fff; } .org-pop .top .image { width: 100%; height: 3.8rem; object-fit: cover; } .org-pop .end .image { width: 100%; height: 100%; object-fit: cover; } } .contact-pop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: scroll; background-color: #fff; z-index: 999; } .contact-pop .box { position: relative; } .contact-pop .contact-close { position: absolute; top: 1.5em; right: 1.5em; width: 3em; height: 3em; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; border-radius: 50%; border: 2px solid #fff; cursor: pointer; } .contact-pop .contact-close .bi { width: 1em; height: 1em; color: #fff; } .contact-pop .top .image { width: 100%; height: 17.5em; object-fit: cover; } .contact-pop .end { margin: 3em 0 4em; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; background-color: #fcfcfc; } .contact-pop .end .left { width: 65.625%; width: 52.5em; height: 32.5em; overflow: hidden; } .contact-pop .end .left .image { width: 100%; height: 100%; object-fit: cover; } .contact-pop .end .right { width: 34.375%; padding-left: 5em; } .contact-pop .end .right .title { width: max-content; padding-bottom: 1.25em; border-bottom: 1px solid #4d4d4d; } .contact-pop .end .right .title .tit { font-size: 2em; line-height: 1; font-weight: bold; color: #256dcf; } .contact-pop .end .right .list { margin-top: 2.2em; } .contact-pop .end .right .item { margin-bottom: 1.5em; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .contact-pop .end .right .item .icon { margin-right: 1.4em; } .contact-pop .end .right .item .icon img { width: 1.6em; height: 1.6em; object-fit: cover; } .contact-pop .end .right .item .icon .bi { width: 1.6em; height: 1.6em; color: #0964b5; } .contact-pop .end .right .item .bd { font-size: .9em; line-height: 1.44; color: #4d4d4d; } .contact-pop .end .right .item .bd span { font-weight: bold; } .contact-pop .end .right .item:nth-child(1) .icon .bi { width: 1.5em; height: 1.9em; } .contact-pop .end .right .item:nth-child(2) .icon img { width: 1.9em; height: 1.9em; } .contact-pop .end .right .item:nth-child(3) .icon .bi { width: 1.9em; height: 1.9em; color: #0964b5; } .contact-pop .end .right .item:nth-child(4) .icon .bi { width: 2.2em; height: 1.9em; color: #0964b5; } .contact-pop .end .right .item:nth-child(5) .icon .bi { width: 2.1em; height: 1.5em; color: #0964b5; } @media (max-width: 991.98px) { .contact-pop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: scroll; background-color: #fff; z-index: 999; } .contact-pop .box { position: relative; } .contact-pop .contact-close { position: absolute; top: 1em; right: 1em; width: 2em; height: 2em; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; border-radius: 50%; border: 2px solid #fff; } .contact-pop .contact-close .bi { width: .8em; height: .8em; color: #fff; } .contact-pop .top .image { width: 100%; height: 5rem; object-fit: cover; } .contact-pop .end { margin-top: .8rem; display: block; } .contact-pop .end .left { width: 100%; height: auto; } .contact-pop .end .left .image { width: 100%; height: 100%; object-fit: contain; } .contact-pop .end .right { width: 100%; padding-left: 0em; margin-top: .5rem; } .contact-pop .end .right .title { text-align: center; width: 100%; padding-bottom: 1.25em; border-bottom: 1px solid #e1dada; } .contact-pop .end .right .title .tit { font-size: .44rem; line-height: 1; font-weight: bold; color: #256dcf; } .contact-pop .end .right .list { margin-top: .3rem; } .contact-pop .end .right .item { margin-bottom: 1.5em; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; padding-left: .8rem; } .contact-pop .end .right .item .icon { margin-right: 1.4em; } .contact-pop .end .right .item .icon img { width: 1.6em; height: 1.6em; object-fit: cover; } .contact-pop .end .right .item .bd { font-size: .9em; line-height: 1.44; color: #4d4d4d; } .contact-pop .end .right .item .bd span { font-weight: bold; } } .channel25 { position: relative; } .channel25 .bgk { position: absolute; content: ''; top: -4em; right: 0; width: 40em; height: 43.25em; background: no-repeat center; background-size: cover; } .channel25 .boxs { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; } .channel25 .left { width: 50.86%; padding: 4.75em 5em; margin-left: -5em; overflow: hidden; background-color: #f5f8fa; } .channel25 .left .image { width: 100%; height: 24.75em; object-fit: cover; } .channel25 .left .animate__zoomedOutImage { -webkit-animation-name: slide-in-center; animation-name: slide-in-center; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .channel25 .right { width: 50.86%; } .channel25 .right .title { font-size: 2.4em; line-height: 1; font-weight: bold; color: #0970d9; } .channel25 .right .doc { margin-top: 2em; } .channel25 .right .doc p { font-size: .9em; line-height: 2; color: #4d4d4d; } .channel25 .right .list { margin-top: 4.8em; display: flex; display: -webkit-flex; } .channel25 .right .list .item { width: 11em; max-width: 11em; margin-right: 1.5em; padding-bottom: .5em; border-bottom: 2px solid #999; } .channel25 .right .list .item:last-child { margin-right: 0; } .channel25 .right .list .tit { white-space: nowrap; line-height: 1; font-weight: bold; font-size: 3em; background: url(/img/images/channel25-tit-bgk1.jpg) no-repeat; background-attachment: fixed; background-clip: text; -webkit-background-clip: text; background-size: cover; background-position: center center; color: transparent; filter: brightness(0.8); } .channel25 .right .list .tit span { margin-right: .33em; } .channel25 .right .list .item:nth-child(2) .tit { white-space: nowrap; line-height: 1; font-weight: bold; font-size: 3em; background: url(/img/images/channel25-tit-bgk2.jpg) no-repeat; background-attachment: fixed; background-clip: text; -webkit-background-clip: text; background-size: cover; background-position: center center; color: transparent; filter: brightness(0.8); } .channel25 .right .list .item:nth-child(3) .tit { white-space: nowrap; line-height: 1; font-weight: bold; font-size: 3em; background: url(/img/images/channel25-tit-bgk3.jpg) no-repeat center; background-attachment: fixed; background-clip: text; -webkit-background-clip: text; background-size: cover; background-position: center center; color: transparent; filter: brightness(0.8); } .channel25 .right .list .docx { font-size: .9em; line-height: 2em; color: #333; margin-top: 1.3em; } @media (max-width: 991.98px) { .channel25 .boxs { flex-direction: column-reverse; } .channel25 .left { width: 100%; padding: 4.75em 5em; margin-left: -5em; overflow: hidden; background-color: #f5f8fa; } .channel25 .left .image { width: 100%; height: 24.75em; object-fit: cover; } .channel25 .right { width: 100%; } .channel25 .right .title { font-size: .48rem; line-height: 1; font-weight: bold; color: #0970d9; } .channel25 .right .doc { margin-top: .35rem; } .channel25 .right .doc p { font-size: .28rem; line-height: .46rem; color: #4d4d4d; } .channel25 .right .imgs { margin: .48rem 0 .64rem; width: 100%; height: 3rem; overflow: hidden; } .channel25 .right .imgs .image { width: 100%; height: 100%; object-fit: cover; } .channel25 .right .list { margin-top: .56rem; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .channel25 .right .list .item { width: 50%; margin-right: 0rem; padding-bottom: 0; border-bottom: 0; padding-right: .8rem; margin-bottom: .6rem; } .channel25 .right .list .box { width: 100%; height: 100%; display: block; padding-bottom: .14rem; border-bottom: 2px solid #999; } .channel25 .right .list .item:last-child { padding-right: 0; margin-right: 0; margin-bottom: 0; } .channel25 .right .list .item:nth-child(2) .tit { background-size: cover; } .channel25 .right .list .tit { white-space: nowrap; line-height: 1; font-size: .6rem !important; font-weight: bold; background-attachment: fixed; background-clip: text; -webkit-background-clip: text; background-size: cover; background-position: center center; color: transparent; filter: brightness(0.8); } .channel25 .right .list .tit span { margin-right: .33em; } .channel25 .right .list .docx { font-size: .28rem; line-height: .36rem; color: #333; margin-top: .26rem; } } @-webkit-keyframes slide-in-center { 0% { -webkit-transform: scale(1.5); transform: scale(1.5); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes slide-in-center { 0% { -webkit-transform: scale(1.5); transform: scale(1.5); } to { -webkit-transform: scale(1); transform: scale(1); } } .channel26 { margin-top: 5em; } .channel26 .boxs { position: relative; width: 100%; } .channel26 .boxs .bgk { width: 100%; height: 48em; } .channel26 .boxs .bgk .images { width: 100%; height: 100%; object-fit: fill; } .channel26 .hd { position: absolute; top: 12.5%; left: 39.32%; color: #fff; text-align: center; } .channel26 .hd .tit { font-size: 2.4em; line-height: 1; font-weight: bold; } .channel26 .hd .doc { font-size: .9em; line-height: 2.22; margin-top: 1.1em; } .channel26 .icon-pop { position: absolute; top: 0; right: -26.7em; right: 0; width: 26.7em; max-width: 26.7em; z-index: 5; transform: translateX(26.7em); transition: .5s; } .channel26 .icon-pop .bd { color: #333; padding: 1.75em 0 2.75em 3.85em; background-color: #fff; } .channel26 .icon-pop .imgs { width: 100%; height: 21.5em; overflow: hidden; } .channel26 .icon-pop .imgs .image { width: 100%; height: 100%; object-fit: cover; } .channel26 .icon-pop .top { padding-bottom: 1.5em; border-bottom: 1px solid rgba(204, 204, 204, 0.5); } .channel26 .icon-pop .top .tit { font-size: 1.8em; line-height: 2em; } .channel26 .icon-pop .top .doc .num { font-size: 1.2em; line-height: 1; } .channel26 .icon-pop .top .doc .docx { font-size: .7em; line-height: 1; margin-top: 1.21em; } .channel26 .icon-pop .end .tit { display: flex; display: -webkit-flex; align-items: baseline; -webkit-align-items: baseline; } .channel26 .icon-pop .end .tit .num { font-size: 4.4em; line-height: 1; font-weight: bold; margin-left: -.08em; } .channel26 .icon-pop .end .tit .unit { font-size: .9em; } .channel26 .icon-pop .end .doc { font-size: .7em; line-height: 1; margin-top: 1em; } .channel26 .icon { position: absolute; width: 2em; height: 2.5em; background: no-repeat center; background-image: url(/img/images/gczl-mr.svg); background-size: cover; z-index: 3; cursor: pointer; } .channel26 .icon a { width: 100%; height: 100%; display: block; } .channel26 .icon1 { left: 69.0625%; top: 65.833%; } .channel26 .icon2 { left: 41.66%; top: 63.9583%; } .channel26 .icon3 { left: 67.1875%; top: 46.5625%; } .channel26 .icon4 { left: 46.458333%; top: 56.5625%; } .channel26 .icon5 { left: 50.15625%; top: 49.375%; } .channel26 .icon6 { left: 23.17%; top: 57.8125%; } .channel26 .icon7 { left: 19.94%; top: 46.875%; } .channel26 .icon8 { right: 6.77083%; bottom: 9.0625%; } .channel26 .icon-hover { background-image: url(/img/images/gczl-xz.svg); } .icon-pop1 .bgk-m { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.56); } @media (max-width: 991.98px) { .channel26 { padding: .9rem 0; margin-top: 1rem; background-color: #fafafa; } .channel26 .boxs { position: relative; width: 100%; } .channel26 .boxs .bgk { width: 100%; height: 2.68rem; padding: 0 .5rem; } .channel26 .boxs .bgk .images { width: 100%; height: 100%; object-fit: fill; } .channel26 .hd { position: relative; top: 0; left: 0; color: #333; text-align: center; margin-bottom: .36rem; } .channel26 .hd .tit { font-size: .48rem; line-height: 1; font-weight: bold; } .channel26 .hd .doc { font-size: .28rem; line-height: .4rem; margin-top: .25rem; padding: 0 1.3rem; color: #4d4d4d; } .channel26 .list { padding: .15rem .5rem 0; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .channel26 .list .box { width: 100%; height: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; } .channel26 .list .item { width: 50%; max-width: 2.85rem; padding: .35rem 0 .3rem; border-bottom: 1px solid #dadada; } .channel26 .list .left { font-size: .28rem; line-height: 1; color: #333; } .channel26 .list .bi { width: .12rem; height: .24rem; } } .channel27 { position: relative; margin-top: 5em; } .channel27 .bgk { position: absolute; top: 17em; left: -26em; width: 100%; height: 32.5em; background: no-repeat center; background-size: contain; } .channel27 .boxs { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .channel27 .left { width: 50%; padding-right: 8.6em; margin-top: 3.25em; } .channel27 .left .title { font-size: 2.4em; line-height: 1.25em; font-weight: bold; color: #0970d9; } .channel27 .left .doc { margin-top: 1.7em; font-size: .9em; line-height: 1.44em; color: #1d2f45; } .channel27 .left .docx { white-space: nowrap; line-height: 1; font-weight: bold; font-size: 1.8em; margin-top: 5.833em; background: url(/img/images/channel27-tit-bgk.jpg) no-repeat left; background-attachment: fixed; background-clip: text; -webkit-background-clip: text; background-size: cover; background-position: center center; color: transparent; filter: brightness(0.8); } .channel27 .right { width: 50%; } .channel27 .right .image { width: 48em; height: 34em; object-fit: cover; } @media (max-width: 991.98px) { .channel27 { position: relative; margin-top: 1rem; } .channel27 .bgk { position: absolute; top: auto; left: 0; bottom: -1.9rem; width: 7rem; height: 5.6rem; background: no-repeat center; background-size: cover; } .channel27 .boxs { display: block; } .channel27 .left { width: 100%; padding-right: 0rem; margin-top: 0em; } .channel27 .left .title { font-size: .48rem; line-height: .6rem; font-weight: bold; color: #0970d9; padding-right: 1.20rem; } .channel27 .left .doc { margin-top: 1.7em; font-size: .9em; line-height: 1.44em; color: #1d2f45; } .channel27 .left .imgs { margin: .48rem 0 0; width: 100%; height: 3rem; overflow: hidden; } .channel27 .left .imgs .image { width: 100%; height: 100%; object-fit: cover; } .channel27 .left .docx { white-space: nowrap; line-height: 1; font-weight: bold; font-size: .36rem; margin-top: .54rem; background: url(/img/images/channel25.jpg) no-repeat; background-attachment: fixed; background-clip: text; -webkit-background-clip: text; background-size: cover; background-position: center center; color: transparent; filter: brightness(0.8); } } .channel28 { margin-top: 5em; } .channel28 .title { font-size: 2.4em; line-height: 1; color: #333; font-weight: bold; text-align: center; } .channel28 .channel28-swiper { overflow: hidden; padding: 1em; margin: -1em; margin-top: 3em; padding-bottom: 4.3em; } .channel28 .channel28-swiper .box { width: 100%; height: 100%; display: block; padding-top: 3em; background-color: #ffffff; border: 1px solid #e5e5e5; box-shadow: 5px 7px 13px 0px rgba(0, 0, 0, 0.1); } .channel28 .channel28-swiper .imgs { width: 6.8em; width: 100%; height: 13.5em; margin: 0 auto; overflow: hidden; } .channel28 .channel28-swiper .imgs .image { width: 100%; height: 100%; object-fit: contain; } .channel28 .channel28-swiper .bd { margin-top: 2.5em; padding: 1em 1.5em; border-top: 1px solid #dbdbdb; } .channel28 .channel28-swiper .bd .tit { font-size: 1em; line-height: 2em; color: #333; text-align: center; } .channel28 .channel28-swiper .swiper-pagination { bottom: 0; } .channel28 .channel28-swiper .swiper-pagination-bullet { width: 1.5em; height: .3em; margin: 0 .5em; border-radius: 3px; background-color: #ccc; } .channel28 .channel28-swiper .swiper-pagination-bullet-active { width: 3em; background-color: #0970d9; } @media (max-width: 991.98px) { .channel28 { margin-top: 1.1rem; } .channel28 .title { font-size: .48rem; line-height: 1; } .channel28 .channel28-swiper { overflow: hidden; padding: 1em; margin: -1em; margin-top: 3em; padding-bottom: 1rem; } .channel28 .channel28-swiper .box { width: 100%; height: 100%; display: block; padding-top: .6rem; background-color: #ffffff; border: 1px solid #e5e5e5; box-shadow: 5px 7px 13px 0px rgba(0, 0, 0, 0.1); } .channel28 .channel28-swiper .imgs { width: 1.2rem; height: 2.5rem; margin: 0 auto; overflow: hidden; } .channel28 .channel28-swiper .imgs .image { width: 100%; height: 100%; object-fit: cover; } .channel28 .channel28-swiper .bd { margin-top: 0.5rem; padding: .2rem .3rem; border-top: 1px solid #dbdbdb; } .channel28 .channel28-swiper .bd .tit { font-size: .28rem; line-height: .4rem; } .channel28 .channel28-swiper .swiper-pagination { bottom: 0rem; } .channel28 .channel28-swiper .swiper-pagination-bullet { width: .3rem; height: .04rem; margin: 0 .1rem; border-radius: 3px; background-color: #ccc; } .channel28 .channel28-swiper .swiper-pagination-bullet-active { width: .6rem; background-color: #0970d9; } } .channel40 { margin-top: 5em; } .channel40 .title { font-size: 2.4em; line-height: 1; color: #333; font-weight: bold; text-align: center; } .channel40 .channel40-swiper { overflow: hidden; padding: 1em; margin: -1em; margin-top: 3em; padding-bottom: 4.3em; } .channel40 .channel40-swiper .box { width: 100%; height: 100%; display: block; background-color: #f7f7f7; } .channel40 .channel40-swiper .imgs { width: 6.8em; width: 100%; height: 14.5em; margin: 0 auto; overflow: hidden; } .channel40 .channel40-swiper .imgs .image { width: 100%; height: 100%; object-fit: cover; } .channel40 .channel40-swiper .bd { padding: 1.5em 1.5em 4.5em; border-top: 1px solid #dbdbdb; } .channel40 .channel40-swiper .bd .tit { font-size: 1.1em; line-height: 1.81em; color: #333; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; } .channel40 .channel40-swiper .bd .doc { height: 6.5em; margin-top: 1em; font-size: .8em; line-height: 1.625em; color: #666; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; overflow: hidden; -webkit-box-orient: vertical; } .channel40 .channel40-swiper .swiper-pagination { bottom: 0; } .channel40 .channel40-swiper .swiper-pagination-bullet { width: 1.5em; height: .3em; margin: 0 .5em; border-radius: 3px; background-color: #ccc; } .channel40 .channel40-swiper .swiper-pagination-bullet-active { width: 3em; background-color: #0970d9; } @media (max-width: 991.98px) { .channel40 { margin-top: 1.1rem; } .channel40 .title { font-size: .48rem; line-height: 1; } .channel40 .channel40-swiper { overflow: hidden; padding: 1em; margin: -1em; margin-top: 3em; padding-bottom: 1rem; } .channel40 .channel40-swiper .box { width: 100%; height: 100%; display: block; } .channel40 .channel40-swiper .imgs { width: 100%; height: 3.5rem; margin: 0 auto; overflow: hidden; } .channel40 .channel40-swiper .bd { padding: .2rem .3rem 1rem; border-top: 1px solid #dbdbdb; } .channel40 .channel40-swiper .bd .tit { font-size: .28rem; line-height: .4rem; font-weight: bold; } .channel40 .channel40-swiper .bd .doc { height: 1.92rem; font-size: .28rem; line-height: .48rem; } .channel40 .channel40-swiper .swiper-pagination { bottom: 0rem; } .channel40 .channel40-swiper .swiper-pagination-bullet { width: .3rem; height: .04rem; margin: 0 .1rem; border-radius: 3px; background-color: #ccc; } .channel40 .channel40-swiper .swiper-pagination-bullet-active { width: .6rem; background-color: #0970d9; } } .p-plant-zhu .main-box { padding-bottom: 0; } .channel29 { margin-top: 5em; padding-top: 5em; padding-bottom: 6.9em; background-color: #fafafa; } .channel29 .title { font-size: 2.4em; line-height: 1; color: #333; font-weight: bold; text-align: center; } .channel29 .top { margin-top: 2.5em; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .channel29 .top .list { display: flex; display: -webkit-flex; } .channel29 .top .item { height: 2em; padding: 0 2em; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .channel29 .top .tit { font-size: .8em; line-height: 2.22; color: #333; } .channel29 .top .active.item { padding: 0 1.5em; background-color: #0970d9; border-radius: 20px; } .channel29 .top .active.item .tit { color: #fff; } .channel29 .end { margin-top: 1.7em; } .channel29 .channel29-swiper3, .channel29 .channel29-swiper2, .channel29 .channel29-swiper1 { overflow: hidden; padding: 1em; margin: -1em; margin-top: 0em; } .channel29 .channel29-swiper3 .box, .channel29 .channel29-swiper2 .box, .channel29 .channel29-swiper1 .box { width: 100%; height: 100%; display: block; } .channel29 .channel29-swiper3 .imgs, .channel29 .channel29-swiper2 .imgs, .channel29 .channel29-swiper1 .imgs { width: 100%; height: 17.75em; margin: 0 auto; overflow: hidden; box-shadow: 5px 7px 13px 0px rgba(0, 0, 0, 0.1); } .channel29 .channel29-swiper3 .imgs .image, .channel29 .channel29-swiper2 .imgs .image, .channel29 .channel29-swiper1 .imgs .image { width: 100%; height: 100%; object-fit: cover; } .channel29 .channel29-swiper3 .bd, .channel29 .channel29-swiper2 .bd, .channel29 .channel29-swiper1 .bd { padding: .8em 1.5em; } .channel29 .channel29-swiper3 .bd .tit, .channel29 .channel29-swiper2 .bd .tit, .channel29 .channel29-swiper1 .bd .tit { height: 2.6em; font-size: .8em; line-height: 1.25; color: #333; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .channel29 .channel29-swiper3 .swiper-pagination, .channel29 .channel29-swiper2 .swiper-pagination, .channel29 .channel29-swiper1 .swiper-pagination { bottom: -2em; } .channel29 .channel29-swiper3 .swiper-pagination-bullet, .channel29 .channel29-swiper2 .swiper-pagination-bullet, .channel29 .channel29-swiper1 .swiper-pagination-bullet { width: 1.5em; height: .3em; margin: 0 .5em; border-radius: 3px; background-color: #ccc; } .channel29 .channel29-swiper3 .swiper-pagination-bullet-active, .channel29 .channel29-swiper2 .swiper-pagination-bullet-active, .channel29 .channel29-swiper1 .swiper-pagination-bullet-active { width: 3em; background-color: #0970d9; } .channel29 .channel29-swiper3, .channel29 .channel29-swiper2 { display: none; } @media (max-width: 991.98px) { .channel29 { padding: 1rem 0; margin-top: 1rem; background-color: #fafafa; } .channel29 .title { font-size: .48rem; line-height: 1; } .channel29 .top { margin-top: .5rem; } .channel29 .top .item { height: .6rem; padding: 0 .45rem; } .channel29 .top .tit { font-size: .8em; line-height: 2.22; color: #333; } .channel29 .top .active.item { padding: 0 1.5em; background-color: #0970d9; border-radius: 20px; } .channel29 .top .active.item .tit { color: #fff; } .channel29 .end { margin-top: .0em; } .channel29 .channel29-swiper3, .channel29 .channel29-swiper2, .channel29 .channel29-swiper1 { overflow: hidden; padding: .2rem; margin: -.2rem; margin-top: .4rem; padding-bottom: .3rem; } .channel29 .channel29-swiper3 .box, .channel29 .channel29-swiper2 .box, .channel29 .channel29-swiper1 .box { width: 100%; height: 100%; display: block; } .channel29 .channel29-swiper3 .imgs, .channel29 .channel29-swiper2 .imgs, .channel29 .channel29-swiper1 .imgs { width: 100%; height: 4.35rem; margin: 0 auto; overflow: hidden; } .channel29 .channel29-swiper3 .imgs .image, .channel29 .channel29-swiper2 .imgs .image, .channel29 .channel29-swiper1 .imgs .image { width: 100%; height: 100%; object-fit: cover; } .channel29 .channel29-swiper3 .bd, .channel29 .channel29-swiper2 .bd, .channel29 .channel29-swiper1 .bd { padding: .15rem .3rem; } .channel29 .channel29-swiper3 .bd .tit, .channel29 .channel29-swiper2 .bd .tit, .channel29 .channel29-swiper1 .bd .tit { height: 2.6em; font-size: .26rem; line-height: .36r; color: #333; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .channel29 .channel29-swiper3 .swiper-pagination, .channel29 .channel29-swiper2 .swiper-pagination, .channel29 .channel29-swiper1 .swiper-pagination { bottom: -.3rem; } .channel29 .channel29-swiper3 .swiper-pagination-bullet, .channel29 .channel29-swiper2 .swiper-pagination-bullet, .channel29 .channel29-swiper1 .swiper-pagination-bullet { width: .3rem; height: .04rem; margin: 0 .1rem; border-radius: 3px; background-color: #ccc; } .channel29 .channel29-swiper3 .swiper-pagination-bullet-active, .channel29 .channel29-swiper2 .swiper-pagination-bullet-active, .channel29 .channel29-swiper1 .swiper-pagination-bullet-active { width: .6rem; background-color: #0970d9; } .channel29 .channel29-swiper3, .channel29 .channel29-swiper2 { display: none; } } @media (min-width: 991.98px) { .contact-close:hover, .org-close:hover, .company-close:hover { border: 2px solid #0970d9; } .contact-close:hover .bi, .org-close:hover .bi, .company-close:hover .bi { color: #0970d9; } .channel29-swiper .box:hover .tit, .channel28 .channel28-swiper .box:hover .tit { color: #0970d9; } .channel1 .boxs:hover .bd, .channel23 .channel23-swiper .item-slide .item:hover .bd, .channel22 .channel22-swiper .item-slide:hover .bd { color: #0970d9; } .channel1 .boxs:hover .image, .channel23 .channel23-swiper .item-slide .item:hover .image, .channel22 .channel22-swiper .item-slide:hover .image { transform: scale(1.1); -webkit-transform: scale(1.1); transition: .3s; -webkit-transition: .3s; } .channel2 .news-list .item:hover { box-shadow: 4px 7px 13px 0px rgba(0, 0, 0, 0.1); } .channel2 .news-list .item:hover .image { transform: scale(1.1); -webkit-transform: scale(1.1); transition: .3s; -webkit-transition: .3s; } .channel2 .news-list .item .image, .channel1 .boxs .image, .channel23 .channel23-swiper .item-slide .item .image, .channel22 .channel22-swiper .item-slide .image { transition: .3s; -webkit-transition: .3s; } .channel5 .item1:hover .time, .channel5 .item1:hover .tit { color: #0970d9; } .crumbs-new .right .item:hover .time, .crumbs-new .right .item:hover .tit, .channel4 .catalog .list .item:hover .time, .channel4 .catalog .list .item:hover .tit { color: #0970d9; } .channel4 .catalog .back-list .box:hover { color: #0970d9; } .channel28 .channel28-swiper .box:hover .tit, .channel17 .swiper-wrap .item-slide:hover .tit { color: #0970d9; } .channel28 .channel28-swiper .box:hover .image, .channel17 .swiper-wrap .item-slide:hover .image { transform: scale(1.1); transition: .3s; -webkit-transition: .3s; } .channel28 .channel28-swiper .box .image, .channel17 .swiper-wrap .item-slid .image { transition: .3s; -webkit-transition: .3s; } .channel10 .end1 .list .item:hover .tit { color: #0970d9; } .channel28 .channel28-swiper .imgs { overflow: inherit; } .channel7 .tabbox tr:hover { color: #0970d9; } .channel7 .tabbox tr:hover td { border-bottom: 1px solid #0970d9; } .channel13 .more-btn:hover { transition: .3s; border: 1px solid #0970d9; background-color: #fff; } .channel13 .more-btn:hover .box { color: #0970d9; } .channel1-swiper2 .item:hover .time, .channel1-swiper2 .item:hover .tit { color: #0970d9; } } .channel30.section1Pos .boxs { position: fixed; } .channel18.section1Pos .boxs { position: fixed; } #bus1.section1Pos_1 .boxes { position: fixed; top: 0; left: 0; } #section2.section1Pos_2 .imges1 { position: fixed; top: 0; left: 0; } #section2.section1Pos_2 .imges2 { position: fixed; } @media (max-width: 991.98px) { #section3 .imges1 { z-index: 3; } #section4 .imges1 { z-index: 3; } #section5 .imges1 { z-index: 3; } } #section3.section1Pos_3 .imges1 { position: fixed; top: 0; left: 0; } #section3.section1Pos_3 .imges2 { position: fixed; z-index: 3; } #section4.section1Pos_4 .imges1 { position: fixed; top: 0; left: 0; } #section4.section1Pos_4 .imges2 { position: fixed; z-index: 3; } #section5.section1Pos_5 .imges1 { position: fixed; top: 0; left: 0; } #section5.section1Pos_5 .imges2 { position: fixed; z-index: 3; } @media (max-width: 991.98px) { .channel15 .right-box { position: relative; height: 25rem; } .channel15 .right-box .right { position: absolute; top: 0; left: 0; } } .posfied .channel15 .right { position: fixed; top: 1.5rem; left: 0; width: 100%; padding: 0 .5rem; z-index: 8; } .swiperk { bottom: -0rem; left: 0; width: 100%; margin-top: 10rem; } .channel31 .right { width: 46.42%; } .channel31 .left { width: 46.42%; } .channel31 .item { margin-bottom: 5em; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; } .channel31 .item:last-child { margin-bottom: 0; } .channel31 .imgs { position: relative; width: 100%; height: 20em; overflow: hidden; } .channel31 .image { width: 100%; height: 100%; object-fit: cover; transition: .3s; -webkit-transition: .3s; } .channel31 .tit { font-size: 1.8em; line-height: 1.55; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 1em; } .channel31 .doc { height: 7.5em; font-size: .8em; line-height: 1.875; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .channel31 .left { padding-right: 0em; } .channel31 .item:nth-child(even) { flex-direction: row-reverse; -webkit-flex-direction: row-reverse; } @media (min-width: 991.98px) { .channel31 .item:hover .tit, .channel31 .item:hover .doc { color: #0964b5; } .channel31 .item:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); transition: .3s; -webkit-transition: .3s; } } @media (max-width: 991.98px) { .channel31 .right { width: 100%; } .channel31 .left { width: 100%; } .channel31 .item { display: block; margin-bottom: .8rem; } .channel31 .item:last-child { margin-bottom: 0; } .channel31 .imgs { position: relative; width: 100%; height: 4rem; margin-top: .2rem; overflow: hidden; } .channel31 .tit { height: .96rem; font-size: .36rem; font-weight: bold; line-height: .48rem; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: .1rem; } .channel31 .doc { height: 2.04rem; font-size: .28rem; line-height: .52rem; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } } /* 鎼滅储缁撴灉椤 */ .p-search .main-box .global-inner { padding: 0 5em; } .p-search .global-paging { padding: 0; justify-content: space-between; -webkit-justify-content: space-between; } .p-header1 { text-align: center; } .p-header1 a { font-size: 2.2em; font-weight: bold; line-height: 1; } .psch-top { margin: 2em 0 0.5em; } .psch-inpbox { width: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .psch-inpbox .inpt { width: 100%; flex: 1; -webkit-flex: 1; height: calc(2.4rem + 2px); font-size: 0.9em; line-height: 2.4rem; color: #333; border: solid 1px #e5e5e5; border-top-left-radius: 8px; border-bottom-left-radius: 8px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); padding: 0 10px; } .psch-inpbox .btn-sch { width: 5rem; height: calc(2.4rem + 2px); line-height: 2.4rem; color: #fff; font-size: 0.9rem; border: solid 1px #0054a3; background: #0054a3; position: relative; z-index: 20; border-top-right-radius: 8px; border-bottom-right-radius: 8px; text-align: center; } .psch-tips { padding: 0 10px; font-size: 0.8em; line-height: 2.75em; color: #666666; } .psch-tips .keys { color: #0054a3; } .psch-top .navitem5-list { margin: 0.8em 0 0; } @media screen and (min-width: 992px) { .psch-box .global-inner { max-width: 1000px; } .psch-inpbox .btn-sch:hover { opacity: 0.8; } .psch-top .navitem5-list .tit { min-width: 7.5em; padding: 0 1.125em; line-height: 2.125em; } } @media screen and (max-width: 991.98px) { .psch-top { margin: 0.5rem 0 0.2rem; } .psch-inpbox .inpt { height: calc(0.86rem + 2px); line-height: 0.86rem; font-size: 0.3rem; } .psch-inpbox .btn-sch { width: 1.4rem; height: calc(0.86rem + 2px); line-height: 0.86rem; font-size: 0.3rem; } .psch-tips { padding: 0; font-size: 0.28rem; line-height: 0.48rem; margin-top: 0.1rem; } .psch-top .navitem5-list { margin-top: 0.5rem; } .psch-top .navitem5-list .tit { min-width: 1.8rem; line-height: 0.54rem; padding-top: 0; padding-bottom: 0; } } .p-search { /* 鏂伴椈鍒楄〃 */ } .p-search .news-box .p-header { margin-bottom: 1em; } .p-search .news-list { min-height: 300px; } .p-search .news-list li { border-bottom: dotted 1px #aaa; overflow: hidden; line-height: 3.9em; } .p-search .news-list .tit { float: left; font-size: 0.9em; max-width: 80%; } .p-search .news-list .tit a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .p-search .news-list .time { float: right; font-size: 0.8em; color: #666; } @media screen and (min-width: 992px) { .p-search .news-list li:hover .tit a, .p-search .news-list li:hover .time { color: #0054a3; } } @media screen and (max-width: 991.98px) { .p-search .news-box .p-header { margin-bottom: 0.2rem; } .p-search .news-list li { line-height: inherit; padding: 0.3rem 0; border-bottom-style: dashed; } .p-search .news-list .tit { width: 100%; max-width: none; float: none; font-size: 0.3rem; line-height: 0.5rem; } .p-search .news-list .time { font-size: 0.28rem; line-height: 0.4rem; margin-top: 4px; float: none; } } /* 浜旂骇瀵艰埅 寮€濮?/ .navitem5-list { overflow: hidden; margin-bottom: 1.1em; } .navitem5-list li { width: auto; max-width: 8em; border-radius: 18px; border: 1px solid #e5e5e5; margin-right: 1em; } .navitem5-list .active { color: #0054a3; border-radius: 0.9em; border: 1px solid #0054a3; } .navitem5-list .active .tit { color: #0054a3; } .navitem5-list li:last-child { margin-right: 0; } .navitem5-list .tit { font-size: 16px; font-size: 0.8em; line-height: 1.5em; color: #666; text-align: center; padding: 0.375em 1.75em 0.3125em 1.75em; white-space: nowrap; } @media (min-width: 1000px) { .navitem5-list li:hover { color: #0054a3; border: 1px solid #0054a3; } .navitem5-list li:hover .tit { color: #0054a3; } } @media (max-width: 991.98px) { .navitem5-list { margin-bottom: 0.5rem; overflow: visible; } .navitem5-list li { border-radius: 0.28rem; margin-right: 0.2rem; max-width: none; } .navitem5-list li:last-child { margin-right: 0; } .navitem5-list .active { border-radius: 0.28rem; } .navitem5-list .tit { font-size: 0.28rem; line-height: 0.28rem; color: #666; text-align: center; padding: 0.15rem 0.36rem 0.15rem 0.35rem; white-space: nowrap; } } /* 浜旂骇瀵艰埅 缁撴潫 */ .modal-video .video-box { padding-top: 80.25%; } .vjs-big-play-button { opacity: 0 !important; right: -2.5em; top: 0.6em; } .modal-video .modal-close { width: 1.5em; height: 1.5em; right: -2.5em; top: 0; border: 1px solid #fff; background-color: transparent; border-radius: 0; } .modal-video .modal-close img { width: 60%; height: 60%; } @media (max-width: 991.98px) { .modal-video .modal-close { right: 0; top: -1rem; } } @media (min-width: 991.98px) { .p-new-index .main-box { padding-top: 2.5em; } } .page-search { margin-bottom: 2em; } .page-search .page-search-box { position: relative; width: max-content; } .page-search .inputa { width: 25.7em; height: 3em; padding: 1em 0 1em 1.6em; margin-left: 0; transition: .5s; border-radius: 2em; font-size: .7em; color: #333; border: 1px solid #999; } .page-search .inputa::placeholder { color: #999; } .page-search img { position: absolute; top: 50%; right: 5%; width: 1.6em; height: .9em; cursor: pointer; transform: translateY(-50%); } .global-paging1 { margin-top: 3em; width: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; flex-wrap: wrap; -wekit-flex-wrap: wrap; } .global-paging1 .num { padding: 0 1em; display: flex; display: -webkit-flex; } .global-paging1 .num a { padding: .5em; font-size: 16px; font-size: .8em; margin: 0 5px; color: #0054a3; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .global-paging1 .num a:first-child { margin-left: 0; } .global-paging1 .num a:last-child { margin-right: 0; } .global-paging1 .ctrl { cursor: pointer; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .global-paging1 .ctrl img { width: 1em; height: 1em; } .global-paging1 .num .active { color: #fff; border-radius: 2px; background-color: #c8c8c8; } .global-paging1 .disabled { cursor: default; opacity: 0.3; } .global-paging1 .sum { font-size: 16px; font-size: .8em; color: #7a7676; margin: 0 1em; } /* .global-paging .sum span{ font-weight: bold; } */ .global-paging1 .addpage1 { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .global-paging1 .addpage2 { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .global-paging1 .jump-page-box { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .global-paging1 .jump-page { font-size: 16px; font-size: .8em; color: #7a7676; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .global-paging1 .jump-page input { width: 3em; height: 1.5em; padding: .3em; color: #7a7676; text-align: center; border: 1px solid #7a7676; } .jump-page-button { margin-left: .5em; padding: .2em .5em; font-size: 1em; color: #7a7676; border: 1px solid #7a7676; } /* 缈婚〉缁撴潫 */ /* 鎵嬫満绔乏鍙崇炕椤 */ @media (max-width: 991.98px) { /* .global-paging { margin-top: 2.43rem; } */ .global-paging1 .ctrl { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; } .global-paging1 .jump-page-box { width: 100%; margin-top: .2rem; justify-content: center; -webkit-justify-content: center; } .global-paging1 .num { padding: 0 .4rem; } .global-paging1 .num a { font-size: .28rem; padding: .13rem; } .global-paging1 .ctrl img { width: .2rem; height: .2rem; } .global-paging1 span { font-size: 0.28rem; color: #0054a3; } } /* 绗竴濂楃粨鏉 */ @media (min-width: 991.98px) { .p-news-detail .global-paging1 { margin-top: 1.5em; display: block; justify-content: left; -webkit-justify-content: left; } .p-news-detail .global-paging1 .ctrl { justify-content: left; -webkit-justify-content: left; } .p-news-detail .global-paging1 .ctrl.prev { margin-bottom: 1.6em; } }