.banner { height: 6.4rem; z-index: -2; } .banner .swiper-container { height: 100%; } .banner .swiper-slide { width: 100%; position: relative; display: flex; justify-content: center; align-items: center; height: 100% !important; } .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; } /*服务推荐*/ .title { text-align: center; color: #090a0e; padding: 0.5rem 0px 0.4rem 0px; } .title a { color: #090a0e; font-weight: bold; display: block; margin-bottom:10px; } .fwtj .c_box { height: 4.66rem; min-height: 338px; } .fwtj .c_box .c1 { height: 100%; position: relative; overflow: hidden; } .fwtj .c_box .c1 img { display: block; width: 100%; height: 100%; transition: all 0.5s; } .fwtj .c_box .c1:hover img{ transform: scale(1.05); transition: all 0.5s; } .fwtj .c_box .c2 { height: 100%; } .fwtj .c_box .c2 .c2_top { height: 2rem; min-height: 130px; position: relative; overflow: hidden; } .fwtj .c_box .c2 .c2_top img { display: block; width: 100%; height: 100%; transition: all 0.5s; } .fwtj .c_box .c2 .c2_top:hover img { transform: scale(1.05); transition: all 0.5s; } .fwtj .c_box .c2 .c2_bottom .t { text-align: center; margin: 0.3rem 0px 0.15rem 0px; } .fwtj .c_box .c2 .c2_bottom .t a { color: #090a0e; } .fwtj .c_box .c2 .c2_bottom .text { color: #777777; padding: 0px 0.5rem; line-height: 26px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .fwtj .c_box .c2 .c2_bottom .more { display: block; text-align: center; } .fwtj .c_box .c2 .c2_bottom .more a { color: #423535; display: inline-block; padding: 0.1rem 0.2rem; margin: 0.2rem auto 0px auto; border: 1px solid #e5e5e5; } .fwtj .c_box .c2 .c2_bottom .more:hover a { color: white; background: #db0000; } .wyfw_box { background: url(/uploads/image/hmimages/wyfw.jpg) no-repeat center; background-size: cover; } .wyfw_box .cbox:nth-child(1) { padding-right: 0.1rem; } .wyfw_box .cbox:nth-child(3) { padding-left: 0.1rem; } .wyfw_box .cbox .cl_1 { background: rgba(0, 0, 0, 0.4); height: 6.2rem; display: flex; flex-direction: column; justify-content: center; color: white; } .wyfw_box .cbox .image { width: 1.91rem; height: 1.91rem; margin: 0px auto; position: relative; } .wyfw_box .cbox .image:hover img{ transform: scale(1.05); transition: all 0.5s; } .wyfw_box .cbox .image img { display: block; width: 100%; height: 100%; transition: all 0.5s; } .wyfw_box .cbox .t { text-align: center; margin: 0.15rem 0px; } .wyfw_box .cbox .txt { padding: 0.1rem 0.8rem; line-height: 26px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .wyfw_box .cbox .more2 { display: block; width: 0.36rem; height: 0.36rem; min-width: 18px; min-height: 18px; margin: 0.15rem auto; } .wyfw_box .cbox .more2 img { display: block; width: 100%; height: 100%; } .gywm_box .c1{ position: relative; overflow: hidden; height:5.25rem; min-height: 326px; } .gywm_box .c1 img{ display: block; width:100%; position: relative; overflow:hidden; transition: all 0.5s; } .gywm_box .c1:hover img{ transform: scale(1.05); transition: all 0.5s; } .gygs{ background:url(/uploads/image/hmimages/s_bg.jpg); padding-bottom:0.5rem } .gygs .gywm_r { padding: 0rem 0px 0px 0.2rem; } .gywm_top { background: #e50213; padding: 0.5rem 0.3rem; color: white; height:2.15rem; overflow: hidden; } .gywm_top a { color: white; } .gywm_top .t { padding-bottom: 0.2rem; } .gywm_top .text{ line-height: 26px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .gywm_top .more3 { padding: 0.08rem 0.2rem; display: inline-block; border: 1px solid white; border-radius: 0.2rem; text-align: center; display:flex; width: max-content; margin: 0px auto; margin-top:0.2rem; } .gywm_bottom{ padding: 0.2rem 0 0.2rem 0.3rem; background:white url(/uploads/image/hmimages/qiujpg.jpg) no-repeat center; margin-top:0.2rem; height:1.5rem; } .gywm_bottom .text{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; } .gywm_bottom .t{ margin-bottom:0.25rem; } .gywm_bottom .t a{ color:#000000; } .gywm_bottom .more3{ padding: 0.08rem 0.2rem; display: inline-block; border: 1px solid #696969; border-radius: 0.2rem; margin: 0px auto; margin-top:0.2rem; } .gywm_bottom .more3:hover{ background:#db0000; border-color:#db0000; } .gywm_bottom .more3:hover a{ color:white; } .gywm_bottom .more3 a{ color:#000000; } @media only screen and (max-width:1600px){ .gywm_top .text{ -webkit-line-clamp:2; height:auto; } .gywm_bottom{ height:100%; } } @media only screen and (max-width:1080px){ .gywm_top .text{ -webkit-line-clamp:1; } .gywm_box .c1{ min-height: 289px; } } @media only screen and (max-width:767px) { .title{ padding:20px 0px; } .fwtj .c_box, .fwtj .c_box .c2 .c2_top { min-height: auto; height: auto; margin: 15px 0px; } .wyfw_box .cbox .txt{ -webkit-line-clamp:initial; } .wyfw_box { padding: 1rem 0px 0.5rem 0px; } .wyfw_box .cbox .cl_1 { height: 10.5rem; margin-bottom: 15px; } .gywm_box .c1{ height:auto; } .gywm_top ,.gywm_bottom{ height:auto; margin-top:15px; padding: 15px; } .gywm_bottom .text, .gywm_top .text{ -webkit-line-clamp:initial; } .gygs .gywm_r{ padding-left:0px; } } .c_lbox2 form { margin-top: 0.2rem; } .c_lbox2 table { width: 100%; } .c_lbox2 table tr { width: 100%; } .c_lbox2 table tr td { display: inline-block; margin-bottom: 0.15rem; } .c_lbox2 table tr td:first-child { width: 100px; } .c_lbox2 table tr td:last-child { width: calc(100% - 100px); } .c_lbox2 table tr td input {width:80%; height: 0.32rem; line-height: 0.32rem; min-height: 25px; } .c_lbox2 table tr td input:first-child { width: 3rem;width:80%; } .c_lbox2 table tr td textarea { width:80%; height: 1.1rem; } .c_lbox2 #sub { padding: 0.05rem 0.15rem; outline: none; display: block; text-align: center; margin: 0px auto; }