.banner { height: 9.5rem; z-index: -2; } .banner .swiper-slide { width: 100%; position: relative; display: flex; justify-content: center; align-items: center; } .banner .swiper-slide .bannerImg { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; transition: all 0.5s ease-out; left: 0; top: 0; } .banner .swiper-slide .bannerImg video { width: 100%; height: 100%; object-fit: cover; } .banner .swiper-pagination { bottom: 0.5rem !important; } .banner .swiper-pagination-bullet { width: 0.12rem; height: 0.12rem; border-radius: 40px; border: 3px solid white; opacity: 1; background: none; background: white; } .banner .swiper-pagination-bullet-active { width: 0.14rem; height: 0.14rem; background: none; border-color: #DB0000; } header.title { position: relative; padding-bottom: 15px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .title a { color: #000000; display: inline-block; position: relative; } .title>a::after { position: absolute; content: ""; width: 50%; height: 2px; background: #e40112; bottom: -15px; left: 0%; } .title span { box-sizing: border-box; border: 2px solid #e1e1e1; color: #666; padding: 0.1rem 0.2rem; cursor: pointer; transition: all 0.3s ease-out; } .title span:hover { border-color: #e60111; background: #e60111; color: #fff; } .title span:hover a { color: white; } .title span img { display: block; width: 100%; } .content1 { padding-top: 0.5rem; position: relative; } .content1_1 { padding-top: 0rem; } .content1-c { padding-bottom: 0.5rem; } .content1 .el-col { position: relative; } .content1 .title { margin-bottom: 0.5rem; } .content1 .swiper-container { padding: 5px 1px; } .content1 .swiper-wrapper { height: auto !important; } .content1-c .swiper-container { display: block; } .content1_1 .swiper-container { display: none; overflow: hidden; } .content1 .swiper-slide { text-align: center; cursor: pointer; transition: all 0.3s ease-out; display: flex; flex-direction: column; align-items: center; height: auto !important; } .content1 .swiper-slide.swiper-slide-active { /*border: 1px solid #DB0000; box-sizing: border-box;*/ } .content1 .swiper-slide a { color: #494949; display: block; padding: 0.15rem 0px; width: 86%; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2); position: relative; overflow: hidden; } .content1 .swiper-slide:hover { transform: translateY(-5px); } .content1 .swiper-slide:hover p { color: #DB0000; } .content1 .swiper-slide img { height: 1.3rem; vertical-align: middle; } .content1 .swiper-slide-active p { color: #e50111; } .content1 .swiper-button-prev, .content1 .swiper-button-next { display: flex; justify-content: center; align-items: center; background-size: cover; background-position: center; width: 24px; height: 24px; top: 50%; margin-top: 0.4rem; transition: all 0.5s; opacity: 1 !important; position: absolute; z-index: 111; cursor: pointer; border: none; outline: none; } .content1 .swiper-button-next.swiper-button-disabled { pointer-events: initial; } .content1 .swiper-button-prev.swiper-button-disabled { pointer-events: initial; } .content1 .swiper-button-prev { left: -0.8rem; background: url(../images/i_r.png) no-repeat center; background-size: 100% 100%; z-index: 111111; } .content1 .swiper-button-next { right: -0.5rem; background: url(../images/i_l.png) no-repeat center; background-size: 100% 100%; z-index: 111111; } .content2 { position: relative; box-sizing: border-box; display: flex; align-items: center; background-size: cover; background-position: center; padding: 1.1rem 0 0.7rem; height: 8.47rem; background: url(../images/i_2bg.jpg) center; background-size: cover; overflow: hidden; } .content2 .el-col { height: 100%; position: relative; } .content2 .select { position: absolute; left: 0; bottom: 0; top: 0px; color: #fff; text-align: left; overflow: hidden; } .content2 .select .swiper-container { width: auto !important; } .content2 .select .swiper-container .swiper-wrapper { width: 2.5rem !important; min-width: 168px; height: 100% !important; overflow: auto; transform: translate3d(0px, 0px, 0px) !important; -ms-transform: translate3d(0px, 0, 0) !important; -o-transform: translate(0px, 0px) !important; -o-transform: translate3d(0px, 0, 0) !important; -moz-transform: translate3d(0px, 0, 0) !important; -webkit-transform: translate3d(0px, 0, 0) !important; padding-right: 40px; } .content2 .select .swiper-container .swiper-wrapper::-webkit-scrollbar { width: 4px; height: 4px; background: rgba(255, 0, 0, .2); } .content2 .select .swiper-container .swiper-wrapper::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 12px rgba(219, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2); } .content2 .select .swiper-container .swiper-wrapper::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; background: rgba(0, 0, 0, 0.1); } .content2 .select .swiper-container .swiper-slide { height: 25px !important; padding: 6px 0; cursor: pointer; clear: both; } .content2 .select .swiper-container .swiper-slide p { opacity: 0.4; line-height: 24px; padding-left: 0.2rem; } .content2 .select .swiper-container .swiper-slide p:before { content: ""; display: inline-block; width: 13px; height: 13px; background: url(../images/y_kx.png) no-repeat center; margin-right: 10px; position: relative; top: 2px; opacity: 0.5; } .content2 .select .swiper-container .swiper-slide:hover p { opacity: 1; color: #DB0000; } .content2 .select .swiper-container .swiper-slide p:hover:before { background: url(../images/y_sx.png) no-repeat center; } .content2 .select .swiper-container .ac { background: url(../images/sl_bg.png) no-repeat center; color: #DB0000; background-size: contain; } .content2 .select .swiper-container .ac p { opacity: 1; } .content2 .select .swiper-container .ac p:before { content: ""; display: inline-block; width: 13px; height: 13px; background: url(../images/y_sx.png) no-repeat center; margin-right: 10px; position: relative; top: 2px; opacity: 0.5; } .content2 .select li { font-size: 14px; opacity: 0.4; cursor: pointer; margin-top: 0.16rem; padding-left: 0.25rem; } .content2 .select li.active { opacity: 1; border-left: 2px solid #fff; } .content2 .product { position: absolute; left: 0; top: 10%; width: 100%; height: 76%; text-align: center; display: none; } .content2 .product.active { display: block; } .content2 .product>a { position: absolute; display: block; width: 100%; height: 100%; left: -7%; } .content2 .product>a img { width: 50%; height: 100%; } .content2 .product .innerWrap { height: 100%; display: flex; justify-content: flex-end; } .content2 .product .intro { color: #bbbbbb; text-align: left; margin-top: 1.1rem; width: 30%; } .content2 .product .intro a { color: #bbbbbb; } .content2 .product .intro .p1 { margin: 0.2rem 0px; } .content2 .btnContainer button { background: none; border: 1px solid #bbbbbb; padding: 10px 20px; border-radius: 0px; margin-top: 0.25rem; } .content2 .btnContainer button:hover { color: white; background: #DB0000; border: 1px solid #DB0000; } .content2 .btnContainer button:hover a { color: white; } .content2_1 { display: block; } .content2_2 { display: none; background: url(../images/i_2bg.jpg) no-repeat center; background-size: cover; padding: 1.5rem 0; } .content2_2 .swiper-slide, .content2_2 .swiper-wrapper { height: auto !important; } .content2_2 .product .intro { text-align: center; color: #fff; } .content2_2 .img-box { height: 12rem; } .content2_2 .img-box .img { width: 100%; height: 100%; background-repeat: no-repeat; background-size: 130%; background-position: center; } .content2_2 .product .intro .title { /*font-size: 1.15rem;*/ font-weight: 600; /*height: 1.5rem;*/ } .content2_2 .product .intro .text { /*font-size:0.8rem;*/ margin-bottom: 0.36rem; } .content2_2 .btnContainer { display: inherit; } .content2_2 .btnContainer button { background: none; border: 1px solid #bbbbbb; padding: 10px 20px; border-radius: 0px; margin-top: 0.5rem; } .content2_2 .product .intro a { color: white; } .list_btn { position: absolute; z-index: 1; top: 0px; right: 0px; display: none; } .list_btn span { display: block; width: 10px; height: 10px; background: white; border-radius: 10px; margin-top: 10px; cursor: pointer; } .content3 { padding: 0.5rem 0px; padding-bottom: 1rem; background: url(../images/sy_c3_bg.jpg) repeat-x center; position: relative; overflow: hidden; } .content3 .form_map .form_b { background: white; padding: 0.35rem; } .content3 .form_map .form_b .form_b_t a { color: #000000; text-align: center; padding: 0.12rem 0px; min-height: 30px; line-height: 30px; } .content3 .form_map .form_b .form_b_t a.active { color: white; background: #DB0000; } .content3 .show_2 { padding-top: 0.3rem; } .jt_all { position: absolute; right: 10px; bottom: 16px; cursor: pointer; } .content3 .show_1 .el-button { margin: 0px auto; margin-left: 37%; margin-top: 0.8rem; } .content3 .show_1 .el-button:hover { color: white; background: #DB0000; } .content3 .show_1 .el-button:hover a { color: white; } .show_1 .el-input .ms { margin-bottom: 0.1rem; margin-top: 0.2rem; } .form_map { margin-top: 0.5rem; } .form_map .ms { margin: 0.3rem 0px 0.3rem 0px; } .sel .el-input { width: 46.5%; margin-right: 6%; color: #000000; margin-left: 0px; position: relative; } .el-popper { display: none; } .el-input__suffix { right: 0px; } .sel .el-input:last-child { margin-right: 0px; } .el-input__suffix i { position: absolute; right: 0px; top: 0px; width: 40px; height: 36px; } .el-input__inner { color: #000000; } .el-input .el-select__caret { color: #c0c4cc; font-size: 14px; transition: transform .3s; transform: rotate(0deg); cursor: pointer; } .el-input .el-select__caret.is-reverse { transform: rotate(180deg); } .el-input__suffix i img { display: block; width: 100%; background: #f1f1f1; } .xsd_box_c { border: 1px solid #e5e5e5; padding: 0.05rem 0.18rem; } .xsd_box { height: 2.5rem; position: relative; overflow: auto; min-height: 80px; } .xsd_box::-webkit-scrollbar { width: 4px; height: 4px; } .xsd_box::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 12px rgba(219, 0, 0, 0.9); background: rgba(0, 0, 0, 0.2); } .xsd_box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; background: rgba(0, 0, 0, 0.1); } .xsd_box p { margin: 0.18rem 0px; color: #000000; } .xsd_box p a { color: #DB0000; } .map_b { position: relative; } .map_b img { display: block; width: 100%; } .form_map .city { position: absolute; } .form_map .city>span { display: block; height: 28px; line-height: 26px; color: #333; cursor: pointer; padding-left: 0.27rem; } .form_map .city>span:before { content: ""; display: inline-block; position: absolute; left: 0px; width: 0.25rem; height: 28px; background: url(../images/p_map.png) no-repeat center; background-size: contain; min-width: 8px; } .form_map .city .depart_pop { width: 240px; position: absolute; bottom: 38px; left: 50%; margin-left: -120px; z-index: 200; max-width: 240px; } .sel .el-input.is-active .el-input__inner, .el-input__inner:focus { border-color: #DCDFE6; } @media only screen and (max-width:1440px) { .form_map .city .depart_pop { width: 180px; margin-left: -90px; } } .form_map .city .depart_pop_ul { max-height: 288px; overflow-y: scroll; padding: 8px 0 10px; background: #FFFFFF; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; behavior: url(css/PIE.htc); } .depart_pop:after { content: ''; width: 23px; height: 17px; background: url(../images/horn_shadow.png) no-repeat center; position: absolute; left: 48%; bottom: -17px; } .depart_pop_ul { max-height: 288px; overflow-y: scroll; padding: 8px 0 10px; background: #FFFFFF; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; behavior: url(css/PIE.htc); } .depart_pop_ul li { margin: 10px 0px; } .depart_pop_ul li a { display: block; color: #333; padding: 0 16px; } .depart_pop_ul li a:hover { color: #D50212; } .xj { top: 24%; left: 17%; } .gs { top: 30%; left: 31%; } .nm { top: 29%; left: 52%; } .sx { top: 36%; left: 57%; } .hn { top: 44%; left: 60%; } .sh_x { top: 48%; left: 56%; } .cq { top: 48.8%; left: 49%; } .cq span { padding-top: 24.4%; } .sc { top: 57.8%; left: 48%; } .yg { top: 69.8%; left: 44%; } .hlj { top: 12.8%; left: 80%; } .jl { top: 20.8%; left: 81%; } .ln { top: 25.8%; left: 76%; } .tian_j { top: 33%; left: 68%; } .js { top: 46%; left: 72%; } .sh { top: 54%; left: 78%; } .ah { top: 50%; left: 67%; } .hb { top: 56.5%; left: 61%; } .zj { top: 60.5%; left: 73%; } .fj { top: 67.5%; left: 71%; } .gd { top: 75.5%; left: 62%; } /*安徽地图点定位*/ .anhui_map { width: 74%; margin: 0px auto; } .a_hb { top: 12%; left: 40%; } .a_fy { top: 31%; left: 28%; } .a_hn { top: 36%; left: 42%; } .a_la { top: 50%; left: 36%; } .a_hf { top: 48%; left: 49%; } .a_aq { top: 73%; left: 46%; } .a_hs { top: 82%; left: 64%; } .a_ciz { top: 69%; left: 56%; } .a_tl { top: 64%; left: 59%; } .a_wh_c { top: 54%; left: 64.5%; } .a_wh_xc { top: 63%; left: 70.5%; } .a_mas { top: 49%; left: 67%; } .a_chuzou { top: 39%; left: 59%; } .a_bb { top: 29%; left: 49%; } .a_sz { top: 18%; left: 44%; } .a_tc { top: 31%; left: 69%; } .a_ch { top: 51%; left: 57%; } /*黑龙江地址定位*/ .hlj_map { width: 90%; margin: 0px auto; } .news { margin: 0.5rem 0px; margin-bottom: 0.8rem; } .news .title { margin-bottom: 0.5rem; } .news .swiper-wrapper { height: auto !important; } .news .swiper-slide { height: auto; } .news .news_box { display: block; border: 1px solid #e1e1e1; box-sizing: border-box; position: relative; overflow: hidden; } .news .news_box:before { content: ""; position: absolute; left: 0px; height: 3px; background: #DB0000; bottom: 0px; transition: all 0.5s; width: 0%; } .news .news_box:hover:before { width: 100%; transition: all 0.5s; } .news .imgBox { width: 100%; height: 2.4rem; margin-bottom: 35px; position: relative; } .news .imgBox img { display: block; width: 100%; height: 100%; transition: all 0.8s; } .news .imgBox:hover img { transition: all 0.5s; transform: scale(1.05); } .news .bottom { padding: 0px 20px 20px 20px; } .news .bottom .p1 { color: #000000; line-height: 24px; } .news .bottom .p3 { color: #494949; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 20px; min-height: 40px; } .imgBox p { position: absolute; background: #DB0000; color: white; padding: 4px 6px; width: 2rem; max-width: 44px; position: absolute; left: 20px; bottom: -20px; } .imgBox p span { display: block; text-align: left; } .imgBox p span:last-child { text-align: right; font-size: 10px; } .content4 { padding: 1rem 0px; background: url(../images/yx_h.jpg) no-repeat center; background-size: cover; } .c_4box>div { padding: 0.5rem 0.3rem 0.3rem 0.3rem; line-height: 28px; } .c_4box .gx { background: #DB0000; color: white; height: 4.2rem; min-height: 395px; position: relative; padding: 0.4rem 4%; height: 4.8rem; } .c_4box .gx img { width: 100%; display: block; margin: 0.25rem 0px 0.15rem 0px; } .c_4box .p_0 { background: white; text-align: center; color: #DB0000; margin-top: 15px; padding: 0.05rem 0px; max-height: 52px; position: relative; align-items: center; display: -webkit-flex; display: flex; } .c_4box .model { overflow: hidden; } .c_4box .link_box { position: absolute; bottom: -100%; z-index: 11; left: 0px; background: #DB0000; right: 0px; transition: all 0.5s; } .c_4box .link_box .tx span { display: block; text-indent: 2em; margin-top: 10px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .c_4box .p_0>img { width: 0.12rem; position: relative; left: 16px; bottom: -10px; } .c_4box .p_0 .p1 { float: left; width: 50%; text-align: right; font-weight: bold; } .c_4box .p_0 label { float: right; width: 50%; } .c_4box .p3 { display: block; } .c_4box a img { position: absolute; width: 30px !important; display: block; left: 50%; margin-left: -16px; margin-top: 58px !important; bottom: 20px; } .c_4box .gx .tl { padding-top: 0.64rem; } .c_4box .model { background: white; height: 4.8rem; min-height: 395px; position: relative; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; cursor: pointer; } .c_4box .model1 .img_bg { background: url(../images/ic_03.png) no-repeat center; background-size: 100% 100%; } .c_4box .model1:hover .img_bg { background: url(../images/white1.png) no-repeat center; background-size: 100% 100%; } .c_4box .model2 .img_bg { background: url(../images/ic_04.png) no-repeat center; background-size: 100% 100%; } .c_4box .model2:hover .img_bg { background: url(../images/white3.png) no-repeat center; background-size: 100% 100%; } .c_4box .model3 .img_bg { background: url(../images/ic_05.png) no-repeat center; background-size: 100% 100%; } .c_4box .model3:hover .img_bg { background: url(../images/white2.png) no-repeat center; background-size: 100% 100%; } .c_4box .model a img { bottom: 34px; } .c_4box .model .img_bg { width: 0.98rem; height: 0.9rem; display: block; margin: 0px auto; min-width: 72px; min-height: 72px; } .c_4box .model .tl { text-align: center; margin-top: 10px; margin-bottom: 0.26rem; font-weight: bold; } .c_4box .model .tl a { color: #000000; } .c_4box .model:hover .tl a { color: white; } .c_4box .model .tx span { display: block; text-indent: 2em; margin-top: 10px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /* -webkit-line-clamp: 2; */ -webkit-box-orient: vertical; } .c_4box .model .tx span:last-child { /* -webkit-line-clamp: 3; */ } .slimScrollDiv{ height:165px !important } .slimScrollDiv .slimScrollBar{ border-radius:0px !important; right:-3px !important; } .news .el-col-lg-18 { padding-left: 15px; } .news .news_box .p1 { font-weight: bold; margin-bottom: 10px; } .c_4box .model .box_size { position: absolute; bottom: -0.8rem; left: 0px; height: 0px; background: #DB0000; right: 0px; z-index: -1; transition: all 0.5s; } .c_4box .model:hover { color: white; transition: all 0.5s; } .c_4box .model:hover { /* border-top:none; border-bottom:none;*/ transition: all 0.5s; } .c_4box .model:hover .box_size { height: 100%; transition: all 0.5s; bottom: 0rem; } .select .swiper-scrollbar { background: rgba(255, 0, 0, .2); opacity: 1 !important; } @media (max-width:767px) { .c_4box .model .tl { font-size: 14px; } .content1_1 { padding-bottom: 0.5rem; } .content1_1 .swiper-container { display: block; } .content1 .swiper-slide img { width: 4.2rem; height: auto; padding: 0px 0.3rem; } .content1 .swiper-button-prev, .content1 .swiper-button-next { display: none; } .content2_1 { display: none; } .content2_2 { display: block; } .xsd_box { height: 6rem; } .form_map .city>span { padding-left: 12px; height: auto; line-height: initial; } .form_map .city>span:before { height: auto; min-height: 12px; } .map_b { margin-top: 0.5rem; } .news .imgBox { height: 9.5rem; } .news .swiper-slide .c_l { padding-right: 0px !important; } .news_box1 .imgBox { height: 8.5rem; } .news .eq1 { margin-left: 0px; } .news_box { margin-bottom: 20px; } .news .el-col-lg-18 { padding-left: 0px; } .c_4box .p_0>img { width: 12px; } .c_4box a img { bottom: 32px; } .c_4box .model, .c_4box .gx { min-height: 130px; } .c_4box .gx { height: auto; margin-bottom: 10px; } .c_4box .gx>a { display: none; } .c_4box .model .tx span { display: none; } .c_4box .model>a { display: none; } .footer_c ul { display: block !important; } .footer_c ul li { float: left; } } @media only screen and (max-width:520px) { .c_4box .model .tx span:last-child { display: none; } } /*新增样式2020-12-19*/ .child .cl_c .font-24 { margin-bottom: 25px; } /*黑龙江*/ .hlj_map { width: 100%; } .h_pfq { top: 74.8%; left: 47%; } .h_pjfwzx { top: 69.8%; left: 46%; } .h_dq { top: 66.8%; left: 36%; } .h_qqhe { top: 59.8%; left: 29%; } @media only screen and (max-width:767px) { .form_map .city>span:before { height: auto; min-height: 26px; } } .h_jms { top: 58.8%; left: 67%; } .h_rfh { top: 81.8%; left: 75%; } .h_sh { top: 63.8%; left: 47.3%; } /*北京*/ .beijing_map { width: 96%; margin: 0px auto; } .beijn { top: 61.8%; left: 49.3%; } .shunyi { top: 46.8%; left: 57.3%; } .bj_dx { top: 67.8%; left: 53.3%; } .bj_cp { top: 46.8%; left: 44.3%; } .bj_tz { top: 57.8%; left: 61.3%; } /*福建*/ .fj_longy { top: 63.8%; left: 27.3%; } .fj_zz { top: 75.5%; left: 36.4%; } .fj_yxzx { top: 75.5%; left: 44%; } .fj_ta { top: 70%; left: 46%; } .fj_qz { top: 68%; left: 52.5%; } .fj_qz2 { top: 66%; left: 50%; } .fj_jinj { top: 55%; left: 54%; } .fj_fd { top: 19%; left: 69%; } .fj_nd { top: 28%; left: 59.3%; } .fj_ly { top: 34.5%; left: 61%; } .fj_fz { top: 41.9%; left: 57.8%; } .fj_fz2 { top: 44%; left: 58%; } .fj_sm { top: 41%; left: 35%; } .fj_nanp { top: 17%; left: 40%; } .fj_putian { top: 46%; left: 56%; } .fj_huia { top: 50%; left: 56%; } /*.fj_huia2{ top: 50%; left: 56%; }*/ .fujian_map img { display: block; width: 82%; } /*甘肃*/ .ganshu_map { width: 90%; } .gs_jq { top: 26%; left: 34%; } .gs_lz { top: 62%; left: 59%; } .gs_ts { top: 76%; left: 68%; } .gs_qy { top: 66%; left: 78%; } .gs_fw { top: 59%; left: 58%; } /*贵州*/ .guizou_map img { width: 100%; margin: 0px auto; } .gz_gz { top: 59%; left: 38%; } .gz_lps { top: 52%; left: 19.5%; } .gz_as { top: 66%; left: 27.5%; } .gz_xy { top: 84%; left: 18.5%; } .gz_dy { top: 61%; left: 61.5%; } .gz_kl { top: 55%; left: 68%; } .gz_tr { top: 30.5%; left: 87%; } .gz_zy { top: 29.5%; left: 52%; } /*四川*/ .sichuan_map img { width: 94%; margin: 0px auto; } .sc_lz { top: 63%; left: 65%; } .sc_yb { top: 64%; left: 59%; } .sc_ls { top: 55%; left: 53%; } .sc_msc { top: 49%; left: 54%; } .sc_cd { top: 43%; left: 56%; } .sc_cd2 { top: 46%; left: 58%; } .sc_gh { top: 39%; left: 59%; } .sc_dy { top: 34%; left: 61%; } .sc_jy { top: 29%; left: 64%; } .sc_nc { top: 42%; left: 71%; } /*广东*/ .gd_zj { top: 76%; left: 10%; } .gd_zh { top: 56%; left: 49%; } .gd_zs { top: 53%; left: 46%; } .gd_jm { top: 51.3%; left: 42%; } .gd_cz { top: 36%; left: 88%; } .gd_hz { top: 43%; left: 60%; } .gd_sz { top: 51%; left: 56%; } .gd_dg { top: 43.8%; left: 52%; } .gd_dgzmt { top: 46%; left: 56%; } .gd_gzpo { top: 48%; left: 48%; } .gd_bqc { top: 45%; left: 35%; } .gd_fs { top: 45%; left: 44%; } .gd_th { top: 41%; left: 46%; } .gd_qy { top: 36%; left: 44%; } /*河南*/ .henan_map img { width: 90%; } .hn_xy { top: 80%; left: 55%; } .hn_ny { top: 65%; left: 34%; } .hn_zmd { top: 64%; left: 53.5%; } .hn_zk { top: 52%; left: 61.5%; } .hn_lh { top: 54%; left: 53.5%; } .hn_pds { top: 49%; left: 42.5%; } .hn_xc { top: 45%; left: 50.5%; } .hn_cg { top: 39%; left: 48.5%; } .hn_zz { top: 30%; left: 48%; } .hn_gy { top: 30.5%; left: 40%; } .hn_ly { top: 31.5%; left: 33%; } .hn_kf { top: 28.5%; left: 56.3%; } .hn_xx { top: 18.5%; left: 50.3%; } .hn_jz { top: 20.5%; left: 42.3%; } .hn_hb { top: 11.5%; left: 54.3%; } .hn_py { top: 9.5%; left: 64.3%; } .hn_ay { top: 2.5%; left: 55.3%; } .hn_sq { top: 33.5%; left: 73.3%; } .hn_xm { top: 34.5%; left: 47.3%; } .hb_es { top: 63.5%; left: 11.3%; } .hb_yc { top: 52.5%; left: 33%; } .hb_jz { top: 58.5%; left: 43%; } .hb_jm { top: 47.5%; left: 42%; } .hb_zj { top: 54.5%; left: 39%; } .hb_tm { top: 50.5%; left: 36%; } .hb_dy { top: 48.5%; left: 39%; } .hb_qj { top: 48.5%; left: 39%; } /*新增样式*/ .banner .swiper-container { height: 100%; } .pagination { position: absolute; z-index: 20; bottom: 5%; width: 100%; text-align: center; } .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #555; margin: 0 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } .swiper-active-switch { background: #fff; } .content2 .select .swiper-container .ac { width: 100%; } .news .swiper-slide .c_l { padding-right: 15px; } .news .swiper-wrapper, .news .swiper-container, .news .swiper-slide { height: auto !important; } .banner .pagination { bottom: 0.5rem !important; } .banner .swiper-pagination-switch { width: 0.12rem; height: 0.12rem; border-radius: 40px; border: 3px solid white; opacity: 1; background: none; background: white; } .banner .swiper-active-switch { width: 0.14rem; height: 0.14rem; background: none; border-color: #DB0000; } /*新增样式2021-6-16*/ .news .swiper-button-prev, .news .swiper-button-next { display: flex; justify-content: center; align-items: center; background-size: cover; background-position: center; width: 32px; height: 32px; top: 1.1rem; transition: all 0.5s; opacity: 1 !important; position: absolute; z-index: 111; cursor: pointer; border: none; outline: none; } .news .swiper-button-prev { left: 0.2rem; background: url(../images/i_r.png) no-repeat center; background-size: 100% 100%; z-index: 111111; } .news .swiper-button-next { right: 0.4rem; background: url(../images/i_l.png) no-repeat center; background-size: 100% 100%; z-index: 111111; } @media only screen and (max-width:768px) { .news .swiper-button-prev, .news .swiper-button-next { top: 5.2rem; } }