/*特殊字体*/ @font-face{ font-family:"OSB"; src: url("/static/font/OSWALD-BOLD.TTF") format("opentype"); } /* @font-face{ font-family:"GM"; src: url("/static/font/Gilroy-Medium.otf") format("opentype"); } @font-face{ font-family:"GR"; src: url("/static/font/GILROY-REGULAR.OTF") format("opentype"); } @font-face{ font-family:"GBO"; src: url("/static/font/GILROY-BOLD.WOFF.TTF") format("opentype"); } @font-face{ font-family:"GBL"; src: url("/static/font/GILROY-BLACK-6.OTF") format("opentype"); } @font-face{ font-family:"GLI"; src: url("/static/font/GILROY-LIGHT-11.OTF") format("opentype"); } */ @font-face{ font-family:"GM"; src: url("/static/font/Poppins-Medium.ttf"); } @font-face{ font-family:"GR"; src: url("/static/font/Poppins-Regular.ttf"); } @font-face{ font-family:"GBO"; src: url("/static/font/Poppins-Bold.ttf"); } @font-face{ font-family:"GBL"; src: url("/static/font/Poppins-Black.ttf"); } @font-face{ font-family:"GLI"; src: url("/static/font/Poppins-Light.ttf"); } .text-line,[text-line]{overflow:hidden; text-overflow:ellipsis; display:-webkit-box !important; -webkit-box-orient:vertical; -webkit-line-clamp:3;} .text-line.line1,[text-line][line1]{-webkit-line-clamp:1;} .text-line.line3,[text-line][line3]{-webkit-line-clamp:3;} .text-line.line4,[text-line][line4]{-webkit-line-clamp:4;} .text-line.line5,[text-line][line5]{-webkit-line-clamp:5;} @-webkit-keyframes moveRightIn{50%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}51%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes moveRightIn{50%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}51%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}} @-webkit-keyframes moveDownIn{50%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}51%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes moveDownIn{50%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}51%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}} #header{width: 200px;height: 100%;background: #fff;z-index: 5;box-shadow: 5px 0 20px 0px rgba(0,0,0,.1);display: flex;justify-content: space-between;flex-direction: column;} #header .logo{width: auto;height: auto;margin: 75px auto;display: flex;justify-content: center;} #header .nav{padding-left: 45px;} #header .nav .one-nav{margin-bottom: 30px;line-height: 18px;} #header .nav .one-nav a{font-size: 14px;color: #333;font-family: "GM";} #header .nav .one-nav.cur a{font-family: "GBL";} #header .nav .one-nav:hover a{font-family: "GBL";} #header .nav .one-nav .two-nav{padding-top: 20px;} #header .nav .one-nav .two-nav > div{margin-bottom: 20px;} #header .nav .one-nav .two-nav .two-a{font-size: 14px;color: #d0d0d0;font-family: "GM";border-bottom: 2px solid transparent;} #header .nav .one-nav .two-nav .two-a.cur{color: #0099FF;border-bottom: 2px solid #0099FF;} #header .nav .one-nav .two-nav .two-a:hover{color: #0099FF;border-bottom: 2px solid #0099FF;} #header .nav .one-nav.cur .two-nav{display:block;} #header .email{width: 20px;height: 15px;margin: 50px auto 40px;} #header .diqiu{width: 19px;height: 16px;margin: 0 auto;} #header .more-btn{border: 1px solid #333;margin: 20px auto 0;width: 170px;height: 50px;line-height: 50px;display: none;} #header .more-btn span{/*font-size: 14px;*/color: #333;font-family:"GBL";position: relative;z-index: 2; font-size:26px;} #header .more-btn:hover{border-color: transparent;color: #fff;} #header .more-btn:hover span{color: #fff;} /* 鼠标上移按钮背景变化效果 */ #header .hover-back{position: relative;} #header .hover-back::after{content: "";position: absolute;width: 100%;height: 100%;background: #333;left: 0;top: 0;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;z-index: 1;} #header .hover-back:hover::after{transform: scaleX(1);transform-origin: left;background: #333;} #header .share-box{margin: 50px 0;margin-top: 40px;display: flex;justify-content: center;} #header .share-box .share{width: 22px;height: 17px; padding: 0 15px;} #header .share-box .share.share1{background: url(../../../images/share1.png) no-repeat center;} #header .share-box .share.share2{background: url(../../../images/share2.png) no-repeat center;} #header .share-box .share.share3{background: url(../../../images/share3.png) no-repeat center;} #header .share-box .share.share4{background: url(../../../images/share4.png) no-repeat center;} #header.inner .logo{margin: 39px auto 79px;} #header.inner .nav .one-nav .two-nav{padding-top: 40px;} #header.inner .nav .one-nav .two-nav > div{margin-bottom: 30px;} #header.inner .nav .one-nav .two-nav .two-a{font-size: 14px;color: #d0d0d0;font-family: "GM";border-bottom: 2px solid transparent;line-height: 24px;} #header.inner .nav .one-nav .two-nav .two-a.cur{color: #0099FF;border-bottom: 2px solid #0099FF;} #header.inner .nav .one-nav .two-nav .two-a:hover{color: #0099FF;border-bottom: 2px solid #0099FF;} #header.inner .more-btn{display: block;} #header.inner .email{margin-top: 50px;} #header .change-lang.minheight{display:none;} #m-header{display: none;} #m-header .change-lang{background: #fff; width: 250px; left: 50%; margin-left:-125px; line-height: 1.8; top:65px;} #m-header .change-lang a{font-size:30px;} #m-header .change-lang.open{display:block;} #go-top{bottom: 20%;right: 20px;width: 60px;height: 60px;background: url(../../../images/top1.jpg) no-repeat center center/60px;z-index: 1000; opacity: 0;} #go-top.cur{ opacity: 1;} @media (max-width: 1100px){ #m-header-blank{height: 60px;} #header{display: none;} #m-header{display: block;width: 100%;height: 60px;background: #fff;left: 0;top: 0;z-index: 99;box-shadow: 0 0 30px 0 rgba(0,0,0,.1)} #m-header .logo{width: 60px;height: 34px;margin-top: 5px;} #m-header .logo img{width: 100%;} #m-header .email{width: 20px;height: 15px;margin: 23px 0 0 20px;} #m-header .diqiu{width: 19px;height: 16px;margin: 23px 0 0 0;} #m-header .nav-icon{width: 20px;height: 20px;background: url(../../../images/gengduo.png) no-repeat center;margin: 20px 0 0 20px;background-size: cover;} #m-header .nav-icon.cur{background: url(../../../images/guanbi.png) no-repeat center;} #m-header .m-nav{width: 100%;left: 0;right: 0;top: 60px;background: #fff;z-index: 99;overflow-y: auto;box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);height: 0;} #m-header .m-nav.cur{height: 800px;} #m-header .m-nav .nav{width: 90%;margin: 0 auto;} #m-header .m-nav .nav .one-nav{line-height: 60px;border-bottom: 1px solid #ebebeb;background: url(../../../images/down-icon1.png) no-repeat right 25px;} #m-header .m-nav .nav .one-nav.nobg{background: none;} #m-header .m-nav .nav .one-nav.cur{background: url(../../../images/top-icon.png) no-repeat right 25px;} #m-header .m-nav .nav .one-nav.cur.nobg{background: none;} #m-header .m-nav .nav .one-nav .one-a{font-family: "GBL";} #m-header .m-nav .nav .one-nav .two-nav{width: 100%;padding-left: 30px;} #m-header .m-nav .nav .one-nav .two-nav .two-a.on{color: #0099FF;border-bottom: 2px solid #0099FF;} } @media (max-width: 750px){ #m-header-blank{height: 100px;} #m-header{height: 100px;} #m-header .cw90{ height: 100%;} #m-header .logo{ display: flex; margin-top: 0; width: 250px; height: 100%;} #m-header .logo img{width: auto;max-height:88px;} #m-header .diqiu{width: 36px;height: 36px;margin-top: 35px;} #m-header .diqiu img{width: 100%;} #m-header .email{width: 36px;height: 36px;margin: 35px 0 0 40px;} #m-header .email img{width: 100%;} #m-header .nav-icon{width: 36px;height: 36px;margin: 32px 0 0 40px;} #m-header .m-nav{top: 100px;} #m-header .m-nav .nav .one-nav{line-height: 80px;} #m-header .m-nav .nav .one-nav a{font-size: 26px;} #m-header .m-nav .nav .one-nav .one-a{font-size: 26px;} #m-header .m-nav .nav .one-nav .two-nav .two-a{font-size: 26px;} } @media (max-height: 880px){ #header .logo{margin: 35px 0;} #header .email{margin: 30px auto 20px;} #header .share-box{margin: 20px auto;} #header .change-lang.minheight{display: black;position: absolute;bottom: 25px;width:50px;left: 50%;background:#fff;transform: translateX(-50%);} #header .change-lang.maxheight{display: none;} } #banner{width: calc(100% - 200px);margin-left: 200px;} #banner .li{} #banner .li .text .tit{font-size: 60px;color: #fff;font-family: "OSB";margin-bottom: 56px;line-height: 1.4;} #banner .li .text .more span{font-size: 22px;color: #fff;font-family: "OSB";padding-left: 0;} #banner .li .text .more span i{display: none;left: 0;top: 50%;margin-top: -6px;-webkit-transform-origin: right center;transform-origin: right center;background: url(../../../images/more-icon1.png) no-repeat center;width: 14px;height: 12px;} #banner .li .text .more:hover span i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;} #banner .index-next{position: absolute;right: 10%;bottom: 12%;z-index: 2;cursor: pointer;} #banner .index-next:hover{transform: translateX(30%);} #banner .index-prev{position: absolute;left: 4%;bottom: 12%;z-index: 2;cursor: pointer;} #banner .index-prev:hover{transform: translateX(-30%);} @media (max-width: 1100px){ #banner{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #banner .li .text .more span{font-size: 30px;} } #ind-news{width: calc(100% - 200px);margin-left: 200px;padding: 150px 0 170px;background: #f9f9f9;} #ind-news .title{font-size: 60px;color: #444;font-family: "OSB";} #ind-news .content{margin-top: 60px;} #ind-news .content .li{margin-bottom: 70px;overflow: visible;} #ind-news .content .li .pic{width: 47.794%;padding-top: 24.044%;} #ind-news .content .li .text{width: 52.206%;padding-left: 5.147%;} #ind-news .content .li .text .tit{font-size: 24px;color: #444;font-family: "OSB";} #ind-news .content .li .text .tit .tag{min-width: 52px;height: 20px;line-height: 20px;font-size: 12px;color: #fff;font-family: "OSB";margin: -3px 20px 0 0;background: #444;} #ind-news .content .li .text .brief{font-size: 16px;color: #333;line-height: 1.875;max-height: 120px;margin: 40px 0;font-family: "GR";/*text-align: justify;*/} #ind-news .content .li .text .more{} #ind-news .content .li .text .more i{left: 0;top: 50%;margin-top: -6px;-webkit-transform-origin: right center;transform-origin: right center;background: url(../../../images/more-icon2.png) no-repeat center;width: 14px;height: 12px;} #ind-news .content .li:hover .text .more i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;} #ind-news .more-btn{border: 1px solid #333;margin: 20px auto 0;width: 170px;height: 50px;line-height: 50px;} #ind-news .more-btn span{font-size: 14px;color: #333;font-family:"GM";position: relative;z-index: 2;} #ind-news .more-btn:hover{border-color: transparent;color: #fff;} #ind-news .more-btn:hover span{color: #fff;} /* 鼠标上移按钮背景变化效果 */ #ind-news .hover-back{position: relative;} #ind-news .hover-back::after{content: "";position: absolute;width: 100%;height: 100%;background: #333;left: 0;top: 0;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;z-index: 1;} #ind-news .hover-back:hover::after{transform: scaleX(1);transform-origin: left;background: #333;} @media (max-width: 1366px){ #ind-news .content .li .text .brief{margin: 30px 0;} } @media (max-width: 1280px){ #ind-news .content .li .text .brief{margin: 20px 0;} } @media (max-width: 1100px){ #ind-news{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #ind-news .content .li{display: block;width: 100%;margin-bottom: 100px;} #ind-news .content .li .pic{width: 100%;padding-top: 50.23%;} #ind-news .content .li .text{width: 100%;margin-top: 30px;padding-left: 0;} #ind-news .content .li .text .tit{font-size: 36px;} #ind-news .content .li .text .tit .tag{font-size: 24px;height: 36px;line-height: 36px;padding: 0 15px;margin-top: -5px;} #ind-news .content .li .text .brief{font-size: 28px;max-height: none;} #ind-news .content .li .text .more i{width: 20px;height: 20px;background-size: 20px;} #ind-news .more-btn span{font-size: 26px;} } #ind-solution{width: calc(100% - 200px);margin-left: 200px;padding: 60px 0 90px;} #ind-solution .top{margin-bottom: 85px;} #ind-solution .top .title{font-size: 60px;color: #444;font-family: "OSB";} #ind-solution .top .desc{width: 50%;font-size: 16px;color: #333;font-family: "GR";line-height: 1.875;margin-left: 50px;/*text-align: justify;*/} #ind-solution .content{width: 89.534%;} #ind-solution .content .li .pic{width: 100%;padding-top: 64.591%;} #ind-solution .content .li .tit{font-size: 24px;color: #fff;font-family: "OSB";bottom: 0;left: 0;width: 100%;padding: 0 90px 0 30px;height: 85px;line-height: 85px;background: rgba(51,51,51,.5);} #ind-solution .content .li .tit i{right: 35px;top: 50%;margin-top: -6px;-webkit-transform-origin: right center;transform-origin: right center;background: url(../../../images/more-icon1.png) no-repeat center;width: 14px;height: 12px;} #ind-solution .content .li .brief{font-size: 16px;color: #333;font-family: "GR";margin-top: 30px;line-height: 1.875;max-height: 60px;/*text-align: justify;*/} #ind-solution .content .li:hover .tit{background: rgba(51,51,51,.9);} #ind-solution .content .li:hover .tit i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;} #ind-solution .content .swiper-pagination{text-align: center;left: 0;margin-top: 20px;justify-content: center;z-index: 2;} #ind-solution .content .swiper-pagination .swiper-pagination-bullet {margin: 0 10px;width: 10px; height: 10px; background: #444; opacity: 1s;} #ind-solution .content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #234295;} @media (max-width: 1680px){ #ind-solution .content{width: 96%;} } @media (max-width: 1100px){ #ind-solution{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #ind-solution .top{display: block;width: 100%;} #ind-solution .top .desc{width: 100%;margin-left: 0;font-size: 28px;margin-top: 30px;} #ind-solution .content .li .tit{font-size: 30px;} #ind-solution .content .li .tit i{width: 20px;height: 20px;background-size: 20px;} #ind-solution .content .li .brief{font-size: 26px;max-height: none;} } #ind-hot-products{width: calc(100% - 200px);margin-left: 200px;} #ind-hot-products .li{} #ind-hot-products .li .text .tag{font-size: 18px;color: #fff;font-family: "OSB";} #ind-hot-products .li .text .tit{font-size: 60px;color: #fff;font-family: "OSB";margin: 25px 0 60px;line-height: 1.4;} #ind-hot-products .li .text .brief{font-size: 16px;color: #fff;font-family: "GLI";margin-bottom: 60px;line-height: 1.875;width: 35.294%;/*text-align: justify;*/} /* #ind-hot-products .li .text .more span{font-size: 18px;color: #fff;font-family: "OSB";padding-left: 28px;} #ind-hot-products .li .text .more span i{left: 0;top: 50%;margin-top: -6px;-webkit-transform-origin: right center;transform-origin: right center;background: url(/images/more-icon1.png) no-repeat center;width: 14px;height: 12px;} #ind-hot-products .li:hover .text .more span i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;} */ #ind-hot-products .index-next{position: absolute;right: 10%;bottom: 12%;z-index: 2;cursor: pointer;} #ind-hot-products .index-next:hover{transform: translateX(30%);} #ind-hot-products .index-prev{position: absolute;left: 4%;bottom: 12%;z-index: 2;cursor: pointer;} #ind-hot-products .index-prev:hover{transform: translateX(-30%);} #ind-hot-products .li .text .more span{font-size: 22px;color: #fff;font-family: "OSB";padding-left: 0;} #ind-hot-products .li .text .more span i{display: none;left: 0;top: 50%;margin-top: -6px;-webkit-transform-origin: right center;transform-origin: right center;background: url(../../../images/more-icon1.png) no-repeat center;width: 14px;height: 12px;} @media (max-width: 1440px){ #ind-hot-products .li .text .brief{width: 40%;} } @media (max-width: 1440px){ #ind-hot-products .li .text .tit{margin-bottom: 30px;} #ind-hot-products .li .text .brief{width: 60%;} } @media (max-width: 1100px){ #ind-hot-products{width: 100%;margin-left: 0;} #ind-hot-products .li .text .brief{width: 100%;} } @media (max-width: 750px){ #ind-hot-products .li .text .tag{font-size: 30px;} #ind-hot-products .li .text .brief{font-size: 28px;} #ind-hot-products .li .text .more span i{width: 20px;height: 20px;background-size: 20px;} } .ind-products{width: calc(100% - 200px);margin-left: 200px;background: #f9f9f9;} .ind-products .box{padding: 140px 0 100px;} /*.ind-products .box:nth-child(1){padding-bottom: 0;}*/ .ind-products:nth-child(2) .box{padding-bottom: 0;} .ind-products .box .title{font-size: 60px;color: #444;font-family: "OSB";} .ind-products .box .content{margin-top: 60px;} .ind-products .box .content .li{background: #fff;width: 49.265%;margin: 0 1.47% 20px 0;padding: 60px 95px;} .ind-products .box .content .li:nth-child(2n){margin-right: 0;} .ind-products .box .content .li .pic{width: 100%;padding-top: 88.888%;overflow: hidden;} .ind-products .box .content .li .tit-box{height: 64px;/*overflow-y: hidden;*/} .ind-products .box .content .li .tit-box .tit{font-size: 30px;color: #444;font-family:"OSB";margin-right: 10px;} .ind-products .box .content .li .tit-box .desc{font-size: 16px;color: #444;font-family:"GM";} .ind-products .box .content .li .brief{margin: 30px 0 25px;font-size: 16px;color: #333;line-height: 1.875;height: 90px;opacity: .7;/*text-align: justify;*/} .ind-products .box .content .li .more i{left: 0;top: 50%;-webkit-transform-origin: right center;transform-origin: right center;background: url(../../../images/more-icon2.png) no-repeat center;width: 14px;height: 12px;} .ind-products .box .content .li:hover{box-shadow: 0 0 30px 0 rgba(0,0,0,.1);} .ind-products .box .content .li:hover .more i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;} .ind-products .box .more-btn{border: 1px solid #333;margin: 80px auto 0;width: 170px;height: 50px;line-height: 50px;} .ind-products .box .more-btn span{font-size: 14px;color: #333;font-family:"GM";position: relative;z-index: 2;} .ind-products .box .more-btn:hover{border-color: transparent;color: #fff;} .ind-products .box .more-btn:hover span{color: #fff;} /* 鼠标上移按钮背景变化效果 */ .ind-products .box .hover-back{position: relative;} .ind-products .box .hover-back::after{content: "";position: absolute;width: 100%;height: 100%;background: #333;left: 0;top: 0;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;z-index: 1;} .ind-products .box .hover-back:hover::after{transform: scaleX(1);transform-origin: left;background: #333;} @media (max-width: 1366px){ .ind-products .box .content .li{padding: 40px 30px;} } @media (max-width: 1100px){ .ind-products{width: 100%;margin-left: 0;} } @media (max-width: 750px){ .ind-products .box .content .li{float: none;width: 100%;} .ind-products .box .content .li .tit-box{height: auto;} .ind-products .box .content .li .tit-box .tit{display: block;width: 100%;font-size: 42px;} .ind-products .box .content .li .tit-box .desc{font-size: 28px;} .ind-products .box .content .li .brief{font-size: 28px;height: auto;} .ind-products .box .content .li .more i{width: 20px;height: 20px;background-size: 20px;} .ind-products .box .more-btn span{font-size: 26px;} } #ind-software{width: calc(100% - 200px);margin-left: 200px;padding: 150px 0;} #ind-software .title{font-size: 60px;color: #444;font-family:"OSB";} #ind-software .top{margin-top: 60px;} /*#ind-software .top .pic{width: 66.176%;padding-top: 36.765%;} #ind-software .top .text{width: 30.515%;}*/ #ind-software .top .pic{width: 47.794%;padding-top: 24.044%;} #ind-software .top .text{width: 52.206%;padding-left: 5.147%;} #ind-software .top .text .tit{font-size: 30px;color: #444;font-family:"OSB";} #ind-software .top .text .brief{font-size: 16px;color: #333;line-height: 1.875;font-family:"GR";margin: 40px 0;/*max-height: 270px;*/height: 150px;/*text-align: justify;*/} #ind-software .top .text .more i{left: 0;top: 50%;-webkit-transform-origin: right center;transform-origin: right center;background: url(../../../images/more-icon2.png) no-repeat center;width: 16px;height: 14px;background-size: cover;} #ind-software .top:hover .text .more i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;} #ind-software .bot{margin-top: 42px;} #ind-software .bot .li{width: 31.25%;margin-right: 3.125%;} #ind-software .bot .li:nth-child(3n){margin-right: 0;} #ind-software .bot .li .pic{width: 100%;padding-top: 70.588%;} #ind-software .bot .li .pic .text{background: rgba(70,70,70,.9);left: 0;top: 0;font-size: 16px;color: #fff;font-family:"GR";line-height: 1.875;padding: 0 15px;/*display: none;*/opacity: 0;} #ind-software .bot .li .tit{font-size: 24px;color: #444;font-family:"OSB";margin-top: 45px;padding-right: 30px;} /*#ind-software .bot .li .tit i{right: 0;top: 50%;-webkit-transform-origin: right center;transform-origin: right center;background: url(/images/more-icon2.png) no-repeat center;width: 14px;height: 12px;}*/ #ind-software .bot .li .tit i{-webkit-transform-origin: right center;transform-origin: right center;background: url(../../../images/more-icon2.png) no-repeat center;width: 16px;height: 14px;position: static;margin-top: 13px;margin-left: 18px;background-size: cover;} #ind-software .bot .li:hover .tit i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;} #ind-software .bot .li:hover .pic .text{/*display: flex;*//*opacity: 1;*/} @media (max-width: 1100px){ #ind-software{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #ind-software .top{display: block;width: 100%;} #ind-software .top .pic{width: 100%;padding-top: 55.555%;} #ind-software .top .text{width: 100%;margin-top: 30px;} #ind-software .top .text .tit{font-size: 42px;} #ind-software .top .text .brief{font-size: 28px;/*max-height: none;*/height: auto;} #ind-software .top .text .more i{width: 20px;height: 20px;background-size: 20px;} #ind-software .bot .li{float: none;width: 100%;margin-bottom: 60px;} #ind-software .bot .li:last-child{margin-bottom: 0;} #ind-software .bot .li .tit{font-size: 36px;} #ind-software .bot .li .tit i{width: 20px;height: 20px;background-size: 20px;} } #ind-about{width: calc(100% - 200px);margin-left: 200px;padding: 240px 0 225px;background-size: cover !important;} #ind-about .title{font-size: 60px;color: #fff;font-family:"OSB";margin-bottom: 55px;} #ind-about .brief{width: 50%;font-size: 16px;color: #fff;font-family:"GR";line-height: 1.875;/*text-align: justify;*/} #ind-about .video{padding-left: 15px;} #ind-about video{ width: 100%; max-height: 100%; border-radius: 15px; box-shadow: 5px 15px 25px rgba(0,0,0,.25); object-fit: cover; } #ind-about .content{margin-top: 60px;} #ind-about .content .item{margin-right: 90px;} #ind-about .content .item .data .num{font-size: 48px;color: #fff;font-family:"GBO";} #ind-about .content .item .tit{font-size: 16px;color: #fff;font-family:"GR";} #ind-about .more-btn{border: 1px solid #fff;margin: 60px auto 0;width: 170px;height: 50px;line-height: 50px;} #ind-about .more-btn span{font-size: 14px;color: #fff;font-family:"GM";position: relative;z-index: 2;} #ind-about .more-btn:hover{border-color: #999;color: #fff;} #ind-about .more-btn:hover span{color: #fff;} #ind-about .more-btn.is-end{display:none;} @media (max-width: 1440px){ #ind-about{padding: 140px 0 125px;} } @media (max-width: 1280px){ #ind-about .brief{width: 100%;} } @media (max-width: 1100px){ #ind-about{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #ind-about{padding: 100px 0;} #ind-about .brief{font-size: 28px;width: 100%;} #ind-about .content .item{margin-bottom: 20px;} #ind-about .content .item .tit{font-size: 26px;} } .nyr_text { font-size: 16px; line-height: 2; color: #333; font-family: GR; } #ind-value{width: calc(100% - 200px);margin-left: 200px;padding: 150px 0 120px; background: #f9f9f9;} #ind-value .title{font-size: 60px;color: #444;font-family:"OSB";margin-bottom: 55px;} #ind-value .content{/*background: url(../../../images/ind-value-bg.png) no-repeat right top;*/display: flex;flex-wrap: wrap;} #ind-value .content .li{width: 48%;margin-right: 4%;margin-bottom: 60px;} #ind-value .content .li:nth-child(2n){margin-right: 0;} #ind-value .content .li .top{margin-bottom: 20px;} #ind-value .content .li .top .icon{width: 44px;height: 52px;} #ind-value .content .li .top .tit{font-size: 24px;color: #444;font-family:"OSB";margin-left: 25px;} #ind-value .content .li .brief{font-size: 16px;color: #444;font-family:"GR";line-height: 1.875;/*text-align: justify;*/} @media (max-width: 1440px){ #ind-value .content{background-size: 500px;} } @media (max-width: 1100px){ #ind-value{width: 100%;margin-left: 0;} #ind-value .content{background-size: 400px;} #ind-value .content .li{width: 40%;} } @media (max-width: 750px){ #ind-value{padding: 100px 0;} #ind-value .content{background: none;} #ind-value .content .li{width: 100%;} #ind-value .content .li .top .tit{font-size: 36px;} #ind-value .content .li .brief{font-size: 28px;} } #ind-honor{width: calc(100% - 200px);margin-left: 200px;padding-bottom: 180px; background: #f9f9f9;} #ind-honor .title{font-size: 60px;color: #444;font-family:"OSB";margin-bottom: 65px;} #ind-honor .content{display: flex;flex-wrap: wrap;} #ind-honor .content .li{width: 22.794%;margin: 0 2.941% 40px 0;} #ind-honor .content .li:nth-child(4n){margin-right: 0;} #ind-honor .content .li .pic{width: 100%;padding-top: 140.95092%;} #ind-honor .more-btn{border: 1px solid #333;margin: 60px auto 0;width: 170px;height: 50px;line-height: 50px;} #ind-honor .more-btn span{font-size: 14px;color: #333;font-family:"GM";position: relative;z-index: 2;} #ind-honor .more-btn:hover{border-color: transparent;color: #fff;} #ind-honor .more-btn:hover span{color: #fff;} #ind-honor .more-btn.is-end{display:none;} /* 鼠标上移按钮背景变化效果 */ #ind-honor .hover-back{position: relative;} #ind-honor .hover-back::after{content: "";position: absolute;width: 100%;height: 100%;background: #333;left: 0;top: 0;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;z-index: 1;} #ind-honor .hover-back:hover::after{transform: scaleX(1);transform-origin: left;background: #333;} @media (max-width: 1100px){ #ind-honor{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #ind-honor{padding-bottom: 100px;} #ind-honor .content .li{width: 49%;margin-right: 2%;} #ind-honor .content .li:nth-child(2n){margin-right: 0;} #ind-honor .more-btn span{font-size: 26px;} } #ind-cooper{width: calc(100% - 200px);margin-left: 200px;padding: 150px 0 100px;} #ind-cooper .title{font-size: 60px;color: #444;font-family:"OSB";margin-bottom: 50px;} #ind-cooper .desc{width: 60.088%;font-size: 16px;color: #444;font-family:"GR";line-height: 1.875;} #ind-cooper .content{margin-top: 60px;} #ind-cooper .content .li{width: 30.882%;margin: 0 3.677% 40px 0;} #ind-cooper .content .li:nth-child(3n){margin-right: 0;} #ind-cooper .content .li .icon{width: 56px;height: 56px;} #ind-cooper .content .li .tit{font-size: 24px;color: #444;font-family:"OSB";margin: 20px 0 18px;} #ind-cooper .content .li .brief{font-size: 16px;color: #444;font-family:"GR";line-height: 1.875;} @media (max-width: 1100px){ #ind-cooper{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #ind-cooper{padding: 100px 0;} #ind-cooper .desc{width: 100%;font-size: 28px;} #ind-cooper .content .li{float: none;width: 100%;margin-right: 0;} #ind-cooper .content .li .tit{font-size: 36px;} #ind-cooper .content .li .brief{font-size: 28px;} } #ind-join{width: calc(100% - 200px);margin-left: 200px;padding: 150px 0 100px;background: #f9f9f9;} #ind-join .title{font-size: 60px;color: #444;font-family:"OSB";margin-bottom: 65px;} #ind-join .content{} #ind-join .content .li{width: 18.015%;margin: 0 2.48125% 40px 0;} #ind-join .content .li:nth-child(5n){margin-right: 0;} #ind-join .content .li .pic{width: 100%;padding-top: 126.531%;background: #fff;border-top: 3px solid #444;margin-bottom: 25px;} #ind-join .content .li .tit-box{} #ind-join .content .li .tit-box .num{font-size: 24px;color: #444;font-family:"OSB";margin-right: 20px;} #ind-join .content .li .tit-box .tit{font-size: 18px;color: #444;font-family:"GR";} #ind-join .top .more-btn{border: 1px solid #333;width: 170px;height: 50px;line-height: 50px;margin-top: 30px;} #ind-join .top .more-btn span{font-size: 14px;color: #333;font-family:"GM";position: relative;z-index: 2;} #ind-join .top .more-btn:hover{border-color: transparent;color: #fff;} #ind-join .top .more-btn:hover span{color: #fff;} /* 鼠标上移按钮背景变化效果 */ #ind-join .top .hover-back{position: relative;} #ind-join .top .hover-back::after{content: "";position: absolute;width: 100%;height: 100%;background: #333;left: 0;top: 0;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;z-index: 1;} #ind-join .top .hover-back:hover::after{transform: scaleX(1);transform-origin: left;background: #333;} @media (max-width: 1100px){ #ind-join{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #ind-join .top .more-btn span{font-size: 26px;} #ind-join .content .li{float: none;width: 100%;margin-right: 0;} #ind-join .content .li .pic{padding-top: 25%;} #ind-join .content .li .tit-box .num{font-size: 36px;} #ind-join .content .li .tit-box .tit{font-size: 30px;} } /* #join-form{width: 900px;height: 100%;background: #2d2d2d;right: -100%;top: 0;padding: 160px 100px;overflow-y: auto;z-index: 100;} #join-form.show{right: 0;} #join-form::-webkit-scrollbar{width: 0; height: 0; color: transparent;} #join-form .close{width: 44px;height: 43px;background: url(/images/close-icon.png) no-repeat center;top: 60px;right: 60px;} #join-form .title{font-size: 48px;color: #fff;font-family:"OSB";} #join-form .title span::after{content: "";position: absolute;width: 100%;height: 6px;background: #009ce1;left: 0;bottom: 10px;z-index: -1;} #join-form .form-box{margin-top: 115px;} #join-form .form-box .input-box{width: 100%;margin-bottom: 50px;} #join-form .form-box .input-box .input{padding: 0 20px 30px 20px;border-bottom: 1px solid #fff;opacity: .5;font-size: 16px;color: #fff;} #join-form .form-box .input-box .input:focus{opacity: 1;} #join-form .form-box .submit{width: 170px;height: 50px;line-height: 50px;font-size: 14px;color: #fff;font-family:"GM";background: rgba(255,255,255,.1);} */ #ind-service{width: calc(100% - 200px);margin-left: 200px;padding: 400px 0;background-size: cover !important;} #ind-service .title{font-size: 60px;color: #fff;font-family:"OSB";margin-bottom: 55px;} #ind-service .brief{width: 50%;font-size: 16px;color: #fff;font-family:"GR";line-height: 1.875;} @media (max-width: 1100px){ #ind-service{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #ind-service .brief{width: 100%;font-size: 28px;} } #ind-faq{width: calc(100% - 200px);margin-left: 200px;padding: 145px 0 160px;background: #f9f9f9;} #ind-faq .title{font-size: 60px;color: #444;font-family:"OSB";margin-bottom: 15px;} #ind-faq .content{overflow: visible !important;} #ind-faq .content .li{padding: 40px 0;border-bottom: 1px solid #e5e5e5;} #ind-faq .content .li .q{margin-bottom: 25px;} #ind-faq .content .li .q .q1{font-size: 24px;color: #444;font-family:"GBO";width: 40px;} #ind-faq .content .li .q .q2{font-size: 16px;color: #444;font-family:"GBO";width: calc(100% - 40px);margin-top: 5px;} #ind-faq .content .li .a{} #ind-faq .content .li .a .a1{font-size: 24px;color: #444;font-family:"GBO";opacity: .5;width: 40px;} #ind-faq .content .li .a .a2{font-size: 16px;color: #444;font-family:"GR";opacity: .5;line-height: 1.875;width: calc(100% - 40px);margin-top: 2px;padding-right: 100px;} #ind-faq .content .li:hover{background: #fff;width: calc(100% + 76px);padding: 40px 38px;transform: translateX(-38px);box-shadow: 0 0 50px 0px rgba(0,0,0,.1);} #ind-faq .more-btn{border: 1px solid #333;width: 170px;height: 50px;line-height: 50px;margin: 90px auto 0;} #ind-faq .more-btn.is-end{display: none;} #ind-faq .more-btn span{font-size: 14px;color: #333;font-family:"GM";position: relative;z-index: 2;} #ind-faq .more-btn:hover{border-color: transparent;color: #fff;} #ind-faq .more-btn:hover span{color: #fff;} /* 鼠标上移按钮背景变化效果 */ #ind-faq .hover-back{position: relative;} #ind-faq .hover-back::after{content: "";position: absolute;width: 100%;height: 100%;background: #333;left: 0;top: 0;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;z-index: 1;} #ind-faq .hover-back:hover::after{transform: scaleX(1);transform-origin: left;background: #333;} @media (max-width: 1100px){ #ind-faq{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #ind-faq{padding: 100px 0;} #ind-faq .content .li .q .q1{width: 60px;font-size: 36px;} #ind-faq .content .li .q .q2{width: calc(100% - 60px);font-size: 28px;} #ind-faq .content .li .a .a1{width: 60px;font-size: 36px;} #ind-faq .content .li .a .a2{width: calc(100% - 60px);font-size: 28px;margin-top: 0;} #ind-faq .more-btn span{font-size: 26px;} } #ind-download{width: calc(100% - 200px);margin-left: 200px;padding: 40px 0;} #ind-download .title{font-size: 60px;color: #444;font-family:"OSB";margin-bottom: 65px;} #ind-download .content{display: flex;flex-wrap: wrap;} #ind-download .content .li{width: 27.206%;margin: 0 9.191% 70px 0;padding: 20px 75px 25px 25px;background: url(/images/download-icon4.jpg) no-repeat right bottom #f9f9f9;} #ind-download .content .li:nth-child(3n){margin-right: 0;} #ind-download .content .li .icon{width: 58px;height: 58px;margin-bottom: 25px;} #ind-download .content .li .tit{font-size: 16px;color: #333;font-family:"GBO";line-height: 1.875;} #ind-download .content .li .down{font-size: 14px;color: #333;font-family:"GR";margin-top: 30px;} #ind-download .content .li .down span{padding-left: 25px;} #ind-download .content .li .down span i{left: 0;top: 50%;margin-top: -6px;-webkit-transform-origin: right center;transform-origin: right center;background: url(/images/download-icon2.png) no-repeat center;width: 12px;height: 14px;} #ind-download .content .li:hover .down span i{-webkit-animation: moveDownIn 1s 1;animation: moveDownIn 1s 1;} #ind-download .content .li:hover{background: url(/images/download-icon3.jpg) no-repeat right bottom #fff;box-shadow: 0 0 30px 0 rgba(0,0,0,.1);} #ind-download .more-btn{border: 1px solid #333;width: 170px;height: 50px;line-height: 50px;margin: 20px auto 0;} #ind-download .more-btn.is-end{display: none;} #ind-download .more-btn span{font-size: 14px;color: #333;font-family:"GM";position: relative;z-index: 2;} #ind-download .more-btn:hover{border-color: transparent;color: #fff;} #ind-download .more-btn:hover span{color: #fff;} /* 鼠标上移按钮背景变化效果 */ #ind-download .hover-back{position: relative;} #ind-download .hover-back::after{content: "";position: absolute;width: 100%;height: 100%;background: #333;left: 0;top: 0;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;z-index: 1;} #ind-download .hover-back:hover::after{transform: scaleX(1);transform-origin: left;background: #333;} @media (max-width: 1440px){ #ind-download .content .li{width: 29.206%;margin-right: 6.191%;} } @media (max-width: 1440px){ #ind-download .content .li{width: 31.206%;margin-right: 3.191%;} } @media (max-width: 1100px){ #ind-download{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #ind-download .content .li{width: 100%;} #ind-download .content .li .tit{font-size: 28px;} #ind-download .content .li .down{font-size: 26px;} #ind-download .content .li .down span{padding-left: 40px;} #ind-download .content .li .down span i{width: 20px;height: 22px;background-size: 18px;} #ind-download .more-btn span{font-size: 26px;} } #ind-rd{width: calc(100% - 200px);margin-left: 200px;padding: 40px 0;} #ind-rd .title{font-size: 60px;color: #444;font-family:"OSB";margin-bottom: 65px;} #ind-rd .content{display: flex;flex-wrap: wrap;} #ind-rd .content .li{width: 27.206%;min-height:120px;margin: 0 9.191% 70px 0;padding: 20px 75px 25px 25px;background: url(../../../images/download-icon4.jpg) no-repeat right bottom #81baff;} #ind-rd .content .li:nth-child(3n){margin-right: 0;} #ind-rd .content .li .icon{width: 58px;height: 58px;margin-bottom: 25px;} #ind-rd .content .li .tit{font-size: 20px;color: #fff;font-family:"GBO";line-height: 1.875;} #ind-rd .content .li .down{font-size: 15px;color: #fff;font-family:"GR";margin-top: 30px;} #ind-rd .content .li .down span{padding-left: 25px;} #ind-rd .content .li .down span i{left: 0;top: 50%;margin-top: -6px;-webkit-transform-origin: right center;transform-origin: right center;background: url(../../../images/download-icon2.png) no-repeat center;width: 12px;height: 14px;} #ind-rd .content .li:hover .down span i{-webkit-animation: moveDownIn 1s 1;animation: moveDownIn 1s 1;} #ind-rd .content .li:hover{background: url(../../../images/download-icon3.jpg) no-repeat right bottom #234295;box-shadow: 0 0 30px 0 rgba(0,0,0,.1);} #ind-rd .more-btn{border: 1px solid #333;width: 170px;height: 50px;line-height: 50px;margin: 20px auto 0;} #ind-rd .more-btn.is-end{display: none;} #ind-rd .more-btn span{font-size: 14px;color: #333;font-family:"GM";position: relative;z-index: 2;} #ind-rd .more-btn:hover{border-color: transparent;color: #fff;} #ind-rd .more-btn:hover span{color: #fff;} /* 鼠标上移按钮背景变化效果 */ #ind-rd .hover-back{position: relative;} #ind-rd .hover-back::after{content: "";position: absolute;width: 100%;height: 100%;background: #333;left: 0;top: 0;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;z-index: 1;} #ind-rd .hover-back:hover::after{transform: scaleX(1);transform-origin: left;background: #333;} @media (max-width: 1440px){ #ind-rd .content .li{width: 29.206%;margin-right: 6.191%;} } @media (max-width: 1440px){ #ind-rd .content .li{width: 31.206%;margin-right: 3.191%;} } @media (max-width: 1100px){ #ind-rd{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #ind-rd .content .li{width: 100%;} #ind-rd .content .li .tit{font-size: 28px;} #ind-rd .content .li .down{font-size: 26px;} #ind-rd .content .li .down span{padding-left: 40px;} #ind-rd .content .li .down span i{width: 20px;height: 22px;background-size: 18px;} #ind-rd .more-btn span{font-size: 26px;} } #ind-contact{width: calc(100% - 200px);margin-left: 200px;padding: 110px 0;background-size: cover !important;} #ind-contact .title{font-size: 60px;color: #fff;font-family:"OSB";margin-bottom: 95px;} #ind-contact .content{} #ind-contact .content .left{width: 26.103%;} #ind-contact .content .left .item{margin-bottom: 40px;} #ind-contact .content .left .item .tit{font-size: 16px;color: #fff;font-family: "OSB";padding-left: 45px;line-height: 50px;} #ind-contact .content .left .item .brief{font-size: 16px;color: #fff;font-family: "GR";line-height: 1.875;padding-left: 45px;} #ind-contact .content .right{width: 63.235%;} #ind-contact .content .right .input-box{width: 49%;margin-bottom: 80px;} #ind-contact .content .right .input{padding: 0 20px 30px 20px;border-bottom: 1px solid #fff;opacity: .5;font-size: 16px;color: #fff;} #ind-contact .content .right .input:focus{opacity: 1;} #ind-contact .content .right .share-box{margin-left: 20px;margin-top: 15px;} #ind-contact .content .right .share-box .share{width: 22px;height: 17px;} #ind-contact .content .right .share-box .share.share1{background: url(../../../images/share1.png) no-repeat center;} #ind-contact .content .right .share-box .share.share2{background: url(../../../images/share2.png) no-repeat center;} #ind-contact .content .right .share-box .share.share3{background: url(../../../images/share3.png) no-repeat center;} #ind-contact .content .right .share-box .share.share4{background: url(../../../images/share4.png) no-repeat center;} #ind-contact .content .right .link{font-size: 12px;color: #fff;opacity: .5;margin-left: 30px;margin-top: 15px;} #ind-contact .content .right .link a{font-size: 12px;color: #fff;opacity: .5;margin: 0 8px 0 3px;} #ind-contact .content .right .link a:hover{opacity: 1;} #ind-contact .content .right .copyright{font-size: 12px;color: #fff;opacity: .5;margin-top: 15px;} #ind-contact .content .right .more-btn{border: 1px solid #fff;width: 170px;height: 50px;line-height: 50px;} #ind-contact .content .right .more-btn span{font-size: 14px;color: #fff;font-family:"GM";position: relative;z-index: 2;} #ind-contact .content .right .more-btn:hover{border-color: transparent;color: #fff;} #ind-contact .content .right .more-btn:hover span{color: #fff;} /* 鼠标上移按钮背景变化效果 */ #ind-contact .content .right .hover-back{position: relative;} #ind-contact .content .right .hover-back::after{content: "";position: absolute;width: 100%;height: 100%;background: #333;left: 0;top: 0;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;z-index: 1;} #ind-contact .content .right .hover-back:hover::after{transform: scaleX(1);transform-origin: left;background: #333;} @media (max-width: 1100px){ #ind-contact{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #ind-contact{padding: 100px 0;} #ind-contact .content .left{float: none;width: 100%;} #ind-contact .content .right{float: none;width: 100%;margin-top: 60px;} #ind-contact .content .left .item .tit{font-size: 28px;} #ind-contact .content .left .item .brief{font-size: 28px;} #ind-contact .content .right .input-box{font-language-override: none;width: 100%;} #ind-contact .content .right .input{font-size: 28px;} #ind-contact .content .right .more-btn span{font-size: 26px;} #ind-contact .content .right .share-box{width: 100%;margin-top: 40px;} #ind-contact .content .right .share-box .share{width: 40px;height: 40px;background-size: cover !important;margin-right: 30px;} #ind-contact .content .right .link{width: 100%;font-size: 24px;margin-top: 30px;} #ind-contact .content .right .link a{font-size: 24px;} #ind-contact .content .right .copyright{font-size: 24px;} #ind-contact .content .right .hover-back{margin: -40px auto 20px;display: block;float: unset;} } #ind-agency{width: calc(100% - 200px);margin-left: 200px;padding-bottom: 180px; background: #f9f9f9;} #ind-agency .title{font-size: 60px;color: #444;font-family:"OSB";margin-bottom: 65px;} #ind-agency .content{display: flex;flex-wrap: wrap;} #ind-agency .content .li{width: 22.794%;margin: 0 2.941% 40px 0;} #ind-agency .content .li:nth-child(4n){margin-right: 0;} #ind-agency .content .li .pic{width: 100%;padding-top: 66.666%;} #ind-agency .more-btn{border: 1px solid #333;margin: 60px auto 0;width: 170px;height: 50px;line-height: 50px;} #ind-agency .more-btn span{font-size: 14px;color: #333;font-family:"GM";position: relative;z-index: 2;} #ind-agency .more-btn:hover{border-color: transparent;color: #fff;} #ind-agency .more-btn:hover span{color: #fff;} #ind-agency .more-btn.is-end{display:none;} /* 鼠标上移按钮背景变化效果 */ #ind-agency .hover-back{position: relative;} #ind-agency .hover-back::after{content: "";position: absolute;width: 100%;height: 100%;background: #333;left: 0;top: 0;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;z-index: 1;} #ind-agency .hover-back:hover::after{transform: scaleX(1);transform-origin: left;background: #333;} @media (max-width: 1100px){ #ind-agency{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #ind-agency{padding-bottom: 100px;} #ind-agency .content .li{width: 49%;margin-right: 2%;} #ind-agency .content .li:nth-child(2n){margin-right: 0;} #ind-agency .more-btn span{font-size: 26px;} } /*产品*/ /*#pro-list{width: calc(100% - 200px); margin-left: 200px; }*/ #pro-list{width: calc(100% - 200px); margin-left: 200px; } #pro-list .part-one{padding: 193px 0 162px; background: url(/static/images/pro-back.png) no-repeat center center;} #pro-list .part-one .top{width: 89.26%; margin: 0 auto; text-align: center;} #pro-list .part-one .top .title{font-size: 60px; line-height: 70px; font-family: "OSB"; color: #444444; background: linear-gradient(#009ce1, #009ce1) no-repeat; background-size: 100% 6px; background-position: 0 65px; display: inline;} #pro-list .part-one .top .brief{ margin: 57px 0 92px; font-size: 16px; line-height: 29px; font-family: "GR"; color: #444444; } /*#pro-list .part-two {padding: 140px 0 150px;}*/ #pro-list .part-two {padding: 0 0 150px;} #pro-list .part-two .title{font-size: 60px; line-height: 70px; font-family: "OSB"; color: #444444; background: linear-gradient(#009ce1, #009ce1) no-repeat; background-size: 100% 6px; background-position: 0 65px; display: inline-block;margin-bottom: 80px;} #pro-list .part-two .box{width: 100%; padding-top: 72px;} #pro-list .part-two .box .cont .main{width: 100% !important;display: flex; justify-content: space-between;} #pro-list .part-two .box .cont .main .left{width: 47.21%;} #pro-list .part-two .box .cont .main .left .cont2{margin-bottom: 23px; /*padding: 60px 0 10px;*/ background: #f9f9f9;} #pro-list .part-two .box .cont .main .left .cont2 .swiper-pagination{text-align: left; left: 17px;} #pro-list .part-two .box .cont .main .left .cont2 .swiper-pagination .swiper-pagination-bullet {margin: 0 10px; background: #cccccc; opacity: 1s;} #pro-list .part-two .box .cont .main .left .cont2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #000;} #pro-list .part-two .box .cont .main .left .accessories {width: 100%; display: flex; justify-content: space-between;} #pro-list .part-two .box .cont .main .left .accessories .item{width: 48.44%; margin-right: 3.6%; padding: 30px 20px; background: #f9f9f9; display: flex; justify-content: center; align-items: center;} #pro-list .part-two .box .cont .main .left .accessories .item:last-child{margin-right: 0;} #pro-list .part-two .box .cont .main .left .accessories .item .name{margin-left: 25px; font-size: 14px; font-family: "GM"; color: #1a1a1a;} #pro-list .part-two .box .cont .main .left .btn{position: absolute;top: 0;width: 20%;height: 100%;display: flex;justify-content: center;align-items: center;opacity: 0;z-index: 2;} #pro-list .part-two .box .cont .main .left .btn:hover{opacity: 1;} #pro-list .part-two .box .cont .main .left .prev{left: 0;background:linear-gradient(to right , rgba(0,0,0,.1), rgba(0,0,0,0));} #pro-list .part-two .box .cont .main .left .next{right: 0;background:linear-gradient(to left , rgba(0,0,0,.1), rgba(0,0,0,0));} #pro-list .part-two .box .cont .main .left .prev img{transform: rotate(180deg);} #pro-list .part-two .box .cont .main .right{width: 49.49%; padding-top: 8px;/*display: flex;*/flex-direction: column;justify-content: space-between;} #pro-list .part-two .box .cont .main .right .name{font-size: 24px; line-height: 40px; font-family: "OSB"; color: #444444; margin-bottom: 13px;} #pro-list .part-two .box .cont .main .right .desc{font-size: 16px; line-height: 30px; font-family: "GR"; color: #444444; margin-bottom: 40px;/*text-align: justify;*/} #pro-list .part-two .box .cont .main .right .desc img{max-width:100%;height:auto;} #pro-list .part-two .box .cont .main .right .icon-list{width: 100%; display: flex; flex-wrap: wrap;} #pro-list .part-two .box .cont .main .right .icon-list .li{width: 32%; margin-right: 2%; padding-bottom: 50px; display: flex; align-items: center;} #pro-list .part-two .box .cont .main .right .icon-list .li:nth-child(3n){margin-right: 0;} #pro-list .part-two .box .cont .main .right .icon-list .li .info{margin-left: 14px;} #pro-list .part-two .box .cont .main .right .icon-list .li .info .p1{font-size: 16px; line-height: 22px; font-family: "OSB"; color: #444444;} #pro-list .part-two .box .cont .main .right .but{ padding: 19px 22px; border: 1px solid #333333; font-size: 14px; font-family: "GM"; color: #333333; } #pro-list .part-two .box .cont .main .right .more-btn{border: 1px solid #333;width: 170px;height: 50px;line-height: 50px;} #pro-list .part-two .box .cont .main .right .more-btn span{font-size: 14px;color: #333;font-family:"GM";position: relative;z-index: 2;} #pro-list .part-two .box .cont .main .right .more-btn:hover{border-color: transparent;color: #fff;} #pro-list .part-two .box .cont .main .right .more-btn:hover span{color: #fff;} /* 鼠标上移按钮背景变化效果 */ #pro-list .part-two .box .cont .main .right .hover-back{position: relative;} #pro-list .part-two .box .cont .main .right .hover-back::after{content: "";position: absolute;width: 100%;height: 100%;background: #333;left: 0;top: 0;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;z-index: 1;} #pro-list .part-two .box .cont .main .right .hover-back:hover::after{transform: scaleX(1);transform-origin: left;background: #333;} #pro-list .part-two .box .btn-box{ /*top: -24%;*/top: 0; right: 0; display: flex; align-items: center;z-index: 10;} #pro-list .part-two .box .btn-box .prev{margin-right: 33px;} #pro-list .part-two .box .btn-box .next{margin-left: 35px;} #pro-list .part-two .box .btn-box .page-list{width: auto; font-size: 30px; font-family: "GBO"; color: #444444;} #pro-list .part-two .box .btn-box .page-list .swiper-pagination-current{font-size: 48px;} @media (max-width: 1366px){ #pro-list .part-two .box .cont .main .right .icon-list .li{padding-bottom: 25px;} } @media (max-width: 1100px){ #pro-list{width: 100%;margin-left: 0;} #pro-list .part-one{padding: 100px 0;} #pro-list .part-two{padding-bottom: 100px;} } @media (max-width: 750px){ #pro-list .part-one .top .brief{font-size: 28px;line-height: 1.875;} #pro-list .part-two .box .cont .main{display: block;} #pro-list .part-two .box .cont .main .left{width: 100%;} #pro-list .part-two .box .cont .main .left .accessories .item .name{font-size: 26px;} #pro-list .part-two .box .cont .main .right{width: 100%;padding-top: 30px;} #pro-list .part-two .box .cont .main .right .name{font-size: 36px;} #pro-list .part-two .box .cont .main .right .desc{font-size: 28px;line-height: 1.875;} #pro-list .part-two .box .cont .main .right .icon-list .li .info .p1{font-size: 24px;line-height: 1.6;} #pro-list .part-two .box .cont .main .right .more-btn{width: 240px;} #pro-list .part-two .box .cont .main .right .more-btn span{font-size: 26px;} #pro-list .part-two .box .btn-box{top: -4%;} #pro-list .part-two .box .btn-box .prev{width: 20px;} #pro-list .part-two .box .btn-box .prev img{width: 100%;} #pro-list .part-two .box .btn-box .next{width: 20px;} #pro-list .part-two .box .btn-box .next img{width: 100%;} } #products-3{width: calc(100% - 200px);margin-left: 200px;padding: 110px 0 90px;background: #f9f9f9;} #products-3 .title{font-size: 60px;line-height: 80px;font-family: OSB;margin-bottom: 60px;color: #444;text-transform: uppercase;} #products-3 .text{font-size: 16px; line-height: 30px; font-family: "GR"; color: #444444; margin-bottom: 40px;/*text-align: justify;*/} #products-3 .text strong{font-size: 18px;} #products-3 .text table{width:100%; font-size:16px; border-color:#e9e9e9;} #products-3 .text table tbody{width:100%;} #products-3 .text table tr:nth-last-child(1){ border-bottom: 1px solid #ebebeb;} #products-3 .text table tr:nth-child(odd){background:#2342950a !important;} #products-3 .text table tr td{padding:12px 12px; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb;} #products-3 .text table tr td:nth-child(1){/*width:20%;*/ border-left: 1px solid #ebebeb;} #products-3 .text table tr td:nth-child(2){padding:12px 12px;} #products-3 .text img{ max-width:100%;height:auto;} #products-3 ul{display: flex;flex-wrap: wrap;} #products-3 ul li{width: calc((100% - 20px)/ 3);margin-right: 10px;} #products-3 ul li:nth-child(3n){margin-right: 0;} #products-3 ul li .pic-frame{width: 100%;position: relative;background: #ccc;} #products-3 ul li .pic-frame:before{content: '';padding-top: 67.11409%;display: block;} #products-3 ul li .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #products-3 ul li .name{font-size: 24px;line-height: 40px;font-family: OSB;margin: 30px 0 10px;} @media (max-width: 1470px){#products-3 .text table{width:100% !important;}} @media (max-width: 1100px){ #products-3{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #products-3 ul li{width: calc((100% - 30px)/ 2);margin-bottom: 30px;margin-right: 30px;} #products-3 ul li:nth-child(3n){margin-right: 30px;} #products-3 ul li:nth-child(2n){margin-right: 0;} #products-3 ul li .name{font-size: 36px;} #products-3 .text{font-size: 28px;line-height: 1.875;overflow-x: auto;} #products-3 .text strong{font-size: 30px;} #products-3 .text table{font-size: 28px;width:100% !important;} #products-3 .text img{width:100%;height:auto; max-width: 100%;} } #products-4{width: calc(100% - 200px);margin-left: 200px;padding: 120px 0 60px;background: #fff;} #products-4 .title{font-size: 60px;line-height: 80px;font-family: OSB;margin-bottom: 60px;color: #444;text-transform: uppercase;} #products-4 ul{display: flex;flex-wrap: wrap;} #products-4 ul .item{width: calc((100% - 60px)/ 2);margin-right: 60px;margin-bottom: 60px;} #products-4 ul .item:nth-child(2n){margin-right: 0;} #products-4 ul .item .pic-frame{width: 100%;position: relative;background: #ccc;} #products-4 ul .item .pic-frame:before{content: '';padding-top: 100%;display: block;} #products-4 ul .item .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #products-4 ul .item .name-box{padding: 40px 0 30px;display: flex;align-items: center;} #products-4 ul .item .name-box .tag{width: 50px;height: 20px;margin-right: 20px;font-family: OSB;font-size: 12px;line-height: 20px;text-align: center;color: #fff;background: #444444;overflow: hidden;} #products-4 ul .item .name-box .name{width: calc(100% - 70px - 32px);overflow: hidden;font-size: 24px;line-height: 35px;height: 70px;color: #444;font-family: OSB;} #products-4 ul .item .name-box .icon{width: 14px;height: 12px;margin-left: 15px;} #products-4 ul .item .name-box .icon i{width: 14px;height: 12px;left: 0;top: 50%;margin-top: -6px;-webkit-transform-origin: right center;transform-origin: right center;background: url(/static/images/icon-youjiantou.png) no-repeat center;} #products-4 ul .item:hover .name-box .icon i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;} #products-4 ul .item .text{font-size: 16px;line-height: 30px;height: 90px;overflow: hidden;/*text-align: justify;*/} @media (max-width: 1100px){ #products-4{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #products-4 ul .item{width: 100%;margin-right: 0;} #products-4 ul .item .name-box .tag{width: 100px;height: 30px;line-height: 30px;font-size: 24px;} #products-4 ul .item .name-box .name{font-size: 36px;line-height: 48px;height: 96px;} #products-4 ul .item .name-box .icon i{width: 20px;height: 20px;background-size: 20px;margin-left: -22px;} #products-4 ul .item .text{font-size: 28px;line-height: 1.875;height: auto;} } /*产品详情*/ #products-details{width: 100%;height: 100vh;background: #2d2d2d;} #products-details>div{width: 100%;height: 100%;} #products-details .content{width: 100%;height: 100%;padding: 150px 125px 160px;} #products-details .content .title{font-size: 48px;line-height: 60px;color: #fff;margin-bottom: 90px;font-family: OSB;} #products-details .content .title>span{position: relative;z-index: 1;} #products-details .content .title>span:before{content: '';width: 100%;height: 6px;background: #009ce1;position: absolute;bottom: 10px;z-index: -1;} #products-details .content ul li{margin-bottom: 80px;} #products-details .content ul li .pic-frame{width: 100%;position: relative;background: #f9f9f9;} #products-details .content ul li .pic-frame:before{content: '';padding-top: 53.92912%;display: block;} #products-details .content ul li .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #products-details .content ul li .name-box{margin: 50px 0 20px;} #products-details .content ul li .name-box>span:first-child{font-size: 30px;color: #f9f9f9;font-family: OSB;margin-right: 10px;} #products-details .content ul li .name-box>span:last-child{font-size: 16px;color: #f9f9f9;font-family: GM;} #products-details .content ul li .text{font-size: 16px;color: #f9f9f9;line-height: 30px;font-family: GR;margin-bottom: 40px;} #products-details .content ul li .btn{width: 170px;height: 50px;line-height: 50px;text-align: center;font-size: 14px;color: #f9f9f9;font-family: GM;background: #424242;} @media (max-width: 750px){ #products-details .content{padding-left: 50px;} #products-details .content ul li .name-box > span{display: block;width: 100%;} #products-details .content ul li .name-box > span:first-child{font-size: 36px;} #products-details .content ul li .name-box > span:last-child{font-size: 28px;} #products-details .content ul li .text{font-size: 28px;line-height: 1.875;} #products-details .content ul li .btn{width: 240px;font-size: 26px;} } /*软件*/ #soft-details{width: calc(100% - 200px); margin-left: 200px; padding-top: 129px;} #soft-details .part-one{padding-bottom: 70px;} #soft-details .part-one .top{width: 100%; margin-bottom: 70px; display: flex; justify-content: space-between; align-items: center;} #soft-details .part-one .top .left {width: 94.93%;} #soft-details .part-one .top .right {width: 1.91%; height: min-content;} #soft-details .part-one .top .left .tit{font-size: 60px; line-height: 70px; font-family: "OSB"; color: #444444; margin-bottom: 53px; background: linear-gradient(#009ce1, #009ce1) no-repeat; background-size: 100% 6px; background-position: 0 65px; display: inline;} #soft-details .part-one .top .left .brief{margin-top: 53px;font-size: 16px; line-height: 31px; font-family: "GR"; color: #444444; } #soft-details .part-two{padding: 140px 0; background: #f9f9f9;} #soft-details .part-two .title{font-size: 60px; line-height: 70px; font-family: "OSB"; color: #444444; margin-bottom: 108px;} #soft-details .part-two .list{width: 100%; display: flex; flex-wrap: wrap;} #soft-details .part-two .list .item{width: 28.68%; margin-right: 6.47%; margin-bottom: 4%;} #soft-details .part-two .list .item:nth-of-type(3n){margin-right: 0;} #soft-details .part-two .list .item .icon{margin-bottom: 20px;} #soft-details .part-two .list .item .name{font-size: 24px; line-height: 40px; font-family: "OSB"; color: #444444; margin-bottom: 12px;} #soft-details .part-two .list .item .info{font-size: 16px; line-height: 30px; font-family: "GR"; color: #444444;} #soft-details .part-third{padding: 150px 0;} #soft-details .part-third .list .item{width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px;} #soft-details .part-third .list .item:last-child{margin-bottom: 0;} #soft-details .part-third .list .item .pic{width: 50.15%;} #soft-details .part-third .list .item .left{width: 45.07%;} #soft-details .part-third .list .item .left .name{font-size: 36px; line-height: 50px; font-family: "OSB"; color: #444444; margin-bottom: 31px;} #soft-details .part-third .list .item .left .info{font-size: 16px; line-height: 30px; font-family: "GLT"; color: #444444;} @media (max-width: 1100px){ #soft-details{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #soft-details .part-one .top{display: block;} #soft-details .part-one .top .left{width: 100%;} #soft-details .part-one .top .left .brief{font-size: 28px;line-height: 1.875;} #soft-details .part-one .top .right{width: 100%;margin-top: 30px;} #soft-details .part-two{padding: 100px 0;} #soft-details .part-two .title{margin-bottom: 60px;} #soft-details .part-two .list .item{width: 100%;margin-right: 0;} #soft-details .part-two .list .item .name{font-size: 36px;} #soft-details .part-two .list .item .info{font-size: 28px;line-height: 1.875;} #soft-details .part-third{padding: 100px 0;} #soft-details .part-third .list .item{display: block;} #soft-details .part-third .list .item .pic{width: 100%;} #soft-details .part-third .list .item .left{width: 100%;margin-top: 30px;} #soft-details .part-third .list .item .left .info{font-size: 28px;line-height: 1.875;} } /*新闻*/ #news{width: calc(100% - 200px);margin-left: 200px;padding: 150px 0 170px;background: #f9f9f9;} #news .title{font-size: 60px;line-height: 1;font-family: OSB;margin-bottom: 60px;} #news .content{display: flex;flex-wrap: wrap;} #news .content .item{width: calc((100% - 60px)/ 2);margin-right: 60px;margin-bottom: 60px;} #news .content .item:nth-child(2n){margin-right: 0;} #news .content .item .pic-frame{width: 100%;position: relative;background: #fff;} #news .content .item .pic-frame:before{content: '';padding-top: 66.666%;display: block;} #news .content .item .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #news .content .item .name-box{padding: 40px 0 30px;display: flex;align-items: center;} #news .content .item .name-box .tag{width: 50px;height: 20px;margin-right: 20px;font-family: OSB;font-size: 12px;line-height: 20px;text-align: center;color: #fff;background: #444444;margin-top: 5px;overflow: hidden;} #news .content .item .name-box .name{width: calc(100% - 70px - 32px);overflow: hidden;font-size: 24px;line-height: 30px;color: #444;max-height: 60px;font-family: OSB;} #news .content .item .name-box .icon i{width: 14px;height: 12px;left: 0;top: 50%;margin-top: -6px;-webkit-transform-origin: right center;transform-origin: right center;background: url(/static/images/icon-youjiantou.png) no-repeat center;margin-left: 18px;} #news .content .item:hover .name-box .icon i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;} #news .content .item .text{font-size: 16px;line-height: 30px;height: 90px;overflow: hidden;/*text-align: justify;*/} @media (max-width: 1100px){ #news{width: 100%;margin-left: 0;padding: 100px 0;} } @media (max-width: 750px){ #news .content .item{width: 100%;margin-right: 0;} #news .content .item .name-box .tag{width: 100px;height: 30px;line-height: 30px;font-size: 24px;} #news .content .item .name-box .name{font-size: 36px;line-height: 48px;max-height: 96px;} #news .content .item .name-box .icon i{width: 20px;height: 20px;background-size: 20px;margin-left: -22px;} #news .content .item .text{font-size: 28px;line-height: 1.875;height: auto;text-align: left;} } /*新闻详情*/ #news-details{width: 100%;height: auto;background: #2d2d2d;} #news-details>div{width: 100%;height: 100%;} #news-details .content{width: 100%;height: 100%;padding: 150px 120px 160px;} #news-details .content .name{font-size: 48px;line-height: 60px;color: #fff;margin-bottom: 90px;font-family: OSB;} #news-details .content .name>span{position: relative;z-index: 1;} #news-details .content .name>span:before{content: '';width: 100%;height: 6px;background: #009ce1;position: absolute;bottom: 10px;z-index: -1;} #news-details .content .detail {font-size: 16px;line-height: 2;color: #fff;font-family: GR;margin-bottom: 60px;} #news-details .content .detail *{font-size: 16px;line-height: 2;/*color: #fff;*/font-family: GR;} #news-details .content .pic-frame{width: 100%;position: relative;background: #ccc;margin: 60px 0;} #news-details .content .pic-frame:before{content: '';padding-top: 53.92912%;display: block;} #news-details .content .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #news-details .content .pic-frame .play{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url("/static/images/icon-play.png") center center no-repeat;} #news-details .loading{ display: flex; justify-content: center; align-items: center; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #2A2826;} @media (max-width: 750px){ #news-details .content{padding-left: 50px; padding-right:50px;} } #news-details2{width: calc(100% - 200px);margin-left: 200px;background: #f9f9f9;} #news-details2>div{width: 100%;height: 100%;} #news-details2 .content{width: 100%;height: 100%;padding: 150px 120px 0px;} #news-details2 .content .name{font-size: 48px;line-height: 60px;color: #444444;margin-bottom: 90px;font-family: OSB;} #news-details2 .content .name>span{position: relative;z-index: 1;} #news-details2 .content .name>span:before{content: '';width: 100%;height: 6px;background: #009ce1;position: absolute;bottom: 10px;z-index: -1;} #news-details2 .content .detail {font-size: 16px;line-height: 2;color: #444444;font-family: GR;margin-bottom: 60px;} #news-details2 .content .detail *{font-size: 16px;line-height: 2;/*color: #fff;*/font-family: GR;} #news-details2 .content .pic-frame{width: 100%;position: relative;background: #ccc;margin: 60px 0;} #news-details2 .content .pic-frame:before{content: '';padding-top: 53.92912%;display: block;} #news-details2 .content .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #news-details2 .content .pic-frame .play{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url("/static/images/icon-play.png") center center no-repeat;} #news-details2 .loading{ display: flex; justify-content: center; align-items: center; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #2A2826;} #news-details2 #pop-form .title{color:#444;} @media (max-width: 1100px){ #news-details2{width: 100%;margin-left: 0;padding: 0;} } @media (max-width: 750px){ #news-details2 .content{padding-left: 50px; padding-right:50px;} #news-details2 .content .detail{font-size: 28px;line-height: 1.875;height: auto;text-align: left;} #news-details2 .content .detail *{font-size: 28px;line-height: 1.875;height: auto;} } #honor{width: calc(100% - 200px);margin-left: 200px;padding: 150px 0 170px;background: #f9f9f9;} #honor .title{font-size: 60px;line-height: 1;font-family: OSB;margin-bottom: 60px;} #honor .content{display: flex;flex-wrap: wrap;} #honor .content .item{width: calc((100% - 60px)/ 2);margin-right: 60px;margin-bottom: 60px;} #honor .content .item:nth-child(2n){margin-right: 0;} #honor .content .item .pic-frame{width: 100%;position: relative;background: #ccc;} #honor .content .item .pic-frame:before{content: '';padding-top: 66.66%;display: block;} #honor .content .item .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #honor .content .item .name-box{padding: 40px 0 30px;display: flex;align-items: center;} #honor .content .item .name-box .tag{width: 50px;height: 20px;margin-right: 20px;font-family: OSB;font-size: 12px;line-height: 20px;text-align: center;color: #fff;background: #444444;margin-top: 5px;overflow: hidden;} #honor .content .item .name-box .name{width: calc(100% - 70px - 32px);overflow: hidden;font-size: 24px;line-height: 30px;color: #444;max-height: 60px;font-family: OSB;} #honor .content .item .name-box .icon i{width: 14px;height: 12px;left: 0;top: 50%;margin-top: -6px;-webkit-transform-origin: right center;transform-origin: right center;background: url(/static/images/icon-youjiantou.png) no-repeat center;margin-left: 18px;} #honor .content .item:hover .name-box .icon i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;} #honor .content .item .text{font-size: 16px;line-height: 30px;height: 90px;overflow: hidden;/*text-align: justify;*/} @media (max-width: 1100px){ #honor{width: 100%;margin-left: 0;padding: 100px 0;} } @media (max-width: 750px){ #honor .content .item{width: 100%;margin-right: 0;} #honor .content .item .name-box .tag{width: 100px;height: 30px;line-height: 30px;font-size: 24px;} #honor .content .item .name-box .name{font-size: 36px;line-height: 48px;max-height: 96px;} #honor .content .item .name-box .icon i{width: 20px;height: 20px;background-size: 20px;margin-left: -22px;} #honor .content .item .text{font-size: 28px;line-height: 1.875;height: auto;text-align: left;} } /*honor详情*/ #honor-details{width: 100%;height: auto;background: #2d2d2d;} #honor-details>div{width: 100%;height: 100%;} #honor-details .content{width: 100%;height: 100%;padding: 150px 120px 160px;} #honor-details .content .name{font-size: 48px;line-height: 60px;color: #fff;margin-bottom: 90px;font-family: OSB;} #honor-details .content .name>span{position: relative;z-index: 1;} #honor-details .content .name>span:before{content: '';width: 100%;height: 6px;background: #009ce1;position: absolute;bottom: 10px;z-index: -1;} #honor-details .content .detail *{font-size: 16px;line-height: 2;color: #fff;font-family: GR;} #honor-details .content .pic-frame{width: 100%;position: relative;background: #ccc;margin: 60px 0;} #honor-details .content .pic-frame:before{content: '';padding-top: 53.92912%;display: block;} #honor-details .content .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #honor-details .content .pic-frame .play{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url("/static/images/icon-play.png") center center no-repeat;} #honor-details .loading{ display: flex; justify-content: center; align-items: center; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #2A2826;} @media (max-width: 750px){ #honor-details .content{padding-left: 50px; padding-right:50px;} } /*行业解决方案*/ #case-1{width: calc(100% - 200px);margin-left: 200px;padding: 140px 0 150px;background: #fff;} #case-1 .top-box{display: flex;align-items: center;margin-bottom: 90px;} #case-1 .top-box .title-box{width: 50%;/*display: flex;flex-direction: column;justify-content: center;*/} #case-1 .top-box .title-box .title{width: auto;font-size: 60px;line-height: 80px;font-family: OSB;color: #444;position: relative;text-transform: uppercase;z-index: 2;} #case-1 .top-box .title-box .title:before{content: '';width: 100%;height: 6px;background: #009ce1;position: absolute;bottom: 15px;z-index: -1;} #case-1 .top-box .text-box{width: 50%;} #case-1 .top-box .text-box .name{font-size: 24px;line-height: 30px;color: #444;font-family: OSB;margin-bottom: 20px;} #case-1 .top-box .text-box .text{font-size: 16px;line-height: 30px;color: #444;font-family: GR;} #case-1 .pic-frame{width: 100%;position: relative;background: #ccc;} #case-1 .pic-frame:before{content: '';padding-top: 43.62564%;display: block;} #case-1 .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #case-1 .bot_text-box{margin:20px 0 0;} #case-1 .bot_text-box .name{font-size: 24px;line-height: 30px;color: #444;font-family: OSB;margin-bottom: 20px;} #case-1 .bot_text-box .text{font-size: 16px;line-height: 30px;color: #444;font-family: GR;/*text-align: justify;*/} #case-1 .pic-frame .play{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url("/static/images/icon-play.png") center center no-repeat;} #case-1 .loading{ display: flex; justify-content: center; align-items: center; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #2A2826;} @media (max-width: 1100px){ #case-1{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #case-1{padding: 100px 0;} #case-1 .top-box{display: block;margin-bottom: 30px;} #case-1 .top-box .title-box{width: 100%;} #case-1 .top-box .text-box{width: 100%;margin-top: 30px;} #case-1 .top-box .text-box .name{font-size: 36px;} #case-1 .top-box .text-box .text{font-size: 28px;line-height: 1.875;} #case-1 .bot_text-box .name{font-size: 36px;} #case-1 .bot_text-box .text{font-size: 28px;line-height: 1.875;} } #case-2{width: calc(100% - 200px);margin-left: 200px;padding: 130px 0 90px;background: #f9f9f9;} #case-2 .title{font-size: 60px;line-height: 80px;font-family: OSB;margin-bottom: 60px;color: #444;text-transform: uppercase;} #case-2 ul{display: flex;flex-wrap: wrap;} #case-2 ul li{width: calc((100% - 40px)/ 3);margin-right: 20px;} #case-2 ul li:nth-child(3n){margin-right: 0;} #case-2 ul li .pic-frame{width: 100%;position: relative;background: #ccc;} #case-2 ul li .pic-frame:before{content: '';padding-top: 67.11409%;display: block;} #case-2 ul li .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #case-2 ul li .name{font-size: 24px;line-height: 40px;font-family: OSB;margin: 30px 10px 10px 0;} #case-2 ul li .text{font-size: 16px;line-height: 30px;font-family: GR;/*height: 60px;*/overflow: hidden;/*text-align: justify;*/margin-right: 10px;} @media (max-width: 1100px){ #case-2{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #case-2{padding: 100px 0 60px;} #case-2 ul li{width: 100%;margin-right: 0;margin-bottom: 50px;} #case-2 ul li .name{font-size: 36px;} #case-2 ul li .text{font-size: 28px;height: auto;line-height: 1.875;} } #case-3{width: calc(100% - 200px);margin-left: 200px;padding: 150px 0 80px;background: #fff;} #case-3 .title{font-size: 60px;line-height: 80px;font-family: OSB;margin-bottom: 20px;color: #444;text-transform: uppercase;} #case-3 .top-box{display: flex;align-items: center;margin-bottom: 90px;} #case-3 .top-box .text-box{width: 50%;} #case-3 .top-box .text-box .text{font-size: 16px;line-height: 30px;font-family: GR;padding-right: 50px;margin-bottom: 40px;color: #444;} /*#case-3 .top-box .text-box .btn{width: 170px;height: 50px;border: 1px solid #333;font-family: GM;font-size: 14px;line-height: 48px;text-align: center;display: block;text-transform: uppercase;}*/ #case-3 .top-box .text-box .more-btn{border: 1px solid #333;width: 170px;height: 50px;line-height: 50px;margin-top: 30px;} #case-3 .top-box .text-box .more-btn span{font-size: 14px;color: #333;font-family:"GM";position: relative;z-index: 2;} #case-3 .top-box .text-box .more-btn:hover{border-color: transparent;color: #fff;} #case-3 .top-box .text-box .more-btn:hover span{color: #fff;} #case-3 .top-box .text-box .hover-back{position: relative;} #case-3 .top-box .text-box .hover-back::after{content: "";position: absolute;width: 100%;height: 100%;background: #333;left: 0;top: 0;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;z-index: 1;} #case-3 .top-box .text-box .hover-back:hover::after{transform: scaleX(1);transform-origin: left;background: #333;} #case-3 .top-box .pic-frame{width: 50%;position: relative;background: #ccc;} #case-3 .top-box .pic-frame:before{content: '';padding-top: 62.73932%;display: block;} #case-3 .top-box .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #case-3 ul li{display: flex;padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #eeeeee;} #case-3 ul li:last-child{border-bottom: unset;} #case-3 ul li .left-box{width: 50%;display: flex;align-items: center;} #case-3 ul li .left-box .pic-frame{width: 90px;position: relative;} #case-3 ul li .left-box .pic-frame:before{content: '';padding-top: 88.88889%;display: block;} #case-3 ul li .left-box .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #case-3 ul li .left-box .name{text-transform: uppercase;font-size: 24px;line-height: 30px;font-family: OSB;} #case-3 ul li .right-box{width: 50%;display: flex;justify-content: space-between;align-items: center;} #case-3 ul li .right-box .text{font-size: 16px;line-height: 30px;font-family: GR;width: calc(100% - 14px);padding-right: 30%;} #case-3 ul li .right-box .icon{width: 14px;height: 12px;} #case-3 ul li .right-box .icon i{width: 14px;height: 12px;left: 0;top: 50%;margin-top: -6px;-webkit-transform-origin: right center;transform-origin: right center;background: url(/static/images/icon-youjiantou.png) no-repeat center;} #case-3 ul li:hover .right-box .icon i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;} @media (max-width: 1100px){ #case-3{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #case-3{padding: 100px 0 30px;} #case-3 .top-box{display: block;} #case-3 .top-box .text-box{width: 100%;} #case-3 .top-box .text-box .text{font-size: 28px;line-height: 1.875;} #case-3 .top-box .text-box .more-btn span{font-size: 26px;} #case-3 .top-box .pic-frame{width: 100%;margin-top: 50px;} #case-3 ul li{flex-wrap: wrap;} #case-3 ul li .left-box{width: 100%;} #case-3 ul li .left-box .name{font-size: 36px;} #case-3 ul li .right-box{width: 100%;margin-top: 20px;} #case-3 ul li .right-box .text{font-size: 28px;line-height: 1.875;padding-right: 5%;} #case-3 ul li .right-box .icon i{width: 20px;height: 20px;background-size: 20px;} } #case-4{width: calc(100% - 200px);margin-left: 200px;padding: 40px 0 60px;background: #f9f9f9;} #case-4 .title{font-size: 60px;line-height: 80px;font-family: OSB;margin-bottom: 60px;color: #444;text-transform: uppercase;} #case-4 ul{display: flex;flex-wrap: wrap;} #case-4 ul .item{width: calc((100% - 60px)/ 2);margin-right: 60px;margin-bottom: 60px;} #case-4 ul .item:nth-child(2n){margin-right: 0;} #case-4 ul .item .pic-frame{width: 100%;position: relative;background: #ccc;} #case-4 ul .item .pic-frame:before{content: '';padding-top: 66.66%;display: block;} #case-4 ul .item .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #case-4 ul .item .pic-frame .play{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url("/static/images/icon-play.png") center center no-repeat;} #case-4 ul .item .name-box{padding: 40px 0 30px;display: flex;align-items: center;} #case-4 ul .item .name-box .tag{width: 50px;height: 20px;margin-right: 20px;font-family: OSB;font-size: 12px;line-height: 20px;text-align: center;color: #fff;background: #444444;margin-top: 5px;overflow: hidden;} #case-4 ul .item .name-box .name{width: calc(100% - 70px - 32px);overflow: hidden;font-size: 24px;line-height: 30px;color: #444;font-family: OSB;} #case-4 ul .item .name-box .icon{width: 14px;height: 12px;margin-left: 15px;} #case-4 ul .item .name-box .icon i{width: 14px;height: 12px;left: 0;top: 50%;margin-top: -6px;-webkit-transform-origin: right center;transform-origin: right center;background: url(/static/images/icon-youjiantou.png) no-repeat center;} #case-4 ul .item:hover .name-box .icon i{-webkit-animation: moveRightIn 1s 1;animation: moveRightIn 1s 1;} #case-4 ul .item .text{font-size: 16px;line-height: 30px;height: 90px;overflow: hidden;/*text-align: justify;*/} @media (max-width: 1100px){ #case-4{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #case-4{padding: 100px 0 30px;} #case-4 ul .item{width: 100%;margin-right: 0;} #case-4 ul .item .name-box .tag{width: 100px;height: 30px;line-height: 30px;font-size: 24px;} #case-4 ul .item .name-box .name{_width: 100%;font-size: 36px;line-height: 48px;} #case-4 ul .item .name-box .icon i{width: 20px;height: 20px;background-size: 20px;margin-left: -22px;} #case-4 ul .item .text{font-size: 28px;line-height: 1.875;height: auto;} } /*行业解决方案详情*/ #case-details{width: 100%;height: 100vh;background: #2d2d2d;} #case-details>div{width: 100%;height: 100%;} #case-details .content{width: 100%;height: 100%;padding: 150px 125px 160px;} #case-details .content .name{font-size: 48px;line-height: 60px;color: #fff;margin-bottom: 90px;font-family: OSB;} #case-details .content .name>span{position: relative;z-index: 1;} #case-details .content .name>span:before{content: '';width: 100%;height: 6px;background: #009ce1;position: absolute;bottom: 10px;z-index: -1;} #case-details .content .detail{font-size: 16px;line-height: 2;color: #fff;} @media (max-width: 750px){ #case-details .content{padding-left: 50px;} #case-details .content .detail{font-size: 28px;} } /*弹窗*/ #popup{width: 100%;height: 100vh;position: fixed;top: 0;left: 0;opacity: 0;pointer-events: none;z-index: 1000;} #popup .background{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.2);opacity: 0;} #popup .close{width: 90px;height: 90px;position: absolute;top: 40px;right: -900px;z-index: 1;transform: rotate(45deg);} #popup .close:before{content: '';width: 60px;height: 3px;border-radius: 2px;background: #fff;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} #popup .close:after{content: '';width: 3px;height: 60px;border-radius: 2px;background: #fff;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);;} #popup iframe[name="popup-details"]{position: absolute;top: 0;right: -900px;z-index: 0;} #popup.on{opacity: 1;pointer-events: auto;} #popup.on .background{opacity: 1;} #popup.on .close{right: 40px;} #popup.on iframe[name="popup-details"]{right: 0;} @media (max-width: 1100px){ #popup iframe[name="popup-details"]{width: 100%;} } #part-four{padding: 140px 0 180px; background: #f9f9f9;margin-left: 200px;} #part-four .title{font-size: 60px; line-height: 80px; font-family: "OSB"; color: #444444; margin-bottom: 85px;} #part-four .form-box .text{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } #part-four .form-box .text .input{width: 45.91%; margin-right: 6.54%; margin-bottom: 32px; } #part-four .form-box .text .input:nth-of-type(2n){margin-right: 0;} #part-four .form-box .text .input input{width: 100%; padding: 21px 0 24px; border-bottom: 1px solid #e7e7e7; font-size: 18px;line-height: 26px; font-family: "OSB"; color: #444;} #part-four .form-box .text .input input[type=text]:focus{border-bottom: 1px solid #444444;} #part-four .form-box .text .input input[type=text]::placeholder{font-size: 16px; font-family: "GR"; color: #ccc; text-transform: uppercase;} #part-four .form-box .mess{margin-bottom: 70px;} #part-four .form-box .mess textarea{width: 100%; height: 71px; padding:21px 0; border-bottom: 1px solid #e7e7e7; font-size: 18px; font-family: "OSB"; color: #444;resize: none;} #part-four .form-box .mess textarea::placeholder{font-size: 16px; font-family: "GR"; color: #ccc; line-height: 23px; text-transform: uppercase;} #part-four .form-box .btn_box input{padding: 24px 62px; background: #444; font-size: 14px; font-family: "GM"; color: #fff;} @media (max-width: 1100px){ #part-four{width: 100%;margin-left: 0;} } @media (max-width: 750px){ #part-four{padding: 100px 0;} #part-four .form-box .text .input{width: 100%;margin-right: 0;} #part-four .form-box .text .input input{font-size: 30px;line-height: 48px;} #part-four .form-box .text .input input[type=text]::placeholder{font-size: 26px;} #part-four .form-box .mess textarea{font-size: 30px;} #part-four .form-box .mess textarea::placeholder{font-size: 26px;} #part-four .form-box .btn_box input{font-size: 26px;} } #pop-form {width: 100%;} #pop-form .title{font-size: 48px; line-height: 67px; font-family: "OSB"; color: #fff; margin-bottom: 36px;background: linear-gradient(#009ce1, #009ce1) no-repeat; background-size: 100% 6px; background-position: 0 55px; display: inline;} #pop-form .box{margin-top: 36px;} #pop-form .box .text .input{margin-bottom: 30px;} #pop-form .box .text .input input{width: 100%; padding: 21px 20px 24px; border-bottom: 1px solid #424242; font-size: 18px; line-height: 26px; font-family: "OSB"; color: #fff; } #pop-form .box .text .input input[type=text]:focus{border-bottom: 1px solid #fff;} #pop-form .box .text .input input[type=text]::placeholder{font-size: 16px; font-family: "GR"; color: #ccc; text-transform: uppercase;} #pop-form .box .mess{margin-bottom: 70px;} #pop-form .box .mess textarea{width: 100%; height: 71px; padding:21px; border-bottom: 1px solid #424242; font-size: 18px; font-family: "OSB"; color: #fff;resize: none;} #pop-form .box .mess textarea::placeholder{font-size: 16px; font-family: "GR"; color: #ccc; line-height: 23px; text-transform: uppercase;} #pop-form .box .btn_box input{padding: 19px 61px; background: #424242; font-size: 14px; font-family: "GM"; color: #fff;} @media (max-width: 750px){ #pop-form .box .text .input input{font-size: 30px;} #pop-form .box .text .input input[type=text]::placeholder{font-size: 26px;} #pop-form .box .mess textarea{font-size: 30px;} #pop-form .box .mess textarea::placeholder{font-size: 26px;} #pop-form .box .mess{margin-bottom: 70px;} #pop-form .box .btn_box input{font-size: 26px;} } #terms{width: calc(100% - 200px);margin-left: 200px;padding-top: 100px;} @media (max-width: 1100px){ #terms{width: 100%;margin-left: 0;} }