锘?newIndexTitle .textTitle { text-align: center; padding-top: 90px; font-size: 34px; font-family: Microsoft YaHei; font-weight: bold; line-height: 34px; color: #2E2E2E; margin-bottom: 16px; } .flex8 { display: flex; align-items: center; /*鍨傜洿灞呬腑*/ } .newIndexTitle .titleLine { display: block; margin:auto; margin-bottom: 70px; } .newIndexTitle .textSpan { font-size: 22px; font-family: Microsoft YaHei; font-weight: 300; line-height: 0px; margin-top: -45px !important; color: #999999; margin-bottom: 80px; text-align: center; } #index_float_01 .part_02 div { font-size: 13px; color: #2680EB; text-align: center; } .indexJxcErp { margin-top: -75px !important; padding: 25px 35px; background: #FFFFFF; /*box-shadow: 0px 3px 14px rgba(158, 158, 158, 0.16); */ box-shadow: 0px 3px 14px 2px rgba(158, 158, 158, 0.51); opacity: 1; border-radius: 8px; position: relative; z-index: 9; animation: show 1.5s; } .indexHuodongP { font-size: 24px; font-weight: bold; color: #2E2E2E; } .indexHuodongPtext { font-size: 18px; color: #333333; text-align:center; margin-top:7px; } /*.indexJxcErp .link-more-right { margin-top: 1.8rem; }*/ /* 鍔ㄧ敾 */ @keyframes show { 0% { bottom: -50px; opacity: 0.5; } 100% { bottom: 0px; opacity: 1; } } .indexJxcErp .left { width: 555px; } .indexJxcErp .top { margin-bottom:26px; } .indexJxcErp .top .name { font-size: 22px; font-family: Microsoft YaHei; font-weight: bold; line-height: 18px; color: #2E2E2E; } .indexJxcErp .top p { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 18px; color: #2680EB; } .indexJxcErp .rightImg { margin-top: 3px; margin-left: 9px; } .indexJxcErp .img{ margin-right:18px; } .indexJxcErp .nameP{ font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 18px; color: #333333; margin-bottom:11px; } .indexJxcErp .text{ font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; line-height: 14px; color: #707070; opacity: 1; } .indexJxcErp .line { margin-top: 20px; width: 1px; background: #E0E0E0; height: 71px; margin-right: 35px; } .indexMoreProduct { background: rgb(244,245,247); padding-top: 130px; margin-top: -96px; padding-bottom: 90px; position: relative; height: 631px; } .indexMoreProduct .content { position: absolute; left: 50%; margin-left:-600px; top: 130px; } .indexMoreProduct .indexTitle { font-size: 26px; font-family: Microsoft YaHei; font-weight: 400; line-height: 26px; color: #2E2E2E; margin-bottom:15px; text-align:center; } .indexMoreProduct .moreProductImg{ margin:auto; margin-bottom:20px; display:block; } .indexMoreProduct .div1{ background: #fff; cursor:pointer; border: 0.5px solid #E0E0E0; width:210px; height:318px; } .indexMoreProduct .name { padding-top: 54px; font-size: 22px; font-family: Microsoft YaHei; font-weight: bold; line-height: 22px; color: #1F2329; padding-left: 34px; margin-bottom: 24px; } .indexMoreProduct .text { padding-left: 34px; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; line-height: 24px; color: #666C74; margin-bottom: 80px; } .indexMoreProduct .goUrl p { padding-left: 34px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 18px; color: #2680EB; } .indexMoreProduct .rightImg { margin-top: 3px; margin-left: 9px; } .indexMoreProduct .div2{ cursor:pointer; width: 570px; height: 318px; background: linear-gradient(90deg, #2A8EFF 0%, #0268FF 100%); position:relative; } .indexMoreProduct .indexbgProductImg{ position: absolute; right: 0; bottom: 0px; } .indexMoreProduct .div2 .bgImg { position: absolute; right: 0; top: 20px; } .indexMoreProduct .div2 .name { color: #fff; padding-left: 25px; margin-bottom: 9px; } .indexMoreProduct .div2 .text { color: #fff; padding-left: 25px; margin-bottom: 10px; height: 77px; } .indexMoreProduct .div2 .tip{ padding-left: 25px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; line-height: 24px; color: #FFFFFF; margin-bottom: 25px; } .indexMoreProduct .div2 .goUrl { margin-left: 25px; width: 146px; height: 46px; border: 2px solid #FFFFFF; } .indexMoreProduct .div2 .yungourl { margin-top:-20px; } .indexMoreProduct .div2 .goUrl p { color: #fff; padding-left: 16px; line-height: 42px; } .indexMoreProduct .div2 .goUrl img{ margin-top: 16px; } .indexService .block { width: 300px; margin-bottom: 80px; } .indexService img { display:block; margin: auto; } .indexService p { font-size: 22px; font-family: Microsoft YaHei; font-weight: 400; line-height: 22px; color: #1F2329; margin-top: 40px; text-align:center; } .white{ color:#fff !important; } .indexProblem { background: url(/img/index/problem_bg.png); height: 943px; background-size: 100%; } .indexProblem .left{ padding-top:25px; } .indexProblem .left .block { cursor: pointer; width: 480px; padding: 11px 38px; background: linear-gradient(90deg, #0F17FF 0%, #0054FE 100%); opacity: 1; margin-bottom: 20px; } .indexProblem .left span { width: 60px; height: 60px; background: rgba(255,255,255,0.15); border-radius: 50%; display:block; font-size: 30px; font-family: Microsoft YaHei; font-weight: 400; line-height: 60px; color: #FFFFFF; text-align:center; } .indexProblem .left p { margin-left: 27px; font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; line-height: 60px; color: #FFFFFF; } .indexProblem .left .active{ background: linear-gradient(90deg, #1DB0EB 0%, #0355FE 100%) !important; } .indexProblem .left .active span{ background: rgba(59,175,241,1) !important; background: linear-gradient(90deg, #1DB0EB 0%, #0355FE 100%); } .indexProblem .right { margin-left: 33px; width: 604px; height: 742px; background-size: 100%; margin-top: -20px; } .right1 { background: url(/img/index/home_glnt_ydbg_icon.png); } .right2 { background: url(/img/index/home_glnt_ddtb_icon.png); } .right3 { background: url(/img/index/home_glnt_ghywxq_icon.png); } .right4 { background: url(/img/index/home_glnt_txjb_icon.png); } .right5 { background: url(/img/index/home_glnt_wgsj_icon.png); } .right6 { background: url(/img/index/home_glnt_ydjm_icon.png); } .indexProblem .right .text { margin-top: 455px; margin-left: 33px; width: 536px; height: 124px; background: linear-gradient(90deg, #1EB3EB 0%, #0054FE 100%); opacity: 1; padding: 0px 75px 0px 60px; font-size: 22px; font-family: Microsoft YaHei; font-weight: 400; line-height: 32px; color: #F8FBFE; } .indexProblem .right a { margin-left: 170px; margin-top:27px; padding-left:53px; display: block; width: 216px; height: 60px; background: linear-gradient(90deg, #FE6828 0%, #FD8D35 100%); opacity: 1; font-size: 22px; font-family: Microsoft YaHei; font-weight: 400; line-height: 60px; color: #FFFFFF; } .indexProblem .right a img{ margin-left: 7px; margin-top: 23px; } .indexNewCase { background: #F8FBFE; padding-bottom:80px; } .indexHonor{ background:#fff; } .indexFooterDiv { background: url(/img/index/home_bottom_pic.png); background-size: 100%; padding-top:70px; } .indexFooterDiv .name { font-size: 38px; font-family: Microsoft YaHei; font-weight: bold; line-height: 38px; color: #FFFFFF; margin-bottom:25px; text-align: center; margin-left:272px; margin-right:225px;width: 583px; } .indexFooterDiv .contentImg { margin-left:-200px; } .indexFooterDiv a { display: block; width: 456px; margin-left: 327px; height: 60px; border: 2px solid #FFFFFF; background: none; font-size: 22px; font-family: Microsoft YaHei; font-weight: 400; line-height: 60px; color: #FFFFFF; } .indexFooterDiv a img{ margin: 15px 11px 15px 160px; } .indexFooterDiv a span { font-size: 22px; font-family: Microsoft YaHei; font-weight: 400; line-height: 60px; color: #FFFFFF; } .indexFooterDiv p { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; line-height: 22px; color: #FFE600; text-align:center; } .productBottom { padding-top: 70px; } .productBottom .topBot { height:215px; } .productBottom .top .text { font-size: 22px; font-family: Microsoft YaHei; font-weight: 400; line-height: 26px; color: #F8FBFF; margin-right: 89px; margin-left: 13px; } .productBottom .top { background: #343E54; height: 110px; padding-top:45px; box-sizing:border-box; } .moreTiele { margin: auto; width: 404px; margin-bottom: 16px; } .indexMoreClass{ background:#fff; } .indexMoreClass .bigClass { margin-bottom: 12px; } .indexMoreClass .bigClass .div { cursor:pointer; width: 585px; height: 72px; background: #D4E7FF; opacity: 1; border-radius: 60px; font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; line-height: 72px; color: #2680EB; } .indexMoreClass .bigClass .div b{ font-size: 24px; } .indexMoreClass .bigClass .img2{ display:none; } .indexMoreClass .active { background: #337EFF !important; color: #fff !important; } .indexMoreClass .bigClass .active .img1 { display: none; } .indexMoreClass .bigClass .active .img2 { display: block; } .flex_wrap { display: flex; flex-wrap: wrap; margin-bottom:10px; } .indexMoreClass p { cursor:pointer; width: 180px; height: 55px; background: #F9FCFF; border: 1px solid #D4E7FF; opacity: 1; border-radius: 36px; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; line-height: 55px; color: #2680EB; text-align: center; margin: 8px 10px; } .indexMoreClass b{ font-size: 16px; } .indexMoreClass .lastClass { margin-bottom: 30px; /*padding-top: 26px;*/ padding:5px 0; background: #F8FBFE; } .indexMoreClass .lastClass p { background: #ECF6FF; } .indexMoreClass .other { margin: auto; margin-bottom: 30px; padding: 0px 22px; height: 60px; background: #FFFFFF; border: 1px solid #999999; opacity: 1; border-radius: 10px; } .indexMoreClass .other span{ font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; line-height: 60px; color: #333333; } .indexMoreClass .other input { font-size: 22px; font-family: Microsoft YaHei; font-weight: 300; line-height: 0px; color: #808080; width: 90%; border: 0px; padding-left: 20px; } .indexMoreClass .tel { margin: auto; margin-bottom: 30px; } .indexMoreClass .tel .other { margin: 0; width: 568px; } .indexMoreClass .tel .other input{ width: 87%; } .indexMoreClass .tel .codes input{ padding: 0px 22px; height: 60px; background: #FFFFFF; border: 1px solid #999999; border-top-left-radius: 10px; border-bottom-left-radius: 10px; width: 250px; } .indexMoreClass .tel .codes img { border-top-right-radius: 10px; border-bottom-right-radius: 10px; cursor: pointer; width: 147px; height: 60px; margin-left: -12px; border: 1px solid #999999; } .submitButton { cursor:pointer; width: 400px; height: 60px; background: linear-gradient( 94deg, #FE6828 0%, #FD8B34 100%); opacity: 1; border-radius: 10px; font-size: 26px; font-family: Microsoft YaHei; font-weight: 400; line-height: 60px; color: #FFFFFF; margin: auto; } .submitButton img { width: 16px; height: 13px; margin-top: 0px; margin-left: 10px; } .indexMoreClass { padding-bottom: 80px; padding-top: 75px; } /*浣犲彲鑳芥兂浜嗚В鐨勯棶棰樺紑濮?/ .indexPossible { background-color: #EEF3FC; padding-bottom:78px; } .indexPossible .possibleBox { padding: 42px 70px; box-sizing: border-box; background: #FFFFFF; box-shadow: 0px 3px 13px rgba(100, 100, 100, 0.16); display:flex; flex-wrap:wrap; justify-content:space-between; } .indexPossible .box-li { width:49%; margin-top:20px; } .indexPossible .box-li > p { font-size: 18px; font-weight: bold; color: #2E2E2E; } .indexPossible .box-li p .tipSpan { display: inline-block; text-align: center; line-height: 28px; margin-right: 14px; font-weight: bold; font-size: 18px; color: #fff; width: 34px; height: 28px; background: linear-gradient(130deg, #0268FF 0%, #2084FF 100%); border-radius: 12px 12px 0px 12px; } .indexPossible .box-li > div { margin-top:16px; background: #F8FBFE; font-size: 14px; color: #666C74; padding: 18px; line-height: 24px; } /*浣犲彲鑳芥兂浜嗚В鐨勯棶棰樼粨鏉?/ /*鍏徃棣栭〉绠€浠嬪紑濮?/ .indexSummary { background: #F8FBFE; } .indexSummary .sumBlue { background: #337EFF; height:200px; margin-top:-150px; } .indexSummarybox { position: relative; padding: 18px 75px; box-sizing: border-box; background: #FFFFFF; box-shadow: 0px 3px 13px 1px rgba(100,100,100,0.16); display: flex; justify-content: space-between; align-items: center; font-size: 16px; width: 1050px; margin: auto; } .indexSummarybox .sumCount > p { /* margin-bottom:30px;*/ } .indexSummary .sumPermit { width: 212px; margin-left: 88px; cursor:pointer; } .indexSummaryPopup{ cursor:pointer; } .indexSummaryPopup .boxDiv { display: flex; justify-content: center; align-items: center; height: 100vh; } .indexSummaryPopup .boxDiv .sizeBox { background: #fff; padding: 10px; display: inline-block; } .indexSummaryPopup .boxDiv .sizeBox .sumPermit{ width:480px; } .submitButtonDiv { cursor: pointer; width: 400px; height: 60px; background: linear-gradient( 94deg, #FE6828 0%, #FD8B34 100%); opacity: 1; border-radius: 10px; font-size: 26px; font-family: Microsoft YaHei; font-weight: 400; line-height: 60px; color: #FFFFFF; margin: auto; } .h5Default { min-height: 100vh; background: #fff; position: static; z-index:9999; } .h5Default .h5IndexTop { position: relative; } .h5Default .h5IndexTop img{ width:100%; } .h5Default .h5IndexTop .logoImg { position: absolute; width: 10rem; left: 1rem; top: 2.5rem; } .h5Default .phoneBoxDivs { width: 94%; position: relative; margin-left: 3%; margin-top: -2.5rem; background: #FFFFFF; border: 1px solid #BEE1FF; box-shadow: 0px 0px 5px 0px rgba(23,129,255,0.42); border-radius: 10px; padding-top:2.5rem; } .h5Default .box { position: relative; margin-bottom:1.9rem; display: block; } .h5Default .box img { width: 94%; margin: auto; display: block; } .h5Default .box p { font-size: 14px; font-family: FZDaHei-B02S; font-weight: 600; color: #FFFFFF; line-height: 18px; position: absolute; top: 50%; margin-top: -9px; left: 16%; } .h5Default .h5Btn { position: relative; width: 94%; margin: auto; background: #0A5FDF; border-radius: 3rem; height: 3.2rem; margin-top: 4.5rem; display: flex; justify-content: center; /*姘村钩灞呬腑*/ align-items: center; /*鍨傜洿灞呬腑*/ } .h5Default .h5Btn img { width: 1.5rem; height: 1.5rem; } .h5Default .h5Btn p { font-size: 1.2rem; font-family: FZHTJW; font-weight: normal; color: #FFFFFF; margin-left: 1rem; } .h5Default .h5Btn span { height: 26px; border: 1px solid #FFBF61; position: absolute; top: -34px; font-size: 12px; line-height: 26px; padding: 0px 12px; border-radius: 26px; } .h5Default .h5Btn .border{ width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 14px solid #FFBF61; position: absolute; top: -7px; left: 47px; } .h5Default .h5Btn b { display: block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 12px solid #fff; position: absolute; left: -4px; top: -14px; }