@CHARSET "UTF-8"; a:hover, a:focus{ outline: none; text-decoration: none; } .prodsWraper{background:url(../images/prodsTopBg.png) repeat-x;height:100%} .prodsWraper{} .devWraper>div>div.row, .prodsWraper>div>div.row{position:relative} .devWraper{background:url(../images/devBannerBg.png) repeat-x;height:100%} /*.prodBanner{height:310px;background:url(../images/networkbg.png) no-repeat 420px -100px;padding-left:230px;overflow:hidden}*/ .devBanner{height:269px;background:url(../images/devBanner.png) no-repeat 191px top;padding-left:230px} dl.bannerIntro{margin-top:50px} dl.bannerIntro h1{color:#282828;font-size:34px;padding:20px 0} dl.bannerIntro dd ul{color:#3d4043;} dl.bannerIntro dd ul li{color:#3d4043;line-height:28px;font-size:13px;padding-left:22px;background:url(../images/lidisc.png) no-repeat 5px center} .devBanner dl.bannerIntro dt{color:#fff;font-size:34px;padding:10px 0} .devBanner dl.bannerIntro dd ul li{color:#fff;font-size:16px} div.bannerMark{background:url(../images/bannerMarkbg.png) no-repeat left bottom;padding:55px 0 20px 33px} div.bannerMark>div{width:177px;height:202px} div.bannerMark>div.id{background:url(../images/prods/icoId.png) no-repeat left bottom} div.bannerMark>div.passport{background:url(../images/prods/icoPassport.png) no-repeat left bottom} div.bannerMark>div.residence{background:url(../images/prods/icoResidence.png) no-repeat left bottom} div.bannerMark>div.marriage{background:url(../images/prods/icoMarriage.png) no-repeat left bottom} div.bannerMark>div.bankcard{background:url(../images/prods/icoBankcard.png) no-repeat left bottom} div.bannerMark>div.creditreport{background:url(../images/prods/icoCredit.png) no-repeat left bottom} div.bannerMark>div.vin{background:url(../images/prods/icoVins.png) no-repeat left bottom} div.bannerMark>div.vehiclelic{background:url(../images/prods/icoVehicleLic.png) no-repeat left bottom} div.bannerMark>div.drivelic{background:url(../images/prods/icoDriveLic.png) no-repeat left bottom} div.bannerMark>div.vehicleinvoice{background:url(../images/prods/icoVehicleInvoice.png) no-repeat left bottom} div.bannerMark>div.vehicleregist{background:url(../images/prods/IcoVehicleRegist.png) no-repeat left bottom} div.bannerMark>div.vehiclequalify{background:url(../images/prods/icoVehicleQualify.png) no-repeat left bottom} div.bannerMark>div.licenseplate{background:url(../images/prods/icoLicPlate.png) no-repeat left bottom} div.bannerMark>div.invoice{background:url(../images/prods/icoInvoice.png) no-repeat left bottom} div.bannerMark>div.railticket{background:url(../images/prods/icoRailTicket.png) no-repeat left bottom} div.bannerMark>div.itinerary{background:url(../images/prods/icoItinerary.png) no-repeat left bottom} div.bannerMark>div.realestate{background:url(../images/prods/icoRealeState.png) no-repeat left bottom} div.bannerMark>div.titledeed{background:url(../images/prods/icoTitledeed.png) no-repeat left bottom} div.bannerMark>div.bizlicense{background:url(../images/prods/icoBizlic.png) no-repeat left bottom} .mainContentWraper{} .mainContentWraper>div>div.row{padding-left:220px} @media screen and (max-width:767px){ .mainContentWraper>div>div.row{padding-left:0px} .prodBanner{padding-left:0px;height:250px;background:url(../images/networkbg.png) no-repeat 200px -100px} .devBanner{padding-left:0px;background-position:left top;height:180px;background-size:cover } dl.bannerIntro{margin-top:0px} dl.bannerIntro h1{font-size:28px} dl.bannerIntro dd{font-size:12px} .prodsWraper{background:url(../images/prodsTopBg.png) repeat-x left -60px;} div.bannerMark{padding:20px 0 10px 27px;background-size:204px 180px} div.bannerMark>div{width:140px;height:160px;background-size:140px 160px!important} } @media screen and (max-width:480px){ dl.bannerIntro{width:100%} div.bannerMark{display:none} .devBanner{height:120px;} .devWraper{background:none} .devBanner dl.bannerIntro dd ul li{color:#fff;font-size:13px} } div.leftNav{padding:33px 0 0 0;height:100%;position:absolute;top:0;left:0;width:192px} div.leftNav>div{background:#fdfdfe;border:1px solid #ebebeb;border-top:none;width:100%;height:100%} dl.sideBar{} dl.sideBar dt{border-top:1px solid #ebebeb;height:47px;line-height:21px;padding-left:15px;position:relative;cursor:pointer} dl.sideBar dt.active,dl.sideBar dt.last{} dl.sideBar dt span{display:inline-block;background:url(../images/prods/icoProds.jpg) no-repeat;margin-top:13px;padding:0 0 0 27px;position:relative;color:#282828;width:100%} dl.sideBar dt span>a{color:#282828} dl.sideBar dt span em{margin-right:21px;color:#6f6f6f} dl.sideBar dt.prodId>span{background-position:0 0} dl.sideBar dt.prodVehicle>span{background-position:0 -21px} dl.sideBar dt.prodInvoice>span{background-position:0 -42px} dl.sideBar dt.prodProperty>span{background-position:0 -63px} dl.sideBar dt.prodBiz>span{background-position:0 -84px} ul.sideLnks{padding-top:10px} ul.sideLnks li{height:36px;padding:7px 0 7px 40px} ul.sideLnks li a{line-height:22px;color:#747373} ul.sideLnks li a.active{color:#ce4949} dl.sideBarAbout{} dl.sideBarAbout dt span{background:url(../images/icoAbouts.png) no-repeat;padding:0 0 0 37px} dl.sideBarAbout dt.aboutus>span{background-position:0 0} dl.sideBarAbout dt.publicsrvc>span{background-position:0 -21px} dl.sideBarAbout dt.privatesrvc>span{background-position:0 -42px} dl.sideBarAbout dt.api>span{background-position:0 -63px} dl.sideBarAbout dt.demo>span{background-position:0 -84px} dl.sideBarAbout dt.salessupport>span{background-position:0 -106px} dl.sideBarAbout dt.agreements>span{background-position:0 -127px} .txtContent{padding:20px;font-size:15px;line-height:2em} .txtContent p{text-indent:2em} .splitLine {display: inline-block;width: 2px;height: 14px;background: #ff0000;margin-right: 5px;} .solutionWraper{ background: #F6F7FB; } .solutionBanner{background-color:#1c274d;height:500px;width: 100%;} .oldSolutionBanner{height:361px;} .solutionBanner>div>div.row.personal{background:url(../images/solutionBanner1.png) no-repeat right top;height:361px} .solutionBanner>div>div.row.cerditloan{background:url(../images/solutionBanner-2cerditloan.png) no-repeat right top;height:361px} .solutionBanner>div>div.row.finance{background:url(../images/solutionBanner-3finance.png) no-repeat right top;height:361px} .solutionBanner>div>div.row.vehicle{background:url(../images/solutionBanner-4vehicle.png) no-repeat right top;height:361px} .comparison-ul li{list-style: initial !important;} .solutionBanner dl.bannerIntro{ padding-top: 80px; margin-top: 0; color:#fff; width:80%; } .solutionBanner dl.bannerIntro h1{font-size:34px;color:#fff;line-height: 1.42857143;font-weight: bold;margin: 0;letter-spacing: 3px;} .solutionBanner dl.bannerIntro dd{font-size:14px;line-height:30px;width:490px} .solutionBanner.oldSolutionBanner dl.bannerIntro dd{width: 480px;} .paraTitle{text-align:center;padding:45px 0 20px 0} .paraTitle h3{color:#282828;font-size: 28px;font-weight: bold;letter-spacing: 1px;margin: 0;} .paraTitle h5{color:#b6b6b6;font-size:16px;background:url(../images/redline2.png) no-repeat center bottom;margin:0;line-height:36px;padding-bottom:4px} .whiteBgkBox { background: #fff; padding-bottom: 60px; } .txtTile{ width:100%; z-index:999; position:relative; } .tileBox{height:300px;} dl.txtTile.even{background-color:#fafafe} dl.txtTile.p2p dd.bg, dl.txtTile.bank dd.bg, dl.txtTile.security dd.bg, dl.txtTile.mobile dd.bg, dl.txtTile.xindai-1 dd.bg, dl.txtTile.xindai-2 dd.bg, dl.txtTile.xindai-3 dd.bg, dl.txtTile.caiwu-1 dd.bg, dl.txtTile.caiwu-2 dd.bg, dl.txtTile.caiwu-3 dd.bg, dl.txtTile.car-1 dd.bg, dl.txtTile.car-2 dd.bg, dl.txtTile.car-3 dd.bg, dl.txtTile.car-4 dd.bg, dl.txtTile.car-5 dd.bg{height:300px} dl.txtTile.bd-1 dd.bg, dl.txtTile.bd-2 dd.bg, dl.txtTile.bd-3 dd.bg, dl.txtTile.bd-4 dd.bg{height: 400px} dl.txtTile.p2p dd.bg{background:url(../images/solutions/p2p.png) no-repeat center center;} dl.txtTile.bank dd.bg{background:url(../images/solutions/bank.png) no-repeat center center} dl.txtTile.security dd.bg{background:url(../images/solutions/security.png) no-repeat center center} dl.txtTile.mobile dd.bg{background:url(../images/solutions/mobile.png) no-repeat center center} dl.txtTile.xindai-1 dd.bg{background:url(../images/solutions/xindai-1.png) no-repeat center center;} dl.txtTile.xindai-2 dd.bg{background:url(../images/solutions/xindai-2.png) no-repeat center center} dl.txtTile.xindai-3 dd.bg{background:url(../images/solutions/xindai-3.png) no-repeat center center} dl.txtTile.caiwu-1 dd.bg{background:url(../images/solutions/caiwu-1.png) no-repeat center center;} dl.txtTile.caiwu-2 dd.bg{background:url(../images/solutions/caiwu-2.png) no-repeat center center} dl.txtTile.caiwu-3 dd.bg{background:url(../images/solutions/caiwu-3.png) no-repeat center center} dl.txtTile.car-1 dd.bg{background:url(../images/solutions/xindai-2.png) no-repeat center center;} dl.txtTile.car-2 dd.bg{background:url(../images/solutions/car-2.png) no-repeat center center} dl.txtTile.car-3 dd.bg{background:url(../images/solutions/car-33.png) no-repeat center center} dl.txtTile.car-4 dd.bg{background:url(../images/solutions/car-4.png) no-repeat center center} dl.txtTile.car-5 dd.bg{background:url(../images/solutions/car-5.png) no-repeat center center} dl.txtTile.bd-1 dd.bg{background:url(../images/solutions/bd-1.jpg) no-repeat center center} dl.txtTile.bd-2 dd.bg{background:url(../images/solutions/comparison/bd-2.png) no-repeat center center} dl.txtTile.bd-3 dd.bg{background:url(../images/solutions/comparison/bd-3.png) no-repeat center center} dl.txtTile.bd-4 dd.bg{background:url(../images/solutions/bd-4.jpg) no-repeat center center} dl.txtTile.p2p dd, dl.txtTile.bank dd, dl.txtTile.security dd, dl.txtTile.mobile dd, dl.txtTile.xindai-1 dd, dl.txtTile.xindai-2 dd, dl.txtTile.xindai-3 dd, dl.txtTile.bd-1 dd, dl.txtTile.bd-2 dd, dl.txtTile.bd-3 dd, dl.txtTile.bd-4 dd, dl.txtTile.caiwu-1 dd, dl.txtTile.caiwu-2 dd, dl.txtTile.caiwu-3 dd, dl.txtTile.car-1 dd, dl.txtTile.car-2 dd, dl.txtTile.car-3 dd, dl.txtTile.car-4 dd, dl.txtTile.car-5 dd{ float:left;width:50%; } .txtTile dd h3{color:#282828;font-size:24px;line-height:2em;font-weight:normal;} .txtTile dd{color:#6e6e6e;font-size:13px;line-height:1.8em;box-sizing:box;padding:40px 50px;} .txtTile dd.img{position:absolute;left:200px;top:21px;z-index:999;padding:0!important} .txtTile dd.txt{position:absolute;width:720px;height:280px; background:#fff; z-index:1; right:0px;top:0px; padding:60px 66px 0 260px; margin-right:12px; font-size:14px;line-height:1.8em;color:#565656; text-indent:2em; -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);} .row.slProdlst{padding:46px 100px 30px 100px} dl.slProd{text-align:center;} dl.slProd dd{background:url(../images/hexagon.png) no-repeat center center;height:119px;vertical-align:middle;display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center} dl.slProd dd>img{ -webkit-box-pack: center; } dl.slProd dt{color:#5f5c5c;font-size:15px;padding-top:26px;} dl.slProd dt a{color:#5f5c5c} .row.slCases{padding:12px 6px 0 6px;} .row.slCases dd{height:120px;display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row.slCases dd .img{ margin:0; } .ys_pt_table { width: 100%; border-collapse:collapse; margin: 25px 0; } .ys_pt_table th { background: #222934; padding: 5px 10px; text-align: left; font-weight: 500; line-height: 1.5; color: #ffffff; border: 0 none; vertical-align: middle; word-break: break-all; } .ys_pt_table td { text-align: left; padding: 5px 10px; /*font-size: 14px;*/ line-height: 1.5; border: 0 none; vertical-align: middle; word-break: break-all; } .ys_pt_table tr.td_bg td { background: #F9F9F9; } .ys_pt_table th:first-child,.ys_pt_table td:first-child { padding-left: 30px; } .ys_pt_table td.b_border { border-bottom: 1px solid #F0EFEF; } .ys_pt_table td.l_border { border-left: 1px solid #F0EFEF; } .ys_protocol_box p { margin: 20px 0; } .ys_protocol_title { margin: 40px 0 20px; font-size: 24px; line-height: 1.5; font-weight: 700; } .ys_pt_subtitle { margin: 25px 0; font-size: 18px; line-height: 1.5; font-weight: 700; } .flexOnly { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .flexOnlyCenter { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .flexAllCenter { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .flexCenterBetween{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .flexCenterAround{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; } .solutionBannerUnreal{ width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(34, 41, 52, 0.3)), color-stop(70.33%, rgba(34, 41, 52, 0.3)), to(rgba(34, 41, 52, 0))); background: -webkit-linear-gradient(left, rgba(34, 41, 52, 0.3) 0%, rgba(34, 41, 52, 0.3) 70.33%, rgba(34, 41, 52, 0) 100%); background: -moz-linear-gradient(left, rgba(34, 41, 52, 0.3) 0%, rgba(34, 41, 52, 0.3) 70.33%, rgba(34, 41, 52, 0) 100%); background: -o-linear-gradient(left, rgba(34, 41, 52, 0.3) 0%, rgba(34, 41, 52, 0.3) 70.33%, rgba(34, 41, 52, 0) 100%); background: -ms-linear-gradient(left, rgba(34, 41, 52, 0.3) 0%, rgba(34, 41, 52, 0.3) 70.33%, rgba(34, 41, 52, 0) 100%); background: linear-gradient(90deg, rgba(34, 41, 52, 0.3) 0%, rgba(34, 41, 52, 0.3) 70.33%, rgba(34, 41, 52, 0) 100%); } .solutionWraper .container{ position: relative; padding: 0; } .solutionBannerBox{ height: 100%; } .solutionWraper .container::before{ display: none; } .solutionWraper .container::after{ display: none; } #SolutionContent .row{ margin-left: 0; margin-right: 0; } .consultImmediately{ position: absolute; left: 0; bottom: 117px; width: 108px; height: 36px; font-size: 14px; border-radius: 4px 4px 4px 4px; color: #fff; line-height: 34px; text-align: center; cursor: pointer; background: #C70021; border: 1px solid #C70021; } .coreFunctionality { margin-top: 23px; } .coreTypeBox { position: relative; width: 360px; height: 420px; margin: 0; } .eachCoreType { position: relative; width: 100%; height: 64px; color: #242526; font-size: 18px; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; padding-left: 30px; justify-content: flex-start; margin-bottom: 20px; } .eachCoreType.coreActiveOn { color: #FFFFFF; background: #DE010B; border-radius: 8px; } .eachCoreType.coreActiveOn::after { transform: scaleX(1); } .eachCoreType .coreTypeText { margin-left: 10px; } .eachCoreType img { width: 28px; } .eachCoreType .core-active { display: none; } .eachCoreType.coreActiveOn .core-active { display: block; } .eachCoreType.coreActiveOn .core-noActive { display: none; } .coreTypeContent { width: calc(100% - 400px); height: 420px; background: #F2F7FF; border-radius: 22px; } .coreContentBox { width: 100%; height: 100%; } .eachCoreContent { position: relative; display: none; width: 100%; height: 100%; padding: 30px; background: #f2f2f2; border-radius: 22px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .eachCoreContent.watchCoreOn { display: block; } .eachCoreContent:hover { -webkit-box-shadow: 10px 10px 10px 0 rgba(40,37,37,0.1); -moz-box-shadow: 10px 10px 10px 0 rgba(40,37,37,0.1); box-shadow: 10px 10px 10px 0 rgba(40,37,37,0.1); } .leftContenDesc { width: 65%; } .coreContentTitle { font-weight: bold; font-size: 20px; color: #000000; margin-top: 20px; margin-bottom: 19px; } .coreDetailContent { font-size: 14px; color: #5D5F63; } .rightContentImg { position: absolute; width: 71%; bottom: 26px; } .rightContentImg .coreContentTitle { font-size: 17px; } .eachAboutProduct { margin-right: 10px; display: inline-block; margin-bottom: 7px; } .solutionAdvantages { margin-top: 45px; } .eachAdvantages { width: 285px; height: 250px; border-radius: 8px 8px 8px 8px; margin-right: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-bottom: 20px; text-align: center; } .threeTabContent .eachAdvantages { width: 386px; } .advantagesCover { width: 56px; margin: 0 auto; } .advantagesCover img { width: 100%; } .eachAdvantages:last-child { margin-right: 0; } .eachAdvantages:hover .advantagesTitle{ color: #C70021; } .advantagesContent { padding: 15px; margin-top: 15px; } .advantagesTitle { font-weight: bold; font-size: 16px; color: #000000; margin-top: 0; margin-bottom: 15px; } .advantagesText { font-size: 14px; color: #5D5F63; } .relatedTechnologies { width: 100%; overflow: hidden; position: relative; } .relatedTechnologies .paraTitle { padding-top: 60px; } .technologiesBox.container{ height: auto; margin-top: 20px; padding-bottom: 30px; } .technologiesUl.aroundPadding{ width: 80%; margin: 0 auto; padding: 0 50px; } .eachTechnologies { width: 386px; height: 90px; background: #FFFFFF; border-radius: 8px 8px 8px 8px; text-align: left; cursor: pointer; padding: 25px; margin-bottom: 20px; } .eachTechnologies:hover { -webkit-box-shadow: 10px 10px 10px 0 rgba(40,37,37,0.1); -moz-box-shadow: 10px 10px 10px 0 rgba(40,37,37,0.1); box-shadow: 10px 10px 10px 0 rgba(40,37,37,0.1); } .technologiesCover { width: 40px; height: 40px; } .technologiesCover img { width: 100%; height: 100%; } .technologiesTitle { font-weight: bold; font-size: 16px; color: #000000; margin-top: 0; margin-left: 8px; letter-spacing: 1px; } .eachTechnologies:hover .technologiesTitle{ color: #C70021; } .eachTechnologies.notProductColor:hover .technologiesTitle{ color: #000000; } .rightTogo { color: #989BA1; font-size: 13px; } .goTtext { margin-right: 5px; } a:focus{ text-decoration: none; } .landingScenario { margin-top: 40px; } .eachScenario { width: 220px; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; overflow: hidden; position: relative; height: 560px; color: rgba(255,255,255,0.8); border-radius: 8px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .eachScenarioBox { width: 100%; height: 100%; padding: 21px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(32, 34, 45, 0)), to(rgba(32, 34, 45, 0.65))); background: -webkit-linear-gradient(top, rgba(32, 34, 45, 0) 0%, rgba(32, 34, 45, 0.65) 100%); background: -moz-linear-gradient(top, rgba(32, 34, 45, 0) 0%, rgba(32, 34, 45, 0.65) 100%); background: -ms-linear-gradient(top, rgba(32, 34, 45, 0) 0%, rgba(32, 34, 45, 0.65) 100%); background: -o-linear-gradient(top, rgba(32, 34, 45, 0) 0%, rgba(32, 34, 45, 0.65) 100%); background: linear-gradient(180deg, rgba(32, 34, 45, 0) 0%, rgba(32, 34, 45, 0.65) 100%); } .eachScenario.scenarioActiveOn .eachScenarioBox { background: -webkit-gradient(linear, left top, left bottom, from(rgba(32, 34, 45, 0)), to(rgba(32, 34, 45, 0.2))); background: -webkit-linear-gradient(top, rgba(32, 34, 45, 0) 0%, rgba(32, 34, 45, 0.2) 100%); background: -moz-linear-gradient(top, rgba(32, 34, 45, 0) 0%, rgba(32, 34, 45, 0.2) 100%); background: -ms-linear-gradient(top, rgba(32, 34, 45, 0) 0%, rgba(32, 34, 45, 0.2) 100%); background: -o-linear-gradient(top, rgba(32, 34, 45, 0) 0%, rgba(32, 34, 45, 0.2) 100%); background: linear-gradient(180deg, rgba(32, 34, 45, 0) 0%, rgba(32, 34, 45, 0.2) 100%); } .eachScenario .hoverOn{ display: none; } .eachScenario.scenarioActiveOn{ width: 468px; color: #ffffff; } .eachScenario.scenarioActiveOn .noHoverOn{ display: none; } .eachScenario.scenarioActiveOn .hoverOn{ display: block; } .contractSolutionWraper .eachScenario{ width: 186px; } .contractSolutionWraper .eachScenario.scenarioActiveOn{ width: 360px; } .scenarioCover { margin-top: 265px; } .scenarioTitle { font-size: 16px; font-weight: bold; margin-bottom: 26px; margin-top: 22px; } .scenarioText { font-size: 14px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .eachClients { width: 290px; height: 258px; padding: 27px 30px; margin-right: 20px; background: #F5F5F5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-radius: 8px 8px 8px 8px; } .eachClients:last-child { margin-right: 0; } .eachClients.clientsActiveOn { width: 580px; -webkit-box-shadow: 10px 10px 10px 0px rgba(40, 37, 37, 0.1); -moz-box-shadow: 10px 10px 10px 0px rgba(40, 37, 37, 0.1); box-shadow: 10px 10px 10px 0px rgba(40, 37, 37, 0.1); } .clientsIcon { margin-top: 36px; } .clientsText { margin-top: 14px; font-size: 14px; color: #000; line-height: 30px; } .case-wrapper { width: 100%; margin-top: 40px; } /* 客户图片项目 */ .brand-item { width: 280px; height: 56px; margin-right: 20px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .brand-item img{ width: 100%; } .consultImmediatelyContainer{ width: 100%; height: 288px; overflow: hidden; position: relative; color: #fff; } .consultBox.container { height: auto; } .consultBoxTitle { font-weight: bold; font-size: 27px; letter-spacing: 1px; margin-top: 69px; } .consultText { width: 440px; height: 96px; background: rgba(255, 255, 255, 0.1); border-radius: 8px 8px 8px 8px; border: 1px solid rgba(255, 255, 255, 0.5); margin-top: 31px; padding: 15px 21px; } .consultCover { width: 56px; height: 56px; } .consultCover img { width: 100%; height: 100%; } .consultDescript { margin-left: 12px; } .consultTitle { font-size: 17px; color: #ffffff; opacity: 0.9; margin-bottom: 13px; } .consultPhone { font-size: 22px; margin-bottom: 0; } .rightToTest { width: 108px; height: 36px; background: #FFFFFF; border-radius: 4px 4px 4px 4px; border: 1px solid #FFFFFF; font-size: 16px; color: #C70021; line-height: 36px; text-align: center; cursor: pointer; } .rightToTest:hover { color: #ffffff; background: #C70021; border: 1px solid #C70021; } .landingScenarioSwiper{ display: none; padding-bottom: 56px; background: none; } .mixedDocumentSolutionWraper .contentIcon { width: 40px; height: 40px; background: #c70021; text-align: center; line-height: 39px; border-radius: 8px; } .mixedDocumentSolutionWraper .clientsIcon { margin-top: 18px; } .clientsTitle { font-size: 20px; color: #242526; line-height: 24px; font-weight: bold; margin-top: 16px; } .logoConBox img { width: 240px; } .scenariosBox { background:url(../images/industryScenarios/scenarios-bgk.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .scenariosBox .paraTitle { padding-top: 60px; } .scenariosBox .solutionAdvantages { padding-bottom: 17px; } .scenariosBox .advantagesBox { flex-wrap: wrap; justify-content: space-between; } .eachScenarios { width: 285px; height: 390px; border-radius: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-bottom: 35px; text-align: left; background: #ffffff; overflow: hidden; box-shadow: 0px 0px 40px 0px rgba(147, 187, 229, 0.2); } .eachScenarios:hover{ margin-top: -40px; -webkit-box-shadow: 10px 10px 10px 0 rgba(40,37,37,0.1); -moz-box-shadow: 10px 10px 10px 0 rgba(40,37,37,0.1); box-shadow: 10px 10px 10px 0 rgba(40,37,37,0.1); } .eachScenarios:hover .advantagesTitle{ color: #C70021; } .scenariosCover{ position: relative; width: 100%; } .scenariosCover img{ width: 100%; } .scenariosCover_bgk{ position: absolute; left: 0; top: 20%; width: 100%; height: 80%; background:url(../images/industryScenarios/content_bgk.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .scenariosContent{ margin-top: 10px; padding: 10px 20px; } .advantagesSoluteBox .advantagesBox { justify-content: space-between; } .advantagesSoluteBox .eachScenarios { background: #F4F6F7; box-shadow: 0px 0px 40px 0px rgba(198, 216, 236, 0.2); margin-bottom: 0; } .advantagesSoluteBox .eachScenarios:hover { -webkit-box-shadow: 10px 10px 10px 0 rgba(40,37,37,0.1); -moz-box-shadow: 10px 10px 10px 0 rgba(40,37,37,0.1); box-shadow: 10px 10px 10px 0 rgba(40,37,37,0.1); } .technologiesUl { flex-wrap: wrap; } .eachMoreKown{ position: relative; width: 285px; height: 400px; border-radius: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align: left; background: #F3F5F9; overflow: hidden; box-shadow: 0px 0px 40px 0px rgba(147, 187, 229, 0.2); } .eachMoreKown:hover { -webkit-box-shadow: 10px 10px 10px 0 rgba(40,37,37,0.1); -moz-box-shadow: 10px 10px 10px 0 rgba(40,37,37,0.1); box-shadow: 10px 10px 10px 0 rgba(40,37,37,0.1); } .eachMoreKown:hover .newsTitle { color: #C70021; } .newsCover { width: 100%; height: 145px; } .newsCover img { width: 100%; height: 100%; } .newsTitle { width: 100%; height: 40px; font-size: 16px; color: #242526; line-height: 19px; letter-spacing: 1px; margin-bottom: 10px; margin-top: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } .newsContent{ height: 90px; font-size: 14px; color: #5D5F63; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; } .newsTimeBox{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px 20px; bottom: 10px; } .timeYearMonth { font-size: 12px; color: #9FA2A7; margin-bottom: 4px; } .timeDay { font-size: 24px; color: #5D5F63; margin: 0; } /* 重置bootstrap里全局样式 */ @media (min-width: 768px) { .container { width: 100%; } } /* 大屏以外设备 (992px 以下)：小平板竖屏样式 (768px 到 991px)，手机样式 (0 到 767px) 都当做移动端 */ @media (max-width: 991px) { .pcPage{ display: none; } .solutionBanner{ height: 280px; } .bankIndustry{background:#1c274d url(../images/industryScenarios/bank/mobile/banner.png) no-repeat 50%;-moz-background-size: cover;background-size: cover;overflow: hidden;position: relative;} .stateOwnedIndustry{background:#1c274d url(../images/industryScenarios/stateOwned/mobile/banner.png) no-repeat 50%;-moz-background-size: cover;background-size: cover;overflow: hidden;position: relative;} .manufactureIndustry{background:#1c274d url(../images/industryScenarios/manufacture/mobile/banner.png) no-repeat 50%;-moz-background-size: cover;background-size: cover;overflow: hidden;position: relative;} .energyIndustry{background:#1c274d url(../images/industryScenarios/energy/mobile/banner.png) no-repeat 50%;-moz-background-size: cover;background-size: cover;overflow: hidden;position: relative;} .technologyIndustry{background:#1c274d url(../images/industryScenarios/technology/mobile/banner.png) no-repeat 50%;-moz-background-size: cover;background-size: cover;overflow: hidden;position: relative;} .carIndustry{background:#1c274d url(../images/industryScenarios/car/mobile/banner.png) no-repeat 50%;-moz-background-size: cover;background-size: cover;overflow: hidden;position: relative;} .solutionWraper .container { padding: 0 14px; } .solutionBanner dl.bannerIntro{ width: 94%; padding-top: 20px; padding-left: 16px; margin-bottom: 36px; text-align: justify; } .solutionBanner dl.bannerIntro h1{ white-space: nowrap; font-size: 24px; padding-top: 9px; padding-bottom: 16px; } .solutionBanner dl.bannerIntro dd{ width: 100%; font-size: 13px; line-height: 24px; } .consultImmediately{ position: relative; bottom: 0; margin-left: 16px; border: 1px solid #FFFFFF; background: none; } .solutionWraper .paraTitle{ padding: 30px 0 20px; margin: 0; } .paraTitle h3{ font-size: 22px; margin: 0; } .coreTypeContent{ width: 100%; height: auto; padding-bottom: 20px; border-radius: 0; background: #fff; } .eachCoreContent{ display: flex; width: 100%; height: 114px; padding: 20px 15px; margin-bottom: 15px; background: #FAFBFB; border-radius: 12px 12px 12px 12px; border: 1px solid #EAEAF2; } .eachCoreContent:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .eachCoreContent:hover .coreContentTitle{ color: #000000; } .leftContenDesc{ width: auto; padding-left: 0; } .contentIcon { width: 60px; height: 60px; padding: 5px; background: #DE010B; border-radius: 16px 16px 16px 16px; } .contentIcon img { width: 100%; height: 100%; } .mixedDocumentSolutionWraper .contentIcon img { width: auto; height: auto; } .rightCoreContent { width: calc(100% - 78px); } .coreContentTitle{ margin: 0; font-size: 15px; line-height: 22px; padding-top: 5px; } .coreDetailContent{ line-height: 24px; font-size: 13px; padding-top: 3px; margin-bottom: 0; } .coreFunctionality{ margin-top: 0; } .solutionAdvantages { margin-top: 0; } .advantagesBox:not(:last-child) { margin-bottom: 15px; } .eachAdvantages { width: 100%; height: 90px; background: #ffffff; border-radius: 8px 8px 8px 8px; margin-bottom: 20px; text-align: center; padding: 0 17px; } .mixedDocumentSolutionWraper .eachAdvantages{ height: 202px; } .eachAdvantages:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .eachAdvantages:hover .advantagesTitle{ color: #000000; } .advantagesCover { width: 55px; height: 55px; margin: 0; } .mixedDocumentSolutionWraper .advantagesCover{ width: 90%; height: 102px; } .advantagesContent { padding: 0; margin-top: 0; width: calc(100% - 70px); text-align: left; font-size: 14px; word-break: break-all; } .advantagesTitle { font-size: 17px; margin-bottom: 0; } .advantagesText { font-size: 13px; line-height: 24px; padding-top: 10px; margin: 0; white-space: pre-line; } .advantagesText p { margin: 0; } .advantagesSoluteBox .eachAdvantages { width: calc(50% - 9px); height: 230px; margin-right: 0; background: #FFF3F3; } .advantagesSoluteBox .advantagesCover { width: 70px; height: 70px; margin: 18px auto 0; } .advantagesSoluteBox .advantagesContent { margin-top: 30px; width: 100%; text-align: center; } .advantagesSoluteBox .advantagesTitle { font-size: 18px; margin-bottom: 0; } .relatedTechnologies { margin-top: 0; height: auto; background:url(../images/industryScenarios/mobile_productBgk.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .technologiesBox.container { } .technologiesUl { flex-wrap: wrap; padding: 20px 0 4px; margin-bottom: 0; } .technologiesUl.aroundPadding{ padding: 20px 0 4px; } .eachTechnologies { width: calc(50% - 9px); height: auto; margin-bottom: 21px; padding: 10px 8px; } .towRowLine .eachTechnologies{ flex: 0 0 50%; /* 两列，减去间距 */ width: 50%; /* 兼容某些旧浏览器 */ } .technologiesCover { width: 30px; height: 30px; } .technologiesTitle { font-size: 13px; white-space: nowrap; margin-bottom: 0; margin-left: 6px; } .eachTechnologies:hover .technologiesTitle, .eachTechnologies.technologyActiveOn .technologiesTitle{ color: #000000; } .scenariosBox .advantagesBox { flex-wrap: nowrap; border-radius: 20px; } .eachScenarios{ height: auto; margin-bottom: 0; } .eachScenarios:hover{ margin-top: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .eachScenario.land1 { background:url(../images/solutions/receipt/mobile/land1-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .eachScenario.land2 { background:url(../images/solutions/receipt/mobile/land2-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .eachScenario.land3 { background:url(../images/solutions/receipt/mobile/land3-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .eachScenario.land4 { background:url(../images/solutions/receipt/mobile/land4-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .comparisonSolutionWraper .eachScenario.land1 { background:url(../images/solutions/comparison/mobile/land1-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .comparisonSolutionWraper .eachScenario.land2 { background:url(../images/solutions/comparison/mobile/land2-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .comparisonSolutionWraper .eachScenario.land3 { background:url(../images/solutions/comparison/mobile/land3-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .comparisonSolutionWraper .eachScenario.land4 { background:url(../images/solutions/comparison/mobile/land4-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .financialSolutionWraper .eachScenario.land1 { background:url(../images/solutions/financial/mobile/land1-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .financialSolutionWraper .eachScenario.land2 { background:url(../images/solutions/financial/mobile/land2-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .financialSolutionWraper .eachScenario.land3 { background:url(../images/solutions/financial/mobile/land3-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .financialSolutionWraper .eachScenario.land4 { background:url(../images/solutions/financial/mobile/land4-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .bankflowSolutionWraper .eachScenario.land1 { background:url(../images/solutions/bankflow/mobile/land1-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .bankflowSolutionWraper .eachScenario.land2 { background:url(../images/solutions/bankflow/mobile/land2-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .bankflowSolutionWraper .eachScenario.land3 { background:url(../images/solutions/bankflow/mobile/land3-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .bankflowSolutionWraper .eachScenario.land4 { background:url(../images/solutions/bankflow/mobile/land4-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .contractSolutionWraper .eachScenario.land1 { background:url(../images/solutions/contract/mobile/land1-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .contractSolutionWraper .eachScenario.land2 { background:url(../images/solutions/contract/mobile/land2-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .contractSolutionWraper .eachScenario.land3 { background:url(../images/solutions/contract/mobile/land3-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .contractSolutionWraper .eachScenario.land4 { background:url(../images/solutions/contract/mobile/land4-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .contractSolutionWraper .eachScenario.land5 { background:url(../images/solutions/contract/land5-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .trainingSolutionWraper .eachScenario.land1 { background:url(../images/solutions/training/mobile/land1-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .trainingSolutionWraper .eachScenario.land2 { background:url(../images/solutions/training/mobile/land2-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .trainingSolutionWraper .eachScenario.land3 { background:url(../images/solutions/training/mobile/land3-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .trainingSolutionWraper .eachScenario.land4 { background:url(../images/solutions/training/mobile/land4-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .mixedDocumentSolutionWraper .eachScenario.land1 { background:url(../images/solutions/mixedDocument/land1-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .mixedDocumentSolutionWraper .eachScenario.land2 { background:url(../images/solutions/mixedDocument/land2-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .mixedDocumentSolutionWraper .eachScenario.land3 { background:url(../images/solutions/mixedDocument/land3-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .mixedDocumentSolutionWraper .eachScenario.land4 { background:url(../images/solutions/mixedDocument/land4-hover.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .cooperativeClients { overflow: hidden; } .clientsBox { overflow: auto; } /* 轮播 */ .landingScenario{ display: none; } .landingScenarioSwiper{ display: block; padding-bottom: 50px; } .landingScenarioSwiper .eachScenario { width: 100%; color: #ffffff; text-align: center; padding: 0; height: 360px!important; } .landingScenarioSwiper .grayBgk { width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(32, 34, 45, 0)), to(rgba(32, 34, 45, 0.35))); background: -webkit-linear-gradient(top, rgba(32, 34, 45, 0) 0%, rgba(32, 34, 45, 0.35) 100%); background: -moz-linear-gradient(top, rgba(32, 34, 45, 0) 0%, rgba(32, 34, 45, 0.35) 100%); background: -ms-linear-gradient(top, rgba(32, 34, 45, 0) 0%, rgba(32, 34, 45, 0.35) 100%); background: -o-linear-gradient(top, rgba(32, 34, 45, 0) 0%, rgba(32, 34, 45, 0.35) 100%); background: linear-gradient(180deg, rgba(32, 34, 45, 0) 0%, rgba(32, 34, 45, 0.35) 100%); } .landingScenarioSwiper .scenarioCover { width: 100%; margin-top: 0; padding-top: 140px; text-align: center; } .landingScenarioSwiper .eachScenario .hoverOn { display: inline-block; } .landingScenarioSwiper .scenarioText { text-align: left; } .landingScenarioSwiper .swiper-pagination-bullet-active { opacity: 1; background: #C70021; } .clientsBox.flexCenterBetween.container { display: block; } .eachClients{ width: 100%; height: auto; margin-right: 0; padding: 15px; margin-bottom: 15px; box-shadow: none; } .eachClients.clientsActiveOn { width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .clientsIcon { margin-top: 15px; } .clientsText { line-height: 24px; margin-bottom: 0; } .case-wrapper.mobilePage { margin-top: 0; padding: 0 14px; } .rowLineImg { margin-bottom: 16px; } .brand-item { width: 49%; height: auto; margin-right: 15px; background: #FFFFFF; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1); border-radius: 4px 4px 4px 4px; overflow: hidden; } .brand-item:last-child { margin-right: 0; } .consultImmediatelyContainer{ height: 182px; background:url(../images/solutions/service-mobile.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .consultBox.container { height: 100%; padding: 20px 14px 30px; } .consultBoxTitle { margin-top: 0; font-size: 22px; text-align: center; line-height: 27px; margin-bottom: 0; } .consultText.flexCenterBetween { margin-top: 20px; width: 100%; height: calc(100% - 48px); } .consultCover { width: 48px; height: 48px; } .consultTitle { font-size: 15px; margin-bottom: 5px; } .consultPhone { font-size: 17px; } .rightToTest { width: 88px; height: 32px; line-height: 32px; font-size: 14px; } .customIframe { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2148882200; background: rgba(0, 0, 0, 0.2); } .customBgkContainer{ position: absolute; width: 100%; height: 80%; left: 0; bottom: 0; } .customIframe .embed-chat-frame { width: 100%; height: 100%; } .btmNav.col-md-3 { min-height: auto; } .whiteBgkBox{ padding-bottom: 10px; } .scenariosContent { height: 120px; } } /* 大屏设备 (992px 以上) */ @media (min-width: 992px) { .bankIndustry{background:#1c274d url(../images/industryScenarios/bank/banner.png) no-repeat 50%;-moz-background-size: cover;background-size: cover;overflow: hidden;position: relative;} .stateOwnedIndustry{background:#1c274d url(../images/industryScenarios/stateOwned/banner.png) no-repeat 50%;-moz-background-size: cover;background-size: cover;overflow: hidden;position: relative;} .manufactureIndustry{background:#1c274d url(../images/industryScenarios/manufacture/banner.png) no-repeat 50%;-moz-background-size: cover;background-size: cover;overflow: hidden;position: relative;} .energyIndustry{background:#1c274d url(../images/industryScenarios/energy/banner.png) no-repeat 50%;-moz-background-size: cover;background-size: cover;overflow: hidden;position: relative;} .technologyIndustry{background:#1c274d url(../images/industryScenarios/technology/banner.png) no-repeat 50%;-moz-background-size: cover;background-size: cover;overflow: hidden;position: relative;} .carIndustry{background:#1c274d url(../images/industryScenarios/car/banner.png) no-repeat 50%;-moz-background-size: cover;background-size: cover;overflow: hidden;position: relative;} .eachCoreContent.land1 { background:url(../images/industryScenarios/bank/ability-content-cover1.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .eachCoreContent.land2 { background:url(../images/industryScenarios/bank/ability-content-cover2.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .eachCoreContent.land3 { background:url(../images/industryScenarios/bank/ability-content-cover3.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .eachCoreContent.land4 { background:url(../images/industryScenarios/bank/ability-content-cover4.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .eachCoreContent.land5 { background:url(../images/industryScenarios/bank/ability-content-cover5.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .stateOwnedIndustrySolutionWraper .eachCoreContent.land1 { background:url(../images/industryScenarios/stateOwned/ability-content-cover1.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .stateOwnedIndustrySolutionWraper .eachCoreContent.land2 { background:url(../images/industryScenarios/stateOwned/ability-content-cover2.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .stateOwnedIndustrySolutionWraper .eachCoreContent.land3 { background:url(../images/industryScenarios/stateOwned/ability-content-cover3.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .stateOwnedIndustrySolutionWraper .eachCoreContent.land4 { background:url(../images/industryScenarios/stateOwned/ability-content-cover4.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .stateOwnedIndustrySolutionWraper .eachCoreContent.land5 { background:url(../images/industryScenarios/stateOwned/ability-content-cover5.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .energyIndustrySolutionWraper .eachCoreContent.land1 { background:url(../images/industryScenarios/energy/ability-content-cover1.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .energyIndustrySolutionWraper .eachCoreContent.land2 { background:url(../images/industryScenarios/energy/ability-content-cover2.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .energyIndustrySolutionWraper .eachCoreContent.land3 { background:url(../images/industryScenarios/energy/ability-content-cover3.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .energyIndustrySolutionWraper .eachCoreContent.land4 { background:url(../images/industryScenarios/energy/ability-content-cover4.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .energyIndustrySolutionWraper .eachCoreContent.land5 { background:url(../images/industryScenarios/energy/ability-content-cover5.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .manufactureIndustrySolutionWraper .eachCoreContent.land1 { background:url(../images/industryScenarios/manufacture/ability-content-cover1.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .manufactureIndustrySolutionWraper .eachCoreContent.land2 { background:url(../images/industryScenarios/manufacture/ability-content-cover2.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .manufactureIndustrySolutionWraper .eachCoreContent.land3 { background:url(../images/industryScenarios/manufacture/ability-content-cover3.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .manufactureIndustrySolutionWraper .eachCoreContent.land4 { background:url(../images/industryScenarios/manufacture/ability-content-cover4.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .manufactureIndustrySolutionWraper .eachCoreContent.land5 { background:url(../images/industryScenarios/manufacture/ability-content-cover5.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .technologyIndustrySolutionWraper .eachCoreContent.land1 { background:url(../images/industryScenarios/technology/ability-content-cover1.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .technologyIndustrySolutionWraper .eachCoreContent.land2 { background:url(../images/industryScenarios/technology/ability-content-cover2.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .technologyIndustrySolutionWraper .eachCoreContent.land3 { background:url(../images/industryScenarios/technology/ability-content-cover3.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .technologyIndustrySolutionWraper .eachCoreContent.land4 { background:url(../images/industryScenarios/technology/ability-content-cover4.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .carIndustrySolutionWraper .eachCoreContent.land1 { background:url(../images/industryScenarios/car/ability-content-cover1.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .carIndustrySolutionWraper .eachCoreContent.land2 { background:url(../images/industryScenarios/car/ability-content-cover2.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .carIndustrySolutionWraper .eachCoreContent.land3 { background:url(../images/industryScenarios/car/ability-content-cover3.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .carIndustrySolutionWraper .eachCoreContent.land4 { background:url(../images/industryScenarios/car/ability-content-cover4.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .relatedTechnologies { background:url(../images/industryScenarios/product-bgk.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .consultImmediatelyContainer{ background:url(../images/solutions/service.png) no-repeat 50%; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .mobilePage{ display: none; } } @media (min-width: 992px) and (max-width: 1199px) { .container { width: 100%; } } @media (min-width: 1200px) { .container { width: 1200px; } }