/* 修改fullpage的css */ .fp-controlArrow{ display: none; } body{ margin: 0; padding: 0; } .container{ width: 100%; } .wrap{ width:1200px; height: 100%; margin: 0 auto; display: flex; align-items: center; } .wrap1{ width:1200px; height: 100%; margin: 0 auto; } .clearFixed::before{ content: ''; display: block; clear: both; } .header{ width: 100%; height: 80px; box-sizing: border-box; padding: 21px 0 22px 0; position: fixed; top: 0; left: 0; z-index: 10; } .headerColor{ background-color: #1E2A71; } .fullpage-wrapper{ transform: translate3d(0px, -147px, 0px); } .iconImg{ width: 140px; } .navBody{ height: 37px; line-height: 37px; } .navBody ul{ height: 100%; /* overflow: hidden; */ } .navBody li{ height: 100%; margin-right: 32px; float: left; } .navBody ul li:last-child{ margin-right: 0; } .navBody ul li:first-child{ float: left; } .navBody a{ width:68px; font-size:16px; font-family:PingFangSC-Semibold,PingFang SC; font-weight:400; color:rgba(235,235,235,1); line-height:22px; } .navBody .activeBorde{ width:30px; height:2px; background:rgba(82,196,26,1); border-radius:1px; display: none; } #menu{ height: 100%; width: 100%; } #menu .nav{ float:right; } .active a{ color:rgba(255,255,255,1); } .active .activeBorde{ display: block; } .swiper-container{ width: 100%; min-width: 1200px; height: 100%; } .swiper-pagination-bullet-active{ background-color: #fff; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 50px; left: 0; width: 100%; } .bannerImg{ width: 100%; height: 100%; cursor: pointer; } .intelligentDelivery{ width: 100%; height: 100%; background-color: #fff; } .intelligentDeliveryBody{ width: 100%; display: flex; /* box-sizing: border-box; */ align-items: center; } .flexBox{ width: 100%; /* margin-top: 10%; */ } .intelligentDelivery-top{ width: 100%; text-align: center; } .intelligentDelivery-title{ font-size:34px; font-family:PingFangSC-Medium,PingFang SC; font-weight:500; color:rgba(51,51,51,1); line-height:48px; letter-spacing:1px; } .greenBar{ width:40px; height:6px; display: block; margin: 28px auto 50px; background:rgba(82,196,26,1); border-radius:5px; } .intelligentDelivery-bottom{ width: 100%; overflow: hidden; position: relative; bottom: -600px; } .intelligentDelivery-item{ width: 30%; text-align: center; float: left; } .intelligentDelivery-item-img{ width: 200px; height: 200px; margin: 0 auto; } .intelligentDelivery-item-img .itemImg{ width: 200px; height: 200px; } .intelligentDelivery-item:nth-child(2){ margin: 0 5%; } .intelligentDelivery-item-title{ margin: 20px 0; font-size:26px; font-family:PingFangSC-Semibold,PingFang SC; font-weight:600; color:rgba(51,51,51,1); line-height:45px; letter-spacing:1px; } .intelligentDelivery-item-text{ width: 100%; font-size:16px; font-family:PingFangSC-Regular,PingFang SC; font-weight:400; color:rgba(91,108,148,1); line-height:28px; word-wrap: wrap; } .efficiencyTools,.advertisingInformation{ width: 100%; height: 100%; background:rgba(244,250,255,1); } .efficiencyToolsBody{ box-sizing: border-box; display: flex; align-items: center; } .efficiencyToolsLeft{ width: 50%; position: relative; left: -1000px; } .efficiencyToolsRight{ width: 50%; height: 53.6%; box-sizing: border-box; position: relative; right: -1000px; } .imgBox { width: 100%; height: 100%; } .imgBox img{ width: 100%; height: 100%; } .efficiencyToolsLeft-title{ text-align:left; } .efficiencyToolsLeft-title p{ font-size:34px; font-family:PingFangSC-Medium,PingFang SC; font-weight:500; color:rgba(51,51,51,1); line-height:48px; letter-spacing:1px; } .orangeBar{ width:40px; height:6px; background:rgba(82,196,26,1); border-radius:4px; margin: 25px 0; } .efficiencyToolsLeft-text{ margin-top: 34px; padding-right: 100px; } .efficiencyToolsLeft-text .text{ text-align: left; font-size:16px; font-family:PingFangSC-Regular,PingFang SC; font-weight:400; color:rgba(91,108,148,1); line-height:28px; word-wrap: wrap; } .btn{ margin-top: 50px; width:160px; height:50px; background:rgba(24,144,255,1); box-shadow:0px 2px 4px 0px rgba(193,213,253,1); border-radius:33px; text-align: center; padding: 8px 20px; box-sizing: border-box; cursor: pointer; } .btn span{ display: block; width:120px; height:30px; line-height: 30px; font-size:16px; font-family:PingFangSC-Regular,PingFang SC; font-weight:500; color:rgba(255,255,255,1); cursor: pointer; } .materialManagement,.playMaterial{ width: 100%; height: 100%; background:rgba(255,255,255,1); } .materialManagementBody{ box-sizing: border-box; display: flex; } .materialManagementLeft{ width: 50%; height: 408px; position: relative; left: -1000px; } .materialManagementRight{ width: 50%; height: 408px; box-sizing: border-box; padding-left: 90px; position: relative; right: -1000px; } .materialManagementRight-text{ margin-top: 34px; } .materialManagementRight-text .text{ text-align: left; font-size:16px; font-family:PingFangSC-Regular,PingFang SC; font-weight:400; color:rgba(91,108,148,1); line-height:28px; word-wrap: wrap; } /* tiyandemo */ .experienceDemo{ width: 100%; height: 100%; background:rgba(40,106,239,1); position: relative; } .experienceDemoBody{ width: 100%; display: flex; align-content: center; } .experienceDemoLeft{ width: 50%; } .experienceDemoRight{ width: 40%; padding-left: 10%; } .experienceDemoRight-title{ width: 100%; text-align: center; } .experienceDemoRight-title .top{ height:48px; font-size:34px; font-family:PingFangSC-Semibold,PingFang SC; font-weight:500; color:rgba(255,255,255,1); line-height:48px; letter-spacing:1px; } .experienceDemoRight-title .bottom{ height:22px; font-size:16px; font-family:PingFangSC-Regular,PingFang SC; font-weight:400; color:rgba(255,255,255,0.8); line-height:22px; letter-spacing:1px; margin-top: 10px; } .experienceDemoRight-imgBOX{ width: 80%; margin: 0 auto; } .experienceDemoRight-imgBOX .people{ width: 100%; height: 100%; } .experienceDemoRight-tip .email{ height:28px; font-size:20px; font-family:PingFangSC-Regular,PingFang SC; font-weight:400; color:rgba(255,255,255,0.8); line-height:28px; letter-spacing:1px; } .experienceDemoLeft-form{ margin-top: 70px; width: 100%; } .experienceDemoLeft-form .item{ display: flex; margin-bottom: 25px; } .experienceDemoLeft-form .item-left{ width:280px; height:64px; border-radius:32px; border:2px solid rgba(107,155,255,1); padding-left: 20px; box-sizing: border-box; margin-right: 50px; position: relative; } .experienceDemoLeft-form .item-left.error{ border:2px solid #FF887F; } .experienceDemoLeft-form .item-right.error{ border:2px solid #FF887F; } .experienceDemoLeft-form .item-right{ width:280px; height:64px; border-radius:32px; border:2px solid rgba(107,155,255,1); padding-left: 20px; box-sizing: border-box; position: relative; } input{ background-color: transparent; width: 100%; height: 100%; font-size: 16px; outline: none; color: #fff; /* color: -internal-light-dark-color( white,black); */ } input:focus{ outline: none; } input::-webkit-input-placeholder { /* WebKit browsers */ color: #B5CCFB; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #B5CCFB; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #B5CCFB; } input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #B5CCFB; } .item .yuyue{ width:100%; height:64px; line-height: 64px; background:rgba(214,226,252,1); border-radius:32px; text-align: center; cursor: pointer; } .item .yuyue:hover{ background:#fff; } .item .yuyue span{ height:28px; font-size:18px; font-family:PingFangSC-Regular,PingFang SC; font-weight:400; color:rgba(39,107,239,1); line-height:28px; letter-spacing:1px; cursor: pointer; } .verificationCode,.showNum{ height:22px; font-size:14px; font-family:PingFangSC-Regular,PingFang SC; font-weight:400; color: #B5CCFB; line-height:22px; letter-spacing:1px; cursor: pointer; } .verificationCodeArea{ position: relative; height: 22px; } .clickArea{ position: absolute; right: 20px; top: 19px; padding-left: 10px; } .verificationCode::before,.showNum::before{ content: ''; display: block; width:2px; height:14px; background:#6B9BFF; position: absolute; left: 0; top: 5px; } .showNum{ color: #B5CCFB; cursor: default; } .experienceDemoBottom{ width: 100%; position: absolute; height: 95px; background:rgba(44,50,54,1); text-align: center; bottom: 0; left: 0; } .topInfo{ font-size:14px; font-family:PingFangSC-Regular,PingFang SC; font-weight:400; color:rgba(255,255,255,1); letter-spacing:1px; margin: 23px 0 11px; } .bottomInfo{ font-size:14px; font-family:PingFangSC-Regular,PingFang SC; font-weight:400; color:rgba(255,255,255,1); letter-spacing:1px; } .item-left1,.item-left2{ width: 122px; height: 64px; border-radius: 32px; border: 2px solid #6B9BFF; padding:0 20px; box-sizing: border-box; } .item-left2{ margin-right: 50px; } .hengxian{ width: 16px; height: 3px; background: #6B9BFF; margin: auto 10px; } select{ background-color: transparent; width: 100%; height: 100%; font-size: 16px; outline: none; color: #B5CCFB; border: none; max-height: 300px; appearance:none; -moz-appearance:none; -webkit-appearance:none; } option { font-weight: normal; display: block; white-space: pre; min-height: 1.2em; padding: 0px 2px 1px; background-color: transparent; color: #333; outline: none; } option:focus{ outline: none; border: none; } .arrow{ width: 12px; height: 8px; display: inline-block; position: absolute; right: 20px; top: 16px; z-index: 2; } .arrow img{ width: 100%; height: 100%; } .item-left1,.item-left2{ position: relative; } .companyTip,.nameTip,.phoneNumtip,.verificationCodetip{ position: absolute; top: 64px; left: 20px; } .item .successOK{ background: #5689F1; color: #8DB4FF; } .item .successOK:hover{ background:#5689F1; } .materialManagementRight-title{ text-align:left; } .materialManagementRight-title p{ font-size:34px; font-family:PingFangSC-Medium,PingFang SC; font-weight:500; color:rgba(51,51,51,1); line-height:48px; letter-spacing:1px; } .materialManagementRight .orangeBar{ width:40px; height:6px; background:rgba(82,196,26,1); border-radius:4px; margin: 25px 0; } .materialManagementRight-text{ margin-top: 34px; /* padding-right: 100px; */ } .materialManagementRight-text .text{ text-align: left; font-size:16px; font-family:PingFangSC-Regular,PingFang SC; font-weight:400; color:rgba(91,108,148,1); line-height:28px; word-wrap: wrap; } .onSubmitPage{ width: 100%; height: 100%; background: rgba(0,0,0,.54); position: absolute; top: 0; left: 0; z-index: 50; display: none; } .onSubmitPage .infoBox{ width: 618px; height: 376px; background: #FFFFFF; box-shadow: 0px 2px 4px 0px rgba(228, 228, 228, 0.5); border-radius: 6px; position: absolute; top: 50%; margin-top: -188px; left: 50%; margin-left: -309px; z-index: 60; } .closeIcon{ position: absolute; top: 15px; right: 15px; width: 18px; height: 18px; cursor: pointer; z-index: 60; } .infoBodyTop{ padding-top: 74px; text-align: center; } .infoBodyTop img{ width: 110px; height: 110px; margin: 0 auto; } .infoBodyBottom{ margin-top: 42px; text-align: center; width: 100%; } .infoBodyBottom .tipBig{ height: 33px; font-size: 24px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #333333; line-height: 33px; letter-spacing: 1px; margin-bottom: 14px; } .infoBodyBottom .tipSmall{ width: 342px; height: 40px; font-size: 14px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #999999; line-height: 20px; margin: 0 auto; }