.pub-title{font-weight: bold;color: #666666;} /* BM */ .pub-title h4{line-height: 1em; font-weight: bold;} .pub-title p{line-height: 1.25em;} /* banner */ .indexBanner{overflow: hidden;z-index: 2;position: fixed;width: 100%;height: 0;padding-bottom: 50.73%;} .indexBanner .index-swiper-container{position: absolute;overflow: hidden;width: 100%;height: 100%;} .indexBanner .swiper-slide{position: relative;} .indexBanner .swiper-slide img{width: 100%;transition:transform 12s cubic-bezier(.23,1,.32,1);transform:scale(1)} .indexBanner .swiper-slide:hover img{transform:scale(1.1)} .indexBanner .swiper-slide .txt{ position: absolute; top:43%; left:calc(50% - 730px); color: #fff; z-index: 10;} .indexBanner .swiper-slide h2{ line-height: 1.2; font-weight: 300;} .indexBanner .swiper-slide h2 span{text-transform: uppercase;} .indexBanner .swiper-slide h3{ font-weight: bold; /*margin-bottom: 0.7rem;*/} .indexBanner .swiper-slide p{ font-family: arial; line-height: 1.1;font-weight: 300; margin-bottom: 2.5em;} .indexBanner .swiper-slide em{ position: relative; text-align: center; display: block; color:#fff; width: 200px; height: 50px; line-height: 50px; background:#00a0e9;/* BM */} .indexBanner .swiper-slide em a{color:#fff!important;} .indexBanner .swiper-slide em i{margin-left: 10px; position: relative; top:-2px;} .indexBanner .swiper-slide em i img{ width: 9px; vertical-align: middle;transition:0.2s all; -moz-transition:0.2s all;-ms-transition:0.2s all;} .banner-height{width: 100%;position: relative;height: 0;padding-bottom: 50.73%;z-index: 1;} .index-swiper-container video{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 15;background: #000;} .index-swiper-container .swiper-slide-active .text{transform: translateY(-50%);opacity: 1;transition: all 1.5s;transition-delay: 0.5s;} .indexBanner .pagination{position: absolute;width: 100%;bottom: 45px;z-index: 9;text-align: center;} .indexBanner .pagination .swiper-pagination-switch{background: #fff;margin: 0 10px;} .indexBanner .pagination .swiper-pagination-bullet{width: 8px;height: 8px; opacity: 1;background: #fff;transition: all 0.3s;} .indexBanner .pagination .swiper-pagination-bullet-active{transform: scale(1.8);transition: all 0.3s;} .indexBanner .swiper-button-prev{ display:none; left:10px; width: 54px; height:104px; margin-top:-52px; background: url(../images/ban_btnl.png) no-repeat; background-size: cover;} .indexBanner .swiper-button-next{display:none;right:10px;width: 54px; height:104px; margin-top:-52px; background: url(../images/ban_btnr.png) no-repeat; background-size: cover;} /* */ .main{position: relative;z-index: 3;background: #fff;} .part-1{padding:4.5% 0 6%; /*background-image: url('../images/indexproduct_bgText.png');background-repeat: no-repeat;background-position:90% 0;*/} .part-1 .pub-title{margin-bottom:3.5%;} .part-1 .content{margin-top: 20px;} .part-1 .content h2{color: #666666;line-height: 1.371em; font-weight: 300;} /* BM */ .part-1 .content h3{color: #666666;line-height: 1.371em; font-weight: bold;} /* BM */ /* */ .part-2 {background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;} .part-2 .pub-shadow{background: none;} .part-2 .container{z-index: 2;} .part-2 .pub-title{color: #00a0e9;/* BM */ margin:0 0 4%;} .part-2 .pub-title h4{text-align: left;} .part-2 .pub-title span{ display: block; margin:1% 0 0; text-align: center} .part-2 .tab{width: 100%;} .part-2 .tab ul li{float: left;width:auto; width:14.28571%; text-align: center; line-height: 48px;} /*.part-2 .tab ul li:nth-of-type(3){width:222px;} .part-2 .tab ul li:nth-of-type(4),.part-2 .tab ul li:nth-of-type(5){width:150px;}*/ .part-2 .tab ul li a{color: #b3b3b3; /* BM *//*padding: 0 30px;*/ font-weight: bold;display: block;border-bottom: 1px solid #fff;border-top: 1px solid transparent;transition: none;/*white-space: nowrap;text-overflow: ellipsis;overflow: hidden;*/} .part-2 .tab ul li.on a{color: #FFF!important;/* BM */border-left: 1px solid #fff;border-right: 1px solid #fff;border-bottom-color: transparent;border-top-color: #fff;transition: none;} .part-2 .tab ol{position: relative;width: 100%;height: 0;padding-bottom:30%;} .part-2 .tab ol li{padding:4%;border: 1px solid #fff; color:#DDDDDD; border-top: none;position: absolute;z-index: 3;opacity: 0;width:100%;height:100%; } .part-2 .tab ol li.on{z-index: 4;opacity: 1;transition: all 0.2s;} .part-2 .tab ol li .text{height: 240px;overflow: hidden;} .part-2 .tab ol li .text p{line-height: 30px;margin-bottom: 30px;} .part-2 .tab ol li .text p:last-child{margin-bottom:0;} .part-2 .tab ol li .icons i{float: left;text-align: center; width:auto; margin-right:7%; margin-top: 20px;} .part-2 .tab ol li .icons i:last-child{margin-right: 0;} .part-2 .tab ol li .icons i .img{height: 50px;line-height: 50px;margin-bottom: 17px;display: inline-block;} .part-2 .tab ol li .icons i .img img{max-height: 50px;vertical-align: middle;} .part-2 .tab ol li .icons i span{display: block;font-weight: bold;color: #fff;} .part-2-box {width: 100%;height: 0;padding-bottom: 50.68%;position: relative; background-position: left top; background-repeat: no-repeat; background-size: cover;} .part-2-box .bg_img{width: 100%;} .part-2-box .pub-shadow{z-index: 2;} .part-2-box .phone_img{position: absolute;width: 100%;height: 100%;z-index: 1;} .part-2-box video{position: absolute;width: 100%;height: 100%;z-index: 1;} .part-2-box .wrap{color: #fff;overflow: hidden;} .part-2-box .wrap h1{line-height: 1.34em;font-weight: normal;margin-bottom: 55px;} .part-2-box .wrap .more{width: 189px;height: 51px;line-height: 51px;position: relative;transition: all 0.3s;display: inline-block;text-align: center;color: #fff;border: 1px solid #cfd0d0;} .part-2-box .wrap .more i{position: absolute;display: block;width: 10px;height: 19px;top: 50%;margin-top: -10px;right: 17px;background: url('../images/bannerMore.png') no-repeat; background-size: cover;} .part-2-box .wrap .more:hover{background: #005bac;border-color: #005bac;color: #fff!important;} /* */ .part-3{padding:6% 0;} .part-3 li{width: 50%;float: left;position: relative;} .part-3 li .item{width: 100%;height: 0;padding-bottom: 50.48%;position: relative;} .part-3 li .item img{width: 100%;height: 100%;position: absolute;} .part-3 li .text{padding: 25px 30px;position: absolute;top: 0;left: 0;width: 100%; text-align: right; color: #fff;/*transform: translateY(100px); -webkit-transform: translateY(100px);-ms-transform: translateY(100px);*/-webkit-transition: .3s; -o-transition: .3s; transition: .3s;} .part-3 li .text h4{margin-bottom: 20px; font-weight: bold;} .part-3 li .text p{ opacity: 0; line-height: 1.5; height: 4.5em; overflow: hidden;-webkit-transition: .3s; -o-transition: .3s; transition: .3s;} .part-3 li:hover .text p{ opacity: 1;} /* */ .part-4{padding-bottom: 5%;} .part-4 .pub-title{margin-bottom: 4%;} .news-swiper-container{overflow: hidden;position: relative;} .news-swiper-container img{width: 100%;} .news-swiper-container .swiper-button-next, .news-swiper-container .swiper-button-prev{width: 84px;height: 50px;background-size: cover;background-position: center center;margin-top: -72px;} .news-swiper-container .swiper-button-next{background-image: url('../images/indexNews_aRight.png');right: 23.57%;} .news-swiper-container .swiper-button-prev{background-image: url('../images/indexNews_aLeft.png');left: 23.57%;} .news-swiper-container .swiper-pagination{position: relative;margin-top: 88px;} .news-swiper-container .swiper-pagination-bullet{width: 8px;height: 8px;background: #acacac;opacity: 1;} .news-swiper-container .swiper-pagination-bullet-active{background: #0096E0;-webkit-transform:scale(1.8);transform: scale(1.8);transition: all 0.3s;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 15px;} .news-swiper-container .swiper-slide{position: relative;} .news-swiper-container .swiper-slide .pub-shadow{background: rgba(255,255,255,0.7);} .news-swiper-container .swiper-slide .img{width: 100%;height: 0;padding-bottom: 56.25%;position: relative;} .news-swiper-container .swiper-slide .img img{width: 100%;height: 100%;position: absolute;} .news-swiper-container .swiper-slide .content{position: absolute;padding: 40px 48px 50px 33px;background: #fff;box-shadow: 0px 0px 50px 1px rgba(0,0,0,0.3);top: 33%;left: 10.5%;width: 310px;opacity: 0;} .news-swiper-container .swiper-slide .content h4{color: #70707B; font-size: 12px; font-weight: normal;margin-bottom: 20px;} .news-swiper-container .swiper-slide .content h4 i{width: 14px;height: 14px;background: url('../images/indexNews_time.png') no-repeat center center;background-size: cover;margin-right: 9px;margin-top: 2px;} .news-swiper-container .swiper-slide .content h4 em{width: 13px;height: 14px;background: url('../images/indexNews_share.png') no-repeat center center;background-size: cover;margin-left: 26px;} .news-swiper-container .swiper-slide .content h5{color:#363636; margin-bottom: 15px;max-height: 54px;overflow: hidden;} .news-swiper-container .swiper-slide .content h5 a{color:#363636; font-weight: bold;} .news-swiper-container .swiper-slide .content p{color: #8D8D8D;margin-bottom: 48px; line-height: 24px; max-height: 72px;overflow: hidden;} .news-swiper-container .swiper-slide .content .more{display: inline-block;width: 87px;height: 28px;text-align: center;line-height: 26px;border: 1px solid #005bac;color: #005bac;} .news-swiper-container .swiper-slide .content .more:hover{background: #005bac;color: #fff!important;} .news-swiper-container .swiper-slide-active .content{opacity: 1;} .news-swiper-container .swiper-slide-active .pub-shadow{display: none;} .news-swiper-container .swiper-button-next:hover, .news-swiper-container .swiper-button-prev:hover{background-color: #005bac;} @media only screen and (min-width: 1025px){ .part-2-box .phone_img{display: none;} .indexBanner:hover .swiper-button-prev,.indexBanner:hover .swiper-button-next{ display: block;} .indexBanner .swiper-button-prev:hover{background: url(../images/ban_btnl_on.png) no-repeat;background-size: cover;} .indexBanner .swiper-button-next:hover{background: uzrl(../images/ban_btnr_on.png) no-repeat;background-size: cover;} .indexBanner .swiper-slide em:hover i img{transform:translateX(10px);} .part-2 .tab ul li a:hover{color: #00a0e9!important;/* BM */border-left: 1px solid #fff;border-right: 1px solid #fff;border-bottom-color: transparent;border-top-color: #fff;transition: none;} } @media only screen and (max-width: 1919px){ /* BM */ /* .indexBanner .swiper-slide h2{font-size: 40px;} */ /* .indexBanner .swiper-slide h3{font-size: 56px;} */ /* .indexBanner .swiper-slide p{font-size: 26px;} */ } @media only screen and (max-width: 1700px){ /* BM */ /* .indexBanner .swiper-button-prev{left:1%;} */ /* BM */ /* .indexBanner .swiper-button-next{right:1%;} */ /* BM */ /* .indexBanner .swiper-slide .txt{left: 8%;} */ .news-swiper-container .swiper-slide .content{padding: 20px 28px 30px 28px; box-shadow:0px 0px 10px 1px rgba(0,0,0,0.3)} } @media only screen and (max-width: 1520px){ .part-2-box .container .more{width: 150px;height: 40px;line-height: 40px;} .part-2-box .container .more i{margin-top: -7px;width: 7px;height: 13px;} .part-2 .tab ol{padding-bottom:36%;} .indexBanner .pagination{bottom: 12%;} /* BM */ /* .indexBanner .swiper-slide h2{font-size: 36px;} */ /* .indexBanner .swiper-slide h3{font-size: 48px;} */ /* .indexBanner .swiper-slide p{font-size: 22px;} */ .indexBanner .swiper-slide em{width: 140px; height: 42px; line-height: 42px; font-size: 15px;} .indexBanner .swiper-slide em i img{width: 6px; height: 13px;} /* .indexBanner .swiper-button-prev{width: 20px; height: 40px;margin-top:-28px; } /* BM */ */ /* .indexBanner .swiper-button-next{width: 20px;height: 40px;margin-top:-28px;} /* BM */ */ .indexBanner .swiper-slide .txt{ left:calc(50% - 600px);} .news-swiper-container .swiper-pagination{margin-top:100px;} } @media only screen and (max-width: 1439px){ .news-swiper-container .swiper-slide .content h5,.news-swiper-container .swiper-slide .content h4{margin-bottom: 10px;} .news-swiper-container .swiper-slide .content p{margin-bottom: 30px;} /* BM */ /* .indexBanner .swiper-slide h2{font-size: 30px;} */ /* .indexBanner .swiper-slide h3{font-size: 50px;} */ /* .indexBanner .swiper-slide p{font-size: 20px;} */ .news-swiper-container .swiper-pagination{margin-top:80px;} } @media only screen and (max-width: 1365px){ /* .indexBanner .swiper-slide h2{font-size: 26px;} */ /* .indexBanner .swiper-slide h3{font-size: 38px;} */ /* .indexBanner .swiper-slide p{font-size: 16px;} */ .indexBanner .swiper-slide em{width: 130px; height:32px; line-height: 32px; font-size: 14px;} .indexBanner .swiper-slide .txt{ left:8%; width:84%;} } @media only screen and (max-width: 1279px){ /* .container{max-width: 96%;} */ .news-swiper-container .swiper-slide .content{position: relative;top: 0;left: 0;width:100%;opacity: 1;transform: none;transition: none; box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.3);} .news-swiper-container .swiper-pagination{margin-top: 50px;} .part-3 li .text{padding: 30px;transform: translateY(0px); -webkit-transform: translateY(0px);-ms-transform: translateY(0px);} .part-3 li .text p{opacity: 1;} .part-1{background-size: 60%;} .part-2-box{padding-bottom: 60%;} .part-2-box .bg_img{ display: none;} .indexBanner{margin-top:65px; position:relative; height: auto; padding-bottom: 0;} .indexBanner .index-swiper-container{position: relative;} /*.indexBanner .swiper-button-prev,.indexBanner .swiper-button-next{ display: block;}*/ .banner-height{ display: none;} /* BM */ /* .indexBanner .swiper-slide h2{font-size: 22px;} */ /* .indexBanner .swiper-slide h3{font-size: 30px;} */ /* .indexBanner .swiper-slide p{font-size: 14px;} */ .indexBanner .swiper-slide em{width: 106px; height:30px; line-height: 30px; font-size: 12px;} .indexBanner .swiper-slide .txt{top:35%;} .indexBanner .pagination{bottom: 30px;} .part-1 .content{margin-top: 0;} .part-2 .tab ul{font-size: 14px;} .part-2 .tab ol li .text{ height: 180px;} .part-2-box video{display: none;} .part-2-box .container h1{margin-bottom: 30px;} .part-2-box .container .more{width: 100px;height: 30px;line-height: 30px;} .part-2-box .container .more i{right: 7px;} } @media only screen and (max-width: 1023px){ .part-2-box .bg_img{display: none} .part-2-box{height: 500px;padding-bottom: 0;} .part-2 .tab ol{height: 280px;padding-bottom: 0;} .part-2 .tab ol li .text{overflow: auto; height: 140px;} .part-2 .tab ol li .icons i{margin-bottom: 0; margin-right:5%;} .part-2 .tab ol li .icons i .img{height:30px; line-height: 30px;} .part-2 .tab ol li .icons i .img img{max-height: 30px;} .part-2 .tab ul li a{font-weight: 700; height: 42px; padding:3px 5px; line-height: 18px;} .part-3 li .text p{max-height: 80px; height: 80px; line-height:20px; overflow: hidden;} } @media only screen and (max-width: 767px){ .part-1 .container{background-size: 100% 40%;} .part-1 .content{margin-top: 20px;} .part-3 li{width: 100%;} .indexBanner .swiper-slide .txt{ top:65%;transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%);left:4%; width:92%;}/* BM */ .indexBanner P{line-height: 1.167em;margin-bottom: 20px;} .indexBanner .pagination{bottom:10px;} .indexBanner .pagination .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 5px!important;} /* BM */ /* .indexBanner .swiper-slide h2{font-size: 12px;} */ /* .indexBanner .swiper-slide h3{font-size: 18px;} */ /* .indexBanner .swiper-slide p{margin-bottom:10px;} */ .indexBanner .swiper-button-prev{width: 20px; height: 38px;margin-top:-19px; } .indexBanner .swiper-button-next{width: 20px;height: 38px;margin-top:-19px;} .news-swiper-container .swiper-button-prev{left: 0%;} .news-swiper-container .swiper-button-next{right: 0%;} .news-swiper-container .swiper-slide .content{box-shadow: none;border: 1px solid #8d8d8d;} .news-swiper-container .swiper-button-next, .news-swiper-container .swiper-button-prev{width: 67px;height: 40px;} .news-swiper-container .swiper-pagination{margin-top:30px;} .part-2-box{height: 0; padding:110% 0;} /* BM */ .part-2 .tab ol li{border:none;} .part-2 .tab ol li .icons{margin-top:0;} .part-2 .tab ol li .icons i{width: 33.33%;margin-right: 0px;} .part-2 .tab ol li .icons i .img img{max-height: 30px;} .part-2 .tab ol li .icons i .img{margin-bottom: 5px;} .part-2 .tab ul li{width:50%; text-align: left;} .part-2 .tab ul li a{ height: 30px; line-height: 30px;} .part-2 .tab ul li a,.part-2 .tab ul li.on a{border:none;} .part-2 .tab ol{border-top:1px solid #fff; margin-top:25px;}/* BM */ .part-2 .tab ol li .text p{ line-height: 24px; margin-bottom:10px;} .part-2 .tab ol li .icons i{margin-top:10px;} .pub-title{margin-bottom: 25px;} .part-1 .content p{font-size: 18px;} .part-3 li .text{padding:10px;} .part-3 li .text h4{margin-bottom: 10px;} .part-3 li .text p br{ display: none;} .indexBanner .swiper-slide img{transform: none;} } @media only screen and (max-width:360px){ .part-2 .tab ul li a{font-size: 12px;} .part-2 .tab ol li .icons i span{font-size: 12px; font-weight: normal;} } @media only screen and (max-width: 320px){ .indexBanner .swiper-slide p{ display: none;} .indexBanner .swiper-slide em{margin-top:10px;} } .ie9 .sidebar ul li:hover .item_box a{box-shadow: none;} @media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){ .part-2 .tab ol li.on{transition: all 0s;} } /* BM- */ @media only screen and (max-width: 1600px) { .indexBanner .swiper-slide .txt { left: calc(50% - 700px); } .indexBanner .swiper-button-prev{ left:1%; width: 41px; height:80px; margin-top:-10px; } .indexBanner .swiper-button-next{ right:1%; width: 41px; height:80px; margin-top:-10px; } } @media only screen and (max-width: 1440px) { .indexBanner .swiper-slide .txt { left: calc(50% - 630px); } .indexBanner .swiper-button-prev{ left:1%; width: 21px; height:40px; margin-top:-10px; } .indexBanner .swiper-button-next{ right:1%; width: 21px; height:40px; margin-top:-10px; } } @media only screen and (max-width: 1365px) { .indexBanner .swiper-slide .txt { left: 3.5%; } } /* BM */ @media only screen and (max-width:767px){ /* 首页Banner */ .indexBanner .swiper-slide h3 { font-size: 33px; line-height: 1.2; padding-bottom: 8px; } .indexBanner .swiper-slide h2 { font-size: 22px; font-weight: 300; padding-bottom: 8px; } .indexBanner .swiper-slide p { margin-bottom: 20px; } /* 首页解决方案 */ .part-1 { padding: 7% 0 10%; } .pub-title h4 { padding: 3% 0; } .index .part-2 .tab ol li .icons { margin-top: 30px; } .part-2 .tab ol li .text { overflow: auto; height: 250px; } .index .container.a-m-c { top: 32%; } .part-2 .tab ol li .icons i { width: 50%; margin: 15px 0; } .part-3 { padding: 10% 0 ; } .part-3 h4 { text-align: right!important; } } /*2020-11-11*/ .phone_img{display: none;} .index_part{margin-bottom: 30px;} .index_part ul{position: relative;margin: 0 -14px;} .index_part li dd,.index_part li .pc_img,.index_part li dd img{width: 100%;height: 100%;} .index_part li dl{height: 100%;margin: 0 14px;position: relative;} .index_part li dt{position: absolute;top:30px;right: 0;color: #fff;width: 100%;z-index: 2;} .index_part li dt h3{padding:0 30px;line-height: 50px;font-weight: bold;font-size: 36px;} .index_part li dt h3 img{margin-top: 6px; margin-right: 10px;width: 40px;} .index_part li{position: absolute;width: 33.5%;height: 37%;} .index_part li:nth-child(1),.index_part li:nth-child(7){width: 67%;height: 29.2%} .index_part li:nth-child(5),.index_part li:nth-child(6){height: 29.2%} .index_part li:nth-child(1){top:0;left: 0;} .index_part li:nth-child(2){top:0;right: 0;} .index_part li:nth-child(3){top:31.35%;left: 0;} .index_part li:nth-child(4){top:31.35%;left:33%;} .index_part li:nth-child(5){top:39.27%;right:0%;} .index_part li:nth-child(6){bottom: 0;left: 0;} .index_part li:nth-child(7){bottom: 0;right: 0;} .pc_img {overflow: hidden;display: block;} @media only screen and (max-width:1440px){ .index_part li dt h3{font-size: 30px;line-height: 40px;} .index_part li dt h3 img{margin-top:2px;} } @media only screen and (max-width:1366px){ .index_part li dt h3{font-size: 26px;} } @media only screen and (max-width:1280px){ .index_part li dt h3{font-size: 22px;} } @media only screen and (max-width:1024px){ .index_part li dt{top:20px;} .index_part li dt h3{padding: 0 20px;font-size: 20px;line-height: 30px;} .index_part li dt h3 img{width: 30px;margin-top: 0;margin-right: 5px;} } @media only screen and (max-width: 767px){ .index_part{margin-bottom:20px;} .phone_img{display: none;} .pc_img{display: block;} .index_part ul{height: auto !important;margin: 0;} .index_part li{margin-top: 20px;} .index_part li dl{margin: 0;} .index_part li{position: static;width: 100% !important;height: 100% !important;} .index_part li dt{top:20px;} .index_part li dt h3{padding: 0 20px;font-size: 20px;font-weight: normal;line-height: 30px;} .index_part li dt h3 img{width: 30px;margin-top: 0;margin-right: 5px;} } @media only screen and (min-width: 1025px){ .index_part .pc_img img { transition: all 0.4s linear; -webkit-transition: all 0.4s linear; } .index_part dl dt h3 { transition: all 0.4s linear; -webkit-transition: all 0.4s linear; } .index_part dl:hover .pc_img img { transform: scale(1.1); } .index_part dl:hover dt h3{transform:translateY(-10px);} } .banner_p{height:300px;overflow:hidden;overflow-y:auto;} @media only screen and (max-width: 1440px){ .banner_p{height:200px;} }