/*首页*/ .banner{width:100%;position: relative; overflow: hidden;} .banner .swiper-slide{position: relative;} .banner .swiper-slide img{width: 100%;} .banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; object-fit: fill;} .banner .swiper-container{transition: 1.5s all;transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);} .banner.on .swiper-container{transform:scale(1,1); -webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);} .banner .txt{color: #fff; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); position: absolute; left: 50%; top: 25%;} .banner .txt p{margin-bottom:2%; } .banner .banner_bot{ display: none; padding:20px 3% 20px 6%; position: absolute; z-index: 10; left: 0; bottom:0; width: 40%; max-width: 680px; line-height: 28px; background: #fff;} .banner .banner_bot span{ float: left; margin-right:5%;} .banner .banner_bot span em{ margin-left: 10px;} .banner .banner_bot span.red{ color: #e61515;font-weight: bold;} .banner .banner_bot span.green{ color: #03f80c;font-weight: bold;} .banner .banner_bot span:nth-child(2){color:#7f6333;font-weight: bold;} .banner .banner_bot span:last-child{ border-bottom: 1px solid #4a3b21; color: #4a3b21; margin-right: 0;} .banner .swiper-pagination{bottom:10%;} .banner .swiper-pagination-bullet{opacity: 1; background: #fff; width:50px; height:3px; opacity: 0.5; border-radius: 0;} .banner .swiper-pagination-bullet-active{ opacity: 1;} .index-part01{ position: relative; background: #f8f9f9;} .ind01_tit{ padding: 5% 0 1.5%; color: #4a3b21; background: #fff;} .ind01_con{float: right; width: 94%; position: relative; padding:3% 0;} .ind01_con .swiper-container{padding: 5px; margin-bottom:6%;} .ind01_con .swiper-slide{ width: 277px;} .ind01_con .swiper-slide-active dd h3,.ind01_con .swiper-slide-active dd p{color: #fff;} .ind01_con dl{ box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1); overflow: hidden;} .ind01_con dl a::before{ content:''; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0,0,0,.4); } .ind01_con dl dt{ position: absolute; left:0; top:0; width: 100%; height: 100%; overflow: hidden;} /*.ind01_con dl dt::after{ content: ""; position: absolute; left:0; top:0;width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}*/ .ind01_con dl dd{ position: relative; z-index: 2;} .ind01_con dl dd .inner{ padding: 12% 7%;height: 100%;position: relative;} .ind01_con dl dd h3{ color: #fff;width: 90%;left: 5%;top:30%} .ind01_con dl dd p{font-weight: bold; color: #fff;position: absolute;bottom: 12%;left: 7%;} .ind01_con dl:hover dt{opacity: 1;} .ind01_con dl:hover dd{background: none;} .ind01_con dl:hover dd h3,.ind01_con dl:hover dd p{color: #fff;} .ind01_con .swiper-button-prev,.ind01_con .swiper-button-next{left:auto; right:calc(22% 66px); top:auto; margin-top: 0; bottom:8%; width:46px; height: 46px; line-height: 46px; text-align: center; border-radius: 100%; border:2px solid #242424; background: #fff;} .ind01_con .swiper-button-next{right:22%;} .ind01_con .swiper-button-prev i,.ind01_con .swiper-button-next i{font-size: 20px;} .index-part02{position: relative;margin-bottom:50px;} .index-part02 .video-box img{width:100%;} .index-part02 .video-box video{ width: 100%; height: 100%; object-fit: fill;} .index-part02 .video-box::after{content:""; position: absolute; left:0; bottom:0; width: 100%; height: 100%; background: #fff;transition:1s all;display:none;} .index-part02.active .video-box::after{ height:0; z-index: 1;} .index-part02 .ll{ float: left; width:31%; color: #fff;} .index-part02 .ll a.more{margin-top: 10%;} .index-part02 .rr{ float: left; width: 36.5%; margin-left: 13.5%;} .index-part02 .rr li{ float: left; width: 45%; background: #fff;} .index-part02 .rr li:nth-child(2n){ float: right;} .index-part02 .rr dl{position: relative; height: 100%;} .index-part02 .rr dt{padding: 10% 10%;} .index-part02 .rr dt h3{padding-bottom: 10px; overflow: hidden; font-weight: bold; position: relative;} .index-part02 .rr dt h3::after{content: ""; position:absolute; left:0; bottom:0px; width: 50px; height:1px; background: #000;} .index-part02 .rr dt h3 p{line-height: 1.2; max-height:2.4em; height: 2.4em;} .index-part02 .rr dt h4{ margin-top:10%;} .index-part02 .rr dt i{ display: block; margin-top:8%; font-size: 20px;} .index-part02 .rr dd{ opacity: 0; position: absolute; left:0; bottom:0; width: 100%;} .index-part03{position: relative;} .index-part03 .swiper-slide img{ width: 100%; transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);transition:1s all;} .index-part03 .swiper-slide-active img{transform:scale(1,1); -webkit-transform:scale(1,1);} .index-part03 .wrap{ z-index: 2; top:40%;} .ind03_con{color: #fff;width: 50%;} .ind03_con h2 span:first-child{margin-right:30px;} .ind03_con h2 span.sp02 i{font-size: 30px; margin-left:15px;} .ind03_con h3{ display: inline-block; padding: 5px 0; border-top:2px solid #fff; border-bottom: 2px solid #fff;} .ind03_con h3 span{ float: left; margin-right: 30px;} .ind03_con h3 span:last-child{margin-right: 0;} .ind03_con p{margin-top:3%;} .index-part04{position: relative; top:-120px; z-index: 1; padding:2.5% 5%; background: #fff;} .index-part04 h2{color: #4a3b21;} .index-part04 ul{margin-top:1%;} .index-part04 li{ float: left; width: 43%; padding: 4% 0 1%; border-bottom: 1px solid #131210;} .index-part04 li:nth-child(2n){ float: right;} .index-part04 li p{font-size: 14px; margin-top: 5%;} .index-part04 li p span{ float: left; font-weight: bold;} .index-part04 li p i{ float: right; font-size: 20px;} .index-part05{position: relative;margin-bottom:50px;} .index-part05 .swiper-slide img{ width: 100%;} .index-part05 .txt{position: absolute;z-index: 2; left:11%;width:50%;color: #594c35; top:50%;transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%);} .index-part05 .txt .inner{ width: 100%;padding:8%;} .index-part05 .txt h2{line-height: 1.1; max-height: 2.2em; overflow: hidden;color: #fff;} .index-part05 .txt p{ margin-top: 5%; color: #242424; height: 7.5em; overflow: hidden;display: none;} .index-part05 .txt a.more1{margin-top: 12%;color: #fff;} .index-part05 h3{display:none;z-index: 2; left:auto; right:11%; line-height: 1.1; max-width: 300px; max-height: 2.2em; overflow: hidden; color: #fff;} .index-part05 .swiper-button-prev{left:6%; z-index: 10; margin-top:-10px; width:46px; height: 46px; line-height: 46px; color: #fff; text-align: center; border-radius: 100%; border:2px solid #fff; background: none;} .index-part05 .swiper-button-prev i{ font-size: 20px;} .index-part05 .swiper-button-next{right:6%; z-index: 10; margin-top:-10px; width:46px; height: 46px; line-height: 46px; color: #fff; text-align: center; border-radius: 100%; border:2px solid #fff; background: none;} .index-part05 .swiper-button-next i{ font-size: 20px;} .index-part06{position: relative;} .index-part06 .img img{ width: 100%;} .index-part06 .txt{ position: absolute; right:11%;color: #594c35; width: 32%; top:16%; padding:3% 2.5%; background: rgba(255,255,255,.7);} .index-part06 .txt h2{line-height: 1.1;} .index-part06 .txt p{margin-top: 5%; color: #242424;height: 3em; overflow: hidden;} .index-part06 .txt a.more1{margin-top: 12%;} .index-part07{position: relative; padding: 7% 0; background: #e0e1e1;} .index-part07 h2{ text-align: center;} .index-part07 ul{ margin: 3% 8% 0;} .index-part07 li{ float: left; width: 30.33%; margin: 0 1.5%; background: #fff;} .index-part07 li dd{padding:8% 5%; color: #4a3b21;} .index-part07 li dd p{ margin-bottom: 1%;} .index-part07 li dd h3{color:#4a3b21; line-height: 30px;} .index-part07 li dd h3 em{ float: left;} .index-part07 li dd h3 i{ float: right; font-size: 20px; margin-right: 5%;} .banner .swiper-pagination-bullet,.ind01_con .swiper-button-prev,.ind01_con .swiper-button-next,.ind01_con dl dt,.index-part02 .rr dd{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;} @media only screen and (min-width:1025px) { .index-part02 .rr li:hover dd{opacity: 1;} .index-part02 .rr li:hover dt h3::after,.index-part02 .rr li:hover dt h4{ display: none;} .index-part02 .rr li:hover dt i{margin-top: 0;} } @media only screen and (max-width: 1599px) { .ind01_con .swiper-slide{width: 240px;} .index-part05 .txt h2 br,.index-part05 .txt p br{ display: none;} .index-part05 .txt a.more1{margin-top: 5%;} } @media only screen and (max-width: 1365px) { .banner .banner_bot{ width: 42%;} .index-part03 .wrap{top:50%;} .index-part04{top:0;} .ind01_con .swiper-slide{width: 220px;} .index-part06 .txt a.more1{margin-top: 5%;} } @media only screen and (max-width: 1279px) { .banner .banner_bot{position: static; width: 100%; height:70px;} .index-part02 .ll{width: 35%;} .index-part02 .rr{width: 55%; margin-left: 10%;} .index-part02 .rr dt i{margin-top: 0;} .index-part05 .txt{left:8%;} .index-part05 .swiper-button-prev{left:10px;} .index-part05 .swiper-button-next{right:10px;} .index-part06 .txt{right:8%;} .index-part07 ul{margin: 3% 3.5% 0;} } @media only screen and (max-width: 1024px) { .index-part02 .rr dd{opacity: 1;position: relative;} } @media only screen and (max-width:767px) { /*.banner,.banner .swiper-slide{ height: 280px!important;} .banner .swiper-slide img{ display: none;}*/ .banner .txt h2{font-size: 20px;} .banner .swiper-pagination{bottom:5px;} .banner .swiper-pagination-bullet{ width: 20px;} .banner .banner_bot{ height: auto; padding: 10px;} .banner .banner_bot span{float: none;margin:0;} .banner .banner_bot span:nth-child(2){clear: both;display: block;} .ind01_con .swiper-slide{width: 180px;} .ind01_con{margin: 0 auto; float: none;} .ind01_con .swiper-button-prev{ left:0; top:50%; margin-top: -30px; width: 30px; height: 30px; line-height: 30px;} .ind01_con .swiper-button-next{ right:0;top:50%; margin-top: -30px; width: 30px; height: 30px; line-height: 30px;} .index-part02 .wrap,.index-part03 .wrap{transform: translate(0,0)!important; position:static;} .index-part02 .ll,.index-part02 .rr{ width: 100%;} .index-part02 .ll{color: #4a3b21; padding: 5% 0;} .index-part02 .rr{ margin: 0 0 5%;} .index-part02 .rr li{width: 47%;margin-bottom: 6%;height: auto !important;} .index-part02 .rr dt{padding: 5% 0;} .ind03_con{color: #4a3b21; width: 100%;} .index-part04{padding: 5% 0;} .index-part04 ul{margin-top: 0;} .index-part04 li{width: 100%;} .index-part04 li h3{ height: auto;} .index-part05 .txt,.index-part06 .txt{position: static; width: 100%;transform: translate(0,0)!important;} .index-part05 .txt .inner,.index-part06 .txt,.index-part07 li dd{padding: 5%;} .index-part05 h3{ display: none;} .index-part05 .swiper-button-prev{top:16%; width: 30px; height: 30px; line-height: 30px;} .index-part05 .swiper-button-next{top:16%; width: 30px; height: 30px; line-height: 30px;} .index-part06 .txt{position: static; width: 100%;} .index-part05 .txt p,.index-part06 .txt p{ height: auto;} .index-part07 ul{margin:5% 0 0;} .index-part07 li{width: 100%; margin: 0 0 2%;} .index-part07 li dd h3 i{margin-right: 0;} .index-part02,.index-part05{margin-bottom: 0px;} } /*首页end*/ /*2024-04-03*/ .index_wrap3{width: 1470px;max-width: 96%;margin: auto;} .index_xzcont *{box-sizing:border-box;} .index_wrap2{width: 1355px;max-width: 96%;margin: auto;} .index_xz01{padding:5% 0;} .xz_title{color:#7f6333;margin-bottom:1%;} .xz_news{overflow: hidden;} .xz_news .left{width: 65.3%;float: left;} .xz_news .left dt:after{background: no-repeat;background-size: 100% 100%;position: absolute;top:0;left: 0;width: 100%;height: 100%;content:"";} .xz_news .left dt{position: relative;} .xz_news .left dl{position: relative;} .xz_news .left dd{position: absolute;left: 0;bottom:0;width:100%;padding: 30px;} .xz_news .left dd h3{padding-right: 160px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #fff; line-height: 36px;} .xz_news .right{width:32%;float: right;padding:10px 30px; background: #f8f9f9; height: 100%;} .xz_news .right ul{ height:calc(100% - 50px); overflow: hidden; overflow-y: auto} .xz_news .swiper-pagination{width: auto;left: auto;right: 20px;bottom: 30px;} .xz_news .swiper-pagination span{width: 22px;height: 22px;background: none;opacity: 1;position: relative;box-sizing:border-box;} .xz_news .swiper-pagination span:after{content:''; width: 9px;height: 9px;background:#fff;border-radius: 50%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;box-sizing:border-box;} .xz_news .swiper-pagination span.swiper-pagination-bullet-active:after{width:100%;height: 100%;border:3px solid #7f6333;} .xz_news .right h3{line-height:26px;max-height: 52px; margin-bottom: 20px;display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .xz_news .right h3 a{color:#303030} .xz_news .right p{line-height: 26px;max-height: 52px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .xz_news .right li{padding:10px 0;border-bottom:1px solid #d2cbbf;} .xz_more{padding-top: 20px;} .xz_more i{margin-left: 15px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} @media only screen and (max-width:1366px) { .xz_news .left dd{padding: 10px;} .xz_news .swiper-pagination{bottom: 12px;} } @media only screen and (max-width:1024px) { .xz_news .right h3{margin-bottom: 0;} .xz_news .right li{padding: 10px 0;} .xz_news .swiper-pagination span{width: 12px;height: 12px;} .xz_news .swiper-pagination span.swiper-pagination-bullet-active:after{border-width:2px;} } @media only screen and (max-width:767px) { .xz_news .left,.xz_news .right{float: none;width: 100%;} .xz_news .right{padding: 10px;} .xz_news .left{margin-bottom: 20px;} .xz_news .left dd h3{padding: 0;} .xz_news .swiper-pagination{width: 100%;bottom: 3px;} .xz_news .left dd{bottom: 10px;} .xz_news{height:auto !important;} .xz_news .right ul{height: auto;} } @media only screen and (min-width:1025px) { .xz_more .news_more a{height: 36px;line-height: 36px;} .xz_more .news_more a:hover{color:#fff !important;width: 140px;} .xz_more .news_more2 a:hover span{left: 30px;} .xz_more .news_more2 a:hover i{left: 100px;} .xz_more a:hover i{margin-left: 4px;} } /*手机端修改*/ @media only screen and (max-width:767px) { .index-part05{margin-bottom: 20px;} .index-part05 .txt{position: absolute;top:0;left: 0; padding: 15px 40px;} .index-part05 .swiper-button-prev{top:50%; } .index-part05 .swiper-button-next{top: 50%;} .index-part03 .wrap{ transform: translate(-50%,-50%) !important; -webkit-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; position: absolute;} .ind03_con{color: #fff;} .index-part03{margin-top: 20px;margin-bottom: 50px;} .index-part03 .swiper-container {-webkit-transform: scale(1.7,1.7);} /*2024-08-27*/ } /*2024-08-27*/ @media only screen and (max-width:767px) { .index-part06 .img { height: 250px; position: relative } .index-part06 .img img { transform: translate(-50%, -50%) scale(3, 3); -webkit-transform: translate(-50%, -50%) scale(3, 3); -ms-transform: translate(-50%, -50%) scale(3, 3); position: absolute; left: 50%; top: 50%; } .index-part06 .txt { position: absolute; width: 90%; left: 5%; } }