.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #115ea2!important;} .blank_25{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.25);} .blank_10{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.1);} .banner {overflow: hidden;position: relative;margin-top: 104px; } .banner li{overflow: hidden;} .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:16.7%;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; } .banner_p {padding-left: 5%;} .banner li.swiper-slide-active .banner_text{ opacity: 1;left: 0;} .banner .lhl_but div{background: none;color: #fff;font-size: 44px;width: 44px;text-align: center;line-height: 44px;} .banner .lhl_but div.swiper-button-prev{left: 40px;} .banner .lhl_but div.swiper-button-next{right: 40px;} .banner_div{position: absolute;left: 0;bottom: 0;width: 46%;background: url(../images/banner_div.png) no-repeat;background-size: 100% 100%;height: 118px; line-height: 118px;color: #fff;z-index: 2;padding-left: 10%;box-sizing: border-box;} .banner_div p{display: inline-block;margin-right: 10px;} .pub_more{background: url(../images/pub_more.png) no-repeat;background-size: cover;width: 180px;height: 39px;line-height: 39px;text-align: center; display: block;position: relative;color: #fff;margin-top: 40px;} .pub_more2{margin-top: 20px;} .pub_more2 .item{display: inline-block;position: relative;margin-right: 15px;margin-top: 0.5em;} .pub_more2 a{background-image: linear-gradient(to right,#018ad2, #074fa3);width: auto;padding: 0 2em;min-width:120px;height: 39px;line-height: 39px;text-align: center; display: inline-block;position: relative;color: #fff;border-radius: 3px;white-space: nowrap;} .pub_more2 .item .list{ display: none; position: absolute; } .pub_more2 .item:hover i{ transition: all .3s; } .pub_more2 .item:hover i{ display: inline-block; transform: rotate(180deg); } .pub_more2 .item:hover .list{display: block;} .pub_more2 a:hover{color: #fff!important;font-weight: bold;} .pub_more i{position: absolute;font-size: 22px;right: 15px;top: 0;font-weight: bold;} @media only screen and (min-width:1025px) { .pub_more:hover{color: #fff!important;font-weight: bold;} } @media only screen and (max-width:1560px) { .banner_p {padding-left: 7%;} } @media only screen and (max-width:1440px) { .banner_p{padding-left: 5%;} } @media only screen and (max-width:1024px) { .banner{ margin-top: 80px;} .banner_text h3{line-height: inherit;} .banner_p{height: auto;} .banner_div{height: 60px;line-height: 60px;width: 60%;padding-left: 7%;} .banner .lhl_but div.swiper-button-prev{left: 10px;} .banner .lhl_but div.swiper-button-next{right: 10px;} } @media only screen and (max-width:767px) { .banner{margin-top: 50px;} .banner li{height: 410px!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;} .pub_more{margin-top: 20px;} .banner .lhl_but div{font-size: 30px;} .banner .lhl_but div.swiper-button-prev{left: 0px;} .banner .lhl_but div.swiper-button-next{right: 0px;} .banner_div{width: 100%;padding-left: 10px;} .banner_p{padding-left: 0;text-align: center;} .pub_more{margin-left: auto;margin-right: auto;} } @media only screen and (min-width:1025px) { .banner{height: calc(100vh - 104px)} .banner .swiper-container,.banner ul,.banner li{height:100% !important;} } /*01*/ .index_01{position: relative;padding: 70px 0 180px;box-sizing: border-box;overflow: hidden;} .indexData{background: url(../images/index_02.png) no-repeat;background-size: cover;width: 46%;padding-left: 10%;box-sizing: border-box;position: absolute;left: 0;top: 0;padding-right: 2%;height: 100%;padding-top: 70px;} .indexData ul{margin-left: -40px;} .indexData dl{float: left;padding: 0 40px;box-sizing: border-box;border-right: 1px solid #cbcbcb;width: 50%;padding-bottom: 40px;} .indexData dl:nth-child(2n){border-right: 0;} .indexData dl dd{margin-top: -20px;color: #115ea2;} .indexData dl dd em{font-weight: 300;vertical-align: text-bottom;display: inline-block;margin-left: 10px;} .indexData dl dt{color: #686868;height: 48px;} .index_intro{float: right;width: 50%;padding-left: 20px;box-sizing: border-box;} .index_intro h2{font-weight: bold;color: #2c2b2b;} .index_intro p{color: #686868;line-height: 35px;height: 140px;} .index_intro h4{margin: 20px 0 25px;font-weight: bold;} /*02*/ .index_02{position: relative;padding: 126px 0 150px;box-sizing: border-box;overflow: hidden;} .index_02>.wrap{position: relative;z-index: 2;} .solution_bigImg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-position: center; transition:all .5s; -moz-transition:all .5s; /* Firefox 4 */ -webkit-transition:all .5s; /* Safari and Chrome */ -o-transition:all .5s; /* Opera */} .indexSolu_tab{background: #fff;border-bottom: 1px solid #c9d0d6;display: grid;} .indexSolu_tab li{float: left;width: 25%;padding: 30px 30px;box-sizing: border-box;position: relative;cursor: pointer;} .indexSolu_tab li:after{content: "";display: block;width: 100%;height: 5px;background: #115ea2;position: absolute;bottom: -1px;left: 0;display: none;} .indexSolu_tab li dd{margin-bottom: 20px;} .indexSolu_tab li dd img{width: 60px;height: 60px;} .img02{display: none;} .indexSolu_tab li span{ display: block; height: 4em; line-height: 1.5; } .indexSolu_tab li.on:after{display: block;} .indexSolu_con{width: 52%;background: #fff;padding: 50px;box-sizing: border-box;position: relative;height: 470px;} .indexSolu_list{margin: 60px 0 40px;} .indexSolu_list li{display: inline-block;margin-right: 40px;font-weight: bold;cursor: pointer;transition: all .3s;position: relative;margin-bottom: 15px;} .indexSolu_list li:after{content: "";display: block;width: 100%;height: 2px;background: #115ea2;position: absolute;bottom: -4px;left: 0;display: none;} .indexSolu_item{display: none;} .indexSolu_item>h3,.indexSolu_item>p{display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .indexSolu_item>h3{line-height: 36px;max-height: 72px; } .indexSolu_item>p{margin-top: 20px;color: #686868;line-height: 30px;max-height: 60px;} .indexSolu_item.on{display: block;} .indexSolu_con .lhl_but{display: none;} /*03*/ .index_03{padding: 80px 0;overflow: hidden;} .pro_tit{margin-bottom: 35px;} .pro_tit h2{font-weight: bold;margin-bottom: 10px;} .pro_tit p{color: #686868;} .pro_con .swiper-wrapper{display: block;} .pro_con .lhl_but{display: none;} .pro_con-item{position: relative;height:0;opacity: 0;} .pro_con-item>img{width: 100%;} .pro_hone{display: none;} .pro_con-txt{position: absolute;left: 44%;top: 18%;width: 38%;transition: all 1s;transform: translateX(50px);} .pro_con-txt span{color: #115ea2;font-weight: bold;font-style: oblique;} .pro_con-txt h3{color: #565656;font-weight: bold;} .pro_con-txt p{line-height: 30px;color: #686868;margin: 20px 0;height: 60px;overflow: hidden;} .pro_con-item.on{height: auto;opacity: 1;} .pro_con-item.on .pro_con-txt{transform: translateX(0px)} .pro_tab{position: relative;border-bottom: 1px solid #9b9b9b;margin-top: -20px;} .pro_tab dl{text-align: center;padding: 50px 0 30px;box-sizing: border-box;} .pro_tab dl dd img{width: 80px;height: 80px;} .pro_tab dl dt{margin-top: 10px;} .pro_tab li{position: relative;cursor: pointer;} .pro_tab li:after{content: "";position: absolute;display: block;width: 34px;height: 20px;background: url(../images/white_sj.png) no-repeat; background-size: cover;top: 0;left: 50%;margin-left: -17px;display: none;} .pro_tab li.on:after{display: block;} .pro_tab li.on{color: #115ea2;} .pro_tab .lhl_but div{background: none;font-size: 30px;margin-top: -12px;line-height: 44px;transition: all .3s;} .pro_tab .lhl_but div.swiper-button-prev{left: -10px;} .pro_tab .lhl_but div.swiper-button-next{right: -10px;} .pro_tab .swiper-button-next.swiper-button-disabled,.pro_tab .swiper-button-prev.swiper-button-disabled{pointer-events: inherit;cursor: pointer;opacity: 1;} .pro_tab .swiper-button-next.swiper-button-disabled.disabled,.pro_tab .swiper-button-prev.swiper-button-disabled.disabled{cursor: auto;pointer-events: none;opacity: .35;} /*04*/ .index_04{padding-bottom: 134px;box-sizing: border-box;overflow: hidden;} .indexNew-tab{margin-bottom: 50px;} .indexNew-tab li{display: inline-block;position: relative;padding-right: 40px;color: #2c2b2b;cursor: pointer;} .indexNew-tab li:last-child{padding-left: 20px; display:none;} .indexNew-tab li:after{content: "";display: none;width: 2px;height: 34px;background: #535252;position: absolute;right: 0;top: 50%;transform: rotate(15deg);margin-top: -17px;} .indexNew-tab li:last-child:after{display: none;} .indexNew-tab li.on{font-size: 40px;font-weight: bold;} .indexNew-item{display: none;} .indexNew-item dl{overflow: hidden;} .indexNew-item dd{float: left;width: 41.4%;height: 100%;position: relative;} .indexNew-item dd a{display: block;color: #fff; height:100%;} .indexNew-item dd a img{portrait:relative; height:100%;} .indexNew-item dd .indexNew-txt{padding: 0 20px; position: absolute; bottom: 50px; left: 00px; z-index: 2; width: 100%; box-sizing: border-box;} .indexNew-item dd .indexNew-txt span{display: block;margin-bottom: 20px;} .indexNew-item dt{float: right;width: 56.3%;height: 100%;} .indexNew-item dt ul{margin-left: -16px;margin-right: -16px;height: 100%;} .indexNew-item dt ul li{float: left;width: 50%;padding: 0 16px;box-sizing: border-box;height: calc((100% - 32px) / 2);margin-bottom: 32px;} .indexNew-item dt ul li a{display: block;height: 100%;position: relative;} .indexNew-item dt ul li:nth-child(2n+1) { clear: both; } .indexNew_div,.indexNew_div-text{height: 100%;} .indexNew_div>img{opacity: 0;position:absolute;left: 0;top: 0;width: 100%;height: 100%;} .indexNew_div-text span{color: #9b9b9b;display: block;margin-bottom: 10px;} .indexNew_div-text h3{color: #202f45;line-height: 30px;height: 60px;overflow: hidden;} .indexNew_div-text{border-bottom: 1px solid #9b9b9b;box-sizing: border-box;} .indexNew_div-text p{line-height: 26px;height: 78px;color: #686868;margin: 20px 0;overflow: hidden;} .indexNew_div-text .btn_span{display: block;width: 34px;height: 22px;line-height: 22px;text-align: center;color: #fff;background: #115ea2;border-radius: 20px;transition: all .3s;} .indexNew-item.on{display: block;} .indexNew-item dd .blank_20{ background: linear-gradient(transparent,rgba(0,0,0,.3) 100%); } @media only screen and (min-width:1025px) { .indexSolu_list li:hover{color: #115ea2;} .pro_tab .lhl_but div:hover{color: #115ea2;} .indexNew_div-text .btn_span:hover{opacity: .8;} .indexNew-item dt ul li a:hover .indexNew_div>img{opacity: 1;} .indexSolu_list li.on:after{display: block;} .indexNew-item dd:hover .blank_20{ background: linear-gradient(transparent,rgba(0,0,0,.5) 95%); } } @media only screen and (max-width:1560px) { .indexSolu_list li{margin-right: 20px;} .index_01{padding: 70px 0 120px;} .index_02{padding: 80px 0 100px;} .index_04{padding-bottom: 104px;} } @media only screen and (max-width:1440px) { .indexNew_div-text span{margin-bottom: 5px;} .indexNew_div-text p{margin: 15px 0;height: 52px;} } @media only screen and (max-width:1024px) { .indexData{padding-left: 7%;width: 60%;padding-right: 0;} .index_intro{width: 38%;} .indexData dl dd{margin-top: -10px;} .index_01{padding: 60px 0 80px;} .indexSolu_tab li{padding: 25px 20px;} .indexSolu_tab li span{height: 41px;display: block;} .indexSolu_con{width: 100%;} .pro_con-txt{top: 20px;} .pro_con-txt p{margin: 8px 0;} .pro_con-txt .pub_more{margin-top: 5px;} .indexNew-item dl{height: auto!important;} .indexNew-item dd{margin-bottom: 32px;} .indexNew-item dd,.indexNew-item dt{width: 100%;} .indexNew_div>img{opacity: 1;position: static;} .indexNew_div-text{padding: 20px 0;} .index_03{padding: 60px 0;} .indexSolu_item>h3,.indexSolu_item>p{line-height: 24px;max-height: 48px;} .indexSolu_con{height: 380px;} } @media only screen and (max-width:767px) { .index_01{padding: 40px 0 80px;} .index_03{padding: 40px 0 80px;} .indexData{display: none;} .index_intro{width: 100%;text-align: center;padding-left: 0;} .index_intro p{height: auto;} .index_02{padding: 40px 0;} .pro_tit{text-align: center;} .indexSolu_tab{background: none;} .indexSolu_tab li dt{color: #fff;font-size: 12px;display: none;} .indexSolu_tab li dt p{font-size: 14px;} .indexSolu_con{width: 100%;padding: 40px;} .indexSolu_tab{border-bottom: 0;} .indexSolu_tab li{padding: 0;text-align: center;} .indexSolu_tab li dd{width:82px;height:82px;box-sizing: border-box;display: inline-block;background: rgba(0,0,0,0.4); border-radius: 100%;border: 1px solid rgba(255,255,255,0.5);overflow: hidden;} .indexSolu_tab li dd img{width: 40px;height: 40px;transition: all .3s;margin-top: 20px;} .indexSolu_tab li:after{display: none!important;} .indexSolu_con{background: none;color: #fff;text-align: center;} .indexSolu_item>p{color: #fff;} .indexSolu_tab li .img01{display: none;} .indexSolu_tab li .img02{display: inline-block;} .indexSolu_tab li.on dd{background: url(../images/dd_bg.png) no-repeat;background-size: cover;border: 1px solid rgba(255,255,255,0)} .indexSolu_item{display: block;} .indexSolu_con .lhl_but{display: block;} .indexSolu_con .lhl_but div{width: 40px;height: 40px;border: 1px solid rgba(255,255,255,0.4);border-radius: 100%;text-align: center;line-height: 40px;margin-top: -20px;background: none;font-size: 16px;} .indexSolu_con .lhl_but div.swiper-button-prev{left: 0;} .indexSolu_con .lhl_but div.swiper-button-next{right: 0;} .solution_bigImg .blank_10{background: rgba(0,0,0,0.4);} .indexSolu_list{margin: 40px 0 0;} .indexSolu_list li{margin-right: 0;margin-bottom: 20px;display: block;} .indexSolu_list li a{ color:#fff; } .pro_con{position: relative;} .pro_tab{display: none;} .pro_con .swiper-wrapper{display:flex;} .pro_con .lhl_but{display: block;} .pro_con .lhl_but div{width: 40px;height: 40px;border: 1px solid rgba(255,255,255,0.4);border-radius: 100%;text-align: center;line-height: 40px;margin-top: -20px;background: none;font-size: 16px;color: #fff;} .pro_con .lhl_but div.swiper-button-prev{left: 10px;} .pro_con .lhl_but div.swiper-button-next{right: 10px;} .pro_pc{display: none;} .pro_hone{display: block;} .pro_con-txt{width: 100%;left: 0;bottom: 20px;text-align: center;top: auto;transform: none;} .pro_con-txt p{display: none;} .pro_con-txt span{display: none;} .pro_con-item{display: block;opacity: 1;position: relative;height: auto;} .pro_con-item .pub_more{margin-top: 8px;} .pro_con .swiper-pagination{width: 100%;text-align: center;bottom: -40px;} .pro_con .swiper-pagination-bullet{width: 12px;height: 12px;border: 1px solid #115ea2;background: none;margin: 0 8px;} .pro_con .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #115ea2;} .indexNew-tab{margin-bottom: 30px;} .indexNew-tab ul{text-align: center;} .indexNew-tab li.on{font-size: 24px;} .indexNew-tab li{padding-right: 25px;} .indexNew-tab li:after{height: 24px;margin-top: -12px;} .indexNew-tab li:last-child{padding-left: 15px;} .indexNew-item dl{height: auto!important;} .indexNew-item dd{margin-bottom: 0;} .indexNew-item dd,.indexNew-item dt{width: 100%;} .indexNew-item dt li img{display: none;} .indexNew-item dt li:first-child img{display: none;} .indexNew-item dd .indexNew-txt{position: static;color: #151e1f;padding: 20px 0 30px; display:none;} .indexNew-item dd .indexNew-txt p br{display: none;} .indexNew-item dt ul{margin-left: 0;margin-right: 0;} .indexNew-item dt ul li{width: 100%;height: auto;margin-bottom: 0;padding: 0;} .indexNew_div>img{position: static;opacity: 1;} .indexNew_div-text{padding: 20px 0;} .index_04{padding-bottom: 60px;} .indexNew_div-text span{display: none;} .indexNew_div-text h3{height: auto;} .indexNew_div-text p{height: 52px;overflow: hidden;} .indexNew-item dd .indexNew-txt span{display: none;} .pub_more{width: 140px;height: 30px;line-height: 30px;} .pub_more i{right: 8px;} } .contact_01 .pub_more{ background: #FFFFFF; color: #0659ab; } .contact_01 .pub_more i { position: absolute; font-size: 22px; right: auto; left: 15px; top: 0; font-weight: bold; color: #0659ab; } .contact_01 .pub_more:hover { color: #0659ab !important; opacity: 0.8; }