#baojia-box1 { padding-top:80px; padding-bottom:145px; display:block; background:url(../image/baojia-banner.jpg) center center no-repeat; } .box1-title-box { margin-bottom:45px; } .box1-title-box h1{ font-size:52px; display:block; width:100%; text-align:center; line-height:52px; height:52px; color:#fff; letter-spacing: 3px; } .box1-title-box p{ font-size:18px; height:18px; color:#fff; line-height:18px; text-transform: uppercase; letter-spacing: 1px; margin-top:15px; width:100%; display:block; text-align:center; } .form-box-content { width:1000px; height:425px; display:block; margin:0 auto; border-radius:10px; box-sizing: border-box; padding:40px 50px; background:#fff; font-size:0px; } .form-box-left { width:460px; display:inline-block; vertical-align:top; border-right:1px dashed #ccc; box-sizing: border-box; padding-right:70px; height:100%; } .form-box-right{ width:440px; display:inline-block; vertical-align:top; padding-left:55px; box-sizing: border-box; height:100%; } .form-box-left .QPageMsg{ width:100%; margin:0px; text-align:left; } .form-box-right .QPkefu { width:100%; margin:0px; } .form-box-left .QPageMsg h2 { text-align:left; font-size:32px; height:32px; line-height:32px; color:#333; font-weight:700; letter-spacing: 2px; } .form-box-left .QPageMsg p.numbers{ font-size:16px; line-height:16px; height:16px; color:#333; letter-spacing: 2px; margin-top:20px; margin-bottom:15px; } .form-box-left .QPageMsg p.numbers b{ font-weight:400; } .form-box-right .count_box { width:100%; padding:50px 40px 40px 40px; border:2px solid #f0efef; border-radius:6px; box-sizing: border-box; float:none; } .form-box-right .count_box h3{ margin-bottom:30px; text-align:left; font-size:21px; } .form-box-right .count_box h3 em { font-size:34px; width:115px; margin-left:6px; margin-right:6px; font-style:normal; } .form-box-right .count_box ul { padding:0px; margin:0px; border:none; font-size:0px; width:100%; } .form-box-right .count_box ul li{ width:50%; display:inline-block; height:16px; line-height:16px; } .form-box-right .count_box ul li span{ line-height:16px; height:16px; display:inline-block; } .form-box-right .count_box ul em { margin-left:0px; margin-right:0px; font-style:normal; height:16px; line-height:16px; } .form-box-right .count_bb { width:100%; display:block; text-align:center; color:#333; font-size:16px; padding-top:30px; } .form-box-right .count_bb span{ color:#004126; } .baojia-tel { display:block; width:100%; font-size:21px; height:21px; line-height:21px; color:#333; margin-top:30px; text-align:center; } .form-box-left .QPageMsg .iMsgIpt { box-shadow:none; background:#f9f9fb; width:100%; height:38px; display:block; } #SFMsgBtn2 { color:#fff; background:#004126; font-size:21px; font-weight:700; width:100%; display:block; height:60px; line-height:60px; border:none; outline: none; border-radius:6px; margin-top:20px; } .form-box-left .QPageMsg p { font-size:16px; color:#333; height:16px; line-height:16px; margin-top:20px; } #iMsgName { background:url(../image/name-icon.png) 20px center no-repeat; } #iMsgPhone { background:url(../image/mobile-icon.png) 23px center no-repeat; } #iMsgArea { background:url(../image/area-icon.png) 18px center no-repeat; } .form-box-left .QPageMsg .iMsgIpt { padding-left:50px; } .form-box-left .QPageMsg input:-moz-placeholder { letter-spacing:2px; font-size:16px; color:#999798; } .form-box-left .QPageMsg input:-ms-input-placeholder { letter-spacing: 2px; font-size:16px; color:#999798; } .form-box-left .QPageMsg input::-webkit-input-placeholder { letter-spacing: 2px; font-size:16px; color:#999798; } #bj-box2 { padding:100px 0px; } .sm-title{ text-align:center; } .sm-box2-content { width:100%; display:block; font-size:0px; padding:0px 10px; text-align:center; box-sizing: border-box; margin-top:85px; } .box2-items-one { margin-bottom:55px; width:33.333%; text-align:center; display:inline-block; color:#333; font-size:21px; text-align:center; } .box2-items-one p{ margin-top:10px; } .box2-items-one:nth-child(4),.box2-items-one:nth-child(5) { margin-bottom:0px; } #bj-box3{ background:url(../image/box3-bg.png) center center no-repeat; padding:100px 0px 85px 0px; } .sm-box3-content { margin-top:120px; font-size:0px; width:100%; display:block; } .box3-items-one { width:423px; display:inline-block; margin-right:45px; position:relative; height:590px; } .box3-items-one:nth-child(3n) { margin-right:0px; } .box3-image { width:100%; text-align:center; z-index:9; position:relative; } .box3-text { padding:140px 30px 50px 30px; width:100%; display:block; box-sizing: border-box; box-shadow:0px 0px 10px #e7dad8; text-align:center; position:absolute; left:0px; top:205px; z-index:1; } .box3-title { width:100%; height:90px; line-height:90px; color:#fff; background:#004126; text-align:center; display:block; font-size:30px; } .box3-desc { width:100%; display:block; font-size:21px; color:#666; line-height:35px; text-align:center; margin-top:30px; } #bj-box4 { padding:100px 0px 190px 0px; } .sm-box4-content { margin-top:80px; } #bj-box5 { padding:90px 0px 100px 0px; width:100%; display:block; background:url(../image/tjbj-bg.jpg) center center no-repeat; } .sm-box5-content { margin-top:80px; margin-bottom:60px; width:100%; display:block; font-size:0px; } .box5-items-one { width:415px; display:inline-block; margin-right:57px; height:215px; position:relative; } .box5-items-one:nth-child(3n){ margin-right:0px; } .box5-image { position:relative; z-index:9; display:inline-block; } .box5-text { width:333px; height:175px; box-sizing: border-box; background:#fff; border-radius:10px; display:block; position:absolute; left:80px; top:40px; padding-left:135px; padding-top:55px; padding-bottom:55px; } .box5-text .number{ display:inline-block; height:85px; color:#004126; line-height:85px; font-size:85px; font-weight:700; } .number-desc { display:inline-block; font-size:26px; color:#333; line-height:42px; vertical-align:top; margin-left:2px; } .sm-box5-bottom { width:100%; display:block; margin-top:60px; font-size:0px; height:575px; } .box5-bottom-left{ width:630px; display:inline-block; height:100%; background:rgba(255,255,255,0.65); padding:0px 40px; box-sizing: border-box; } .box5-bottom-right{ width:687px; display:inline-block; margin-left:40px; font-size:0px; letter-spacing: -4px; vertical-align:top; } .top-image-box5 { width:338px; display:inline-block; margin-bottom:9px; margin-right:10px; position:relative; } .top-image-box5:nth-child(2){ margin-right:0px; } .top-image-box5 img{ max-width:100%; } .box5-top-text { position:absolute; width:100%; height:68px; font-size:24px; color:#fff; line-height:34px; font-weight:700; text-align:center; bottom:60px; letter-spacing: 2px; } .bottom-image-box5 { position:relative; } .box5-bottom-text { width:100%; height:68px; font-size:24px; color:#fff; line-height:24px; text-align:center; bottom:100px; letter-spacing: 2px; position:absolute; font-weight:700; } .form-input-items { width:100%; display:block; background:#fff; padding:15px 30px; box-sizing: border-box; border-radius:6px; outline: none; border:1px solid #fff; margin-bottom:29px; text-indent:35px; font-size:20px; color:#333; height:52px; letter-spacing: 0px; } .form-boxs input:-moz-placeholder,.form-boxs input:-ms-input-placeholder,.form-boxs input::-webkit-input-placeholder { font-size:20px; letter-spacing: 2px; color:#999798 } #form-input-button { width:100%; display:block; color:#fff; height:90px; background:#004126; font-size:30px; font-weight:700; line-height:90px; text-align:center; border-radius:6px; letter-spacing: 2px; margin-bottom:30px; outline: none; border:none; } .box5-title { font-size:26px; width:100%; display:block; margin-top:60px; color:#004126; margin-bottom:50px; text-align:center; font-weight:700; letter-spacing: 2px; } .tips-infos { font-size:16px; width:100%; display:block; width:100%; color:#fff; line-height:16px; height:16px; margin-bottom:16px; text-align:center; } .tips-infos span{ color:#004126; } .tel-fours { font-size:21px; color:#fff; letter-spacing: 0px; width:100%; display:block; text-align:center; } .Master { margin-bottom:106px; } #uName { background:#fff url(../image/name-icon.png) 35px center no-repeat; } #uMobile { background:#fff url(../image/mobile-icon.png) 37px center no-repeat; } #uArea { background:#fff url(../image/area-icon.png) 34px center no-repeat; }