.section-box .section:nth-child(odd) { background-color: #fafbfc; } .adv-box .item { text-align: center; width: 320px; padding: 20px; } .adv-box .item .item-icon { width: 80px; height: 80px; margin: 0 auto; position: relative; } .adv-box .item .item-name { font-size: 24px; line-height: 48px; } .adv-box .item .item-desc { line-height: 28px; color: #666666; } .scheme-box .item { width: 245px; height: 270px; border-radius: 8px; color: #ffffff; text-align: center; background: url("../Image/scxwz/scheme-bg.png") 0 90px no-repeat #fc5442; padding-top: 20px; background-blend-mode: overlay; } .scheme-box .item:nth-child(2) { background-color: #44de9b; } .scheme-box .item:nth-child(3) { background-color: #46a6ff; } .scheme-box .item:nth-child(4) { background-color: #ff8e42; } .scheme-box .item:nth-child(5) { background-color: #757fdf; } .scheme-box .item .item-icon { width: 65px; height: 65px; margin: 15px auto; } .scheme-box .item .item-name { font-size: 24px; line-height: 40px; margin-bottom: 5px; } .scheme-box .item .item-desc { line-height: 24px; width: 170px; margin: 0 auto; } .function-box .item { height: 120px; width: 420px; background-color: #ffffff; margin-bottom: 20px; padding-left: 40px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .function-box .item .item-icon { width: 70px; height: 70px; border-radius: 50%; background-color: #f3f6f8; position: relative; } .function-box .item .item-icon img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .function-box .item .item-inf { margin-left: 35px; width: 250px; } .function-box .item .item-inf .item-name { color: #28417a; font-size: 16px; line-height: 2; } .function-box .item .item-inf .item-desc { font-size: 12px; color: #7a889a; line-height: 20px; } .function-box .item:hover { -webkit-box-shadow: 0 0 24px rgba(35, 35, 35, 0.1); -moz-box-shadow: 0 0 24px rgba(35, 35, 35, 0.1); box-shadow: 0 0 24px rgba(35, 35, 35, 0.1); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); } .gxxq-box { margin-bottom: 0; } .gxxq-box .box-item { flex: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .gxxq-box .box-item .row-item { border-right: 1px solid #eeeeee; text-align: center; font-size: 14px; border-bottom: 1px dashed #eee; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #666666; overflow: hidden; } .gxxq-box .box-item .row-item.box-bd { height: 330px; } .gxxq-box .box-item .row-item p { line-height: 22px; color: #666666; margin-top: 5px; } .gxxq-box .box-item .row-item .price { font-size: 24px; color: #df3833; margin-right: 5px; font-style: normal; } .gxxq-box .box-item .row-item span { color: #999999; font-size: 14px; } .gxxq-box .box-item .row-item .btn { margin: 6px auto; display: block; width: 150px; height: 40px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; line-height: 40px; text-align: center; background: transparent; } .gxxq-box .box-item .row-item.box-head { height: 58px; background-color: #293a4a; color: #ffffff; line-height: 58px; font-size: 18px; text-align: center; border-right: 1px solid #eeeeee; border-bottom: none; } .gxxq-box .box-item .row-item:last-child { border-bottom-style: solid; } .gxxq-box .box-item:first-child { width: 160px; max-width: 200px; font-size: 16px; border-left: 1px solid #eeeeee; color: #666666; } .gxxq-box .box-item:hover { box-shadow: 0px 10px 17.46px 0.54px rgba(32, 63, 119, 0.14); } .gxxq-box .box-item:hover .row-item.box-head { background-color: #de3833 !important; background-image: -moz-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%) !important; background-image: -webkit-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%) !important; background-image: -ms-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%) !important; box-shadow: 0px 10px 20px 0px rgba(221, 56, 51, 0.26); } .gxxq-box .box-item:hover .row-item .btn { color: #ffffff; background-image: -moz-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); background-image: -webkit-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); background-image: -ms-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); box-shadow: 0px 10px 20px 0px rgba(221, 56, 51, 0.26); } .section.sec-scxwz-promise { padding-top: 0; } .promise-box .item { width: 320px; height: 290px; border: 1px solid #f4f4f4; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .promise-box .item .item-name { font-size: 20px; line-height: 2; } .promise-box .item .item-icon { height: 60px; width: 60px; margin: 20px auto; text-align: center; } .promise-box .item .item-desc { color: #999999; text-align: center; line-height: 24px; } .promise-box .item:hover { background-color: #fafbfc; }