.banner{width: 100%;} .banner .banMore {width: 160px;height: 48px;} .banner .banMore a{background: #FF8B53;color: #fff;} .banner .img{padding-bottom: 39.5%;} .banner .swiper-slide .w1280{position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);height: auto;color: #fff;} .fz42{font-size: 42px;} .fz45{font-size: 45px;} .fz48{font-size: 48px;} .banner .title{margin-bottom: 40px;} .banner .swiper-slide .w1280 .textAll{width: 44%;margin-bottom: 60px;margin-top: 48px;} .banMore a{width: 160px;height: 48px;background: #FF8B53;border-radius: 3px;display: block;text-align: center;line-height: 48px;} .banMore a span{display: inline-block;position: relative;padding-right: 56px;transition: 0.3s;color: #fff;} .banMore a span::after{content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 9px solid #fff;} .banMore a:hover span{padding-right: 30px;} .banner .swiper-pagination{bottom: 65px;width: 100%;} .banner .swiper-pagination span{width: 10px;height: 10px;background: rgba(255,255,255,0.4);opacity: 1;margin: 0 5px;} .banner .swiper-pagination span.swiper-pagination-bullet-active{width: 32px;border-radius: 6px;} /* 通知 */ .idxOne{margin-top: -50px;position: relative;z-index: 2;} .idxOne .w1280{background: #fff;border-radius: 3px;box-shadow:0 8px 25px rgba(39,99,168,0.2);} .idxOne .w1280 .item{padding: 25px 30px;width: 44%;} .idxOne .w1280 .item .img{position: absolute;left: 30px;top: 50%;transform: translateY(-50%);} .idxOne .w1280 .item a{padding:0 0 0 60px ;} .idxOne .w1280 .item a .title{max-width: calc(100% - 50px);color: #2E2E2E;} .idxOne .w1280 .item a .time{opacity: 0.5;} .idxOne .w1280 .item .hot{position: absolute;right: 24px;top: 25px;} .idxOne::after{width: 1px;height: 36px;content: '';position: absolute;left: 51%;top: 50%;background: #D6E2EA;transform: translate(-50%,-50%);} .block{display: block;} .textCenter{text-align: center;} /* 启云系列产品 */ .idxTitle{padding-bottom:25px ;margin-bottom: 60px;} .idxTitle .cn{color: #2E2E2E;} .idxTitle .en{color: #D6E2EA; font-family: "DINCond-Light";text-transform: uppercase;line-height: 1;} .idxTitle::after{width: 48px;height: 4px;background: #2FBDEB;content: '';position: absolute;left: 50%;margin-left: -24px;bottom: 0;} .idxTwo,.idxFour,.idxFive{padding: 80px 0;} .idxTwo .wrap{border: 1px solid #DCE6F1;padding: 50px;box-sizing: border-box;margin-bottom: 20px;} .idxTwo .wrap:last-child{margin-bottom: 0;} .idxTwo .wrap:hover,.idxFour .box .item.on{box-shadow: 0 8px 25px rgba(39,99,168,0.2);} .idxTwo .wrapLeft h2 img,.idxTwo .wrapLeft ul li .img{position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .idxTwo .wrapLeft h2{line-height: 40px;padding-left: 50px;margin-bottom: 10px;} .idxTwo .wrapLeft h2 a:hover{color: #2FBDEB;} .idxTwo .wrapLeft ul{flex-wrap: wrap;} .idxTwo .wrapLeft ul li{width: 33.33%;position: relative;padding-left: 44px;box-sizing: border-box;margin-top: 35px;} .idxTwo .wrapLeft ul li .title{color: #2E2E2E;} .idxTwo .wrapLeft ul li .subTitle{color: #9F9F9F;} .idxTwo .wrapLeft{width: 54%;} .idxTwo .wrapRight{width: 43%;text-align: center;} .idxTwo .wrapLeft .banMore{margin-top: 50px;} .idxTwo .wrapLeft .banMore a,.idxFour .box .banMore a{background: #2FBDEB;} /* 在线体验 */ .idxThree{background-image:url(/dmjs_images/idxthreebg.jpg);color: #fff;padding: 60px 0;} .fz44{font-size: 44px;} .idxThree h5{font-weight: 300;margin-bottom: 7px;} .idxThree .banMore a{margin:40px auto 0;background: #fff;} .idxThree .banMore a span{color: #29AFE0;} .idxThree .banMore a span::after{border-left-color:#29AFE0 ;} /* 启智系列产品 */ .idxFour .box{ display: flex; justify-content: space-between;padding-top: 20px;overflow: hidden;} .idxFour .box .item{border-radius: 4px;border: 1px solid #DCE6F1;position: relative; height: 0; padding-bottom:27%; width: 14.5%; transition: 0.7s; box-sizing: border-box;} .idxFour .box .item .now{text-align: center;transition: 0.5s;position: absolute;width: 100%;top: 50%;transform: translateY(-50%);} .idxFour .box .item .now .img img{height: 108px;margin: auto;max-width: 100%;} .idxFour .box .item .now .img{height: 125px;display: flex;margin-bottom: 10px;margin-top: 40px;} .idxFour .box .item .now h6{color: #585858;} .idxFour .box .item .hover{left: 0; opacity: 0;height: 100%;width: 100%;padding: 60px 30px 60px 48px;box-sizing: border-box;transition: 0.3s 0.3s;position: absolute;top: 100%;} .idxFour .box .item .hover h5{margin-bottom: 30px; background: url(/dmjs_images/jRight.svg) left center no-repeat;padding-left: 32px;color: #333;} .idxFour .box .item .hover .hoverLeft{width: 48.5%;color: #585858;} .idxFour .box .item .hover .hoverLeft .banMore{margin-top: 40px;} .idxFour .box .item .hover .hoverLeft .textAll{text-align: justify;} .idxFour .box .item .hover .hoverRight{width: 42.5%;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);} .idxFour .box .item .hover .hoverRight img{width: 100%;} .idxFour .box .item.on{width:52.65%;} .idxFour .box .item.on .now{opacity: 0;visibility: hidden;} .idxFour .box .item.on .hover{animation: text 0.8s forwards; animation-delay: 0.4s;} @keyframes text{ to{ top: 0; opacity: 1; } } /* 解决方案 */ .idxFive{background-image: url(/dmjs_images/idxfivebg.jpg);overflow: hidden;} .idxFive .idxTitle .cn{color: #fff;} .idxFive .idxTitle .em{color: #fff;opacity: 0.3;} .idxFive .container {position: relative;} .idxFive .container .bg{width: 23.75% !important; height: 100%;position: absolute;left: -5%;top:0;background: url(/dmjs_images/fivebg.jpg) no-repeat center;background-size: cover;border-radius: 20px;} .idxFive .container .swiper-slide{flex: 1;position: relative;z-index: 2;border-radius: 5px;} .idxFive .container .swiper-slide a{text-align: center;color: #fff;height: 404px;position: relative;} .idxFive .container .swiper-slide a img{display: block;height: 48px;margin: 0 auto 13px;transition: 0.3s;} .idxFive .container .swiper-slide a .box{ top: 50%;left:50%;transform: translate(-50%,-50%);position: absolute;z-index: 2;} .idxFive .wrap{padding: 0 15%;} .idxFive .container .swiper-slide:hover{transform: scale(1);} .idxFive .container .swiper-slide:hover a img{height: 80px;} .idxFive .container .swiper-slide::after{width: 304px;height: 100%;content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%); opacity: 0;transition: 0.5s;border-radius: 15px;} .idxFive .container .swiper-slide:nth-child(1)::after{background: url(/dmjs_images/fivebg.jpg) center no-repeat;} .idxFive .container .swiper-slide:nth-child(2)::after{background: url(/dmjs_images/001.jpg) center no-repeat;} .idxFive .container .swiper-slide:nth-child(3)::after{background: url(/dmjs_images/002.jpg) center no-repeat;} .idxFive .container .swiper-slide:nth-child(4)::after{background: url(/dmjs_images/003.jpg) center no-repeat;} .idxFive .container .swiper-slide:nth-child(5)::after{background: url(/dmjs_images/004.jpg) center no-repeat;} .idxFive .container .swiper-slide:nth-child(6)::after{background: url(/dmjs_images/005.jpg) center no-repeat;} .idxFive .container .swiper-slide:nth-child(7)::after{background: url(/dmjs_images/006.jpg) center no-repeat;} .idxFive .container .swiper-slide:hover::after,.idxFive .container .swiper-slide.on::after{opacity: 1;} /* 新闻 */ .newsSwiper dl{align-items: inherit;transition: 0.3s;} .newsSwiper dt{width: 45%;} .newsSwiper dt a{padding-bottom: 65%;} .newsSwiper dd{width:55% ;padding: 30px;box-sizing: border-box;background: #fff;} .newsSwiper dd .title i{color: #EB7E31;margin-right: 10px;} .newsSwiper dd .time{color: #8D8D8D;margin: 5px 0 19px;display: block;} .newsSwiper dd .textAll{color: #666666;} .newsSwiper dl:hover dd .title{color: #2FBDEB;} .newsSwiper dl:hover dt a{transform: scale(1.05);} .newsSwiper .btn{width: 55%;padding: 0 30px;position: absolute;right: 0;bottom: 30px;box-sizing: border-box;z-index: 2;} .newsSwiper .btn .dmui-arrow{border: 2px solid #2FBDEB;width: 38px;height: 38px;border-radius: 50%;filter: brightness(0) invert(0.7);} .newsSwiper .btn .dmui-arrow:before{width: 21%;height: 21%;border-width: 2px;} .newsSwiper .btn .dmui-arrow{margin-left: 30px;} .newsSwiper .btn .dmui-arrow:hover{filter:none ;} .newsSwiper .btn .swiper-pagination{margin-top: 15px;} .newsSwiper .btn .swiper-pagination span{width: 10px;height: 10px;background: #CCC;opacity: 1;margin-left: 15px;} .newsSwiper .btn .swiper-pagination span:first-child,.newsSwiper .btn .dmui-arrow:first-child{margin-left: 0;} .newsSwiper .btn .swiper-pagination span.swiper-pagination-bullet-active{background: #2FBDEB;} .listNews dl{padding: 25px 0 ;position: relative;} .listNews dt.time{width: 150px;border-left: 1px solid #D6E2EA;} .listNews dt.img{width: 288px;margin-right: 30px;} .listNews dt.img a{padding-bottom: 162px;border-radius: 5px;} .listNews dt .fz60{font-size: 60px;letter-spacing: -4px;font-family: "DINCond-Medium";} .listNews dt .data{font-family: "DINCond-Medium";color: #585858;} .listNews dt .year{color: #2E2E2E;margin-top: 24px;opacity: 0.8;} .listNews dd{width: calc(100% - 288px - 180px);padding-right: 30px;box-sizing: border-box;} .listNews dd .title{color: #2E2E2E;line-height: 2;margin-bottom: 12px;} .listNews dd .textAll{color: #585858;} .listNews dd .more{transition: 0.3s; position: relative;padding-right: 40px;line-height: 2;color: #009AD3;filter: brightness(0) invert(0.6);margin-top: 27px;display: inline-block;overflow: hidden;} .listNews dd .more::after{width: 23px;height: 9px;background: url(/dmjs_images/ay/right.svg) no-repeat;content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .listNews dl:hover dd .more{filter: none;} .listNews dl:hover dd .title{color: #009AD3;} .listNews dl:hover,.listSolu li:hover{box-shadow: 0 8px 25px rgba(39,99,169,0.2);} .listNews dl:hover dt.img a{transform: translateY(5px);} span{transition: 0.3s;} .listNews{padding-top: 50px;} /* */ .contNews {align-items: inherit;} .contNews .contNewLeft{width:64.8%;} .contNews .contEm{border-bottom: 1px solid #D6E2EA;color: #8D8D8D;padding-top: 28px;padding-bottom: 17px;} .contNews .contEm .laiyuan span{position: relative;padding-left: 30px;margin-left: 40px;} .contNews .contEm .laiyuan span:first-child{margin-left: 0;} .contNews .contEm .laiyuan span img{position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .contNews .contEm .foot_share a{margin-left: 12px;} .contNews .contEm .foot_share a img{display: block;} .contNews .contWrap{padding: 30px 0 80px;color: #2E2E2E;} .contNews .contWrap img,.contNews .contWrap table,.contNews .contWrap iframe,.contNews .contWrap video{max-width: 100%;height: auto;} .contNews .contWrap table {border-collapse: collapse;} .contNews .contWrap table td{border: 1px solid #fff;} .contPage{line-height: 2;border-top: 1px solid #D6E2EA;padding-top: 40px;color: #666;} .contPage a{color: #2E2E2E;font-weight: bold;} .contPage a:hover{color: #009AD3;} .contNews .contNewRight{width: 32%;} .contNewRight dl{padding: 26px 0;border-bottom: 1px solid #D6E2EA;position: relative;} .contNewRight dl::after,.listNews dl::after{width: 0;height: 2px;content: '';background: #2FBDEB;position: absolute;left: 0;bottom: -1px;transition: 0.3s;} .contNewRight dl dt{width: 160px;} .contNewRight dl dt a{padding-bottom: 90px;border-radius: 5px;} .contNewRight dl dd{width: calc(100% - 182px);} .contNewRight dl dd a .title{color: #2E2E2E;font-weight: 500;line-height: 1.5;} .contNewRight dl dd a .time{color: #8D8D8D;line-height: 2;margin-top: 10px;} .contNewRight dl:hover::after,.listNews dl:hover::after{width: 100%;} .contNewRight dl:hover dd .title{color: #2FBDEB;} /* 产品 */ .listProOne .wrap .item{margin-top: 45px;} .listProOne .wrap .item:first-child,.listProOne .wrap ul:first-child,.listProTwo .wrap .item:first-child{margin-top: 0;} .listProOne .wrap .title{position: relative;padding-left: 68px;} .listProOne .wrap .title img{position: absolute;left: 0;top:0;filter: brightness(0) invert(0.2);transition: 0.3s;} .listProOne .wrap .title a:hover{color: #009AD3;} .listProOne .wrap .title:hover img{filter: none;} .listProOne .wrap .textAll{color: #585858;font-weight: 300;} .listProOne .wrap .gray{padding: 20px;margin-top: 30px;} .listProOne .wrap ul{background: #fff;margin-top: 20px;} .listProOne .wrap ul li {position: relative;padding-left: 40px;color: #009AD3;margin: 0 40px;line-height: 66px;filter: brightness(0) invert(0.2);transition: 0.3s;} .listProOne .wrap ul li img{position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 24px;} .listProOne .wrap ul li:hover,.listProTwo .wrap ul li:hover{filter: none;} .listProTwo .wrap ul{background: #fff;flex-wrap: wrap;padding: 20px 0;margin-top: 30px;} .listProTwo .wrap ul li{margin-left: 30px;width: calc(33.3% - 30px);color: #009AD3;transition: 0.3s; filter: brightness(0) invert(0.2);line-height: 42px;padding-left: 66px;position: relative;box-sizing: border-box;margin-top: 20px;margin-bottom: 20px;} .listProTwo .wrap ul li img{position: absolute;left: 0;top: 0;width: 44px;} .listProTwo .wrap .item{margin-top: 60px;} /* 产品详情 */ .proBanner{height: 510px; color: #fff;padding-top: 130px;box-sizing: border-box;} .proBanner .textAll{font-weight: 300;width: 50%;margin: 30px 0 40px;} .proBanner a{display: block;margin-bottom: 60px; width: 128px;height: 48px;border-radius: 4px;background: #EB7E31;line-height: 48px;color: #fff;} .proBanner a:hover{box-shadow: 0 0 15px rgba(255,255,255,0.5);} .contProOne{margin-top: -83px;position: relative;z-index: 2;background: #fff;border-radius: 5px;box-shadow: 0 8px 25px rgba(39,99,169,0.2);padding: 30px 40px;box-sizing: border-box;} .contProOne .title{font-weight: 500;margin-bottom: 12px;width: 60%;} .contProOne .textAll{font-weight: 300;width: 60%;} .contProOne .btn{position: absolute;right: 40px;top: 50%;transform: translateY(-50%);} .contProOne .btn a{width: 128px;height: 48px;border: 1px solid #EB7E31;color: #EB7E31;display: block;line-height: 48px;float: left;border-radius: 5px;} .contProOne .btn a:first-child{margin-right: 20px;} .contProOne .btn a:hover{box-shadow: 0 0 15px rgba(235,126,49,0.5);background: #EB7E31;color: #fff;} .nyTitle{margin-bottom: 60px;} .contProTwo .wrap,.contProThree dl{margin-top: 40px;} .contProThree dl dd{width: 32.8%;} .contProThree dl dd img{max-height: 305px;width: 90%;text-align: center;} .contProThree dl dt{width: 60%;} .contProThree dl dt .title{margin-bottom: 20px;} .contProThree dl dt .textAll{color: #585858;} .contProThree dl:nth-child(even){flex-direction:row-reverse;} .contProFour{background-image: url(/dmjs_images/ay/cProBg.jpg);} .ColorWhite{color: #fff;} .contProFour .container .swiper-slide{transition: 0.3s; background: #fff;border-radius: 5px;} .contProFour .container .swiper-slide dt img{display: block;margin: auto;max-height: 100%;} .contProFour .container .swiper-slide dt{padding: 33px 0 25px;height: 134px;} .contProFour .container .swiper-slide dd{padding: 0 30px 33px ;} .contProFour .container .swiper-slide dd .title{margin-bottom: 9px;} .contProFour .container .swiper-slide dd .textAll{color: #585858;height: 224px;overflow-y: auto;padding-right: 5px;} /* 滚动条自定义 */ .contProFour .container .swiper-slide dd .textAll::-webkit-scrollbar {width: 3px; background-color: #fff; } .contProFour .container .swiper-slide dd .textAll::-webkit-scrollbar-track{background-color: #E4E4E4; } .contProFour .container .swiper-slide dd .textAll::-webkit-scrollbar-thumb{background-color: #2FBDEB; } .contProFour .container .swiper-slide:hover {box-shadow: 0 0 25px rgba(255,255,255,0.9);} .contProFour .swiper-pagination,.contSoluTw0 .swiper-pagination,.soluThreeSwiper .swiper-pagination{position: inherit;bottom: 0;margin-top: 40px;} .contProFour .swiper-pagination span,.contSoluTw0 .swiper-pagination span,.soluThreeSwiper .swiper-pagination span{width: 40px;height: 5px;background: #fff;opacity: 1;border-radius: 0;cursor: pointer;} .contProFour .swiper-pagination span.swiper-pagination-bullet-active,.contSoluTw0 .swiper-pagination span.swiper-pagination-bullet-active,.soluThreeSwiper .swiper-pagination span.swiper-pagination-bullet-active{background: #EB7E31;} /* 解决方案 */ .listSolu ul{flex-wrap: wrap;} .listSolu li{width: calc((100% - 42px) / 3); height: 436px;margin-top: 30px;margin-left: 20px;border: 1px solid #D6E2EA;box-sizing: border-box;border-top-left-radius: 5px;border-top-right-radius: 5px;overflow: hidden;} .listSolu li:nth-child(3n+1){margin-left: 0;} .listSolu li .img{position: relative;padding-bottom: 39%;border-top-left-radius: 5px;border-top-right-radius: 5px;overflow: hidden;} .listSolu li .img::after{width: 100%;height: 100%;background: #004E80;opacity: 0.6;content: '';position: absolute;left: 0;top: 0;} .listSolu li .img .ico{position: absolute;z-index: 2;padding-left: 44px;color: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);} .listSolu li .img .ico img{position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .listSolu li .textAll{margin: 18px 30px; color: #585858;} .listSolu li .wrap{padding: 0 30px;} .listSolu li .wrap a{margin-top: 20px;padding-left: 14px;position: relative;line-height: 32px;display: block;padding-right: 30px;} .listSolu li .wrap a::before{width: 6px;height: 6px;border-radius: 50%;background: #EB7E31;left: 0;top: 13px;} .listSolu li .wrap a::after{background: url(/dmjs_images/ay/right.svg);right: 0;top: 13px;width: 23px;height: 9px;opacity: 0;} .listSolu li .wrap a::after,.listSolu li .wrap a::before{content: '';position: absolute;transition: 0.3s;} .listSolu li .wrap a:hover{color: #2FBDEB;} .listSolu li .wrap a:hover::before{background: #2FBDEB;} .listSolu li .wrap a:hover::after{opacity: 1;} .fw300{font-weight: 300;} /* 解决方案详情 */ .Jnbanner{padding: 168px 0 108px;} .Jnbanner .textAll{width: 67%;} .contSoluTw0 .wrap {margin-top: 40px;} .contSoluTw0 .wrap:first-child{margin-top: 0;} .contSoluTw0 .wrap .textAll{color: #686768;} .soluSwiper{margin-top: 60px;} .soluSwiper .img{padding-bottom: 65%;} .soluSwiper .title{padding: 20px 0 8px;} .soluSwiper .swiper-pagination span,.soluThreeSwiper .swiper-pagination span{background: #D9D9D9;} .soluSwiper .swiper-slide{padding-top: 90px;} .soluSwiper .swiper-slide-active .img{transform: scale(1.3) translateY(-12%);transition: 0.3s;} .contSoluThree{} .contSoluThree::after{width: 100%;background: url(/dmjs_images/ay/soluThreebg.jpg) center no-repeat;background-size: cover; height: 75%;content: '';position: absolute;bottom: 0;left: 0;} .soluThreeSwiper dt{width: 42.5%;} .soluThreeSwiper dt .textAll{margin-top: 40px;line-height: 1.5;height: 192px;} .soluThreeSwiper dd{width: 50%;position: relative;} .soluThreeSwiper dd:after{content: '';position: absolute;right: 30px;top: 30px;width: 44px;height: 44px;background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGZpbGwtb3BhY2l0eT0iLjIiIGZpbGw9IiMwMDAiIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCIgcng9IjIiLz48cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTM0IDIwdjE0SDIwTTEwIDI0VjEwaDE0Ii8+PC9nPjwvc3ZnPg==");background-size: 100% 100%;pointer-events: none;} .soluThreeSwiper .swiper-pagination{margin-top: 20px;} .soluThreeSwiper dl{position: relative;display: flex;justify-content: space-between;padding-top: 115px;} .soluThreeSwiper .swiper-slide{padding-top:50px;} .contSoluThree .nyTitle{position: absolute;left: 0;top: 0;} /* 新闻列表 */ .list_news_txt{padding: 40px 0;} .list_news_txt ul{width: 100%;} .list_news_txt ul span{max-width: calc(100% - 110px);font-weight: bold;} .list_news_txt ul i{color: #666;} .list_news_txt ul li a{border-bottom: 1px dashed #ddd;padding: 15px 0;} .overscroll{overflow-y: auto;} .overscroll::-webkit-scrollbar {width: 6px; background-color: #fff; border-radius: 5px; } /*瀹氫箟婊氬姩鏉¤建閬? 鍐呴槾褰?+鍦嗚*/ .overscroll::-webkit-scrollbar-track{background-color: #eee; border-radius: 5px; } /*瀹氫箟婊戝潡 鍐呴槾褰?+鍦嗚*/ .overscroll::-webkit-scrollbar-thumb{background-color: #5dbdeb; border-radius: 5px; } .searchNull{text-align: center;} .searchNull img{max-width: 400px;} @media screen and (max-width: 1700px){ .idxFive .container .swiper-slide::after{width: 254px;} .idxFive .wrap{padding: 0 12%;} } @media screen and (max-width: 1600px){ .idxFive .wrap{padding: 0 9.5%;} .idxFive .container .swiper-slide::after{width: 204px;} } @media screen and (max-width: 1400px){ .idxFive .wrap{padding: 0 10%;} } @media screen and (max-width: 1200px){ .banner .img{padding-bottom: 65%;} .banner .swiper-slide .w1280 .textAll{margin: 20px 0;width: 80%;} .idxTwo .wrap{padding: 25px;} .idxFour .box .item{padding-bottom: 40%;} .contNews .contEm .laiyuan span{margin-left: 10px;} .listProOne .wrap ul li{margin: 0 10px;} .soluThreeSwiper .swiper-slide{padding-top: 50px;} .soluThreeSwiper dd{top: 0;} .idxFive .container .swiper-slide a{height: 300px;} .soluThreeSwiper dt .textAll{min-height: 240px;} } @media screen and (max-width: 1080px){ .idxFive .container .swiper-slide::after{width: 150px;} .idxFive .wrap{padding: 0 4%;} } @media screen and (max-width: 991px){ .idxTwo, .idxFour, .idxFive{padding: 50px 0;} .idxTitle{margin-bottom: 40px;padding-bottom: 10px;} .fz48{font-size: 32px;} .idxTitle .en,.idxFour .box .item .hover .hoverLeft .banMore,.listSolu li .wrap a{margin-top: 10px;} .idxFour .box .item .now .img{margin-top: 10px;height: 70px;} .idxFour .box .item .now .img img{height: 70px;} .idxFour .box .item .hover h5{margin-bottom: 0;} .idxFour .box .item.on .hover{padding: 20px 20px 20px 28px;} .banMore a{width: 120px;height: 35px;line-height: 35px;} .banMore a span{padding-right: 20px;} .idxFive .container .swiper-slide a{height: 300px;} .newsSwiper dt a{padding-bottom: 76%;} .newsSwiper .btn .dmui-arrow{width: 20px;height: 20px;} .newsSwiper .btn .swiper-pagination{margin-top: 0;} .newsSwiper .btn .dmui-arrow{margin-left: 10px;} .newsSwiper .btn{bottom: 15px;} .newsSwiper dd .time{margin: 0 0 5px;} .newsSwiper dd{padding: 20px ;} .padding80{padding: 40px 0;} .textAll{line-height: 1.7;} .listNews dt.time,.contEm .foot_share,.listSolu li .wrap a::after{display: none;} .listNews dd{width: calc(100% - 328px);} .contNewRight dl{flex-wrap: wrap;} .contNewRight dl dt a{padding-bottom: 55%;} .contNewRight dl dt{margin-bottom: 10px;} .contNewRight dl dd,.contNewRight dl dt{width: 100%;} .listProTwo .wrap ul li{padding-left: 40px;line-height: 33px;margin-left: 15px;width: calc(33.3% - 15px);} .listProTwo .wrap ul li img{width: 33px;} .proBanner .textAll{width: 100%;} .contProOne .textAll{width: calc(100% - 300px);} .listSolu li .textAll{margin: 13px 15px;} .listSolu li .wrap{padding: 0 15px;} .listSolu li .wrap a{padding-right: 0;} .soluThreeSwiper dd{top: auto;bottom: 0;padding-bottom: 40%;} .contSoluThree::after{height: 100%;background-size: cover;} .contSoluThree .nyTitle{z-index: 2;color: #fff;position: relative;left: auto;top: auto;} .soluThreeSwiper .swiper-slide,.soluThreeSwiper dt{padding-top: 0;} .soluThreeSwiper dt .textAll{min-height: auto;} .soluThreeSwiper dl{padding-top: 0;} .contProFour .container .swiper-slide dd .textAll{height: 170px;} } @media screen and (max-width: 760px){ .idxOne,.idxTwo .wrapLeft .banMore{margin-top: 30px;} .banner .swiper-pagination{bottom: 10px;} .banner .swiper-slide .w1280 h2{font-size: 18px;} .banner .swiper-slide .w1280 .textAll{margin: 10px 0;} .idxOne .w1280 .item{width: 100%;padding: 15px;} .idxOne .w1280 .item .img{left: 15px;} .idxOne .w1280 .item .img img,.idxOne .w1280 .item .hot img{width: 20px;} .idxOne .w1280 .item a{padding-left: 30px;} .idxOne .w1280 .item .hot{top: 20px;} .idxTwo, .idxFour, .idxFive,.idxThree{padding: 30px 0;} .idxTitle,.proBanner a{margin-bottom: 20px;} .idxTwo .wrap{padding: 15px;} .idxTwo .wrapLeft,.newsSwiper dt,.newsSwiper dd,.contNews .contNewLeft,.contNews .contNewRight,.contProOne .title,.contProOne .textAll,.Jnbanner .textAll,.soluThreeSwiper dt{width: 100%;} .idxTwo .wrapLeft h2{font-size: 20px;margin-bottom: 0;} .idxTwo .wrapLeft ul li{width: 50%;margin-top: 20px;padding-left: 35px;} .idxThree .banMore a,.contProOne .btn,.contSoluTw0 .swiper-pagination, .soluThreeSwiper .swiper-pagination{margin-top: 20px;} .idxThree .fz44{font-size: 20px;} .idxFour .box{display: block;padding-top: 0;} .idxFour .box .item.on .hover,.idxFour .box .item .now .more,.idxFive .container .bg,.idxTwo .wrapRight,.idxOne::after,.soluThreeSwiper dd{display: none;} .idxFour .box .item.on .now{opacity: 1;visibility: visible;} .idxFour .box .item.on,.idxFour .box .item{width: 25%;float: left;} .idxFour .box .item .now h6{font-size: 16px;font-weight: normal;} .idxFive .container{overflow: hidden;} .idxFive .container .swiper-slide a{height: auto;} .idxFive .container .swiper-slide a .box{position: relative;transform: none;left: 0;top: 0;} .idxFive .container .swiper-slide{transform: scale(1);} .idxFive .container .swiper-slide a img,.listProOne .wrap .title img{height: 30px;} .idxFour .box .item.on{box-shadow: none;} .banner .swiper-slide .w1280{top: 60%;} .idxTitle .en{margin-top: 0;font-size: 26px;} .idxTitle .cn,.contTitle{line-height: 1.5;} .idxTitle{padding-bottom: 15px;} .disflex{flex-wrap: wrap;} .listNews{padding-top: 15px;} .contNews .contWrap{padding-bottom: 30px;} .contPage,.contNews .contNewRight{padding-top: 30px;} .listProTwo .wrap ul li{width: calc(50% - 15px);} .listProOne .wrap ul{flex-wrap: wrap;justify-content: inherit;padding: 10px 0;} .listProOne .wrap ul li{padding-left: 30px;margin: 0 0 0 15px;width: calc(50% - 15px);box-sizing: border-box;line-height: 40px;} .listProOne .wrap .item1 ul:last-child li{width: 100%;line-height: 1.5;} .listProTwo .wrap ul li{line-height: 1.5;margin-top: 10px;margin-bottom: 10px;} .listProTwo .wrap .item,.soluSwiper{margin-top: 30px;} .listProOne .wrap .title{padding-left: 40px;} .proBanner .textAll{margin: 20px 0;} .proBanner{background-position: right center;padding:100px 0;height: 450px;} .contProOne .btn{position: inherit;top: auto;right: auto;transform: none;display: flex;} .contProOne .btn a,.proBanner a{line-height: 38px;height: 38px;} .nyTitle{margin-bottom: 20px;} .contProFour .container .swiper-slide dd .textAll{min-height: inherit;} .listSolu li{width: calc((100% - 20px) / 2);margin-left: 0;} .listSolu li:nth-child(odd){margin-right: 20px;} .Jnbanner{padding: 120px 0 60px;} .Jnbanner .fz36{font-size: 20px;} .soluSwiper .swiper-slide-active .img{transform: scale(1);} .soluSwiper .swiper-slide{padding-top: 0;} .soluThreeSwiper dt .textAll{margin-top: 0;} .contProFour .swiper-pagination span, .contSoluTw0 .swiper-pagination span, .soluThreeSwiper .swiper-pagination span{width: 20px;} .idxFive .wrap{padding: 0 5%;} .idxFour .box .item .now .img{max-width: 80%;margin:10px auto 0;} .idxFive .container .swiper-slide::after{display: none;} .listProOne .wrap ul li img{height: 17px;} .listProTwo .wrap ul li img{width: 24px;} } @media screen and (max-width: 640px){ .banner .img{padding-bottom: 90%;} .newsSwiper dt a{padding-bottom: 65%;} .newsSwiper .btn,.listNews dd,.listNews dt.img,.contProThree dl dd,.contProThree dl dt,.listSolu li{width: 100%;} .newsSwiper dd{padding-bottom: 50px;} .listNews dl,.contNewRight dl{padding: 15px 0;} .listNews dt.img{margin-right: 0;margin-bottom: 10px;} .listNews dt.img a{padding-bottom: 55%;} .listNews dd .more,.contProThree dl dd,.contProThree dl{margin-top: 15px;} .contNews .contEm .laiyuan span{display: block;margin-left: 0;} .contNews .contEm{padding: 5px 0 10px;} .contProOne{padding: 20px;} .contProThree dl dt .title{margin-bottom: 5px;} .contProThree dl dd img{max-height: inherit;width: 70%;display: block;margin: auto;} .contProFour .container .swiper-slide dd{padding: 0 20px 20px;} .listSolu li:nth-child(odd){margin-right: 0;} .listSolu li{height: auto;padding-bottom: 20px;} .fw300{font-weight: inherit;} }