/* author:mingzheng.wang datetime:2018-7-12 use:index.html*/ .slider.margin1{position: fixed;left: 0;top: 0;z-index: 10;} .ogbannerbox .ogBannerTxt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;z-index: 10;color: #000} .ogBannerTxt h3{font-size: 40px;color: #fff;position: relative;top: 25%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%; padding: 0 50px;box-sizing: border-box;} .ogBannerTxt p{font-size: 28px;color: #fff;position: relative;top: 30%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%; padding: 0 50px;box-sizing: border-box; } .ogBannerTxt a{font-size: 18px;color: #fff;position: relative;top: 35%;left:50%; margin-left: -100px!important;display: block;width: 200px!important;height: 50px!important;border:1px solid #fff;line-height: 50px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogBannerTxt a:hover{background: #3cb2e9;} .container{z-index: 20;} /*Service field*/ .ogServiceField{width: 100%;position: relative;z-index: 20;background: #fff;} .ogServiceField .ogServiceFieldTitle{background: url("../image/ServiceTitle.png")no-repeat;width: 622px;height: 316px;display: block;margin: 0 auto;position: relative; top: -74px;} .ogServiceFieldBox{position: relative;left: 0;top:0;margin-top: 60px;} .ogServiceFieldBox >img{width: 100%;position: relative;left: 0;top: 0;} .ogServiceFieldBox ul{padding: 4.12757% 6.25%;position: absolute;left: 0;top: 0;z-index: 10;width: 100%;} .ogServiceFieldBox li{width: 22.6%;float: left;text-align: center;margin-right: 3.2%;margin-bottom: 3.6%;} .ogServiceFieldBox li:nth-child(4n){margin-right: 0;} .ogServiceFieldLi{width: 74.73%;margin: 13% auto;background: #fff;border-radius: 50%;position: relative;} .ogServiceFieldLi h3{font-size: 20px;color: #000;font-weight: normal;} .ogServiceFieldLi p{font-size: 12px;color: #999;line-height: 30px;} .ogServiceFieldLi img{display: block;height: 27.6%;margin: 0 auto 18%;position: relative;top: 12.19%;} /*about*/ .ogAbout{background: #fff;position: relative;z-index: 20;padding-top: 80px;} .ogAbout .container{position: relative;padding:0 0 80px 100px;box-sizing: border-box;} .ogAbout .container .ogAboutIcon{position: absolute;left: 0;top: -70px;background: url("../image/auout.png")no-repeat;width: 55px;height: 358px;display: block;} .ogAbout .ogAboutLeft{width: 54.22%;float: left;} .ogAbout .ogAboutLeft a{color: #333;} .ogAbout .ogAboutLeft h2{font-size: 50px;line-height: 60px;} .ogAbout .ogAboutLeft h3{font-size: 40px;line-height: 60px;margin: 20px 0 30px;} .ogAbout .ogAboutLeft p{font-size: 14px;line-height: 36px;height: 170px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5 } .ogAbout .ogAboutLeft p a{color: #999999;} .ogAbout .ogAboutLeft i{width: 51px ;height: 5px;background: #000;display: block;margin-bottom: 10px;} .ogAbout .ogAboutRight{width: 36.14%;float: right;padding-top: 6px;box-sizing: border-box;} .ogAbout .ogAboutRight img{width: 100%;} /*Solution*/ .OgSolution{background: #f7f7f7;position: relative;z-index: 20;} .OgSolution .container{position: relative;padding: 70px 0 80px;box-sizing: border-box;} .OgSolution .container .OgSolutionIcon{position: absolute;top: 0;right: 20px;background:url("../image/solution.png")no-repeat;width: 528px;height: 78px;display: block; } .OgSolution .container ul {width: 32.53%;} .OgSolution .container .OgSolutionLeft {float: left;} .OgSolution .container .OgSolutionRight {float: right;} .OgSolution .container ul li{width: 100%; background: #fff; padding: 20px;box-sizing: border-box;position: relative;margin-bottom: 10px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .OgSolution .container ul li .OgSolutionImg{float: left;width: 30.9%;overflow: hidden;} .OgSolution .container ul li .OgSolutionTxt{float: left;width: 69.1%;padding-left: 20px;box-sizing: border-box;position: relative;} .OgSolution .container ul li .OgSolutionImg img{width: 100%;height: 100%; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .OgSolution .container ul li .OgSolutionTxt h3{font-size: 24px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%;margin-bottom: 4px;} .OgSolution .container ul li .OgSolutionTxt h3 a{color: #000;font-weight: normal;} .OgSolution .container ul li .OgSolutionTxt p{font-size: 14px;display: -webkit-box;height: 48px;color: #999999;line-height: 24px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .OgSolution .container ul li .OgSolutionTxt > a{position: absolute;right: 0;bottom: -7px;z-index: 9;font-size: 14px; color: #505050;background:#fff url("../image/next.png")right 0 bottom 0 no-repeat;padding-bottom: 15px;padding-left: 134px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .OgSolution .container ul li:last-child{margin-bottom: 0;} .OgSolution .container .OgSolutionRight li .OgSolutionTxt{padding-left: 0;padding-right: 20px;text-align: right;} .OgSolution .container .OgSolutionRight li .OgSolutionTxt h3{text-align: left;} .OgSolution .container .OgSolutionRight li .OgSolutionTxt > a{left: 0;right: auto;background: #fff url(../image/rnext.png)left 0 bottom 0 no-repeat;padding-left: 0;padding-right: 135px;} .OgSolution .container .OgSolutionRight li:hover .OgSolutionTxt > a{background: #fff url(../image/rnext_on.png)left 0 bottom 0 no-repeat;} .OgSolution .container ul li:hover i{background: url("../image/rightTriangle_on.png")no-repeat;width: 20px;height: 33px;display: block;position: absolute;right: -20px;top: 50%;margin-top: -16.5px;} .OgSolution .container .OgSolutionRight li:hover i{background: url("../image/rrightTriangle_on.png")no-repeat;width: 20px;height: 33px;display: block;position: absolute;left: -20px;top: 50%;margin-top: -16.5px;} .OgSolution .container ul li:hover{box-shadow:0 0 20px 1px #d2d2d2; } /*.OgSolution .container ul li:hover i{box-shadow:0 0 20px 1px #d2d2d2; }*/ .OgSolution .container ul li:hover h3 a{color: #3cb2e9;} .OgSolution .container ul li:hover a{color: #3cb2e9;background:#fff url("../image/next_on.png")right 0 bottom 0 no-repeat;} .OgSolution .container ul li:hover img{transform: scale(1.1);} .OgSolutionCentar{float: left;width: 31.8%;margin: 0 1.5%;overflow: hidden;height: 434px;background: #fff;position: relative;} .OgSolutionCentar img{width: 100%;height: 100%;position: absolute;left: 50%; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .OgSolutionCentar:hover img{transform: scale(1.2)} /*DevelopmentProcess*/ .ogDevelopmentProcess {background:#f7f7f7;position: relative;padding-bottom: 120px;z-index: 20;} .ogDevelopmentProcess .container{background: #fff;padding-top: 80px;box-sizing: border-box;position: relative;z-index: 21;padding-bottom: 120px;} .ogDevelopmentProcess .container .ogDpLct{width: 78.31%;margin: 0 auto;display: block;position: relative;} .ogDevelopmentProcess .container img{width: 100%;} .ogDevelopmentProcess .container ul{position: absolute;left: 0;top: 50%;width: 100%;line-height: 30px;height: 30px;margin-top: -15px;} .ogDevelopmentProcess .container ul li{float: left;width:16.66%;box-sizing: border-box; font-size: 18px;color: #666666;} .ogDevelopmentProcess .container ul li:nth-child(1){padding-left:2.4%; } .ogDevelopmentProcess .container ul li:nth-child(2){padding-left:3.6%; } .ogDevelopmentProcess .container ul li:nth-child(3){padding-left:4.2%; } .ogDevelopmentProcess .container ul li:nth-child(4){padding-left:5.6%; } .ogDevelopmentProcess .container ul li:nth-child(5){padding-left:7.2%; } .ogDevelopmentProcess .container ul li:nth-child(6){padding-left:8.6%; } .ogDevelopmentProcess >img{width: 100%;position: absolute;left: 0;bottom: 0;height: auto;z-index: 20} /*SuccessCase*/ .ogSuccessCase{position: relative;padding: 70px 0 80px;box-sizing: border-box;background: #f7f7f7;z-index: 20;} .ogSuccessCaseIcon{position: absolute;top: 0;right: 20px;background:url("../image/case.png")no-repeat;width: 748px;height: 78px;display: block; } .ogSuccessCase .ogSuccessCaseList li{width: 32%;float: left;} .ogSuccessCase .ogSuccessCaseList li .ogCaseImg{overflow: hidden;background: #fff;position: relative;} .ogSuccessCase .ogSuccessCaseList li .ogCaseImg a{height: 100%;} .ogSuccessCase .ogSuccessCaseList li a{display: block;overflow: hidden;} .ogSuccessCase .ogSuccessCaseList li img{width: 100%;height: 100%; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogSuccessCase .ogSuccessCaseList li .ogCaseTxt{background: #fff;padding: 23px 30px;box-sizing: border-box;} .ogSuccessCase .ogSuccessCaseList li .ogCaseTxt h3{font-size: 24px;font-weight: normal;width: 74%;float: left;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} .ogSuccessCase .ogSuccessCaseList li .ogCaseTxt h3 a{color: #333;} .ogSuccessCase .ogSuccessCaseList li .ogCaseIcon{width: 26%;float: left;position: relative;height: 100%} .ogMobile{background: url("../image/mobile.png")no-repeat;width: 17px;height: 29px;display: block;float:right;margin-left: 10px;} .ogPc{background: url("../image/pc.png")no-repeat;width: 31px;height: 27px;display: block;float: right;margin-left: 10px;} .ogSuccessCase .ogSuccessCaseList li .ogCaseIcon .ogDetails{display: block;width: 100%;float: right;text-align: right;font-size: 14px;color: #505050;position: absolute;right: 0;bottom: 0; background: url("../image/next.png") right 0 center no-repeat;padding-right: 40px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogSuccessCase .ogSuccessCaseList li:hover{box-shadow:0 0 20px 1px #d2d2d2;} .ogSuccessCase .ogSuccessCaseList li:hover img{transform: scale(1.1)} .ogSuccessCase .ogSuccessCaseList li:hover a{color: #3cb2e9!important;} .ogSuccessCase .ogSuccessCaseList li:hover .ogPc.on{background: url("../image/pc_on.png")no-repeat;} .ogSuccessCase .ogSuccessCaseList li:hover .ogMobile.on{background: url("../image/mobile_on.png")no-repeat;} .ogSuccessCase .ogSuccessCaseList li:hover .ogDetails{background: url("../image/next_on.png") right 0 center no-repeat;padding-right: 20px;} .ogSuccessCase .ogSuccessCaseList li{margin: 0.4% 0.4%;} .ogSuccessCase .ogSuccessCaseList li:nth-child(3n){margin: 0.7% 0;} .ogSuccessCase .ogSuccessCaseList li:nth-child(3n-1){margin: 0.7% 1.7%;} .ogSuccessCase .ogSuccessCaseList li:nth-child(3n-2){margin: 0.7% 0;} /*CooperativePaartner*/ .ogCooperativePaartner{background: url("../image/hzhb.png");padding: 80px 0 10px;position: relative;z-index: 20;} .ogCooperativePaartner .ogTltles h3{float: left;font-size: 50px;color: #fefefe;} .ogCooperativePaartner .ogTltles h4{float: left;font-size: 40px;color: #fefefe;position: relative;line-height: 66px;height: 100px;margin-left: 50px;} .ogCooperativePaartner .ogTltles h4 i{position: absolute;width:41px;height: 5px;background: #fff;display: block;bottom: 0;left: 0; } .ogCooperativePaartner ul{margin-top: 24px;} .ogCooperativePaartner ul li{width: 20%;height: 170px;float: left;} .ogCooperativePaartner ul li a{width: 100%;height: 170px;display:table-cell;text-align:center;vertical-align:middle;} .ogCooperativePaartner ul li img{max-width: 100%;max-height: 100%;display: block;margin: 0 auto; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogCooperativePaartner ul li:hover img{transform: rotate3d(0,50,0,360deg);} .ogNews .ogNewsLeft{width: 49%;float: left;} .ogNews .ogNewsRight{width: 49% ;float: right;} .ogNews .ogNewsLeft .ogNewsImg{overflow: hidden;position: relative;} .ogNews .ogNewsLeft .ogNewsImg p{position: absolute;z-index: 20;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,.2);color: #fff;padding: 0 8px;box-sizing: border-box; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;font-size: 16px;line-height: 30px;} .ogNews .ogNewsLeft .ogNewsImg img{width: 100%;} .caseContent{padding-top: 80px;} .caseContent .caseTxet {margin-bottom: 60px;} .caseContent .caseTxet h3{width: 180px;float: left;font-size: 24px;color: #000;height: 30px;line-height: 30px;border-left: 6px solid #3cb2e9;padding-left: 30px;} .caseContent .caseTxet .caseTxt{width: 1020px;float: left;} .caseContent .caseTxet .caseTxtBox{display: block;width: 100%;} .caseContent .caseTxet .caseTxtBox p{float: left;margin-right: 40px;} .caseContent .caseTxet p{line-height: 36px;} .caseContent .caseTxet p label{float: left;font-size: 18px;color: #333;width: 100px;font-weight: bold;} .caseContent .caseTxet p span{float: left;font-size: 18px;color: #999;} .caseContent .caseTxet .caseTxtBox{margin-bottom: 30px;} .caseContent .caseTxet .clearfix>span{width:900px;float: left;display: block; } .caseImgs img{width: 100%;} .ogPhone{position: relative;} .ogPhone i{background: url("../image/phone.png")no-repeat;width: 343px;height: 850px;display: block;margin: 0 auto;overflow: auto;position: relative;z-index: 5;background-size: 100%;} .ogPhone .ogPhoneImg{width: 300px;height: 530px;overflow: hidden;overflow-y: auto; display: block;margin: 0 auto;position: absolute;top: 87px;left: 50%;margin-left: -150px;z-index: 6;} .ogPhone .ogPhoneImg img{width: 100%;} /*news*/ .ogNews{padding: 70px 0;position: relative;z-index: 20;background: #fff;} .ogNewsHot h3{width: 100%;height: 74px;line-height: 74px;border: 1px solid #e7e7e7;border-left: 10px solid #26c7fc;font-size: 20px;padding-left: 20px;font-weight: normal;margin-top: 24px;} .ogNewsHot ul li{height: 74px;border: 1px solid #e7e7e7;line-height: 74px;background: url("../image/fz.png")left 10px center no-repeat;background-size: 13px 13px;padding: 0 30px 0 50px;box-sizing: border-box;margin-top: 10px;} .ogNewsHot ul li a{font-size: 18px;color: #999;float: left;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:80%;display: block;} .ogNewsHot ul li span{font-size: 16px;color: #bbb;float: right;width: 20%;text-align: right;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;display: block;} .ogNewsHot ul li:hover{box-shadow: 0 0 10px 3px #ececec;} .ogNewsHot ul li a:hover{color: #3cb2e9;} /*.ogNewsHot ul li:hover a{color: #3cb2e9;}*/ .ogNewsRight .ogNewsRightBox li{height: 150px;padding: 26px 20px 30px 0;box-sizing: border-box;border:1px solid #e7e7e7;background: #fff;margin-bottom: 20px;} .ogNewsRight .ogNewsRightBox .ogNewsTime{width:18.29%; ;float: left;height: 100%;text-align: center;} .ogNewsRight .ogNewsRightBox .ogNewsTime span{display: block;color: #333;} .ogNewsRight .ogNewsRightBox .ogNewsTime .ogNewsDay{font-size: 38px;} .ogNewsRight .ogNewsRightBox .ogNewsTime .ogNewsYear{font-size: 24px;} .ogNewsRight .ogNewsRightBox .ogNewsCenter{float: left;width:60%;height: 100%;position: relative;} .ogNewsRight .ogNewsRightBox .ogNewsCenter h3{line-height: 30px; font-size: 26px;font-weight: normal;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%;} .ogNewsRight .ogNewsRightBox .ogNewsCenter h3 a{color: #333333;} .ogNewsRight .ogNewsRightBox .ogNewsCenter p{ position: absolute;left: 0;bottom: 0; color: #999999;font-size: 16px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%;} .ogNewsRight .ogNewsRightBox .ogNewsLink{width: 18%;float: right;text-align: right;height: 100%;position: relative;} .ogNewsRight .ogNewsRightBox .ogNewsLink span{font-size: 16px;color: #bbbbbb;display: block;width: 100%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%;} .ogNewsRight .ogNewsRightBox .ogNewsLink a{position: absolute;right: 0;bottom: 0; color: #505050;font-size: 16px;text-align: right;background:#fff url("../image/next.png")right 0 bottom 0 no-repeat;padding-bottom: 15px;padding-left: 20px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogNewsRight .ogNewsRightBox li:hover{ box-shadow: 0 0 10px 3px #ececec;} .ogNewsRight .ogNewsRightBox li:hover .ogNewsLink a{color: #3cb2e9;background:#fff url("../image/next_on.png")right 0 bottom 0 no-repeat;} .ogNewsRight .ogNewsRightBox li:hover a{color: #3cb2e9;} .ogNewsRight .ogNewsfl li{width: 25%;float: left;height: 68px;text-align: center;position: relative;} .ogNewsRight .ogNewsfl li a{height: 30px;display: block;width: 100%;position: absolute;left: 0;bottom: 0;line-height: 30px;font-size: 28px;color: transparent; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogNewsRight .ogNewsfl li.on a{height: 68px;line-height: 68px;color: #fff;} .ogOrange a{background: #f54704;} .ogBlue a{background:#26c7fc; } .ogGreen a{background: #44b573;} .ogPurple a{background: #5a3c82;} .ogNewsRight .ogNewsfl li a:hover{height: 68px;line-height: 68px; color: #fff;} /* author:mingzheng.wang datetime:2018-7-16 use:index.html*/ .ogInnerBanner img{width: 100%;} .aboutUS{padding:80px 0;box-sizing: border-box;} .aboutUS .aboutUsLeft{width: 50%;float: left;position: relative;left: 9%;z-index: 100;} .aboutUS .aboutUsLeft img{width: 40%;margin-top: 70px;} .aboutUS .aboutUsLeft h1{font-size: 48px;color: #333333;font-weight: normal;margin: 30px 0;} .aboutUS .aboutUsLeft p{font-size: 18px;color: #333333;line-height: 48px;} .aboutUS .aboutUsLeft i{display: block;width: 65px;height: 4px;background: #3cb2e9;margin-top: 40px;} .aboutUS .aboutUsRight{width: 50%;float: left;position: relative;height: 100%;} .aboutUS .aboutUsRight img{max-width: 100%;max-height:100%;display: block; position: absolute;left: 14%;z-index: -1} .aboutUS .aboutUsRight i{background: url("../image/innertA1.png")no-repeat;width: 522px;height: 79px;right: 0;bottom: 0;position: absolute;display: block;} .aboutServer { position: relative;} .aboutServer >div{height: 100%;position: relative;} .aboutServer .aboutServerLeft{width: 35%;float: left;background: #1d1d1b url("../image/xk.png") left 0 bottom 0 no-repeat;padding-left: 6.25%;box-sizing: border-box;padding-top: 6%;} .aboutServer .aboutServerLeft img{position: relative;z-index: 100;} .aboutServer .aboutServerLeft .asBottom{background: url("../image/xk.png")left 0 bottom 0 no-repeat;width: 100%;height: 335px;background-size: 100%;display: block;position: absolute;left: 0;bottom: 0;} .aboutServer .aboutServerRight{width: 65%;float: left;background: url("../image/asrverbg.png")left 0 top 0 no-repeat;height: 100%; position: absolute; right: 0; top: 0;} .aboutServerTitle{position: relative;margin-top: 50px;} .aboutServerTitle h2{font-size: 48px;color: #fff;padding-bottom: 40px;} .aboutServerTitle i{width: 65px;height: 4px;background: #3cb2e9;display: block;position: absolute;left: 0;bottom: 0;} .aboutServerRightBox{width: 100%;position: absolute;height: 84%;top:8%; left: -10%;background:#fff url("../image/ditu.png")center no-repeat;background-size: 90%;} .aboutServerRightBox ul{height: 100%;padding: 30px 80px;box-sizing: border-box;} .aboutServerRightBox li{width: 20%;margin-left:5%;height: 50%;float: left;position: relative;overflow: hidden;box-sizing: border-box;} .aboutServerRightBox li img{height: 75px;} .aboutServerRightBox li h3{display: block;font-size: 20px;color: #333;font-weight: normal;margin: 10px 0;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%; } .aboutServerRightBox li a{display: block;font-size: 14px;color: #999;line-height: 26px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%;} .aboutTime{background: #f7f7f7;padding-top: 150px;padding-bottom: 60px;} .aboutTime .aboutTimeTxt{width: 33.33%;float: left;text-align: center;} .aboutTime .aboutTimeTxt p{font-size: 80px;color: #515151;margin-bottom: 20px;} .aboutTime .aboutTimeTxt p span{font-size: 30px;} .aboutTime .aboutTimeTxt > span{font-size: 28px;color: #888888;} .aboutTime .aboutTimeP{display: block;float: left; width: 100%;font-size: 24px;color: #333333;text-align: center;padding: 60px 0 80px;line-height: 46px;} .aboutTime .aboutTimeP span{font-size: 36px;color: #3cb2e9;} .aboutTime .aboutTimeP b{font-size: 36px;color: #333333;} .aboutI1{padding: 80px 0;box-sizing: border-box;} .aboutI1 .aboutTLeft{width: 40%;float: left;} .aboutI1 .aboutTLeft img{width: 100%;} .aboutI1 .aboutTRight{width: 60%;float: left;padding-left: 5%;} .aboutI1 .aboutTRight img{width: 100%;margin: 40px 0;} .aboutI1 .aboutTRight h3{font-size: 30px;font-weight: normal;color: #333;} .aboutI1 .aboutTRight p{font-size: 16px;font-weight: normal;color: #999;line-height: 40px;} .aboutI2 {background: url("../image/about_03.png") center no-repeat;width: 100%;padding: 80px 0;box-sizing: border-box;} .aboutI2 img{margin: 0 auto 80px;display: block;} .aboutI2 p{text-align: center;font-size: 30px;color: #bbbaba;line-height: 50px;} .aboutI3 {position: relative;margin: 80px 0;} .aboutI3 .joinicon{position: absolute;background: url("../image/joinicon.png")no-repeat;width: 287px;height: 93px;right: 0;top: 0;} .aboutI3 .usicon{position: absolute;background: url("../image/usicon.png")no-repeat;width: 155px;height: 93px;left: 0;bottom: 0;} .aboutI3 .aboutI3Left{float: left;width: 35%;position: relative;z-index: 100;} .aboutI3 .aboutI3Right{float: right;width: 65%;} .aboutI3 .aboutI3Left img{position: absolute;right: -43px;top: 80px;z-index: 100;} .aboutI3 .aboutI3Left .aboutI3Txt{position: absolute;right: 0;width: 55%;;top: 300px;padding-right: 10px;box-sizing: border-box;} .aboutI3 .aboutI3Left .aboutI3Txt h3{font-size: 48px;color: #333333;margin: 10px 0 20px;} .aboutI3 .aboutI3Left .aboutI3Txt p{font-size: 18px;color: #333333;line-height: 48px;} .aboutI3 .aboutI3Left .aboutI3Txt i{ width: 65px;height: 4px; background: #3cb2e9; display: block; margin-top: 40px; } .aboutI3 .aboutI3Right img{width: 80%;} /* author:mingzheng.wang datetime:2018-7-17 use:case.html*/ .ogSuccessCaseFl{margin-bottom: 50px;} .ogSuccessCaseFl ul {display: table;margin: 0 auto;} .ogSuccessCaseFl ul li{float: left; font-size: 24px;padding-right: 30px;} .ogSuccessCaseFl ul li a{color: #333333;line-height: 30px;display: block;float: left;padding-bottom: 10px;} .ogSuccessCaseFl ul li i{font-size: 40px;font-style: normal;line-height: 26px;float: left;margin-right:30px; } .ogSuccessCaseFl ul li.on a{color: #3cb2e9;border-bottom: 4px solid #3cb2e9;} .ogSuccessCaseFl ul li.on i{color: #3cb2e9;} /* author:mingzheng.wang datetime:2018-7-17 use:Solution.html*/ .ogSolutionList{} .ogSolutionList li .ogCaseTxt{position: relative;} .ogSolutionList li .ogCaseTxt h3{width: 70%!important;} .ogSolutionList li .ogCaseTxt p{width: 70%!important;font-size: 14px;color: #999;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} .ogSuccessCase .ogSolutionList li .ogCaseIcon{position: absolute!important;right: 20px;bottom: 20px;background: #fff;height: 50%;width: 18%;} .ogSuccessCase .ogSolutionList li .ogCaseIcon .ogDetails{ background: url(../image/next.png) right 0 bottom 0 no-repeat!important;padding-right: 0;padding-bottom: 20px;} .ogSuccessCase .ogSolutionList li:hover .ogCaseIcon .ogDetails{ background: url(../image/next_on.png) right 0 bottom 0 no-repeat!important;padding-right: 0;padding-bottom: 20px;} /* author:mingzheng.wang datetime:2018-7-17 use:SolutionDetails.html*/ .ogSolutionDetails .ogSolutionDetailsTitle{padding: 40px 0;border-bottom: 1px solid #e7e7e7;} .ogSolutionDetails .ogSolutionDetailsTitle h3{font-size: 30px;color: #333333;text-align: center;font-weight: normal;line-height: 50px;} .ogSolutionDetails .ogSolutionDetailsTitle ul{display: table;margin: 10px auto;} .ogSolutionDetails .ogSolutionDetailsTitle ul li{float: left;margin: 0 10px;font-size: 18px;color: #bbbbbb;} .ogSolutionDetailsCantar{padding:60px 240px;box-sizing: border-box; } .ogSolutionDetailsCantar img{display: block;max-width: 50%;margin: 10px auto;} .ogSolutionDetailsCantar p{font-size: 14px;line-height: 33px;color: #999999;} /* author:mingzheng.wang datetime:2018-7-17 use:ContentUs.html*/ .ogContentUsImg{margin-top: 80px;margin-bottom: 20px;} .ogContentUsImg ul{padding-top: 60px;} .ogContentUsImg ul li{float: left;width: 25%;box-sizing: border-box;text-align: center;position: relative;padding: 0 35px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogContentUsImg ul li i{z-index: 100; width: 120px;height: 120px;line-height: 120px;border-radius: 50%;display: block;margin: 0 auto;font-size: 58px;position: absolute;top: -50px; left: 50%;margin-left: -60px;box-shadow:0 -4px 8px #d2d2d2; -webkit-box-shadow:0 -4px 8px #d2d2d2;-moz-box-shadow:0 -4px 8px #d2d2d2; } .ogContentUsImg ul li .icon-dianhuas{background: #f6f7f7 url("../image/Cphone.png") center no-repeat;background-size: 50%;} .ogContentUsImg ul li .icon-dizhis{background: #f6f7f7 url("../image/Cadd.png") center no-repeat;background-size: 50%;} .ogContentUsImg ul li .icon-QQs{background: #f6f7f7 url("../image/Cqq.png") center no-repeat;background-size: 50%;} .ogContentUsImg ul li .icon-youxiangs{background: #f6f7f7 url("../image/Cemail.png") center no-repeat;background-size: 50%;} .ogContentUsImg ul li h3{font-size: 24px;line-height: 36px;font-weight: 100;text-transform:uppercase;} .ogContentUsImg ul li p{font-size: 24px;color: #bbb;margin-top: 10px;width: 100%;word-break:normal;display:block; white-space:pre-wrap;word-wrap : break-word ;overflow: hidden ;} .ogContentUsImg ul .zd-hover-on i{color: #f6f6f6; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogContentUsImg ul .zd-hover-on h3{color: #ffffff!important; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogContentUsImg ul .zd-hover-on p{color: #efefef; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogContentUsImg ul .zd-hover-on.ogRed i{ background: #eb615f url("../image/Cphone_on.png") center no-repeat;background-size: 50%; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogContentUsImg ul .zd-hover-on.ogGray i{background: #8293b9 url("../image/Cadd_on.png") center no-repeat;background-size: 50%; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogContentUsImg ul .zd-hover-on.ogBlue i{background: #43a8eb url("../image/Cqq_on.png") center no-repeat;background-size: 50%; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogContentUsImg ul .zd-hover-on.ogGreen i{background: #88bf57 url("../image/Cemail_on.png") center no-repeat;background-size: 50%; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogContentUsImg ul .zd-hover-on.ogRed div{background: #eb615f; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogContentUsImg ul .zd-hover-on.ogGray div{background: #8293b9; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogContentUsImg ul .zd-hover-on.ogBlue div{background: #43a8eb; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogContentUsImg ul .zd-hover-on.ogGreen div{background: #88bf57; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogContentUsImg ul li div{background: #f6f7f7;height: 280px;padding:100px 20px 0; box-sizing: border-box; border-radius: 6px;box-shadow:0 -4px 15px #d2d2d2; -webkit-box-shadow:0 4px 10px #d2d2d2;-moz-box-shadow:0 -4px 15px #d2d2d2;} .ogMap{height: 700px;margin: 80px auto;} .ogContentUsImg ul li h3:nth-child(1){font-size: 30px;} .ogContentUsImg ul li h3:nth-child(2){font-size: 20px;margin: 10px 0;} .ogContentUsImg ul .ogRed h3:nth-child(1){color: #eb615f;} .ogContentUsImg ul .ogGray h3:nth-child(1){color: #8293b9;} .ogContentUsImg ul .ogBlue h3:nth-child(1){color: #43a8eb;} .ogContentUsImg ul .ogGreen h3:nth-child(1){color: #88bf57;} /* author:mingzheng.wang datetime:2018-7-17 use:News.html*/ .ogNewsList{padding-top: 60px;} .ogNewsList .ogNewsMain li{width: 50%;float: left;margin-bottom: 30px;} .ogNewsList .ogNewsMain li:nth-child(2n){padding-left: 15px;} .ogNewsList .ogNewsMain li:nth-child(2n-1){padding-right: 15px;} .ogNewsList .ogNewsBox{background: #fff;} .ogNewsList .ogNewsBox .ogNewsImg{width: 37.576%;height:100%;float: left;overflow: hidden;} .ogNewsList .ogNewsBox .ogNewsTxt{width: 62.424%;float: left;padding: 0 30px;box-sizing: border-box;} .ogNewsList .ogNewsBox .ogNewsImg img{width: 100%;height: 100%;display: block; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogNewsList .ogNewsBox .ogNewsTxt h3{font-size: 24px;padding-top: 20px; font-weight: normal;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%;} .ogNewsList .ogNewsBox .ogNewsTxt h3 a{color: #333333;} .ogNewsList .ogNewsBox .ogNewsTxt >p{margin: 15px 0; font-size: 16px;color: #999999;display: -webkit-box;line-height: 36px;height: 72px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .ogNewsList .ogNewsBox .ogNewsBottom{height: 50px;line-height: 50px;border-top: 1px solid #eee;box-sizing: border-box;} .ogNewsList .ogNewsBox .ogNewsBottom p{float: left;color: #bbbbbb;font-size: 16px;} .ogNewsList .ogNewsBox .ogNewsBottom a{float: right;color: #333;font-size: 16px;background: url("../image/next.png")right 0 center no-repeat;padding-right: 30px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogNewsList .ogNewsBox:hover .ogNewsBottom a{background: url("../image/next_on.png")right 0 center no-repeat;padding-right: 15px;color: #3cb2e9;} .ogNewsList .ogNewsBox:hover img{transform: scale(1.1)} .ogNewsList .ogNewsBox:hover h3 a{color: #3cb2e9;} /* author:mingzheng.wang datetime:2018-7-17 use:appserver.html*/ .zd-app-banner{width: 100%;} .zd-app-banner a{display: block;width: 100%} .zd-app-banner a img{display: block;width: 100%;} .zd-copy-title{width: 100%;height:40px;line-height: 40px;font-size: 36px;color: #666;margin: 110px 0 60px 0;text-align: center;} .zd-double-centent{width: 100%;margin-bottom: 100px;} .zd-dbct{float: left;width: 50%} .zd-dbct-title{color: #3cb2e9;text-align: center;font-size: 22px;margin-bottom: 40px;} .zd-dbct-centent{text-align: center;font-size: 18px;line-height: 40px;color: #666666;} .zd-four-pieces{width:100%;height:640px;background: url("../image/sikuaibg.png") no-repeat center; } .zd-four-pieces h1{font-size: 36px;padding: 50px 0 100px;text-align: center;color: #ffffff;} .zd-fp-ul{margin: 0 auto;} .zd-fp-ul li{float: left;width: 25%;padding:0 50px;box-sizing: border-box; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .zd-fpul-header{display:inline-block;width: 100%;height:65px;position: relative;margin: 0;} .zd-fpul-header p{width:100%;line-height: 65px;text-align: center;font-size: 24px;color: #ffffff;} .triangle_border_down{position: absolute; left: 50%;margin-left: -20px; width:0; height:0; border-width:15px 20px 0; border-style:solid;} .zd-fpul-centent{width: 100%;height:270px;padding: 65px 25px 0;box-sizing: border-box;background-color: #ffffff;font-size: 16px;color: #666666;} .zd-fp-ul li:hover{ padding: 0 35px;} .zd-bg-blue{background: #59b3e7; } .zd-bg-green{background: #aecc6c; } .zd-bg-red{background: #e48583; } .zd-bg-purple{background: #87a1da; } .zd-bg-tblue{border-color:#59b3e7 transparent transparent;} .zd-bg-tgreen{border-color:#aecc6c transparent transparent;} .zd-bg-tred{border-color:#e48583 transparent transparent;} .zd-bg-tpurple{border-color:#87a1da transparent transparent;} .zd-process{margin: 0 auto 75px;} .zd-process li{float: left;width: 33.3333333%;margin-bottom: 35px;padding: 0 30px;box-sizing: border-box;} .zd-process-list{width: 100%;text-align: center;background-color: #c9d2d6;padding: 25px 0; color: #ffffff;box-sizing: border-box;font-size: 16px;} .zd-process-list i{font-size: 56px;} .zd-process li .zd-process-list:hover{background: #3cb2e9;} .zd-why-app{width:100%;height:500px;background: url("../image/whyapp.png") no-repeat center; } .zd-why-app h1{font-size: 36px;padding: 50px 0 100px;text-align: center;color: #ffffff;} .zd-wp-box{margin: 0 auto;} .zd-wp-box li{float: left;width: 20%;text-align: center;padding: 0 20px;} .zd-wpbx-round{display:inline-block;width: 200px;height: 200px;border: 1px solid #ffffff;text-align: center;color: #ffffff;box-sizing: border-box; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} .zd-round-title{font-size: 22px;line-height: 58px;height: 58px;margin-top: 53px;padding: 0 8px;box-sizing: border-box;} .zd-round-centent{font-size: 14px;;height: 16px;padding: 0 8px;box-sizing: border-box;line-height: 22px;} .zd-wpbx-round:hover{background: #3cb2e9;border:1px solid #3cb2e9;} .zd-big-advantage{margin:0 auto;width: 1200px;} .zd-big-advantage li{float: left;width: 25%;padding: 0 18px;} .zd-ba-box{width: 270px;text-align: center;border:1px solid #666;box-sizing: border-box;padding: 40px 3px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} .zd-ba-box i{font-size: 100px;color: #a0d606;} .zd-ba-title{margin: 30px 3px 10px;font-size: 22px;color: #666666;} .zd-ba-centent{font-size: 16px;color: #666666;line-height: 24px;height: 40px;} .zd-case-banner{width: 100%} .zd-case-banner img{width: 100%} .zd-case-box{text-align: center;} .zd-case{padding: 90px 0 40px;} .zd-case-title{color: #a0d606;text-align: center;font-size: 26px;} .zd-cete-box{width: 100%;text-align: center;position: relative;} .zd-cete-box span{display:inline-block;text-align:center;font-size: 12px;width: 56px;margin:0 15px;line-height:32px;border-bottom: 2px solid #a0d606;} .zd-cebx-l{display:block;width: 556px;height: 1px;background-color: #666666;position: absolute;left: 0;top:16px;} .zd-cebx-r{display:block;width: 556px;height: 1px;background-color: #666666;position: absolute;right: 0;top:16px;} .zd-case-list{margin: 50px auto;} .zd-case-class{display: inline-block;} .zd-case-class li{float: left;} .zd-case-class li a{display: inline-block;width: 105px;height: 40px;line-height: 40px;border: 1px solid transparent;color: #666;} .zd-case-class li .nos{border: 1px solid #a0d606;color:#a0d606; } .zd-cl-box{width: 25%;float: left;padding: 10px;box-sizing: border-box; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .zd-cl-ig{display:block;width: 100%;height: 180px;overflow: hidden; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .zd-cl-ig img{transition-delay:.2s; ; width: 100%; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .zd-cl-entrance{transition-delay:.1s; width: 100%;height: 50px;background-color: #ffffff;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .zd-cl-box .zd-cl-entrance a{ transition-delay:0s; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; } .zd-cl-box:hover .zd-cl-entrance{transition-delay:.1s; background-color: #a0d606; } .zd-cl-box:hover .zd-cl-entrance a{color: #ffffff; transition-delay:.2s;} .zd-cl-box:hover .zd-cl-ig img{transform: scale(1.5);transition-delay:0s; } .zd-cl-title{display:inline-block;width:50%;line-height: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 10px;color: #666; box-sizing: border-box;float: left; } .zd-cl-icon{display: block;float: right;width: 40px;text-align: center;line-height: 50px;height: 50px;} .zd-cl-icon i{font-size: 24px;} .zd-page-box{width: 100%;text-align: center;margin-bottom: 50px;} .zd-page{display: inline-block;} .zd-page li{float: left;margin-right: 10px;} .zd-page li a{display:block;padding: 5px 10px;box-sizing: border-box;border:1px solid #a0d606;color: #a0d606} .zd-page li .tis{background-color: #a0d606;color: #ffffff;} .zd-shop-banner{width: 100%} .zd-shop-banner a{display:block;width: 100%} .zd-shop-banner img{width: 100%} .zd-shop-block{width:100%;} .zd-shop-blockbg{background-color: #f6f7f7;} .zd-shop-l{float: left} .zd-shop-r{float: right} .zd-shop-igbox{width: 33.3333%;text-align: center;padding: 50px;box-sizing: border-box} .zd-shop-igbox img{width: 100%;} .zd-shop-text{width: 66.6666%;padding:50px 0 0 0 ;box-sizing: border-box;} .zd-shoptext-title{width: 80%;margin: 0 auto; font-size: 28px;color:#333333;line-height: 80px;} .zd-shoptext-centent{width: 80%;margin: 0 auto;font-size: 16px;color:#666;line-height: 36px;} .icon-qianyu{background: url("../image/qy.png")center no-repeat;width: 100px;height: 106px;background-size: 63px 69px; display: block;margin: 0 auto;} .icon-shangxia{background: url("../image/bsx.png")center no-repeat;width: 100px;height: 106px;background-size: 82px 70px; display: block;margin: 0 auto;} .icon-youhuiqua{background: url("../image/sh.png")center no-repeat;width: 100px;height: 106px;background-size: 71px 71px; display: block;margin: 0 auto;} .icon-huaqiangxincheng{background: url("../image/kuai.png")center no-repeat;width: 100px;height: 106px;background-size: 71px 71px; display: block;margin: 0 auto;} .ogServerBtn{width: 190px;height: 44px;margin: 0 auto;text-align: center;} .ogServerBtn a{line-height: 44px;padding-right: 30px; color: #fff;display: block;font-size: 18px;background: #3cb2e9 url("../image/next1.png")right 30px center no-repeat;margin: 50px auto;} .innerFooter{background: url("../image/innerfooter.png") center no-repeat;padding: 65px 0;} .innerFooter .container{padding:0 20px;box-sizing: border-box;} .innerFooter .innerFooterLeft{width:40%; float: left;color: #fff;} .innerFooter .innerFooterLeft i{background: #fff;display: block;width: 80px;height: 1px;margin-bottom:70px; } .innerFooter .innerFooterLeft h3{font-size: 40px;font-weight: normal;} .innerFooter .innerFooterLeft h4{font-size: 36px;font-weight: normal;margin: 25px 0;} .innerFooter .innerFooterLeft h5{font-size: 44px;font-weight: normal;margin: 30px 0;} .innerFooter .innerFooterLeft p{font-size: 24px;font-weight: normal;} .innerFooter .innerFooterLeft img{margin-right: 20px;} .innerFooter .innerFooterRight{width: 60%;float: left;} .innerFooter .innerFooterRight ul li{float: left;margin-bottom: 30px;} .innerFooter .innerFooterRight ul li input{height: 50px;background:rgba(136,136,136,0.4);color: #fff!important; font-size: 14px;line-height: 50px;padding: 0 8px;box-sizing: border-box;} .innerFooter .innerFooterRight ul li textarea{height: 100px;background:rgba(136,136,136,0.4);color: #fff!important; font-size: 14px;line-height: 26px;padding: 8px;box-sizing: border-box} .innerFooter .innerFooterRight ul li span{font-size: 18px;color: #ffffff;line-height: 30px;display: block;} .innerFooter .innerFooterRight ul .li33{width: 33.33%;} .innerFooter .innerFooterRight ul .li100{width: 100%;} .innerFooter .innerFooterRight ul .li100 input{width: 98.5%;} .innerFooter .innerFooterRight ul .li100 textarea{width: 98.5%;resize: none;} .innerFooter .innerFooterRight ul .li33 input{width: 95%;} .innerFooterRight a{width:40%;height: 50px;background: #3cb2e9;line-height: 50px;color: #ffffff;text-align: center;display: block;font-size: 18px;} /* author:mingzheng.wang datetime:2018-7-18 use:seoserver.html*/ .ogSeoTop{background: #fff;} .ogSeoTop li{float: left;width: 25%;padding: 50px 0;box-sizing: border-box; text-align: center;border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;margin-left: -1px;} .ogSeoTop li h3{font-size: 20px;color: #333;font-weight: normal;padding-bottom: 10px;} .ogSeoTop li p{font-size: 14px;color: #999999;padding: 5px 0;} .ogSeoTop li .ogSeoTopTxt{text-align: left;padding-left: 170px;box-sizing: border-box;} .ogSeoTop li i{float: left;} .ogSeoTop li .zzyh{background: url("../image/zzyh.png")left 90px center no-repeat;background-size: 38px 38px; display: block;} .ogSeoTop li:hover .zzyh{background: url("../image/zzyh-on.png")left 90px center no-repeat;background-size: 38px 38px; display: block;} .ogSeoTop li .gjcyh{background: url("../image/ghcyh.png") left 90px center no-repeat;background-size: 40px 38px;display: block;} .ogSeoTop li:hover .gjcyh{background: url("../image/ghcyh-on.png") left 90px center no-repeat;background-size: 40px 38px;display: block;} .ogSeoTop li .ppssyh{background: url("../image/ppssyh.png")left 90px center no-repeat;background-size: 36px 38px;display: block;} .ogSeoTop li:hover .ppssyh{background: url("../image/ppssyh-on.png")left 90px center no-repeat;background-size: 36px 38px;display: block;} .ogSeoTop li .wlyxtg{background: url("../image/wlyx.png")left 90px center no-repeat;background-size: 35px 38px;display: block;} .ogSeoTop li:hover .wlyxtg{background: url("../image/wlyx-on.png")left 90px center no-repeat;background-size: 35px 38px;display: block;} .ogSeoTop li:hover h3{color: #3cb2e9;} .ogSeoTop li:hover p{color: #3cb2e9;} .ogBaiduSeo{padding-top: 60px;} .ogBaiduSeo ul li{width: 20%;float: left;text-align: center; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogBaiduSeo ul li h3{color: #333333;font-size: 22px;font-weight: normal;line-height: 70px;} .ogBaiduSeo ul li p{color: #666666;font-size: 16px;font-weight: normal;padding-bottom: 40px;display: none;} .ogBaiduSeo ul li .seobg{width: 130px;height: 130px;margin: 0 auto;position: relative; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogBaiduSeo ul li .seoTxt{ width: 200px; height: 131px; margin: 0 auto; background: transparent; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .ogBaiduSeo ul li i{ -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; } .ogBaiduSeo ul li .seozd{background: url("../image/seozd-bg.png")center ;border-radius: 34px;background-size: 100%;} .ogBaiduSeo ul li .seozd i{background: url("../image/seozd.png")center no-repeat;width: 100%;height:100%;display: block;} .ogBaiduSeo ul li .seogw{background: url("../image/seogw-bg.png")center ;border-radius: 34px;background-size: 100%;} .ogBaiduSeo ul li .seogw i{background: url("../image/seogw.png")center no-repeat;width: 100%;height:100%;display: block;} .ogBaiduSeo ul li .bdxlyh{background: url("../image/bdxlyh-bg.png")center ;border-radius: 34px;background-size: 100%;} .ogBaiduSeo ul li .bdxlyh i{background: url("../image/bdxlyh.png")center no-repeat;width: 100%;height:100%;display: block;} .ogBaiduSeo ul li .xgssyh{background: url("../image/xgssyh-bg.png")center ;border-radius: 34px;background-size: 100%;} .ogBaiduSeo ul li .xgssyh i{background: url("../image/xgssyh.png")center no-repeat;width: 100%;height:100%;display: block;} .ogBaiduSeo ul li .bdzsyh{background: url("../image/bdzsyh-bg.png")center ;border-radius: 34px;background-size: 100%;} .ogBaiduSeo ul li .bdzsyh i{background: url("../image/bdzsyh.png")center no-repeat;width: 100%;height:100%;display: block;} .ogBaiduSeo ul li:hover .seobg{width: 100%;border-radius: 20px 20px 0 0;} .ogBaiduSeo ul li:hover .seoTxt{background: #fff;border-radius: 0 0 20px 20px;width: 100%;} .ogBaiduSeo ul li:hover p{display: block;} .ogBaiduSeo ul li:hover{box-shadow: 1px 1px 7px 1px #dddddd;border-radius: 20px;} .ogCommitment{background: url("../image/commitmentbg.png")center no-repeat; ;padding: 60px 0 70px;margin-top: 60px;box-sizing: border-box;} .ogCommitment ul li{width: 25%;float: left;padding: 0 15px;box-sizing: border-box;} .ogCommitment ul li .ogCmTxt{background: rgba(255,255,255,.1);text-align: center;color: #fff;padding: 30px 40px;box-sizing: border-box;height: 256px;} .ogCommitment ul li h3{font-size: 22px;font-weight: normal;padding: 10px 0;} .ogCommitment ul li i{width:42px;height: 2px;background: #3cb2e9; display: block;margin: 15px auto;} .ogCommitment ul li p{font-size: 16px;color: #bbbbbb;line-height: 30px;} .ogSeoBoxs li .ogCmTxt:hover{background: #3cb2e9!important;} .ogSeoBoxs li .ogCmTxt:hover p{color: #c4ecff!important;} .ogSeoBoxs li .ogCmTxt:hover i{background: #fff!important;} .ogSeoNews{padding: 60px 30px;background: #fff;} .ogSeoLeft{float: left;width: 65%;} .ogSeoRight{float: left;width: 35%;} .ogSeoRight img{width: 100%;height: 100%;} .ogSeoLeft ul li{float: left;width: 50%;margin: 15px 0;} .ogSeoLeft ul li .ogNewsTime{float: left;width: 16%;} .ogSeoLeft ul li .ogNewsTime .ogNewsDay{font-size: 24px;color: #333333;display: block;text-align: right;} .ogSeoLeft ul li .ogNewsTime .ogNewsYear{font-size: 16px;color: #999999;display: block;text-align: right;} .ogSeoLeft ul li .ogNewsCenter{float: left;width: 75%;padding-left: 30px;box-sizing: border-box;} .ogSeoLeft ul li .ogNewsCenter h3{font-weight: normal;padding-bottom: 10px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%;} .ogSeoLeft ul li .ogNewsCenter h3 a{font-size: 24px;color: #333333;} .ogSeoLeft ul li .ogNewsCenter p{font-size: 14px;color: #999999;line-height: 24px;height: 48px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .ogSeoNews li:hover a{color: #3cb2e9!important;} /* author:mingzheng.wang datetime:2018-7-18 use:webserver.html*/ .ogInnerBanner{position: relative;} .oWebTop{position: absolute;left: 0;bottom: 0;background: rgba(255,255,255,0.24);width: 100%;} .oWebTop ul li{width: 20%;float: left;text-align: center;border-left: 1px solid #fff;border-right: 1px solid #fff;margin-left: -1px;height: 180px;} .oWebTop ul li:hover{background: rgba(255,255,255,0.24)} .oWebTop ul li i{width: 60px;height: 60px;display: block;margin: 25px auto;} .oWebTop ul li .wmhy{background: url("../image/wmyh.png")center no-repeat;background-size: 49px 49px; } .oWebTop ul li .pxhy{background: url("../image/pxhy.png")center no-repeat;background-size: 51px 49px; } .oWebTop ul li .jxyh{background: url("../image/jxhy.png")center no-repeat;background-size: 49px 49px; } .oWebTop ul li .jjhy{background: url("../image/jjhy.png")center no-repeat;background-size: 53px 49px; } .oWebTop ul li .jdms{background: url("../image/jdms.png")center no-repeat;background-size: 49px 49px; } .oWebTop ul li p{font-size: 24px;color: #fff;} .webServer{padding: 60px 0 30px;} .webServerBox li{width: 24%;float: left;text-align: center;border:1px solid #e7e7e7;margin-left: -1px;background: #fafafa;height: 460px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .webServerBox li i{display: block;width: 90px;height: 90px;background-size: 100% 100%!important;margin: 60px auto 10px;} .webServerBox .ppwzjs i{background: url("../image/ppwzjs.png")center no-repeat;} .webServerBox .ydhlwkf i{background: url("../image/ydhlwkf.png")center no-repeat;} .webServerBox .wztg i{background: url("../image/wztg.png")center no-repeat;} .webServerBox .ppsj i{background: url("../image/ppsj.png")center no-repeat;} .webServerBox li h3{font-size: 20px;color: #000;font-weight: normal;padding-bottom: 10px;} .webServerBox li p{font-size: 16px;color: #666;line-height: 30px;text-align: left;padding-left: 60px;overflow: hidden;} .webServerBox li p span{font-size: 40px;float: left;margin-right: 4px;display: block;} .webServerBox .on.ppwzjs i{background: url("../image/ppwzjs-on.png")center no-repeat;} .webServerBox .on.ydhlwkf i{background: url("../image/ydhlwkf-on.png")center no-repeat;} .webServerBox .on.wztg i{background: url("../image/wztg-on.png")center no-repeat;} .webServerBox .on.ppsj i{background: url("../image/ppsj-on.png")center no-repeat;} .webServerBox .on{width: 28%;float: left;background: #3cb2e9;} .webServerBox .on h3{color: #fff;} .webServerBox .on p{color: #fff;} .ogWebNews ul li{width: 20%;} .ogWebNews ul li .ogCmTxt{background: transparent;} .ogWebNews ul li p{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%;text-align: left;} .ogWebNews ul li p a{color: #fff;} .ogWebNews ul li .ogCmTitle {border-bottom: 1px solid #fafafa;margin-bottom: 10px;} .ogWebNews ul li i {margin-bottom: 0;position: relative;top: 1.5px;z-index: 5; height: 3px;} .ogCommitment ul li .ogCmTxt:hover{background: #fff;border-radius: 10px;} .ogCommitment ul li .ogCmTxt:hover h3{color: #333;} .ogCommitment .ogSeoBoxs li .ogCmTxt:hover h3{color: #fff;} .ogCommitment ul li .ogCmTxt:hover a{color: #666;} .ogCommitment ul li .ogCmTxt:hover i{background: #3cb2e9;} .ogCommitment ul li .ogCmTxt:hover .ogCmTitle{border-color: #eeeeee;} .ogCommitment ul li a:hover{color: #3cb2e9!important;} .ogFwLc{background: #fff;padding: 60px 0 80px; ;margin-top: 60px;} .ogFwLc .ogWenImg{position: relative;} .ogFwLc img{width: 100%;} .ogFwLc span{background: url("../image/lc_on.png")left top no-repeat;background-size:cover;display: block; width: 0%;height: 134px;position: absolute;left: 0;top: 0;} .ogWenImg span{ -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 0.5s; -moz-transition-property: -moz-transform; -moz-transition-duration: 0.5s; -webkit-animation: rotate 6s linear infinite; -moz-animation: rotate 6s linear infinite; -o-animation: rotate 6s linear infinite; animation: rotate 6s linear infinite;} @-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)} to{width: 0;} } @-moz-keyframes rotate{from{-moz-transform: rotate(0deg)} to{width: 25%;} } @-o-keyframes rotate{from{-o-transform: rotate(0deg)} to{width: 50%;} } @keyframes rotate{from{transform: rotate(0deg)} to{width: 100%; }} /* author:mingzheng.wang datetime:2018-7-18 use:wechatserver.html*/ .ogWechatjs{background:#fff url("../image/jsbg.png") center no-repeat;width: 100%;padding: 60px 0;} .ogWechatjs ul {width: 1200px;margin: 60px auto 0;} .ogWechatjs ul li{float: left;width: 25%;} .ogWechatjs ul li img{display: block;margin: 0 auto;} .ogWechatjs ul li div{width: 150px;height: 150px;margin: 0 auto;} .ogWechatjs ul li p{font-size: 14px;color: #333333;text-align: center;padding: 40px 0 ;} .ogWechatjs .container> p{text-align: center;font-size: 16px;color: #333333;line-height: 36px;} .ogWechatFw{background: url("../image/fwbj.png")center bottom 0 no-repeat;width: 100%;padding: 60px 0 100px;} .ogWechatBoxLeft{width: 310px;float: left;} .ogWechatBoxLeft li{float: left;width: 145px;height: 175px;cursor: pointer; border-radius: 20px;background: #fff;border: 1px solid #3cb2e9;font-size: 16px;color: #333333;text-align: center;} .ogWechatBoxLeft li.on{background: #3cb2e9; color: #fff;} .ogWechatBoxLeft li i{width: 80px;height: 80px;display: block;margin: 25px auto;} .ogWechatBoxLeft li .fwzs{background: url("../image/fwzs.png")center no-repeat;background-size: 40px 63px;} .ogWechatBoxLeft li .fwtg{background: url("../image/fwtg.png")center no-repeat;background-size: 67px 68px;} .ogWechatBoxLeft li .fwfw{background: url("../image/fwfw.png")center no-repeat;background-size: 72px 64px;} .ogWechatBoxLeft li .fwyx{background: url("../image/fwyx.png")center no-repeat;background-size: 79px 63px;} .ogWechatBoxLeft li.on .fwzs{background: url("../image/fwzs-on.png")center no-repeat;background-size: 40px 63px;} .ogWechatBoxLeft li.on .fwtg{background: url("../image/fwtg-on.png")center no-repeat;background-size: 67px 68px;} .ogWechatBoxLeft li.on .fwfw{background: url("../image/fwfw-on.png")center no-repeat;background-size: 72px 64px;} .ogWechatBoxLeft li.on .fwyx{background: url("../image/fwyx-on.png")center no-repeat;background-size: 79px 63px;} .ogWechatBoxCentant{width: 500px;float: left;margin: 0 100px;} .ogWechatBoxCentant .ogWbcBox .ogWbcTitle h3{margin-bottom: 40px; display:inline-block;font-size: 24px;color: #333333;font-weight: normal;border-bottom: 3px solid #3cb2e9;padding-bottom: 4px;} .ogWechatBoxCentant ul li{display: block;width: 100%;font-size: 14px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;line-height: 60px;} .ogWechatBoxCentant ul li a{color: #666;} .ogWechatBoxCentant ul li span{display: block;float: left;width: 100px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} .ogWechatBoxCentant ul li p{display: block;float: left;width: 400px;font-size: 14px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} .ogWebBoxRight{float: left;width: 190px;} .ogWebBoxRight img{width: 100%;} .ogWechatBoxCentant ul li a:hover{color: #3cb2e9;} .ogWechatJjfa{padding: 60px 0 80px;} .ogWechatJjfa p{text-align: center;font-size: 16px;color: #999;padding-bottom: 60px;} .ogWechatJjfa ul li{float: left;width: 200px;height: 200px;text-align: center;font-size: 16px;color: #333333;background: #fff;border-radius: 20px;margin: 20px;} .ogWechatJjfa ul li i{width: 90px;height: 90px;display: block;margin: 30px auto;} .ogWechatJjfa ul li .dsl{background: url("../image/dsl.png")center no-repeat;background-size:61px 53px;} .ogWechatJjfa ul li .cyl{background: url("../image/cyl.png")center no-repeat;background-size:64px 52px;} .ogWechatJjfa ul li .jrl{background: url("../image/jrl.png")center no-repeat;background-size:62px 52px;} .ogWechatJjfa ul li .yll{background: url("../image/yll.png")center no-repeat;background-size:52px 52px;} .ogWechatJjfa ul li .lyl{background: url("../image/lyl.png")center no-repeat;background-size:68px 52px;} .ogWechatJjfa ul li .jzl{background: url("../image/jzl.png")center no-repeat;background-size:47px 52px;} .ogWechatJjfa ul li .dcl{background: url("../image/dcl.png")center no-repeat;background-size:52px 53px;} .ogWechatJjfa ul li .sjl{background: url("../image/sjl.png")center no-repeat;background-size:52px 53px;} .ogWechatJjfa ul li .hyl{background: url("../image/hyl.png")center no-repeat;background-size:58px 52px;} .ogWechatJjfa ul li .wll{background: url("../image/wll.png")center no-repeat;background-size:88px 52px;} .ogWechatJjfa ul li:hover{background: #43a8eb;} .ogWechatJjfa ul li:hover p{color: #fff;} .ogWechatJjfa ul li:hover .dsl{background: url("../image/dsl-on.png")center no-repeat;background-size:61px 53px;} .ogWechatJjfa ul li:hover .cyl{background: url("../image/cyl-on.png")center no-repeat;background-size:64px 52px;} .ogWechatJjfa ul li:hover .jrl{background: url("../image/jrl-on.png")center no-repeat;background-size:62px 52px;} .ogWechatJjfa ul li:hover .yll{background: url("../image/yll-on.png")center no-repeat;background-size:52px 52px;} .ogWechatJjfa ul li:hover .lyl{background: url("../image/lyl-on.png")center no-repeat;background-size:68px 52px;} .ogWechatJjfa ul li:hover .jzl{background: url("../image/jzl-on.png")center no-repeat;background-size:47px 52px;} .ogWechatJjfa ul li:hover .dcl{background: url("../image/dcl-on.png")center no-repeat;background-size:52px 53px;} .ogWechatJjfa ul li:hover .sjl{background: url("../image/sjl-on.png")center no-repeat;background-size:52px 53px;} .ogWechatJjfa ul li:hover .hyl{background: url("../image/hyl-on.png")center no-repeat;background-size:58px 52px;} .ogWechatJjfa ul li:hover .wll{background: url("../image/wll-on.png")center no-repeat;background-size:88px 52px;} .ogKfys{background: url("../image/kfbj.png")center bottom 0 no-repeat;width: 100%;padding: 60px 0 70px; } .ogKfys .ogKfysBox{background: url("../image/kfs.png")center bottom 0 no-repeat;width: 100%;height: 397px;background-size: 100%; } .ogKfysBox{position: relative;margin-top: 100px;} .ogKfysBox li{float: left;width: 62px;height: 62px;position: absolute;} .ogKfysBox li .ogIcon{width: 64px;height: 64px;position: relative;border:2px solid #b3d7ec;border-radius: 50%;background: #fff;box-sizing: border-box;} .ogKfysBox li .ogIcon i{width: 60px;height: 60px;display: block;} .ogKfysBox li .ogIcon .ogSz{background: url("../image/sz.png")center no-repeat;background-size: 36px 36px;} .ogKfysBox li .ogIcon .ogTd{background: url("../image/td.png")center no-repeat;background-size: 41px 35px;} .ogKfysBox li .ogIcon .ogSj{background: url("../image/sj.png")center no-repeat;background-size: 34px 34px;} .ogKfysBox li .ogIcon .ogFw{background: url("../image/fw.png")center no-repeat;background-size: 36px 36px;} .ogKfysBox li .ogIcon .ogTxt{display: none; position: absolute;top: -155px;left: 50%;width: 350px;height: 140px;border: 2px solid #b3d7ec;margin-left: -175px;background: #fff;font-size: 14px;color: #333;line-height: 26px;border-radius: 20px;padding: 10px;box-sizing: border-box;z-index: 10;} .ogKfysBox li .ogIcon span{position: absolute;width: 100px;left: 50%;margin-left: -50px;top: -40px;text-align: center;font-size: 18px;color: #333;z-index: 9;} .ogKfysBox li:hover .ogIcon{background:#3cb2e9; } .ogKfysBox li:hover .ogIcon .ogTxt{display: block;} .ogKflc{background:#fff url("../image/kflc.png")top 0 center no-repeat;width: 100%;height: 631px; padding: 80px 0 60px;} .ogKflcBox ul{position: relative;} .ogKflcBox li{float: left;position: absolute; width: 150px; left: -1000px;top: -1000px;cursor: pointer;} .ogKflcBox li span{font-size: 24px;color: #fff;text-align: center;display: block;margin: 20px 0;} .ogKflcBox li >i{background: url("../image/dian.png")no-repeat;width: 24px;height: 24px;display: block;margin: 0 auto;} .ogKflcBox .ogKflcIcon{position: relative;width: 60px;height: 60px;margin: 0 auto;} .ogKflcBox .ogKflcIcon p{display: none; position: absolute;width: 350px;height: 90px;left: 50%;margin-left: -175px;top: 50%;margin-top: -45px; background: #fff;border-radius: 90px;line-height: 90px;text-align: center;border: 2px solid #b3d7ec;font-size: 14px;color: #333333;overflow: hidden;} .ogKflcBox .ogKflcIcon i{display: block;width: 60px;height: 60px;} .ogKflcBox .ogKflcIcon .pgxq{background: url("../image/pgxq.png")center no-repeat;background-size: 49px 52px;} .ogKflcBox .ogKflcIcon .fagh{background: url("../image/fagh.png")center no-repeat;background-size: 55px 55px;} .ogKflcBox .ogKflcIcon .xmlx{background: url("../image/xmlx.png")center no-repeat;background-size: 58px 53px;} .ogKflcBox .ogKflcIcon .sjsj{background: url("../image/sjsj.png")center no-repeat;background-size: 53px 52px;} .ogKflcBox .ogKflcIcon .cxkf{background: url("../image/cxkf.png")center no-repeat;background-size: 59px 51px;} .ogKflcBox .ogKflcIcon .zlsh{background: url("../image/zlsh.png")center no-repeat;background-size: 51px 52px;} .ogKflcBox .ogKflcIcon .yssx{background: url("../image/yssx.png")center no-repeat;background-size: 49px 53px;} .ogKflcBox .ogKflcIcon .hqwh{background: url("../image/hqwh.png")center no-repeat;background-size: 53px 53px;} .ogKflcBox li:hover .ogKflcIcon p{display: block;} .ogKflcBox li:hover >i{background: url("../image/dian-on.png")no-repeat;width: 24px;height: 24px;display: block;margin: 0 auto;background-size: 100%;} .ogClassification{} .ogClassification .ogFls{margin: 10px 0;} .ogClassification .ogFls label{float: left;font-size: 18px;color: #333333;line-height: 40px;width: 100px;text-align: right;padding: 10px;box-sizing: border-box;} .ogClassification .ogFls ul{float: left;width: 1000px;} .ogClassification .ogFls ul li{margin: 10px; text-align: center; float: left;height: 40px;line-height:40px;min-width: 70px; padding: 0 15px;box-sizing: border-box;background: #f2f2f2;border-radius: 6px;} .ogClassification .ogFls ul li a{font-size: 16px;color: #999;display: block;} .ogClassification .ogFls ul .on{background: #43a8eb;} .ogClassification .ogFls ul .on a{color: #fff;} .ogClassification .ogFls ul li:hover{background: #43a8eb;} .ogClassification .ogFls ul li:hover a{color: #fff;} .ogSolutionDetailsCantar {font-size: 14px;line-height: 24px;} /*适配*/ @media only screen and (max-width: 1600px) { .aboutServerRightBox ul{padding: 20px 40px; } .aboutServerRightBox li img{max-height: 50px;} .aboutServerRightBox li h3{margin: 10px 0;} .aboutServerRightBox li a{line-height: 22px;} .ogNewsList .ogNewsBox .ogNewsTxt h3{padding-top: 10px;} .ogNewsList .ogNewsBox .ogNewsTxt >p{line-height: 32px;height: 64px;margin: 10px 0;} .ogSuccessCaseFl{margin-bottom: 30px;} .ogNewsHot h3{height: 60px;line-height: 60px;} .ogNewsHot ul li{height: 60px;line-height: 60px;} .ogNewsRight .ogNewsRightBox li{padding: 20px 15px 20px 0;height: 123px;} .ogNewsRight .ogNewsRightBox .ogNewsTime .ogNewsDay{font-size: 36px;} } @media only screen and (max-width: 1440px) { .ogServiceFieldLi{width: 95%;margin: 2.5% auto;} /*about*/ .aboutTime .aboutTimeTxt p{font-size: 70px;margin-bottom: 15px;} .aboutTime .aboutTimeTxt{font-size: 28px;} .aboutTime .aboutTimeP{font-size: 22px;} .aboutTime .aboutTimeP span{font-size: 36px;} .aboutTime .aboutTimeP b{font-size: 36px;} .aboutI1{padding: 60px 0;} .aboutI1 .aboutTRight h3{font-size: 26px;} .aboutI1 .aboutTRight p{line-height: 30px;} .aboutI1 .aboutTRight img{margin: 30px 0;} .aboutI2 img{margin: 0 auto 80px;display: block;} .aboutI2 p{text-align: center;font-size: 26px;color: #bbbaba;line-height: 50px;} .aboutI3 .aboutI3Left img{width: 280px;right: -35px;top: 40px;} .aboutI3 .aboutI3Left .aboutI3Txt{width: 50%;top: 250px;} .aboutI3 .aboutI3Left .aboutI3Txt h3{margin: 25px 0;font-size: 36px;} .ogMap{height: 607px;} /*news*/ .ogNewsList .ogNewsBox .ogNewsTxt h3{font-size: 22px;padding-top: 15px;} .ogNewsList .ogNewsBox .ogNewsTxt >p{font-size: 16px;line-height: 30px;height: 60px;margin: 5px 0;} .ogNewsList .ogNewsBox .ogNewsBottom p{font-size: 14px;} .ogNewsList .ogNewsBox .ogNewsBottom a{font-size: 14px;} .ogNewsList .ogNewsBox .ogNewsBottom{height: 30px;line-height: 30px;} /*appserver*/ .ogSeoTop li .ogSeoTopTxt{ padding-left: 120px;} .ogSeoTop li .zzyh{background: url("../image/zzyh.png")left 40px center no-repeat} .ogSeoTop li:hover .zzyh{background: url("../image/zzyh-on.png")left 40px center no-repeat} .ogSeoTop li .gjcyh{background: url("../image/ghcyh.png") left 40px center no-repeat} .ogSeoTop li:hover .gjcyh{background: url("../image/ghcyh-on.png") left 40px center no-repeat} .ogSeoTop li .ppssyh{background: url("../image/ppssyh.png")left 40px center no-repeat } .ogSeoTop li:hover .ppssyh{background: url("../image/ppssyh-on.png")left 40px center no-repeat } .ogSeoTop li .wlyxtg {background: url("../image/wlyx.png")left 40px center no-repeat } .ogSeoTop li:hover .wlyxtg {background: url("../image/wlyx-on.png")left 40px center no-repeat } .ogSeoLeft ul li{margin: 10px 0;} .ogSeoLeft ul li .ogNewsCenter h3 a{font-size: 22px;} /*webserver*/ .oWebTop ul li{height: 100px;} .oWebTop ul li i{width: 30px;height: 30px;background-size: 100% 100%!important;margin: 20px auto;} .oWebTop ul li p{font-size: 18px;} .OgSolution .container ul li{padding: 10px;} .OgSolution .container ul li .OgSolutionTxt h3{font-size: 18px;} .OgSolution .container ul li .OgSolutionTxt p{-webkit-line-clamp: 1;height: 24px;} .OgSolution .container .OgSolutionLeft li .OgSolutionTxt > a{position: absolute;bottom: -36px} .OgSolution .container .OgSolutionRight li .OgSolutionTxt > a{position: absolute;bottom: -36px} .ogNewsRight .ogNewsRightBox li{height: 124px;margin-bottom: 15px;} .ogNewsRight .ogNewsRightBox .ogNewsTime .ogNewsYear{font-size: 20px;} .ogNewsRight .ogNewsRightBox .ogNewsTime .ogNewsDay{font-size: 34px;} .OgSolutionCentar{height: 398px;} } .ogFzFl{margin:0 auto 80px;width: 1200px; } .ogFzFl li{float: left;width: 50%;padding: 0 20px;box-sizing: border-box;} .ogFzFl li a{color: #666;font-size: 16px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%;display: block;} .ogFzFl li:nth-child(2){text-align: right;} .ogFzFl li:hover a{color: #3cb2e9;} @media only screen and (max-width: 1200px) { .ogServiceFieldLi{width: 98%;margin: 1% auto;} /*about*/ .aboutTime .aboutTimeTxt p{font-size: 60px;margin-bottom: 10px;} .aboutTime .aboutTimeTxt{font-size: 26px;} .aboutTime .aboutTimeP{font-size: 18px;} .aboutTime .aboutTimeP span{font-size: 32px;} .aboutTime .aboutTimeP b{font-size: 32px;} .aboutI1{padding: 40px 0;} .aboutI1 .aboutTRight h3{font-size: 20px;} .aboutI1 .aboutTRight p{line-height: 26px;} .aboutI1 .aboutTRight img{margin: 20px 0;} .aboutI2 img{margin: 0 auto 80px;display: block;} .aboutI2 p{text-align: center;font-size: 24px;color: #bbbaba;line-height: 50px;} .aboutI3 .aboutI3Left img{width: 220px;right: -28px;top: 30px;} .aboutI3 .aboutI3Left .aboutI3Txt{width: 60%;top: 200px;} .aboutI3 .aboutI3Left .aboutI3Txt h3{margin: 25px 0;font-size: 36px;} .ogMap{height: 507px;} /*news*/ .ogNewsList .ogNewsBox .ogNewsTxt h3{font-size: 20px;padding-top: 10px;} .ogNewsList .ogNewsBox .ogNewsTxt >p{font-size: 14px;line-height: 24px;height: 48px;margin: 10px 0;} .ogNewsList .ogNewsBox .ogNewsBottom{height: 40px;line-height: 40px;} .ogNewsList .ogNewsBox .ogNewsBottom p{font-size: 12px;} .ogNewsList .ogNewsBox .ogNewsBottom a{font-size: 12px;} .ogNewsList .ogNewsMain li{margin-bottom: 16px;} .ogNewsList .ogNewsMain li:nth-child(2n){padding-left: 8px;} .ogNewsList .ogNewsMain li:nth-child(2n-1){padding-right: 8px;} /*appserver*/ .ogBaiduSeo ul li .seobg{width: 100px;height: 100px;border-radius: 28px;} .ogBaiduSeo ul li .seoTxt{height: 88px;border-radius: 0 028px 28px;} .ogBaiduSeo ul li h3{font-size: 18px;line-height: 45px;} .ogBaiduSeo ul li p{padding-bottom: 20px;} .ogSeoLeft ul li .ogNewsCenter{padding-left: 20px;} .ogSeoLeft ul li{margin: 5px 0;} .ogSeoLeft ul li .ogNewsCenter h3{padding-bottom: 8px;} .ogSeoLeft ul li h3 a{font-size:20px; } .ogSeoLeft ul li .ogNewsCenter p{line-height: 22px;height: 44px;} /*2018-7-30*/ .ogClassification{} .ogClassification .ogFls{margin: 10px 0;} .ogClassification .ogFls label{float: left;font-size: 18px;color: #333333;line-height: 40px;width: 100px;text-align: right;padding: 10px;box-sizing: border-box;} .ogClassification .ogFls ul{float: left;width: 1000px;} .ogClassification .ogFls ul li{margin: 10px; text-align: center; float: left;height: 40px;line-height:40px;min-width: 70px; padding: 0 15px;box-sizing: border-box;background: #f2f2f2;border-radius: 6px;} .ogClassification .ogFls ul li a{font-size: 16px;color: #999;} .ogClassification .ogFls ul .on{background: #43a8eb;} .ogClassification .ogFls ul .on a{color: #fff;} .ogClassification .ogFls ul li:hover{background: #43a8eb;} .ogClassification .ogFls ul li:hover a{color: #fff;} .OgSolution .container ul li .OgSolutionTxt h3{font-size: 16px;} .OgSolution .container .OgSolutionLeft li .OgSolutionTxt > a{position: absolute;bottom: -30px} .OgSolution .container .OgSolutionRight li .OgSolutionTxt > a{position: absolute;bottom: -30px} .ogNewsRight .ogNewsRightBox li{height: 116px;margin-bottom: 15px;} .ogNewsRight .ogNewsRightBox .ogNewsTime .ogNewsYear{font-size: 16px;} .ogNewsRight .ogNewsRightBox .ogNewsTime .ogNewsDay{font-size: 30px;} .ogNewsRight .ogNewsfl li.on a{height: 50px;line-height: 50px;font-size: 20px;} .ogNewsRight .ogNewsfl li a:hover{height: 50px;line-height: 50px;} .ogNewsRight .ogNewsRightBox .ogNewsCenter h3{font-size: 22px;} /*.ogNewsRight .ogNewsRightBox .ogNewsCenter {font-size: 22px;}*/ } .ogSuccessCase .ogSuccessCaseList li:hover .ogHovers{ display: block; height: 100%; top: 0; padding:5%; box-sizing: border-box; } .ogHovers { display: block; position: absolute; left: 0; top: 50%; width: 100%; height: 0; background: rgba(0, 0, 0, .5); text-align: center; color: #ffffff !important; padding:0 5%; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .ogHovers h3 { font-size: 28px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; margin-bottom: 5%; } .ogHovers p { font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .ogHovers div{ padding: 20% 0; box-sizing: border-box; height: 100%; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } .ogSuccessCase .ogSuccessCaseList li .ogDetails { display: block; width: 100%; float: right; text-align: left; font-size: 14px; color: #505050; background: url(../image/next.png) right 0 center no-repeat; padding-right: 40px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin-top: 20px; }