@charset "utf-8"; .pc { display: block; } .wap { display: none; } @media (max-width: 767px) { .pc { display: none; } .wap { display: block; } } /*字体*/ /* @font-face { font-family: "Fontke"; src: url("Fontke.woff2") format("woff2"), url("Fontke.woff") format("woff"), url("Fontke.ttf") format("truetype"), url("Fontke.eot") format("embedded-opentype"), url("Fontke.svg") format("svg"), url("Fontke.otf") format("opentype"); } */ * { padding: 0; margin: 0; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: calc(100vw/19.2); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 1901px) { html { font-size: 100px; } } @media (max-width: 1580px) { html { font-size: 66px; } } @media (max-width: 767px) { html { font-size: calc(100vw/7.5); } } body { min-height: 100%; font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial'; font-size: 16px; line-height: 1.5; color: #333; background: #fff; } @media (max-width: 1580px) { body { font-size: 14px; } } @media (max-width: 767px) { body { font-size: 0.28rem; } } img { max-width: 100%; border: 0; vertical-align: top; } li { list-style: none; } h1, h2, h3, h4, h5, h6 { font-family: inherit; font-style: inherit; font-size: inherit; font-weight: normal; } a, a:hover, a:focus { text-decoration: none; } input, button { -webkit-appearance: none; border-radius: 0; } button { cursor: pointer; } input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } textarea { resize: none; overflow: auto; } input, button, textarea, select { border: 0; font-family: inherit; font-style: inherit; font-size: inherit; font-weight: normal; color: inherit; background: transparent; } select { -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select::-ms-expand { display: none; } table { border-collapse: collapse; } .flex { display: flex; } .fl { float: left; } .fr { float: right; } .clear { zoom: 1; } .clear:after { content: ''; display: block; clear: both; } .public-crumbs { margin-top: 0.35rem; margin-bottom: 0.35rem; } .public-crumbs > .container { display: flex; flex-wrap: wrap; align-items: center; } .public-crumbs > .container > a, .public-crumbs > .container > span { color: #999; } .public-crumbs > .container > span { margin: 0 10px; } .public-crumbs > .container > span:nth-last-child(1) { display: none; } @media (max-width: 767px) { .public-crumbs > .container > span { margin: 0 0.1rem; } } .public-crumbs > .container > .on { color: #333; } @media (max-width: 767px) { .public-crumbs { margin-top: 0.35rem; margin-bottom: 0.3rem; } } .public-crumbs2 { background: #fafafa; border-bottom: 2px solid #eef1f6; } .public-crumbs2.public-crumbs3 { background: #fff; border-bottom: 1px solid #eef1f6; } .public-crumbs2.public-crumbs3 .c-box { justify-content: flex-start; padding: 0 0.7rem; } .public-crumbs2.public-crumbs3 .c-a { margin-right: 0.5rem; } .public-crumbs2.public-crumbs3 .c-a::after, .public-crumbs2.public-crumbs3 .c-a::before { background: #009c30; } .public-crumbs2.public-crumbs3 .c-a.on, .public-crumbs2.public-crumbs3 .c-a:hover { color: #009c30; } .public-crumbs2 .c-box { display: flex; flex-wrap: wrap; justify-content: center; } .public-crumbs2 .c-a { padding: 0.25rem 10px 0.25rem 0.3rem; position: relative; margin-right: 0.9rem; color: #333; transition: all 0.3s; cursor: pointer; } .public-crumbs2 .c-a::before { content: ''; position: absolute; width: 6px; height: 6px; border-radius: 1000px; background: #005eb8; top: 50%; transform: translateY(-50%); left: 0.1rem; opacity: 0; transition: all 0.3s; } .public-crumbs2 .c-a::after { content: ''; position: absolute; bottom: 0; width: 0; left: 0; height: 3px; background: #005eb8; transition: all 0.3s; } .public-crumbs2 .c-a.on, .public-crumbs2 .c-a:hover { color: #005eb8; } .public-crumbs2 .c-a.on::before, .public-crumbs2 .c-a:hover::before { opacity: 1; } .public-crumbs2 .c-a.on::after, .public-crumbs2 .c-a:hover::after { width: 100%; } @media (max-width: 991px) { .public-crumbs2 .c-box { justify-content: flex-start; } } @media (max-width: 767px) { .public-crumbs2 .c-box { display: -webkit-box; overflow-x: scroll; flex-wrap: unset; } .public-crumbs2 .c-a { margin-right: 0.2rem; display: inherit; } .public-crumbs2.public-crumbs3 { padding: 0 0.4rem; } .public-crumbs2.public-crumbs3 .c-box { padding: 0; } } .container { margin: 0 auto; width: 85%; max-width: 1600px; } @media (max-width: 1260px) { .container { width: 90%; } } .bg-color1 { background-color: #fff; } .ptb100 { padding-top: 1rem; padding-bottom: 1rem; } @media (max-width: 767px) { .ptb100 { padding-top: 1.2rem; padding-bottom: 1.2em; } } .pt100 { padding-top: 1rem; } @media (max-width: 767px) { .pt100 { padding-top: 1.2rem; } } .pb100 { padding-bottom: 1rem; } @media (max-width: 767px) { .pb100 { padding-bottom: 1.2rem; } } .fd { overflow: hidden; } .fd img { transition: all 0.4s; } .fd:hover img { transform: scale(1.05); } @keyframes hideShow { 0% { opacity: 0; } 100% { opacity: 1; } } .font14 { font-size: 14px; } .font16 { font-size: 16px; } .font17 { font-size: 17px; } .font18 { font-size: 18px; } .font20 { font-size: 20px; } .font24 { font-size: 24px; } .font26 { font-size: 26px; } .font28 { font-size: 28px; } .font30 { font-size: 30px; } .font36 { font-size: 0.36rem; } .font48 { font-size: 0.48rem; } .font46 { font-size: 0.46rem; } .font44 { font-size: 0.44rem; } .font60 { font-size: 0.6rem; } .font34 { font-size: 34px; } .font22 { font-size: 22px; } @media (max-width: 1580px) { .font16 { font-size: 14px; } .font18, .font17 { font-size: 16px; } .font20, .font24, .font22 { font-size: 18px; } .font30, .font28, .font26 { font-size: 24px; } .font36, .font34 { font-size: 26px; } .font48, .font44, .font46 { font-size: 32px; } } @media (max-width: 1260px) { .font20 { font-size: 16px; } .font44 { font-size: 28px; } } @media (max-width: 767px) { .font14 { font-size: 0.28rem; } .font16 { font-size: 0.28rem; } .font18, .font17 { font-size: 0.28rem; } .font20, .font24 { font-size: 0.3rem; } .font20 { font-size: 0.28rem; } .font30, .font28, .font26 { font-size: 0.36rem; } .font36, .font36 { font-size: 0.36rem; } .font48 { font-size: 0.48rem; } .font44 { font-size: 0.4rem; } .font46, .font45 { font-size: 0.44rem; } .font60 { font-size: 0.48rem; } .font34 { font-size: 0.32rem; } .font22 { font-size: 0.32rem; } } .font50 { font-size: 0.5rem; } .font40 { font-size: 0.4rem; } .font45 { font-size: 0.45rem; } @media (max-width: 1580px) { .font40 { font-size: 28px; } } @media (max-width: 767px) { .font50, .font45 { font-size: 0.48rem; } .font40 { font-size: 0.4rem; } } .font72 { font-size: 0.72rem; } .color-000 { color: #000; } .color-333 { color: #333; } .color-666 { color: #666; } .color-999 { color: #999; } .zz_ab { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .public-btn { display: inline-flex; justify-content: center; align-items: center; padding: 0 0.2rem; min-width: 1rem; } .public-btn2 { width: auto; display: inline-flex; align-items: center; padding-bottom: 10px; border-bottom: 1px solid #fff; } .public-btn2:hover span { margin-right: 60px; } .public-btn2 span { margin-right: 40px; transition: all 0.5s; } .public-btn2.public-btn3 { color: #999; border-color: #999; transition: all 0.5s; } .public-btn2.public-btn3:hover { border-color: #1254aa; } .public-btn2.public-btn3:hover span { color: #1254aa; } .public-btn2.public-btn3:hover svg path { fill: #1254aa; } .public-btn2.public-btn3 svg path, .public-btn2.public-btn3 img path { fill: #999; transition: all 0.5s; } .public-btn2.public-btn3 span { margin-right: 20px; } @media (max-width: 767px) { .public-btn2 span { margin-right: 0.3rem; } .public-btn2:hover span { margin-right: 0.5rem; } .public-btn2 img, .public-btn2 svg { width: 0.24rem; } } .public-btn5 { display: inline-flex; align-items: center; height: 0.45rem; min-height: 40px; padding: 0 0.35rem; border-radius: 1000px; border: 1px solid #fff; transition: all 0.3s; background: #fff; cursor: pointer; } .public-btn5 span { position: relative; color: #000; } .public-btn5 span::before { content: ''; position: absolute; width: 5px; height: 5px; border-radius: 1000px; background: #fff; top: 50%; transform: translateY(-50%); left: -15px; } .public-btn5.public-btn10 { height: 0.7rem; border: 2px solid #333; width: 2.4rem; min-width: 130px; justify-content: center; position: relative; overflow: hidden; transition: all 0.3s; } .public-btn5.public-btn10 span::before { content: unset; } .public-btn5.public-btn10:hover { background: #009c30; border-color: #009c30; } .public-btn5.public-btn10:hover span { color: #fff; } .public-btn6 { display: inline-flex; border: 1px solid #009c30; border-radius: 5px; height: 0.6rem; min-height: 40px; width: 2.3rem; min-width: 110px; justify-content: center; align-items: center; } .public-btn6 span { color: #009c30; } .public-btn7 { display: inline-flex; background: #009c30; height: 0.6rem; min-height: 40px; padding: 0 0.65rem; justify-content: center; align-items: center; position: relative; overflow: hidden; } .public-btn7 span { color: #fff; position: relative; z-index: 2; font-weight: bold; } .public-btn7::before { position: absolute; content: ''; width: 0; height: 100%; background: #003c8c; transition: all 0.3s; top: 0; left: 0; } .public-btn7:hover::before { width: 100%; } .public-btn7.public-btn8 { background: #fff; border: 1px solid #e2e2e2; padding: 0 0.2rem; } .public-btn7.public-btn8 span { color: #666; } .public-btn7.public-btn8 img, .public-btn7.public-btn8 svg { margin-right: 10px; } .public-btn7.public-btn8:hover span { color: #fff; } .public-btn7.public-btn8:hover svg path { fill: #fff; } .public-btn7.public-btn9 { height: 0.5rem; border-radius: 5px; padding: 0 0.5rem; } .public-img { display: block; position: relative; z-index: 1; overflow: hidden; } .public-img::before { content: ""; display: block; position: relative; z-index: 0; padding-top: 100%; } .public-img > img { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; } #hi-upgrade { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #fff; font-size: 16px; line-height: 26px; text-align: center; } #hi-upgrade .hi-wrap { position: absolute; top: 50%; left: 50%; margin: -177px 0 0 -450px; width: 900px; } #hi-upgrade .hi-wrap .hi-title { font-size: 30px; line-height: 40px; color: #333; } #hi-upgrade .hi-wrap .hi-close { margin: 10px 0; display: inline-block; cursor: pointer; font-size: 18px; color: #005CE6; } #hi-upgrade .hi-wrap .hi-close:hover { text-decoration: underline; } #hi-upgrade .hi-wrap .hi-text1 { color: #666; } #hi-upgrade .hi-wrap .hi-text1 span { color: #005CE6; } #hi-upgrade .hi-wrap .hi-text2 { position: relative; margin: 60px 0; color: #333; } #hi-upgrade .hi-wrap .hi-text2::before { content: ""; position: absolute; top: 50%; left: 0; z-index: 1; width: 100%; border-top: 1px solid #ddd; } #hi-upgrade .hi-wrap .hi-text2 span { position: relative; z-index: 5; padding: 0 30px; background: #fff; } #hi-upgrade .hi-wrap .hi-list { overflow: hidden; } #hi-upgrade .hi-wrap .hi-list li { display: inline-block; width: 16%; } #hi-upgrade .hi-wrap .hi-list li div { margin: 0 auto 5px; width: 50px; height: 50px; } #hi-upgrade .hi-wrap .hi-list li a { color: #666; } #hi-upgrade .hi-wrap .hi-list li a:hover { color: #005CE6; } #hi-upgrade .hi-wrap .hi-list li .hi-ico1 { background: url(../images/hi-llq-1.jpg) no-repeat center / 100%; } #hi-upgrade .hi-wrap .hi-list li .hi-ico2 { background: url(../images/hi-llq-2.jpg) no-repeat center / 100%; } #hi-upgrade .hi-wrap .hi-list li .hi-ico3 { background: url(../images/hi-llq-3.jpg) no-repeat center / 100%; } #hi-upgrade .hi-wrap .hi-list li .hi-ico4 { background: url(../images/hi-llq-4.jpg) no-repeat center / 100%; } #hi-upgrade .hi-wrap .hi-list li .hi-ico5 { background: url(../images/hi-llq-5.jpg) no-repeat center / 100%; } #hi-upgrade .hi-wrap .hi-list li .hi-ico6 { background: url(../images/hi-llq-6.jpg) no-repeat center / 100%; } /* 占位标签,设置导航样式 */ #c-placeholder { height: 1rem; } @media (max-width: 991px) { #c-placeholder { height: 1.2rem; } } /*顶部*/ #c-header { position: fixed; top: 0; left: 0; z-index: 900; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); line-height: 1rem; text-align: center; color: #fff; transition: 0.3s; } @media (max-width: 991px) { #c-header { line-height: 1.2rem; } } #c-header a { color: #fff; transition: 0.3s; } #c-header .container { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991px) { #c-header .container { height: 1.2rem; } } #c-header .c-right-box { display: flex; align-items: center; } #c-header.c-head-move { top: -1rem; } @media (max-width: 767px) { #c-header.c-head-move { top: -1.2rem; } } #c-header.c-style2 { color: #333; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); border-bottom: 1px solid #e5e5e5; } #c-header.c-style2 a { color: #333; } #c-header::before { content: ''; height: 0; width: 100%; position: absolute; background: #fff; transition: all 0.5s; top: 100.5%; left: 0; } #c-header:hover::before { height: 3.6rem; } @media (max-width: 1280px) { #c-header:hover::before { height: 4rem; } } @media (max-width: 767px) { #c-header:hover::before { height: 0; } } /*顶部logo*/ #c-header .c-logo { display: flex; align-items: center; margin-left: 40px; } #c-header .c-logo .c-img-box { display: flex; align-items: center; width: 4.45rem; } #c-header .c-logo .c-img-box img { height: 0.47rem; } @media (max-width: 991px) { #c-header .c-logo .c-img-box img { height: 0.4rem; } } #c-header .c-logo .c-img-box img:nth-child(2) { display: none; } #c-header .c-logo span { display: inline-block; margin-left: 0.2rem; padding-left: 0.2rem; border-left: 1px solid rgba(255, 255, 255, 0.2); } @media (max-width: 767px) { #c-header .c-logo span { display: none; } } #c-header.c-style2 .c-logo .c-img-box img:nth-child(1) { display: none; } #c-header.c-style2 .c-logo .c-img-box img:nth-child(2) { display: inline-block; } /*顶部pc导航*/ #c-header .c-nav { display: flex; align-items: center; } @media (max-width: 991px) { #c-header .c-nav { display: none; } } #c-header .c-nav > li { position: relative; padding: 0 0.38rem; } @media (max-width: 1366px) { #c-header .c-nav > li { padding: 0 0.3rem; } } @media (max-width: 1280px) { #c-header .c-nav > li { padding: 0 0.15rem; } } #c-header .c-nav > li:nth-of-type(1) ul::after { width: 1px; } #c-header .c-nav > li:last-child { margin-right: 0; } #c-header .c-nav > li > .c-title-box { display: flex; align-items: center; cursor: pointer; } #c-header .c-nav > li > .c-title-box img, #c-header .c-nav > li > .c-title-box svg { margin-left: 0.05rem; width: 14px; height: 14px; transform: rotate(90deg); } #c-header .c-nav > li > .c-title-box img path, #c-header .c-nav > li > .c-title-box svg path { fill: #fff; transition: all 0.3s; } #c-header .c-nav > li a:before { content: ""; position: absolute; bottom: -1px; left: 0; width: 0; height: 2px; background: #009c30; transition: 0.3s; } #c-header .c-nav li a { position: relative; display: block; -webkit-transition: 0.3s; transition: 0.3s; font-size: 20px; } @media (max-width: 1580px) { #c-header .c-nav li a { font-size: 18px; } } @media (max-width: 1366px) { #c-header .c-nav li a { font-size: 15px; } } #c-header .c-nav ul { position: absolute; top: 101%; left: 50%; display: none; height: 3.6rem; width: 100%; line-height: 1.2; background: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); overflow: hidden; padding-top: 0.13rem; } @media (max-width: 1280px) { #c-header .c-nav ul { height: 4rem; } } #c-header .c-nav ul:hover { background: #fafdff; } #c-header .c-nav ul::before, #c-header .c-nav ul::after { content: ''; position: absolute; height: 1000%; width: 1px; background: #e0e0e0; top: 0; right: 0; } #c-header .c-nav ul::after { width: 0px; right: unset; left: 0; } #c-header .c-nav ul li { margin-top: 0.2rem; } #c-header .c-nav ul li:last-child { border: 0; } #c-header .c-nav ul li a { color: #333; font-size: 16px; padding: 0 10px; } @media (max-width: 1580px) { #c-header .c-nav ul li a { font-size: 14px; } } #c-header.c-style2 .c-nav li.on > .c-title-box > a, #c-header .c-nav li:hover > .c-title-box > a, #c-header .c-nav li.on > a { color: #009c30; } #c-header.c-style2 .c-nav li.on > .c-title-box > a:before, #c-header .c-nav li:hover > .c-title-box > a:before, #c-header .c-nav li.on > a:before { width: 100%; } #c-header .c-nav li:hover > a { color: #009c30; } #c-header.c-style2 .c-nav li.on > .c-title-box svg path, #c-header .c-nav li:hover > .c-title-box svg path { fill: #009c30 !important; } #c-header.c-style2 .c-nav li .c-title-box svg path { fill: #333; } #c-header .c-lgn-box { border-left: 1px solid #e0e0e0; margin-left: 1.75rem; } #c-header .c-lgn-box .zz-div { display: flex; align-items: center; justify-items: center; padding: 0 22px; } #c-header .c-lgn-box .zz-div svg path { transition: all 0.3s; fill: #666; } #c-header .c-lgn-box .zz-div:hover svg path { fill: #009c30 !important; } #c-header .c-lgn-box .zz-div:hover span { color: #009c30; } #c-header .c-lgn-box .zz-div span { font-size: 18px; color: #333; margin-left: 10px; transition: all 0.3s; } /*顶部移动端导航*/ #c-header .c-nav2 { position: absolute; top: 1.2rem; left: 0; width: 100%; height: 0; line-height: 1.1rem; color: #333; background: #fff; overflow-y: auto; transition: 0.3s; text-align: left; } #c-header .c-nav2 > li:last-child { border-bottom: 1px solid #f1f1f1; } #c-header .c-nav2 li { padding: 0 0.5rem; border-top: 1px solid #f1f1f1; } @media (max-width: 767px) { #c-header .c-nav2 li { padding: 0 0.5rem; } } #c-header .c-nav2 li .c-title-box { display: flex; align-items: center; justify-content: space-between; } #c-header .c-nav2 li .c-title-box img, #c-header .c-nav2 li .c-title-box svg { width: 0.3rem; height: 0.3rem; transition: all 0.3s; } #c-header .c-nav2 li .c-title-box img path, #c-header .c-nav2 li .c-title-box svg path { fill: #333; } #c-header .c-nav2 li .c-title-box.on img, #c-header .c-nav2 li .c-title-box.on svg { transform: rotate(90deg); } #c-header .c-nav2 li a { color: #333; -webkit-transition: all 0.3s; transition: all 0.3s; } #c-header .c-nav2 li a:hover, #c-header .c-nav2 li.on > a { color: #005CE6; } #c-header .c-nav2 li ul { display: none; } .c-open #c-header .c-nav2 { height: calc(100vh - 1.2rem); } @media (max-width: 991px) { .c-lgn-box { display: none; } #c-header .c-logo { margin-left: 0; } } /*顶部导航开关*/ #c-header .lg-btn { color: #333; padding: 0 0rem 0 0.4rem; margin-right: 0.4rem; font-size: 0.32rem; } @media (min-width: 1000px) { #c-header .lg-btn { display: none; } } #c-header .c-switch { position: relative; display: none; width: 0.48rem; height: 0.4rem; cursor: pointer; } @media (max-width: 991px) { #c-header .c-switch { display: block; } } #c-header .c-switch i { position: absolute; left: 0; height: 2px; width: 100%; background: #fff; transition: all 0.3s; } #c-header .c-switch i:nth-child(1) { top: 0; } #c-header .c-switch i:nth-child(3) { bottom: 0; } #c-header .c-switch i:nth-child(2) { top: 50%; margin-top: -1px; } #c-header.c-style2 .c-switch i { background: #333; } body.c-open #c-header .c-switch i:nth-child(2) { opacity: 0; } body.c-open #c-header .c-switch i:nth-child(1) { top: 50%; margin-top: -1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } body.c-open #c-header .c-switch i:nth-child(3) { bottom: 50%; margin-bottom: -1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* 顶部功能区 */ #c-header .h-ww { max-width: unset; width: 100%; } @media (max-width: 991px) { #c-header .h-ww { width: 90%; } } #c-header .c-gn { display: flex; align-items: center; } @media (max-width: 1260px) { #c-header .c-gn { display: none; } } #c-header .c-gn form { padding-left: 0.6rem; position: relative; cursor: pointer; } #c-header .c-gn form img, #c-header .c-gn form svg { width: 20px; height: 20px; transition: 0.3s; vertical-align: middle; } @media (max-width: 991px) { #c-header .c-gn form img, #c-header .c-gn form svg { width: 0.2rem; height: 0.2rem; } } #c-header .c-gn form img path, #c-header .c-gn form svg path { fill: #fff; } #c-header .c-gn form:hover > svg path { fill: #005CE6 !important; } #c-header .c-gn form .c-box { position: absolute; top: 106%; right: 0; display: none; width: 280px; height: 50px; line-height: 50px; background: #fff; border-radius: 5px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); overflow: hidden; } #c-header .c-gn form .c-box input { float: left; padding: 0 0.15rem; width: -webkit-calc(30%); width: calc(100% - 70px); height: 50px; } #c-header .c-gn form .c-box button { float: left; width: 70px; height: 50px; color: #fff; background: #005CE6; cursor: pointer; } #c-header .c-gn .c-phone { display: flex; align-items: center; } #c-header .c-gn .c-phone img, #c-header .c-gn .c-phone svg { margin: 0 0.1rem 0 0.3rem; width: 20px; height: 20px; fill: #fff; } #c-header .c-gn .c-phone span { font-weight: bold; } #c-header.c-style2 .c-gn form > svg path { fill: #333; } #c-header.c-style2 .c-gn .c-phone svg path { fill: #005CE6; } #c-go-top { display: flex; align-items: center; justify-content: center; position: fixed; bottom: 10px; right: 10px; z-index: 999; width: 40px; height: 40px; border-radius: 50%; background-color: #005CE6; cursor: pointer; } @media (max-width: 767px) { #c-go-top { display: none !important; } } #c-go-top img, #c-go-top svg { width: 50%; height: 50%; transform: rotate(-90deg); } #c-go-top img path, #c-go-top svg path { fill: #ffff; } .text-b { font-weight: bold; } .public-title { display: flex; justify-content: space-between; align-items: center; } .public-title h2 { line-height: 1.2; } @media (max-width: 767px) { .public-title h2 { line-height: 1.4; } } .public-title h2 span { color: #005eb8; } .public-title .zz-right { width: 45%; color: #666666; display: flex; justify-content: flex-end; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } @media (max-width: 767px) { .public-title { flex-direction: column; justify-content: flex-start; align-items: flex-start; } .public-title .zz-left { display: flex; flex-direction: column; } .public-title .zz-right { width: 100%; margin-top: 0.3rem; } .public-title.public-title2 { flex-direction: unset; } .public-title.public-title2 .zz-left, .public-title.public-title2 .zz-right { width: 50%; } .public-title.public-title2 .zz-right { margin-top: 0; } } .public-title3 .h2 { color: #000; font-weight: bold; } .public-title3 .c-div { color: #666; margin-top: 10px; line-height: 1.8; } .public-title3 .c-div span { color: #005eb8; } .public-title3.public-title4 .h2, .public-title3.public-title4 .c-div { text-align: center; } .public-title3.public-title4 span { font-weight: bold; } .public-title3.public-title4 .c-div .span1 { color: #009b4c; } .public-title3.public-title5 .h2 { color: #191919; } @media (max-width: 767px) { .public-title3 .c-div { margin-top: 0.15rem; } .public-title3 .c-div p, .public-title3 .c-div p span { font-size: 0.28rem !important; } } /*首页轮播图*/ .c-home-banner .swiper-slide { overflow: hidden; } .c-home-banner .swiper-slide .c-pc, .c-home-banner .swiper-slide .c-mb { width: 100%; height: 100vh; object-fit: cover; } .c-home-banner .swiper-slide .c-mb { display: none; } @media (max-width: 991px) { .c-home-banner .swiper-slide .c-mb { display: block; } } @media (max-width: 991px) { .c-home-banner .swiper-slide .c-pc { display: none; } } .c-home-banner .swiper-button-next { margin-top: -0.2rem; width: 0.6rem; height: 0.6rem; opacity: 0.2; transition: 0.3s; right: 0.6rem; } @media (max-width: 991px) { .c-home-banner .swiper-button-next { display: none; } } .c-home-banner .swiper-button-next::after { display: none; } .c-home-banner .swiper-button-next img, .c-home-banner .swiper-button-next svg { width: 100%; height: 100%; } .c-home-banner .swiper-button-next img path, .c-home-banner .swiper-button-next svg path { fill: #fff; } .c-home-banner .swiper-button-prev { margin-top: -0.2rem; width: 0.6rem; height: 0.6rem; opacity: 0.2; transition: 0.3s; left: 0.6rem; transform: rotate(180deg); } @media (max-width: 991px) { .c-home-banner .swiper-button-prev { display: none; } } .c-home-banner .swiper-button-prev::after { display: none; } .c-home-banner .swiper-button-prev img, .c-home-banner .swiper-button-prev svg { width: 100%; height: 100%; } .c-home-banner .swiper-button-prev img path, .c-home-banner .swiper-button-prev svg path { fill: #fff; } .c-home-banner .swiper-button-next:hover, .c-home-banner .swiper-button-prev:hover { opacity: 1; } #c-code-pop { display: none; position: fixed; top: 0; left: 0; z-index: 910; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); } #c-code-pop .c-img-box { position: absolute; top: 50%; left: 50%; padding: 20px; width: 200px; border-radius: 5px; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #c-code-pop .c-img-box .c-close { position: absolute; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; bottom: -60px; left: 50%; margin-left: -20px; cursor: pointer; background-color: #fff; border-radius: 50%; transition: all 0.5s; } #c-code-pop .c-img-box .c-close img, #c-code-pop .c-img-box .c-close svg { margin: 4px; width: 18px; height: 18px; } #c-code-pop .c-img-box .c-close img path, #c-code-pop .c-img-box .c-close svg path { fill: #333; transition: all 0.5s; } #c-code-pop .c-img-box .c-close:hover { background-color: #005CE6; } #c-code-pop .c-img-box .c-close:hover svg path { fill: #fff; } #c-code-pop .c-img-box > img { width: 100%; } #c-code-pop .c-img-box .c-text { padding-top: 10px; line-height: 1; text-align: center; color: #333; } /* 底部 */ #c-footer { color: #fff; } #c-footer .ft-contact { width: 100%; background-size: 100% 100%; } #c-footer .ft-contact .container { display: flex; justify-content: space-between; } #c-footer .ft-contact .c-div { display: flex; flex-direction: column; justify-content: center; } @media (max-width: 767px) { #c-footer .ft-contact .c-div .c-p2 { margin-top: 0.1rem; margin-right: 0.2rem; } } #c-footer .ft-contact a { margin-top: 65px; margin-bottom: 60px; width: 2.2rem; height: 0.75rem; background: #fff; border-radius: 5px; display: flex; align-items: center; justify-content: center; color: #04509b; } @media (max-width: 1580px) { #c-footer .ft-contact a { margin-top: 55px; margin-bottom: 50px; } } @media (max-width: 767px) { #c-footer .ft-contact a { margin-top: 0.4rem; margin-bottom: 0.7rem; font-size: 0.26rem; } } #c-footer a { color: rgba(255, 255, 255, 0.8); transition: 0.3s; } #c-footer a:hover { color: #03902f; } #c-footer .c-top-box { padding: 0.75rem 0 0.55rem; } @media (max-width: 767px) { #c-footer .c-top-box { padding: 0.95rem 0 0.75rem; } } #c-footer .c-top-box .container { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } #c-footer .c-top-box .container .c-ul-box { display: flex; } #c-footer .c-top-box .container .c-title-box { display: flex; align-items: center; justify-content: space-between; padding-bottom: 0.22rem; margin-right: 65px; } @media (max-width: 991px) { #c-footer .c-top-box .container .c-title-box { margin-right: 35px; } } @media (max-width: 767px) { #c-footer .c-top-box .container .c-title-box { padding: 0.3rem 0; border-bottom: 1px solid #666; } } #c-footer .c-top-box .container .c-title-box .c-title { color: #fff; font-size: 16px; } #c-footer .c-top-box .container .c-title-box a { color: #fff; } #c-footer .c-top-box .container .c-title-box a:hover { color: #03902f; } #c-footer .c-top-box .container .c-title-box img, #c-footer .c-top-box .container .c-title-box svg { display: none; transition: 0.3s; width: 0.3rem; height: 0.3rem; } #c-footer .c-top-box .container .c-title-box img path, #c-footer .c-top-box .container .c-title-box svg path { fill: #fff; } @media (max-width: 767px) { #c-footer .c-top-box .container .c-title-box img, #c-footer .c-top-box .container .c-title-box svg { display: inline-block; } } @media (max-width: 767px) { #c-footer .c-top-box .container .c-list-box { width: 100%; } } #c-footer .c-top-box .container .c-list-box .c-list { font-size: 14px; } @media (max-width: 767px) { #c-footer .c-top-box .container .c-list-box .c-list { padding-top: 0.2rem; display: none; } } #c-footer .c-top-box .container .c-list-box .c-list li { padding-bottom: 0.1rem; } #c-footer .c-top-box .container .c-list-box .c-list li:last-child { padding-bottom: 0; } @media (max-width: 767px) { #c-footer .c-top-box .container .c-list-box .c-list li:last-child { padding-bottom: 0.2rem; } } @media (max-width: 767px) { #c-footer .c-top-box .container .c-list-box .c-list li { padding-bottom: 0.2rem; } } #c-footer .c-top-box .container .c-list-box.on .c-title-box img, #c-footer .c-top-box .container .c-list-box.on .c-title-box svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } @media (max-width: 767px) { #c-footer .c-top-box .container .c-list-box.on .c-title-box img, #c-footer .c-top-box .container .c-list-box.on .c-title-box svg { display: inline-block; } } @media (max-width: 767px) { #c-footer .c-top-box .container .c-text-box { padding-top: 0.2rem; } } #c-footer .c-top-box .container .c-text-box p { padding-bottom: 0.1rem; } @media (max-width: 767px) { #c-footer .c-top-box .container .c-text-box p { padding-bottom: 0.2rem; } } #c-footer .c-top-box .container .c-ico { display: flex; align-items: center; } #c-footer .c-top-box .container .c-ico a { display: flex; align-items: center; justify-content: center; margin-right: 10px; width: 0.38rem; height: 0.38rem; min-width: 30px; min-height: 30px; color: #fff; background: #fff; border-radius: 5px; transition: 0.3s; position: relative; } #c-footer .c-top-box .container .c-ico a .codeBox { position: absolute; top: 85%; left: 0; display: none; transform: translateY(-50%); left: 135%; } #c-footer .c-top-box .container .c-ico a .codeBox .imgBox { width: 1rem; height: 1rem; min-width: 50px; min-height: 50px; padding: 5px; border-radius: 5px; background: #fff; } #c-footer .c-top-box .container .c-ico a .codeBox .imgBox img { width: 100%; height: 100%; min-width: inherit; min-height: inherit; } #c-footer .c-top-box .container .c-ico a .codeBox .c-text { text-align: center; margin-top: 7px; } @media (max-width: 1580px) { #c-footer .c-top-box .container .c-ico a .codeBox .c-text { font-size: 12px; } } #c-footer .c-top-box .container .c-ico a .codeBox.codeBox2 .c-tel { background: #fff; color: #333; height: 40px; padding: 0 10px; border-radius: 5px; line-height: 40px; } #c-footer .c-top-box .container .c-ico a .syb { position: absolute; border: 6px solid rgba(0, 0, 0, 0); border-top-color: #fff; transition: all 0.5s; top: 50%; left: 100%; opacity: 0; transform: translateY(-50%) rotate(270deg); } #c-footer .c-top-box .container .c-ico a:hover .codeBox { display: block; animation: hideShow 0.5s; } #c-footer .c-top-box .container .c-ico a:hover .syb { opacity: 1; } @media (max-width: 767px) { #c-footer .c-top-box .container .c-ico a { width: 0.6rem; height: 0.6rem; } } #c-footer .c-top-box .container .c-ico a img, #c-footer .c-top-box .container .c-ico a svg { width: 20px; height: 20px; } @media (max-width: 991px) { #c-footer .c-top-box .container .c-ico a img, #c-footer .c-top-box .container .c-ico a svg { width: 18px; height: 18px; } } @media (max-width: 767px) { #c-footer .c-top-box .container .c-ico a img, #c-footer .c-top-box .container .c-ico a svg { width: 0.3rem; height: 0.3rem; } } #c-footer .c-top-box .container .c-ico a img path, #c-footer .c-top-box .container .c-ico a svg path { fill: #fff; } @media (max-width: 767px) { #c-footer .c-top-box .container .c-text-wrap { width: 100%; padding-top: 0.4rem; } } #c-footer .c-top-box .container .c-text-wrap .c-link { margin-top: 15px; } #c-footer .c-bottom-box { padding: 0.25rem 0; border-top: 1px solid rgba(255, 255, 255, 0.1); color: #7f7f7f; } @media (max-width: 767px) { #c-footer .c-bottom-box { padding: 0.6rem 0; } } #c-footer .c-bottom-box .container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } #c-footer .c-bottom-box .container a { color: rgba(255, 255, 255, 0.8); } #c-footer .c-bottom-box .container a:hover { color: #03902f; } #c-footer .c-bottom-box .container .c-copyright { word-wrap: break-word; word-break: break-all; margin-left: 0; color: rgba(255, 255, 255, 0.8); } @media (max-width: 991px) { #c-footer .c-bottom-box .container .c-copyright { font-size: 12px; margin-left: 0; } } @media (max-width: 991px) { #c-footer .c-bottom-box .container .c-support { font-size: 12px; } } @media (max-width: 767px) { #c-footer .c-bottom-box .container .c-support { margin-top: 0.2rem; } } #c-footer .c-bottom-box .container .c-support a { margin-right: 35px; } @media (max-width: 767px) { #c-footer .c-bottom-box .container .c-support a { margin-right: 0.3rem; } } #c-footer .c-bottom-box .container .c-support span, #c-footer .c-bottom-box .container .c-support .zz-a { margin-right: 0; color: rgba(255, 255, 255, 0.8); } #c-footer .c-bottom-box .container .c-support .zz-a:hover { color: #03902f; } #c-footer .ft-bg { background-size: cover; background-repeat: no-repeat; } #c-footer .ft-logo-box { padding-top: 0.8rem; padding-bottom: 0.5rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #c-footer .ft-logo-box .container { display: flex; justify-content: space-between; } @media (max-width: 767px) { #c-footer .ft-logo-box .container { flex-direction: column; } } #c-footer .ft-logo-box .zz-left div { margin-top: 3px; margin-left: 65px; } @media (max-width: 767px) { #c-footer .ft-logo-box .zz-left div { margin-left: 0; } } #c-footer .ft-logo-box .zz-left img { width: 4.45rem; } @media (max-width: 767px) { #c-footer .ft-logo-box .zz-left img { width: 5.4rem; } } @media (max-width: 767px) { #c-footer .ft-logo-box .container .zz-right { margin-top: 0.25rem; } #c-footer .c-top-box .container .c-title-box { margin-right: 0; } #c-footer .c-top-box .container .c-ul-box { flex-direction: column; width: 100%; } #c-footer .c-top-box { padding-top: 0.2rem; } #c-footer .c-top-box .container .c-ico a .codeBox .imgBox { min-width: 1.4rem; min-height: 1.4rem; padding: 0; } #c-footer .c-top-box .container .c-ico a .codeBox .c-text { display: none; } #c-footer .c-top-box .container .c-ico a .codeBox .imgBox img { min-width: 0.4rem; min-height: 0.4rem; } #c-footer .ft-contact .container { flex-direction: column; padding-top: 0.6rem; } } .public-subscribeMail .c-div1 { color: #fff; } .public-subscribeMail .c-div2 { height: 0.6rem; min-height: 45px; display: flex; margin-top: 10px; } .public-subscribeMail .c-div2 input { height: 100%; background: #fff; width: 3.45rem; min-width: 110px; padding: 0 0.2rem; border-top-left-radius: 5px; border-bottom-left-radius: 5px; color: #333; } .public-subscribeMail .c-div2 input::-webkit-input-placeholder { color: #666666; } .public-subscribeMail .c-div2 button { border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: #03902f; height: 100%; padding: 0 0.3rem; color: #fff; position: relative; } .public-subscribeMail .c-div2 button span { position: relative; z-index: 2; } .public-subscribeMail .c-div2 button::before { position: absolute; content: ''; width: 0; height: 100%; background: #003c8c; transition: all 0.3s; top: 0; left: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .public-subscribeMail .c-div2 button:hover::before { width: 100%; } .public-subscribeMail .c-div3 { margin-top: 15px; color: rgba(255, 255, 255, 0.5); } @media (max-width: 1260px) { .public-subscribeMail .c-div3 { font-size: 13px; } } .public-subscribeMail .c-div3 a { color: inherit; position: relative; transition: all 0.5s; } .public-subscribeMail .c-div3 a::before { position: absolute; content: ''; height: 1px; width: 100%; bottom: 0px; background: rgba(255, 255, 255, 0.5); transition: all 0.5s; } .public-subscribeMail .c-div3 a:hover { color: #fff; } .public-subscribeMail .c-div3 a:hover::before { background: #fff; } .public-subscribeMail.public-subscribeMail2 .c-div1 { color: #000; } .public-subscribeMail.public-subscribeMail2 .c-div2 input { border: 1px solid #e2e2e2; border-right: 0; border-radius: 0; flex: 1; width: auto; max-width: unset; } .public-subscribeMail.public-subscribeMail2 .c-div2 button { border-radius: 0; padding: 0 0.4rem; } .public-subscribeMail.public-subscribeMail2 .c-div3 { color: #999; } .public-subscribeMail.public-subscribeMail2 .c-div3 span, .public-subscribeMail.public-subscribeMail2 .c-div3 a:hover { color: #005eb8; } .public-subscribeMail.public-subscribeMail2 .c-div3 span { margin-right: 4px; } @media (max-width: 767px) { .public-subscribeMail.public-subscribeMail2 .c-div1 { font-size: 0.4rem; margin-bottom: 0.3rem; } } .ydsy-banner { width: 100%; } .ydsy-banner .swiper-slide { position: relative; height: calc(100vh - 1rem); } @media (max-width: 767px) { .ydsy-banner .swiper-slide { height: calc(100vh - 1.2rem); } } .ydsy-banner .swiper-slide a { display: flex; height: 100%; } .ydsy-banner .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } .ydsy-banner .swiper-slide .zz_box { position: absolute; top: 1.7rem; left: 50%; transform: translateX(-50%); width: 100%; padding-left: 0.4rem; padding-right: 0.4rem; } .ydsy-banner .swiper-slide .zz_box h1, .ydsy-banner .swiper-slide .zz_box h2, .ydsy-banner .swiper-slide .zz_box p { color: #fff; text-align: center; } .ydsy-banner .swiper-slide .zz_box h1 { margin-bottom: 20px; } .ydsy-banner .swiper-pagination { bottom: 40px; left: 50%; transform: translateX(-50%); } .ydsy-banner .swiper-pagination-bullet { margin: 0 4px; } .ydsy-banner .swiper-pagination-bullet-active { background: #fff; } @media (max-width: 767px) { .ydsy-banner .swiper-slide .zz_box { top: 50%; transform: translate(-50%, -50%); padding-left: 0.3rem; padding-right: 0.3rem; } .ydsy-banner .swiper-pagination { bottom: 0.3rem; } .ydsy-banner .swiper-slide .zz_box .h1 { margin-bottom: 0.2rem; } } .ydsy-jj { padding-top: 0.9rem; padding-bottom: 1rem; } .ydsy-jj .container ul { display: flex; flex-wrap: wrap; border-bottom: 0; border-right: 0; margin-top: 0.65rem; } .ydsy-jj .container ul li { transition: all 0.4s; position: relative; margin: 0 -1px -1px 0; width: 33.33%; border: 1px solid #e2e2e2; display: flex; flex-direction: column; justify-content: center; padding-left: 1rem; padding-right: 40px; padding-top: 0.8rem; padding-bottom: 0.7rem; } .ydsy-jj .container ul li:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); z-index: 1; border-color: #fff; } .ydsy-jj .container ul li:nth-of-type(4) .zz-c2 p:nth-of-type(2) { font-size: 30px; } @media (max-width: 1580px) { .ydsy-jj .container ul li { padding-right: 30px; } } @media (max-width: 767px) { .ydsy-jj .container ul li { padding: 0.4rem 0.3rem; width: 50%; } } .ydsy-jj .container ul li .zz-div1 { width: 0.9rem; height: 0.9rem; min-height: 40px; min-width: 40px; } .ydsy-jj .container ul li .zz-div1 img { width: 100%; height: 100%; } .ydsy-jj .container ul li .zz-div2 { margin-top: 55px; } @media (max-width: 1580px) { .ydsy-jj .container ul li .zz-div2 { margin-top: 45px; } } @media (max-width: 767px) { .ydsy-jj .container ul li .zz-div2 { margin-top: 0.4rem; } } .ydsy-jj .container ul li .zz-c1 { color: #666666; margin-bottom: 10px; } .ydsy-jj .container ul li .zz-c2 { display: flex; justify-content: space-between; align-items: flex-end; } .ydsy-jj .container ul li .zz-c2 p { color: #003c8c; } .ydsy-jj .container ul li .zz-c2 p:nth-of-type(1) { font-weight: bold; line-height: 1; } .ydsy-jj .container ul .jj-li { width: 66.67%; padding: 0 0.8rem; display: inline-block; padding-top: 0.7rem; position: relative; overflow: hidden; } .ydsy-jj .container ul .jj-li:hover .bgimg { transform: scale(1.1); } .ydsy-jj .container ul .jj-li .bgimg { transition: all 0.4s; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; } .ydsy-jj .container ul .jj-li div, .ydsy-jj .container ul .jj-li span { color: #fff; } .ydsy-jj .container ul .jj-li div { line-height: 1.25; } @media (max-width: 1580px) { .ydsy-jj .container ul .jj-li div { font-size: 0.46rem; } } .ydsy-jj .container ul .jj-li a { margin-top: 0.8rem; } @media (max-width: 767px) { .ydsy-jj .container ul li .zz-c2 p { font-size: 0.24rem; } .ydsy-jj .container ul li .zz-c2 .num { font-size: 0.48rem; margin-right: 0.1rem; } .ydsy-jj .container ul li .zz-c1 { font-size: 0.28rem; } .ydsy-jj .container ul li:nth-of-type(4) .zz-c2 p:nth-of-type(2) { font-size: 0.4rem; } .ydsy-jj .container ul li .zz-c2 { justify-content: flex-start; } .ydsy-jj .container ul .jj-li { width: 100%; padding: 0.5rem 0.3rem; } .ydsy-jj .container ul .jj-li div { line-height: 1.5; font-size: 0.36rem; } .ydsy-jj .container ul .jj-li a { margin-top: 0.5rem; } } .ydsy-cp { background: #f5f5f5; padding-top: 0.8rem; padding-bottom: 1rem; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .ydsy-cp ul { margin-top: 30px; width: 100%; background-repeat: no-repeat; background-size: cover; display: flex; transition: all 1s; background-position: center center; } .ydsy-cp ul li { position: relative; width: 20%; height: 0; padding-bottom: 41.875%; overflow: hidden; border-right: 1px solid rgba(255, 255, 255, 0.2); } .ydsy-cp ul li > .img, .ydsy-cp ul li img { position: absolute; width: 100%; height: 100%; } .ydsy-cp ul li a { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; overflow: hidden; } .ydsy-cp ul li a .zz-mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('../images/yd-14.png') no-repeat; background-size: 100% 100%; opacity: 0; transition: all 0.3s; } .ydsy-cp ul li a:hover .zz-div { bottom: 8.6%; } .ydsy-cp ul li a:hover p { opacity: 1; } .ydsy-cp ul li a:hover .zz-mask { opacity: 1; } .ydsy-cp ul li .zz-div { padding: 0 48px; position: absolute; bottom: -4%; transition: all 0.5s; } @media (max-width: 1580px) { .ydsy-cp ul li .zz-div { padding: 0 38px; } } @media (max-width: 767px) { .ydsy-cp ul li .zz-div { padding: 0 0.3rem; } } .ydsy-cp ul li h3, .ydsy-cp ul li p { color: #fff; } .ydsy-cp ul li h3 { margin-bottom: 20px; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .ydsy-cp ul li p { text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; opacity: 0; transition: all 0.5s; min-height: 0.4rem; } @media (max-width: 767px) { .ydsy-cp ul { display: flex; flex-direction: column; background-image: none !important; } .ydsy-cp ul li { width: 100%; padding-bottom: 70%; margin-bottom: 0.4rem; border-radius: 8px; background-size: cover; } .ydsy-cp ul li .zz-div { bottom: 0.3rem; } .ydsy-cp ul li a:hover .zz-div { bottom: 0.3rem; } .ydsy-cp ul li p { opacity: 1; } .ydsy-cp ul li a .zz-mask { opacity: 1; } .ydsy-cp ul li h3 { font-size: 0.32rem; margin-bottom: 0.2rem; text-align: left; } .ydsy-cp ul li p { text-align: left; font-size: 0.26rem; } .ydsy-cp { padding-bottom: 0.6rem; } } .ydsy-qyjj { padding-top: 0.9rem; padding-bottom: 1rem; position: relative; border-bottom: 1px solid #eee; } .ydsy-qyjj .zz-mask { position: absolute; bottom: 0; width: 100%; height: 4rem; background: #f5f5f5; z-index: -1; } .ydsy-qyjj ul { width: 100%; display: flex; justify-content: space-between; margin-top: 35px; } @media (min-width: 990px) { .ydsy-qyjj ul { height: 5.5rem; } } .ydsy-qyjj li { width: 19%; transition: all 0.5s; overflow: hidden; margin-right: 1.25%; position: relative; } .ydsy-qyjj li:last-child(1) { margin-right: 0; } .ydsy-qyjj li img { object-fit: cover; height: 100%; width: 100%; } @media (min-width: 990px) { .ydsy-qyjj li:hover { width: 37.5%; box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3); } .ydsy-qyjj li:hover .zz-div2 { background: #005eb8; height: 1.4rem; } .ydsy-qyjj li:hover .zz-div2 h3 { color: #fff; } .ydsy-qyjj li:hover .zz-div2 .zz-p1 { display: block; color: #fff; } .ydsy-qyjj li:hover .zz-div2 .zz-p2 { color: rgba(255, 255, 255, 0.16); } } .ydsy-qyjj .zz-div1 { width: 100%; height: 4.4rem; } .ydsy-qyjj .zz-div2 { background: #fff; padding-top: 26px; padding-left: 20px; padding-right: 20px; height: 1.1rem; position: absolute; bottom: 0; overflow: hidden; transition: all 0.5s; width: 100%; } @media (max-width: 1580px) { .ydsy-qyjj .zz-div2 { padding-bottom: 40px; padding-top: 13px; } } @media (max-width: 767px) { .ydsy-qyjj .zz-div2 { position: unset; } } .ydsy-qyjj .zz-div2 h3 { font-size: 20px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-bottom: 10px; } .ydsy-qyjj .zz-div2 .zz-p1 { display: none; transition: all 0.5s; } .ydsy-qyjj .zz-div2 .zz-p1 p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } @media (max-width: 1580px) { .ydsy-qyjj .zz-div2 .zz-p1 p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } } @media (max-width: 767px) { .ydsy-qyjj .zz-div2 .zz-p1 p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } } .ydsy-qyjj .zz-div2 .zz-p2 { position: absolute; bottom: -40px; font-size: 1rem; right: 20px; color: rgba(51, 51, 51, 0.06); font-weight: bold; line-height: 1; transition: all 0.5s; } @media (max-width: 1580px) { .ydsy-qyjj .zz-div2 .zz-p2 { bottom: -25px; } } @media (max-width: 767px) { .ydsy-qyjj { padding-bottom: 0.65rem; } .ydsy-qyjj ul { flex-direction: column; } .ydsy-qyjj li { width: 100%; margin-bottom: 0.4rem; } .ydsy-qyjj .zz-div1 { padding-bottom: 70%; width: 100%; position: relative; } .ydsy-qyjj li img { position: absolute; width: 100%; height: 100%; } .ydsy-qyjj .zz-div2 .zz-p1 { display: block; color: #666; } .ydsy-qyjj .zz-div2 { background: #f5f5f5; padding: 0.4rem 0.3rem; height: auto; } .ydsy-qyjj .zz-div2 h3 { font-size: 0.32rem; margin-bottom: 0.2rem; } .ydsy-qyjj .zz-div2 .zz-p2 { bottom: 0.2rem; opacity: 0.5; right: 0.3rem; font-size: 1.5rem; } .ydsy-qyjj .zz-mask { display: none; } } .ydsy-news { padding-top: 0.9rem; padding-bottom: 1rem; } .ydsy-news .public-title .zz-right { display: flex; } .ydsy-news .synew-cbox { margin-top: 30px; } .ydsy-news .cbox1 { display: flex; } .ydsy-news .cbox2 { display: flex; } .ydsy-news .synew-swp { position: relative; width: 66.56%; height: 0; padding-bottom: 24.99%; overflow: hidden; } .ydsy-news .synew-swp > .img, .ydsy-news .synew-swp img { position: absolute; width: 100%; height: 100%; } .ydsy-news .synew-swp .swiper-wrapper { position: absolute; } .ydsy-news .swiper-slide { width: 100%; height: 100%; } .ydsy-news .swiper-slide a { position: absolute; width: 100%; height: 100%; } .ydsy-news .swiper-slide a:hover img { transform: scale(1.1); } .ydsy-news .swiper-slide a h3, .ydsy-news .swiper-slide a span { color: #fff; padding-left: 0.6rem; } .ydsy-news .swiper-slide a h3 { padding-top: 0.65rem; line-height: 1.25; width: 71%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .ydsy-news .swiper-slide a span { margin-top: 25px; display: inline-block; opacity: 0.65; } .ydsy-news .swiper-slide a img { object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transition: all 0.8s; } .ydsy-news .swiper-pagination { bottom: 8%; right: 40px; left: unset; width: auto; } .ydsy-news .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 6px; background: transparent; border: 2px solid rgba(255, 255, 255, 0.5); } .ydsy-news .swiper-pagination .swiper-pagination-bullet-active { background: #fff; } @media (max-width: 991px) { .ydsy-news .swiper-slide a h3 { font-size: 24px; } } @media (max-width: 767px) { .ydsy-news .synew-swp { width: 100%; padding-bottom: 50%; } .ydsy-news .cbox1, .ydsy-news .cbox2 { flex-direction: column; } .ydsy-news .swiper-slide a h3 { font-size: 0.32rem; padding: 0.6rem 0.4rem 0.3rem; width: 100%; } .ydsy-news .swiper-slide a span { margin-top: 0; padding-left: 0.4rem; font-size: 0.28rem; } .ydsy-news .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; } .ydsy-news .swiper-pagination { right: 0.4rem; } .ydsy-news .cbox1 .public-synews { border-top: 0; } .ydsy-news .cbox2 .public-synews { margin-top: 0.4rem; border: 1px solid #e2e2e2; } .ydsy-news .cbox2 .public-synews.public-synews2 { border: 0; border-top: 1px solid #e2e2e2; } .ydsy-news .cbox2 .public-synews.public-synews2 a:hover { margin-top: -1px; } } .public-synews { width: 33.44%; position: relative; } .public-synews a { display: flex; flex-direction: column; padding: 30px 60px 25px; justify-content: space-between; height: 100%; border: 1px solid #e2e2e2; transition: all 0.4s; } @media (max-width: 1580px) { .public-synews a { padding-left: 40px; padding-right: 40px; } } @media (max-width: 767px) { .public-synews a { padding-left: 0.4rem; padding-right: 0.4rem; } } .public-synews a span { color: #999; } @media (max-width: 1580px) { .public-synews a span { font-size: 14px; } } .public-synews a h4 { color: #000; margin-top: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; transition: all 0.5s; } .public-synews a p { color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } @media (max-width: 1580px) { .public-synews a p { font-size: 14px; } } @media (max-width: 767px) { .public-synews a p { font-size: 0.28rem; } } .public-synews a .c-span { padding-top: 25px; margin-right: 15px; display: inline-block; transition: all 0.5s; } .public-synews a svg path { fill: #999999; transition: all 0.5s; } .public-synews a .c-div2 { border-top: 1px solid #e2e2e2; position: relative; } .public-synews a .c-div2::before { position: absolute; content: ''; top: -1px; left: 0; width: 0; height: 1px; background: #003c8c; transition: all 0.5s; } .public-synews a:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); border-color: #fff; z-index: 1; } .public-synews a:hover h4, .public-synews a:hover .c-span { color: #003c8c; } .public-synews a:hover .c-div2::before { width: 100%; } .public-synews a:hover .c-div2 svg path { fill: #003c8c; } .public-synews.public-synews2 { width: 33.33%; border-top: 0; border-left: 0; } .public-synews.public-synews2 a { margin: 0 -1px 0 0; border-top: 0px solid #e2e2e2; } .public-synews.public-synews2 h4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .public-synews.public-synews2 .c-div2 { margin-top: 30px; } @media (max-width: 767px) { .public-synews, .public-synews.public-synews2 { width: 100%; } .public-synews a .c-span, .public-synews a span { font-size: 0.28rem; } .public-synews a h4 { font-size: 0.32rem; } .public-synews a p { margin-top: 0.3rem; margin-bottom: 0.6rem; } .public-synews a .c-span { padding-top: 0.3rem; margin-right: 0.3rem; } .public-synews a { padding-top: 0.4rem; padding-bottom: 0.35rem; } .public-synews a .c-div2 svg { width: 0.24rem; } } .public-nybn { width: 100%; height: 0; padding-bottom: 36.46%; position: relative; } .public-nybn > .img, .public-nybn img { position: absolute; width: 100%; height: 100%; } .public-nybn .bgimg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .public-nybn .bgimg img { width: 100%; height: 100%; object-fit: cover; } .public-nybn .c-box { display: flex; flex-direction: column; position: absolute; height: 100%; width: 100%; } .public-nybn .bn-title { height: 87.14%; width: 100%; display: flex; align-items: center; } .public-nybn .bn-title p { color: #fff; text-align: center; font-weight: bold; } .public-nybn .bn-title .h2 { color: #fff; text-align: center; font-weight: bold; } .public-nybn .bn-box { height: 12.86%; border-top: 2px solid rgba(255, 255, 255, 0.2); position: relative; z-index: 1; display: flex; align-items: center; } .public-nybn .bn-box .zz-w { display: flex; justify-content: space-between; height: 100%; } .public-nybn .bn-box .l-ul { display: flex; flex: 1; height: 100%; } .public-nybn .bn-box .l-ul li { color: #fff; padding: 0; } .public-nybn .bn-box .l-ul li a { color: #fff; height: 100%; display: inline-flex; align-items: center; } .public-nybn .bn-box .l-ul li span { margin: 0 5px; } .public-nybn .bn-box .l-ul li:nth-last-child(1) span { display: none; } .public-nybn .bn-box .r-ul { height: 100%; display: flex; flex: 1; justify-content: flex-end; margin-right: 30px; } .public-nybn .bn-box .r-ul li { margin-left: 0.7rem; position: relative; height: 100%; } .public-nybn .bn-box .r-ul li::before { content: ''; position: absolute; width: 0%; height: 3px; background: #fff; top: -3px; left: 0; transition: all 0.3s; } .public-nybn .bn-box .r-ul li:nth-of-type(1) { margin-left: 0; } .public-nybn .bn-box .r-ul li .a { color: #fff; padding: 0; display: flex; align-items: center; height: 100%; white-space: nowrap; } .public-nybn .bn-box .r-ul li.on::before, .public-nybn .bn-box .r-ul li:hover::before { width: 100%; } .public-nybn .bn-box .r-ul li.on .a, .public-nybn .bn-box .r-ul li:hover .a { font-weight: bold; } .public-nybn.public-nybn2 .bn-box { border-top: 0; } @media (max-width: 1580px) { .public-nybn .bn-box .r-ul li { font-size: 14px; } } @media (max-width: 767px) { .public-nybn .bn-box { height: auto; } .public-nybn { padding-bottom: 70%; } .public-nybn .bn-box .l-ul li { padding: 0.3rem 0 0.3rem; } .public-nybn .bn-box .r-ul { display: none; } .public-nybn .bn-title .h2 { font-size: 0.4rem; margin-top: 0.2rem; } } .pro-serv { padding: 0.95rem 0 0.9rem; } .pro-serv .h2 { color: #000; font-weight: bold; margin-bottom: 0.65rem; } .pro-serv ul { display: flex; flex-wrap: wrap; } .pro-serv ul li { width: 16.87%; margin-right: 3.91%; margin-bottom: 0.3rem; } .pro-serv ul li a { display: flex; align-items: center; padding-bottom: 0.2rem; border-bottom: 1px solid #e2e2e2; } .pro-serv ul li:nth-of-type(5n+5) { margin-right: 0; } .pro-serv ul li .imgBox { border-radius: 1000px; border: 4px solid #f8f8f8; padding: 6px; margin-right: 0.2rem; } .pro-serv ul li .imgBox img { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); border-radius: 1000px; width: 0.7rem; height: 0.7rem; min-width: 30px; min-height: 30px; object-fit: cover; } .pro-serv ul li .c-num { color: #999; } .pro-serv ul li .c-cont { flex: 1; } .pro-serv ul li .c-text { color: #000; margin-top: 5px; } .pro-servLiBox li { display: flex; position: relative; margin-bottom: 20px; } .pro-servLiBox li .zz-left { width: 50%; padding-left: 1.6rem; background-size: 100% 100%; background-repeat: no-repeat; padding-top: 1.1rem; padding-right: 1.8rem; padding-bottom: 1.25rem; } .pro-servLiBox li .zz-left .h3 { font-weight: bold; color: #009c30; position: relative; } .pro-servLiBox li .zz-left .h3::before { content: ''; position: absolute; width: 0.4rem; height: 0.4rem; min-width: 25px; min-height: 25px; background: url('../images/yd-26.png') no-repeat 100% 100%; top: -10px; left: -13px; } .pro-servLiBox li .zz-left .c-text { color: #000; line-height: 2; margin-top: 0.2rem; } .pro-servLiBox li .zz-left .c-t { color: #000; font-weight: bold; margin-top: 0.55rem; margin-bottom: 0.25rem; } .pro-servLiBox li .zz-left .c-cont { color: #000; display: flex; flex-wrap: wrap; } .pro-servLiBox li .zz-left .public-btn5 { margin-right: 0.2rem; margin-bottom: 0.2rem; transition: all 0.3s; } .pro-servLiBox li .zz-left .public-btn5 span { position: relative; } .pro-servLiBox li .zz-left .public-btn5 span::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 1000px; background: #fff; left: -0.18rem; } .pro-servLiBox li .zz-left .public-btn5:nth-of-type(3n+3) { margin-right: 0; } .pro-servLiBox li .zz-left .public-btn5:hover { background: #009c30; } .pro-servLiBox li .zz-left .public-btn5:hover span { color: #fff; } .pro-servLiBox li .zz-right { width: 50%; } .pro-servLiBox li .zz-right .c-div { object-fit: cover; height: 100%; width: 100%; overflow: hidden; } .pro-servLiBox li .zz-right .c-div img { transition: all 0.4s; } .pro-servLiBox li .zz-right .c-div:hover img { transform: scale(1.05); } .pro-servLiBox li .zz-right .c-div img { object-fit: cover; height: 100%; width: 100%; } @media (max-width: 1260px) { .pro-servLiBox li .zz-left { padding-left: 5%; } } @media (max-width: 991px) { .pro-servLiBox li .zz-left { padding-right: 5%; } .pro-serv ul li .c-cont .c-text { font-size: 16px; } } @media (max-width: 767px) { .pro-serv ul li { width: 48%; margin-right: 4%; } .pro-serv ul li:nth-of-type(2n+2) { margin-right: 0; } .pro-serv ul li .imgBox img { min-width: 0.6rem; min-height: 0.6rem; } .pro-serv { padding: 0.75rem 0 0.2rem; } .pro-serv .h2 { margin-bottom: 0.4rem; } .pro-servLiBox li { flex-direction: column; padding-left: 0.4rem; padding-right: 0.4rem; margin-bottom: 0.4rem; } .pro-servLiBox li .zz-right { order: 0; width: 100%; } .pro-servLiBox li .zz-left { width: 100%; order: 1; } .pro-servLiBox li .zz-left { padding: 0.4rem 0.4rem 0.3rem; } .pro-servLiBox li .zz-left .c-text { line-height: 1.5; } .pro-servLiBox li .zz-left .c-t { margin-top: 0.4rem; margin-bottom: 0.3rem; } .pro-servLiBox li .zz-left .h3::before { min-width: 0.7rem; min-height: 0.7rem; background: url(../images/yd-26.png); top: -0.2rem; left: -0.2rem; z-index: 2; background-size: cover; } .pro-servLiBox { padding-bottom: 0.4rem; } .pro-servLiBox li .zz-right .c-div { position: relative; width: 100%; height: 0; padding-bottom: 70%; } .pro-servLiBox li .zz-right .c-div > .img, .pro-servLiBox li .zz-right .c-div img { position: absolute; width: 100%; height: 100%; } } .public-mask { position: fixed; z-index: 901; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.56); display: none; } .public-mask.active { display: block; } .public-tuanchuang { width: 31.25%; top: 0; right: -100%; position: fixed; z-index: 1000; background-color: #fff; transition: all 0.5s; } .public-tuanchuang .zz-close { position: absolute; top: 0; right: 100%; padding: 15px 20px; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #009c30; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .public-tuanchuang .zz-close p { white-space: nowrap; color: #fff; margin-top: 10px; } .public-tuanchuang .zz-close img { width: 25px; height: 25px; } .public-tuanchuang .imgbox { position: relative; width: 100%; height: 0; padding-bottom: 58.33%; } .public-tuanchuang .imgbox > .img, .public-tuanchuang .imgbox img { position: absolute; width: 100%; height: 100%; } .public-tuanchuang .imgbox img { object-fit: cover; } .public-tuanchuang .contbox, .public-tuanchuang .tuanchuang-btn { padding-left: 0.45rem; padding-right: 0.5rem; } .public-tuanchuang .scroll { overflow-y: auto; /*定义滚动条的轨道颜色、内阴影及圆角*/ /*定义滑块颜色、内阴影及圆角*/ display: flex; flex-direction: column; align-items: flex-start; margin-left: 2px; } .public-tuanchuang .scroll::-webkit-scrollbar { width: 1px; /*对垂直流动条有效*/ } .public-tuanchuang .scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #ddd; background-color: #ddd; border-radius: 3px; } .public-tuanchuang .scroll::-webkit-scrollbar-thumb { border-radius: 7px; -webkit-box-shadow: inset 0 0 6px #009c30; background-color: #009c30; } @media (max-width: 1366px) { .public-tuanchuang .scroll { height: 2.2rem; } } .public-tuanchuang .c-title { color: #000; font-weight: bold; display: flex; align-items: flex-end; justify-content: space-between; height: 100%; padding: 0.3rem 0; border-bottom: 1px solid #f0f0f0; margin-bottom: 0.25rem; } .public-tuanchuang .c-title .c-div2 { padding: 0 10px; cursor: pointer; } .public-tuanchuang .c-title .c-div2 svg path { transition: all 0.3s; } .public-tuanchuang .c-title .c-div2:hover svg path { fill: #03902f; } .public-tuanchuang .c-title2 { color: #000; position: relative; padding-left: 25px; margin-bottom: 0.2rem; font-weight: bold; } .public-tuanchuang .c-title2::before { content: ''; position: absolute; width: 4px; height: 60%; left: 0; top: 50%; background: #009c30; transform: translateY(-50%); } .public-tuanchuang .tc-ul { margin-bottom: 0.07rem; } .public-tuanchuang .tc-ul .tc-btn { display: inline-flex; border-radius: 1000px; border: 1px solid #009c30; padding: 4px 15px; height: auto; min-height: unset; margin-right: 10px; background: rgba(0, 156, 48, 0.1); margin-bottom: 0.2rem; } .public-tuanchuang .tc-ul .tc-btn span { color: #009c30; } .public-tuanchuang .tc-ul2 { display: flex; flex-direction: column; } .public-tuanchuang .tc-ul2 li { display: flex; align-items: center; margin-bottom: 5px; } .public-tuanchuang .tc-ul2 li img { margin-right: 15px; } .public-tuanchuang .tc-ul2 li p { color: #666; } .public-tuanchuang .tuanchuang-btn { display: flex; justify-content: space-between; margin-top: 0.3rem; padding-bottom: 0.43rem; } .public-tuanchuang .tuanchuang-btn .public-btn6 { width: 46.93%; transition: all 0.3s; } .public-tuanchuang .tuanchuang-btn .public-btn6:hover { background: #009c30; } .public-tuanchuang .tuanchuang-btn .public-btn6:hover span { color: #fff; } .public-tuanchuang .tuanchuang-btn .public-btn6:nth-of-type(2) { border-color: #005eb8; } .public-tuanchuang .tuanchuang-btn .public-btn6:nth-of-type(2):hover { background: #005eb8; } .public-tuanchuang .tuanchuang-btn .public-btn6:nth-of-type(2):hover span { color: #fff; } .public-tuanchuang .tuanchuang-btn .public-btn6:nth-of-type(2) span { color: #005eb8; } .public-tuanchuang.active { right: 0; } @media (max-width: 1580px) { .public-tuanchuang { width: 37%; } } @media (max-width: 1260px) { .public-tuanchuang { width: 45%; } } @media (max-width: 767px) { .public-tuanchuang { width: 90%; } .public-tuanchuang .scroll { height: 4rem; } .public-tuanchuang .imgbox { padding-bottom: 70%; } .public-tuanchuang { width: 82%; top: unset; left: unset; right: unset; left: 50%; transform: translate(-50%, 100%); } .public-tuanchuang.active { right: unset; bottom: 10%; transform: translate(-50%, 0%); } .public-tuanchuang .zz-close { background: transparent; transform: translateX(-50%); left: 50%; right: unset; top: 100%; } .public-tuanchuang .zz-close p { display: none; } } .public-tanchuang-join { width: auto; position: fixed; display: none; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 902; background: #fff; padding: 0.3rem 0.75rem 0.45rem; border-radius: 10px; } .public-tanchuang-join .zz-close { position: absolute; top: -1px; right: 0px; background: #009b4c; width: 0.6rem; height: 0.6rem; min-width: 40px; min-height: 40px; display: flex; align-items: center; justify-content: center; border-top-right-radius: 10px; cursor: pointer; } .public-tanchuang-join .c-title { font-weight: bold; border-bottom: 1px solid #009b4c; color: #000; margin-bottom: 0.25rem; padding-bottom: 0.2rem; } .public-tanchuang-join .c-inputBox { display: flex; justify-content: space-between; } .public-tanchuang-join .c-input { width: 5.05rem; margin-bottom: 0.2rem; } .public-tanchuang-join .c-input:nth-of-type(1) { margin-right: 0.4rem; } .public-tanchuang-join .c-input .c-div1 { margin-bottom: 10px; color: #000; } .public-tanchuang-join .c-input .c-div1 span { color: #009b4c; margin-right: 5px; } .public-tanchuang-join .c-inputBox2 .c-input { width: 100%; } .public-tanchuang-join .c-inputBox2 .c-input .c-div1 { margin-bottom: 4px; } .public-tanchuang-join .c-inputBox2 .c-input .c-div3 { margin-bottom: 10px; color: #999; } .public-tanchuang-join .c-inputBox2 .c-input .c-div2 { display: flex; } .public-tanchuang-join .c-inputBox2 .c-input .c-div2 .c-jlBox { width: auto; flex: 1; margin-right: 0.3rem; margin-bottom: 0; height: 0.6rem; min-height: 40px; border: 1px solid #dedede; border-radius: 5px; position: relative; display: flex; align-items: center; padding: 0 1%; } .public-tanchuang-join .c-inputBox2 .c-input .c-div2 .c-jlBox .c-jl { background: #ededed; border-radius: 5px; height: 75%; padding: 0 0.35rem 0 0.2rem; max-width: 98%; position: relative; display: flex; align-items: center; justify-content: center; } .public-tanchuang-join .c-inputBox2 .c-input .c-div2 .c-jlBox .c-jl img { position: absolute; right: -5px; top: -2px; cursor: pointer; } .public-tanchuang-join .c-inputBox2 .c-input .c-div2 .c-jlBox .c-jl .c-text { color: #222; } .public-tanchuang-join .c-inputBox2 .c-input .c-div2 .public-btn7 { position: relative; background: #666; padding: 0 0.35rem; } .public-tanchuang-join .c-inputBox2 .c-input .c-div2 .public-btn7 span { font-weight: 400; } .public-tanchuang-join .c-inputBox2 .c-input .c-div2 .public-btn7 .c-file { position: absolute; opacity: 0; cursor: pointer; z-index: 7; } .public-tanchuang-join input { width: 100%; height: 0.6rem; min-height: 40px; border: 1px solid #dedede; border-radius: 5px; padding: 0 25px; /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */ } .public-tanchuang-join input::-webkit-input-placeholder { color: #999; } .public-tanchuang-join input:-moz-placeholder { color: #999; } .public-tanchuang-join input::-moz-placeholder { color: #999; } .public-tanchuang-join input:-ms-input-placeholder { color: #999; } .public-tanchuang-join .c-tips { margin-bottom: 0.3rem; } .public-tanchuang-join .c-tips .c-div1 { color: #000; margin-bottom: 0.1rem; } .public-tanchuang-join .c-tips .c-div2 { color: #999; margin-bottom: 15px; } .public-tanchuang-join .c-tips input { width: 100%; } .public-tanchuang-join .public-btn7 { border-radius: 5px; } .public-tanchuang-join .public-btn7 span { font-weight: 400; } .public-tanchuang-join.active { display: block; animation: hideShow 0.3s; } @media (max-width: 1580px) { .public-tanchuang-join { top: 50%; } .public-tanchuang-join .c-input .c-div1, .public-tanchuang-join .c-tips .c-div1 { font-size: 16px; } .public-tanchuang-join input { font-size: 15px; } .public-tanchuang-join .c-inputBox2 .c-input .c-div2 .c-jlBox .c-jl .c-text, .public-tanchuang-join .c-inputBox2 .c-input .c-div2 .public-btn7 span, .public-tanchuang-join .public-btn7 span { font-size: 14px; } } @media (max-width: 767px) { .public-tanchuang-join { width: 90%; padding: 0.4rem; top: 50%; } .public-tanchuang-join .c-input { width: 48%; margin-bottom: 0.35rem; } .public-tanchuang-join .c-input:nth-of-type(1) { margin-right: 4%; } .public-tanchuang-join .c-input .c-div1, .public-tanchuang-join .c-tips .c-div1 { font-size: 0.3rem; } .public-tanchuang-join input { font-size: 0.28rem; padding: 0 0.2rem; } .public-tanchuang-join .c-inputBox2 .c-input .c-div2 .c-jlBox .c-jl .c-text, .public-tanchuang-join .c-inputBox2 .c-input .c-div2 .public-btn7 span, .public-tanchuang-join .public-btn7 span { font-size: 0.28rem; } .public-tanchuang-join .c-inputBox2 .c-input .c-div2 .c-jlBox { padding: 0 0.2rem; margin-right: 4%; } .public-tanchuang-join .zz-close img { width: 0.4rem; } } .honorCont-box { background: linear-gradient(-45deg, #f3fcf7, #fff, #f3fcf7); padding-top: 0.95rem; padding-bottom: 1.1rem; } .honor-box2 { margin-top: 1.2rem; } .honor-swp { margin-top: 0.55rem; } .honor-swp .swiper-container { padding: 20px 20px 0.8rem; margin: -20px -20px 0; } .honor-swp .swiper-slide { border: 1px solid #eee; background: #fff; transition: all 0.3s; cursor: pointer; } .honor-swp .swiper-slide:hover .a::before, .honor-swp .swiper-slide:hover .a::after { opacity: 1; } .honor-swp .swiper-slide .a { position: relative; } .honor-swp .swiper-slide .a::before { content: ''; width: 30px; height: 30px; background-image: url('../images/yd-143.png'); background-size: 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 6; opacity: 0; transition: all 0.3s; } .honor-swp .swiper-slide .a::after { content: ''; position: absolute; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; top: 0; left: 0; z-index: 5; opacity: 0; transition: all 0.3s; } .honor-swp .swiper-slide .div1 { position: relative; width: 100%; height: 0; padding-bottom: 105%; } .honor-swp .swiper-slide .div1 > .img, .honor-swp .swiper-slide .div1 img { position: absolute; width: 100%; height: 100%; } .honor-swp .swiper-slide .div1 .img { width: auto; height: auto; max-width: 80%; max-height: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; } .honor-swp .swiper-slide .div2 { text-align: center; padding: 0 15px 0.35rem; font-weight: bold; } .honor-swp .swiper-slide .div2 p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .honor-swp .swpBtn { display: flex; position: absolute; bottom: 0; } .honor-swp .swpBtn .swiper-button-next, .honor-swp .swpBtn .swiper-button-prev { background-size: 10px 20px; position: unset; left: unset; right: unset; top: unset; width: 50px; height: 50px; margin-top: 0; opacity: 1; } .honor-swp .swpBtn .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23009b4c'%2F%3E%3C%2Fsvg%3E"); } .honor-swp .swpBtn .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23009b4c'%2F%3E%3C%2Fsvg%3E"); } .honor-swp .swpBtn .swiper-button-next.swiper-button-disabled { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b2b9c0'%2F%3E%3C%2Fsvg%3E"); } .honor-swp .swpBtn .swiper-button-prev.swiper-button-disabled { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b2b9c0'%2F%3E%3C%2Fsvg%3E"); } .honor-swp .swiper-scrollbar { width: calc(100% - 130px); position: absolute; bottom: 24px; height: 1px; right: 0; left: unset; } .honor-swp .swiper-scrollbar .swiper-scrollbar-drag { background: #009c30; } .honor-swp.honor-swp2 .swiper-slide .div1 { padding-bottom: 123%; } .honor-swp.honor-swp2 .swiper-slide .div1 .img { top: 53%; } .honor-swp.honor-swp2 .swiper-slide .div2 { padding-bottom: 0.25rem; } .honor-swp.duty-swp { margin-top: 0.5rem; } .honor-swp.duty-swp .swiper-container { padding-bottom: 0.85rem; } .honor-swp.duty-swp .swiper-slide { border: 0; } .honor-swp.duty-swp .swiper-slide:hover { box-shadow: unset; } .honor-swp.duty-swp .swiper-slide .a::before, .honor-swp.duty-swp .swiper-slide .a::after { content: unset; } .honor-swp.duty-swp .swiper-slide .div1 { overflow: hidden; border-radius: 10px; } .honor-swp.duty-swp .swiper-slide .div1 .img { transition: all 0.3s; } .honor-swp.duty-swp .swiper-slide:hover .div1 .img { transform: translate(-50%, -50%) scale(1.05); } .honor-swp.duty-swp .swiper-slide:hover .div3 h3 { color: #009b4c; } .honor-swp.duty-swp .swiper-slide .div1 { position: relative; width: 100%; height: 0; padding-bottom: 60%; } .honor-swp.duty-swp .swiper-slide .div1 > .img, .honor-swp.duty-swp .swiper-slide .div1 img { position: absolute; width: 100%; height: 100%; } .honor-swp.duty-swp .swiper-slide .div1 .img { max-width: 100%; max-height: 100%; object-fit: cover; } .honor-swp.duty-swp .swiper-slide .div3 { margin-top: 0.25rem; } .honor-swp.duty-swp .swiper-slide .div3 h3 { font-weight: bold; margin-bottom: 5px; transition: all 0.3s; } @media (max-width: 1580px) { .honor-swp.duty-swp .swiper-slide .div3 > div { font-size: 15px; } .honor-swp.duty-swp .swiper-container { padding-bottom: 1.1rem; } } @media (max-width: 991px) { .honor-swp.duty-swp .swiper-slide .div3 > div { font-size: 14px; } } @media (max-width: 767px) { .honor-swp { overflow: hidden; margin: 0 -10px; padding: 0 10px; margin-top: 0.4rem; } .honor-swp .swiper-container { padding-bottom: 1rem; } .honor-swp .swpBtn .swiper-button-next, .honor-swp .swpBtn .swiper-button-prev { width: 0.7rem; height: 0.7rem; } .honor-swp .swiper-scrollbar { width: 68%; bottom: 0.35rem; right: 0.4rem; } .honorCont-box { padding: 0.7rem 0; } .honor-box2 { margin-top: 0.8rem; } .honor-swp.duty-swp { margin-top: 0.35rem; } .honor-swp.duty-swp .swiper-container { padding-bottom: 0.9rem; } } @font-face { font-family: 'opposans'; src: url('__CSS_PATH__/OPPOSans-L.ttf'); } .history-box { padding-top: 0.95rem; padding-bottom: 1.55rem; overflow: hidden; } .history-box .public-title3 { text-align: center; margin-bottom: 0.6rem; } .history-box .history_swp { margin-top: 0.85rem; } .history-box .history_swp .swiper-slide { display: flex; padding-left: 6.25%; position: relative; } .history-box .history_swp .swiper-slide .zz-left { position: relative; width: 42.7%; height: 0; padding-bottom: 26.6%; margin-right: 7.18%; } .history-box .history_swp .swiper-slide .zz-left > .img, .history-box .history_swp .swiper-slide .zz-left img { position: absolute; width: 100%; height: 100%; } .history-box .history_swp .swiper-slide .zz-left img { border-radius: 5px; object-fit: cover; } .history-box .history_swp .c-title { font-weight: bold; color: #009b4c; margin-top: 0.45rem; margin-bottom: 0.25rem; } .history-box .history_swp .c-cont { color: #666; line-height: 1.8; } .history-box .history_swp .zz-right { position: relative; flex: 1; } .history-box .history_swp .zz-right .years { position: absolute; z-index: -1; color: rgba(216, 244, 230, 0.3); font-size: 15.625vw; top: 61%; transform: translateY(-50%); left: -5%; font-family: 'opposans'; } .history-box .zz-w1 { position: relative; } .history-box .zz-w1::before { content: ''; width: 1000%; height: 1px; background: #d1dce7; bottom: 13px; left: -10%; position: absolute; } @media (max-width: 767px) { .history-box .zz-w1::before { bottom: 9px; } } .history-box .history_swpNav { overflow: hidden; padding: 0 4.35%; } .history-box .history_swpNav .swiper-wrapper { display: flex; align-items: flex-end; } .history-box .history_swpNav .swiper-slide { position: relative; text-align: center; padding-bottom: 40px; cursor: pointer; } .history-box .history_swpNav .swiper-slide::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 10px; width: 8px; height: 8px; border-radius: 1000px; background: #a8b3be; } @media (max-width: 767px) { .history-box .history_swpNav .swiper-slide::before { bottom: 6px; } } .history-box .history_swpNav .swiper-slide-active { font-size: 28px; color: #009b4c; } .history-box .history_swpNav .swiper-slide-active::before { background: #009b4c; } .history-box .swiper-button-next, .history-box .swiper-button-prev { background-size: 10px 17px; margin-top: 6px; } .history-box .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23009c30'%2F%3E%3C%2Fsvg%3E"); } .history-box .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23009c30'%2F%3E%3C%2Fsvg%3E"); } .history-box .swiper-button-next.swiper-button-disabled { opacity: 1; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b2b9c0'%2F%3E%3C%2Fsvg%3E"); } .history-box .swiper-button-prev.swiper-button-disabled { opacity: 1; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b2b9c0'%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 767px) { .history-box .history_swpNav .swiper-slide { width: auto; } .history-box { padding-top: 0.7rem; padding-bottom: 0.7rem; } .history-box .public-title3 { margin-bottom: 0.2rem; } .history-box .history_swpNav .swiper-slide-active { font-size: 0.44rem; } .history-box .history_swpNav .swiper-slide { padding-bottom: 0.6rem; } .history-box .history_swp .swiper-slide { flex-direction: column; padding-left: 0; } .history-box .history_swp .swiper-slide .zz-left { width: 100%; padding-bottom: 60%; margin-right: 0; } .history-box .swiper-button-next, .history-box .swiper-button-prev { margin-top: 0; } .history-box .swiper-button-prev { left: -0.1rem; } .history-box .swiper-button-next { left: unset; right: -0.1rem; } .history-box .history_swp { margin-top: 0.6rem; } .history-box .history_swp .zz-right .years { font-size: 12vw; top: 0; left: unset; right: 0; transform: unset; } } .yd-gaishu { padding: 1.3rem 0; } .yd-gaishu .container { display: flex; justify-content: space-between; } .yd-gaishu .zz-left { width: 51%; padding-right: 0.8rem; padding-top: 0.25rem; } @media (max-width: 991px) { .yd-gaishu .zz-left { width: 52%; } } .yd-gaishu .zz-left .c-cont { color: #666; margin-top: 0.2rem; line-height: 1.8; overflow-y: auto; /*定义滚动条的轨道颜色、内阴影及圆角*/ /*定义滑块颜色、内阴影及圆角*/ height: 5rem; } .yd-gaishu .zz-left .c-cont::-webkit-scrollbar { width: 1px; /*对垂直流动条有效*/ } .yd-gaishu .zz-left .c-cont::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #ddd; background-color: #ddd; border-radius: 3px; } .yd-gaishu .zz-left .c-cont::-webkit-scrollbar-thumb { border-radius: 7px; -webkit-box-shadow: inset 0 0 6px #009b4c; background-color: #009b4c; } .yd-gaishu .zz-right { position: relative; width: 46.875%; height: 0; padding-bottom: 31.25%; overflow: hidden; border-radius: 10px; } .yd-gaishu .zz-right > .img, .yd-gaishu .zz-right img { position: absolute; width: 100%; height: 100%; } .yd-gaishu .zz-right img { transition: all 0.4s; } .yd-gaishu .zz-right:hover img { transform: scale(1.05); } .yd-gaishu .zz-right img { object-fit: cover; } .yd-gaishu.yd-jianjie { position: relative; padding-bottom: 1.1rem; } .yd-gaishu.yd-jianjie .bgimg { position: absolute; left: 0; bottom: 0; z-index: -1; } .yd-gaishu.yd-jianjie .zz-left { height: auto; overflow-y: unset; } .yd-gaishu.yd-jianjie .zz-left .h2 { line-height: 1.27; font-weight: bold; } .yd-gaishu.yd-jianjie .zz-left .h2 span { color: #16a059; } .yd-gaishu.yd-jianjie .zz-left .c-cont { margin-top: 0.45rem; height: 3.4rem; } .yd-gaishu.yd-jianjie .zz-left .linkbox .c-tips { color: #000; font-weight: bold; margin-top: 0.85rem; margin-bottom: 0.25rem; } .yd-gaishu.yd-jianjie .zz-left .linkbox .c-ul { display: flex; flex-wrap: wrap; } .yd-gaishu.yd-jianjie .zz-left .linkbox .c-ul .c-li { width: 48%; margin-right: 4%; margin-bottom: 30px; } .yd-gaishu.yd-jianjie .zz-left .linkbox .c-ul .c-li:nth-of-type(2n+2) { margin-right: 0; } .yd-gaishu.yd-jianjie .zz-right { position: relative; width: 46.875%; height: 0; padding-bottom: 47.5%; border-radius: 0; cursor: pointer; } .yd-gaishu.yd-jianjie .zz-right > .img, .yd-gaishu.yd-jianjie .zz-right img { position: absolute; width: 100%; height: 100%; } .yd-gaishu.yd-jianjie .zz-right::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background: rgba(0, 0, 0, 0.2); } .yd-gaishu.yd-jianjie .zz-right .btnbox { width: 0.8rem; height: 0.8rem; min-width: 60px; min-height: 60px; border-radius: 1000px; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } @media (max-width: 767px) { .yd-gaishu.yd-jianjie .zz-right .btnbox { min-width: 1rem; min-height: 1rem; } } .yd-gaishu.yd-jianjie .zz-right .btnbox .syb { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; } .yd-gaishu.yd-jianjie .zz-right .btnbox .syb img { animation: proBox 8s infinite linear; -webkit-animation: proBox 8s infinite linear; } .yd-gaishu.yd-jianjie .zz-right .btnbox .vi { width: 0.2rem; height: auto; min-width: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (max-width: 1580px) { .yd-gaishu.yd-jianjie .zz-left { height: auto; } .yd-gaishu.yd-jianjie .zz-left .c-cont { height: 4.6rem; } } @media (max-width: 1260px) { .yd-gaishu.yd-jianjie .zz-left .c-cont { height: 3.55rem; } .yd-gaishu .zz-left .c-cont { height: 4.3rem; } } @media (max-width: 991px) { .yd-gaishu.yd-jianjie .zz-left .c-cont { height: 2.2rem; } .yd-gaishu .zz-left .c-cont { height: 3.05rem; } } @media (max-width: 767px) { .yd-gaishu { padding: 0.8rem 0 0.5rem; } .yd-gaishu .container { flex-direction: column; } .yd-gaishu .zz-right { order: 0; width: 100%; padding-bottom: 65%; } .yd-gaishu .zz-left { order: 1; width: 100%; padding-left: 0.3rem; padding-right: 0.3rem; padding-top: 0.4rem; } .yd-gaishu .zz-left .c-cont { height: 3.15rem; padding-right: 0.2rem; } .yd-gaishu.yd-jianjie .zz-right { width: 100%; padding-bottom: 70%; } .yd-gaishu.yd-jianjie .zz-left { padding-left: 0; padding-right: 0; padding-top: 0.4rem; } .yd-gaishu.yd-jianjie .zz-left .c-cont { margin-top: 0.2rem; } .yd-gaishu.yd-jianjie .zz-left .linkbox .c-tips { margin-top: 0.4rem; } .yd-gaishu.yd-jianjie { padding-bottom: 0.2rem; } } .yd-protect { background-size: cover; background-repeat: no-repeat; background-attachment: fixed; width: 100%; padding-bottom: 1.45rem; } .yd-protect .container { height: 200vh; position: relative; } .yd-protect .public-title3 { padding-top: 1.25rem; position: sticky; top: 0; } .yd-protect .public-title3 .h2, .yd-protect .public-title3 p { color: #fff; } .yd-protect .public-title3 .c-div { margin-top: 20px; } .yd-protect .zz-ul { display: flex; flex-wrap: wrap; position: sticky; top: 100%; } .yd-protect .zz-ul .zz-li { width: 31.25%; margin-right: 3.125%; background: #fff; border-radius: 10px; padding: 0.7rem 0.6rem 0.45rem; } .yd-protect .zz-ul .zz-li:nth-last-child(1) { margin-right: 0; } .yd-protect .zz-ul .zz-li .c-div1 { color: #005eb8; position: relative; padding-bottom: 0.35rem; margin-bottom: 0.32rem; font-weight: bold; } .yd-protect .zz-ul .zz-li .c-div1::before { position: absolute; content: ''; width: 35px; height: 4px; background: #005eb8; bottom: 0; } .yd-protect .zz-ul .zz-li .c-div2 { line-height: 1.7; color: #666; margin-bottom: 0.65rem; height: 1.7rem; overflow-y: auto; /*定义滚动条的轨道颜色、内阴影及圆角*/ /*定义滑块颜色、内阴影及圆角*/ } .yd-protect .zz-ul .zz-li .c-div2::-webkit-scrollbar { width: 1px; /*对垂直流动条有效*/ } .yd-protect .zz-ul .zz-li .c-div2::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #ddd; background-color: #ddd; border-radius: 3px; } .yd-protect .zz-ul .zz-li .c-div2::-webkit-scrollbar-thumb { border-radius: 7px; -webkit-box-shadow: inset 0 0 6px #005eb8; background-color: #005eb8; } .yd-protect .zz-ul .zz-li .c-div3 { color: #d8dee7; } @media (max-width: 1580px) { .yd-protect .zz-ul .zz-li .c-div2 { height: 2.3rem; } } @media (max-width: 1260px) { .yd-protect .zz-ul .zz-li .c-div2 { height: 2.1rem; } } @media (max-width: 991px) { .yd-protect .zz-ul .zz-li .c-div2 { height: 1.6rem; margin-bottom: 0.4rem; } } @media (max-width: 767px) { .yd-protect .public-title3 { padding-top: 0.7rem; position: unset; } .yd-protect .public-title3 .c-div { margin-top: 0.2rem; } .yd-protect .zz-ul { flex-direction: column; position: unset; margin-top: 0.35rem; } .yd-protect .zz-ul .zz-li { width: 100%; margin-right: 0; margin-bottom: 0.3rem; } .yd-protect .zz-ul .zz-li .c-div2 { height: 2.3rem; } .yd-protect .zz-ul .zz-li .c-div1::before { height: 2px; } .yd-protect .container { height: auto; } .yd-protect { padding-bottom: 0.5rem; } } .yd-staffLegal { padding: 1.3rem 0 1.4rem; background: #eff5fe; } .yd-staffLegal .zz-ul { display: flex; width: 100%; margin-top: 0.6rem; } .yd-staffLegal .zz-ul .zz-li { width: 33.33%; position: relative; padding-bottom: 31.25%; height: 0; object-fit: cover; background-position: center center; background-repeat: no-repeat; transition: all 0.3s; overflow: hidden; } .yd-staffLegal .zz-ul .zz-li:nth-of-type(1) { background-position: 100% center; } .yd-staffLegal .zz-ul .zz-li:nth-of-type(2) { background-position: 47.5% 77.2%; } .yd-staffLegal .zz-ul .zz-li:nth-of-type(3) { background-position: 62% 40%; } .yd-staffLegal .zz-ul .zz-li .zz-mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; z-index: 1; transition: all 0.8s; } .yd-staffLegal .zz-ul .zz-li .zz-mask2 { position: absolute; width: 100%; bottom: 0; opacity: 0; transition: all 0.8s; } .yd-staffLegal .zz-ul .zz-li .zz-div1 { width: 100%; height: 100%; display: inline-flex; align-items: flex-end; position: absolute; justify-content: flex-start; color: #fff; padding: 0 0.5rem 0.5rem; font-weight: bold; transition: all 0.3s; opacity: 1; z-index: 2; } .yd-staffLegal .zz-ul .zz-li .zz-div2 { transition: all 0.5s; position: absolute; z-index: 2; align-items: flex-start; padding: 0 0.65rem; width: 100%; height: 100%; top: 110%; } .yd-staffLegal .zz-ul .zz-li .zz-div2 .c-box { background: rgba(255, 255, 255, 0.94); border-radius: 5px; padding: 0.35rem 0.35rem 0.2rem; width: 48%; display: flex; flex-direction: column; align-items: flex-start; position: absolute; top: 50%; transform: translateY(-50%); } .yd-staffLegal .zz-ul .zz-li .zz-div2 .c-box .c-div1 { color: #005eb8; font-weight: bold; } .yd-staffLegal .zz-ul .zz-li .zz-div2 .c-box .c-div2 { color: #666; margin: 0.15rem 0 0.55rem; line-height: 1.66; } .yd-staffLegal .zz-ul .zz-li .zz-div2 .c-box .c-div2 .scroll { max-height: 120px; overflow-y: auto; /*定义滚动条的轨道颜色、内阴影及圆角*/ /*定义滑块颜色、内阴影及圆角*/ } .yd-staffLegal .zz-ul .zz-li .zz-div2 .c-box .c-div2 .scroll::-webkit-scrollbar { width: 1px; /*对垂直流动条有效*/ } .yd-staffLegal .zz-ul .zz-li .zz-div2 .c-box .c-div2 .scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #ddd; background-color: #ddd; border-radius: 3px; } .yd-staffLegal .zz-ul .zz-li .zz-div2 .c-box .c-div2 .scroll::-webkit-scrollbar-thumb { border-radius: 7px; -webkit-box-shadow: inset 0 0 6px #005eb8; background-color: #005eb8; } @media (max-width: 1580px) { .yd-staffLegal .zz-ul .zz-li .zz-div2 .c-box .c-div2 .scroll { max-height: 180px; } } @media (max-width: 1260px) { .yd-staffLegal .zz-ul .zz-li .zz-div2 .c-box .c-div2 .scroll { max-height: 235px; } } .yd-staffLegal .zz-ul .zz-li .zz-div2 .c-box .c-div3 { color: #005eb8; } .yd-staffLegal .zz-ul .zz-li:hover { width: 50%; } .yd-staffLegal .zz-ul .zz-li:hover .zz-mask { opacity: 0; } .yd-staffLegal .zz-ul .zz-li:hover .zz-mask2 { opacity: 1; } .yd-staffLegal .zz-ul .zz-li:hover .zz-div1 { opacity: 0; } .yd-staffLegal .zz-ul .zz-li:hover .zz-div2 { top: 0; } @media (max-width: 1260px) { .yd-staffLegal .zz-ul .zz-li { padding-bottom: 44%; } .yd-staffLegal .zz-ul .zz-li .zz-div2 .c-box { width: 57%; } } @media (max-width: 991px) { .yd-staffLegal .zz-ul .zz-li { padding-bottom: 55%; } .yd-staffLegal .zz-ul .zz-li .zz-div2 .c-box { width: 72%; } } @media (max-width: 767px) { .yd-staffLegal { padding: 0.7rem 0 0.5rem; } .yd-staffLegal .zz-ul { flex-direction: column; margin-top: 0.4rem; } .yd-staffLegal .zz-ul .zz-li { width: 100%; padding-bottom: 80%; margin-bottom: 0.3rem; } .yd-staffLegal .zz-ul .zz-li:hover { width: 100%; } .yd-staffLegal .zz-ul .zz-li .zz-div2 { padding: 0 0.5rem; } .yd-staffLegal .zz-ul .zz-li .zz-div2 .c-box { width: calc(100% - 1rem); } .yd-staffLegal .zz-ul .zz-li { border-radius: 5px; background-image: unset !important; } .yd-staffLegal .zz-ul .zz-li .zz-div2 .c-box, .yd-staffLegal .zz-ul .zz-li .zz-div2, .yd-staffLegal .zz-ul .zz-li .zz-div1 { position: unset; top: unset; transform: unset; } .yd-staffLegal .zz-ul .zz-li .zz-div2 .c-box:hover, .yd-staffLegal .zz-ul .zz-li .zz-div2:hover, .yd-staffLegal .zz-ul .zz-li .zz-div1:hover { position: unset; top: unset; transform: unset; } .yd-staffLegal .zz-ul .zz-li:hover, .yd-staffLegal .zz-ul .zz-li { height: auto; padding-bottom: unset; } .yd-staffLegal .zz-ul .zz-li .zz-mask, .yd-staffLegal .zz-ul .zz-li .zz-mask2, .yd-staffLegal .zz-ul .zz-li .zz-div1 { display: none; } .yd-staffLegal .zz-ul .zz-li .zz-div2 { padding: 0; } .yd-staffLegal .zz-ul .zz-li .zz-div2 .c-box { width: 100%; } .yd-staffLegal .zz-ul .zz-li .zz-div2 .c-box .c-div2 .scroll { height: 1.8rem; } .yd-staffLegal .zz-ul .zz-li .zz-div2 .c-box .c-div2 { margin-bottom: 0.25rem; } } .yd-hjaq { padding: 1.3rem 0 0.8rem; position: relative; } .yd-hjaq .bgimg1 { position: absolute; width: 46.87%; height: auto; z-index: -1; top: -2px; left: 0; } .yd-hjaq .container { display: flex; justify-content: space-between; } .yd-hjaq .zz-left { width: 42.5%; overflow: hidden; border-radius: 10px; } .yd-hjaq .zz-left img { transition: all 0.4s; } .yd-hjaq .zz-left:hover img { transform: scale(1.05); } .yd-hjaq .zz-left img { object-fit: cover; height: 100%; width: 100%; } .yd-hjaq .zz-right { width: 50%; } .yd-hjaq .zz-right .public-title3 { padding-left: 10px; } .yd-hjaq .zz-right .public-title3 .c-div { color: #666; line-height: 1.8; margin-top: 20px; } .yd-hjaq .zz-right .c-box { margin-top: 0.4rem; border-bottom: 1px solid #d1dce7; } .yd-hjaq .zz-right .c-box .c-cont { border-top: 1px solid #d1dce7; position: relative; } .yd-hjaq .zz-right .c-box .c-cont::before { content: ''; position: absolute; width: 0; height: 1px; background: #009b4c; transition: all 0.5s; top: -1px; } .yd-hjaq .zz-right .c-box .c-cont:hover::before { width: 100%; } .yd-hjaq .zz-right .c-box .c-cont:hover .c-title { color: #009b4c; } .yd-hjaq .zz-right .c-box .c-title { display: flex; align-items: center; margin-top: 0.4rem; margin-bottom: 15px; color: #000; transition: all 0.3s; } .yd-hjaq .zz-right .c-box .c-title p { margin-right: 0.6rem; } .yd-hjaq .zz-right .c-box .c-text { color: #666; padding-left: 0.8rem; padding-right: 0.3rem; padding-bottom: 0.4rem; } @media (max-width: 1580px) { .yd-hjaq .zz-right .c-box .c-text { padding-left: 0.9rem; font-size: 16px; } } @media (max-width: 767px) { .yd-hjaq { padding: 0.8rem 0 0.7rem; } .yd-hjaq .container { flex-direction: column; } .yd-hjaq .zz-left, .yd-hjaq .zz-right { width: 100%; } .yd-hjaq .zz-right .public-title3 { padding-left: 0; margin-top: 0.4rem; } .yd-hjaq .zz-right .public-title3 .c-div { margin-top: 0.1rem; } .yd-hjaq .zz-right .c-box .c-title p { margin-right: 0.2rem; } .yd-hjaq .zz-right .c-box .c-text { padding-left: 0.5rem; font-size: 0.28rem; } } .yd-shgy { position: relative; } .yd-shgy .bgimg2 { position: absolute; width: 40%; height: auto; z-index: -1; top: -15%; right: 0; } .yd-shbg { padding-top: 1.35rem; padding-bottom: 1.1rem; position: relative; } .yd-shbg .c-ul { display: flex; flex-wrap: wrap; margin-top: 0.35rem; } .yd-shbg .c-ul .c-li { width: 18.43%; margin-right: 1.96%; margin-bottom: 0.3rem; transition: all 0.3s; background: #f6f9fd; border-radius: 10px; padding: 30px; } .yd-shbg .c-ul .c-li:hover { box-shadow: 0px 5px 40px 0px rgba(90, 91, 95, 0.2); background: #fff; } .yd-shbg .c-ul .c-li:nth-of-type(5n+5) { margin-right: 0; } .yd-shbg .c-ul .c-li .c-div1 img { width: 40px; height: 22px; } .yd-shbg .c-ul .c-li .c-div2 { margin-bottom: 0.4rem; } .yd-shbg .c-ul .c-li .c-div2 .h3 { margin: 10px 0 8px; font-weight: bold; } .yd-shbg .c-ul .c-li .c-div2 p { color: #c5cad1; font-weight: bold; } .yd-shbg .c-ul .c-li .c-div3 { display: flex; } .yd-shbg .c-ul .c-li .c-div3 .c-a { display: flex; align-items: center; width: 50%; } .yd-shbg .c-ul .c-li .c-div3 .c-a:hover svg path, .yd-shbg .c-ul .c-li .c-div3 .c-a:hover span { fill: #009c30; color: #009c30; } .yd-shbg .c-ul .c-li .c-div3 .c-a:nth-of-type(2) { justify-content: flex-end; padding-right: 0.2rem; position: relative; } .yd-shbg .c-ul .c-li .c-div3 .c-a:nth-of-type(2)::before { content: ''; position: absolute; width: 1px; height: 56%; background: #dce1e8; left: -0.1rem; top: 50%; transform: translateY(-50%); } .yd-shbg .c-ul .c-li .c-div3 svg path { fill: #c7ced6; transition: all 0.3s; } .yd-shbg .c-ul .c-li .c-div3 span { margin-left: 10px; transition: all 0.3s; color: #666; } .yd-shbg .canvas-box { position: absolute; width: 100%; z-index: -1; bottom: 0; height: 2.7rem; } @media (max-width: 1260px) { .yd-shbg .c-ul .c-li { width: 23.53%; } .yd-shbg .c-ul .c-li:nth-of-type(4n+4) { margin-right: 0; } .yd-shbg .c-ul .c-li:nth-of-type(5n+5) { margin-right: 1.96%; } } @media (max-width: 991px) { .yd-shbg .c-ul .c-li { width: 31.33%; margin-right: 3%; } .yd-shbg .c-ul .c-li:nth-of-type(3n+3) { margin-right: 0; } .yd-shbg .c-ul .c-li:nth-of-type(4n+4) { margin-right: 3%; } .yd-shbg .c-ul .c-li:nth-of-type(5n+5) { margin-right: 3%; } } @media (max-width: 767px) { .yd-shbg { padding: 0.7rem 0 0.5rem; } .yd-shbg .c-ul .c-li { padding: 0.4rem; width: 100%; margin-right: 0; } .yd-shbg .c-ul .c-li .c-div3 .c-a { width: auto; } .yd-shbg .c-ul .c-li .c-div3 .c-a:nth-of-type(2) { margin-left: 0.4rem; padding-left: 0.3rem; } } .yd-qywh { position: relative; } .yd-qywh .public-title3 { position: absolute; left: 50%; transform: translateX(-50%); top: 1.2rem; z-index: 1; } .yd-qywh .public-title3 .h2 { color: #fff; } .yd-qywh ul { width: 100%; display: flex; position: relative; background-size: cover; background-repeat: no-repeat; } .yd-qywh ul .bgimg { position: absolute; object-fit: cover; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; } .yd-qywh ul::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); } .yd-qywh ul li { width: 16.66%; height: 0; padding-bottom: 44.79%; position: relative; overflow: hidden; } .yd-qywh ul li::before { content: ''; position: absolute; height: 100%; width: 1px; background: rgba(255, 255, 255, 0.1); top: 0; right: 0; } .yd-qywh ul li .zz-mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #16a059; opacity: 0; transition: all 0.3s; } .yd-qywh ul li .li_bgimg { display: none; } .yd-qywh ul li .zz-div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; } .yd-qywh ul li .zz-div .img, .yd-qywh ul li .zz-div svg { height: 0.55rem; min-height: 30px; } .yd-qywh ul li .zz-div .h3, .yd-qywh ul li .zz-div p { color: #fff; text-align: center; } .yd-qywh ul li .zz-div .h3 { font-weight: bold; margin-top: 0.4rem; } .yd-qywh ul li .zz-div p { line-height: 1.8; position: absolute; bottom: 0; padding-left: 0.25rem; padding-right: 0.25rem; opacity: 0; transition: all 0.3s; } .yd-qywh ul li:hover .zz-mask { opacity: 1; } .yd-qywh ul li:hover p { bottom: 10%; opacity: 1; } @media (max-width: 991px) { .yd-qywh ul li .zz-div .h3 { font-size: 18px; } .yd-qywh ul li .zz-div p { font-size: 14px; } } @media (max-width: 767px) { .yd-qywh ul .bgimg { position: unset; } .yd-qywh ul { flex-wrap: wrap; padding: 0 0.4rem; } .yd-qywh ul li { height: auto; padding-bottom: 0; width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 0.3rem; overflow: hidden; position: relative; } .yd-qywh ul li .zz-div { position: unset; top: unset; left: unset; transform: unset; } .yd-qywh ul li .zz-mask { display: none; } .yd-qywh ul li .zz-div p { opacity: 1; position: unset; } .yd-qywh ul::before { content: unset; } .yd-qywh ul li .zz-div .h3, .yd-qywh ul li .zz-div p { color: #fff; } .yd-qywh ul li .zz-div svg path { fill: #fff; } .yd-qywh ul li .zz-div { align-items: flex-start; padding: 0.4rem; border: 1px solid #eee; border-radius: 10px; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: unset; } .yd-qywh ul li .zz-div p { padding-left: 0; padding-right: 0; text-align: left; line-height: 1.5; } .yd-qywh ul li .zz-div .h3 { margin-top: 0.2rem; margin-bottom: 0.15rem; font-size: 0.32rem; color: #fff; } .yd-qywh ul li .zz-div .img, .yd-qywh ul li .zz-div svg { width: 0.5rem; height: 0.5rem; } .yd-qywh ul .bgimg { width: 90%; margin-left: 5%; margin-bottom: 0.3rem; border-radius: 10px; display: none; } .yd-qywh { padding-bottom: 0.5rem; } .yd-qywh .public-title3 { position: unset; left: unset; transform: unset; top: unset; } .yd-qywh .public-title3 .h2 { color: #000; padding: 0 0.4rem; margin-bottom: 0.3rem; } .yd-qywh ul li .li_bgimg { display: block; position: absolute; z-index: -1; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; border-radius: 10px; } .yd-qywh .g_ulImg { display: none; } } .yd-qydz { display: flex; } .yd-qydz .zz-left { width: 50%; } .yd-qydz .zz-left .c-div { position: relative; width: 100%; height: 0; padding-bottom: 90.1%; overflow: hidden; } .yd-qydz .zz-left .c-div > .img, .yd-qydz .zz-left .c-div img { position: absolute; width: 100%; height: 100%; } .yd-qydz .zz-left .c-div img { transition: all 0.4s; } .yd-qydz .zz-left .c-div:hover img { transform: scale(1.05); } .yd-qydz .zz-left .c-div img { object-fit: cover; } .yd-qydz .zz-right { width: 50%; position: relative; padding: 1.85rem 1.6rem 0 1.3rem; overflow: hidden; } .yd-qydz .zz-right .bgimg { position: absolute; bottom: -8px; right: 0; z-index: -1; opacity: 0.7; } .yd-qydz .zz-right .c-title { font-weight: bold; color: #000; } .yd-qydz .zz-right .c-text { color: #000; margin-top: 0.3rem; line-height: 1.8; } .yd-qydz .zz-right .c-text span { color: #005eb8; font-weight: bold; } .yd-qydz .zz-right ul { display: flex; flex-wrap: wrap; padding-right: 0.35rem; } .yd-qydz .zz-right ul li { width: 39.09%; margin-right: 21.82%; display: flex; justify-content: space-between; border-bottom: 1px solid #eaeaeb; padding-top: 0.4rem; padding-bottom: 0.35rem; font-weight: bold; } .yd-qydz .zz-right ul li:nth-of-type(2n+2) { margin-right: 0; } .yd-qydz .zz-right ul li div:nth-of-type(2) { color: #005eb8; } @media (max-width: 991px) { .yd-qydz .zz-right { padding: 0.8rem; } .yd-qydz .zz-right .bgimg { bottom: -72px; right: -35px; } } @media (max-width: 767px) { .yd-qydz { flex-direction: column; } .yd-qydz .zz-left, .yd-qydz .zz-right { width: 100%; } .yd-qydz .zz-right { padding: 0.4rem; } .yd-qydz .zz-right ul li div { font-size: 0.26rem; } .yd-qydz .zz-right .bgimg { bottom: -84px; } .yd-qydz .zz-right .c-text { margin-top: 0.2rem; } } .yd-xswl { padding-top: 1.15rem; padding-bottom: 0.45rem; } .yd-xswl .container { display: flex; flex-direction: column; justify-content: center; align-items: center; } .yd-xswl .c-box { position: relative; width: 82.81%; padding-bottom: 37.5%; margin-top: -22px; } .yd-xswl .c-box .imgbox { position: absolute; width: 100%; height: 100%; z-index: -1; } .yd-xswl .c-box .imgbox .bgimg { width: 100%; height: 100%; object-fit: cover; } .yd-xswl .c-box .c-li { position: absolute; } .yd-xswl .c-box .c-li .c-textbox { position: absolute; width: 1.3rem; height: 1.3rem; border-radius: 1000px; background: #fff; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; } .yd-xswl .c-box .c-li .c-textbox .c-div1 { line-height: 1; font-weight: bold; } .yd-xswl .c-box .c-li .c-textbox .c-div1 span { font-weight: 400; } .yd-xswl .c-box .c-li .mask { width: 1.6rem; height: 1.6rem; border-radius: 1000px; background: #e2eaf7; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; box-shadow: 0 11px 23px 0px rgba(0, 94, 184, 0.18); } .yd-xswl .c-box .c-li.c-li1 { top: 45%; left: 22.5%; } .yd-xswl .c-box .c-li.c-li1 .mask::before { content: ''; transform-origin: 0.8rem 0.8rem; transform: rotate(90deg); position: absolute; top: 0; left: 0; width: 1.6rem; height: 0.8rem; background-image: linear-gradient(to right, #03a3f6, #0fbcda, #28ef9f); border-radius: 0.8rem 0.8rem 0 0; } @media (max-width: 767px) { .yd-xswl .c-box .c-li.c-li1 .mask::before { width: 1.3rem; height: 0.65rem; transform-origin: 0.65rem 0.65rem; border-radius: 0.65rem 0.65rem 0 0; } } @keyframes numRate { 0% { transform: rotate(90deg); } 100% { transform: rotate(216deg); } } .yd-xswl .c-box .c-li.c-li1 .mask::after { content: ''; transform-origin: 0.81rem 0.81rem; transform: rotate(216deg); position: absolute; top: 0; left: 0; width: 1.6rem; height: 0.8rem; background-color: #e2eaf7; border-radius: 0.8rem 0.8rem 0 0; } @media (max-width: 767px) { .yd-xswl .c-box .c-li.c-li1 .mask::after { width: 1.3rem; height: 0.65rem; transform-origin: 0.66rem 0.66rem; border-radius: 0.65rem 0.65rem 0 0; } } .yd-xswl .c-box .c-li.c-li2 { top: 35%; left: 43.5%; } .yd-xswl .c-box .c-li.c-li2 .mask::before { content: ''; transform-origin: 0.8rem 0.8rem; transform: rotate(90deg); position: absolute; top: 0; left: 0; width: 1.6rem; height: 0.8rem; background-image: linear-gradient(to right, #03a3f6, #0fbcda, #28ef9f); border-radius: 0.8rem 0.8rem 0 0; } @media (max-width: 767px) { .yd-xswl .c-box .c-li.c-li2 .mask::before { width: 1.3rem; height: 0.65rem; transform-origin: 0.65rem 0.65rem; border-radius: 0.65rem 0.65rem 0 0; } } .yd-xswl .c-box .c-li.c-li2 .mask::after { content: ''; transform-origin: 0.81rem 0.81rem; transform: rotate(216deg); position: absolute; top: 0; left: 0; width: 1.6rem; height: 0.8rem; background-color: #e2eaf7; border-radius: 0.8rem 0.8rem 0 0; } @media (max-width: 767px) { .yd-xswl .c-box .c-li.c-li2 .mask::after { width: 1.3rem; height: 0.65rem; transform-origin: 0.66rem 0.66rem; border-radius: 0.65rem 0.65rem 0 0; } } .yd-xswl .c-box .c-li.c-li3 { top: 33%; left: 64%; } .yd-xswl .c-box .c-li.c-li3 .mask::before { content: ''; transform-origin: 0.8rem 0.8rem; transform: rotate(90deg); position: absolute; top: 0; left: 0; width: 1.6rem; height: 0.8rem; background-image: linear-gradient(to right, #03a3f6, #0fbcda, #28ef9f); border-radius: 0.8rem 0.8rem 0 0; } @media (max-width: 767px) { .yd-xswl .c-box .c-li.c-li3 .mask::before { width: 1.3rem; height: 0.65rem; transform-origin: 0.65rem 0.65rem; border-radius: 0.65rem 0.65rem 0 0; } } @keyframes numRate2 { 0% { transform: rotate(90deg); } 100% { transform: rotate(126deg); } } .yd-xswl .c-box .c-li.c-li3 .mask::after { content: ''; transform-origin: 0.81rem 0.81rem; transform: rotate(126deg); position: absolute; top: 0; left: 0; width: 1.6rem; height: 0.8rem; background-color: #e2eaf7; border-radius: 0.8rem 0.8rem 0 0; } @media (max-width: 767px) { .yd-xswl .c-box .c-li.c-li3 .mask::after { width: 1.3rem; height: 0.65rem; transform-origin: 0.66rem 0.66rem; border-radius: 0.65rem 0.65rem 0 0; } } .yd-xswl .c-box .c-li.c-li4 { top: 51%; left: 77.5%; } .yd-xswl .c-box .c-li.c-li4 .mask::before { content: ''; transform-origin: 0.8rem 0.8rem; transform: rotate(90deg); position: absolute; top: 0; left: 0; width: 1.6rem; height: 0.8rem; background-image: linear-gradient(to right, #03a3f6, #0fbcda, #28ef9f); border-radius: 0.8rem 0.8rem 0 0; } @media (max-width: 767px) { .yd-xswl .c-box .c-li.c-li4 .mask::before { width: 1.3rem; height: 0.65rem; transform-origin: 0.65rem 0.65rem; border-radius: 0.65rem 0.65rem 0 0; } } @keyframes numRate3 { 0% { transform: rotate(90deg); } 100% { transform: rotate(162deg); } } .yd-xswl .c-box .c-li.c-li4 .mask::after { content: ''; transform-origin: 0.81rem 0.81rem; transform: rotate(162deg); position: absolute; top: 0; left: 0; width: 1.6rem; height: 0.8rem; background-color: #e2eaf7; border-radius: 0.8rem 0.8rem 0 0; } @media (max-width: 767px) { .yd-xswl .c-box .c-li.c-li4 .mask::after { width: 1.3rem; height: 0.65rem; transform-origin: 0.66rem 0.66rem; border-radius: 0.65rem 0.65rem 0 0; } } @media (max-width: 767px) { .yd-xswl { padding: 0.4rem 0 1.2rem; } .yd-xswl .c-box { width: 100%; padding-bottom: 55%; margin-top: 0.4rem; } .yd-xswl .c-box .c-li .c-textbox .c-div1 { font-size: 0.32rem; } .yd-xswl .c-box .c-li .c-textbox .c-div2 { font-size: 0.24rem; } .yd-xswl .c-box .c-li .c-textbox { width: 1.1rem; height: 1.1rem; } .yd-xswl .c-box .c-li .mask { width: 1.3rem; height: 1.3rem; box-shadow: 0 2px 10px 1px #dae8f5; } .yd-xswl .c-box .c-li.c-li3 { left: 63%; } .yd-xswl .c-box .c-li.c-li4 { left: 81.5%; } } .yd-jobbn { width: 100%; background-size: cover; background-repeat: no-repeat; } .yd-jobbn .container { position: relative; } .yd-jobbn .zz-left { color: #fff; width: 42%; padding-top: 1.35rem; padding-bottom: 1.35rem; } .yd-jobbn .zz-left .h2 { font-weight: bold; margin-bottom: 0.2rem; } .yd-jobbn .zz-left .c-text { line-height: 1.8; } .yd-jobbn .zz-left a { color: #fff; transition: all 0.3s; margin-top: 0.45rem; display: inline-flex; } .yd-jobbn .zz-left a:hover { color: #009c30; } .yd-jobbn .zz-right { background: #009c30; color: #fff; font-weight: bold; padding: 0.55rem 0.35rem; width: 24%; right: 0; position: absolute; top: -0.9rem; } .yd-jobbn .yd-jobbn-tips { display: none; } @media (max-width: 1580px) { .yd-jobbn .zz-right { width: 21%; } } @media (max-width: 1260px) { .yd-jobbn .zz-left { width: 56%; } .yd-jobbn .zz-right { width: 26%; } } @media (max-width: 991px) { .yd-jobbn .zz-right { width: 33%; } } @media (max-width: 767px) { .yd-jobbn .zz-left, .yd-jobbn .zz-right { width: 100%; } .yd-jobbn .zz-left { padding: 0.5rem 0 0.4rem; } .yd-jobbn .zz-right { position: unset; top: unset; } .yd-jobbn .zz-left a { margin-top: 0.3rem; } .yd-jobbn { padding-bottom: 0.5rem; } .yd-jobbn-tips { background: #03902f; color: #fff; padding: 0.3rem 0.4rem; line-height: 1.57; } .yd-jobbn .zz-right { display: none; } } .yd-znhgc { padding: 0.85rem 0 0.4rem; } .yd-znhgc .public-title3 .c-div { margin-top: 20px; } .yd-znhgc .c-ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.5rem; } .yd-znhgc .c-ul .c-li { width: 47.05%; height: 0; padding-bottom: 35.28%; border-radius: 10px; position: relative; overflow: hidden; margin-bottom: 0.3rem; } .yd-znhgc .c-ul .c-li > .img, .yd-znhgc .c-ul .c-li img { position: absolute; width: 100%; height: 100%; } .yd-znhgc .c-ul .c-li .bgimg { transition: all 0.3s; object-fit: cover; } .yd-znhgc .c-ul .c-li:hover .bgimg { transform: scale(1.05); } .yd-znhgc .c-ul .c-li:hover::before { opacity: 0; } .yd-znhgc .c-ul .c-li::before { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.24); position: absolute; top: 0; left: 0; z-index: 1; transition: all 0.3s; } .yd-znhgc .c-ul .c-li .ft-box:hover .c-box1 { display: none; } .yd-znhgc .c-ul .c-li .ft-box:hover .c-box2 { display: flex; animation: hideShow 0.5s; } .yd-znhgc .c-ul .c-li .c-box { display: flex; align-items: flex-start; justify-content: flex-end; flex-direction: column; padding: 0.3rem 0.35rem; min-height: 2rem; background: #fff; position: absolute; border-radius: 10px; bottom: 12%; left: 6.25%; z-index: 2; min-width: 36.25%; max-width: 87%; } .yd-znhgc .c-ul .c-li .c-box.c-box2 { display: none; } .yd-znhgc .c-ul .c-li .c-box .btnimg { position: absolute; top: 25px; right: 25px; width: auto; height: auto; width: 0.45rem; height: 0.45rem; min-width: 25px; min-height: 25px; transition: unset; } .yd-znhgc .c-ul .c-li .c-box .h3 { font-weight: bold; } .yd-znhgc .c-ul .c-li .c-box .c-div1 { margin-top: 4px; color: #666; } .yd-znhgc .c-ul .c-li .c-box .c-div2 { display: flex; width: 100%; margin-top: 15px; } .yd-znhgc .c-ul .c-li .c-box .c-div2 .c-infoli { flex: 1; } .yd-znhgc .c-ul .c-li .c-box .c-div2 .c-infoli .c-cont1 { color: #009b4c; font-weight: bold; line-height: 1.2; } .yd-znhgc .c-ul .c-li .c-box .c-div2 .c-infoli .c-cont1 span { font-weight: 400; } .yd-znhgc .c-ul .c-li .c-box .c-infoli { flex-direction: column; } .yd-znhgc .c-ul .c-li:nth-of-type(2n+2) .c-box { left: unset; right: 6.25%; } @media (max-width: 1260px) { .yd-znhgc .c-ul .c-li .c-box { min-width: 40.25%; } .yd-znhgc .c-ul .c-li { width: 47.5%; } } @media (max-width: 991px) { .yd-znhgc .c-ul .c-li .c-box .c-div2 .c-infoli .c-cont1 { font-size: 20px; } .yd-znhgc .c-ul .c-li .c-box { min-width: 50.25%; } } @media (max-width: 767px) { .yd-znhgc .public-title3 .c-div { margin-top: 0.2rem; } .yd-znhgc { padding: 0.7rem 0 0.5rem; } .yd-znhgc .c-ul { margin-top: 0.4rem; flex-direction: column; } .yd-znhgc .c-ul .c-li { width: 100%; padding-bottom: 0; height: auto; } .yd-znhgc .c-ul .c-li .c-box .c-div2 .c-infoli .c-cont1 { font-size: 0.36rem; } .yd-znhgc .c-ul .c-li .c-box.c-box1 { display: none; } .yd-znhgc .c-ul .c-li .c-box.c-box2 { display: block; position: unset; top: unset; left: unset; max-width: 100%; padding: 0.4rem 0rem 0.5rem; } .yd-znhgc .c-ul .c-li > .img, .yd-znhgc .c-ul .c-li img { position: unset; } .yd-znhgc .c-ul .c-li::before { content: unset; } } @keyframes proBox { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .yd-gylc { position: relative; width: 100%; height: 0; padding-bottom: 41.66%; overflow: hidden; cursor: pointer; } .yd-gylc .bgimg { transition: all 0.4s; object-fit: cover; width: 100%; height: 100%; position: absolute; } .yd-gylc:hover .bgimg { transform: scale(1.05); } .yd-gylc::before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1; } .yd-gylc .container { position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); z-index: 2; } .yd-gylc .container .h2, .yd-gylc .container .c-div { color: #fff; } .yd-gylc .container .c-div { margin-top: 20px; } .yd-gylc .container .btnbox { margin: 0 auto; margin-top: 0.6rem; width: 0.8rem; height: 0.8rem; min-width: 60px; min-height: 60px; border-radius: 1000px; display: flex; align-items: center; justify-content: center; position: relative; } .yd-gylc .container .btnbox .syb { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; } .yd-gylc .container .btnbox .syb img { animation: proBox 8s infinite linear; -webkit-animation: proBox 8s infinite linear; } .yd-gylc .container .btnbox .vi { width: 0.2rem; min-width: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media (max-width: 767px) { .yd-gylc { padding-bottom: 70%; } .yd-gylc .container .btnbox { min-width: 1rem; min-height: 1rem; } .yd-gylc .container .c-div { margin-top: 0.2rem; } .yd-gylc .container { top: 50%; } } .yd-scsb { padding: 0.95rem 0 1.4rem; } .yd-scsb .c-ul { display: flex; flex-wrap: wrap; margin-top: 0.8rem; } .yd-scsb .c-ul .c-li { width: 46.25%; border-radius: 10px; position: relative; overflow: hidden; margin-right: 7.5%; transition: all 0.3s; } .yd-scsb .c-ul .c-li::before { content: ''; background-image: url('../images/yd-158.png'); background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; z-index: 1; transition: all 0.3s; } .yd-scsb .c-ul .c-li:nth-of-type(2n+1) { margin-bottom: 1.2rem; } .yd-scsb .c-ul .c-li:nth-of-type(2n+2) { margin-right: 0; margin-top: 1.2rem; } .yd-scsb .c-ul .c-li .imgbox { position: relative; width: 100%; height: 0; padding-bottom: 60.81%; } .yd-scsb .c-ul .c-li .imgbox > .img, .yd-scsb .c-ul .c-li .imgbox img { position: absolute; width: 100%; height: 100%; } .yd-scsb .c-ul .c-li .imgbox img { object-fit: cover; } .yd-scsb .c-ul .c-li .mask { height: 100%; width: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.3s; z-index: 1; } .yd-scsb .c-ul .c-li .c-box { border-radius: 15px; background: transparent; position: absolute; top: 61.5%; left: 8.78%; width: 42.56%; padding: 0.4rem 0.4rem; transition: all 0.3s; z-index: 2; } .yd-scsb .c-ul .c-li .c-box .h3 { font-weight: bold; color: #fff; } .yd-scsb .c-ul .c-li .c-box .c-num1 { color: #fff; margin-bottom: 10px; } .yd-scsb .c-ul .c-li .c-box .c-num2 { height: 0; opacity: 0; color: #005eb8; text-align: right; margin-top: 10px; } .yd-scsb .c-ul .c-li .c-box .c-text { height: 0; opacity: 0; line-height: 1.62; position: relative; margin-top: 17px; padding-top: 25px; overflow-y: auto; /*定义滚动条的轨道颜色、内阴影及圆角*/ /*定义滑块颜色、内阴影及圆角*/ } .yd-scsb .c-ul .c-li .c-box .c-text::-webkit-scrollbar { width: 1px; /*对垂直流动条有效*/ } .yd-scsb .c-ul .c-li .c-box .c-text::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #ddd; background-color: #ddd; border-radius: 3px; } .yd-scsb .c-ul .c-li .c-box .c-text::-webkit-scrollbar-thumb { border-radius: 7px; -webkit-box-shadow: inset 0 0 6px #005eb8; background-color: #005eb8; } .yd-scsb .c-ul .c-li .c-box .c-text::before { content: ''; position: absolute; top: 0; left: 0; height: 4px; width: 22px; background: #005eb8; } .yd-scsb .c-ul .c-li:hover { box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3); } .yd-scsb .c-ul .c-li:hover::before { opacity: 0; } .yd-scsb .c-ul .c-li:hover .mask { opacity: 1; } .yd-scsb .c-ul .c-li:hover .c-box { background: #fff; top: 22.22%; z-index: 2; } .yd-scsb .c-ul .c-li:hover .c-box .c-num1 { display: none; } .yd-scsb .c-ul .c-li:hover .c-box .h3 { color: #000; } .yd-scsb .c-ul .c-li:hover .c-box .c-text, .yd-scsb .c-ul .c-li:hover .c-box .c-num2 { height: auto; opacity: 1; } .yd-scsb .c-ul .c-li:hover .c-box .c-text { height: 125px; } .yd-scsb .btnbox { width: 100%; display: flex; justify-content: center; margin-top: 0.9rem; } .yd-scsb .btnbox button { color: #16a059; border-bottom: 1px solid #16a059; padding-bottom: 5px; } @media (max-width: 1260px) { .yd-scsb .c-ul .c-li { width: 47.5%; margin-right: 5%; } .yd-scsb .c-ul .c-li:nth-of-type(2n+2) { margin-right: 0; } .yd-scsb .c-ul .c-li:hover .c-box { top: 15%; } .yd-scsb .c-ul .c-li .c-box { width: 45%; } } @media (max-width: 991px) { .yd-scsb .c-ul .c-li .imgbox { padding-bottom: 70%; } .yd-scsb .c-ul .c-li:hover .c-box { top: 17%; } .yd-scsb .c-ul .c-li:hover .c-box .c-text { height: 90px; } .yd-scsb .c-ul .c-li .c-box { width: 60%; } } @media (max-width: 767px) { .yd-scsb { padding: 0.7rem 0 0.8rem; } .yd-scsb .c-ul .c-li { width: 100%; margin-right: 0; margin-bottom: 0.3rem; } .yd-scsb .c-ul .c-li:nth-of-type(2n+1) { margin-bottom: 0.3rem; } .yd-scsb .c-ul .c-li:nth-of-type(2n+2) { margin-top: 0; } .yd-scsb .c-ul .c-li .c-box { width: 82.44%; top: unset; transform: unset; width: 100%; position: unset; padding-left: 0; padding-right: 0; } .yd-scsb .c-ul .c-li:hover .c-box { top: 50%; transform: translateY(-50%); top: unset; transform: unset; } .yd-scsb .c-ul .c-li .c-box .c-text::before { height: 2px; } .yd-scsb .c-ul .c-li .c-box .c-text { margin-top: 0.3rem; padding-top: 0.3rem; } .yd-scsb .c-ul { margin-top: 0.4rem; } .yd-scsb .btnbox { margin-top: 0.3rem; } .yd-scsb .c-ul .c-li .mask, .yd-scsb .c-ul .c-li .c-box .c-num1 { display: none; } .yd-scsb .c-ul .c-li::before { content: unset; } .yd-scsb .c-ul .c-li .c-box .c-text, .yd-scsb .c-ul .c-li .c-box .c-num2, .yd-scsb .c-ul .c-li:hover .c-box .c-text, .yd-scsb .c-ul .c-li .c-box .c-num2 { opacity: 1; height: auto; } .yd-scsb .c-ul .c-li .c-box .h3 { color: #000; } .yd-scsb .c-ul .c-li .c-box .c-num2 { display: none; } .layui-flow-more { margin-top: 0.4rem !important; } } .yd-shebei { background: #f1f4f8; padding-top: 0.85rem; padding-bottom: 1.2rem; } .yd-shebei .public-title3 { position: relative; } .yd-shebei .public-title3 .c-div { line-height: 1.66; margin-top: 20px; } .yd-shebei .public-title3 .sBox { position: absolute; right: 0; bottom: 15px; } .yd-shebei .public-title3 .sBox .s0, .yd-shebei .public-title3 .sBox .s1 { color: #005eb8; } .yd-shebei .public-title3 .sBox .syb, .yd-shebei .public-title3 .sBox .s2, .yd-shebei .public-title3 .sBox .s3 { color: #333; } @media (max-width: 767px) { .yd-shebei { padding: 0.7rem 0 0.8rem; overflow: hidden; } .yd-shebei .public-title3 .c-div { margin-top: 0.2rem; } .yd-shebei .public-title3 .sBox { right: 0.3rem; top: 130%; z-index: 5; } } .factorySwp { margin-top: 0.65rem; } .factorySwp .swiper-container { padding: 20px 20px 0; margin: -20px -20px 0; } .factorySwp .swiper-slide:hover .zz-div1 { box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3); } .factorySwp .swiper-slide:hover .zz-div1 img { transform: scale(1.05); } .factorySwp .swiper-slide .zz-div1 { border-radius: 10px; position: relative; width: 100%; height: 0; padding-bottom: 75%; transition: all 0.3s; overflow: hidden; } .factorySwp .swiper-slide .zz-div1 > .img, .factorySwp .swiper-slide .zz-div1 img { position: absolute; width: 100%; height: 100%; } .factorySwp .swiper-slide .zz-div1 img { transition: all 0.5s; } .factorySwp .swiper-slide .zz-div2 { color: #000; text-align: center; margin-top: 25px; font-weight: bold; } .factorySwp .swiper-button-next, .factorySwp .swiper-button-prev { background-size: 12px 20px; margin-top: 0px; top: 40%; } .factorySwp .swiper-button-next { left: unset; right: 40px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23005eb8'%2F%3E%3C%2Fsvg%3E"); } .factorySwp .swiper-button-prev { left: 40px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23005eb8'%2F%3E%3C%2Fsvg%3E"); } .factorySwp .swiper-button-next.swiper-button-disabled { opacity: 1; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b2b9c0'%2F%3E%3C%2Fsvg%3E"); } .factorySwp .swiper-button-prev.swiper-button-disabled { opacity: 1; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b2b9c0'%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 767px) { .factorySwp { margin-top: 0.45rem; } .factorySwp .swiper-slide .zz-div2 { margin-top: 0.45rem; } } .yd-jsfz { padding: 0.95rem 0 1.33rem; } .yd-jsfz .c-ul { display: flex; flex-wrap: wrap; margin-top: 0.45rem; } .yd-jsfz .c-ul .c-li { position: relative; width: 31.25%; border-radius: 10px; overflow: hidden; margin-right: 3.125%; transition: all 0.3s; } .yd-jsfz .c-ul .c-li:nth-of-type(3n+3) { margin-right: 0; } .yd-jsfz .c-ul .c-li::before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 94, 184, 0.96); opacity: 0; transition: all 0.3s; z-index: 2; } .yd-jsfz .c-ul .c-li::after { content: ''; width: 100%; height: 70%; left: 0; bottom: 0; position: absolute; background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.8)); z-index: 1; } .yd-jsfz .c-ul .c-li .imgbox { position: relative; width: 100%; height: 0; padding-bottom: 120%; } .yd-jsfz .c-ul .c-li .imgbox > .img, .yd-jsfz .c-ul .c-li .imgbox img { position: absolute; width: 100%; height: 100%; } .yd-jsfz .c-ul .c-li .imgbox img { object-fit: cover; } .yd-jsfz .c-ul .c-li .c-box { border-radius: 15px; background: transparent; position: absolute; top: 70%; padding: 0rem 0.5rem; transition: all 0.3s; z-index: 3; width: 100%; } .yd-jsfz .c-ul .c-li .c-box * { color: #fff; } .yd-jsfz .c-ul .c-li .c-box .c-div1 { width: 100%; } .yd-jsfz .c-ul .c-li .c-box .c-div1 .h3 { margin-top: 20px; font-weight: bold; } .yd-jsfz .c-ul .c-li .c-box .c-div1 img { height: 0.5rem; min-height: 30px; } .yd-jsfz .c-ul .c-li .c-box .c-div2 { height: 0; opacity: 0; border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 0.25rem 0 0.2rem; margin-top: 0.4rem; transition: all 0.3s; } .yd-jsfz .c-ul .c-li .c-box .c-div2 .scroll { overflow-y: auto; /*定义滚动条的轨道颜色、内阴影及圆角*/ /*定义滑块颜色、内阴影及圆角*/ } .yd-jsfz .c-ul .c-li .c-box .c-div2 .scroll::-webkit-scrollbar { width: 1px; /*对垂直流动条有效*/ } .yd-jsfz .c-ul .c-li .c-box .c-div2 .scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #ddd; background-color: #ddd; border-radius: 3px; } .yd-jsfz .c-ul .c-li .c-box .c-div2 .scroll::-webkit-scrollbar-thumb { border-radius: 7px; -webkit-box-shadow: inset 0 0 6px #fff; background-color: #fff; } .yd-jsfz .c-ul .c-li .c-box .c-div2 .contLi { margin-bottom: 0.1rem; position: relative; padding-left: 20px; } .yd-jsfz .c-ul .c-li .c-box .c-div2 .contLi::before { content: ''; position: absolute; width: 5px; height: 5px; border-radius: 1000px; background: #fff; top: 50%; left: 0; transform: translateY(-50%); } .yd-jsfz .c-ul .c-li:hover { box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3); } .yd-jsfz .c-ul .c-li:hover::before { opacity: 1; } .yd-jsfz .c-ul .c-li:hover .c-box { top: 35.5%; } .yd-jsfz .c-ul .c-li:hover .c-box .c-div2 { height: auto; opacity: 1; } .yd-jsfz .c-ul .c-li:hover .c-box .c-div2 .scroll { max-height: 1.2rem; } @media (max-width: 1580px) { .yd-jsfz .c-ul .c-li:hover .c-box .c-div2 .scroll { max-height: 1.6rem; } .yd-jsfz .c-ul .c-li .c-box .c-div2 .contLi .c-text { font-size: 15px; } } @media (max-width: 991px) { .yd-jsfz .c-ul .c-li .imgbox { padding-bottom: 150%; } .yd-jsfz .c-ul .c-li:hover .c-box { top: 29%; } .yd-jsfz .c-ul .c-li .c-box .c-div2 .contLi .c-text { font-size: 14px; } } @media (max-width: 767px) { .yd-jsfz { padding: 0.5rem 0 0.5rem; } .yd-jsfz .c-ul { flex-direction: column; } .yd-jsfz .c-ul .c-li { width: 100%; margin-right: 0; margin-bottom: 0.3rem; } .yd-jsfz .c-ul .c-li .imgbox { padding-bottom: 100%; } .yd-jsfz .c-ul .c-li:hover .c-box { top: 50%; transform: translateY(-50%); } .yd-jsfz .c-ul .c-li .c-box .c-div1 .h3, .yd-jsfz .c-ul { margin-top: 0.35rem; } .yd-jsfz .c-ul .c-li:hover::before, .yd-jsfz .c-ul .c-li::before { opacity: 0.5; } .yd-jsfz .c-ul .c-li:hover .c-box, .yd-jsfz .c-ul .c-li .c-box { top: 50%; transform: translateY(-50%); } .yd-jsfz .c-ul .c-li:hover .c-box .c-div2, .yd-jsfz .c-ul .c-li .c-box .c-div2 { height: auto; opacity: 1; } .yd-jsfz .c-ul .c-li .c-box .c-div2 .scroll { height: 3.2rem; padding-right: 0.1rem; } } .public-infoUl { display: flex; justify-content: space-between; border-top: 1px solid #f1f4f8; position: relative; padding-top: 0.45rem; margin-top: 0.3rem; } .public-infoUl::before { content: ''; position: absolute; height: 1px; width: 20px; background: #005eb8; top: -1px; left: 0; } .public-infoUl .c-infoli { padding-right: 10px; } .public-infoUl .c-infoli .c-cont1 { color: #16a059; line-height: 1; margin-bottom: 4px; } .public-infoUl .c-infoli .c-cont1 span { font-weight: 400; } .public-infoUl .c-infoli .c-cont1 .c-span1 { font-weight: bold; margin-left: 0; } .public-infoUl .c-infoli .c-cont2 { color: #000; font-weight: bold; } @media (max-width: 767px) { .public-infoUl { padding-top: 0.35rem; margin-top: 0.5rem; } .public-infoUl .c-infoli .c-cont1 span { margin-left: 0.1rem; } } .yd-yjxm { position: relative; } .yd-yjxm .bgimg { position: relative; width: 100%; height: 0; padding-bottom: 44.27%; } .yd-yjxm .bgimg > .img, .yd-yjxm .bgimg img { position: absolute; width: 100%; height: 100%; } .yd-yjxm .bgimg img { object-fit: cover; } .yd-yjxm .c-box { background: #fff; border-radius: 10px; width: 31.5%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; padding: 0.5rem 0.6rem 0.45rem; } .yd-yjxm .c-box .h2 { font-weight: bold; } .yd-yjxm .c-box .c-text { line-height: 1.9; margin-top: 0.15rem; position: relative; padding-right: 15px; max-height: 3.05rem; overflow-y: auto; /*定义滚动条的轨道颜色、内阴影及圆角*/ /*定义滑块颜色、内阴影及圆角*/ } .yd-yjxm .c-box .c-text::-webkit-scrollbar { width: 1px; /*对垂直流动条有效*/ } .yd-yjxm .c-box .c-text::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #ddd; background-color: #ddd; border-radius: 3px; } .yd-yjxm .c-box .c-text::-webkit-scrollbar-thumb { border-radius: 7px; -webkit-box-shadow: inset 0 0 6px #005CE6; background-color: #005CE6; } @media (max-width: 991px) { .yd-yjxm .c-box .c-text { max-height: 2.75rem; } .yd-yjxm .bgimg { padding-bottom: 55%; } .yd-yjxm .c-box { width: 37.5%; } } @media (max-width: 767px) { .yd-yjxm .c-box .c-text { max-height: 4.2rem; } .yd-yjxm .bgimg { padding-bottom: 45%; } .yd-yjxm .c-box { position: unset; top: unset; transform: unset; width: 100%; padding: 0.4rem 0; } .yd-yjxm .c-box .h2 { text-align: center; } } .yd-jszl { padding: 1.35rem 0 1.25rem; } .yd-jszl .patent-swp { margin-top: 0.5rem; } .yd-jszl .patent-swp .swiper-container { margin: -60px -30px 0; padding: 60px 30px 0.95rem; position: relative; } .yd-jszl .patent-swp .swiper-slide { display: flex; align-items: flex-start; background-size: 100% 100%; padding: 0.35rem 0.3rem; justify-content: space-between; box-shadow: 0 0 50px rgba(54, 61, 67, 0.1); border-radius: 10px; transition: all 0.3s; } .yd-jszl .patent-swp .swiper-slide:hover { transform: translateY(-10px); } .yd-jszl .patent-swp .swiper-slide .zz-left { padding-right: 10px; width: 56%; display: flex; flex-direction: column; justify-content: space-between; position: relative; height: 0; padding-bottom: 58.5%; } .yd-jszl .patent-swp .swiper-slide .zz-left .h3 { font-weight: bold; margin-top: 15px; margin-bottom: 7px; } .yd-jszl .patent-swp .swiper-slide .zz-left .c-text { max-height: 1.25rem; overflow-y: auto; /*定义滚动条的轨道颜色、内阴影及圆角*/ /*定义滑块颜色、内阴影及圆角*/ } .yd-jszl .patent-swp .swiper-slide .zz-left .c-text::-webkit-scrollbar { width: 1px; /*对垂直流动条有效*/ } .yd-jszl .patent-swp .swiper-slide .zz-left .c-text::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #ddd; background-color: #ddd; border-radius: 3px; } .yd-jszl .patent-swp .swiper-slide .zz-left .c-text::-webkit-scrollbar-thumb { border-radius: 7px; -webkit-box-shadow: inset 0 0 6px #005eb8; background-color: #005eb8; } .yd-jszl .patent-swp .swiper-slide .zz-left .a { position: absolute; bottom: 0; display: flex; align-items: center; cursor: pointer; transition: all 0.3s; } .yd-jszl .patent-swp .swiper-slide .zz-left .a:hover { padding-bottom: 10px; } .yd-jszl .patent-swp .swiper-slide .zz-left .a span { margin-left: 10px; color: #005eb8; } .yd-jszl .patent-swp .swiper-slide .zz-right { position: relative; width: 45%; height: 0; padding-bottom: 55.86%; border: 6px solid #ebeef2; } .yd-jszl .patent-swp .swiper-slide .zz-right > .img, .yd-jszl .patent-swp .swiper-slide .zz-right img { position: absolute; width: 100%; height: 100%; } .yd-jszl .patent-swp .swpBtn { display: flex; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 85.5%; justify-content: space-between; } .yd-jszl .patent-swp .swpBtn .swiper-button-next, .yd-jszl .patent-swp .swpBtn .swiper-button-prev { background-size: 10px 20px; position: unset; left: unset; right: unset; top: unset; width: 50px; height: 50px; margin-top: 0; opacity: 1; } .yd-jszl .patent-swp .swpBtn .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23005eb8'%2F%3E%3C%2Fsvg%3E"); } .yd-jszl .patent-swp .swpBtn .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23005eb8'%2F%3E%3C%2Fsvg%3E"); } .yd-jszl .patent-swp .swpBtn .swiper-button-next.swiper-button-disabled { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b2b9c0'%2F%3E%3C%2Fsvg%3E"); } .yd-jszl .patent-swp .swpBtn .swiper-button-prev.swiper-button-disabled { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b2b9c0'%2F%3E%3C%2Fsvg%3E"); } .yd-jszl .patent-swp .swiper-scrollbar { width: 79.5%; position: absolute; bottom: 24px; height: 1px; left: 50%; transform: translateX(-50%); } .yd-jszl .patent-swp .swiper-scrollbar .swiper-scrollbar-drag { background: #005eb8; } @media (max-width: 1580px) { .yd-jszl .patent-swp .swiper-slide .zz-left .c-text { max-height: 1.8rem; } } @media (max-width: 1260px) { .yd-jszl .patent-swp .swiper-slide .zz-left .c-text { max-height: 1.45rem; } } @media (max-width: 991px) { .yd-jszl .patent-swp .swiper-slide .zz-left .c-text { max-height: 1.8rem; } } @media (max-width: 767px) { .yd-jszl { overflow: hidden; padding: 0.4rem 0 0.5rem; } .yd-jszl .patent-swp .swiper-scrollbar { width: 65%; } .yd-jszl .patent-swp .swiper-slide .zz-left .c-text { max-height: 1.7rem; } } .yd-cgxx { background: #fafafa; padding: 1rem 0; } .yd-cgxx .c-ul { display: flex; flex-wrap: wrap; margin-top: 0.35rem; } .yd-cgxx .c-ul .c-li { background: #fff; width: 47.5%; margin-right: 5%; padding: 0.5rem; margin-bottom: 0.5rem; transition: all 0.3s; } .yd-cgxx .c-ul .c-li:nth-of-type(2n+2) { margin-right: 0; } .yd-cgxx .c-ul .c-li:hover { box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3); } .yd-cgxx .c-ul .c-li .h3 { color: #000; border-bottom: 1px solid #e4e4e4; font-weight: bold; padding-bottom: 0.2rem; } .yd-cgxx .c-ul .c-li .c-box { display: flex; align-items: center; justify-content: space-between; } .yd-cgxx .c-ul .c-li .c-box .zz-left { width: 82%; padding-right: 20px; } .yd-cgxx .c-ul .c-li .c-box .zz-right { width: 18%; margin-top: 0.22rem; } .yd-cgxx .c-ul .c-li .c-box .c-div1 { color: #666; margin-top: 0.25rem; margin-bottom: 3px; } .yd-cgxx .c-ul .c-li .c-box .c-div2 { color: #000; } @media (max-width: 1580px) { .yd-jszl .patent-swp .swiper-container { padding-bottom: 1.2rem; } .yd-jszl .patent-swp .swpBtn { width: 87.5%; } } @media (max-width: 991px) { .yd-jszl .patent-swp .swpBtn { width: 89.5%; } .yd-cgxx .c-ul .c-li .h3 { font-size: 20px; } } @media (max-width: 767px) { .yd-cgxx { padding: 0.7rem 0 0.5rem; } .yd-cgxx .c-ul .c-li { width: 100%; margin-right: 0; margin-bottom: 0.3rem; } .yd-cgxx .c-ul .c-li .h3 { font-size: 0.36rem; } } .yd-yyzx { padding: 0.95rem 0 1.25rem; position: relative; } .yd-yyzx .bgimg { position: absolute; width: 100%; bottom: 0; z-index: -1; } .yd-yyzx .form-box { width: 87.5%; margin: 0 auto; padding: 0.35rem 0.7rem 0.6rem; box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3); border-top: 3px solid #009c30; background: #fff; } .yd-yyzx .public-title3 { border-bottom: 1px solid #f3f3f3; padding-bottom: 0.25rem; margin-bottom: 0.3rem; } .yd-yyzx.yd-report { padding: 0; margin: 0.8rem 0; } .yd-yyzx.yd-report .container { display: flex; background: #fff; padding: 0.95rem 0 1.25rem; } .yd-yyzx.yd-report .container .form-box { width: 100%; box-shadow: unset; border-top: 0; padding-left: 0; padding-top: 0; position: relative; background: transparent; padding-right: 0; } .yd-yyzx.yd-report .container .form-box .public-title3 { padding-left: 0.7rem; padding-right: 0.7rem; } .yd-yyzx.yd-report .container .form-box > div:nth-of-type(2) { background: #fff; padding-left: 0.7rem; padding-right: 0.7rem; } .yd-yyzx.yd-report .container .form-box::before { content: unset; height: 100%; width: 1px; background: #009c30; right: 0; top: 0; position: absolute; } .yd-yyzx.yd-report .container .form-box .public-title3 { border-bottom: 0; padding-bottom: 0; } .yd-yyzx.yd-report .container .form-box .public-title3 h2 { text-align: center; } .yd-yyzx.yd-report .container .form-box .public-form { display: flex; flex-direction: column; justify-content: center; align-items: center; } .yd-yyzx.yd-report .container .form-box .public-form .c-textarea { margin-bottom: 0.3rem; width: 100%; } .yd-yyzx.yd-report .container .form-box .public-form .c-textarea textarea { background: #fff; } .yd-yyzx.yd-report .container .form-box .public-form .c-textarea .inputTips { margin-bottom: 0.3rem; } .yd-yyzx.yd-report .container .form-box .public-form .c-textarea .inputTips span { color: #009c30; } .yd-yyzx.yd-report .container .form-box .public-btn7 { width: 40%; } @media (max-width: 767px) { .yd-yyzx.yd-report .container .form-box .public-btn7 { width: 100%; } } .yd-yyzx.yd-report .container .zz-right { padding: 0 0.6rem; width: 37.38%; } .yd-yyzx.yd-report .container .zz-right .c-title { margin-bottom: 0.25rem; } .yd-yyzx.yd-report .container .zz-right .c-text { color: #666; line-height: 1.7; } @media (max-width: 991px) { .yd-yyzx.yd-report .container .zz-right { padding-right: 0; } } @media (max-width: 767px) { .yd-yyzx .form-box, .yd-yyzx.yd-report .container .form-box, .yd-yyzx.yd-report .container .zz-right { width: 100%; } .yd-yyzx .form-box { padding: 0.35rem 0.4rem 0.6rem; } .yd-yyzx { padding: 0.8rem 0; } .yd-yyzx.yd-report { padding: 0; margin-bottom: 0.6rem; } .yd-yyzx.yd-report .container { flex-direction: column; padding: 0.5rem 0.4rem; } .yd-yyzx.yd-report .container .form-box::before { content: unset; } .yd-yyzx.yd-report .container .form-box { padding-right: 0; padding-bottom: 0; } .yd-yyzx.yd-report .container .zz-right { padding-left: 0; } .yd-yyzx.yd-report .container .zz-right .c-title { font-size: 0.32rem; } .yd-yyzx.yd-report .container .form-box div, .yd-yyzx.yd-report .container .form-box > div:nth-of-type(2), .yd-yyzx.yd-report .container .form-box .public-title3 { padding-left: 0; padding-right: 0; } .yd-yyzx.yd-report .container .form-box p, .yd-yyzx.yd-report .container .form-box span { font-size: 0.32rem !important; line-height: 1.66; } } .public-form .c-div { display: flex; justify-content: space-between; } .public-form .c-div .c-input { width: 47.61%; margin-bottom: 0.25rem; } .public-form .c-div .c-input .inputTips { color: #333; } .public-form .c-div .c-input .inputTips span { color: #009c30; margin-right: 2px; } .public-form .c-div .c-input input { border: 1px solid #ebebeb; padding: 0 20px; height: 0.6rem; min-height: 50px; width: 100%; margin-top: 0.15rem; color: #333; } .public-form .c-div .c-input input::-webkit-input-placeholder { color: #999; } .public-form .c-div .c-input input:-moz-placeholder { color: #999; } .public-form .c-div .c-input input::-moz-placeholder { color: #999; } .public-form .c-div .c-input input:-ms-input-placeholder { color: #999; } .public-form .c-textarea .inputTips { margin-bottom: 0.12rem; } .public-form .c-textarea textarea { border: 1px solid #ebebeb; width: 100%; height: 250px; padding: 15px 20px; } .public-form .c-textarea textarea::-webkit-input-placeholder { color: #999; } .public-form .c-textarea textarea:-moz-placeholder { color: #999; } .public-form .c-textarea textarea::-moz-placeholder { color: #999; } .public-form .c-textarea textarea:-ms-input-placeholder { color: #999; } .public-form .c-tips { color: #666; margin: 0.15rem 0 0.25rem; } .public-form .c-tips a { color: #666; } .public-form .c-tips span { color: #009c30; margin-right: 2px; } @media (max-width: 767px) { .public-form .c-div .c-input input { min-height: 45px; } .public-form .c-div .c-input { width: 100%; } .public-form .c-div { flex-direction: column; } .public-form button { width: 100%; } } @keyframes ripple { 0% { opacity: 0.8; -webkit-transform: translate(-50%, -50%) scale(0.1); -ms-transform: translate(-50%, -50%) scale(0.1); -o-transform: translate(-50%, -50%) scale(0.1); transform: translate(-50%, -50%) scale(0.1); } 100% { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(2); -ms-transform: translate(-50%, -50%) scale(2); -o-transform: translate(-50%, -50%) scale(2); transform: translate(-50%, -50%) scale(2); } } @keyframes bounce { 0%, 15%, 47%, 73%, 89%, 100% { animation-timing-function: ease-out; transform: translate3d(0, 0, 0); } 30%, 32% { animation-timing-function: ease-in; transform: translate3d(0, -18px, 0); } 60% { animation-timing-function: ease-in; transform: translate3d(0, -12px, 0); } 82% { animation-timing-function: ease-in; transform: translate3d(0, -7px, 0); } 94% { animation-timing-function: ease-in; transform: translate3d(0, -3px, 0); } } .yd-yxwl { padding: 0.85rem 0 1.1rem; } .yd-yxwl .container { display: flex; } .yd-yxwl .container .zz-left { width: 23.13%; margin-right: 0.35rem; } .yd-yxwl .container .zz-left .c-boxLi { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); margin-top: 0.8rem; display: none; } .yd-yxwl .container .zz-left .c-boxLi:nth-of-type(3) { display: block; } .yd-yxwl .container .zz-left .c-boxLi .imgbox { position: relative; width: 100%; height: 0; padding-bottom: 48.64%; } .yd-yxwl .container .zz-left .c-boxLi .imgbox > .img, .yd-yxwl .container .zz-left .c-boxLi .imgbox img { position: absolute; width: 100%; height: 100%; } .yd-yxwl .container .zz-left .c-boxLi .text-box { padding: 0.28rem 0.25rem 0.45rem; } .yd-yxwl .container .zz-left .c-boxLi .text-box .c-title2 { color: #444; margin-bottom: 0.2rem; } .yd-yxwl .container .zz-left .c-boxLi .text-box .c-li { display: flex; align-items: center; margin-bottom: 10px; } .yd-yxwl .container .zz-left .c-boxLi .text-box .c-li p { margin-left: 10px; } .yd-yxwl .container .zz-right { margin-top: 0.85rem; position: relative; width: 68.75%; height: 0; padding-bottom: 31.25%; } .yd-yxwl .container .zz-right .bgimg { width: 100%; height: 100%; position: absolute; } .yd-yxwl .container .zz-right .c-li { position: absolute; cursor: pointer; } .yd-yxwl .container .zz-right .c-li:hover .sign { animation-name: bounce; animation-iteration-count: infinite; transform-origin: center bottom; animation-duration: 1.5s; animation-fill-mode: both; } .yd-yxwl .container .zz-right .c-li:hover .sign svg { transform: scale(1.33) translateY(-8px); } .yd-yxwl .container .zz-right .c-li:hover .c-text { color: #009c30; } .yd-yxwl .container .zz-right .c-li .sign { display: flex; justify-content: center; } .yd-yxwl .container .zz-right .c-li .sign svg, .yd-yxwl .container .zz-right .c-li .sign img { width: 0.3rem; min-width: 25px; transition: all 0.3s; } .yd-yxwl .container .zz-right .c-li .c-text { color: #333; font-weight: bold; margin-top: 10px; transition: all 0.3s; } .yd-yxwl .container .zz-right .c-li .dian { width: 6px; height: 6px; border-radius: 1000px; background: rgba(0, 156, 48, 0.4); position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); } .yd-yxwl .container .zz-right .c-li .dian .span1 { display: block; width: 20px; height: 6px; background: transparent; opacity: 0.4; border-radius: 100%; position: absolute; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: linear; -webkit-animation-timing-function: linear; top: 50%; z-index: 1; left: 50%; transform: translate(-50%, -50%); } .yd-yxwl .container .zz-right .c-li .dian .span1::after, .yd-yxwl .container .zz-right .c-li .dian .span1::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 20px; z-index: -1; opacity: 0; pointer-events: none; border-radius: 50%; background: #009c30; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; box-sizing: border-box; } .yd-yxwl .container .zz-right .c-li .dian .span1::before { animation: ripple 3s ease-out 0s infinite; } .yd-yxwl .container .zz-right .c-li .dian .span1::after { animation: ripple 3s ease-out 1.5s infinite; } .yd-yxwl .container .zz-right .c-li .c-box { position: relative; } .yd-yxwl .container .zz-right .c-li1 { top: 22.5%; left: 21.5%; } .yd-yxwl .container .zz-right .c-li2 { top: 38.8%; left: 16.5%; display: flex; flex-direction: column; } .yd-yxwl .container .zz-right .c-li2 .c-box { order: 0; } .yd-yxwl .container .zz-right .c-li2 .c-text { order: 1; } .yd-yxwl .container .zz-right .c-li3 { top: 27.5%; left: 75%; } .yd-yxwl .container .zz-right .c-li4 { top: 35.5%; left: 79.3%; display: flex; flex-direction: column; } .yd-yxwl .container .zz-right .c-li4 .c-box { order: 0; } .yd-yxwl .container .zz-right .c-li4 .c-text { order: 1; } .yd-yxwl .container .zz-right .c-li5 { top: 13%; left: 44.5%; } .yd-yxwl .container .zz-right .c-li6 { top: 37.5%; left: 76.7%; } @media (max-width: 1580px) { .yd-yxwl .container .zz-left { width: 27%; } .yd-yxwl .container .zz-right .c-li3 { top: 25.5%; } .yd-yxwl .container .zz-right .c-li4 { top: 35.5%; } .yd-yxwl .container .zz-right .c-li5 { top: 11%; } .yd-yxwl .container .zz-right .c-li6 { top: 36%; } } @media (max-width: 1290px) { .yd-yxwl .container .zz-left .c-boxLi { margin-top: 0.5rem; } .yd-yxwl .container .zz-right .c-li1 { top: 19.5%; left: 21.5%; } .yd-yxwl .container .zz-right .c-li2 { top: 36.8%; left: 15.5%; } .yd-yxwl .container .zz-right .c-li3 { top: 20.5%; left: 74%; } .yd-yxwl .container .zz-right .c-li4 { top: 34.5%; left: 78.5%; } .yd-yxwl .container .zz-right .c-li5 { top: 9.5%; left: 44%; } .yd-yxwl .container .zz-right .c-li6 { top: 35%; } } @media (max-width: 991px) { .yd-yxwl .container .zz-right .c-li1 { top: 13%; left: 20.5%; } .yd-yxwl .container .zz-right .c-li2 { top: 31.8%; left: 14.5%; } .yd-yxwl .container .zz-right .c-li3 { top: 14.5%; left: 73%; } .yd-yxwl .container .zz-right .c-li4 { top: 31.4%; } .yd-yxwl .container .zz-left { width: 33%; } .yd-yxwl .container .zz-right { width: 65.75%; } .yd-yxwl .container .zz-right .c-li5 { top: 6.5%; } .yd-yxwl .container .zz-right .c-li6 { top: 32%; } } @media (max-width: 767px) { .yd-yxwl .container { flex-direction: column; } .yd-yxwl .container .zz-left, .yd-yxwl .container .zz-right { width: 100%; } .yd-yxwl .container .zz-left { order: 1; } .yd-yxwl .container .zz-right { padding-bottom: 50%; margin-top: 0.4rem; margin-bottom: 0.1rem; } .yd-yxwl .container .zz-right .c-li1 { top: -1%; left: 19.5%; } .yd-yxwl .container .zz-right .c-li2 { top: 27.8%; left: 12.5%; } .yd-yxwl .container .zz-right .c-li2 { top: 23.8%; left: 13.5%; } .yd-yxwl .container .zz-right .c-li3 { top: 0; left: 68%; } .yd-yxwl .container .zz-right .c-li4 { top: 24.4%; left: 77%; } .yd-yxwl { padding: 0.7rem 0 0.8rem; } .yd-yxwl .container .zz-right .c-li5 { top: 0%; left: 42%; } .yd-yxwl .container .zz-right .c-li6 { top: 25%; left: 66%; display: flex; } .yd-yxwl .container .zz-right .c-li6 .c-box { order: 1; } .yd-yxwl .container .zz-right .c-li6 .c-text { order: 0; } } .yd-yxdz { background-size: cover; background-repeat: no-repeat; padding: 1.1rem 0 0.9rem; } .yd-yxdz .adds-ul { display: flex; flex-wrap: wrap; } .yd-yxdz .adds-ul .adds-li { width: 32.5%; margin-right: 1.25%; margin-bottom: 0.2rem; transition: all 0.3s; background: #fff; position: relative; padding: 0.7rem 0.3rem 0.2rem; } .yd-yxdz .adds-ul .adds-li:hover { box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3); } .yd-yxdz .adds-ul .adds-li:nth-of-type(3n+3) { margin-right: 0; } .yd-yxdz .adds-ul .adds-li .c-tips { position: absolute; background: #005eb8; color: #fff; top: 0; left: 0; padding: 5px 20px; } .yd-yxdz .adds-ul .adds-li .c-title { color: #005eb8; position: relative; padding-bottom: 0.15rem; margin-bottom: 0.15rem; } .yd-yxdz .adds-ul .adds-li .c-title::before { position: absolute; content: ''; width: 20px; height: 3px; background: #005eb8; bottom: 0; left: 0; } .yd-yxdz .adds-ul .adds-li .c-li { margin-bottom: 0.1rem; } @media (max-width: 991px) { .yd-yxdz .adds-ul .adds-li { width: 49%; margin-right: 2%; } .yd-yxdz .adds-ul .adds-li:nth-of-type(2n+1) { margin-right: 2%; } .yd-yxdz .adds-ul .adds-li:nth-of-type(2n+2) { margin-right: 0; } } @media (max-width: 767px) { .yd-yxdz { padding: 0.8rem 0 0.6rem; } .yd-yxdz .adds-ul .adds-li, .yd-yxdz .adds-ul .adds-li:nth-of-type(2n+1) { width: 100%; margin-right: 0; padding-top: 0.9rem; margin-bottom: 0.3rem; } .yd-yxdz .adds-ul .adds-li .c-title { padding-bottom: 0.3rem; margin-bottom: 0.3rem; } .yd-yxdz .adds-ul .adds-li .c-li { margin-bottom: 0.15rem; } } .yd-map { margin-top: 0.7rem; margin-bottom: 1.25rem; } .yd-map .c-box { width: 75%; margin: 0 auto; } .yd-map .map-ul .map-li { display: flex; align-items: flex-start; border-bottom: 1px solid #eee; padding: 0.45rem 0 0; } .yd-map .map-ul .map-li .zz-left { width: 16.25%; padding-bottom: 0.4rem; } .yd-map .map-ul .map-li .zz-left a { color: #333; padding-right: 20px; transition: all 0.3s; font-weight: bold; } .yd-map .map-ul .map-li .zz-right { width: 83.75%; display: flex; flex-wrap: wrap; margin-top: 2px; } .yd-map .map-ul .map-li .zz-right li { margin-bottom: 0.4rem; padding-right: 10px; width: 1.9rem; } @media (max-width: 1580px) { .yd-map .map-ul .map-li .zz-right li { width: 2.2rem; } } .yd-map .map-ul .map-li .zz-right a { color: #666; transition: all 0.3s; } .yd-map .map-ul .map-li .zz-left a:hover, .yd-map .map-ul .map-li .zz-right a:hover { color: #009c30; } @media (max-width: 767px) { .yd-map .c-box { width: 100%; } .yd-map .map-ul .map-li { flex-direction: column; } .yd-map .map-ul .map-li .zz-left { width: 100%; } } .public-newsDetail { margin-top: 0.85rem; padding-bottom: 1.2rem; } .public-newsDetail .container { display: flex; justify-content: space-between; align-items: flex-start; } .public-newsDetail .container .newsDetail-left { width: 62.81%; } .public-newsDetail .container .newsDetail-left .c-title-box { border-bottom: 1px solid #ededed; padding-bottom: 0.2rem; } .public-newsDetail .container .newsDetail-left .c-title-box .h1 { font-weight: bold; color: #000; } .public-newsDetail .container .newsDetail-left .c-title-box .c-box { color: #999; display: flex; justify-content: space-between; margin-top: 0.35rem; flex-wrap: wrap; } .public-newsDetail .container .newsDetail-left .newsDetail-content { color: #444; padding-top: 0.3rem; padding-bottom: 0.6rem; border-bottom: 1px solid #ededed; } .public-newsDetail .container .newsDetail-left .newsDetail-content img { object-fit: cover; } .public-newsDetail .container .newsDetail-left .newsDetail-pageBtn { display: flex; justify-content: space-between; align-items: center; margin-top: 0.35rem; } .public-newsDetail .container .newsDetail-left .newsDetail-pageBtn .zz-left { display: flex; flex-direction: column; width: 65%; } .public-newsDetail .container .newsDetail-left .newsDetail-pageBtn .zz-left a { color: #444; transition: all 0.3s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .public-newsDetail .container .newsDetail-left .newsDetail-pageBtn .zz-left a:hover { color: #005eb8; } .public-newsDetail .container .newsDetail-left .newsDetail-pageBtn .zz-left a:nth-of-type(1) { margin-bottom: 15px; } .public-newsDetail .container .newsDetail-left .newsDetail-pageBtn .zz-right .public-btn8 svg { position: relative; z-index: 2; width: 18px; } @media (max-width: 767px) { .public-newsDetail .container .newsDetail-left .newsDetail-pageBtn .zz-right .public-btn8 svg { width: 0.3rem; } } .public-newsDetail .container .newsDetail-left .newsDetail-pageBtn .zz-right .public-btn8 svg path { fill: #666; } .public-newsDetail .container .newsDetail-left .newsDetail-pageBtn .zz-right .public-btn8:hover svg path { fill: #fff; } .public-newsDetail .container .newsDetail-right { width: 27.18%; position: sticky; top: 1.2rem; } .public-newsDetail .container .newsDetail-right .c-title { border-bottom: 1px solid #eee; padding-bottom: 0.1rem; } .public-newsDetail .container .newsDetail-right .c-ul { margin-bottom: 0.75rem; } .public-newsDetail .container .newsDetail-right .c-ul .c-li .c-a { border-bottom: 1px solid #eee; padding: 0.25rem 0; color: #000; display: inline-block; position: relative; width: 100%; } .public-newsDetail .container .newsDetail-right .c-ul .c-li .c-a::before { position: absolute; content: ''; bottom: -1px; left: 0; width: 0; height: 1px; background: #009c30; transition: all 0.3s; } .public-newsDetail .container .newsDetail-right .c-ul .c-li .c-a .c-date { margin-top: 0.07rem; color: #999; } .public-newsDetail .container .newsDetail-right .c-ul .c-li .c-a h4, .public-newsDetail .container .newsDetail-right .c-ul .c-li .c-a .c-date { transition: all 0.3s; } .public-newsDetail .container .newsDetail-right .c-ul .c-li .c-a:hover::before { width: 100%; } .public-newsDetail .container .newsDetail-right .c-ul .c-li .c-a:hover h4, .public-newsDetail .container .newsDetail-right .c-ul .c-li .c-a:hover .c-date { color: #009c30; } @media (max-width: 1580px) { .public-newsDetail .container .newsDetail-left .newsDetail-pageBtn .zz-left { font-size: 15px; } .public-newsDetail .container .newsDetail-left .newsDetail-pageBtn .zz-right a span { font-size: 15px; } } @media (max-width: 767px) { .public-newsDetail .container { flex-direction: column; } .public-newsDetail .container .newsDetail-left, .public-newsDetail .container .newsDetail-right { width: 100%; } .public-newsDetail { margin-top: 0.6rem; padding-bottom: 0.8rem; } .public-newsDetail .container .newsDetail-left .newsDetail-pageBtn { flex-direction: column; align-items: flex-start; } .public-newsDetail .container .newsDetail-left .newsDetail-pageBtn .zz-left { width: 100%; } .public-newsDetail .container .newsDetail-left .newsDetail-pageBtn .zz-left a:nth-of-type(1) { margin-bottom: 0.2rem; } .public-newsDetail .container .newsDetail-left .newsDetail-pageBtn .zz-left, .public-newsDetail .container .newsDetail-left .newsDetail-pageBtn .zz-right a span { font-size: 0.28rem; } .public-newsDetail .container .newsDetail-left .newsDetail-pageBtn .zz-left { margin-bottom: 0.3rem; } .public-newsDetail .container .newsDetail-right { margin-top: 0.8rem; position: unset; top: unset; } .public-newsDetail .container .newsDetail-right .c-title { padding-bottom: 0.3rem; font-size: 0.4rem; } } .yd-news { padding: 1rem 0 1.2rem; } .yd-news .news_search { display: flex; align-items: center; margin-bottom: 0.6rem; } .yd-news .news_search #grade-date { height: 0.55rem; min-height: 40px; border: 1px solid #e2e2e2; color: #333; padding: 0 20px; width: 2rem; min-width: 110px; /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */ } .yd-news .news_search #grade-date::-webkit-input-placeholder { color: #333; } .yd-news .news_search #grade-date::-moz-placeholder { color: #333; } .yd-news .news_search #grade-date::-moz-placeholder { color: #333; } .yd-news .news_search #grade-date::-ms-input-placeholder { color: #333; } .yd-news .news_search .public-subscribeMail .c-div2 { height: 0.55rem; min-height: 40px; margin-top: 0; margin-left: 20px; } .yd-news .news_search .public-subscribeMail .c-div2 input { width: 3rem; } .yd-news .news_search .public-subscribeMail .c-div2 button { background: #009c30; } .yd-news .news_bannerBox .c-a { display: flex; } .yd-news .news_bannerBox .c-a .zz-left { width: 50%; overflow: hidden; } .yd-news .news_bannerBox .c-a .zz-left img { transition: all 0.3s; object-fit: cover; height: 100%; } .yd-news .news_bannerBox .c-a .zz-right { display: flex; align-items: center; padding: 1.08rem 0.65rem 0 0.7rem; border: 1px solid #e2e2e2; border-left: 0; width: 50%; } .yd-news .news_bannerBox .c-a .zz-right .zz-box { width: 100%; } .yd-news .news_bannerBox .c-a .zz-right .zz-div1 { display: flex; align-items: center; color: #005eb8; margin-bottom: 0.4rem; } .yd-news .news_bannerBox .c-a .zz-right .zz-div1 .zz-day { font-weight: bold; } .yd-news .news_bannerBox .c-a .zz-right .zz-div1 span { margin: 0 10px; } .yd-news .news_bannerBox .c-a .zz-right .zz-div2 h2 { margin-bottom: 0.25rem; transition: all 0.3s; } .yd-news .news_bannerBox .c-a .zz-right .zz-div2 p { line-height: 1.66; color: #666; } .yd-news .news_bannerBox .c-a .zz-right .zz-div3 { margin-top: 0.95rem; padding: 0.25rem 0 0.4rem; border-top: 1px solid #e2e2e2; width: 100%; display: flex; justify-content: space-between; position: relative; } .yd-news .news_bannerBox .c-a .zz-right .zz-div3 span, .yd-news .news_bannerBox .c-a .zz-right .zz-div3 svg path { transition: all 0.3s; fill: #999; } .yd-news .news_bannerBox .c-a .zz-right .zz-div3::before { position: absolute; content: ''; top: -1px; left: 0; width: 0; height: 1px; background: #003c8c; transition: all 0.3s; } .yd-news .news_bannerBox .c-a:hover .zz-left img { transform: scale(1.05); } .yd-news .news_bannerBox .c-a:hover .zz-right h2 { color: #003c8c; } .yd-news .news_bannerBox .c-a:hover .zz-right p { color: #666; } .yd-news .news_bannerBox .c-a:hover .zz-right .zz-div3 span { color: #003c8c; } .yd-news .news_bannerBox .c-a:hover .zz-right .zz-div3::before { width: 100%; } .yd-news .news_bannerBox .c-a:hover .zz-right .zz-div3 svg path { fill: #003c8c; } .yd-news .c-ul { display: flex; flex-wrap: wrap; margin: 0.7rem 0 0; } .yd-news .c-ul .c-li { width: 30.31%; margin-right: 4.535%; margin-bottom: 0.7rem; } .yd-news .c-ul .c-li:nth-of-type(3n+3) { margin-right: 0; } .yd-news .c-ul .c-li .c-a { width: 100%; display: flex; flex-direction: column; transition: all 0.3s; } .yd-news .c-ul .c-li .c-a .c-div1 { position: relative; width: 100%; height: 0; padding-bottom: 61.85%; overflow: hidden; } .yd-news .c-ul .c-li .c-a .c-div1 > .img, .yd-news .c-ul .c-li .c-a .c-div1 img { position: absolute; width: 100%; height: 100%; } .yd-news .c-ul .c-li .c-a .c-div1 img { transition: all 0.3s; object-fit: cover; } .yd-news .c-ul .c-li .c-a .c-div2 { padding: 0.4rem 0.4rem 0; border: 1px solid #e2e2e2; border-top: 0; } .yd-news .c-ul .c-li .c-a .c-div2 .c-date { color: #999; margin-bottom: 0.15rem; } .yd-news .c-ul .c-li .c-a .c-div2 .h3 { font-weight: bold; margin-bottom: 0.35rem; transition: all 0.3s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 65px; } @media (max-width: 1580px) { .yd-news .c-ul .c-li .c-a .c-div2 .h3 { height: 55px; } } @media (max-width: 1260px) { .yd-news .c-ul .c-li .c-a .c-div2 .h3 { height: 50px; } } @media (max-width: 767px) { .yd-news .c-ul .c-li .c-a .c-div2 .h3 { height: auto; } } .yd-news .c-ul .c-li .c-a .c-div2 .c-btn { padding: 0.2rem 0 0.25rem; border-top: 1px solid #e2e2e2; width: 100%; display: flex; justify-content: space-between; position: relative; } .yd-news .c-ul .c-li .c-a .c-div2 .c-btn span, .yd-news .c-ul .c-li .c-a .c-div2 .c-btn svg path { transition: all 0.3s; fill: #999; } .yd-news .c-ul .c-li .c-a .c-div2 .c-btn::before { position: absolute; content: ''; top: -1px; left: 0; width: 0; height: 1px; background: #003c8c; transition: all 0.3s; } .yd-news .c-ul .c-li .c-a:hover { color: unset; box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.1); } .yd-news .c-ul .c-li .c-a:hover .c-div1 img { transform: scale(1.05); object-fit: cover; } .yd-news .c-ul .c-li .c-a:hover .h3 { color: #003c8c; } .yd-news .c-ul .c-li .c-a:hover .c-btn span { color: #003c8c; } .yd-news .c-ul .c-li .c-a:hover .c-btn::before { width: 100%; } .yd-news .c-ul .c-li .c-a:hover .c-btn svg path { fill: #003c8c; } @media (max-width: 991px) { .yd-news .c-ul .c-li { width: 48%; margin-right: 4%; margin-bottom: 0.55rem; } .yd-news .c-ul .c-li:nth-of-type(2n+1) { margin-right: 4%; } .yd-news .c-ul .c-li:nth-of-type(2n+2) { margin-right: 0; } } @media (max-width: 767px) { .yd-news .news_search #grade-date { width: 45%; min-width: unset; } .yd-news .news_search .public-subscribeMail .c-div2 input { width: 30%; min-width: unset; } .yd-news { padding: 0.8rem 0; } .yd-news .news_bannerBox .c-a { flex-direction: column; } .yd-news .news_bannerBox .c-a .zz-left, .yd-news .news_bannerBox .c-a .zz-right, .yd-news .news_bannerBox .c-a .zz-left img { width: 100%; } .yd-news .news_bannerBox .c-a .zz-right { padding: 0.4rem 0.4rem 0.25rem; border-left: 1px solid #e2e2e2; } .yd-news .news_bannerBox .c-a .zz-right .zz-div2 h2 { font-size: 0.32rem; } .yd-news .news_bannerBox .c-a .zz-right .zz-div3 { margin-top: 0.4rem; } .yd-news .news_bannerBox .c-a .zz-right .zz-div3 { padding-bottom: 0; } .yd-news .news_bannerBox .c-a .zz-right .zz-div1 { margin-bottom: 0.2rem; } .yd-news .news_search { margin-bottom: 0.4rem; } .yd-news .c-ul .c-li, .yd-news .c-ul .c-li:nth-of-type(2n+1), .yd-news .c-ul .c-li:nth-of-type(2n+2) { width: 100%; margin-right: 0; margin-bottom: 0.4rem; } .yd-news .c-ul .c-li .c-a .c-div2 { padding-top: 0.45rem; } .yd-news .c-ul { margin-top: 0.4rem; margin-bottom: 0.2rem; } } .public-page { display: flex; width: 100%; justify-content: center; } .public-page .p-prev, .public-page .p-num a, .public-page .p-next { width: 0.55rem; height: 0.55rem; min-width: 40px; min-height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid #e2e2e2; color: #666; cursor: pointer; font-weight: bold; margin: 0 10px; transition: all 0.3s; } .public-page .p-prev svg path, .public-page .p-num a svg path, .public-page .p-next svg path { fill: #666; } .public-page .p-prev:hover, .public-page .p-num a:hover, .public-page .p-next:hover, .public-page .p-prev.on, .public-page .p-num a.on, .public-page .p-next.on { background: #005eb8; color: #fff; } .public-page .p-prev:hover svg path, .public-page .p-num a:hover svg path, .public-page .p-next:hover svg path, .public-page .p-prev.on svg path, .public-page .p-num a.on svg path, .public-page .p-next.on svg path { fill: #fff; } .public-page .p-num { display: flex; flex-wrap: wrap; } @media (max-width: 767px) { .public-page .p-prev, .public-page .p-num a, .public-page .p-next { margin: 0 0.14rem; min-width: 0.6rem; min-height: 0.6rem; font-size: 0.24rem; } .public-page .p-prev svg, .public-page .p-num a svg, .public-page .p-next svg { width: 0.2rem; } .public-page .p-num a { margin-bottom: 0.3rem; } } .yd-rd { padding: 1.1rem 0 1.05rem; } .yd-rd .c-ul { margin-bottom: 0.85rem; } .yd-rd .c-ul .c-li .c-a { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; position: relative; padding: 0.5rem 0; } .yd-rd .c-ul .c-li .c-a::before { position: absolute; content: ''; bottom: -1px; left: 0; width: 0; height: 1px; background: #005eb8; transition: all 0.3s; } .yd-rd .c-ul .c-li .c-a .c-box1 { position: relative; width: 21.875%; height: 0; padding-bottom: 13.75%; overflow: hidden; border-radius: 10px; } .yd-rd .c-ul .c-li .c-a .c-box1 > .img, .yd-rd .c-ul .c-li .c-a .c-box1 img { position: absolute; width: 100%; height: 100%; } .yd-rd .c-ul .c-li .c-a .c-box1 img { object-fit: cover; transition: all 0.3s; } .yd-rd .c-ul .c-li .c-a .c-box2 { width: 74.375%; display: flex; justify-content: space-between; } .yd-rd .c-ul .c-li .c-a .c-box2 .c-textBox { width: 73.95%; } .yd-rd .c-ul .c-li .c-a .c-box2 .c-date { color: #005eb8; display: flex; align-items: center; } .yd-rd .c-ul .c-li .c-a .c-box2 .c-date span { margin-left: 10px; } .yd-rd .c-ul .c-li .c-a .c-box2 .h3 { color: #000; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin: 0.15rem 0 0.25rem; transition: all 0.3s; } .yd-rd .c-ul .c-li .c-a .c-box2 .c-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #666; line-height: 1.66; } .yd-rd .c-ul .c-li .c-a .c-box2 .c-tips { width: 13.025%; display: flex; align-items: center; justify-content: center; position: relative; } .yd-rd .c-ul .c-li .c-a .c-box2 .c-tips svg path { fill: #999; transition: all 0.3s; } .yd-rd .c-ul .c-li .c-a .c-box2 .c-tips::before { position: absolute; content: ''; top: 50%; left: 0; transform: translateY(-50%); width: 2px; height: 67.55%; background: #ebeef2; transition: all 0.3s; } .yd-rd .c-ul .c-li .c-a:hover::before { width: 100%; } .yd-rd .c-ul .c-li .c-a:hover .c-box1 img { transform: scale(1.05); } .yd-rd .c-ul .c-li .c-a:hover .c-box2 .h3 { color: #005eb8; } .yd-rd .c-ul .c-li .c-a:hover .c-box2 svg path { fill: #005eb8; } @media (max-width: 1260px) { .yd-rd .c-ul .c-li .c-a .c-box2 .c-textBox { width: 80%; } } @media (max-width: 991px) { .yd-rd .c-ul .c-li .c-a .c-box1 { padding-bottom: 16%; } } @media (max-width: 767px) { .yd-rd { padding: 0.7rem 0 0.8rem; } .yd-rd .c-ul .c-li .c-a { flex-direction: column; padding: 0; margin-top: 0.4rem; } .yd-rd .c-ul .c-li .c-a .c-box1 { width: 100%; padding-bottom: 60%; border-radius: 0; } .yd-rd .c-ul .c-li .c-a .c-box2, .yd-rd .c-ul .c-li .c-a .c-box2 .c-textBox { width: 100%; } .yd-rd .c-ul .c-li .c-a .c-box2 .c-tips { display: none; } .yd-rd .c-ul .c-li .c-a .c-box2 { padding: 0.35rem 0.3rem 0.3rem; border-left: 1px solid #eee; border-right: 1px solid #eee; } .yd-rd .c-ul .c-li .c-a .c-box2 .h3 { margin: 0.2rem 0 0.15rem; } .yd-rd .c-ul { margin-bottom: 0.7rem; } } .yd-zltx { padding: 0.95rem 0 1.1rem; position: relative; } .yd-zltx::before, .yd-zltx::after { content: ''; position: absolute; background-image: url(../images/yd-162.png); background-repeat: no-repeat; background-size: cover; width: 44.94vw; height: 38.43vw; right: 0; top: -2%; z-index: -1; } @media (max-width: 767px) { .yd-zltx::before, .yd-zltx::after { width: 8rem; height: 7.4rem; } } .yd-zltx::after { background-image: url(../images/yd-163.png); height: 43.02vw; width: 30.41vw; top: unset; bottom: -1.2%; } .yd-zltx .public-title { align-items: flex-start; } .yd-zltx .public-title .zz-left { padding-right: 30px; } .yd-zltx .public-title .zz-right { width: 52%; -webkit-line-clamp: unset; } .yd-zltx .zz-bnimg { width: 100%; position: relative; height: 0; padding-bottom: 34.09%; margin-top: 1.05rem; } .yd-zltx .zz-bnimg .imgbox { width: 91.9%; position: absolute; right: 0; height: 100%; overflow: hidden; } .yd-zltx .zz-bnimg .imgbox img { transition: all 0.4s; } .yd-zltx .zz-bnimg .imgbox:hover img { transform: scale(1.05); } .yd-zltx .zz-bnimg .imgbox img { width: 100%; height: 100%; object-fit: cover; } .yd-zltx .zz-w2 { width: 64%; margin-top: 0.8rem; } .yd-zltx .zz-w2 .public-title h2 { line-height: 1.66; } .yd-zltx .zz-w2 .c-box { margin-top: 0.55rem; } .yd-zltx .zz-w2 .c-box .c-t { color: #000; } .yd-zltx .zz-w2 .c-box ul { display: flex; flex-wrap: wrap; margin-top: 0.1rem; width: 100%; } .yd-zltx .zz-w2 .c-box ul li { width: 44.44%; display: flex; align-items: center; padding: 0.25rem 0; border-bottom: 1px solid #dee3e9; margin-right: 11.12%; } .yd-zltx .zz-w2 .c-box ul li img { margin-right: 10px; } .yd-zltx .zz-w2 .c-box ul li:nth-of-type(2n+2) { margin-right: 0; } @media (max-width: 1360px) { .yd-zltx .zz-bnimg .imgbox { width: 95%; } } @media (max-width: 991px) { .yd-zltx .public-title .zz-right { width: 47%; } .yd-zltx .zz-w2 { width: 80%; } } @media (max-width: 767px) { .yd-zltx .public-title .zz-left { padding-right: 0; } .yd-zltx .public-title .zz-right { width: 100%; } .yd-zltx { padding: 0.7rem 0 0.8rem; } .yd-zltx .zz-bnimg { margin-top: 0.4rem; padding-bottom: 45%; } .yd-zltx .zz-bnimg .imgbox { width: 90%; right: 5%; } .yd-zltx .zz-w2 { width: 100%; margin-top: 0.6rem; } .yd-zltx .zz-w2 .c-box { margin-top: 0.4rem; } .yd-zltx .zz-w2 .c-box ul { flex-wrap: wrap; margin-top: 0; } .yd-zltx .zz-w2 .c-box ul li { width: 100%; margin-right: 0; } } .yd-zlwjxz { background: #f5f8fb; padding: 0.85rem 0 1.4rem; overflow: hidden; } .yd-zlwjxz .c-ul { display: flex; flex-wrap: wrap; margin-top: 0.45rem; } .yd-zlwjxz .c-ul .c-li { border-bottom: 1px solid #dee3e9; width: 46.875%; margin-right: 6.25%; } .yd-zlwjxz .c-ul .c-li:nth-of-type(1), .yd-zlwjxz .c-ul .c-li:nth-of-type(2) { border-top: 1px solid #dee3e9; } .yd-zlwjxz .c-ul .c-li:nth-of-type(2n+2) { margin-right: 0; } .yd-zlwjxz .c-ul .c-li .c-a { padding: 0.3rem 0; display: flex; } .yd-zlwjxz .c-ul .c-li .c-a:hover .c-div1 p { color: #005eb8; } .yd-zlwjxz .c-ul .c-li .c-a .c-div1 { display: flex; align-items: center; flex: 1; } .yd-zlwjxz .c-ul .c-li .c-a .c-div1 p { margin-left: 0.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; padding-right: 0.2rem; color: #000; transition: all 0.3s; } @media (max-width: 767px) { .yd-zlwjxz { padding: 0.7rem 0 0.8rem; } .yd-zlwjxz .c-ul .c-li { width: 100%; margin-right: 0; } .yd-zlwjxz .c-ul .c-li .c-a { padding: 0.2rem 0; } .yd-zlwjxz .c-ul .c-li .c-a .c-div2 svg { width: 0.65rem; } } .yd-qyhj { background: #f9fafc; padding-top: 1.2rem; } .yd-qyhj .div-li { display: flex; justify-content: space-between; padding-bottom: 1.4rem; } .yd-qyhj .div-li .zz-left { width: 55.625%; display: flex; flex-direction: column; justify-content: flex-start; } .yd-qyhj .div-li .zz-left .h3 { line-height: 1.27; font-weight: bold; position: relative; } .yd-qyhj .div-li .zz-left .h3::before { content: ''; position: absolute; width: 0.85rem; height: 0.85rem; min-width: 50px; min-height: 50px; background: url(../images/yd-26.png) no-repeat; background-size: 100% 100%; top: -25%; left: -3%; } .yd-qyhj .div-li .zz-left .c-text { line-height: 2; border-top: 1px solid #eff1f6; padding-top: 0.5rem; margin-top: 0.5rem; position: relative; } .yd-qyhj .div-li .zz-left .c-text::before { content: ''; position: absolute; width: 30px; height: 1px; background: #009b4c; top: -1px; left: 0; } .yd-qyhj .div-li .zz-right { display: flex; } .yd-qyhj .div-li .zz-right .zz-l { display: flex; flex-wrap: wrap; width: 4.2rem; } .yd-qyhj .div-li .zz-right .zz-l li { width: 1.95rem; height: 1.5rem; padding: 0.2rem 0.2rem; background: #fff; border-radius: 15px; display: flex; flex-direction: column; justify-content: space-between; margin-right: 0.2rem; margin-bottom: 0.2rem; position: relative; transition: all 0.3s; } .yd-qyhj .div-li .zz-right .zz-l li::before { content: ''; width: 100%; height: 100%; top: 0; left: 0; background-image: linear-gradient(#53d272, #37c55d, #57d475); position: absolute; border-radius: 15px; opacity: 0; transition: all 0.3s; z-index: 3; } .yd-qyhj .div-li .zz-right .zz-l li:hover { box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2); } .yd-qyhj .div-li .zz-right .zz-l li:hover::before { opacity: 1; } .yd-qyhj .div-li .zz-right .zz-l li:hover .c-div1 { color: #fff; } .yd-qyhj .div-li .zz-right .zz-l li:hover svg path { fill: #fff; } .yd-qyhj .div-li .zz-right .zz-l li:nth-of-type(2n+2) { margin-right: 0; } .yd-qyhj .div-li .zz-right .zz-l li .c-div1, .yd-qyhj .div-li .zz-right .zz-l li .c-div2 { width: 100%; color: #000; position: relative; z-index: 4; transition: all 0.3s; } .yd-qyhj .div-li .zz-right .zz-l li .c-div2 { display: flex; justify-content: flex-end; } .yd-qyhj .div-li .zz-right .zz-l li svg { width: 0.27rem; } .yd-qyhj .div-li .zz-right .zz-l li svg path { fill: #000; transition: all 0.3s; } .yd-qyhj .div-li .zz-right .zz-r { width: 2.8rem; } .yd-qyhj .div-li .zz-right .zz-r li { width: 100%; height: 2.35rem; margin-bottom: 0.2rem; padding: 0.2rem 0.2rem; background: #fff; border-radius: 15px; display: flex; flex-direction: column; justify-content: space-between; position: relative; transition: all 0.3s; } .yd-qyhj .div-li .zz-right .zz-r li:hover { box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2); } .yd-qyhj .div-li .zz-right .zz-r li:hover::before { opacity: 1; } .yd-qyhj .div-li .zz-right .zz-r li:hover .c-div1 { color: #fff; } .yd-qyhj .div-li .zz-right .zz-r li:hover svg path { fill: #fff; } .yd-qyhj .div-li .zz-right .zz-r li::before { content: ''; width: 100%; height: 100%; top: 0; left: 0; background-image: linear-gradient(#53d272, #37c55d, #57d475); position: absolute; border-radius: 15px; opacity: 0; transition: all 0.3s; z-index: 3; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.4); } .yd-qyhj .div-li .zz-right .zz-r li:hover::before { opacity: 1; } .yd-qyhj .div-li .zz-right .zz-r li:hover .c-div1 { color: #fff; } .yd-qyhj .div-li .zz-right .zz-r li:hover svg path { fill: #fff; } .yd-qyhj .div-li .zz-right .zz-r li .bgimg { position: absolute; top: 0; left: 0; } .yd-qyhj .div-li .zz-right .zz-r li .c-div1, .yd-qyhj .div-li .zz-right .zz-r li .c-div2 { width: 100%; color: #000; position: relative; z-index: 4; transition: all 0.3s; } .yd-qyhj .div-li .zz-right .zz-r li .c-div2 { display: flex; justify-content: flex-end; } .yd-qyhj .div-li .zz-right .zz-r li svg { width: 0.27rem; } .yd-qyhj .div-li .zz-right .zz-r li svg path { fill: #000; transition: all 0.3s; } .yd-qyhj .div-li:nth-of-type(2) .zz-right { border-radius: 10px; position: relative; width: 60.31%; height: 0; padding-bottom: 34.37%; overflow: hidden; } .yd-qyhj .div-li:nth-of-type(2) .zz-right > .img, .yd-qyhj .div-li:nth-of-type(2) .zz-right img { position: absolute; width: 100%; height: 100%; } .yd-qyhj .div-li:nth-of-type(2) .zz-right img { transition: all 0.4s; } .yd-qyhj .div-li:nth-of-type(2) .zz-right:hover img { transform: scale(1.05); } .yd-qyhj .div-li:nth-of-type(2) .zz-right img { object-fit: cover; } .yd-qyhj .div-li:nth-of-type(2) .zz-left { justify-content: center; align-items: flex-end; width: 36.87%; } .yd-qyhj .div-li:nth-of-type(2) .zz-left .h3, .yd-qyhj .div-li:nth-of-type(2) .zz-left .c-text { text-align: right; } .yd-qyhj .div-li:nth-of-type(2) .zz-left .h3::before { left: unset; right: -5%; } .yd-qyhj .div-li:nth-of-type(2) .zz-left .c-text::before { left: unset; right: 0; } .yd-qyhj .div-li:nth-of-type(3) { padding-bottom: 0.45rem; } .yd-qyhj .div-li:nth-of-type(3) .c-text { border-top: 0; padding-top: 0; margin-top: 0.3rem; } .yd-qyhj .div-li:nth-of-type(3) .c-text::before { content: unset; } .yd-qyhj .yghd { display: flex; flex-wrap: wrap; } .yd-qyhj .yghd li { width: 33.33%; } .yd-qyhj .yghd li:nth-of-type(1) { width: 66.66%; } .yd-qyhj .yghd li:nth-of-type(1) .c-box .imgbox { position: relative; width: 100%; height: 0; padding-bottom: 20.61%; } .yd-qyhj .yghd li:nth-of-type(1) .c-box .imgbox > .img, .yd-qyhj .yghd li:nth-of-type(1) .c-box .imgbox img { position: absolute; width: 100%; height: 100%; } .yd-qyhj .yghd li .c-box { position: relative; width: 100%; overflow: hidden; } .yd-qyhj .yghd li .c-box::after { content: ''; display: inline-block; width: 100%; height: 100%; background: rgba(0, 129, 253, 0.7); position: absolute; top: 0; left: 0; transform: translate(0, 105%); transform-origin: bottom; transition: all 0.5s cubic-bezier(0.2, 0, 0.2, 1); z-index: 2; } .yd-qyhj .yghd li .c-box:hover::after { transform: translate(0, 0); } .yd-qyhj .yghd li .c-box:hover .c-textBox .c-text { opacity: 1; transform: translate(0, 0); } .yd-qyhj .yghd li .c-box .imgbox { position: relative; width: 100%; height: 0; padding-bottom: 41.22%; } .yd-qyhj .yghd li .c-box .imgbox > .img, .yd-qyhj .yghd li .c-box .imgbox img { position: absolute; width: 100%; height: 100%; } .yd-qyhj .yghd li .c-box .imgbox img { object-fit: cover; } .yd-qyhj .yghd li .c-box .imgbox::before { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; position: absolute; z-index: 1; } .yd-qyhj .yghd li .c-box .c-textBox { position: absolute; top: 0; left: 0; color: #fff; z-index: 3; padding: 0.3rem 0.4rem; } .yd-qyhj .yghd li .c-box .c-textBox .c-title { font-weight: bold; font-style: italic; } .yd-qyhj .yghd li .c-box .c-textBox .c-text { margin-top: 5px; opacity: 0; transform: translate(0, 80px); transition: transform 0.5s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.2, 0, 0.2, 1); } @media (max-width: 1580px) { .yd-qyhj .div-li .zz-right .zz-l li .c-div1, .yd-qyhj .div-li .zz-right .zz-l li .c-div2, .yd-qyhj .div-li .zz-right .zz-r li .c-div1, .yd-qyhj .div-li .zz-right .zz-r li .c-div2 { font-size: 15px; } .yd-qyhj .div-li .zz-right .zz-l { margin-right: 0.1rem; } } @media (max-width: 1260px) { .yd-qyhj .div-li .zz-left .c-text { font-size: 15px; } } @media (max-width: 991px) { .yd-qyhj .div-li .zz-left { width: 46%; } } @media (max-width: 767px) { .yd-qyhj .div-li { flex-direction: column; padding-bottom: 0.8rem; } .yd-qyhj .div-li .zz-left, .yd-qyhj .div-li .zz-right { width: 100%; } .yd-qyhj { padding-top: 0.7rem; } .yd-qyhj .div-li .zz-left .c-text { padding-top: 0.25rem; margin-top: 0.3rem; line-height: 1.6; font-size: 0.28rem; } .yd-qyhj .div-li .zz-right { flex-direction: column; margin-top: 0.4rem; } .yd-qyhj .div-li .zz-right .zz-l { width: 100%; margin-right: 0; } .yd-qyhj .div-li .zz-right .zz-l li { width: 31.33%; margin-right: 3%; } .yd-qyhj .div-li .zz-right .zz-l li:nth-of-type(2n+2) { margin-right: 3%; } .yd-qyhj .div-li .zz-right .zz-l li:nth-of-type(3n+3) { margin-right: 0; } .yd-qyhj .div-li .zz-right .zz-r { display: flex; width: 100%; } .yd-qyhj .div-li .zz-right .zz-r li { overflow: hidden; width: 48%; margin-right: 4%; } .yd-qyhj .div-li .zz-right .zz-r li:nth-of-type(2) { margin-right: 0; } .yd-qyhj .div-li .zz-right .zz-l li .c-div1, .yd-qyhj .div-li .zz-right .zz-l li .c-div2, .yd-qyhj .div-li .zz-right .zz-r li .c-div1, .yd-qyhj .div-li .zz-right .zz-r li .c-div2 { font-size: 0.28rem; } .yd-qyhj .div-li:nth-of-type(2) .zz-right, .yd-qyhj .div-li:nth-of-type(2) .zz-left { width: 100%; } .yd-qyhj .div-li:nth-of-type(2) .zz-left { align-items: flex-start; } .yd-qyhj .div-li:nth-of-type(2) .zz-left .h3, .yd-qyhj .div-li:nth-of-type(2) .zz-left .c-text { text-align: left; } .yd-qyhj .div-li:nth-of-type(2) .zz-left .h3::before { right: unset; left: -3%; } .yd-qyhj .div-li:nth-of-type(2) .zz-left .c-text::before { left: 0; right: unset; } .yd-qyhj .div-li:nth-of-type(2) .zz-right { padding-bottom: 50%; } .yd-qyhj .div-li:nth-of-type(2) .zz-left { margin-top: 0.6rem; } .yd-qyhj .div-li:nth-of-type(3) { margin-top: 0.4rem; } .yd-qyhj .div-li:nth-of-type(3) .zz-left .c-text { margin-top: 0; } .yd-qyhj .yghd li, .yd-qyhj .yghd li:nth-of-type(1) { width: 100%; margin-bottom: 0.3rem; } .yd-qyhj .yghd li:nth-of-type(1) .c-box .imgbox { padding-bottom: 41.22%; } .yd-qyhj .yghd li .c-box .c-textBox .c-text { opacity: 1; transform: translate(0, 0); } .yd-qyhj .yghd li .c-box::after { content: unset; } } .yd-zwzp { background: #f9fafc; padding: 0.95rem 0 1.2rem; } .yd-zwzp .job-ul { margin-top: 0.25rem; } .yd-zwzp .job-ul .job-li { background: #fff; border-radius: 10px; padding-top: 0.3rem; padding-bottom: 0.3rem; position: relative; margin-bottom: 0.2rem; } .yd-zwzp .job-ul .job-li .c-box1 { display: flex; justify-content: space-between; align-items: center; } .yd-zwzp .job-ul .job-li .c-box1 .zz-left { display: flex; flex-direction: column; color: #000; padding: 0 0.45rem; } .yd-zwzp .job-ul .job-li .c-box1 .zz-left .c-div1 { font-weight: bold; margin-bottom: 0.1rem; } .yd-zwzp .job-ul .job-li .c-box1 .zz-left .c-ul1 { display: flex; } .yd-zwzp .job-ul .job-li .c-box1 .zz-left .c-ul1 .c-li { display: flex; align-items: center; margin-left: 0.7rem; } .yd-zwzp .job-ul .job-li .c-box1 .zz-left .c-ul1 .c-li:nth-of-type(1) { margin-left: 0; } .yd-zwzp .job-ul .job-li .c-box1 .zz-left .c-ul1 svg path { fill: #000; } .yd-zwzp .job-ul .job-li .c-box1 .zz-left .c-ul1 span { margin-left: 10px; } .yd-zwzp .job-ul .job-li .c-box1 .zz-right { width: 1.2rem; height: 1.2rem; display: flex; align-items: center; justify-content: center; cursor: pointer; position: absolute; top: 0; right: 0; } .yd-zwzp .job-ul .job-li .c-box1 .zz-right .c-btn { background: #009b4c; width: 35px; height: 35px; border-radius: 1000px; position: relative; } .yd-zwzp .job-ul .job-li .c-box1 .zz-right .c-btn::before, .yd-zwzp .job-ul .job-li .c-box1 .zz-right .c-btn::after { content: ''; position: absolute; width: 12px; height: 2px; background: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s; } .yd-zwzp .job-ul .job-li .c-box1 .zz-right .c-btn::after { width: 2px; height: 12px; transition: all 0.3s; } .yd-zwzp .job-ul .job-li .c-box1 .zz-right .c-btn.on::after { opacity: 0; } .yd-zwzp .job-ul .job-li .c-box2 { color: #888; line-height: 1.66; margin-top: 0.15rem; padding-left: 0.45rem; padding-right: 0.45rem; } .yd-zwzp .job-ul .job-li .c-box3 { display: none; border-top: 1px solid #eff1f6; margin-left: 0.45rem; margin-right: 0.45rem; margin-top: 0.15rem; padding-top: 0.25rem; padding-bottom: 0.2rem; } .yd-zwzp .job-ul .job-li .c-box3 .c-ul2 { display: flex; flex-wrap: wrap; } .yd-zwzp .job-ul .job-li .c-box3 .c-ul2 .c-li { color: #009b4c; border: 1px solid #009b4c; padding: 0px 12px; border-radius: 1000px; margin-right: 0.2rem; margin-bottom: 0.2rem; } .yd-zwzp .job-ul .job-li .c-box3 .c-ul2 .c-li:nth-of-type(1) { margin-left: 5px; } .yd-zwzp .job-ul .job-li .c-box3 .c-div { padding-bottom: 0.15rem; } .yd-zwzp .job-ul .job-li .c-box3 .c-div .c-title { font-weight: bold; color: #000; margin-bottom: 0.1rem; } .yd-zwzp .job-ul .job-li .c-box3 .c-div .c-text { color: #666; line-height: 1.88; margin-bottom: 0.15rem; } @media (max-width: 767px) { .yd-zwzp { padding: 0.3rem 0 0.7rem; } .yd-zwzp .job-ul .job-li .c-box1 .zz-left .c-ul1 { flex-wrap: wrap; justify-content: flex-start; } .yd-zwzp .job-ul .job-li .c-box1 .zz-left .c-ul1 .c-li { margin-left: 0; margin-right: 0.3rem; margin-bottom: 0.1rem; } .yd-zwzp .job-ul .job-li .c-box1 .zz-left .c-ul1 span { font-size: 0.26rem; } .yd-zwzp .job-ul .job-li .c-box1 .zz-left .c-div1 { font-size: 0.32rem; margin-bottom: 0.25rem; } .yd-zwzp .job-ul .job-li .c-box1 .zz-left { width: 85%; } .yd-zwzp .job-ul .job-li .c-box1 .zz-right .c-btn { width: 0.6rem; height: 0.6rem; } .yd-zwzp .job-ul .job-li .c-box3 .c-ul2 .c-li:nth-of-type(1) { margin-left: 0; } .yd-zwzp .job-ul .job-li { margin-bottom: 0.3rem; } .yd-zwzp .job-ul { margin-top: 0.4rem; } } .yd-tzzlxfx { background: #fafafa; padding: 0.85rem 0 1.2rem; } .yd-tzzlxfx .container { display: flex; justify-content: space-between; align-items: flex-start; } @media (max-width: 767px) { .yd-tzzlxfx .container { flex-direction: column; } .yd-tzzlxfx { padding: 0.8rem 0; } } .public-left { width: 21.875%; background: #fff; padding: 0.35rem 0.35rem 0.55rem; position: sticky; top: 1rem; } .public-left ul li:nth-of-type(1) a { border-top: 0; } .public-left ul li a { padding: 0.2rem 0.15rem 0.2rem 0.3rem; display: flex; justify-content: space-between; align-items: center; color: #444; border-top: 1px solid #eef1f6; transition: all 0.3s; border-radius: 5px; } .public-left ul li a span { padding-right: 0.2rem; flex: 1; } .public-left ul li a svg { width: 12px; height: 12px; } @media (max-width: 767px) { .public-left ul li a svg { width: 0.2rem; height: 0.2rem; } } .public-left ul li a:hover, .public-left ul li a.on { background: #066dd0; color: #fff; } .public-left ul li a:hover svg path, .public-left ul li a.on svg path { fill: #fff; } .public-right { width: 75%; background: #fff; padding: 0.45rem 0.6rem 0.8rem; } .public-right .tb-title { color: #005eb8; font-weight: bold; margin-bottom: 0.1rem; } .public-right .tbcont-li { border-bottom: 1px solid #f1f4f7; } .public-right .tbcont-li:nth-of-type(1) { border-top: 1px solid #f1f4f7; } .public-right .tbcont-li .c-ul { display: flex; } .public-right .tbcont-li .c-ul .c-li { padding: 0.25rem 0; } .public-right .tbcont-li .c-ul .c-li:nth-of-type(1) { border-right: 1px solid #f1f4f7; width: 26.85%; padding-left: 0.25rem; padding-right: 0.25rem; } .public-right .tbcont-li .c-ul .c-li:nth-of-type(2) { width: 73.15%; padding-left: 0.65rem; padding-right: 0.65rem; } .public-right.public-right2 { padding-bottom: 0.6rem; } .public-right.public-right2 .tbcont-ul { margin-bottom: 0.45rem; } .public-right.public-right2 .c-ul .c-a { display: flex; width: 100%; transition: all 0.3s; } .public-right.public-right2 .c-ul .c-a .c-li { padding-left: 10px; padding-right: 10px; color: #999; } .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(1) { width: 46.29%; padding-left: 0.35rem; color: #333; position: relative; border-right: 0; transition: all 0.3s; } .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(1)::before { content: ''; width: 7px; height: 7px; border: 2px solid #005eb8; border-radius: 1000px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform: translateY(-50%); left: 7px; } .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(2) { width: 21.29%; display: flex; align-items: center; justify-content: center; } .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(3) { width: 17.12%; display: flex; align-items: center; justify-content: center; position: relative; padding: 0; } .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(3) a { font-size: 14px; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; color: #999; transition: all 0.3s; } .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(3) a:hover { color: #005eb8; } @media (max-width: 767px) { .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(3) a { font-size: 0.28rem; } } .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(3)::before, .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(3)::after { content: ''; position: absolute; height: 30%; width: 1px; background: #dce1e8; top: 50%; left: 0; transform: translateY(-50%); } .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(3)::after { left: unset; right: 0; } .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(4) { width: 15.3%; display: flex; align-items: center; justify-content: center; padding: 0; } .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(4) a { font-size: 14px; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(4) a img { transition: all 0.3s; } .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(4) a:hover img { transform: translateY(5px); } .public-right.public-right2 .c-ul .c-a:hover { background: #f5f7fa; } .public-right.public-right2 .c-ul .c-a:hover .c-li:nth-of-type(1) { color: #005eb8; } @media (max-width: 991px) { .public-right.public-right2 .c-ul .c-a .c-li { font-size: 14px; } .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(1) { font-size: 15px; } .public-left { width: 27%; } .public-right.public-right2, .public-right { width: 70%; } .public-left ul li a span { font-size: 15px; } .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(1)::before { width: 4px; height: 4px; } } @media (max-width: 767px) { .public-left, .public-right.public-right2, .public-right { width: 100%; } .public-left { position: unset; top: unset; margin-bottom: 0.7rem; margin-bottom: 0; padding: 0.5rem 0.3rem 0.2rem; order: 1; margin-top: 0.7rem; } .public-left ul li a span { font-size: 0.3rem; } .public-right .tbcont-li .c-ul { flex-direction: column; } .public-right .tbcont-li .c-ul .c-li:nth-of-type(1) { width: 100%; border-right: 0; } .public-right .tbcont-li .c-ul .c-li:nth-of-type(2) { width: 100%; } .public-right.public-right2 { padding: 0.4rem; } .public-right.public-right2 .c-ul .c-a { flex-direction: unset; flex-wrap: wrap; padding: 0.15rem 0.2rem 0.3rem; } .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(1) { width: 100%; font-size: 0.3rem; padding-left: 0.45rem; } .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(2) { width: 45%; font-size: 0.28rem; justify-content: flex-start; padding-top: 0; padding-bottom: 0; } .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(3), .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(4) { width: 27.5%; font-size: 0.28rem; padding-top: 0; } .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(3)::before, .public-right.public-right2 .c-ul .c-a .c-li:nth-of-type(3)::after { top: 0.14rem; transform: unset; } .public-right.public-right2 { padding: 0rem 0 0; background: transparent; order: 0; } .public-right.public-right2 .tbcont-ul { background: #fff; margin-bottom: 0.7rem; } .public-right.public-right2 .tb-title { padding-left: 0.3rem; margin-bottom: 0.4rem; } .public-right.public-right1 .tbcont-li .c-ul { padding: 0.15rem 0; } .public-right.public-right1 .tbcont-li .c-ul .c-li:nth-of-type(1) { padding-left: 0.3rem; padding-right: 0.3rem; } .public-right.public-right1 .tbcont-li .c-ul .c-li:nth-of-type(2) { padding-top: 0.1rem; padding-left: 0.3rem; padding-right: 0.3rem; font-size: 0.3rem; } .public-right.public-right1 { padding: 0.6rem 0.4rem 0.8rem; } .public-right.public-right1 .tb-title { margin-bottom: 0.4rem; padding-left: 0.25rem; } } .yd-tzzbg { background: #fafafa; padding: 0.85rem 0 0.8rem; } .yd-tzzbg .zz-w1 { display: flex; justify-content: space-between; } .yd-tzzbg .zz-w1 .zz-left, .yd-tzzbg .zz-w1 .zz-right { width: 48.75%; background: #fff; padding: 0.5rem 0.45rem 0.4rem; } .yd-tzzbg .zz-w1 .zz-left .c-titleBox, .yd-tzzbg .zz-w1 .zz-right .c-titleBox { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.1rem; } .yd-tzzbg .zz-w1 .zz-left .c-titleBox .c-title, .yd-tzzbg .zz-w1 .zz-right .c-titleBox .c-title { font-weight: bold; color: #005eb8; } .yd-tzzbg .zz-w1 .zz-left .c-titleBox a, .yd-tzzbg .zz-w1 .zz-right .c-titleBox a { color: #666; transition: all 0.3s; } .yd-tzzbg .zz-w1 .zz-left .c-titleBox a svg, .yd-tzzbg .zz-w1 .zz-right .c-titleBox a svg { width: 12px; height: 12px; } .yd-tzzbg .zz-w1 .zz-left .c-titleBox a svg path, .yd-tzzbg .zz-w1 .zz-right .c-titleBox a svg path { fill: #005eb8; } .yd-tzzbg .zz-w1 .zz-left .tbcont-ul .c-ul .c-a, .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a { display: flex; width: 100%; transition: all 0.3s; } .yd-tzzbg .zz-w1 .zz-left .tbcont-ul .c-ul .c-a .c-li, .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a .c-li { padding: 0.25rem 10px; color: #999; border-top: 1px solid #f1f4f7; } .yd-tzzbg .zz-w1 .zz-left .tbcont-ul .c-ul .c-a .c-li:nth-of-type(1), .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a .c-li:nth-of-type(1) { flex: 1; padding-left: 0.4rem; color: #333; position: relative; border-right: 0; transition: all 0.3s; } .yd-tzzbg .zz-w1 .zz-left .tbcont-ul .c-ul .c-a .c-li:nth-of-type(1) p, .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a .c-li:nth-of-type(1) p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .yd-tzzbg .zz-w1 .zz-left .tbcont-ul .c-ul .c-a .c-li:nth-of-type(1)::before, .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a .c-li:nth-of-type(1)::before { content: ''; width: 7px; height: 7px; border: 2px solid #005eb8; border-radius: 1000px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform: translateY(-50%); left: 7px; } .yd-tzzbg .zz-w1 .zz-left .tbcont-ul .c-ul .c-a .c-li:nth-of-type(2), .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a .c-li:nth-of-type(2) { display: flex; align-items: center; justify-content: center; padding-right: 0.2rem; } .yd-tzzbg .zz-w1 .zz-left .tbcont-ul .c-ul .c-a .c-li:nth-of-type(3), .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a .c-li:nth-of-type(3) { display: flex; display: none; align-items: center; justify-content: center; position: relative; padding-left: 0.15rem; padding-right: 0.4rem; } .yd-tzzbg .zz-w1 .zz-left .tbcont-ul .c-ul .c-a .c-li:nth-of-type(3)::before, .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a .c-li:nth-of-type(3)::before { content: ''; width: 2px; height: 15px; background: #dce1e8; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); left: 0; } .yd-tzzbg .zz-w1 .zz-left .tbcont-ul .c-ul .c-a:hover, .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a:hover { background: #f5f7fa; } .yd-tzzbg .zz-w1 .zz-left .tbcont-ul .c-ul .c-a:hover .c-li:nth-of-type(1), .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a:hover .c-li:nth-of-type(1) { color: #005eb8; } .yd-tzzbg .zz-w1 .zz-left .tbcont-ul .c-ul .c-a:hover .c-li:nth-of-type(3), .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a:hover .c-li:nth-of-type(3) { display: flex; animation: hideShow 0.3s; } .yd-tzzbg .zz-w1 .zz-right .c-titleBox .c-title { color: #00b893; } .yd-tzzbg .zz-w1 .zz-right .c-titleBox a svg path { fill: #00b893; } .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a { display: flex; width: 100%; transition: all 0.3s; } .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a .c-li { padding: 0.25rem 10px; color: #999; border-top: 1px solid #f1f4f7; } .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a .c-li:nth-of-type(1) { flex: 1; padding-left: 0.4rem; color: #333; position: relative; border-right: 0; transition: all 0.3s; } .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a .c-li:nth-of-type(1)::before { content: ''; width: 7px; height: 7px; border: 2px solid #00b893; border-radius: 1000px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform: translateY(-50%); left: 7px; } .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a .c-li:nth-of-type(3) svg path { fill: #00b893; } .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a:hover { background: #f5f7fa; } .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a:hover .c-li:nth-of-type(1) { color: #00b893; } .yd-tzzbg .zz-w1 .zz-left .c-titleBox a:hover { color: #005eb8; } .yd-tzzbg .zz-w1 .zz-right .c-titleBox a:hover { color: #00b893; } .yd-tzzbg .zz-w2 { background: #fff; display: flex; margin-top: 0.4rem; } .yd-tzzbg .zz-w2 .zz-left, .yd-tzzbg .zz-w2 .zz-right { width: 50%; } .yd-tzzbg .zz-w2 .zz-right { position: relative; width: 50%; height: 0; padding-bottom: 31.25%; overflow: hidden; } .yd-tzzbg .zz-w2 .zz-right > .img, .yd-tzzbg .zz-w2 .zz-right img { position: absolute; width: 100%; height: 100%; } .yd-tzzbg .zz-w2 .zz-right img { object-fit: cover; } .yd-tzzbg .zz-w2 .zz-right img { transition: all 0.4s; } .yd-tzzbg .zz-w2 .zz-right:hover img { transform: scale(1.05); } .yd-tzzbg .zz-w2 .zz-left { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: 0.5rem 0.85rem; background-size: cover; background-repeat: no-repeat; } .yd-tzzbg .zz-w2 .zz-left .h3 { font-weight: bold; margin-bottom: 0.1rem; } .yd-tzzbg .zz-w2 .zz-left .c-text { color: #666; line-height: 2; width: 90%; height: 1.8rem; overflow-y: auto; /*定义滚动条的轨道颜色、内阴影及圆角*/ /*定义滑块颜色、内阴影及圆角*/ padding-right: 15%; } .yd-tzzbg .zz-w2 .zz-left .c-text::-webkit-scrollbar { width: 1px; /*对垂直流动条有效*/ } .yd-tzzbg .zz-w2 .zz-left .c-text::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #ddd; background-color: #ddd; border-radius: 3px; } .yd-tzzbg .zz-w2 .zz-left .c-text::-webkit-scrollbar-thumb { border-radius: 7px; -webkit-box-shadow: inset 0 0 6px #005eb8; background-color: #005eb8; } .yd-tzzbg .zz-w2 .zz-left .c-a { color: #000; margin-top: 0.65rem; transition: all 0.3s; display: flex; align-items: center; } .yd-tzzbg .zz-w2 .zz-left .c-a svg { width: 12px; height: 12px; margin-left: 10px; transition: all 0.3s; } .yd-tzzbg .zz-w2 .zz-left .c-a svg path { fill: #005eb8; } .yd-tzzbg .zz-w2 .zz-left .c-a:hover { color: #005eb8; } .yd-tzzbg .zz-w2 .zz-left .c-a:hover svg { margin-left: 20px; } @media (max-width: 991px) { .yd-tzzbg .zz-w1 { flex-direction: column; } .yd-tzzbg .zz-w1 .zz-left, .yd-tzzbg .zz-w1 .zz-right { width: 100%; } .yd-tzzbg .zz-w1 .zz-left { margin-bottom: 0.4rem; } } @media (max-width: 767px) { .yd-tzzbg { padding: 0.8rem 0; } .yd-tzzbg .zz-w1 .zz-left .tbcont-ul .c-ul .c-a, .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a { flex-wrap: wrap; border-bottom: 1px solid #eee; padding: 0.1rem 0; justify-content: space-between; } .yd-tzzbg .zz-w1 .zz-left .tbcont-ul .c-ul .c-a .c-li:nth-of-type(1), .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a .c-li:nth-of-type(1) { width: 100%; flex: unset; } .yd-tzzbg .zz-w1 .zz-left .tbcont-ul .c-ul .c-a .c-li:nth-of-type(1)::before, .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a .c-li:nth-of-type(1)::before { width: 4px; height: 4px; } .yd-tzzbg .zz-w1 .zz-left .tbcont-ul .c-ul .c-a .c-li:nth-of-type(2), .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a .c-li:nth-of-type(2) { width: auto; justify-content: flex-start; padding-right: 0.3rem; padding-top: 0; } .yd-tzzbg .zz-w1 .zz-left .tbcont-ul .c-ul .c-a .c-li:nth-of-type(3), .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a .c-li:nth-of-type(3) { width: auto; display: flex; padding-left: 0.3rem; padding-top: 0; } .yd-tzzbg .zz-w1 .zz-left .tbcont-ul .c-ul .c-a .c-li:nth-of-type(3)::before, .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a .c-li:nth-of-type(3)::before { top: 0.05rem; transform: unset; content: unset; } .yd-tzzbg .zz-w1 .zz-left .tbcont-ul .c-ul .c-a .c-li, .yd-tzzbg .zz-w1 .zz-right .tbcont-ul .c-ul .c-a .c-li { border-top: 0; } .yd-tzzbg .zz-w1 .zz-left, .yd-tzzbg .zz-w1 .zz-right { padding-bottom: 0.65rem; } .yd-tzzbg .zz-w2 { flex-direction: column; } .yd-tzzbg .zz-w2 .zz-right, .yd-tzzbg .zz-w2 .zz-left { width: 100%; } .yd-tzzbg .zz-w2 .zz-right { order: 0; padding-bottom: 50%; } .yd-tzzbg .zz-w2 .zz-left { order: 1; padding: 0.4rem; } .yd-tzzbg .zz-w2 .zz-left .c-text { width: 100%; height: 2.7rem; } .yd-tzzbg .zz-w2 .zz-left .c-a { margin-top: 0.4rem; } } .yd-tzzlx { background: #fff; padding: 0.75rem 0 0.8rem; } .yd-tzzlx .title-box { margin-bottom: 0.3rem; } .yd-tzzlx .title-box .container { display: flex; justify-content: space-between; align-items: center; } .yd-tzzlx .title-box a { color: #666; transition: all 0.3s; } .yd-tzzlx .title-box a:hover { color: #005eb8; } .yd-tzzlx .title-box a svg { width: 12px; height: 12px; } .yd-tzzlx .title-box a svg path { fill: #005eb8; } @media (max-width: 767px) { .yd-tzzlx { padding: 0.7rem 0; } } .investorSwp .container { position: relative; } .investorSwp .swiper-container { padding: 20px 20px 0.6rem 20px; margin: -20px -20px 0 -20px; } .investorSwp .swiper-pagination { bottom: 0; } .investorSwp .swiper-pagination .swiper-pagination-bullet { background: #efefef; opacity: 1; } .investorSwp .swiper-pagination .swiper-pagination-bullet-active { background: #005eb8; } .investorSwp .swiper-slide { border: 1px solid #e2e2e2; border-radius: 10px; padding: 0.4rem 0.5rem 0.6rem; transition: all 0.3s; } .investorSwp .swiper-slide .c-title { border-bottom: 1px solid #dce3ed; padding-bottom: 0.12rem; position: relative; color: #005eb8; transition: all 0.3s; } .investorSwp .swiper-slide .c-title::before { content: ''; position: absolute; width: 20%; height: 1px; background: #005eb8; bottom: -1px; left: 0; } .investorSwp .swiper-slide .c-text { line-height: 1.2; margin-top: 0.3rem; height: 1.95rem; overflow-y: auto; /*定义滚动条的轨道颜色、内阴影及圆角*/ /*定义滑块颜色、内阴影及圆角*/ padding-right: 0.1rem; } .investorSwp .swiper-slide .c-text::-webkit-scrollbar { width: 1px; /*对垂直流动条有效*/ } .investorSwp .swiper-slide .c-text::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #ddd; background-color: #ddd; border-radius: 3px; } .investorSwp .swiper-slide .c-text::-webkit-scrollbar-thumb { border-radius: 7px; -webkit-box-shadow: inset 0 0 6px #005eb8; background-color: #005eb8; } .investorSwp .swiper-slide .bgimg { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; opacity: 0; z-index: -1; transition: all 0.3s; border-radius: 10px; } .investorSwp .swiper-slide:hover { transform: translateY(-10px); color: #fff; } .investorSwp .swiper-slide:hover .bgimg { opacity: 1; } .investorSwp .swiper-slide:hover .c-title { color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .investorSwp .swiper-slide:hover .c-title::before { content: unset; } .investorSwp .swiper-button-next, .investorSwp .swiper-button-prev { background-size: 10px 20px; position: absolute; top: calc(50% - 0.3rem); transform: translateY(-50%); left: -0.7rem; width: 0.5rem; height: 0.5rem; min-width: 40px; min-height: 40px; margin-top: 0; opacity: 1; } .investorSwp .swiper-button-next { left: unset; right: -0.7rem; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b2b9c0'%2F%3E%3C%2Fsvg%3E"); transition: all 0.3s; } .investorSwp .swiper-button-prev { transition: all 0.3s; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b2b9c0'%2F%3E%3C%2Fsvg%3E"); } .investorSwp .swiper-button-next.swiper-button-disabled { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b2b9c0'%2F%3E%3C%2Fsvg%3E"); } .investorSwp .swiper-button-prev.swiper-button-disabled { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b2b9c0'%2F%3E%3C%2Fsvg%3E"); } @media (max-width: 1580px) { .investorSwp .swiper-slide .c-text { height: 2.6rem; } } @media (max-width: 1260px) { .investorSwp .swiper-button-next, .investorSwp .swiper-button-prev { top: 50%; } } @media (max-width: 767px) { .investorSwp .swiper-button-next, .investorSwp .swiper-button-prev { display: none; } .investorSwp .swiper-container { padding-bottom: 0.8rem; } .investorSwp .swiper-slide { padding: 0.4rem; } .investorSwp .swiper-slide .c-title { padding-bottom: 0.25rem; } .investorSwp .swiper-slide .c-text { height: 3.6rem; } .investorSwp { overflow: hidden; } .investorSwp .swiper-slide:hover { transform: translateY(0); } } .yd-tzzlb { background: #fafafa; padding: 0.85rem 0 0.9rem; } .yd-tzzlb .c-ul { display: flex; flex-wrap: wrap; } .yd-tzzlb .c-ul .c-li { width: 23.43%; margin-right: 2.08%; position: relative; border-radius: 10px; overflow: hidden; transition: all 0.3s; } .yd-tzzlb .c-ul .c-li:nth-of-type(4n+4) { margin-right: 0; } .yd-tzzlb .c-ul .c-li:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } .yd-tzzlb .c-ul .c-li:hover .imgbox .img { transform: scale(1.05); } .yd-tzzlb .c-ul .c-li:hover .c-text svg { margin-left: 20px; } .yd-tzzlb .c-ul .c-li .imgbox { position: relative; width: 100%; height: 0; padding-bottom: 74.66%; } .yd-tzzlb .c-ul .c-li .imgbox > .img, .yd-tzzlb .c-ul .c-li .imgbox img { position: absolute; width: 100%; height: 100%; } .yd-tzzlb .c-ul .c-li .imgbox .img { object-fit: cover; border-radius: 10px; transition: all 0.3s; } .yd-tzzlb .c-ul .c-li .imgbox .bgimg { position: absolute; width: 100%; height: 100%; } .yd-tzzlb .c-ul .c-li .c-text { position: absolute; width: 100%; bottom: 0.4rem; padding: 0 0.35rem; color: #fff; display: flex; align-items: center; } .yd-tzzlb .c-ul .c-li .c-text svg { width: 12px; height: 12px; margin-left: 10px; transition: all 0.3s; } .yd-tzzlb .c-ul .c-li .c-text svg path { fill: #fff; } @media (max-width: 767px) { .yd-tzzlb .c-ul .c-li { width: 48%; margin-right: 4%; margin-bottom: 0.4rem; } .yd-tzzlb .c-ul .c-li:nth-of-type(2n+2) { margin-right: 0; } .yd-tzzlb { padding-bottom: 0.4rem; } } .yd-mzsm { margin-top: 0.7rem; } .yd-mzsm .c-box { width: 75%; margin: 0 auto; } .yd-mzsm .c-cont { color: #666; line-height: 1.7; border-top: 1px solid #eee; margin-top: 0.4rem; padding-top: 0.3rem; padding-bottom: 1.1rem; } .yd-mzsm.yd-yszc { padding-bottom: 1.05rem; } .yd-mzsm.yd-yszc .c-contBox { display: flex; justify-content: space-between; align-items: flex-start; border-top: 1px solid #eee; margin-top: 0.4rem; padding-top: 0.3rem; } .yd-mzsm.yd-yszc .c-contBox .zz-left { width: 25%; padding-right: 0.3rem; position: sticky; top: 1.2rem; } .yd-mzsm.yd-yszc .c-contBox .zz-left::before { content: ''; width: 2px; height: 100%; background: #d9d9d9; top: 0; left: -25px; position: absolute; } .yd-mzsm.yd-yszc .c-contBox .zz-left li { margin-bottom: 0.25rem; position: relative; } .yd-mzsm.yd-yszc .c-contBox .zz-left li.on::before { position: absolute; height: 100%; width: 2px; left: -25px; background: #005eb8; top: 0; content: ''; transition: all 0.3s; } .yd-mzsm.yd-yszc .c-contBox .zz-left li a { color: #888; } .yd-mzsm.yd-yszc .c-contBox .zz-right { width: 75%; color: #666; } .yd-mzsm.yd-yszc .c-contBox .zz-right .c-textBox { margin-top: -1rem; padding-top: 1rem; } .yd-mzsm.yd-yszc .c-contBox .zz-right .c-textBox:nth-of-type(1) { margin-top: 0 !important; padding-top: 0 !important; } @media (max-width: 767px) { .yd-mzsm .c-box { width: 100%; } .yd-mzsm.yd-yszc .c-contBox { flex-direction: column; } .yd-mzsm.yd-yszc .c-contBox .zz-left { width: 100%; position: unset; top: unset; margin-bottom: 0.3rem; } .yd-mzsm.yd-yszc .c-contBox .zz-right { width: 100%; } } .yd-errors { background: #f4f6f9; width: 100vw; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; } .yd-errors .bgimg { width: 60.93%; } .yd-errors .c-text p { text-align: center; color: #999; } .yd-errors .c-text p span { color: #009c30; } .yd-errors .btn-box { margin-top: 0.4rem; } .yd-errors .btn-box a:nth-of-type(1) { margin-right: 0.3rem; } .yd-qyhch { position: relative; width: 100%; height: 0; padding-bottom: 47.39%; } .yd-qyhch .hch-box { position: absolute; width: 100%; left: 0; top: 0; height: 100%; } .yd-qyhch .public-title3 { padding-top: 0.85rem; } .yd-qyhch .bgimg { width: 100%; height: 100%; position: absolute; } .yd-qyhch .bgimg img { width: 100%; height: 100%; object-fit: cover; } .yd-qyhch .hch-li { position: absolute; border-radius: 1000px; background: #fff; color: #333; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 1.2rem; height: 1.2rem; min-width: 95px; min-height: 95px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); } .yd-qyhch .hch-li:hover .bgimg { opacity: 1; } .yd-qyhch .hch-li::before { position: absolute; content: ''; background: url('../images/yd-147.png'); width: 130%; height: 130%; animation: proBox 16s infinite linear; -webkit-animation: proBox 16s infinite linear; background-size: 100% 100%; } .yd-qyhch .hch-li .bgimg { opacity: 0; transition: all 0.3s; } .yd-qyhch .hch-li .yd-icon { width: 0.45rem; min-width: 30px; height: auto; margin-bottom: 5px; } .yd-qyhch .hch-li .yd-icon path { fill: #009c30; } .yd-qyhch .hch-li1 { bottom: calc(100% - 81.86%); left: calc(100% - 69.53%); } .yd-qyhch .hch-li2 { bottom: calc(100% - 60.98%); left: calc(100% - 64.16%); } .yd-qyhch .hch-li3 { bottom: calc(100% - 52.19%); left: calc(100% - 53.38%); } .yd-qyhch .hch-li4 { bottom: calc(100% - 60.98%); left: calc(100% - 41.92%); } .yd-qyhch .hch-li5 { bottom: calc(100% - 81.86%); left: calc(100% - 38.02%); } .yd-qyhch .hch-bigli { bottom: calc(100% - 92.85%); left: calc(100% - 57.29%); border-radius: 1000px; background: #fff; color: #333; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 2.75rem; height: 2.75rem; min-width: 265px; min-height: 265px; position: absolute; } .yd-qyhch .hch-bigli .bgimg { width: 81.81%; height: 81.81%; border-radius: 1000px; object-fit: cover; } .yd-qyhch .hch-bigli .c-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #009c30; line-height: 1.13; } @media (max-width: 1580px) { .yd-qyhch .hch-li .c-text { font-size: 16px; } .yd-qyhch .hch-bigli { min-width: 240px; min-height: 240px; } } @media (max-width: 1260px) { .yd-qyhch .hch-li .c-text { font-size: 14px; } .yd-qyhch .hch-bigli { min-width: 200px; min-height: 200px; } .yd-qyhch { padding-bottom: 52.39%; } } @media (max-width: 991px) { .yd-qyhch { padding-bottom: 70%; } .yd-qyhch .hch-li { min-width: 85px; min-height: 85px; } .yd-qyhch .hch-li .c-text { font-size: 13px; } .yd-qyhch .hch-li1 { left: calc(100% - 76.53%); } .yd-qyhch .hch-li2 { left: calc(100% - 69.16%); } .yd-qyhch .hch-li3 { left: calc(100% - 54.38%); } .yd-qyhch .hch-li4 { left: calc(100% - 40.92%); } .yd-qyhch .hch-li5 { left: calc(100% - 34.02%); } .yd-qyhch .hch-bigli { left: calc(100% - 60.29%); } } @media (max-width: 767px) { .yd-qyhch .hch-li .c-text { font-size: 0.26rem; } .yd-qyhch { padding-bottom: 220%; } .yd-qyhch .hch-li { position: relative; left: unset; bottom: unset; } .yd-qyhch .c-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0 0.4rem; margin-top: 0.7rem; width: 100%; } .yd-qyhch .hch-li { min-width: 1.6rem; min-height: 1.6rem; margin-bottom: 0.8rem; } .yd-qyhch .hch-liBox { width: 33.33%; display: flex; align-items: center; justify-content: center; } .yd-qyhch .hch-bigli { bottom: calc(100% - 92.5%); left: calc(100% - 82.29%); min-width: 4.9rem; min-height: 4.9rem; } } .layui-flow-more a cite { font-style: normal; } .x-zbl { position: fixed; right: 0.3rem; bottom: 40%; z-index: 100; } @media (max-width: 767px) { .x-zbl { display: none !important; } } .x-zbl .x-img { width: 20px; height: 20px; position: absolute; top: 10px; right: 15px; cursor: pointer; } .x-zbl .x-img path { fill: #222; } .x-zbl .x-con { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 0.3rem 0.2rem; border-radius: 5px; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); border-radius: 12px; } @media (max-width: 1580px) { .x-zbl .x-con { width: 3.5rem; } } .x-zbl .x-con a { color: #222; padding: 0.1rem; position: relative; font-weight: bold; display: flex; align-items: center; transition: all 0.3s; border-radius: 10px; font-size: 15px; } @media (max-width: 991px) { .x-zbl .x-con a { font-size: 14px; } } .x-zbl .x-con a::before { content: unset; width: 100%; height: 1px; background: #009c30; bottom: 0; left: 0; position: absolute; transition: all 0.3s; } .x-zbl .x-con a:hover { background: #009c30; color: #fff; } .x-zbl .x-con a:hover::before { opacity: 0; } .x-zbl .x-con a:hover svg path { fill: #fff; } .x-zbl .x-con a:last-child { border-bottom: none; } .x-zbl .x-con a:last-child::before { content: unset; } .x-zbl .x-con a svg { width: 20px; height: 20px; margin-right: 10px; } .x-zbl .x-con a svg path { transition: all 0.3s; fill: #009c30; } @media (max-width: 991px) { } @media (max-width: 767px) { .ydsy-jj .container ul li .zz-c2 i { font-size: 0.48rem; } .ydsy-jj .container ul li .zz-c2 .num { margin-right: 0; } } #cleanReporting { background: #fafafa; } #cleanReporting .report-box { margin-bottom: 1.2rem; } #cleanReporting .report-box .c-ul { background: #fff; display: flex; } #cleanReporting .report-box .c-ul .c-li { display: none; flex: 1; } #cleanReporting .report-box .c-ul .c-li:nth-of-type(1) { display: block; } #cleanReporting .report-box .c-ul .c-li .c-title { display: none; } #cleanReporting .report-box .c-ul .c-li .c-text { padding: 0.4rem 0.7rem; text-align: left; min-height: 2.7rem; } #cleanReporting .public-nybn .bn-title .container { display: flex; flex-direction: column; align-items: flex-start; } #cleanReporting .public-nybn .bn-title .container .h2 { order: 0; } #cleanReporting .public-nybn .bn-title .container div { order: 1; } #cleanReporting .public-crumbs3 .c-box { padding: 0 0.6rem; } #cleanReporting .public-crumbs3 .c-a { padding: 0.25rem 0.3rem; text-align: left; margin-right: 1rem; } #cleanReporting .public-crumbs3 .c-a::after { content: unset; } @media (max-width: 767px) { #cleanReporting .public-crumbs3 .c-a::before { opacity: 1; background: #999; } #cleanReporting .public-crumbs3 .c-a.on::before { opacity: 1; background: #03902f; } #cleanReporting .public-crumbs3 .c-a { padding: 0.3rem 0.25rem 0.3rem 0.45rem; margin-right: 0.45rem; } #cleanReporting .public-crumbs3 .c-a:last-child { margin-right: 0; } #cleanReporting .report-box .c-ul .c-li .c-text { padding: 0.5rem 0.4rem; min-height: 5rem; } #cleanReporting .report-box { margin-bottom: 0.8rem; } #cleanReporting .public-crumbs3 .c-box { padding: 0; } #cleanReporting .report-box .c-ul .c-li .c-title { display: block; text-align: center; font-size: 0.34rem; padding: 0 0.4rem; } #cleanReporting .report-box .c-ul { flex-wrap: wrap; background: transparent; } #cleanReporting .report-box .c-ul .c-li { width: 100%; flex: unset; background: #fff; margin-bottom: 0.4rem; font-size: 0.28rem; } #cleanReporting .report-box .c-ul .c-li p { font-size: 0.28rem; } } /*# sourceMappingURL=./style.css.map */