@charset "UTF-8"; * { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none; box-sizing: border-box; } .gf{ position: absolute; left: 0;top: 0; z-index: 1; max-width: 66px; height:auto; } html, body { font-size: 14px; font-family: "Microsoft YaHei", "PingFang SC"; background: #fff; color: #333; } input, textarea, select { font-family: "Microsoft YaHei", "PingFang SC"; font-size: 14px; } img, input, textarea { border: none; } h1, h2, h3, h4, h5 { font-weight: normal; font-size: 16px; } table { width: 100%; border-collapse: collapse; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } html.hide { overflow: hidden; } body.hide { overflow: hidden; } a { color: inherit; } .fl { float: left; } .fr { float: right; } .clear { zoom: 1; } .clear:after { content: ""; display: table; clear: both; } .hide { display: none; } img { max-width: 100%; vertical-align: middle; height: auto; border: none; } .slideUp { animation: slideUp 1s both; -webkit-animation: slideUp 1s both; } @keyframes slideUp { 0% { opacity: 0; -webkit-transform: translateY(60px); transform: translateY(60px); } 100% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } .slideLeft { animation: slideLeft 1s both; -webkit-animation: slideLeft 1s both; } @keyframes slideLeft { 0% { opacity: 0; -webkit-transform: translateX(-60px); transform: translateX(-60px); } 100% { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } .slideRight { animation: slideRight 1s both; -webkit-animation: slideRight 1s both; } @keyframes slideRight { 0% { opacity: 0; -webkit-transform: translateX(60px); transform: translateX(60px); } 100% { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } .tobig { animation: tobig 1s both; -webkit-animation: tobig 1s both; } @keyframes tobig { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .c-body { position: relative; background: #dfdee3 url("../images_30znq/all-bg4.png") no-repeat top center; background-size: 100% auto; /* overflow-x: hidden; z-index: 0;*/ } .c-body .all-bg { position: absolute; left: 0; top: 0; width: 100%; height: auto; z-index: 0; } .head-logo a img{max-height: 66px;width:auto;} .contentBg { width: 1920px; position: absolute; top: 0; left: 50%; margin-left: -960px; font-size: 0; z-index: 0; height: 100%; overflow: hidden; } .computer-wrap { background: #dfdee3 url("../images_30znq/all-bg4.png") no-repeat top center; background-size:cover; } .main-header{ position: relative; z-index: 3; width:100%; } .main-header::after{ content:""; display: block; clear:both; overflow: hidden; } .main-header .nav-box { width: 100%; padding: 55px 0; text-align: center; } .main-header .nav-box .nav-list { display: inline-block; border-bottom: 1px solid #c8a982; white-space: nowrap; } .main-header .nav-box .nav-list .nav-item { display: inline-block; font-size: 21px; position: relative; font-weight: 500; line-height: 100px; } .main-header .nav-box .nav-list .nav-item:after { position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); content: ""; width: 0; height: 2px; background: #B42E27; transition: all 0.3s ease-in-out; } .main-header .nav-box .nav-list .nav-item.active a{ color: #B42E27; } .main-header .nav-box .nav-list .nav-item:hover:after,.main-header .nav-box .nav-list .nav-item.active::after { width: 64px; } .main-header .nav-box .nav-list .nav-item:hover .nav-fade { visibility: visible; opacity: 1; margin-top: 0; } .main-header .nav-box .nav-list .nav-item > a { padding: 0 34px; display: inline-block; color: #caaa88; transition: all 0.3s; font-size: 18px; } .main-header .nav-box .nav-list .nav-item > a:hover { color: #B42E27; } .main-header .nav-box .nav-list .nav-item .nav-fade { visibility: hidden; opacity: 0; transition: all 0.3s; } .main-header .nav-box .nav-list .nav-item .nav-opts { position: absolute; left: 50%; top: 100%; margin-left: -46px; background: #ffffff; width: 90px; } .main-header .nav-box .nav-list .nav-item .nav-opts .nav-opt { display: block; width: 100%; height: 40px; font-size: 14px; font-weight: 400; color: #8C8C8C; line-height: 40px; text-align: center; } .main-header .nav-box .nav-list .nav-item .qrcode-box { position: absolute; left: 50%; top: 100%; margin-left: -120px; text-align: center; width: 255px; background: #ffffff; padding-top: 10px; } .main-header .nav-box .nav-list .nav-item .qrcode-box img { width: 193px; height: 193px; } .main-header .nav-box .nav-list .nav-item .qrcode-box .qrcode-name { margin-top: 16px; font-size: 27px; height: 27px; color: #BFA588; line-height: 1; } .main-header .nav-box .nav-list .nav-item .qrcode-box .qrcode-tip { margin-top: 32px; margin-bottom: 25px; font-size: 16px; height: 16px; color: #000000; line-height: 1; } .main-header .head-banner { width: 100%; height: auto; } .explore-title { margin: 34% 0 110px; text-align: center; } .explore-title .explore1 { margin-bottom: 22px; } .w76 { width: 96%; max-width: 1200px; margin: 0 auto; } /*首页banner*/ .banner-index{ width:100%; height:678px; } /*创业历程*/ .cylc-wrap .cylc-item { position: relative; display: block; } /**/ .cylc-wrap .cylc-item:hover .item-desc { color: #BFA180; } .cylc-wrap .cylc-item .item-desc { color: #BFA180; background: rgba(0,0,0,0.5); } .cylc-wrap .cylc-item .item-image { position: relative; width: 100%; height: 196px; background: no-repeat center center; -webkit-background-size: cover; background-size: cover; } .cylc-wrap .cylc-item .item-image img.video-play { position: absolute; left: 0;right: 0; top: 0;bottom:0; margin:auto; z-index: 2; width: 40%; max-width: 50px; height:auto; } .cylc-wrap .cylc-item .item-image img { width: 100%; height: auto; } .cylc-wrap .cylc-item .item-year { position: absolute; display: inline-block; right: 0; top: 0; font-size: 30px; line-height: 1; padding: 3px 9px; color: #ffffff; background: #B6801F; background: linear-gradient(-31deg, #B6801F, #C18F38, #DDBB59); } .cylc-wrap .cylc-item .item-year .sm { font-size: 11px; line-height: 1; } .cylc-wrap .cylc-item .item-desc { position: absolute; width: 100%; left: 0; bottom: 0; padding: 0 16px; line-height: 46px; height: 46px; color: #FFFFFF; font-size: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*_ֽ动?/ .jcdt-wrap .jcdt-item { position: relative; display: block; background: #FFFFFF; } .downloadIndexPc .jcdt-item{ padding-bottom: 20px; } .jcdt-wrap .jcdt-item:hover .item-desc { color: #BFA180; } .jcdt-wrap .jcdt-item .item-image { width: 100%; height: 196px; background: no-repeat center center; -webkit-background-size: cover; background-size: cover; } .jcdt-wrap .jcdt-item .item-image img { width: 100%; height: auto; } .jcdt-wrap .jcdt-item .item-year { font-size: 18px; line-height: 24px; font-weight: 400; color: #000000; opacity: 0.7; padding: 40px 26px; } .jcdt-wrap .jcdt-item .item-desc { padding: 0 26px; margin-top: 20px; font-size: 24px; font-weight: 400; color: #000000; line-height: 35px; height:66px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .c-panel__content { position: relative; padding: 0 120px; } .c-panel__content .swiper-box{ height: 374px; /* background-image: url('../images_30znq/newImgs/pcbg.png'); */ background-size: 100% 100%; border:4px solid #c89f50; } .c-panel__content .swiper-box .swiper-wrapper{ transition-timing-function: linear; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; } .c-panel__content .swiper-box .cylc-item{ height:330px; } .c-panel__content .swiper-box image{ width: 100%; height: auto; } .c-panel__content .swiper-box .cylc-item .item-image{ height: 100%; background: no-repeat left top; background-size: 100% 100%; } .c-panel__content .swiper-more { text-align: center; background: #FFFFFF; width: 100%; height: auto; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } .c-panel__content .swiper-more .more-title { font-size: 25px; font-weight: 400; color: #000000; line-height: 25px; } .c-panel__content .swiper-more .more-name { margin-top: 20px; font-size: 15px; line-height: 1; font-weight: 300; color: #000000; } .c-panel__content .swiper-more .more-icon { margin-top: 22px; display: inline-block; width: 53px; height: 53px; background: url("../images_30znq/swiper-more.png") no-repeat; background-size: 100%; } .c-panel__content .button-prev, .c-panel__content .button-next { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; z-index: 222; cursor: pointer; } .c-panel__content .button-prev { left: 0; background: url("../images_30znq/icon_prev_active.png") no-repeat; background-size: 100% 100%; /* &.inactive{ background: url("image/icon_prev_black.png") no-repeat; background-size: 100% 100%; }*/ } .c-panel__content .button-prev.swiper-button-disabled { background: url("../images_30znq/icon_prev.png") no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto; } .c-panel__content .button-next { right: 0; background: url("../images_30znq/icon_next_active.png") no-repeat; background-size: 100% 100%; /* &.inactive{ background: url("image/icon_next_black.png") no-repeat; background-size: 100% 100%; }*/ } .c-panel__content .button-next.swiper-button-disabled { background: url("../images_30znq/icon_next.png") no-repeat; background-size: 100% 100%; } .c-panel__content .swiper-pagination { bottom: -70px !important; } .c-panel__content .swiper-pagination .swiper-pagination-bullet { border-radius: 50%; background-image: -moz-linear-gradient(121deg, rgb(182, 128, 31) 0%, rgb(193, 143, 56) 48%, rgb(221, 187, 89) 99%); background-image: -webkit-linear-gradient(121deg, rgb(182, 128, 31) 0%, rgb(193, 143, 56) 48%, rgb(221, 187, 89) 99%); background-image: -ms-linear-gradient(121deg, rgb(182, 128, 31) 0%, rgb(193, 143, 56) 48%, rgb(221, 187, 89) 99%); width: 14px; height: 14px; transition: all 0.3s; } .c-panel__content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-image: -moz-linear-gradient(121deg, rgb(182, 128, 31) 0%, rgb(193, 143, 56) 48%, rgb(221, 187, 89) 99%); background-image: -webkit-linear-gradient(121deg, rgb(182, 128, 31) 0%, rgb(193, 143, 56) 48%, rgb(221, 187, 89) 99%); background-image: -ms-linear-gradient(121deg, rgb(182, 128, 31) 0%, rgb(193, 143, 56) 48%, rgb(221, 187, 89) 99%); width: 31px; height: 14px; border-radius: 7px; } .c-panel.c-pdt { padding-top: 146px; } .c-panel__title { position: relative; margin: 0 120px; } .c-panel__title.w76 { margin: 0 auto; } .c-panel__title .head-more { position: absolute; right: 0; bottom: 0; font-size: 30px; font-weight: 400; color: #FFFFFF; background: linear-gradient(-31deg, #916413 0%, #A27425 48.486328125%, #C29E38 99.12109375%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .c-panel__title{ position: relative; } .c-panel__title .head-more2 { position: absolute; right: 0; bottom: 0; font-size: 28px; font-weight: 400; color: #FFFFFF; } .c-panel__special { text-align: center; position: relative; z-index: 1; margin: 70px 120px 0; } .c-panel__special .text { display: inline-block; line-height: 1.8; background: #916413; background: linear-gradient(-31deg, #916413, #A27425, #C29E38); font-size: 38px; font-weight: 400; color: #FFFFFF; padding: 0 24px; box-shadow: 0 0 18px 8px #bababc; } .c-panel__special .icon { position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #000000; z-index: -1; } .c-panel__content { margin-top: 72px; } .gradientText { color: #916413; background: linear-gradient(-31deg, #916413 0%, #A27425 48.486328125%, #C29E38 99.12109375%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .hdzj-box { margin-top: 144px; position: relative; } .hdzj-box .hdzj-bg { position: absolute; left: 0; top: 0; height: 555px; width: 100%; } .hdzj-box .hdzj-upload { margin: 42px 120px 0; font-size: 30px; display: inline-block; line-height: 1.6; background: #a52524; color: #FFFFFF; position: relative; padding: 0 4px; } .hdzj-box .hdzj-upload:hover .hdzj-upload-qrcode { opacity: 1; margin-top: 0; } .hdzj-box .hdzj-upload .down{ display: none; } .hdzj-box .hdzj-upload.showIcon .up{ display: none; } .hdzj-box .hdzj-upload.showIcon .down{ display: block; display: inline-block; } .hdzj-box .hdzj-upload .hdzj-upload-qrcode { display: none; margin-top: -10px; transition: all 0.3s; text-align: center; position: absolute; width: 100%; left: 0; top: 100%; background: #FFFFFF; padding: 15px 14px 23px; z-index: 999; box-shadow: 0 4px 4px #f6f6f6; } .hdzj-box .hdzj-upload.showIcon .hdzj-upload-qrcode{ display: block; } .hdzj-box .hdzj-upload .hdzj-upload-qrcode .qr-tip { font-size: 18px; font-weight: 400; color: #FFFFFF; line-height: 29px; background: linear-gradient(-31deg, #916413 0%, #A27425 48.486328125%, #C29E38 99.12109375%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .hdzj-wrap .hdzj-item { position: relative; display: block; background: #FFFFFF; padding: 0 0 30px 0; } .hdzj-wrap .hdzj-item .pd24 { padding: 0 24px; } .hdzj-wrap .hdzj-item .item-count { position: absolute; top: 0; right: -4px; display: inline-block; font-size: 18px; border-radius: 10px 0 0 10px; padding: 0 6px 0 14px; height: 28px; line-height: 28px; background: #916413; color: #FFFFFF; z-index: 9; background: linear-gradient(-31deg, #916413, #A27425, #C29E38); display: block; } .hdzj-wrap .hdzj-item.videoitem .item-count { display: none; } .hdzj-wrap .hdzj-item .item-image { width: 100%; position: relative; height: 196px; background: no-repeat center center; -webkit-background-size: cover; background-size: cover; } .hdzj-wrap .hdzj-item .item-image img { width: 100%; } .hdzj-wrap .hdzj-item .item-image img.video-play { position: absolute; left: 0;right: 0; top: 0;bottom:0; margin:auto; max-width: 20%; height:auto; } .hdzj-wrap .hdzj-item .item-year { font-size: 15px; line-height: 1; position: relative; padding: 30px 0 15px; } .hdzj-wrap .hdzj-item .item-year:after { content: ""; position: absolute; left: 0; bottom: 0; width: 46px; height: 1px; background: #000000; } .hdzj-wrap .hdzj-item .item-desc { margin-top: 10px; font-size: 16px; line-height: 22px; height: 46px; color: #000000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .hdzj-wrap .hdzj-item .item-person { margin-top: 32px; line-height: 30px; font-size: 13px; color: #000000; } .hdzj-wrap .hdzj-item .item-person .avatar { width: 30px; height: 30px; } .hdzj-wrap .hdzj-item .item-person span { margin-left: 6px; } .cpfl-box { padding: 30px 0 120px; margin-top: 110px; /*box-shadow: 0 0 24px #d1d0d5;*/ } .qdbz-wrap { min-height: 420px; margin-top: 50px; position: relative; padding: 120px 90px; } .qdbz-wrap .qdbz-main { float: left; width: 48%; max-width: 460px; margin-right: 2%; } .qdbz-wrap .qdbz-main .main-con { font-size: 24px; line-height: 38px; color: #FFFFFF; margin-top: 50px; text-align: justify; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height: 120px; } .qdbz-wrap .qdbz-main .main-more { font-size: 30px; display: inline-block; line-height: 1.6; background: #a52524; color: #FFFFFF; padding: 0 4px; margin-top: 110px; } .qdbz-wrap .qdbz-image { position: absolute; right: 188px; top: 130px; } .qdbz-wrap .w76{ overflow: hidden; } .qdbz-wrap .rightCont{ float: right; width:50%; max-width: 614px; height:318px; background: no-repeat center center; -webkit-background-size: 100% auto; background-size: 100% auto; } .banner-wrap { position: relative; } .banner-wrap .wrap-item1 { float: left; width:50%; max-width: 608px; height: 584px; position: relative; text-align: center; z-index: 1; margin-bottom: 1%; } .banner-wrap .pitem{ width:100%; overflow: hidden; } .banner-wrap .baseItem{ float: left; width: 49%; } .banner-wrap .baseItem .abaseItem{ height: 290px; } .banner-wrap .baseItem:nth-of-type(1){ margin-right: 2%; } .banner-wrap .baseItem .abaseItem:nth-of-type(1){ margin-bottom: 3%; } .banner-wrap .wrap-item2 { float: right; width: 49%; max-width: 584px; position: relative; } .banner-wrap .wrap-bottomItem{ width:100%; overflow: hidden; } .banner-wrap .wrap-bottomItem .abaseItem{ float: left; width:32%; height:295px; margin-right: 2%; } .banner-wrap .wrap-bottomItem .notMr{ margin-right: 0; } .banner-wrap .abaseItem{ position: relative; display: block; width:100%; height:100%; background: no-repeat center center; -webkit-background-size: cover; background-size: cover; } .banner-wrap .wrap-item1 .wrap-img { margin-top: 150px; } .banner-wrap .wrap-item1 .wrap-text { top: 50%; } .banner-wrap .wrap-item1 .wrap-more { position: absolute; right: 56px; bottom: 28px; transition: all 0.3s; } .banner-wrap .wrap-item1 .wrap-more:hover { right: 48px; } .banner-wrap .wrap-item2.mg0 { margin-right: 0; } .banner-wrap .wrap-item2 .wrap-bg { position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%; z-index: -1; } .banner-wrap .wrap-item2 .wrap-img { margin-top: 150px; } .banner-wrap .wrap-item2 .wrap-more { position: absolute; right: 12px; bottom: 20px; transition: all 0.3s; } .banner-wrap .wrap-item2 .wrap-more:hover { right: 8px; } .banner-wrap .wrap-bottomItem .wrap-more { position: absolute; right: 12px; bottom: 20px; transition: all 0.3s; } .banner-wrap .wrap-bottomItem .wrap-more:hover { right: 8px; } .download-wrap { padding: 10px 0; margin-top: 80px; text-align: center; } .download-wrap .download-title { margin-top: 42px; font-size: 50px; line-height: 1; font-weight: 400; color: #BFA588; background: linear-gradient(-31deg, #916413 0%, #A27425 48.486328125%, #C29E38 99.12109375%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .download-wrap .download-tip { margin-top: 18px; font-size: 33px; line-height: 1; font-weight: 400; color: #000000; } .c-footer { margin-top: 170px; padding-top: 84px; padding-bottom: 54px; background: url("../images_30znq/footer-bg.png") no-repeat center; background-size: cover; height: 578px; } .c-footer .footer-main { position: relative; height: 100%; } .c-footer .footer-related { position: absolute; right: 0; bottom: 0; text-align: right; } .c-footer .footer-related .related-box { color: #fefefe; line-height: 25px; font-size: 16px; } .c-footer .footer-related .related-box a { letter-spacing: 3px; } .c-footer .footer-related .related-box span { margin: 0 4px; } .c-footer .footer-related .logo-box { margin-bottom: 20px; } .c-footer .footer-related .footer-copyright { color: #fefefe; line-height: 1.4; font-size: 14px; margin-top: 50px; } .c-footer .footer-nav { display: flex; justify-content: space-between; } .c-footer .footer-nav dl dt { font-size: 21px; color: #fefefe; font-weight: bold; margin-bottom: 46px; line-height: 1; } .c-footer .footer-nav dl dd { font-size: 16px; color: #fefefe; line-height: 1; margin-bottom: 16px; } .c-footer .footer-nav dl dd:last-of-type { margin-bottom: 0; } .c-footer .footer-nav dl dd .quick-wrap { display: flex; } .c-footer .footer-nav dl dd .quick-wrap .quick-link { display: inline-block; width: 42px; height: 42px; border: 1px solid #FFFFFF; border-radius: 50%; margin-right: 8px; position: relative; } .c-footer .footer-nav dl dd .quick-wrap .quick-link:hover .link-code { opacity: 1; z-index: 999; transform: translate(-50%, -100%); visibility: visible; } .c-footer .footer-nav dl dd .quick-wrap .quick-link:last-of-type { margin-right: 0; } .c-footer .footer-nav dl dd .quick-wrap .quick-link.wx { background: url("../images_30znq/wx-icon.png") no-repeat center; background-size: 100%; } .c-footer .footer-nav dl dd .quick-wrap .quick-link.wb { background: url("../images_30znq/wb-icon.png") no-repeat center; background-size: 100%; } .c-footer .footer-nav dl dd .quick-wrap .quick-link.dy { background: url("../images_30znq/dy-icon.png") no-repeat center; background-size: 100%; } .c-footer .footer-nav dl dd .quick-wrap .quick-link.sph { background: url("../images_30znq/sph-icon.png") no-repeat center; background-size: 100%; } .c-footer .footer-nav dl dd .quick-wrap .quick-link.xcx { background: url("../images_30znq/xcx-icon.png") no-repeat center; background-size: 100%; } .c-footer .footer-nav dl dd .quick-wrap .quick-link.app { background: url("../images_30znq/app-icon.png") no-repeat center; background-size: 100%; } .c-footer .footer-nav dl dd .quick-wrap .quick-link .link-code { visibility: hidden; position: absolute; left: 50%; top: -10px; opacity: 0; transition: opacity 0.3s; transform: translate(-50%, 0); z-index: -1; } .c-footer .footer-nav dl dd .quick-wrap .quick-link .link-code .fixed-warp { position: relative; background: #fff; box-shadow: 0 0 4px #ddd; text-align: center; padding: 4px; /* .qrcode{ width: 92px; height: 92px; }*/ } .c-footer .footer-nav dl dd .quick-wrap .quick-link .link-code .fixed-warp:before { position: absolute; content: ""; width: 0; border: 8px solid transparent; top: 100%; left: 50%; border-top-color: #fff; margin-left: -8px; } .c-footer .footer-nav dl dd .quick-wrap .quick-link .link-code .fixed-warp .code-wrap { width: 188px; display: flex; justify-content: space-between; } .c-footer .footer-nav dl dd .quick-wrap .quick-link .link-code .fixed-warp .code-wrap2 { width: 94px; } .c-footer .footer-nav dl dd .quick-wrap .quick-link .link-code .fixed-warp .code-two-pages { width: 49%; box-sizing: border-box; text-align: center; } .c-footer .footer-nav dl dd .quick-wrap .quick-link .link-code .fixed-warp .code-two-pages img { border: 1px solid #dbdbdb; } .c-footer .footer-nav dl dd .quick-wrap .quick-link .link-code .fixed-warp p { font-size: 12px; color: #626262; line-height: 1.6; } .wap-footer { background: url("../images_30znq/footer-bg.png") no-repeat center; background-size: cover; min-height: 164px; padding: 20px 16px 10px; } .wap-footer .logo-box { text-align: center; } .wap-footer .logo-box img { height: 36px; } .wap-footer .wap-quick { text-align: center; } .wap-footer .wap-quick .quick-title { margin: 16px 0; font-size: 12px; color: #fefefe; } .wap-footer .quick-wrap { display: flex; justify-content: center; } .wap-footer .quick-wrap .quick-link { display: inline-block; width: 36px; height: 36px; border: 1px solid #FFFFFF; border-radius: 50%; margin-right: 8px; position: relative; } .wap-footer .quick-wrap .quick-link:hover .link-code { opacity: 1; z-index: 999; transform: translate(-50%, -100%); visibility: visible; } .wap-footer .quick-wrap .quick-link:last-of-type { margin-right: 0; } .wap-footer .quick-wrap .quick-link.wx { background: url("../images_30znq/wx-icon.png") no-repeat center; background-size: 100%; } .wap-footer .quick-wrap .quick-link.wb { background: url("../images_30znq/wb-icon.png") no-repeat center; background-size: 100%; } .wap-footer .quick-wrap .quick-link.dy { background: url("../images_30znq/dy-icon.png") no-repeat center; background-size: 100%; } .wap-footer .quick-wrap .quick-link.sph { background: url("../images_30znq/sph-icon.png") no-repeat center; background-size: 100%; } .wap-footer .quick-wrap .quick-link.xcx { background: url("../images_30znq/xcx-icon.png") no-repeat center; background-size: 100%; } .wap-footer .quick-wrap .quick-link.app { background: url("../images_30znq/app-icon.png") no-repeat center; background-size: 100%; } .wap-footer .quick-wrap .quick-link .link-code { visibility: hidden; position: absolute; left: 50%; top: -10px; opacity: 0; transition: opacity 0.3s; transform: translate(-50%, 0); z-index: -1; } .wap-footer .quick-wrap .quick-link .link-code .fixed-warp { position: relative; background: #fff; box-shadow: 0 0 4px #ddd; text-align: center; padding: 4px; /* .qrcode{ width: 92px; height: 92px; }*/ } .wap-footer .quick-wrap .quick-link .link-code .fixed-warp:before { position: absolute; content: ""; width: 0; border: 8px solid transparent; top: 100%; left: 50%; border-top-color: #fff; margin-left: -8px; } .wap-footer .quick-wrap .quick-link .link-code .fixed-warp .code-wrap { width: 188px; display: flex; justify-content: space-between; } .wap-footer .quick-wrap .quick-link .link-code .fixed-warp .code-wrap2 { width: 94px; } .wap-footer .quick-wrap .quick-link .link-code .fixed-warp .code-two-pages { width: 49%; box-sizing: border-box; text-align: center; } .wap-footer .quick-wrap .quick-link .link-code .fixed-warp .code-two-pages img { border: 1px solid #dbdbdb; } .wap-footer .quick-wrap .quick-link .link-code .fixed-warp p { font-size: 12px; color: #626262; line-height: 1.6; } .wap-footer .wap-copyright { text-align: center; margin-top: 30px; color: #fefefe; } .w90 { width: 90%; margin: 0 auto; height: 100%; } .wap-wrap { display: none; background: #dfdee3 url("../images_30znq/m-all-bg.png") no-repeat top center; background-size: 100% 100%; overflow: hidden; } .wap-wrap .w90, .wap-wrap .w76 { width: 92%; } .wap-wrap .head-nav { position: fixed; height: 60px; width: 100%; left: 0; top: 0; z-index: 999; background: #FFFFFF; } .wap-wrap .head-nav.active { background: #FFFFFF; } .wap-wrap .head-nav .head-logo { position: absolute; width: 110px; left: 16px; top: 50%; transform: translateY(-50%); } .wap-wrap .head-nav .head-logo img{ height:40px; width:auto; } .wap-wrap .head-nav .menu-icon { display: inline-block; width: 20px; height: 16px; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); background: url("../images_30znq/m-hamburger.png") no-repeat center; background-size: cover; } .wap-wrap .head-nav .menu-icon.active { background: url("../images_30znq/close-icon.png") no-repeat center; background-size: cover; } .wap-wrap .menu-nav { position: fixed; width: 100%; top: 0; bottom: 0; left: -100%; background: #FFFFFF; transition: all 0.3s cubic-bezier(0.89, 0.04, 0.21, 0.93); padding: 60px 24px 0; z-index: 998; overflow: auto; } .wap-wrap .menu-nav.active { left: 0; } .wap-wrap .menu-nav .nav-item a { line-height: 48px; font-size: 14px; color: #000000; display: block; border-bottom: 1px solid #000000; padding: 0 24px 0 18px; position: relative; } .wap-wrap .menu-nav .nav-item.active a{ color:#B42E27; } .wap-wrap .menu-nav .nav-item a i { position: absolute; display: inline-block; background: url("../images_30znq/arrow-up.png") no-repeat center; width: 9px; height: 5px; background-size: cover; right: 18px; top: 50%; margin-top: -2px; transform: rotateX(180deg); } .wap-wrap .menu-nav .nav-item a i.active { transform: rotateX(0deg); } .wap-wrap .menu-nav .nav-item .item-opts { display: none; } .wap-wrap .menu-nav .nav-item .item-opts a { color: #a2a2a2; border-bottom: 1px solid #7f7f7f; } .wap-wrap .wap-header { height: 200px; } .wap-wrap .c-pdt { padding-top: 30px; } .wap-wrap .explore-title { margin: 154% 0 0; text-align: center; } .wap-wrap .explore-title .explore1 { margin-bottom: 10px; } .wap-wrap .explore-title .explore1 img { width: 90px; } .wap-wrap .explore-title .explore2 img { width: 18px; } .wap-wrap .c-panel .c-panel__title { margin: 0; } .wap-wrap .c-panel .c-panel__title img { height: 36px; } .wap-wrap .c-panel .c-panel__title .head-more { font-size: 12px; } .wap-wrap .c-panel .c-panel__title .head-more2 { font-size: 12px; } .wap-wrap .c-panel .c-panel__content { margin-top: 10px; padding: 0; } .wap-wrap .c-panel .c-panel__content { position: relative; } .wap-wrap .c-panel .c-panel__content .swiper-more { text-align: center; background: #FFFFFF; width: 100%; height: auto; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } .wap-wrap .c-panel .c-panel__content .swiper-more .more-title { font-size: 16px; font-weight: 400; color: #000000; line-height: 1.6; } .wap-wrap .c-panel .c-panel__content .swiper-more .more-name { margin-top: 4px; font-size: 12px; line-height: 1.6; font-weight: 300; color: #000000; } .wap-wrap .c-panel .c-panel__content .swiper-more .more-icon { margin-top: 10px; display: inline-block; width: 30px; height: 30px; background: url("../images_30znq/swiper-more.png") no-repeat; background-size: 100%; } .wap-wrap .c-panel .c-panel__content .button-prev, .wap-wrap .c-panel .c-panel__content .button-next { display: none; position: absolute; top: 0; margin-top: 0; width: 16px; height: 100%; z-index: 2; cursor: pointer; } .wap-wrap .c-panel .c-panel__content .button-prev { left: 0; background: url("../images_30znq/m-icon-prev-active.png") no-repeat center; background-size: 9px 13px; /* &.inactive{ background: url("image/icon_prev_black.png") no-repeat; background-size: 100% 100%; }*/ } .wap-wrap .c-panel .c-panel__content .button-prev.swiper-button-disabled { background: url("../images_30znq/m-icon-prev.png") no-repeat center; } .wap-wrap .c-panel .c-panel__content .button-next { right: 0; background: url("../images_30znq/m-icon-next-active.png") no-repeat center; background-size: 9px 13px; /* &.inactive{ background: url("image/icon_next_black.png") no-repeat; background-size: 100% 100%; }*/ } .wap-wrap .c-panel .c-panel__content .button-next.swiper-button-disabled { background: url("../images_30znq/m-icon-next.png") no-repeat center; } .wap-wrap .c-panel .c-panel__content .swiper-pagination { bottom: -20px !important; } .wap-wrap .c-panel .c-panel__content .swiper-pagination .swiper-pagination-bullet { border-radius: 50%; background-image: -moz-linear-gradient(121deg, rgb(182, 128, 31) 0%, rgb(193, 143, 56) 48%, rgb(221, 187, 89) 99%); background-image: -webkit-linear-gradient(121deg, rgb(182, 128, 31) 0%, rgb(193, 143, 56) 48%, rgb(221, 187, 89) 99%); background-image: -ms-linear-gradient(121deg, rgb(182, 128, 31) 0%, rgb(193, 143, 56) 48%, rgb(221, 187, 89) 99%); width: 5px; height: 5px; transition: all 0.3s; } .wap-wrap .c-panel .c-panel__content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-image: -moz-linear-gradient(121deg, rgb(182, 128, 31) 0%, rgb(193, 143, 56) 48%, rgb(221, 187, 89) 99%); background-image: -webkit-linear-gradient(121deg, rgb(182, 128, 31) 0%, rgb(193, 143, 56) 48%, rgb(221, 187, 89) 99%); background-image: -ms-linear-gradient(121deg, rgb(182, 128, 31) 0%, rgb(193, 143, 56) 48%, rgb(221, 187, 89) 99%); width: 5px; height: 5px; border-radius: 50%; } .wap-wrap .c-panel .c-panel__special { margin: 20px 0; } .wap-wrap .c-panel .c-panel__special .text { font-size: 12px; } .wap-wrap .hdzj-box { margin-top: 30px; padding-top: 30px; } .wap-wrap .hdzj-box .hdzj-bg { height: 200px; } .wap-wrap .hdzj-upload { margin: 12px 0 14px; font-size: 12px; } .wap-wrap .banner-wrap { margin: 0 auto; position: relative; } .wap-wrap .banner-wrap .wrap-item1 { float: left; width: 170px; height: 170px; position: relative; text-align: center; margin-right: 2px; margin-bottom: 2px; z-index: 1; } .wap-wrap .banner-wrap .wrap-item1 .wrap-bg { position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%; z-index: -1; } .wap-wrap .banner-wrap .wrap-item1 .wrap-img { margin-top: 150px; } .wap-wrap .banner-wrap .wrap-item1 .wrap-text { margin-top: 36px; display: inline-block; height: 48px; line-height: 46px; width: 190px; padding: 0 30px; text-align: justify; border: 1px solid #f1e7d8; border-radius: 8px; color: #F1E7D8; font-size: 30px; font-weight: 500; } .wap-wrap .banner-wrap .wrap-item1 .wrap-more { top: 50%; transition: all 0.3s; } .wap-wrap .banner-wrap .wrap-item1 .wrap-more:hover { right: 48px; } .wap-wrap .banner-wrap .wrap-item2 { float: left; width: 84px; height: 84px; position: relative; text-align: center; margin-right: 2px; margin-bottom: 2px; z-index: 1; } .wap-wrap .banner-wrap .wrap-item2.mg0 { margin-right: 0; } .wap-wrap .banner-wrap .wrap-item2 .wrap-bg { position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%; z-index: -1; } .wap-wrap .banner-wrap .wrap-item2 .wrap-img { margin-top: 150px; } .banner-wrap .wrap-text { position: absolute; left: 0;right: 0; top: 0;bottom: 0; margin: auto; display: inline-block; height: 48px; line-height: 46px; width: 190px; text-align: justify; border: 1px solid #f1e7d8; border-radius: 8px; color: #F1E7D8; font-size: 26px; font-weight: 500; text-align: center; } .wap-wrap .banner-wrap .wrap-item2 .wrap-more { position: absolute; right: 12px; bottom: 20px; transition: all 0.3s; } .wap-wrap .banner-wrap .wrap-item2 .wrap-more:hover { right: 8px; } .wap-wrap .banner-wrap .wrap-item3 { float: left; width: 388px; height: 295px; position: relative; text-align: center; margin-right: 10px; margin-bottom: 8px; z-index: 1; } .wap-wrap .banner-wrap .wrap-item3.mg0 { margin-right: 0; } .wap-wrap .banner-wrap .wrap-item3 .wrap-bg { position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%; z-index: -1; } .wap-wrap .banner-wrap .wrap-item3 .wrap-img { margin-top: 150px; } .wap-wrap .banner-wrap .wrap-item3 .wrap-text { margin-top: 120px; display: inline-block; height: 48px; line-height: 46px; width: 190px; padding: 0 30px; text-align: justify; border: 1px solid #f1e7d8; border-radius: 8px; color: #F1E7D8; font-size: 30px; font-weight: 500; } .wap-wrap .banner-wrap .wrap-item3 .wrap-more { position: absolute; right: 12px; bottom: 20px; transition: all 0.3s; } .wap-wrap .banner-wrap .wrap-item3 .wrap-more:hover { right: 8px; } .wap-wrap .qdbz-wrap { margin-top: 10px; padding: 20px 0; min-height: 190px; } .wap-wrap .qdbz-wrap .qdbz-main { margin: 0; padding: 0 0 0; } .wap-wrap .qdbz-wrap .qdbz-main .main-title img { width: 162px; } .wap-wrap .qdbz-wrap .qdbz-main .main-con { font-size: 12px; line-height: 1.8; margin-top: 10px; } .wap-wrap .qdbz-wrap .qdbz-main .main-more { font-size: 12px; margin-top: 10px; } .wap-wrap .qdbz-wrap .qdbz-image { display: none; } .wap-wrap .wap-swiper .item-desc { padding: 0 10px; font-size: 12px; line-height: 1.5; height: auto; } .wap-wrap .wap-swiper .item-year { font-size: 12px; line-height: 1.5; padding: 20px 10px; } .wap-wrap .wap-swiper .cylc-item .item-year { padding: 3px 9px; } .wap-wrap .cpfl-box { margin-top: 30px; padding: 30px 0; } .wap-wrap .download-wrap { margin-top: 20px; padding-bottom:30px ; } .wap-wrap .download-wrap .download-qrcode{ background: #fff; width: 40%; margin:20px auto 6px; } .wap-wrap .download-wrap .download-qrcode img { width: 100%; } .wap-wrap .download-wrap .download-qrcode.nav img { width: 92px; } .wap-wrap .download-wrap .download-title { margin-top: 0; font-size: 18px; line-height: 1.8; } .wap-wrap .download-wrap .download-tip { margin-top: 0; line-height: 1.8; font-size: 12px; } .wap-wrap .hdzj-item .item-year:after { left: 10px; } .wap-wrap .hdzj-item .pd24 { padding: 0; } .wap-wrap .hdzj-box .hdzj-upload .hdzj-upload-qrcode .qr-tip { font-size: 12px; } .wap-wrap .c-footer { margin-top: 20px; } .flex-banner-wrap { /*margin-top: 100px;*/ } .flex-banner-wrap .wrap-col { display: flex; width: 100%; justify-content: space-between; flex-flow: row nowrap; } .flex-banner-wrap .wrap-col .banner-lg { background-color: #7f7f7f; margin-right: 1%; margin-bottom: 6px; } .flex-banner-wrap .wrap-col .banner-sm { margin-right: 1%; margin-bottom: 6px; display: flex; flex-flow: column nowrap; justify-content: space-between; } .flex-banner-wrap .wrap-col .banner-sm.last { margin-right: 0; } .flex-banner-wrap .wrap-col .banner-sm .sm-item { width: 100%; background-color: #7f7f7f; } .flex-banner-wrap .wrap-col .banner-mid { margin-right: 1.5%; } .flex-banner-wrap .wrap-col .banner-mid.last { margin-right: 0; } .flex-banner-wrap .wrap-col mid { width: 20%; background-color: #7f7f7f; } /* 5.21 */ .alertBox.alertBoxPC{ font-size: 18px; } .alertBox.alertBoxPC .info{ width: 300px; } .alertBox{ position: fixed; left: 50%; top: 50%; transform: translateX(-50%); background: #fff; font-size: 12px; border-radius: 4px; box-shadow: 1px 2px 6px #ddd; z-index: 999; display: none; } .alertBox.show{display: block;} .alertBox .info{ padding:6px 12px; width: 210px; background: linear-gradient(to right,#d1ab40,#906210); -webkit-background-clip: text; color: transparent; } .download-wrap .download-qrcode{position: relative; width: 220px;height: 220px;background: #fff;margin:0 auto;} .download-wrap .download-qrcode img{max-height: 220px;width:auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;} @media (max-width: 1700px) { .qdbz-wrap .qdbz-image { display: none; } } @media (max-width: 1500px) { .main-header .nav-box { padding: 40px; } .main-header .nav-box .nav-list .nav-item { line-height: 80px; } .main-header .nav-box .nav-list .nav-item > a { padding: 0 30px; font-size: 18px; } .main-header .nav-box .head-logo img { width: 200px; } .c-panel .c-panel__title img { height: 94px; } } @media (min-width:1200px) and (max-width:1500px){ .main-header .nav-box .nav-list .nav-item .qrcode-box{ width: 180px; } .main-header .nav-box .nav-list .nav-item .qrcode-box img{ width: 140px; height:auto; } .main-header .nav-box .nav-list .nav-item .qrcode-box .qrcode-name{font-size: 18px;} .main-header .nav-box .nav-list .nav-item .qrcode-box .qrcode-tip{font-size: 12px;margin-top: 10px;margin-bottom: 15px;} .main-header .nav-box { padding: 30px; } .main-header .nav-box .head-logo img{ max-height: 50px; width:auto; } .main-header .nav-box .nav-list .nav-item { line-height: 54px; } .main-header .nav-box .nav-list .nav-item > a { padding: 0 30px; font-size: 16px; } .explore-title{ margin:38% 0 80px; } .explore-title .explore1{ margin-bottom: 10px; } .explore-title .explore1 img{ max-height: 20px; width:auto; } .explore-title .explore2 img{ max-height: 30px; width:auto; } .c-panel .c-panel__title img { height: 60px; } .c-panel__title .head-more,.c-panel__title .head-more2{font-size: 20px;} .cylc-wrap .cylc-item .item-desc{height: 36px;line-height: 36px;} .cylc-wrap .cylc-item .item-desc{font-size: 16px;} .cylc-wrap .cylc-item .item-year{font-size: 14px;} .c-panel__content{margin-top: 40px;} .c-panel__content .button-prev, .c-panel__content .button-next{ width: 40px;height: 40px; } .c-panel.c-pdt{padding-top: 70px;} .jcdt-wrap .jcdt-item .item-desc{font-size: 16px;line-height: 24px;height: 46px;} .jcdt-wrap .jcdt-item .item-year{font-size: 14px;padding:20px 26px;} .hdzj-box{margin-top: 70px;} .hdzj-box .hdzj-upload{font-size: 24px;} .cpfl-box{padding-top: 0;margin-top: 70px;padding-bottom: 0;} .qdbz-wrap{margin-top: 40px;padding: 70px 0;} .qdbz-wrap .qdbz-main .main-title img{ max-height:70px; width:auto; } .qdbz-wrap .qdbz-main .main-con{font-size: 16px;line-height: 24px;height: 70px;} .qdbz-wrap .qdbz-main .main-more{font-size: 20px;} .c-panel__special{margin-top: 30px;} .c-panel__special .text{font-size: 28px;} .banner-wrap .wrap-item1{height: 520px;} .banner-wrap .baseItem .abaseItem{height: 255px;} .banner-wrap .wrap-bottomItem .abaseItem{height: 260px;} .banner-wrap .wrap-text{font-size: 24px;text-align: center;width: 180px;} /*.banner-wrap .wrap-item1 .wrap-text{top: 70%;}*/ .banner-wrap .wrap-item1 .wrap-img{width:40%;height:auto;} .download-wrap{margin-top: 60px;} .download-wrap .download-qrcode{width: 220px;height: 220px;background: #fff;margin:0 auto;} .download-wrap .download-qrcode img{max-height: 220px;width:auto;} .download-wrap .download-title{font-size: 32px;} .download-wrap .download-tip{font-size: 20px;} .c-footer{margin-top: 80px;padding-top: 60px;padding-bottom: 40px;height: 480px;} .c-footer .footer-nav dl dt{font-size: 16px;margin-bottom: 34px;} .c-footer .footer-nav dl dd{font-size: 12px;margin-bottom: 16px;} .c-footer .footer-related .related-box{font-size: 12px;} .c-footer .footer-related .logo-box img{height:70px;width:auto;} .c-footer .footer-nav dl dd .quick-wrap .quick-link{width: 36px;height: 36px;} .c-footer .footer-related .footer-copyright{margin-top: 30px;} } @media (min-width:801px) and (max-width:1199px){ .main-header .nav-box .nav-list .nav-item .qrcode-box{ width: 180px; } .main-header .nav-box .nav-list .nav-item .qrcode-box img{ width: 140px; height:auto; } .main-header .nav-box .nav-list .nav-item .qrcode-box .qrcode-name{font-size: 18px;} .main-header .nav-box .nav-list .nav-item .qrcode-box .qrcode-tip{font-size: 12px;margin-top: 10px;margin-bottom: 15px;} .main-header .nav-box { padding:20px 0; } .main-header .nav-box .head-logo img{ max-height: 40px; width:auto; } .main-header .nav-box .nav-list .nav-item { line-height: 46px; } .main-header .nav-box .nav-list .nav-item > a { padding: 0 16px; font-size: 14px; } .explore-title{ margin:38% 0 40px; } .explore-title .explore1{ margin-bottom: 10px; } .explore-title .explore1 img{ max-height: 16px; width:auto; } .explore-title .explore2 img{ max-height: 20px; width:auto; } .c-panel .c-panel__title img { height: 44px; } .c-panel__title .head-more,.c-panel__title .head-more2{font-size: 12px;} .cylc-wrap .cylc-item .item-image,.jcdt-wrap .jcdt-item .item-image,.hdzj-wrap .hdzj-item .item-image{height: 130px;} .cylc-wrap .cylc-item .item-desc{height: 36px;line-height: 36px;} .cylc-wrap .cylc-item .item-desc{font-size: 12px;} .cylc-wrap .cylc-item .item-year{font-size: 14px;} .c-panel__content{margin-top: 30px;} .c-panel__content .button-prev, .c-panel__content .button-next{ width: 34px;height: 34px; } .c-panel.c-pdt{padding-top: 30px;} .jcdt-wrap .jcdt-item .item-desc{font-size: 12px;line-height: 20px;height: 40px;padding:0 16px;margin-top: 10px;} .jcdt-wrap .jcdt-item .item-year{font-size: 12px;padding:10px 16px;} .hdzj-box{margin-top: 70px;} .hdzj-box .hdzj-upload{font-size: 24px;} .cpfl-box{padding-top: 0;margin-top: 70px;padding-bottom: 0;} .qdbz-wrap{margin-top: 30px;padding: 70px 0;} .qdbz-wrap .qdbz-main .main-title img{ max-height:70px; width:auto; } .hdzj-wrap .hdzj-item .pd24{padding:0 16px;} .hdzj-wrap .hdzj-item .item-year{font-size: 12px;padding-top: 20px;} .hdzj-wrap .hdzj-item .item-year:after{width: 32px;} .hdzj-wrap .hdzj-item .item-desc{font-size: 12px;line-height: 20px;height: 38px;} .hdzj-wrap .hdzj-item .item-person{margin-top: 14px;font-size: 12px;} .hdzj-wrap .hdzj-item .item-person .avatar{width: 20px;height: 20px;} .hdzj-wrap .hdzj-item{padding-bottom: 20px;} .hdzj-wrap .hdzj-item .item-count{font-size: 14px;} .qdbz-wrap .qdbz-main .main-con{font-size: 14px;line-height: 20px;height: 60px;} .qdbz-wrap .qdbz-main .main-more{font-size: 14px;} .qdbz-wrap .qdbz-main .main-more{margin-top: 66px;} .c-panel__special{margin-top: 30px;} .c-panel__special .text{font-size: 20px;} .qdbz-wrap .qdbz-main{width: 42%;} .banner-wrap .wrap-item1{height: 360px;} .banner-wrap .baseItem .abaseItem{height: 178px;} .banner-wrap .wrap-bottomItem .abaseItem{height: 180px;} .banner-wrap .wrap-text{font-size: 14px;text-align: center;width: 120px;height: 30px;line-height: 30px;} /*.banner-wrap .wrap-item1 .wrap-text{top: 70%;}*/ .banner-wrap .wrap-item1 .wrap-img{width:40%;height:auto;margin-top: 30%;} .download-wrap{margin-top: 60px;} .download-wrap .download-qrcode img{max-height: 200px;width:auto;} .download-wrap .download-title{font-size: 26px;} .download-wrap .download-tip{font-size: 16px;} .c-footer{margin-top: 80px;padding-top: 60px;padding-bottom: 40px;height: 480px;} .c-footer .footer-nav dl dt{font-size: 14px;margin-bottom: 28px;} .c-footer .footer-nav dl dd .quick-wrap{width:100px;display: block;} .c-footer .footer-nav dl dd{font-size: 12px;margin-bottom: 16px;} .c-footer .footer-related .related-box{font-size: 12px;} .c-footer .footer-related .logo-box img{height:70px;width:auto;} .c-footer .footer-nav dl dd .quick-wrap .quick-link{width: 36px;height: 36px;} .c-footer .footer-related .footer-copyright{margin-top: 30px;} .c-panel__content .swiper-box{height: 238px;padding: 12px;} .c-panel__content .swiper-box .cylc-item{height: 210px;} .c-panel__content .swiper-box .cylc-item .item-image{background-size: cover;} } @media (min-width:1000px) and (max-width:1099px){ .c-panel__content .swiper-box{height: 292px;} .c-panel__content .swiper-box .cylc-item{height: 260px;} .c-panel__content .swiper-box .cylc-item .item-image{background-size: cover;} } @media (min-width:1100px) and (max-width:1199px){ .c-panel__content .swiper-box{height: 350px;} .c-panel__content .swiper-box .cylc-item{height: 310px;} .c-panel__content .swiper-box .cylc-item .item-image{background-size: cover;} } /*@media (max-width: 1400px) { .download-wrap{ margin-top: 100px; } .download-qrcode img{ max-width: 30%; } .download-wrap .download-title{ font-size: 40px; } .download-wrap .download-tip{ font-size: 30px; } .main-header .nav-box { padding: 36px; } .main-header .nav-box .nav-list .nav-item { line-height: 80px; } .main-header .nav-box .nav-list .nav-item > a { padding: 0 28px; font-size: 18px; } .main-header .nav-box .head-logo img { width: 190px; } .c-panel .c-panel__title img { height: 88px; } } @media (max-width: 1300px) { .download-wrap{ margin-top: 100px; } .download-qrcode img{ max-width: 30%; } .download-wrap .download-title{ font-size: 40px; } .download-wrap .download-tip{ font-size: 30px; } .computer-wrap{ -webkit-background-size: 130% auto; background-size: 130% auto; overflow: hidden; } .main-header { height: 750px; } .explore-title{margin-top: 4%;} .main-header .nav-box { padding: 40px; } .main-header .nav-box .nav-list .nav-item { line-height: 80px; } .main-header .nav-box .nav-list .nav-item > a { padding: 0 24px; font-size: 18px; } .main-header .nav-box .head-logo img { width: 200px; } .c-panel .c-panel__title img { height: 82px; } } @media (max-width: 1200px) { .download-wrap{ margin-top: 100px; } .download-qrcode img{ max-width: 30%; } .download-wrap .download-title{ font-size: 40px; } .download-wrap .download-tip{ font-size: 30px; } .computer-wrap{ -webkit-background-size: 130% auto; background-size: 130% auto; overflow: hidden; } .explore-title{margin-top: 4%;} .w76, .w90 { width: 100%; } .main-header { height: 750px; } .main-header .nav-box { padding: 20px; } .main-header .nav-box .nav-list .nav-item { line-height: 80px; } .main-header .nav-box .nav-list .nav-item > a { padding: 0 22px; font-size: 16px; } .main-header .nav-box .head-logo img { width: 160px; } .c-panel .c-panel__title img { height: 74px; } } @media (max-width: 1100px) { .download-wrap{ margin-top: 100px; } .download-qrcode img{ max-width: 30%; } .download-wrap .download-title{ font-size: 40px; } .download-wrap .download-tip{ font-size: 30px; } .computer-wrap{ -webkit-background-size: 130% auto; background-size: 130% auto; } .explore-title{margin-top: 0;} .w76, .w90 { width: 100%; } .main-header .nav-box { padding: 20px; } .main-header .nav-box .nav-list .nav-item { line-height: 80px; } .main-header .nav-box .nav-list .nav-item > a { padding: 0 18px; font-size: 16px; } .main-header .nav-box .head-logo img { width: 140px; } } @media (max-width: 1000px) { .w76, .w90 { width: 100%; } .main-header .nav-box { padding: 20px; } .main-header .nav-box .nav-list .nav-item { line-height: 80px; } .main-header .nav-box .nav-list .nav-item > a { padding: 0 12px; font-size: 16px; } .main-header .nav-box .head-logo img { width: 140px; } } @media (max-width: 900px) { .w76, .w90 { width: 100%; } .main-header .nav-box { padding: 20px; } .main-header .nav-box .nav-list .nav-item { line-height: 50px; } .main-header .nav-box .nav-list .nav-item > a { padding: 0 8px; font-size: 14px; } .main-header .nav-box .head-logo img { width: 140px; } } */ @media (min-width:719px) and (max-width:800px){ .c-panel__content .swiper-box{max-width: 646px;margin: 0 auto;} } /* @media (min-width:584px) and (max-width:800px){ #cylccontainer-m .c-panel__content .swiper-box{max-width: 540px;margin: 0 auto;} } */ @media (max-width: 800px) { .download-wrap .download-qrcode{height: 140px;} .wap-footer .quick-wrap .quick-link.wx .link-code .fixed-warp:before{ left: 20%; } .wap-footer .quick-wrap .quick-link.wx:hover .link-code{ transform: translate(-20%, -100%); } .wap-wrap .wap-swiper .item-desc{ height: 36px; line-height: 36px; } .hdzj-wrap .hdzj-item .item-person{ margin-top: 20px; } .hdzj-wrap .hdzj-item{padding-bottom: 20px;} .wap-wrap .wap-swiper .item-year{padding:20px 10px 10px;} .wap-wrap .wap-swiper .item-year:after{width: 30px;} .cylc-wrap .cylc-item .item-image,.jcdt-wrap .jcdt-item .item-image,.hdzj-wrap .hdzj-item .item-image{ height: 125px; } .wap-wrap .qdbz-wrap .qdbz-main{float: left;width: 46%;} .wap-wrap .qdbz-wrap .rightCont{float: right;width: 48%;height: 140px;background: no-repeat center center;-webkit-background-size: 100% auto; background-size: 100% auto;} .wap-wrap .qdbz-wrap .qdbz-main .main-con{height: 64px;} .wap-wrap .hdzj-upload span img{ height: 10px; } .wap-wrap { display: block; } .wap-wrap .wap-header { height: 420px; } .computer-wrap { display: none; } .w76, .w90 { width: 100%; } .flex-banner-wrap .wrap-col{margin-bottom: 1%;} .flex-banner-wrap .warpItem{ display: block; width: 100%; height:100%; position: relative; background: no-repeat center center; -webkit-background-size: cover; background-size: cover; } .flex-banner-wrap .topbigItem{ float: left; width: 49%; height: 140px; } .flex-banner-wrap .topItem{ float: left; width: 25%; } .flex-banner-wrap .topItem .warpItem{ height: 49%; } .flex-banner-wrap .topItem .warpItem:nth-of-type(1){ margin-bottom: 3%; } .flex-banner-wrap .lastWarpItem{ float: left; width: 33%; height: 90px; } .flex-banner-wrap .warpItem .wrap-text{ position: absolute; left: 0;right: 0; top: 0;bottom: 0; margin:auto; width: 70px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #fff; border-radius: 4px; font-size: 12px; color:#fff; } .flex-banner-wrap .topbigItem img{ position: absolute; left: 0;right: 0; top: 30%; max-width: 40%; margin:0 auto; } .flex-banner-wrap .topbigItem .wrap-text{ top: 70%; } /* 首页下蝲 5.21 start*/ .jcdt-wrap .jcdt-item .item-desc{margin-top: 10px;} .wap-wrap .downloadIndex .item-desc{ line-height: 18px; margin-top: 10px; height: 40px; } .downloadIndex .jcdt-wrap .jcdt-item{ padding-bottom: 10px; } .c-panel{width: 90%;margin:0 auto;} .base-banner .swiper-box{top: 0!important;padding-top: 0;} .base-banner.setHeight{padding-top: 20px;height: 100px!important;} .c-panel__content .swiper-box{height: auto;border-width: 3px;} .c-panel__content .swiper-box .swiper-slide{margin-left: -1px;} .c-panel__content .swiper-box .cylc-item{height: 16vh;} .c-panel__content .swiper-box .swiper-slide{height: calc(100% - 8px);} .c-panel__content .swiper-box .cylc-item .item-image{background-size: 100% 100%;} } @media (max-width: 600px) { .wap-wrap { display: block; } .wap-wrap .wap-header { height: 320px; } .computer-wrap { display: none; } .w76, .w90 { width: 100%; } /* .base-banner .swiper-box{top: 0!important;padding-top: 0;} .base-banner.setHeight{padding-top: 20px;height: 100px!important;} .c-panel__content .swiper-box{height: 168px;padding: 9px 8px;background-image: url('../images_30znq/newImgs/mbg.png');} .c-panel__content .swiper-box .cylc-item{height: 150px;} */ } @media (max-width: 400px) { .wap-wrap { display: block; } .wap-wrap .wap-header { height: 200px; } .computer-wrap { display: none; } } .wap-wrap .head-nav{background: none;} .wap-wrap .head-nav.show{background: #fff;} /*# sourceMappingURL=main.css.map */ 99久久久国产精品_avh专区_欧美A一级欧美A欧美视频观看_国内精品久久精品