.lunbo .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .lunbo .swiper .swiper-button-next:after, .lunbo .swiper .swiper-button-prev:after { display: none; } .lunbo .swiper .swiper-button-next, .lunbo .swiper .swiper-button-prev { width: 50px; height: 50px; background: url(/uploads/image/tdimages/banner-jiantou.png) no-repeat 50% 50% / 100% 100% border-box border-box; } .lunbo .swiper .swiper-button-prev { left: 50px; } .lunbo .swiper .swiper-button-next { right: 50px; } .lunbo .swiper .swiper-button-next { transform: rotate(180deg); } .lunbo .swiper .swiper-button-prev:hover { background: url(/uploads/image/tdimages/banner-jiantou-2.png) no-repeat 50% 50% / 100% 100% border-box border-box; } .lunbo .swiper .swiper-button-next:hover { background: url(/uploads/image/tdimages/banner-jiantou-2.png) no-repeat 50% 50% / 100% 100% border-box border-box; } .lunbo .swiper .swiper-pagination span { margin: 0 7px; width: 16px; height: 16px; border: 1px solid #14b8e7; } .lunbo .swiper .swiper-pagination span.swiper-pagination-bullet-active { width: 50px; border-radius: 50px; } .btnbox { position: absolute; width: 100%; height: auto; bottom: 0; z-index: 3; background: rgba(255, 255, 255, 0); } .bannerbtn { width: 95%; height: auto; margin: 0 auto; } .bannerbtn li { float: left; text-align: center; /* line-height: 100px; */ height: 90px; width: 8.271%; margin-right: 1px; margin-top:1px; } .bannerbtn li a { width: 100%; height: 100%; display: block; text-align: center; position: relative; background-color: rgba(14, 133, 205, 0.7); display: flex; justify-content: space-between; align-items: center; } /* .bannerbtn li a .bgbtn { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #0e71cd; opacity: 0.7; z-index: 0; } */ .bannerbtn li a img { position: relative; z-index: 1; margin: 0 auto; width: 50px; } .bannerbtn li .icontext { width: 60%; line-height: 20px; text-align: left; color: #fff; font-size: 12px; margin-top: 10px; } .bannerbtn li:hover img { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transform: rotate(360deg); } .bannerbtn li:hover a{ background: #c00; } .chanpin { padding: 30px 0; } .chanpin-top { display: block; text-align: center; padding: 30px 0 30px; } .chanpin-top h1 { font-size: 32px; font-weight: 600; line-height: 60px; } .chanpin-top p { font-size: 16px; padding: 20px 0; color: #7e7e7e; } .chanpin-top a { display: inline-block; cursor: pointer; font-size: 20px; color: #333; width: 200px; height: 50px; margin: 0 auto; text-align: center; line-height: 50px; } .chanpin-top a:hover { background-color: #13b8e6; color: #fff; } .chanpin-bottom { position: relative; } .cb-tupian { position: relative; overflow: hidden; } .cb-tupian img { width: 100%; transition: all .5s; } .cb-title { font-size: 20px; line-height: 20px; padding: 15px 0; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cb-lianjie { width: 100%; height: 35px; background-color: #333; } .chanpin-bottom-zong:hover .cb-tupian { border: 1px solid #13b8e6; } .chanpin-bottom-zong:hover .cb-tupian img { transform: scale(1.1); } .chanpin-bottom-zong:hover .cb-lianjie { background-color: #13b8e6; } .cb-lianjie-zi { float: left; color: #fff; height: 35px; line-height: 35px; font-size: 20px; padding-left: 20px; } .cb-lianjie-tu { float: right; padding-right: 20px; } .cb-lianjie-tu img { height: 35px; } .chanpin-bottom .swiper-button-next, .chanpin-bottom .swiper-rtl .swiper-button-prev { right: -90px; left: auto; width: 50px; } .chanpin-bottom .swiper-button-prev, .chanpin-bottom .swiper-rtl .swiper-button-next { left: -90px; right: auto; width: 50px; } .chanpin-bottom .swiper-button-next { background: url(/uploads/image/tdimages/chanpin-lunbo.png) no-repeat 50% 50% / 100% 100% border-box border-box; width: 50px; height: 50px; } .chanpin-bottom .swiper-button-prev { background: url(/uploads/image/tdimages/chanpin-lunbo.png) no-repeat 50% 50% / 100% 100% border-box border-box; width: 50px; height: 50px; transform: rotate(180deg); } .chanpin-bottom .swiper-button-next:after, .chanpin-bottom .swiper-button-prev:after { display: none; } .chanpin-bottom .swiper-button-prev:hover { background: url(/uploads/image/tdimages/chanpin-lunbo-2.png) no-repeat 50% 50% / 100% 100% border-box border-box; } .chanpin-bottom .swiper-button-next:hover { background: url(/uploads/image/tdimages/chanpin-lunbo-2.png) no-repeat 50% 50% / 100% 100% border-box border-box; } .weisha { position: relative; width: 100%; height: 800px; margin: 30px auto 60px; } .weisha-zhong { width: 400px; height: 400px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; border: 1px solid #fff; border-radius: 50%; } .weisha-zhong h1 { text-align: center; font-size: 30px; } .weisha-zhong p { text-align: center; } .ce { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-around; align-items: center; padding: 40px 20px; } .weisha-zhong a { display: inline-block; width: 200px; height: 50px; margin: 0 auto; text-align: center; line-height: 50px; font-size: 20px; } .weisha-zhong a:hover { background-color: #13b8e6; color: #fff; } .weisha-houmian { width: 100%; height: 800px; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between; } .weisha-houmian-lie { width: 680px; height: 360px; /* background-color: #333; */ } .weisha-houmian-lie:nth-child(1) { padding: 75px 0 0 75px; text-align: left; background: url(/uploads/image/tdimages/weisha-bj-2.jpg) no-repeat; } .weisha-houmian-lie:nth-child(2) { padding: 75px 75px 0 0; text-align: right; background: url(/uploads/image/tdimages/weisha-bj-1.jpg) no-repeat; } .weisha-houmian-lie:nth-child(3) { padding: 75px 0 0 75px; text-align: left; background: url(/uploads/image/tdimages/weisha-bj-3.jpg) no-repeat; } .weisha-houmian-lie:nth-child(4) { padding: 75px 75px 0 0; text-align: right; background: url(/uploads/image/tdimages/weisha-bj-4.jpg) no-repeat; } .weisha-houmian-lie-title { color: #fff; font-size: 24px; line-height: 50px; font-weight: 600; } .weisha-houmian-lie-neirong { color: #fff; font-size: 16px; line-height: 30px; } .youshi { width: 100%; /* height: 460px; */ background: url(/uploads/image/tdimages/youshi-bj.jpg) no-repeat center top; position: relative; } .youshi-title { padding-top: 100px; text-align: center; } .youshi-title h1 { font-size: 35px; color: #fff; line-height: 60px; font-weight: 600; text-align: center; } .youshi-title p { font-size: 16px; color: rgb(201, 198, 198); line-height: 30px; text-align: center; padding: 20px 0; } .youshi-title a { display: inline-block; cursor: pointer; font-size: 20px; color: #fff; width: 200px; height: 50px; margin: 0 auto; text-align: center; line-height: 50px; } .youshi-title a:hover { background-color: #13b8e6; color: #fff; } .youshi-bottom { display: flex; justify-content: space-between; /* position: absolute; */ margin-top: 50px; } .yb-quan { background-color: #fff; width: 320px; height: 300px; border-radius: 10px; padding: 40px 30px; } .yb-quan-title { font-size: 20px; font-weight: 600; line-height: 40px; } .yb-quan-neirong { margin-top: 10px; font-size: 16px; } .guanyu { padding: 70px 0 100px; } .guanyu-bottom { border-radius: 10px; background-color: #fff; } .gb-tu img { border-top-left-radius: 10px; border-top-right-radius: 10px; } .gb-miaoshu { display: flex; justify-content: space-between; } .gb-miaoshu>div { width: 25%; padding: 35px 0; border-right: 1px solid #ccc; text-align: center; } .gb-miaoshu>div:last-child { border-right: none; } .gb-miaoshu-tu img { width: 60px; } .gb-miaoshu-shuzi { font-size: 30px; font-weight: 600; line-height: 60px; } .zizhi { width: 100%; height: 570px; background: url(/uploads/image/tdimages/zizhi-bj.jpg) no-repeat center center; } .zizhi-bottom { display: flex; justify-content: space-between; margin-top: 50px; } .zizhi-bottom>div { width: 460px; height: 160px; background-color: #fff; border-radius: 10px; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; cursor: pointer; } /* .zizhi-bottom>div:hover{ background-color: #13b8e6; color: #fff; } */ .zb-quan-tu img { width: 100px; border-radius: 10px; transition: all .5s; } .zb-quan-zi { font-size: 20px; font-weight: 600; align-items: center; display: inherit; transition: all .5s; } .zizhi-bottom>div:hover .zb-quan-zi { transform: scale(1.05); } .zizhi-bottom>div:hover .zb-quan-tu img { transform: scale(1.05); } .huoban { padding: 70px 0; background-color: #fff; } .huoban-bottom-title { font-size: 20px; line-height: 60px; border-bottom: 1px solid #13b8e6; } .huoban-lunbo { height: 250px; line-height: 250px; } .huoban-lunbo .huobanswiper { height: 250px; } .huoban-lunbo .huobanswiper .swiper-slide { position: relative; } .huoban-lunbo .huobanswiper .swiper-slide img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); margin: 0 auto; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer; } .huoban-lunbo .huobanswiper .swiper-slide-active img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } .lingyu { padding: 70px 0 100px; overflow: hidden; position: relative; } .lingyu-lunbo { width: 100%; /* height: 600px; */ margin-top: 30px; position: relative; } .lingyu .swiper-slide { position: relative; border-radius: 10px; transition: 300ms; transform: scale(0.8); height: 280px; } .lingyu .swiper-slide img { width: 100%; border-radius: 10px; position: absolute; top: -35px; opacity: 50%; } .lingyu .swiper-slide-active, .lingyu .swiper-slide-duplicate-active { transform: scale(1); } .lingyu .swiper-slide-active img, .lingyu .swiper-slide-duplicate-active img { position: absolute; top: 0; opacity: 100%; } .lingyu .swiper-slide .lingyu-zi { text-align: center; font-size: 20px; line-height: 60px; color: #fff; background: rgba(0, 0, 0, .3); position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .lingyu .swiper-slide-active .lingyu-zi, .lingyu .swiper-slide-duplicate-active .lingyu-zi { text-align: center; font-size: 20px; line-height: 60px; color: #fff; background: rgba(0, 0, 0, .3); position: absolute; bottom: 0; left: 0; width: 100%; opacity: 1; } .lingyu .swiper-button-prev, .lingyu .swiper-rtl .swiper-button-next { left: 37.5%; right: auto; top: 95%; width: 50px; } .lingyu .swiper-button-next, .lingyu .swiper-rtl .swiper-button-prev { right: 37.5%; left: auto; top: 95%; width: 50px; } .lingyu .swiper-button-next:after { content: ''; background-image: url(/uploads/image/tdimages/chanpin-lunbo.png); background-repeat: no-repeat; background-size: contain; background-position: center; width: 50px; height: 50px; } .lingyu .swiper-button-prev:after { content: ''; background-image: url(/uploads/image/tdimages/chanpin-lunbo.png); background-repeat: no-repeat; background-size: contain; background-position: center; width: 50px; height: 50px; transform: rotate(180deg); } .lingyu .swiper-button-prev:hover:after { background-image: url(/uploads/image/tdimages/chanpin-lunbo-2.png); } .lingyu .swiper-button-next:hover:after { background-image: url(/uploads/image/tdimages/chanpin-lunbo-2.png); } .xinwen { background: #fff; padding: 70px 0 100px; } .xinwen-bottom { display: flex; justify-content: space-between; } .xb-quan { width: 450px; } .xb-quan-tu { width: 100%; height: 291px; overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; } .xb-quan-tu img { width: 100%; height: 100%; transition: all .5s; } .xb-quan-zi { background-color: #f6f6f6; padding: 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .xb-quan-zi-title { font-size: 18px; font-weight: 600; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s; } .xb-quan-zi-content { font-size: 14px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 15px 0; transition: all .3s; } .xb-quan-zi-shijian { display: flex; justify-content: space-between; } .xb-quan-zi-shijian-zuo { font-size: 16px; display: inherit; flex-wrap: inherit; align-items: center; color: #7e7e7e; transition: all .3s; } .xb-quan-zi-shijian-zuo:before { content: ''; display: inline-block; width: 16px; height: 16px; background: url(/uploads/image/tdimages/xinwen-shijian.png) no-repeat; background-size: 100% 100%; } .xb-quan-zi-shijian-you { transition: all .3s; } /* .xb-quan-zi-shijian-zuo img { width: 16px; } */ .xb-quan-zi-shijian-zuo span { padding-left: 5px; margin-top: 2px } .xb-quan:hover .xb-quan-tu img { transform: scale(1.1) } .xb-quan:hover .xb-quan-zi { background: #13b8e6; } .xb-quan:hover .xb-quan-zi-title { color: #fff; } .xb-quan:hover .xb-quan-zi-content { color: #fff; } .xb-quan:hover .xb-quan-zi-shijian-zuo { color: #fff; } .xb-quan:hover .xb-quan-zi-shijian-zuo:before { content: ''; display: inline-block; width: 16px; height: 16px; background: url(/uploads/image/tdimages/xinwen-shijian-bai.png) no-repeat; background-size: 100% 100%; } .xb-quan:hover .xb-quan-zi-shijian-you { color: #fff; font-weight: 600; } .lianxi { padding: 70px 0 100px; } .lianxi-bottom { display: flex; justify-content: space-between; } .lb-quan { width: 330px; height: 330px; border-radius: 10px; background-color: #fff; padding: 60px 10px; text-align: center; } .lb-quan-title { font-size: 20px; font-weight: 600; line-height: 50px; } /* @media screen and (max-width:1024px) { .lunbo { width: 100%; } .lunbo .myswiper{ width: 100%; overflow:hidden; } .chanpin-top { padding: 0 0px; } .chanpin-bottom .swiper-button-next { right: -10px; transform: translatey(-50%); } .chanpin-bottom .swiper-button-prev { left: -10px; transform: translatey(-50%); } .chanpin-top h1 { font-size: 28px; font-weight: 600; line-height: 40px; } .cb-tupian{ width: 90%; margin:0 auto } .cb-title{ width: 90%; margin:0 auto } .cb-lianjie{ width: 90%; margin:0 auto } .weisha { height: auto } .weisha-zhong { position: relative; width: 100%; height: auto; left: 0; right: 0; transform: none; border-radius: 0; } .weisha-houmian { display: block; height: auto; } .weisha-houmian-lie { width: 100%; height: auto; } .weisha-houmian-lie-title { font-size: 20px; line-height: 40px; } .weisha-houmian-lie:nth-child(1) { padding: 15px } .weisha-houmian-lie:nth-child(2) { padding: 15px; text-align: left; } .weisha-houmian-lie:nth-child(3) { padding: 15px; } .weisha-houmian-lie:nth-child(4) { padding: 15px; text-align: left; } .youshi-title { padding-top: 30px; } .youshi-title h1 { font-size: 28px; line-height: 40px; } .yb-quan { width: 50%; height: auto; } } */