.blank_25{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.25);} .banner {overflow: hidden;position: relative;} .banner li{overflow: hidden;} .banner li a{display: block;width: 100%;height: 100%;} .banner li>img{position: relative;z-index: 1;} .banner li video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: 2;} .banner_text{color: #fff;width: 100%; opacity: 0;z-index: 3;top:32.6%;position: absolute;left: 10%; transition:all 1.5s;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;-ms-transition:all 1.5s; text-shadow: 0 0 10px rgba(0,0,0,0.5); } .banner li .blank_25{display: none;} .banner_p {padding-left: 6%;} .banner li.swiper-slide-active .banner_text{ opacity: 1;left: 0;} .banner .swiper-pagination{bottom: 25px;text-align: center;width: 100%;} .banner .swiper-pagination-bullet{border-radius: 0;width: 17%;height: 50px;opacity: 1;background: none;} .banner .swiper-pagination-bullet:after{content: "";display: inline-block;width: 100%;height: 1px;background: #fff;} .banner .swiper-pagination-bullet-active:after{background: #2d9341;height: 4px;} .phone_play{z-index: 10;display: none;font-size: 40px;color: #2d9341;} @media only screen and (max-width:1440px) { .banner_p{padding-left: 5%;} } @media only screen and (max-width:1024px) { .banner_text h3{line-height: inherit;} .banner_p{height: auto;} .banner_text{bottom: auto;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;} .phone_play{display: block;} } @media only screen and (max-width:767px) { .banner li{height: 280px!important;} .banner_text h2{font-size: 18px;font-weight: bold; line-height: 30px;max-height: 60px;margin-bottom: 10px;} .banner_text p{font-size: 14px;line-height: 20px;max-height: 40px;} .banner .swiper-pagination{bottom: 0;} .banner .swiper-pagination-bullet{height: 40px;} } /*index01*/ .index_01{padding-bottom: 0!important;} .insolve_r{float: right;width: 24%;} .insolve_r li{width: 100%;padding: 40px 20px;box-sizing: border-box;border-radius: 15px;text-align: center;background: #fff;margin-bottom: 20px;position: relative;cursor: pointer;} .insolve_r li.on{background: url(../images/index07.png) no-repeat;background-size: cover;color: #fff;} .insolve_r li.on:after{content: "";display: block;background: url(../images/index08.png) no-repeat;background-size: cover;width: 13px;height: 28px; position: absolute;left: -13px;top: 50%;margin-top: -14px;} .insolve_l{float: left;width: 70%;} .insolve_one_item{opacity: 0;height: 0;transition: all .3s;} .insolve_one_item.on{opacity: 1;height: auto;} .insolve_two_item img{width: 100%;} .insolve_two_tab{overflow: hidden;margin-bottom: 30px;} .insolve_two_tab li{float: left;padding: 0 20px;box-sizing: border-box;position: relative;cursor: pointer;transition: all .3s;margin-top: 10px;} .insolve_two_tab li:after{content: "";display: block;width: 1px;height: 26px;background: #b7b8b8;position: absolute;right: 0px;transform: rotate(15deg);top:50%;margin-top: -13px;} .insolve_two_tab li:first-child{padding-left: 0;} .insolve_two_tab li:last-child:after{display: none;} .insolve_two_tab li.on{color: #2d9341;font-weight: bold;} .insolve_two_item p{line-height: 26px;} .insolve_two_item a{height: 40px;width: 60px;border-radius: 30px;background: #2d9341;color: #fff;text-align: center;line-height: 40px;display: block;margin-top:20px;position: relative;z-index: 2;} .insolve_two_item a i{font-size: 24px;font-weight: bold;} .insolve_two_item{display: none;} .insolve_two_item.on{display: block;} /*index02*/ .index_02{position: relative;overflow: hidden;} .busImg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .busImg li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all 1s ease; } .busImg li.on{opacity: 1;} .busBox{height: 100%;position: relative;} .busBox .swiper-container{height: 100%;width: 100%;box-sizing: border-box;position: inherit;} .busBox .swiper-container-android .swiper-slide,.busBox .swiper-wrapper{transform: none;position: inherit;display: inherit;} .busBox ul,.busBox dl{height: 100%;box-sizing: border-box;position: relative;} .busBox ul.swiper-wrapper>li{float: left;width:calc(98% / 3);position: relative;height: 100%;z-index: 2;} .busBox ul.swiper-wrapper>li:after{content: "";width: 1px;height: 120%;display: block;position: absolute;right: 0;top: -10%;transform: rotate(15deg);background: #cccccc;} .busBox li dd{text-align: center;color: #fff;width: 100%;cursor: pointer;padding-right: 10%;box-sizing: border-box;} .busBox li dd img{width: 70px;height: 70px;margin-bottom:10px;} .busBox li dt{padding: 10% 15% 8% 8%;box-sizing: border-box;display: none;background: url(../images/bus_05.png) no-repeat;background-size: cover;height: 100%;} .busBox li dt span{ display: none;} .busBox li dt h2{color: #0b7c4c;margin-bottom: 20px;} .busBox li dt ul{margin-top: 8%;width: 60%;height: auto;overflow: hidden;box-sizing: border-box;} .busBox li dt ul li{float: left;width: 50%;height: auto;margin-bottom: 20px;} .busBox_link{position: absolute;bottom: 10%;} .busBox_link a{width: 56px;height: 40px;display: block;background: #fff;border-radius: 20px;text-align: center;line-height: 40px;color: #0b7c4c;} .busBox_link a i{font-size: 20px;font-weight: bold;} .busBox ul.on{padding-left: 49%;padding-right: 10%;} .busBox ul.swiper-wrapper>li.on{position: absolute;left: 0;} .busBox ul.swiper-wrapper>li.on dt{height: 100%;display: block;} .busBox ul.swiper-wrapper>li.on dd{display: none;} .busBox ul.swiper-wrapper>li.on{width: 54%;z-index: 1;} .busBox ul.swiper-wrapper>li.on:after{display: none;} .busBox .lhl_but{display: none;} .busBox .lhl_but div{background: none;font-size: 20px;background: #fff;width: 30px;height: 30px;line-height: 30px;text-align: center;margin-top: -15px;} .busBox .lhl_but div.swiper-button-prev{left: 0;} .busBox .lhl_but div.swiper-button-next{right: 0;} /*index03*/ .index_03 .l{float: left;width: 54%;height: 100%;} .index_03 .l{padding: 5% 3% 30px;box-sizing: border-box;color: #fff;} .index_03 .l h2{margin-bottom: 40px;} .inabout_txt h3{font-weight: bold;margin-bottom: 15px;} .inabout_txt p{font-weight: 300;} .inabout_txt a{height: 40px;width: 60px;border-radius: 30px;background: #2d9341;color: #fff;text-align: center;line-height: 40px;display: block;margin-top: 50px;} .inabout_txt a i{font-size: 24px;font-weight: bold;} .inabout_num{margin-top: 8%;} .inabout_num dl{display: inline-block;padding: 0 33px 0 30px;position: relative;} .inabout_num dl:after{content: "";width: 1px;height: 70px;background: #fff;position: absolute;right: 0;display: block;bottom: 0;} .inabout_num dl:first-child{padding-left: 0;} .inabout_num dl:last-child{padding-right: 0;} .inabout_num dl:last-child:after{display: none;} .inabout_num dl:first-child dd{color: #2d9341;} .index_03 .r{float: right;width: 46%;height: 100%;position: relative;color: #fff;cursor: pointer;} .index_03 .r i{font-size: 50px;} /*瑙嗛寮圭獥*/ .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;} /*瑙嗛寮圭獥*/ /*index04*/ .pad130{padding: 130px 0;box-sizing: border-box;overflow: hidden;} .innews{overflow: hidden;} .innews_l{float: left;width: 48%;height: 100%;} .innews_l a{color: #fff;} .innews_l dl{position: relative;} .innews_l dl dt{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%; background: url(../images/index04.png) no-repeat;background-size: cover;} .innews_l dl dt p{position: absolute;bottom: 20px;left: 0;width: 100%;box-sizing: border-box;padding: 0 40px;line-height: 40px;} .innews_l dt p i{float: left;width: 130px;overflow: hidden;white-space: nowrap;} .innews_l dt p span{float: right;width: calc(100% - 145px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .innews_r{float: right;width: 52%;padding-left: 5%;box-sizing: border-box;height: 100%;} .innews_tit{height: 45px;line-height: 45px;margin-bottom: 10px;} .innews_tit h2{float: left;} .innews_tit a{float: right;width: 30px;height: 20px;text-align: center;font-size: 26px;background: #4e974e;color: #fff;border-radius: 15px;line-height: 20px;margin-top: 12px;} .innews_list{height: calc(100% - 55px);} .innews_list ul{height: 100%;} .innews_list li{height: 16.66%;position: relative;} .innews_list li a{display: block;height: 100%;} .innews_list li p{line-height: 28px;width: 100%;} .innews_list li p i{float: left;width: 140px;overflow: hidden;white-space: nowrap;height: 28px;line-height: 28px;background: #eaeaea;border-radius: 20px;text-align: center;} .innews_list li p span{float: right;width: calc(100% - 170px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /*index05*/ .index_05{color: #fff;position: relative;} .index_05 .blank_20{z-index: 1;} .index_05 .index_wrap{z-index: 2; position: relative;} .pad90{padding: 90px 0;box-sizing: border-box;overflow: hidden;} .inservice{float: left;} .inservice_tit{margin-bottom: 35px;} .inservice_tit h2{margin-bottom: 10px;} .inservice_list{width: 452px;overflow: hidden;} .inservice_list li{float: left;width: 166px;margin-right: 60px;border-bottom: 1px solid #a2acad;margin-bottom: 15px;} .inservice_list a{color: #fff;padding: 10px;box-sizing: border-box;display: block;overflow: hidden;line-height: 24px;} .inservice_list a i{margin-right: 10px;float: left;} .inservice_list a span{float: right;width: calc(100% - 25px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .inservice_link a{height: 40px;width: 60px;border-radius: 30px;background: #fff;color: #0b7c4c;text-align: center;line-height: 40px;display: block;margin-top: 50px;} .inservice_link a i{font-size: 24px;font-weight: bold;} .index_06{display: none;} @media only screen and (max-width:1800px) { .pad130{padding: 100px 0;} .pad90{padding: 70px 0;} } @media only screen and (max-width:1600px) { .pad130{padding: 90px 0;} .pad90{padding: 60px 0;} } @media only screen and (max-width:1400px) { .pad130{padding: 70px 0;} .pad90{padding: 60px 0;} } @media only screen and (max-width:1024px) { .pad130{padding: 40px 0;} .pad90{padding: 40px 0;} .insolve_r li{padding: 20px;} .index_03{height: auto!important;overflow: hidden;} .index_03 .l,.index_03 .r{width: 100%;} .index_03 .l h2{margin-bottom: 20px;} .innews{height: auto!important;} .innews_l,.innews_r{width: 100%;} .innews_l{margin-top: 30px;} .innews_r{padding:0px 0 0;} .innews_list li{overflow: hidden;margin-bottom: 20px;} .innews_list li p{position: static;transform: none;} .busBox li dd img{width: 50px;height: 50px;} .busBox .swiper-container{position: relative;} .busBox .swiper-container-android .swiper-slide, .busBox .swiper-wrapper{ -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); position: relative; display: flex; } .busBox .swiper-container{padding-right: 0;} .busBox li dt ul{margin-top: 30px;width: 100%;} .busBox ul.on{padding-left: 0;} .busBox li.on{position: relative;} .busBox li dt{display: block;width: 100%;padding: 50px;background: none;color: #fff;} .busBox li dd{display: none;} .busBox li:after{display: none;} .busBox li dt ul li{width:33.33%; margin-bottom: 5px;} .busBox li dt ul li a{color: #fff;} .busBox li dt h2{color: #fff;} .busBox .lhl_but{display: block;} } @media only screen and (max-width:767px) { .insolve_r,.insolve_l{float: none;width: 100%;overflow: hidden;} .insolve_r li{width: 49%;float: left;margin-right: 2%;margin-bottom: 20px;padding: 10px;box-sizing: border-box;} .insolve_r li:nth-child(2n){margin-right: 0;} .insolve_r li.on:after{width: 8px;height: 24px;bottom: -15px;transform: rotate(-90deg);left: 50%;margin-top: 0;top: auto;} .insolve_r ul{font-size: 18px;} .insolve_two_tab{margin-bottom: 20px;} .insolve_two_tab ul{font-size: 16px;} .insolve_two_tab li{padding: 0 15px;transition: none;} .insolve_two_item p br{display: none;} .insolve_two_item p{ height: 52px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .inabout_num dl{float: left;width: 50%;box-sizing: border-box;text-align: center;padding: 0 10px;margin-bottom: 20px;} .inabout_num dl:after{display: none;} .inservice_list{width: 100%;} .inservice_list li{width: 48%;margin-right: 4%;} .inservice_list li:nth-child(2n){margin-right: 0;} .index_02{height: 400px!important;} .busBox li dt{padding: 40px;} .busImg ul,.busImg li{height: 100%;} .busImg li img{display: none;height: 100%;} .busBox ul.on{padding: 0;} .busBox ul.swiper-wrapper>li dt{ display: block;} .busBox li dt ul{margin-top:10px;} .busBox li dt{padding:30px 40px;} .busBox li dt span{display:block;} .busBox li dt span img{width:40px;height: 40px;margin-bottom:10px;} .busBox ul.swiper-wrapper>li:after{display:none;} } @media only screen and (min-width:1025px) { .innews_tit a:hover{color: #fff!important;opacity: .8;} .inLink:hover{background: #fff;} .busBox li dt ul li a:hover{font-weight: bold;} .busBox_link a:hover,.inservice_link a:hover{background: #2d9341;color: #fff!important;} .inservice_list a:hover{font-weight: bolder; background: #fff;} }