.product-part01{background: #fff; } .product-part01 .swiper-box{margin:45rem 86rem 20rem; height: 56rem; line-height: 56rem; position: relative;} .product-part01 .swiper-box .swiper-container{ margin: 0 100rem; height: 100%;} .product-part01 .swiper-box .swiper-slide{color: #000000; cursor: pointer; width: auto; padding: 0 20rem;} .product-part01 .swiper-box .swiper-slide.on{ font-weight: bold; border-bottom: 3rem solid #E1001F;} .product-part01 .swiper-box .swiper-button-prev,.product-part01 .swiper-box .swiper-button-next{color: #000; background: none; left:0; top:0; margin-top: 0; width: 80rem; text-align: left; height: 56rem; line-height: 56rem;} .product-part01 .swiper-box .swiper-button-next{text-align: right; left:auto; right:0;} .product-part01 .swiper-box .swiper-button-prev.swiper-button-disabled,.product-part01 .swiper-box .swiper-button-next.swiper-button-disabled{pointer-events:inherit!important; cursor: pointer; opacity: 1;} .product-part01 .swiper-box .swiper-button-prev.disabled{ cursor: default; opacity: 0.35;} .product-part01 .swiper-box .swiper-button-next.disabled{ cursor: default;opacity: 0.35;} .prodict_list{margin: 90rem 0 100rem;} .prodict_list ul{margin:0 -15rem;} .prodict_list li{float: left;width: 25%;padding: 0 15rem;margin-bottom: 30rem;} .prodict_list dl{position: relative;border-radius: 15rem;box-shadow: 0 0 15rem rgba(0,0,0,.2);} .prodict_list dd{position: relative;z-index: 2;border-radius: 15rem;overflow: hidden;height: 100%;} .prodict_list dd p{position: absolute;bottom: 25rem;line-height:24rem;height: 48rem;color: #433d35;padding: 0 20rem;text-align: center;width: 100%;} .prodict_list dt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;} .brandDets_01{padding: 185rem 0 100rem;} .brandDets_01 dd{float: left;width: 50.6%;position: relative;} .brandDets_01-img{box-shadow: 0 0 20rem rgba(0,0,0,.3);border-radius: 20rem;overflow: hidden;} .brand_logo{position: absolute;right: -80rem;top: -70rem;width: 36%;} .brandDets_01 dt{float: left;width: 49.4%;padding-left: 8%;box-sizing: border-box;padding-top: 60rem;} .brandDets_01 dt h3{margin-bottom: 5rem;} .specs-item{margin-top: 40rem;} .specs-t{background: url(../images/brand_31.png) no-repeat center; background-size: cover; width: 103rem;height: 39rem;line-height: 39rem;border-radius: 20rem;color: #fff;text-align: center;margin-bottom: 15rem;} .specs-b{padding: 0 10rem;box-sizing: border-box;} .specs-b span{margin-bottom: 5rem;color: #433d35;} .specs-b em{margin: 0 15rem;} .brandDets_02{padding:50rem 0 10rem;} .brandDets_02 h3{margin-bottom: 25rem;} .brandDets_02 h3 span{ display: block; width: 60rem; height: 3rem; margin: 30rem 0 0; background: #E1001F;} .brandDets_02 .prodict_list{margin-top: 60rem;} .culture_01{padding-right: 12.5%;margin-top: 60rem;overflow: hidden;margin-bottom: 7%;} .culture_01-div{position: relative;} .culture_l{position: absolute;right: -70rem;top: 0;width: 69%;} .culture_r{padding: 60rem 0 0 12.5%;position: relative;z-index: 2;} .culture_r dd{width: 50%;float: right;border-radius: 30rem;overflow: hidden;} .culture_r dt{float: left;width: 50%;padding-right: 8%;} .culture_r dt img{width: 88rem;margin-top: 30rem;} .culture_tit{margin-top: 40rem;margin-bottom: 30rem;} .culture_tit span{display: block;width: 60rem;height: 3rem;background: #e1001f;margin-top: 20rem;} .culture_02{padding-left: 11%;overflow: hidden;margin-bottom: 7%;} .culture_02 .culture_l{right: 0;width: 78%;} .culture_02 .culture_r{padding: 60rem 12.5% 0 0;} .culture_02 .culture_r dd{float: left;border-radius: 20rem;overflow: hidden;} .culture_02 .culture_r dt{float: right;padding-right: 0;padding-left: 8%;color: #fff;} .culture_03 h2{ text-align: center;} .culture_03 h2 em{ display: block; margin: 0 auto; width: 60rem;height: 3rem;background: #e1001f;margin-top: 20rem;} .culture_03 ul{margin-top: 40rem;} .culture_03 li{ float: left; width: 100%; position: relative;} .culture_03 li.li_two{ width: 50%;} .culture_03 li.li_three{ width: 33.33%;} .culture_03 li img{ width: 100%;} .culture_03 li .txt{position: absolute; z-index: 2; left: 0; top:0; padding: 75rem 80rem; max-width: 675rem; color: #fff;} .culture_03 li .txt p{margin: 5rem 0 0; font-weight: bold; line-height: 2; height: 6em;} .culture_03 li .txt .more{width: 118rem; height: 38rem; line-height: 38rem; padding: 0; text-align: center; color: #000; background: #fff;} .culture_03 li.li_two+.li_three{clear: both;} .culture_dets{background: url(../images/liang_bg1.jpg) center bottom no-repeat #efefef;} .culture_dets .wrap{max-width: 1280rem;} .cdets_logo{ position: relative; display: block; margin: 0 auto; width: fit-content; height: 221rem;} .cdets_logo img{position: absolute;z-index: 1;top: 0; width: 85rem; height: 211rem; left: 50%;margin-left: -42.5rem;} .cdets_logo h1{position: relative; z-index: 2;color: #fff; line-height: 221rem; text-shadow:2rem 2rem 4rem #000000;} .cdets_txt{ text-align: center; padding: 35rem 0 55rem;} .cdets_txt h2{margin-top: 10rem;} .cdets_video{width: 100%;position:relative;} .cdets_video video{width:100%;height:100%;} .cdets_video .play_btn{display: block;position: absolute;width:102rem;height:70rem;top:50%;left:50%;margin-top: -35rem;margin-left: -51rem;background: url(../images/liang_videoPlay.png) no-repeat center center;z-index: 3;cursor: pointer; background-size: cover;} .cdets_video .pub-shadow{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.05);z-index: 2;} .cdets_video.on .pub-shadow,.cdets_video.on .play_btn{display: none;} .cdets_cons{color: #000;text-align: center; padding: 40rem 45rem 200rem;} .cdets_cons h2{margin-bottom: 20rem;} .cdets_cons p{margin-bottom: 15rem;} .cdets_cons p:last-child{margin-bottom: 0;} .search-part{ padding: 4% 0;} .search_t{background: #f4f4f4;padding: 3% 10%; margin-bottom:2%; overflow: hidden;} .search_t input,.search_t button{height:46rem;line-height: 46rem; border:none;outline: none;} .search_t input{padding: 0 10rem; width: calc(100% - 140rem);float: left; box-sizing: border-box;} .search_t button{background:#b02b2b;color: #fff;width: 140rem;float: left;} .search_p{color: #4c4c4c;padding:2%;} .search_p span,.search_p i{color: #b02b2b;} .search_list li{overflow: hidden;padding: 0 2%;height: 50rem;line-height: 50rem;border-bottom: 1rem solid #e6e6e6;} .search_list p{float: left;width:calc(100% - 150rem);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .search_list p i{color: #b02b2b;} .search_list li span{float: right;font-family: arial;color: #999999;} .search_list p a{color: #4c4c4c;} .search_list .more{ cursor: pointer; margin-top: 4%;} @media only screen and (max-width:767px) { .search_t{padding:5%;} .search_t button{width:100px;} .search_t input{width:calc(100% - 100px);} .search_p{padding-bottom: 0;} .search_list li,.search_t input, .search_t button{height:30px; line-height: 30px;} .search_list p{width: calc(100% - 90px);} } .prodict_list dt,.prodict_list dd p,.culture_03 li .txt .more{transition: all 0.5s;} @media only screen and (min-width:1025px){ .prodict_list li a:hover dt{opacity: 1;} .prodict_list li a:hover dd p{color: #fff;} .culture_03 li .txt .more:hover{color: #fff; background: #E1001F;} } @media only screen and (max-width:1024px){ .culture_03 li .txt .more{width: 100px; height: 30px; line-height: 30px;} } @media only screen and (max-width:1023px){ .prodict_list li{width: 50%;} .brandDets_01 dd,.brandDets_01 dt{width: 100%;} .brandDets_01 dt{padding: 50rem 0 0;} .brand_logo{left:32%; right: auto; top:-130rem} .culture_01{padding-right: 0;} .culture_01-div{padding: 0 5%;} .culture_l,.culture_02 .culture_l{left: 0; right: 0; width: 100%;} .culture_r,.culture_02 .culture_r{padding: 5% 0 0;} .culture_r dd{width: 100%;} .culture_r dt{padding: 0; width: 100%;} .culture_02,.culture_02 .culture_r dt{padding-left: 0;} .culture_02 .culture_r dt{color: #000;} .culture_03 li .txt{padding: 5%; max-width: 100%;} .cdets_cons{padding-left: 0; padding-right: 0; padding-bottom: 100rem;} } @media only screen and (max-width:767px){ .product-part01 .swiper-box{margin-left: 20rem; margin-right: 20rem;} .product-part01 .swiper-box .swiper-container{margin: 0 40rem;} .product-part01 .swiper-box .swiper-slide{ width: 100%; text-align: center; padding: 0;} .culture_03 li{width: 100%!important;} .culture_03 li .txt p{ height: auto;} .culture_03 li{ height: 500rem!important;} .culture_03 li img{ display: none;} .culture_03 li .txt p{line-height: 1.5;} .prodict_list dd p{line-height: 1.2; height:auto;} }