#swiper-container1{width:100%;} #swiper-container1 .swiper-slide img{width: 100%;display: block;} .m_ban{display: none;} img{max-width: 100%;} .p_ban{position: relative;} .p_ban .swiper-button-next,.p_ban .swiper-button-prev{background: url(../images/wmore.png) center no-repeat; opacity: 1;background-size: 100%; width: 3.4vw;height: 3.4vw;top: auto; bottom: 20vw;left: 8.3%;cursor: pointer;z-index: 6;box-sizing:border-box;} .p_ban .swiper-pagination .swiper-pagination-customs-active{border-color: #fff;opacity: 1;} .p_ban .swiper-button-nexfwbt.imgnext{top: 50vw;right: 3.3%;background: none;width: 5.2vw;height: auto;} .p_ban .swiper-pagination{text-align: left;bottom: 18vw;left: 9%;height: 12px;width: 82%;} .p_ban .swiper-pagination-bullet {width: 12px;height: 12px;background-color: #fff;display: inline-block;opacity: 1 !important;margin-left: 2vw;} .p_ban .swiper-pagination-bullet-active{background-color: #ffc729;} .p_ban a{display: block;height: 59.3vw;background-position: center;background-size: cover;background-repeat: no-repeat;} .more{display: none;} .box .page, .box #load_more_button{display: none;} .box-about p{max-height: 5.4em;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .ResTitle_a1{text-align: center;margin-bottom: 4vw;} .ResTitle_a1 em{font-size: 2.4vw;color: #333333;font-weight: bold;display: block;text-transform: capitalize;} .ResTitle_a1 span{font-size: 1.5vw;color: #333333;letter-spacing: 1vw;display: block;} .ResTitle_a1 span:after{content: "";display: inline-block;margin-left: -1vw;height: 1em;width: 1px;} .count_list {display: block;} .count_list li{display: block;line-height: 1.0;text-align: left;margin-bottom: 6.3vw;} .count_list li div:after{content: "+";position: absolute;color: #2c4c67;font-size: 1.8vw;top: 0;right: -40px;font-weight: bold;} .count_list li div{font-size: 3.75vw;color: #2c4c67;position: relative; display: inline-block;font-weight: bold;font-family: Arial;} .count_list li p{font-size: 14px;color: #999;margin: 0; white-space: nowrap;} .count_list li:nth-last-child(1){margin-bottom: 0;} .box-product .swiper-container{overflow: visible;height: 100%;} .box-product{height: 31.25vw;position: relative;width: 82.3%;margin: 0 auto;transform: translateY(-50%);overflow: hidden; z-index: 3;background: #fff;} .box-product h4{display: inline-block;position: relative;margin-bottom: 2.4vw;font-weight: bold;font-size: 2.4vw;color: #333333;} .box-product p{margin-bottom: 2.6vw;line-height: 2.0;color: #666666;font-size: 16px;height: 6em; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .box-product .txt a{display: block;width: 240px;background: #ffc729;border-radius: 3px;color: #fff; margin-top: 3.9vw; box-shadow: 0px 1px 15px 3px rgba(255,199,41,0.5);text-align: center;padding: 1.2vw 0;} .box-product .txt{width: 50%;display: inline-block;padding-top: 1.5vw;float: right;height: 100%; background: #f8f8f7;padding: 6.25vw 6.25vw 0 6.25vw;box-sizing:border-box;position: absolute;right: 0;} .box-product .img{width: 27%;display: inline-block;height: 100%;overflow-x: hidden;} .box-product .img img{display: block;height: 100%;} .box-product .swiper-slide{opacity: 0 !important;} .box-product .swiper-slide-active{opacity: 1 !important;} .box-product .swiper-pagination{margin-top: 5.2vw;position: absolute;left: 27%;width: 23%;top: 0;background: #ffffff;z-index: 3;} .box-product .swiper-pagination>span{cursor: pointer;color: #999;padding: 1.3vw 0 0 0;width: 80%;margin: 0 auto 0 20% ;opacity: 1;height: auto;border-radius: 0; border-right: 4px solid transparent;box-sizing:border-box;font-weight: bold;line-height: 1.5;font-size: 1.2vw;background: none;text-align: left;display: block;} .box-product .swiper-pagination>span:hover{border-color: #ffc729;color:#ffc729;} .box-product .swiper-pagination>span:hover a{color:#ffc729;} .box-product .swiper-pagination .swiper-pagination-bullet-active{border-color: #ffc729;color:#ffc729;} .box-product .swiper-pagination>span em{font-size: 14px;font-family: Arial;display: block;width: 80%; padding-bottom: 1.3vw;border-bottom: 1px solid #eeeeee;font-weight: normal;} .box_ser .swiper-button-prev{display: block;width: 40px;height: 40px;border-top: 5px solid #ffc729;border-left: 5px solid #ffc729; transform: rotate(-45deg) translateY(50%);background: none;opacity: 1;float: left;margin-top: 0;left: 5%;top:30%;} .box_ser .swiper-button-next{display: block;width: 40px;height: 40px;border-top: 5px solid #ffc729;border-right: 5px solid #ffc729; transform: rotate(45deg) translateY(50%);background: none;opacity: 1;float: right;margin-top: 0;right: 5%;top:30%;} .box_ser{margin: -9vw auto 0 auto;width: 100%; overflow-x: hidden;position: relative;} .box_ser .top{position: relative;} .box_ser .ResTitle_a1{margin-bottom: 1vw;} .box_ser .more{display: block;position: absolute;right: 9%;top: 3vw; height: auto;width: 10em;background: #ffc729;border-radius: 3px;color: #fff;text-align: center;padding: 0.7vw 0;} .box_ser .swiper-pagination{display: none;} .box_ser .top {margin-bottom: 7.1vw;position: relative;} .box_ser .top h3{font-size: 24px;color: #333333;display: inline-block;} .box_ser .ProductList_b2{overflow: visible !important;} .box_ser li {height: 28.5vw;width: 20.3%;overflow: hidden;position: relative;border-radius: 5px;} .box_ser li .ceng{display: block;position: absolute;top: 0;left: 0;height: 100%;width: 100%;padding-top: 93%; background: linear-gradient(transparent 62%,rgba(18,78,128,0.7));color: #fff;text-align: center;box-sizing:border-box; background: rgba(18,78,128,0.5);} .box_ser li p{font-size: 14px;color: #ffffff;} .box_ser li span{width: 67%;padding: 1.2vw 0; font-size: 16px; margin: 0 auto;background: #ffc729;border-radius: 3px;display: block;display: none;} .box_ser li h3{font-size: 1.5vw;color: #fff;line-height: 1.5;margin: 0.35vw auto 0.7vw auto;width: 80%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;} .box_ser a{display: block;position: relative;display: block;overflow: hidden;} .box_ser a img{width: 100%;height: 100%; display: block;} .contact-box{background-color: #171717;padding: 3vw 12.25% 3vw 47%;color: #fff;} .contact-box p{font-size: 14px;margin-bottom: 1.2vw;} .contact-box .logo{float: right;} .box_news{padding: 4.15vw 8.35%;background: #f5f5f5; box-sizing:border-box;margin: 4.15vw 0 0 0;} .box_news #NewsList_a1 ul li{margin-bottom: 0;} /*Version:a1 - 新闻*/ .muted,.label{color: #ffcd40;font-size: 14px;position: absolute;top: 3.8vw;line-height: 1.5;} .muted{left: 15%;} .News_title{display: inline-block;width: 39%;margin: 4.5vw auto 2% 5%;padding-top: 25px;} .News_title h2{font-size: 1.2vw;display: block; -webkit-line-clamp:2;height: 3em;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;} .NewsList_c1 .NewList_con .muted:nth-of-type(2){display: none;} .NewsList_c1 .NewList_con{width: 50%;float: left;background: #fff;position: relative;height: 17.7vw;} .NewsList_c1 .focus{height: 17.7vw;width: 50%;float: right;} .NewsList_c1 .focus a,.NewsList_c1 .focus img{display: block;width: 100%;height: 100%;} .NewsList_c1 .NewList_con:nth-of-type(3) .focus,.NewsList_c1 .NewList_con:nth-of-type(4) .focus{float: left;} .NewsList_c1 .note{display: inline-block;width: 39%;margin: 0 auto 0 5%;color: #666;font-size: 14px; display: block;line-height: 2;height: 6em; -webkit-line-clamp:3;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;} .NewsList_c1 .NewList_con:nth-of-type(3) .note,.NewsList_c1 .NewList_con:nth-of-type(4) .note{margin: 0 5% 0 auto;float: right;} .NewsList_c1 .NewList_con:nth-of-type(3) .muted,.NewsList_c1 .NewList_con:nth-of-type(4) .muted{left: 65%;} .page,#load_more_button{display: none;} .price{background: #fff;padding: 1vw; background-position: 18px 22px, 0;font-size: 16px;position: absolute;right: 8.85vw;bottom: 16vw;box-shadow: 2px 2px 3px rgba(0,0,0,0.03);box-sizing:border-box; z-index: 2;line-height: 20px;} .price h3{font-size: 16px; color: #2d56a4;margin-right: 1vw;font-weight: bold;display: inline-block;} /* .price>span{color: #7e7e7e;padding-top: 4px;display: inline-block;} */ .price p{color: #003a63;display: inline-block;line-height: 1.8;} .price p:first-child{margin-right: 2.3vw;} .price .bottom{float: right;} @media screen and (min-width: 1025px){ .box_ser li.swiper-slide-active{width: 25%;height: 35.6vw;transform: translateY(-3.5vw);} .box_ser li.swiper-slide-active span,.box_ser li:hover span{display: block;} .box_ser li.swiper-slide-active .ceng{background: linear-gradient(transparent 62%,rgba(18,78,128,0.9));} } @media screen and (max-width: 1480px){ .p_ban .swiper-pagination{bottom: 19vw;} .box-product .swiper-pagination{margin-top: 3vw;} .box-product .txt{padding-top: 4vw;} .box-product h4{margin-bottom: 1vw;font-size: 2vw;} .box_ser{margin-top: -15vw;} .box_ser .fr .swiper-pagination { bottom: -42px; left: auto;} .box_ser .fl{width: 45%;} .box_ser .fr{width: 55%;} .box_ser .fr .btn {left: -5%;width: 75.8%;} .box_ser .swiper-button-prev,.box_ser .swiper-button-next{display: none} .muted{left: auto;right: 57%;} .NewsList_c1 .note{-webkit-line-clamp:2;height: 3.6em;} .NewsList_c1 .NewList_con:nth-of-type(3) .muted, .NewsList_c1 .NewList_con:nth-of-type(4) .muted{right: auto;left: 70.5%;} .News_title{padding-top: 14px;} } @media only screen and (max-width: 1250px){ .label{display: none;} .muted{top: 2.8vw;right: auto;left: 5%;} .NewsList_c1 .NewList_con:nth-of-type(3) .muted, .NewsList_c1 .NewList_con:nth-of-type(4) .muted{left: 55%;} .News_title h2{font-size: 16px;} .NewsList_c1 .note{font-size: 12px;} } @media screen and (max-width: 1024px) and (orientation: portrait) { .ResTitle_a1 span{font-size: 22px;} .ResTitle_a1 em{font-size: 30px;} .more{height: 40px;line-height: 40px;width: 140px;} .box-product{width: 90%;height: 33vw;} .box-product h4{font-size: 3vw;} .box-product .txt a{width: 10em;} .box-product .txt{width: 52%;} .box-product .swiper-pagination{margin-top: 1vw;left: 27%;width: 21%;padding-top: 5vw;} .box_news{padding: 4.5vw 5%;} .box_news #NewsList_a1 ul li:nth-child(4){display: none;} .contact-box{padding: 3vw 5%;} .box_ser .top{margin-bottom: 0;} .box_ser{margin: -8vw auto 8vw auto;} .box_ser li span{padding: 1vw 0;width: 120px;} .box-product .swiper-pagination>span{width: 85%;margin-left: 12.5%;} .p_ban .swiper-pagination{top: 30vw;} .p_ban .swiper-button-next, .p_ban .swiper-button-prev{display: none;} .box_ser li h3{font-size: 18px;} .box_ser li .ceng{padding-top: 70%;} .box_ser li.swiper-slide-active span{display: block;} .box_ser li.swiper-slide-active .ceng{background: linear-gradient(transparent 30%,rgba(18,78,128,0.9));} .box_news{margin-top: 8vw;} .box_ser .more{padding: 0;width: 6em;top: 5vw;} .price{right: 5%;bottom: 17vw;width: auto;background-position: 15px 10px, 0;padding: 10px 18px 10px 67px;} .price h3{font-size: 18px;} .price .bottom{display: inline-block;} .price span{float: none !important;display: inline-block;} } @media screen and (max-width: 768px){ .box_ser .fl{width: 100%;padding: 0 5%;margin-bottom: 30px;} .box_ser .fr{width: 94%} .box-product .swiper-pagination{display: none;} .box-product .txt{width: 70%;} .box-product .img{width: 30%;} .box-product .img img{width: 100%;} .NewsList_c1 .note{display: none;} .box_ser li p{display: none;} } @media screen and (max-width: 640px){ .p_ban{position: relative;} .p_ban .swiper-pagination{text-align: center;width: 100%;right: 0;top: auto;bottom: 7vw;} .p_ban .swiper-pagination-bullet{margin: 0 2vw;width: 5px;height: 5px;} .more{font-size: 3.8vw;width: auto;height: auto;padding: 3vw 5.5vw 3vw 5vw;line-height: 1.0;} .ResTitle_a1 em{font-size: 7vw;} .ResTitle_a1 span{font-size: 6vw;} .box-product{height: auto;width: 100%;transform:none;overflow: visible;} .box-product h4{font-size: 6vw;} .box-product p{font-size: 3.8vw;} .box-product .txt{width: 100%;float: none;height: auto;position: static;padding: 7vw 5vw;} .box-product a{display: inline-block;padding: 2vw;margin: 0 auto;width: auto;} .box-product .swiper-container{height: auto;} .box-product .img{width: 100%;display: none;} .box-product .swiper-pagination{top: -20vw;left: 4%;width: 92%;display: block;padding: 3vw 0;position: static;margin: 0 auto;} .box-product .swiper-pagination>span{width: auto;display: inline-block;margin: 0;width: 50%;border: none;text-align: center;float: left;padding: 2vw 0;} .box-product .swiper-pagination>span em{padding: 0;margin: 0;width: auto;border:none;} .box-product a{font-size: 4.2vw;padding: 0;} .box-product em{font-size: 3.6vw;} .box_ser li.swiper-slide-active span, .box_ser li:hover span{display: none;} .box_ser{margin: 8vw auto;} .box_ser li{height: 100%;} .box_ser .ProductList_b2{height: 66vw;} .box_ser li span{font-size: 3.8vw;} .box_ser li .ceng{padding-top: 80%;} .box_ser li h3{font-size: 4.2vw;margin: 2vw auto;} .box_ser .more{padding: 3vw 0;font-size: 3.8vw;} .box_ser .top{width: 92%;margin: 0 auto;} .box_ser .top .ResTitle_a1{margin-bottom: 4vw;} .box_ser li p{display: block;} .box_ser .more{right: 0;top: auto;bottom: 0;width: 8em;} .box-about .top{width: 92%;} .box-about .bottom .BannerShow_c1{width: 62%;} .box-about .bottom b{width: 38%;} .count_list li{text-align: center;width: 47.5%;float: left;margin: 6vw 5% 6vw 0; } .count_list li:nth-child(2n){margin-right: 0;} .count_list li div{font-size: 8vw;} .count_list li div:after{font-size: 6vw;right: -10px;} .box_news{padding: 6vw 4%;} .box_news #NewsList_a1 ul li{margin-bottom: 3vw;} .contact-box{display: none;} .NewsList_c1 .NewList_con{width: 100%;float: none;margin-bottom: 3vw;padding: 4vw 3vw; box-sizing: border-box;height: auto;} .NewsList_c1 .focus{display: none;} .News_title h2{font-size: 4.2vw;height: auto;margin: 3vw 0 1vw 0;} .News_title h2 a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;width: 100% !important;font-size: 4.5vw;} .News_title{width: 100%;padding: 0;margin: 0;} .label{display: block;position: static;} .NewsList_c1 .note,.NewsList_c1 .NewList_con:nth-of-type(3) .note, .NewsList_c1 .NewList_con:nth-of-type(4) .note{margin: 0; width: 100%;font-size: 3.8vw;display: block;float: none;} .NewsList_c1 .NewList_con:nth-of-type(3) .muted, .NewsList_c1 .NewList_con:nth-of-type(4) .muted,.muted{top: 4.2vw; left: 25%;} .muted, .label{font-size: 3.6vw;} .price{position: static;width: 100%;font-size: 3.8vw;background-size: 6vw auto,100%;padding: 3vw 5%;background-position: 3vw center,center; } .price h3{font-size: 4.2vw;display: block;} }