.swiper-pagination{z-index: 1;position: static;font-size: 0;text-align: center;} .swiper-pagination .swiper-pagination-bullet{height: 7px;width: 7px;border: 2px solid #f9bb22;border-radius: 50%;background-color: #fff; opacity: 1;position: relative;margin: 0 5px;} .swiper-pagination .swiper-pagination-bullet-active{background-color: #f9bb22 !important;} .banner img{display: block;width: 100%;height: 100%;} .banner{height: 100%;width: 100%;} .banner .BannerShow_b1,.banner .swiper-container,.banner .swiper-slide{height: 100%;} .banner .swiper-slide {overflow: hidden;} .banner .swiper-slide img{opacity: .7;transform: scale(1.3);-ms-transform: scale(1.3);-webkit-transform: scale(1.3); transition:.8s all ease;-ms-transition:.8s all ease;-webkit-transition:.8s all ease;} .banner .swiper-slide-active img{opacity: 1;transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1); -webkit-animation-duration: 0.8s;-o-animation-duration: 0.8s;animation-duration: 0.8s; -webkit-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;} .banner .swiper-pagination{position: absolute;bottom: 30px;left: 0;width: 100%;text-align: center;z-index: 2;} .banner .swiper-pagination-clickable .swiper-pagination-bullet{margin-top: 2vw;} .mouse{position: absolute;bottom: 3vw;left: 50%;transform: translateX(-50%);z-index: 1;} #fp-nav{font-size: 1vw;display: none;} #dowebok .section{background-size: cover;background-position: center;transition:.8s all ease;-ms-transition:.8s all ease;-webkit-transition:.8s all ease;} .B2{background-image: url(/images/bg2.jpg);background-size: 100% 100%;} .B3{background-image: url(/images/bg3.jpg);} .B4{background-image: url(/images/bg4.jpg);} .B5{background-image: url(/images/bg5.jpg);} .B6{background-image: url(/images/bg6.jpg);} .B7{background-image: url(/images/bg7.jpg);} .B6,.B3{background-size: 120% 120%;} .B6.active,.B3.active{background-size: 100% 100%;} .B2.active{background-size: 110% 110%;} .ResTitle_a3{text-transform: uppercase;line-height: 1.2;position: relative;padding-top: 1.5vw;} .ResTitle_a3 em{font-size: 3.8vw;position: absolute;left: 0;top: 0;color: #000000;opacity: 0.1; font-weight: bold;} .ResTitle_a3 br{display: none;} .ResTitle_a3 span{padding-left: 0.5vw;padding-right: 1vw;position: relative;z-index: 2;font-size: 2.5vw;color: #000;} .ResTitle_a3:after{content: "";display: block;width: 12vw;height: 1vw; position: absolute;left: 0;bottom: 0.2em; background-color: #f9bb22; background: linear-gradient(to right, #f9bb22,transparent); background: -ms-linear-gradient(to right, #f9bb22,transparent); background: -webkit-linear-gradient(to right, #f9bb22,transparent); } .mymore{max-width: 100%;width: 110px;text-align: center;display: block;height: 44px;line-height: 44px;font-size: 16px;border: 1px solid #f9bb22;background-color: #f9bb22;} .mymore.mob{display: none;} .section .main-w{/* width: 1260px; */width: 88.5%; max-width: 90%;margin-left: auto;margin-right: auto;padding-top: 18.6vh;box-sizing: border-box;} .B2{position: relative;} .B2 .main-w{width: 100%;max-width: 100%;} .B2 .L{width: 39%;padding-top: 6vw;margin-right: 4.3%;position: relative;padding-top: 8.5vw;} .B2 .L .img1{position: absolute;top: 6vw;left: 4vw;width: 34vw;z-index: 1;} .B2 .L .img1 img{display: block;width: 100%;} .B2 .L .img2{width: 25vw; margin-left: auto;margin-right: 0;position: relative;z-index: 2;} .B2 .L .img2 img{display: block;width: 100%;} .B2 .L:after{content: "";display: block;width: 30vw;height: 20vw;position: absolute;left: 0;top: 0; border-top-right-radius: 4vw; background-color: #ffef9b; background: linear-gradient(#ffef9b, #fff7cb); background: -ms-linear-gradient(#ffef9b, #fff7cb); background: -webkit-linear-gradient(#ffef9b, #fff7cb); } .B2 .R{width: 49.4%;} .B2 .adv-list li{float: left;padding: 1.2vw 2.3vw; background-color: #f9bb22; background: linear-gradient(#f9bb22,#ef9a34); background: -ms-linear-gradient(#f9bb22,#ef9a34); background: -webkit-linear-gradient(#f9bb22,#ef9a34); } .B2 .adv-list li:nth-of-type(2){ background-color: #ffdd91; background: linear-gradient(#ffdd91,#f9ca61); background: -ms-linear-gradient(#ffdd91,#f9ca61); background: -webkit-linear-gradient(#ffdd91,#f9ca61); } .B2 .adv-list li img{width: 1.2em;margin-right: 0.3em;} .num-list{background-color: #fff;border-bottom-left-radius: 4vw;border-top-right-radius: 4vw;overflow: hidden;padding: 2vw 0;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);} .num-list li{display: block;float: left;width: 25%;} .num-list .f-50{font-family: Impact,Arial;} .B3 .main-w{padding-top: 13vh;width: 100%;max-width: 100%;} .B3 .L{padding-top: 4vh;width: 38.9%;margin-left: 5.2vw;} .B3 .R{width: 50%;border-top-left-radius: 5vw;overflow: hidden;} .B3 .R img{display: block;width: 100%;} .ser-list li{display: block;float: left;width: 49.5%;margin-right: 1%;margin-bottom: 6px;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); background-color: #fff; background: linear-gradient(#fff,#efefef); background: -ms-linear-gradient(#fff,#efefef); background: -webkit-linear-gradient(#fff,#efefef); } .ser-list li img{width: 2.2em;margin-right: 1.5vw;transition:.8s all ease;-ms-transition:.8s all ease;-webkit-transition:.8s all ease;} .ser-list a{display: block;padding: 2vw 2vw 2vw 2.8vw;box-sizing: border-box;width: 100%;} .ser-list li:nth-of-type(2n){margin-right: 0;} .ser-list li:nth-of-type(2){border-top-right-radius: 2vw;} .ser-list li:nth-of-type(3){border-bottom-left-radius: 2vw;} .ser-list li:first-child{ background-color: #f9bb22; background: linear-gradient(to right, #f9bb22,#ef9934); background: -ms-linear-gradient(to right, #f9bb22,#ef9934); background: -webkit-linear-gradient(to right, #f9bb22,#ef9934); } .B4 .L{width: 11%;margin: 0 12% 0 24%;} .B4 .R{width: 50%;} .B4 .L .adv-list2 li{white-space: nowrap;} .B4 .L .adv-list2 .img img{width: 100%;display: block;} .B4 .L .adv-list2 .img{width: 3em;margin-right: 1.5em;} .B4 .L .adv-list2 li+li{margin-top: 2.4vw;} .B4 .R .c-f9bb22{font-family: Arial;} .B4 .R .btn{right: 0;top: 0;z-index: 2;} .B4 .R .s-tit{width: 60%;line-height: 44px;} .B4 .R .swiper-button-prev{border-bottom-left-radius: 20px;border-top-left-radius: 20px;} .B4 .R .mymore{border-bottom-right-radius: 20px;border-top-right-radius: 20px;display: inline-block;} .B4 .R .img img{display: block;width: 100%;} .B4 .logo{display: none !important;} .B4 .swiper-button-next,.B4 .swiper-button-prev{background: url(/images/next2.png) center no-repeat;width: 44px;height: 44px; background-size: 30% auto;opacity: 1;position: static;margin: 0 2px;float: left;border: 1px solid #f9bb22;} .B4 .swiper-button-next{transform: rotate(-180deg);} .B4 .R .swiper-container .swiper-slide{opacity: 0 !important;} .B4 .R .swiper-container .swiper-slide-active{opacity: 1 !important;} .B5 .txt{position: absolute;right: 2.6vw;top: 2vw;width: 31.5%;} .B5 .PhotoList_i1 {width: 79.7%;} .B5 .PhotoList_i1 li>a{box-sizing: border-box; height: 100%;display: block;position: relative;overflow: hidden;} .B5 .PhotoList_i1 li>a img{position: absolute;left: 50%;top: 50%;height: 100%;width: 100%;object-fit:cover; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;} .B5 .PhotoList_i1 li span,.B5 .PhotoList_i1 li h4{display: none;} .B5 .more{width: 17vw;background: url(/images/b5more.jpg) no-repeat;background-size: cover;height: 24.5vh;text-align: center; padding-top: 7.7vh;box-sizing: border-box;display: block;position: absolute;right: 0;bottom: 0; border-top-right-radius: 1vw;border-bottom-right-radius: 5.8vw; } .tap_group .tap_box{display: none;} .B6 .mymore{border: 1px solid #fff ;border-radius: 0;margin-right: 0;margin-left: auto;} .B6 .L{width: 15.4%;} .B6 .R{width: 75.7%;} .B6 .tap_btnlist li{display: block;width: 16em;max-width: 100%; margin: 0;padding: 1vw 0;color: #000000;position: relative;border: 1px solid #d0d0d0;margin-bottom: 1px; text-align: left;cursor: pointer;overflow: hidden;box-sizing: border-box;text-indent: 20%;max-width: 100%;box-sizing: border-box; transition:.3s all ease;-ms-transition:.3s all ease;-webkit-transition:.3s all ease; background-color: #f7f7f7; background: linear-gradient(#f0f0f0,#f7f7f7,#f0f0f0); background: -ms-linear-gradient(#f0f0f0,#f7f7f7,#f0f0f0); background: -webkit-linear-gradient(#f0f0f0,#f7f7f7,#f0f0f0); } .B6 .tap_btnlist li:first-child{border-top-right-radius: 10px;border-top-left-radius: 10px;} .B6 .tap_btnlist li:last-child{border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;} .B6 .tap_btnlist .on{color: #fff; background-color: #fc9d34; background: linear-gradient(#fc9d34,#feb925); background: -ms-linear-gradient(#fc9d34,#feb925); background: -webkit-linear-gradient(#fc9d34,#feb925); } .B6 .swiper-button-next,.B6 .swiper-button-prev{background: url(/images/n-arrow.png) center no-repeat;width: 3.3vw;height: 3.3vw; background-size: 100% 100%;position: static;margin: 0 2px;max-height: 66px;max-width: 66px;display: inline-block;} .B6 .swiper-button-next{transform: rotate(-180deg);margin-left: 1vw;} .B6 .arrow{margin-top: 24.7vh;} .NewsList_a1 li{display: block;width: 100%;box-sizing:border-box;position: relative;background: #eeeeee;overflow: hidden;height: 10vw; background-color: #fefefe; background: linear-gradient(#fefefe,#f0f0f0); background: -ms-linear-gradient(#fefefe,#f0f0f0); background: -webkit-linear-gradient(#fefefe,#f0f0f0); } .NewsList_a1 a{display: block;height: 100%;} .NewsList_a1 a:after{content: "";display: block;width: 8px;height: 100%;position: absolute;right: 0;top: 0;z-index: 0;transition:1.1s all ease; background-color: #fc9d34; background: linear-gradient(#fc9d34,#feb925); background: -ms-linear-gradient(#fc9d34,#feb925); background: -webkit-linear-gradient(#fc9d34,#feb925); } .NewsList_a1 .newimg{position: relative;z-index: 1; float: left; width: 25%;overflow: hidden;height: 100%;} .NewsList_a1 .newimg img{width: 100%;height: 100%; display: block;transition:.6s all ease;object-fit: cover;} .NewsList_a1 .newnr{position: relative;z-index: 1; vertical-align: middle;display: inline-block;width: 55%;margin-left: 2vw;position: relative;padding-top: 1.6vw;} .NewsList_a1 .newnr b{font-size: 1vw;color: #323232;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;margin-bottom: 1.4vw; box-sizing:border-box;font-weight: normal; } .NewsList_a1 .newnr p{font-size: 14px;color: #adadad;line-height: 1.8;max-height: 5.4em; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .NewsList_a1 .data{position: relative;z-index: 1; display: inline-block;vertical-align: top; font-size: 16px;color: #000;height: 100%;background: url(/images/dbg.jpg) ;background-size: cover; box-sizing: border-box;padding: 5.4vw 2.5vw 0 1vw;} .NewsList_a1 .data b{font-size: 1.5vw;display: block;font-weight: normal;} .NewsList_a1 .data i{display: none;} .B7 .box{position: relative; box-shadow: 0px 4px 10px 0 rgba(0,0,0,0.2);max-width: 100%; width: 1420px;border-radius: 1vw;margin: 3vw auto 0 auto;overflow: hidden;} .B7 .L{width: 50.4%;box-sizing: border-box;padding: 6.6vh 2vw 2vh 5.2vw;background-color: #f4f4f4;} .B7 .R{width: 49.6%;height: 100%;position: absolute;right: 0;top: 0;} .B7 .R .btn{min-height: 10.5vw; display: block;width: 50%;height: 50%;box-sizing: border-box;padding: 6.6vh 2vw 2vh 3vw;background-size: cover;} .B7 .R .btn1{width: 100%;background-image: url(/images/p7-1.jpg);} .B7 .R .btn2{background-image: url(/images/p7-2.jpg);float: left;} .B7 .R .btn3{padding-top: 0;background-image: url(/images/p7-3.jpg);float: left;} .B7 .list{position: relative;z-index: 2;} .B7 .list li{line-height: 1.8;box-sizing:border-box;background-position: left center;background-repeat: no-repeat;background-size: 1.6vw auto; padding: 0.2vw 0 0.2vw 2.8vw;margin-bottom: 0.8vw;min-height: 1.6vw;} .B7 .list li.phone{background-image: url(/images/p7-4_2.png);} .B7 .list li.add{background-image: url(/images/p7-4_1.png);} .B7 .list li.fax{background-image: url(/images/p7-4_3.png);} .B7 .list li.mail{background-image: url(/images/p7-4_4.png);} .footer{padding-top: 0;} .henping{position: fixed;left:0; top: 0;width: 100%;height: 100%;background-color: #fff;color: #444;z-index: 1000;text-align: center;display: none;} .henping:after{content: "";display: inline-block;vertical-align: middle;width: 1px;height: 100%;} @media screen and (min-width: 1024px){ .ser-list li a:hover .img img{-webkit-transform: rotateY(360deg) ;margin-right: 1vw; -moz-transform: rotateY(360deg) ; -ms-transform: rotateY(360deg) ; -o-transform: rotateY(360deg); transform: rotateY(360deg); } .mymore:hover{background-color: #fff;color: #ffa800;} .NewsList_a1 li:hover a:after{width: 100%;} .B6 .tap_btnlist li:hover{color: #fff; background-color: #fc9d34; background: linear-gradient(#fc9d34,#feb925); background: -ms-linear-gradient(#fc9d34,#feb925); background: -webkit-linear-gradient(#fc9d34,#feb925); } .NewsList_a1 li a:hover img{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);} .NewsList_a1 li:hover .newnr b,.NewsList_a1 li:hover .newnr p{color: #fff;} .B5 .PhotoList_i1 li:hover>a img{ transform:translate(-50%,-50%) scale(1.08,1.08) ; -ms-transform:translate(-50%,-50%) scale(1.08,1.08) ; -webkit-transform:translate(-50%,-50%) scale(1.08,1.08); } } @media screen and (min-width: 640px) { .B5 .PhotoList_i1 li{width: 23.7%;margin-left: 1.57%;overflow: hidden;height: 24.5vh;float: left;} .B5 .PhotoList_i1 li:first-child{width: 49.3%;margin-left: 0;border-top-left-radius: 5.8vw;height: 51vh;} .B5 .PhotoList_i1 li:nth-of-type(2){border-top-right-radius: 1vw;margin-bottom: 2vh;margin-right: 20%;} } @media screen and (max-width: 1440px){ .NewsList_a1 .newnr b{font-size: 18px;margin-bottom: 0.5em;} .NewsList_a1 .newnr p{-webkit-line-clamp: 2;max-height: 3.6em;} .mymore{font-size: 14px;} } @media screen and (max-width: 1250px){ .NewsList_a1 .newnr b{font-size: 16px;} } @media screen and (max-width: 812px) and (orientation:landscape) { /*绔栧睆鎻愮ず*/ .henping{display: block;} } @media screen and (max-width: 1024px) { } @media screen and (max-width: 1024px) and (orientation: portrait){ .ResTitle_a3{font-size: 3vw;} .ResTitle_a3 span:after{width: 2em;margin-bottom: 5vw;} .section .main-w{width: 95%;} .section .main-w{width: 80%;} .B2 .L{width: 80%;} .B2 .L:after{width: 44vw;height: 22vw;} .B2 .L .img2{width: 53%;} .B2 .L .img1{width: 51%;} .B2 .R{width: 100%;padding-top: 3vw;} .B3 .L{float: none;width: 100%;} .B3 .R{border-radius: 0;} .ser-list,.B3 .R{width: 500px;max-width: 100%;} .B3 .R{padding-top: 3vw;} .B4 .L{margin-left: 0;} .B4 .R{width: 70%;} .B5 .PhotoList_i1 li:first-child{height: 35vw;} .B5 .PhotoList_i1 li:nth-of-type(2){margin-bottom: 1vw;} .B5 .PhotoList_i1 li{height: 17vw;width: 22%;} .B5 .more{height: 17vw;padding-top: 5.5vw;} } @media screen and (max-width: 800px) and (orientation: portrait){ .section .main-w{width: 90%;} } @media screen and (max-width: 640px) and (orientation: portrait){ .mymore.mob{display: block;} .ResTitle_a3 span{font-size: 6.6vw;} .ResTitle_a3 em{font-size: 10.6vw;top: -2.3vw;} .section .main-w{width: 94%;} .ResTitle_a3:after{height: 4vw;width: 31vw;bottom: -0.2em;} .B2{background-image: url(/images/mbg2.jpg);} .B3{background-image: url(/images/mbg3.jpg);} .B4{background-image: url(/images/mbg4.jpg);} .B5{background-image: url(/images/mbg5.jpg);} .B6{background-image: url(/images/mbg6.jpg);} .B7{background-image: url(/images/mbg7.jpg);} .section .main-w,.B5 .R{padding-top: 22.6vw;width: 90%;} .ResTitle_a3{font-size: 4.8vw;margin-bottom: 5.6vw;} .ResTitle_a3 span:after{width: 2em;background-color: #fff;height: 2px;margin: 2.6vw auto;} .mymore{font-size: 3.8vw;line-height: 1.5;height: auto;padding: 2vw 0;width: 8em;border-radius: 8vw;} .num-list{background: none;box-shadow: none;} .B2 .font-over3{-webkit-line-clamp: 7;max-height: 12.6em;height: auto;} .B3 .L{margin: 0 auto;width: 92%;} .B3 .R{width: 100%;border-top-left-radius: 22vw;padding-top: 0;} .B3 .main-w{width: 100%;} .ser-list a{padding: 3vw 1vw 4vw 2.5vw;} .ser-list li img{margin-right: 0;} .ser-list li{width: 48.5%;margin-right: 2%;} .ser-list li .img{margin-right: 1vw;} .ser-list li:nth-of-type(2){border-top-right-radius: 5vw;} .ser-list li:nth-of-type(3){border-bottom-left-radius: 5vw;} .B4 .L{float: none;width: 100%;} .B4 .L .adv-list2 .img{width: 2.5em;margin-right: 0.5em;} .B4 .L .adv-list2 li{float: left;width: 50%;margin-bottom: 2.4vw;} .B4 .L .adv-list2 li+li{margin-top: 0;} .B4 .L .mymore{margin-top: 21vw;margin-right: 0;margin-left: auto;} .B5 .more{display: none;} .B5 .R{width: 93%;float: none;margin: 0 auto;} .B5 .txt{position: static;width: 100%;margin-right: 0;margin-left: 0;} .B5 .mymore{margin-right: auto;margin-left: auto;} .B5 .PhotoList_i1{width: 100%;margin-top: 5vw;} .B5 .PhotoList_i1 li,.B5 .PhotoList_i1 li:first-child{height: auto;margin: 0;} .B5 .PhotoList_i1 li>a,.B5 .PhotoList_i1 li a{height: 34vw;} .B5 .PhotoList_i1 li span{display: block;font-size: 3.8vw;color: #000;padding: 1.6vw 0;text-align: center; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom-left-radius: 3vw;border-bottom-right-radius: 3vw; background-color: #f9bb22; background: linear-gradient(to right, #f9bb22,#ef9934); background: -ms-linear-gradient(to right, #f9bb22,#ef9934); background: -webkit-linear-gradient(to right, #f9bb22,#ef9934); } .NewsList_a1 .newimg{display: none;} .NewsList_a1 li{height: auto;position: relative;} .NewsList_a1 a:after, .NewsList_a1 .newnr p{display: none;} .NewsList_a1 .newnr b{font-size: 4.2vw;line-height: 1.6;white-space: normal; height: 3.2em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .NewsList_a1 .newnr{display: block;width: 90%;margin: 0 auto;padding: 3vw 0 2em 0;} .NewsList_a1 .data b{font-size: 3.8vw;display: inline-block;} .NewsList_a1 .data b:after{content: "-";} .NewsList_a1 .data{padding: 0;position: absolute;left: 5%;bottom: 2.5vw; font-size: 3.8vw;background: none;height: auto;} .B6 .L{width: 100%;display: block;float: none;} .B6 .tap_btnlist li{width: 7em;float: left;text-indent: 0;text-align: center;padding: 2vw 0;} .B6 .tap_btnlist li:first-child{border-top-right-radius: 0;} .B6 .tap_btnlist li:nth-of-type(3){border-top-right-radius: 5px;} .B6 .tap_btnlist li:last-child{border-bottom-left-radius: 0;display: none;} .B6 .R{float: none;width: 100%;} .B7 .box{border-radius: 1.8vw;} .B7 .L{float: none;width: 100%;padding: 6vw 5.5vw;} .B7 .list li{background-size: 5.5vw auto;padding-left: 7.5vw;} .B7 .R .btn3{display: none;} .B7 .R .btn1,.B7 .R .btn2{width: 50%;padding: 9vw 3vw;text-align: center;float: left;} .B7 .R{float: none;width: 100%;position: static;} .footer .B{background-color: #e3e3e3;} } @media screen and (max-width: 420px){ .num-list li p{font-size: 14px;} .btn-list li ,.NewsList_a1 li .newnr{font-size: 14px;} }