/*.indexbody .main{margin-top: 80px;}*/ .banner{position: relative;overflow: hidden;} .banner video { position: absolute; width: 100%;height: 100%; left: 0px; top: 0; object-fit: cover; } .banner li{overflow: hidden;} .banner_text{z-index: 3;width: 100%;position: absolute;left: 0;top:0%;height: 100%;} .banner_text h3{line-height: 1.2em;max-height: 2.4em;overflow: hidden; position: relative;margin-bottom: 50px;font-weight: bold; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .banner_text .wrap{position: relative;height: 100%;} .banner_p{width: 100%;color: #fff;text-align: left;} .banner_p p{line-height: 24px;max-height: 72px;overflow: hidden; margin-top: 10px;text-transform: uppercase; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .ban_video .video_button{display: none;color: #fff;font-size: 40px;top: 20%;z-index: 5;} .banner .swiper-pagination{bottom: 73px;text-align: left;width: calc(100% - 10.5% - 73px);height: 2px;left: auto;right: 0;} /*.banner .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;margin: 0 5px;opacity: 1;vertical-align: middle;}*/ /*.banner .swiper-pagination .swiper-pagination-bullet-active{width: 12px;height: 12px;border: 2px solid #fff;border-radius: 100%;background: none;}*/ .banner .swiper-slide-active img { animation: zoom 3s; } .banner .swiper-pagination-bullet{background: rgba(255,255,255,0);opacity: 1;width: 360px;border-radius: 0;height: 3px;position: absolute;left: 0;} .progressbar-wrap.swiper-pagination-bullet-active { opacity: 1; position: relative; /*background: #ebd9d2;*/ } .progressbar-wrap.swiper-pagination-bullet-active .progressbar { display: block; } .progressbar-wrap .progressbar { display: none; background: #65af4c; position: absolute; left: 0; top: 0; width: 0%; height: 100%; } .banner_page .swiper-pagination{position: static;display: inline-block;} .banner_page em{font-size: 20px;display: inline-block;vertical-align: middle;margin-left: 5px;margin-top: 4px;cursor: pointer;} .lhl_but{position: absolute;bottom: 40px;left: 0;z-index: 3;width: 100%;padding-left: 11%;box-sizing: border-box;} .lhl_but div.swiper-button-prev,.lhl_but div.swiper-button-next{position: static;float: left;background:none;transition: all .3s;text-align: center;} .lhl_but div img{margin-top: 13px;} .lhl_but:before{content: "";display: block;width: 10.5%;height: 2px;background: rgba(255,255,255,.5);left: 0;position: absolute;} .lhl_but:after{content: "";display: block;width: calc(100% - 10.5% - 73px);height: 2px;background: rgba(255,255,255,.5);right: 0;left: auto;position: absolute;} .banner_p-div{width: 66.2%;float: right;} .go_bot{cursor: pointer; z-index: 3;bottom: 38px;top: auto;animation: blink 1s linear infinite alternate;font-size: 30px;color: #fff;} @keyframes blink { 0% { bottom: 58px; } 100% { bottom: 38px; } } @keyframes zoom { 0% { transform: scale3d(1.2, 1.2, 1.2); } 100% { transform: scale3d(1, 1, 1); } } .blank_15{background: rgba(0,0,0,.1);position: absolute;left: 0;top: 0;width: 100%;height: 100%;} /*视频弹窗*/ .video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .video_appbox.show{visibility: visible;opacity:1;} .video_appbox video{object-fit: cover; width: 100%;} .video_appbox .video_t{ z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%; 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:60%; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s; visibility: hidden;opacity: 0; } .video_appbox.show .video_t{ visibility: visible;opacity:1; top:50%; } .video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .lt9 .video_appbox .mask{filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr="#88000000", endcolorstr="#88000000");} .vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;} .vide0_close i{color: #fff;font-size:20px;font-weight: bold;} /*视频弹窗*/ @media only screen and (min-width:1025px) { .lhl_but div.swiper-button-prev:hover,.lhl_but div.swiper-button-next:hover{opacity: .5;} } @media only screen and (max-width:1560px) { .lhl_but{padding-left: 5%;} .lhl_but:before{width: 4.4%;} .lhl_but:after,.banner .swiper-pagination{width: calc(100% - 4.4% - 70px);} } @media only screen and (max-width:1360px) { .lhl_but:after,.banner .swiper-pagination{} } @media only screen and (max-width:1024px) { .banner .swiper-pagination{bottom: 63px;} } @media only screen and (max-width:767px) { .ban_video .video_button{display: block;} .banner li{height: 340px!important;} .banner li>img{display: none;} /*.banner .swiper-pagination{bottom: 15px;}*/ /*.banner .swiper-pagination .swiper-pagination-bullet-active{width: 15px;height: 15px;border-radius: 15px;}*/ .banner_text h3{margin-bottom: 20px;font-size: 18px;} .video_appbox .video_t{height: auto;background: none;} .video_appbox video{height: auto;} .banner .swiper-pagination-bullet{width: 200px;} .banner .swiper-pagination{bottom: 43px;} .lhl_but:after,.banner .swiper-pagination{width: calc(100% - 4.4% - 60px);} } @media only screen and (min-width:1025px) { .map_btn .btn:hover,.stro_link a:hover{opacity: .8;color: #fff!important;} .lhl_but div.swiper-button-prev:hover,.lhl_but div.swiper-button-next:hover{opacity: .4;} } @media only screen and (max-width:1024px) { .banner li { height: 400px!important; } .lhl_but{bottom: 30px;} .banner_p:after{display: none;} .banner li img{display: none;} } @media only screen and (max-width:767px) { .banner li { height:340px!important; } .lhl_but{bottom: 10px;} .index_02 .l{padding: 30px 20px;} .go_bot img{width: 30px;} } .index_01{overflow: hidden;padding-top: 6%;box-sizing: border-box;} .index_01 .index_tit{margin-bottom: 30px;} .indexnew_l{float: left;width: 66.4%;} .indexnew_l dl{float: left;width: 48%;margin-right: 4%;} .indexnew_l dl:last-child{margin-right: 0;} .indexnew_l dl dt{padding: 15px 12px;box-sizing: border-box;color: #303030;} .indexnew_l dl dt span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .indexnew_l dl dt h2{margin: 5px 0 10px;} .indexnew_l dl dt a{color: #303030;display: block;line-height: 30px;height: 60px;overflow: hidden;} .indexnew_l dl dt p{line-height: 22px;height: 44px;overflow: hidden;margin-bottom: 15px;} .indexnew_l dl dt em{display: block;width: 130px;height: 5px;background: #7f6333;} .indexnew_r{float: right;width: 29%;} .indexnew_r li{margin-bottom: 18px;} .indexnew_r li em{display: block;width: 38px;height: 6px;background: #7f6333;margin-bottom: 6px;} .indexnew_r li span{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 6px;} .indexnew{overflow: hidden;margin-bottom: 3%;} .index_01 .index_link{text-align: center;} .index_02{padding-top: 5%;box-sizing: border-box;overflow: hidden;} .index_tit{margin-bottom: 20px;} .index_tit h2{color: #7f6333;margin-bottom: 8px;} .index_02 dl{box-sizing: border-box;background: #f8f8f8;overflow: hidden;} .index_02 dl dd{float: left;width: 50%;padding: 5% 5% 5% 15%;box-sizing: border-box;color: #303030;} .index_02 dl dd h2{margin-bottom: 20px;} .index_02 dl dd .txt{margin-bottom: 60px;} .index_02 dl dd .txt p{margin-bottom: 20px;} .index_02 dl dt{float: right;width: 50%;} .index_02 dl dt img{height: 100%;} .index_link a{display: inline-block;padding: 0 30px;height: 50px;line-height: 50px;color: #fff;border-radius: 30px;width: auto;transition: inherit;} .index_link a i{margin-left: 3px;} .index_03{padding-top: 5%;box-sizing: border-box;display: inline-block;width: 100%;} .index_cy{padding: 0 8%;box-sizing: border-box;margin-top: 7%;} .index_cy li{float: left;width: 25%;padding: 0 5px;box-sizing: border-box;} .index_cy li dd{} .index_cy li img{width: 100%;} .index_cy.on li{width: 23.3%;transition: all .3s;} .index_cy.on li.on{width: 30%;transform: scale(1,1.15);} .index_cy.on li.on dd{overflow: hidden;} .index_cy li dl{position: relative;} .index_cy li dl dt{position: absolute;left: 0;bottom: 0;text-align: right;color: #fff;height: 99px; background: url(/uploads/image/uimages/bg01.png) no-repeat center;background-size: cover;background-size: 100% 100%;padding: 0 35px;box-sizing: border-box;width: 100%;padding-top: 35px;} .index_cy li dl dt h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .index_cy li dl dt p{visibility: hidden;margin-top: 6px;line-height: 25px;overflow: hidden;height: 50px;} .index_cy.on li.on dt{background: url(/uploads/image/uimages/bg02.png) no-repeat center;background-size: cover;height: 185px;text-align: left;padding-top: 45px;transform: scale(1,0.8);bottom: -5%;} .index_cy.on li.on dt p{visibility: visible;} .index_04{position: relative;padding: 4% 0 7%;background: #dedcd6;z-index: 3;display: inline-block;width: 100%;font-size: 0;margin-top: 10%;} .index_join{float: left;width: 35%;overflow: hidden;} .index_join h2{color: #7f6333;margin-bottom: 15px;} .index_join h2 a{color: #7f6333;} .index_join-img{position: absolute;width: 50%;right: 0;left: auto;} .index_join-img img{width: 100%;} .banner .index_link a{background: #fff;color: #000000;} .indexbody .footer{margin-top: -10px;} @keyframes shine { 0% { background-position-x:400%; } 50% { background-position-x:0%; } 100% { background-position-x:-400%; } } @media only screen and (min-width:1025px) { .index_join h2 a:hover{opacity: 0.9} .index_link a:hover{color: #fff!important;} .indexnew_r li a:hover{font-weight: bold;color: #7f6333!important;} /*.index_link a:hover {*/ /**/ /*background: linear-gradient(-45deg, #7f6333 40%, #9c8d58 50%, #7f6333 70%);*/ /*background-size: 700% 100%;*/ /*animation: shine 15s linear infinite;*/ /*}*/ .banner .index_link a:hover{background: #fff!important;color: #000!important;} } @media only screen and (max-width:1560px) { .index_cy{padding: 0 5%;} .index_02 dl dd{padding: 5% 5% 5% 5%;} } @media only screen and (max-width:1366px) { .index_02 dl dd .txt{margin-bottom: 40px;} .index_link a{height: 40px;line-height: 40px;} } @media only screen and (max-width:1024px) { .indexnew_l,.indexnew_r{width: 100%;} .indexnew_r{margin-top: 30px;} .index_02 dl dd,.index_02 dl dt{width: 100%;} .index_02 dl dd h2 br{display: none;} .index_02 dl dd .txt p br{display: none;} .index_04{padding: 4% 0;} .index_join{width: 40%;} .index_join-img{width: 55%;} .index_cy li dl dt{padding: 15px;position: static;background: #7f6333;height: auto;text-align: left;} .index_cy li dl dt p{visibility: visible;font-size: 14px;} @keyframes blink { 0% { bottom: 28px; } 100% { bottom: 18px; } } } @media only screen and (max-width:767px) { .banner_p-div{width: 100%;} .index_01 .index_tit{margin-bottom: 20px;} .indexnew_l dl dt{padding: 15px 0;} .indexnew_l dl dt em{width: 70px;} .index_02{padding-top: 30px;} .index_02 dl dd .txt{margin-bottom: 30px;} .index_cy li{width: 100%;margin-bottom: 20px;padding: 0;} .index_cy li dl dt{position: absolute;} .index_04{padding: 30px 0;margin-top:20px;} .index_join{width: 100%;} .index_join-img{width: 100%;position: static;transform: none;margin-top: 20px;} .indexnew_l dl{float: none;width:100%;} .indexnew_r li em,.indexnew_l dl dt em{height: 3px;} .index_cy{padding: 0 3%;} } .index_03{padding: 8% 0; background: no-repeat;background-size: cover;} .index_03 .cu_cont{padding: 0; margin-top: 0%;} .index_03 .cu_cont li>a{display: block;height: 100%;} .index_03 .cu_box{background: none} /*223-11-10*/ .index_xzcont *{box-sizing:border-box;} .index_wrap2{width: 1355px;max-width: 96%;margin: auto;} .index_xz01{padding:6% 0 6.4% 0;background:url(/uploads/image/uimages/index_bg_01.jpg) no-repeat center 0;background-size: cover;} .index_xz02{padding:5% 0 7% 0;background:url(/uploads/image/uimages/index_bg_02.jpg) no-repeat center 0;background-size: cover;} .xz_title{color:#7f6333;margin-bottom:3%;} .xz_news{overflow: hidden;} .xz_news .left{width: 65.3%;float: left;} .xz_news .left dt:after{background:url(/uploads/image/uimages/xz_jb.png) 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: 14px 30px 14px; background: #f8f8f8; height: 100%; 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: 1.2em;max-height: 2.4em; 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: 20px;max-height: 40px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .xz_news .right li{padding:18px 0;border-bottom:1px solid #d3cbbd;} .xz_news .right li:last-child{padding-bottom: 0;border: 0;} @media only screen and (max-width:1440px) { /*.xz_news .right{padding-right: 0;}*/ } @media only screen and (max-width:1366px) { /*.xz_news .left{width:600px;}*/ /*.xz_news .right{width:calc(100% - 650px);padding-top: 10px;}*/ .xz_news .left dd{padding: 10px;} .xz_news .swiper-pagination{bottom: 12px;} } @media only screen and (max-width:1024px) { /*.xz_news .left{width:400px;}*/ /*.xz_news .right{width:calc(100% - 430px);padding-top: 0px;}*/ .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;} } @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;} } .index_xz02 .xz_title{text-align: center;margin-bottom:3%;} .index_xz02 .xz_title h3{margin-bottom: 10px;} .index_xz02 .xz_title p{color:#000;} .index_bk{position: relative;overflow: hidden;} .index_bk .left,.index_bk .right,.index_bk .left ul{height:100%;} .index_bk .left{background:#fff;} .index_bk .right{background: rgba(255,255,255,0.8);} .index_bk .left li{height: 25%;position: relative;border-bottom:1px solid #f8f7f7;color: #7f6333;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .index_bk .left li:after{content:"";position: absolute;top:50%;right:-24px; margin-top: -12px; width: 0;height: 0;overflow: hidden;border: 12px dashed transparent;border-left: 12px solid #7f6333;visibility: hidden;opacity: 0;} .index_bk .left li.on{background:#7f6333;color: #fff;} .index_bk .left li.on:after{visibility: visible;opacity: 1;} .index_bk .left li:last-child{border: 0;} .index_bk .left li p{width: 100%;padding: 0 18%;} .index_bk .right dd p{line-height: 24px;height: 120px; display: -webkit-box; overflow: hidden; -webkit-line-clamp:5; -webkit-box-orient: vertical;} .index_bk .left{width:265px;position: absolute;left: 0;top:0;z-index: 5} .index_bk .right{width:calc(100% - 265px);float: right;} .index_bk .right dl{overflow: hidden;position: relative;display: none;} .index_bk .right dl.on{display: block;} .index_bk .right dt{width: 60%;float: left;} .index_bk .right dd{float: right;width:40%;padding: 5.5% 50px;position: absolute;right: 0;top:0;height: 100%} .index_bk .right dd h3{margin-bottom: 5px;} .index_bk .right .xz_more{position: absolute;left: 50px;bottom: 50px;} @media only screen and (max-width:1440px) { .index_bk .right dd{padding: 3% 40px;} .index_bk .right .xz_more{left: 40px;bottom: 40px;} } @media only screen and (max-width:1024px) { .index_bk .right dd{padding: 20px;} .index_bk .right .xz_more{left: 20px;bottom: 20px;} .index_bk .left li p{padding: 0 20px;} .index_bk .left{width: 200px;} .index_bk .right{width: calc(100% - 200px)} } @media only screen and (max-width:767px) { .index_xzcont .fnt_48 {font-size: 20px;} .index_bk .left{position:static;width: 100%;margin-bottom: 10px;background:none;} .index_bk .left li{border: 0;margin-bottom:2px; width:calc(50% - 1px);float: left;height: 40px;text-align: center;background:#fff;} .index_bk .left li:nth-child(2n){float: right;} .index_bk .left ul{overflow: hidden;} .index_bk .left li:after{display: none;} .index_bk .right{float: none;width: 100%;overflow: hidden;clear: both;} .index_bk .right dt,.index_bk .right dd{float: none;width: 100%} .index_bk .right dd{position: static;} .index_bk .right .xz_more{position: static;padding-top: 10px;} .index_bk .right dd p{height:auto;max-height: 120px;} }