body { width: 100%; min-width: 1200px; } .dq-banner { width: 100%; height: 1600px; background: ; background-size: 100% 100%; padding-top: 750px; box-sizing: border-box; } .dq-banner .dq-maodian { display: flex; align-items: center; justify-content: center; } .dq-banner .dq-mao { width: 160px; height: 170px; background: no-repeat; font-weight: bold; color: #fff; font-size: 18px; text-align: center; line-height: 90px; cursor: pointer; transition: all 0.2s; } .dq-banner .dq-mao:hover { width: 160px; height: 170px; background: no-repeat; margin-top: -60px; line-height: 150px; } .dq-banner .dq-title { width: 285px; height: 105px; background: no-repeat; margin: auto; margin-top: -60px; } .dq-banner .dq-tab-min { width: 1200px; margin: 20px auto 0; display: flex; align-items: center; justify-content: center; padding: 20px; height: 470px; border-radius: 10px; border: #ab8e3d 1px solid; box-sizing: border-box; } .dq-banner .dq-tab-min .dq-tab-box { width: 100%; height: 100%; background: #fff; border-radius: 10px; padding: 30px 20px; box-sizing: border-box; } .dq-banner .dq-tab-min .dq-tab-box .dq-tab-lf { width: 620px; height: 100%; position: relative; } .dq-banner .dq-tab-min .dq-tab-box .dq-tab-lf img { height: 100%; border-radius: 10px; } .dq-banner .dq-tab-min .dq-tab-box .dq-tab-rg { width: 460px; height: 100%; position: relative; } .dq-banner .dq-tab-min .dq-tab-box .dq-tab-rg li { font-size: 18px; border-bottom: 1px dashed #ccc; line-height: 40px; } .dq-banner .dq-tab-min .dq-tab-box .dq-tab-rg li:last-child { border-bottom: none; } .dq-banner .dq-tab-min .dq-tab-box .dq-tab-rg span { width: 100px; height: 30px; cursor: pointer; color: #b8b8b8; font-size: 18px; position: absolute; right: 20px; bottom: -5px; } .dq-sh-box { width: 100%; background: no-repeat; margin-top: 50px; } .dq-sh-box .dq-title { width: 530px; height: 105px; background: no-repeat; margin: auto; } .dq-sh-box .dq-se-box { width: 1200px; margin: auto; } .dq-sh-box .dq-se-box .dq-se-tab { width: 100%; height: 70px; background: no-repeat; margin-top: 50px; display: flex; } .dq-sh-box .dq-se-box .dq-se-tab div { flex: 1; position: relative; } .dq-sh-box .dq-se-box .dq-se-tab div img:first-child { width: 80px; height: 80px; display: block; margin: auto; margin-top: -35px; cursor: pointer; } .dq-sh-box .dq-se-box .dq-se-tab div div { text-align: center; font-size: 32px; color: #333; cursor: pointer; margin-top: 20px; } .dq-sh-box .dq-se-box .dq-se-tab div .dq-bi { position: absolute; left: 33%; bottom: -42px; cursor: pointer; display: none; } .dq-sh-box .dq-se-box .dq-se-tab div .dq-bi-show { display: block; } .dq-sh-box .dq-se-box .dq-se-cont { display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 70px; display: none; } .dq-sh-box .dq-se-box .dq-se-cont .dq-se-item { width: 33%; height: 360px; background: ; cursor: pointer; } .dq-sh-box .dq-se-box .dq-se-cont .dq-se-item img { width: 320px; height: 220px; display: block; margin: auto; margin-top: 40px; } .dq-sh-box .dq-se-box .dq-se-cont .dq-se-item div { font-size: 20px; color: #333; padding-left: 40px; margin-top: 20px; } .dq-sh-box .dq-se-box .dq-se-show { display: flex; } .dq-sh-box .dq-se-box .dq-more { width: 100%; height: 30px; margin-top: 60px; background: no-repeat; } .dq-sh-box .dq-se-box .dq-more span { width: 15%; height: 30px; cursor: pointer; margin: auto; display: block; } .dq-sj-box .dq-title { width: 260px; height: 105px; background: no-repeat; margin: auto; margin-top: 70px; } .dq-sj-box .dq-sj-cont { width: 1200px; margin: 0 auto; } .dq-sj-box .dq-sj-cont .dq-sj-tab { display: flex; align-items: center; justify-content: center; } .dq-sj-box .dq-sj-cont .dq-sj-tab .dq-sj-item { margin-top: 20px; width: 200px; height: 60px; margin-left: 120px; cursor: pointer; position: relative; } .dq-sj-box .dq-sj-cont .dq-sj-tab .dq-sj-item .sj-active { position: absolute; bottom: -10px; right: 50%; display: none; transition: all 0.3s; } .dq-sj-box .dq-sj-cont .dq-sj-tab .dq-sj-item .sj-show { display: block; } .dq-sj-box .dq-sj-cont .dq-sj-tab .dq-sj-item:first-child { margin-left: unset; } .dq-sj-box .dq-sj-cont .dq-sj-tab .sj1 { background: no-repeat; } .dq-sj-box .dq-sj-cont .dq-sj-tab .sj2 { background: no-repeat; } .dq-sj-box .dq-sj-cont .dq-sj-tab .sj3 { background: no-repeat; } .dq-sj-box .dq-sj-cont .dq-tab-box { width: 100%; height: 100%; background: #fff; border-radius: 10px; padding: 30px 20px; box-sizing: border-box; margin-top: 20px; display: none; } .dq-sj-box .dq-sj-cont .dq-tab-box .dq-tab-lf { width: 60%; height: 100%; } .dq-sj-box .dq-sj-cont .dq-tab-box .dq-tab-lf img { height: 100%; border-radius: 10px; } .dq-sj-box .dq-sj-cont .dq-tab-box .dq-tab-rg { width: 40%; height: 100%; position: relative; } .dq-sj-box .dq-sj-cont .dq-tab-box .dq-tab-rg li { font-size: 18px; border-bottom: 1px dashed #ccc; line-height: 40px; } .dq-sj-box .dq-sj-cont .dq-tab-box .dq-tab-rg li:last-child { border-bottom: none; } .dq-sj-box .dq-sj-cont .dq-tab-box .dq-tab-rg span { width: 100px; height: 30px; cursor: pointer; color: #b8b8b8; font-size: 18px; position: absolute; right: 20px; bottom: -60px; } .dq-sj-box .dq-sj-cont .dq-tab-show { display: block; } .dq-map-box { width: 1200px; margin: 0 auto; } .dq-map-box .dq-title { width: 260px; height: 105px; background: no-repeat; margin: auto; margin-top: 70px; } .dq-map-box .dq-bz-blank { width: 100%; height: 80px; background: no-repeat; margin-top: 40px; position: relative; } .dq-map-box .dq-bz-total { width: 1200px; margin: 0 auto; position: absolute; top: 10px; display: flex; justify-content: center; } .dq-kt-box { width: 1200px; margin: auto; margin-top: 90px; } .dq-kt-box .dq-title { width: 280px; height: 105px; background: no-repeat; margin: auto; } .dq-kt-box .dq-kp-cont { width: 100%; margin-top: 30px; } .dq-kt-box .dq-kp-cont .dq-kp-lf { width: 755px; height: 435px; background: no-repeat; padding: 16px 30px; box-sizing: border-box; } .dq-kt-box .dq-kp-cont .dq-kp-rg { width: 32%; } .dq-kt-box .dq-kp-cont .dq-kp-rg .dq-kp-show { border-bottom: dashed 1px #ccc; padding-bottom: 20px; } .dq-kt-box .dq-kp-cont .dq-kp-rg .dq-kp-show .dq-kp-title { font-size: 24px; color: #333; line-height: 30px; } .dq-kt-box .dq-kp-cont .dq-kp-rg .dq-kp-show .dq-kp-title-cont { margin-top: 20px; line-height: 30px; color: #666; } .dq-kt-box .dq-kp-cont .dq-kp-rg ul { margin-top: 30px; } .dq-kt-box .dq-kp-cont .dq-kp-rg ul li { line-height: 30px; margin-top: 30px; } .dq-flfg-box { width: 100%; height: 880px; background: no-repeat; margin-top: -100px; padding-top: 220px; } .dq-flfg-box .dq-flfg-cont { width: 1200px; height: 100px; margin: 0 auto; position: relative; } .dq-flfg-box .dq-flfg-cont .dq-title { width: 290px; height: 105px; background: no-repeat; margin: auto; } .dq-flfg-box .dq-flfg-cont ul { width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; margin-top: 40px; } .dq-flfg-box .dq-flfg-cont ul li { width: 46%; line-height: 45px; color: #fff; font-size: 18px; } .dq-flfg-box .dq-flfg-cont ul li:nth-child(even) { margin-left: 40px; } .dq-flfg-box .dq-flfg-cont ul li a { color: #fff; } .mt60 { margin-top: 60px !important; background: no-repeat !important; } .swiper3 { width: 100%; position: relative; overflow: hidden; } .swiper1 { width: 100%; position: relative; overflow: hidden; } .swiper1 .swiper-button-prev { color: #fff !important; } .swiper1 .swiper-button-next { color: #fff !important; } .swiper3 .swiper-button-prev { color: #fff !important; } .swiper3 .swiper-button-next { color: #fff !important; } .swiper-slide { position: relative; } .swiper-slide .dq-bt { width: 100%; height: 30px; padding: 0 10px; box-sizing: border-box; background: rgba(0, 0, 0, 0.3); position: absolute; bottom: 0; color: #fff; line-height: 30px; } ul { list-style: disc !important; } li::before { content: '●'; /* 在伪元素中添加原点的样式 */ color: #333; /* 原点颜色 */ font-size: 12px; /* 原点大小 */ font-weight: bold; /* 原点粗细 */ margin-right: 8px; /* 原点与文字的距离 */ } .dq-flfg-box li::before { content: '●'; /* 在伪元素中添加原点的样式 */ color: #fff; /* 原点颜色 */ font-size: 12px; /* 原点大小 */ font-weight: bold; /* 原点粗细 */ margin-right: 8px; /* 原点与文字的距离 */ } /*# sourcemappingurl=index.css.map */ .dq-mao a { color: #fff !important; } .mt-more { display: flex; margin-top: 10px; justify-content: flex-end; } .mt-more a { color: #fff !important; } .dq-mtn { width: 290px; height: 105px; margin: auto; background: no-repeat !important; }