.banner { z-index: -2; height:9.48rem } body{font-family:'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'STHeiti', 'SimSun', 'sans-serif';} a{color:#000} .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 {} .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: 28px !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 { 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-position: center; background-size: contain; } .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:hover .depart_pop{ display:block !important } .form_map .city>span { display: block; height: 28px; line-height: 26px; color: #333; cursor: pointer; padding-left: 0.27rem; width: 0px; white-space: nowrap; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; } .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: 280px; 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 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); } .form_map .city .depart_pop_ul li:before{ content:""; display:inline-block; width:4px; height:4px; background:#DB0000; border-radius:4px; margin-right:6px; position:relative; top:-3px } .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: auto; height: 2.4rem; transition: all 0.8s; margin: 0px auto; } .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; 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; } .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) { .banner { height:9rem; } .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:10.5rem; } .news .imgBox img{ height:100%; width:100% } .news .swiper-slide .c_l{ padding-right:0px !important; } .news_box1 .imgBox { height: 10.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 .model .tx span{ display: none; } .c_4box .model>a{ display: none; } .footer_c ul{ display: block !important; } .footer_c ul li{ float: left; } .c_4box .gx{ height: auto; margin-bottom:10px; } .c_4box .gx>a{ display: none; } } @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; } @media only screen and (max-width:767px) { .form_map .city>span:before { height: auto; min-height: 26px; } .form_map .city>span{ width:0px; white-space: nowrap; display: -webkit-box; text-overflow: ellipsis; overflow: hidden;} } @media only screen and (max-width:1280px) { .form_map .city>span{ width:0px; white-space: nowrap; display: -webkit-box; text-overflow: ellipsis; overflow: hidden;} } /*榛戦緳姹?/ .hlj_map { width: 100%; } .c_285 { top: 79.8%; left: 43%; } .c_282 { top: 76.8%; left: 36%; } .c_289 { top: 66.8%; left: 36%; } .c_286 { top: 59.8%; left: 29%; } .c_287 { top: 81.8%; left: 75%; } .c_288 { top: 65.8%; left: 66%; } .c_284 { top: 71.8%; left: 40%; } .c_283 { top: 63.8%; left: 47.3%; } .c_290 { top: 7.8%; left: 18.3%; } /*浜触*/ .pro_82_map { width: 96%; margin: 0px auto; } .c_82 { top: 39.8%; left: 62.3%; } .c_83 { top: 33.8%; left: 64.3%; } .c_84 { top: 20.8%; left: 60.3%; } .c_85 { top: 30.8%; left: 60.3%; } .c_86 { top: 36.8%; left: 68.3%; } .c_87 { top: 36.8%; left: 58.3%; } .c_88 { top: 44.8%; left: 65.3%; } .c_89 { top: 31.8%; left: 48.3%; } .c_90 { top: 34.8%; left: 51.3%; } .c_91 { top: 39.8%; left: 48.3%; } .c_92 { top: 34.8%; left: 44.3%; } .c_93 { top: 39.8%; left: 53.3%; } .c_94 { top: 50.8%; left: 33.3%; } .c_95 { top: 46.8%; left: 41.3%; } .c_96 { top: 44.8%; left: 35.3%; } .c_97 { top: 51.8%; left: 52.3%; } .c_98 { top: 48.8%; left: 56.3%; } .c_99 { top: 42.8%; left: 49.3%; } .c_100 { top: 71.8%; left: 38.3%; } .c_101 { top: 63.8%; left: 38.3%; } .c_102 { top: 56.8%; left: 48.3%; } .c_103 { top: 47.8%; left: 48.3%; } .c_104 { top: 42.8%; left: 45.3%; } .c_105 { top: 33.8%; left: 82.3%; } .c_106 { top: 20.8%; left: 36.3%; } .c_107 { top: 40.8%; left: 39.3%; } .c_108 { top: 44.8%; left: 55.3%; } .c_109 { top: 46.8%; left: 50.3%; } .c_110 { top: 32.8%; left: 61.3%; } /*娌冲崡*/ .pro_150_map { width: 100%; margin: 0px auto; } .c_150{ top: 30%; left: 60%;} .c_151{top: 30%; left: 58%;} .c_152{top: 35%; left: 59%;} .c_153{top: 41%; left: 61%;;} .c_154{ top: 30%; left: 68%;} .c_155{top: 57%; left: 64%;} .c_156{top: 48%; left: 59%;} .c_157{top: 81%; left: 64%;} .c_158{ top: 12%; left: 67%;;} .c_159{ top: 6%; left: 69%;} .c_160{ top: 12%; left: 75%;} .c_161{top: 56%; left: 72%;} .c_162{top: 54%; left: 50%;} .c_163{top: 23%; left: 61%;} .c_164{top: 36%; left: 84%;} .c_165{top: 31%; left: 50%;} .c_166{top: 32%; left: 43%;} .c_167{ top: 69%; left: 44%;} .c_168{ top: 24%; left: 52%;} .c_169{top: 67%; left: 64%} /*鐢樿們*/ .pro_298_map { width: 100%; margin: 0px auto; } .c_298{ top: 41%; left: 5%; } .c_299{ top: 41%; left: 94%; } .c_296{ top: 24%; left: 92%; } .c_297{ top: 18%; left: 57%; } .c_295{ top: 39%; left: 83%; } .c_293{ top: 48%; left: 83%; } .c_294{ top: 55%; left: 32%; } .c_291{ top: 33%; left: 78%; } .c_292{ top: 41%; left: 74%; } /*姹熻タ*/ .pro_270_map { width: 100%; margin: 0px auto; } .c_270{top: 23%; left: 46%;} .c_271{top: 6%; left: 46%;} .c_272{top: 10%; left: 60%;} .c_273{ top: 37%; left: 28%; } .c_274{ top: 40%; left: 21%;} .c_275{top: 37%; left: 34%;} .c_276{top: 22%; left: 70%;} .c_277{top: 35%; left: 51%;} .c_278{top: 72%; left: 36%;} .c_279{ top: 28%; left: 41%;} .c_280{ top: 49%; left: 34%;} .c_281{top: 66%; left: 35%;} /*浜戣吹*/ .pro_252_map img{ width:100%; margin: 0px auto; } .c_252{ top: 48%; left: 38%; } .c_253{ top: 54%; left: 36.5%; } .c_254{ top: 55%; left: 1.5%; } .c_255{ top: 21%; left: 49.5%; } .c_256{ top: 44%; left: 46.5%; } .c_257{ top: 70%; left: 36%; } .c_258{ top: 70.5%; left: 24%; } .c_259{ top: 41.5%; left: 16%; } .c_260{ top: 59%; left: 38%; } .c_261{ top: 46%; left: 19.5%; } .c_262{ top: 37%; left: 75%; } .c_263{ top: 43%; left: 61.5%; } .c_264{ top: 43%; left: 78.5%; } .c_265{ top: 47%; left: 72.5%; } .c_266{ top: 49%; left: 66.5%; } .c_267{ top: 50%; left: 60%; } .c_268{ top: 26.5%; left: 91%; } .c_269{ top: 25.5%; left: 73%; } /*鍥涘窛*/ .pro_233_map img{ width:94%; margin: 0px auto; } .c_233{ top: 42%; left: 54%; } .c_234{ top: 58%; left: 50%; } .c_235{ top: 51%; left: 53%; } .c_236{ top: 64%; left: 65%; } .c_237{ top: 34%; left: 78%; } .c_238{ top: 46%; left: 57%; } .c_239{ top: 65%; left: 59%; } .c_240{ top: 34%; left: 61%; } .c_241{ top: 29%; left: 64%; } .c_242{ top: 42%; left: 71%; } .c_243{ top: 54%; left: 58%;; } /*婀栧崡*/ .pro_219_map img{ width:94%; margin: 0px auto; } .c_219 { top: 39%; left: 50%; } .c_220 { top: 27%; left: 60%; } .c_221 { top: 29%; left: 65%; } .c_222 { top: 32%; left: 63%; } .c_223 { top: 51%; left: 42% } .c_224 { top: 53%; left: 60%; } .c_225 { top: 17%; left: 44%; } .c_226 { top: 12%; left: 64%; } .c_227 { top: 40%; left: 27%; } .c_228 { top: 23%; left: 52%; } .c_229 { top: 25%; left: 51%; } .c_230 { top: 33%; left: 45%; } .c_231 { top: 64%; left: 45%; } .c_232 { top: 68%; left: 65%; } /*骞夸笢鍦板浘瀹氫綅*/ .pro_21_map { width: 100%; margin: 0px auto; } .c_21{ top: 48%; left: 61%; } .c_43{ top: 47%; left: 39%; } .c_42{ top: 27%; left: 42%; } .c_41{ top: 38%; left: 35%; } .c_40{ top: 48%; left: 27%; } .c_39{ top: 69%; left: 46%; } .c_38{ top: 54%; left: 60%; } .c_37{ top: 55%; left: 51%; } .c_36{ top: 41%; left: 88%; } .c_35{ top: 60%; left: 44%; } .c_34{ top: 50%; left: 51%; } .c_33{ top: 43%; left: 79%; } .c_32{ top: 58%; left: 53%; } .c_31{ top: 52%; left: 46%; } .c_30{ top: 45%; left: 56%; } .c_29{ top: 51%; left: 70%; } .c_24{ top: 38%; left: 69%; } .c_22{ top: 54%; left: 68%; } .c_25{ top: 51%; left: 56%; } .c_23{ top: 41%; left: 59%; } .c_28{ top: 45%; left: 63%; } .c_27{ top: 41%; left: 74%; } .c_26{ top: 36%; left: 76%; } .c_380{ top: 53%; left: 49%; } .c_381{ top: 56%; left: 52%; } .c_382{ top: 35%; left: 61%; } .c_383{ top: 40%; left: 55%; } .c_384{ top: 57%; left: 62%; } /*鍐呰挋*/ .pro_361_map { width: 100%; margin: 0px auto; } .c_373{top: 57.5%;left: 64%;} .c_372{top: 58.5%;left: 52%;} .c_371{top: 37.5%; left: 85%;} .c_370{top: 62.5%; left: 78%;} .c_369{top: 42.5%; left: 78%;} .c_368{top: 54.5%; left: 87%;} .c_367{ top: 78.5%; left: 33%;} .c_366{ top: 81.5%; left: 33%;} .c_365{top: 73.5%; left: 35%;} .c_364{top: 65.5%; left: 56%;} .c_363{top: 69%; left: 56%;} .c_362{ top: 74%; left: 45%;} .c_361{top: 79%; left: 45%;} /*鍚夋灄*/ .pro_350_map { width: 100%; margin: 0px auto; } .c_360{ top: 73%; left: 50%;} .c_359{top: 15%; left: 12%; } .c_358{top: 21%; left: 31%;} .c_357{ top: 56%; left: 39%;} .c_356{top: 53%; left: 31%;} .c_355{top: 79%; left: 45%;} .c_354{ top: 39%; left: 51%;} .c_353{top: 48%; left: 38%;} .c_352{ top: 49%; left: 75%;} .c_351{top: 36%; left: 36%;} .c_350{top: 43%; left: 54%;} /*閲嶅簡*/ .pro_329_map { width: 94%; margin: 0px auto; } .c_329{top: 62%; left: 28%;} .c_330{ top: 52%; left: 47%;} .c_331{ top: 55%; left: 48%;} .c_332{ top: 57%; left: 35%;} .c_333{top: 23%; left: 71%;} .c_334{top: 83%; left: 67%;} .c_335{top: 51%; left: 32%;} .c_336{top: 50%; left: 43%;} .c_337{ top: 53%; left: 21%;} .c_338{ top: 55%; left: 14%;} .c_339{ top: 66%; left: 21%;} .c_340{ top: 55%; left: 44%;} .c_341{top: 62%; left: 48%;} .c_342{ top: 73%; left: 33%;} .c_343{top: 67%; left: 31%;} .c_344{ top: 54%; left: 54%;} .c_345{top: 60%; left: 38%;} .c_346{top: 55%; left: 41%;} .c_347{top: 58%; left: 52%;} .c_348{top: 58%; left: 46%;} .c_349{top: 62%; left: 43%;} /*鏂扮枂*/ .pro_312_map { width: 94%; margin: 0px auto; } .c_312{ top: 37%; left: 62%;} .c_313{top: 32%; left: 58%; } .c_314{top: 35%; left: 60%;} .c_315{top: 46%; left: 85%;} .c_316{ top: 29%; left: 53%;} .c_317{top: 33%; left: 55%;} .c_318{top: 48%; left: 54%;} .c_319{top: 45%; left: 31%;} .c_320{top: 49%; left: 12%;} .c_321{top: 22%; left: 43%;} .c_322{top: 27%; left: 39%;} .c_323{top: 21%; left: 55%;} .c_324{ top: 34%; left: 72%;} .c_325{top: 51%; left: 81%;} .c_326{top: 44%; left: 43%;} .c_327{ top: 15%; left: 66%;} .c_328{top: 46%; left: 72%;} /*灞辫タ*/ .pro_300_map { width: 94%; margin: 0px auto; } .c_300{top: 42%; left: 60%;} .c_301{top: 39%; left: 58%; } .c_302{top: 9%; left: 66%;} .c_303{top: 88%; left: 45%;} .c_304{top: 70%; left: 66%;} .c_305{top: 71%; left: 51%;} .c_306{top: 57%; left: 54%;} .c_307{top: 30%; left: 60%;} .c_308{ top: 41%; left: 56%;} .c_309{top: 44%; left: 57%;} .c_310{top: 45%; left: 65%;} .c_311{top: 85%; left: 47%;} /*杈藉畞*/ .pro_244_map img{ width:94%; margin: 0px auto; } .c_244{top: 45%; left: 57%;} .c_245{ top: 89%; left: 47%;} .c_246{top: 51%; left: 40%; } .c_247{top: 55%; left: 50%;} .c_248{top: 66%; left: 71%;} .c_249{top: 41%; left: 50%;} .c_250{ top: 32%; left: 58%;} .c_251{top: 73%; left: 57%;} /*瀹夊窘鍦板浘鐐瑰畾浣?/ .pro_1_map { width: 94%; margin: 0px auto; } .c_15 { top: 12%; left: 40%; } .c_6 { top: 32%; left: 33%; } .c_17 { top: 35%; left: 47%; } .c_8 { top: 52%; left: 42%; } .c_3 { top: 48%; left: 53%; } .c_7 { top: 74%; left: 50%; } .c_14 { top: 82%; left: 60%; } .c_9 { top: 67%; left: 70%; } .c_11 { top: 66%; left: 60%; } .c_10 { top: 60%; left: 60.5%; } .c_1 { top: 56%; left: 51.5%; } .c_12 { top: 58%; left: 67%; } .c_20 { top: 40%; left: 65%; } .c_18 { top: 30%; left: 52%; } .c_16 { top: 15%; left: 46%; } .c_19 { top: 33%; left: 70%; } .c_13 { top: 64%; left: 73%; } /*娌冲崡*/ .pro_170_map { width: 100%; margin: 0px auto; } .c_170{top: 54%; left: 74%;} .c_171{top: 54%; left: 73%;} .c_172{top: 53%; left: 73%;} .c_173{top: 58%; left: 71%;} .c_174{top: 53%; left: 72%} .c_175{top: 28%; left: 47%;} .c_176{top: 62%; left: 49%} .c_177{top: 57%; left: 83%;} .c_178{top: 63%; left: 82%;} .c_179{top: 66%; left: 94%;} .c_180{top: 72%; left: 75%;} .c_181{top: 62%; left: 63%;} .c_182{top: 24%; left: 39%;} .c_183{top: 47%; left: 48%;} .c_184{top: 35%; left: 61%} .c_185{top: 18%; left: 27%; } .c_186{top: 62%; left: 14%;} .c_187{top: 50%; left: 68%;} .c_188{top: 56%; left: 38%;} .c_189{top: 51%; left: 43%;} .c_190{top: 59%; left: 43%;} .c_191{top: 59%; left: 56%;} .c_192{top: 55%; left: 41%;} /*绂忓缓*/ .pro_193_map { width: 100%; margin: 0px auto; } .c_193{top: 76%; left: 59%;} .c_194{top: 71%; left: 64%;} .c_195{top: 42%; left: 49%;} .c_196{top: 34%; left: 76%;} .c_197{top: 68%; left: 66%;} .c_198{top: 66%; left: 71%;} .c_199{top: 57%; left: 71%;} .c_200{top: 19%; left: 87%;} .c_201{top: 28%; left: 76%;} .c_202{top: 44%; left: 75%;} .c_203{top: 42%; left: 75%;} .c_204{top: 25%; left: 59%;} .c_205{top: 77%; left: 55%;} .c_206{top: 64%; left: 42%;} .c_207{top: 64%; left: 69%;} .c_208{top: 72%; left: 61%;} .c_209{top: 72%; left: 63%;} /*闄曡タ*/ .pro_210_map { width: 100%; margin: 0px auto; } .c_210{top: 62%; left: 57%;} .c_211{top: 62%; left: 55%;} .c_212{top: 61%; left: 55%;} .c_213{top: 63%; left: 56%;} .c_214{top: 76%; left: 59%;} .c_215{top: 61%; left: 60%;} .c_216{top: 58%; left: 66%;} .c_217{top: 61%; left: 43%;} .c_218{top: 12%; left: 64%;} /*椴佽タ*/ .pro_122_map { width: 100%; margin: 0px auto; } .c_122 { top: 45%; left: 44%; } .c_123 { top: 39%; left: 28%; } .c_124 { top: 71%; left: 45%; } .c_125 { top: 38%; left: 45% } .c_126 { top: 70%; left: 13%; } .c_127 { top: 43%; left: 15%; } .c_128 { top: 22%; left: 17%; } .c_129 { top: 41%; left: 34%; } .c_130 { top: 36%; left: 48%; } .c_131 { top: 64%; left: 22%; } .c_132 { top: 74%; left: 31%; } .c_133 { top: 50%; left: 30%; } .c_134 { top: 26%; left: 46%; } /*椴佷笢*/ .pro_135_map { width: 100%; margin: 0px auto; } .c_135 { top: 22%; left: 72%; } .c_136 { top: 42%; left: 72%; } .c_137 { top: 40%; left: 66%; } .c_138 { top: 50%; left: 65%; } .c_139 { top: 31%; left: 64%; } .c_140 { top: 26%; left: 83%; } .c_141 { top: 18%; left: 76%; } .c_142 { top: 14%; left: 69%; } .c_143 { top: 14%; left: 80%; } .c_144 { top: 22%; left: 94%; } .c_145 { top: 35%; left: 53%; } .c_146 { top: 28%; left: 60%; } .c_147 { top: 28%; left: 44%; } .c_148 { top: 39%; left: 41%; ; } .c_149 { top: 59%; left: 60%; } /*娴欐睙*/ .pro_111_map { width: 100%; margin: 0px auto; } .c_111 { top: 25%; left: 62%; } .c_112 { top: 28%; left: 67%; } .c_113 { top: 72%; left: 66%; } .c_114 { top: 6%; left: 52%; } .c_115 { top: 31%; left: 71%; } .c_116 { top: 21%; left: 72%; } .c_117 { top: 18%; left: 76%; } .c_118 { top: 20%; left: 88%; } .c_119 { top: 54%; left: 49%; } .c_120 { top: 59%; left: 75%; } .c_121 { top: 40%; left: 76%; } /*婀栧寳*/ .pro_170_map { width: 100%; margin: 0px auto; } .c_170{top: 52%; left: 51%;} .c_171{top: 51%; left: 73%} .c_172{top: 53%; left: 75%;} .c_173{top: 58%; left: 71%;} .c_174{top: 53%; left: 71%} .c_175{top: 28%; left: 47%;} .c_176{top: 62%; left: 49%} .c_177{top: 57%; left: 83%;} .c_178{top: 63%; left: 82%;} .c_179{top: 66%; left: 94%;} .c_180{top: 72%; left: 75%;} .c_181{top: 62%; left: 63%;} .c_182{top: 24%; left: 39%;} .c_183{top: 47%; left: 48%;} .c_184{top: 35%; left: 61%} .c_185{top: 18%; left: 27%; } .c_186{top: 62%; left: 14%;} .c_187{top: 50%; left: 68%;} .c_188{top: 56%; left: 38%;} .c_189{top: 51%; left: 43%;} .c_190{top: 59%; left: 43%;} .c_191{top: 59%; left: 56%;} .c_192{top: 55%; left: 41%;} /*姹熻嫃*/ .pro_44_map { width: 100%; margin: 0px auto; } .c_44 { top: 38%; left: 40%; } .c_45 { top: 81%; left: 54%; } .c_46 { top: 70%; left: 44%; } .c_47 { top: 75%; left: 66%; } .c_48 { top: 83%; left: 60%; } .c_49 { top: 67%; left: 54%; } .c_50 { top: 59%; left: 60%; } .c_51 { top: 33%; left: 46%; ; } .c_52 { top: 41%; left: 62%; } .c_53 { top: 20%; left: 17%; } .c_54 { top: 25%; left: 33%; } .c_55 { top: 69%; left: 60%; } .c_56 { top: 64%; left: 43%; } .c_57 { top: 71%; left: 67%; } .c_58 { top: 64%; left: 52%; } .c_59 { top: 61%; left: 50%; } .c_60 { top: 63%; left: 64%; } .c_61 { top: 11%; left: 49%;} .c_62 { top: 47%; left: 67%; } .c_63 { top: 28%; left: 29%; } .c_64 { top: 10%; left: 6%; } .c_375{ top: 80%; left: 64%; } .c_376{ top: 52%; left: 31%; } /*澶у尯*/ .c_312_1 { top: 24%; left: 17%; } .c_1_1 { top: 54%; left: 68%; } .c_361_1 { top: 36%; left: 50%; } .c_380_1{ top: 73%; left: 51%; } .c_300_1 { top: 41%; left: 59%; } .c_219_1 { top: 65%; left: 60%; } .c_210_1 { top: 50%; left: 53%; } .c_329_1 { top: 51.8%; left: 49%; } .c_233_1 { top: 57.8%; left: 48%; } .c_252_1 { top: 71.8%; left: 42%; } .c_291_1{top: 36%; left: 40%;} .c_282_1 { top: 14.8%; left: 80%; } .c_350_1 { top: 23.8%; left: 80%; } .c_244_1 { top: 29%; left: 76%; } .c_82_1 { top: 37%; left: 68%; } .c_44_1 { top: 50%; left: 72%; } .c_65_1 { top: 55%; left: 76%; } .c_170_1 { top: 56.5%; left: 63%; } .c_111_1 { top: 60.5%; left: 73%; } .c_193_1 { top: 67.5%; left: 71%; } .c_21_1 { top: 75.5%; left: 62%; } .c_270_1{top: 64.5%; left: 67%;} .c_150_1{ top: 49.5%; left: 62%;} .c_122_1{ top: 43.5%; left: 69%;} .c_135_1{top: 43.5%; left: 72%; } /*涓婃捣*/ .c_65{top: 81%; left: 87%;} .c_66{top: 82%; left: 88%;} .c_67{top: 82%; left: 92%;} .c_68{top: 89%; left: 87%;} .c_69{top: 85%; left: 85%} .c_70{top: 80%; left: 84%;} .c_71{ top: 86%; left: 93%;} .c_72{top: 75%; left: 50%;} .c_73{top: 82%; left: 52%;} .c_74{top: 72%; left: 68%;} .c_75{top: 66%; left: 66%;} .c_76{top: 68%; left: 74%;} .c_77{top: 57%; left: 66%;} .c_78{top: 44%; left: 52%;} .c_79{top: 69%; left: 88%;} .c_80{top: 61%; left: 62%} .c_81{top: 45%; left: 68%;} select{border-radius: 4px; border: 1px solid #ccc; width:100%; height: 38px;font-size:16px;} .show_1 select{width:48%;margin-right:1%} .show_2 select{width:100%;} /*鏂板鏍峰紡*/ .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; } }