*{ margin:0; padding: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; } a{ display: block; text-decoration: none; color: #333; } .gq_body{ width: 100%; height: 2675px; background: url(/uploads/image/zmimg/mokao_bgc_pc.png) no-repeat; background-size: 100% 100%; padding-top:0; } .w{ width: 1300px; margin-top: 10px; margin: 0 auto; } .logo{ height: 119px; background-color: #ffffff; display: flex; align-items: center; } .loglink{ display: block; width: 205px; height: 54px; background: url(/uploads/image/zmimg/logo_0805.png) no-repeat; background-size: 100% 100%; margin: 0px 0 0 354px; } .logo span{ display: block; } .phone{ margin-left: 337px; display: flex; align-items: center; } .phone i{ display: block; width: 34px; height: 34px; background: url(/uploads/image/zmimg/phone_icon_pc.png) no-repeat; background-size: 100% 100%; margin-right: 10px; } .kefu{ margin-left: 86px; display: flex; align-items: center; } .kefu i{ display: block; width: 37px; height: 37px; background: url(/uploads/image/zmimg/kefu_icon_pc.png) no-repeat; background-size: 100% 100%; margin-right: 10px; } .module03{ width: 1051px; height: 723px; background: no-repeat; background-size: 100% 100%; margin: 0 auto; margin-top:46px; } .module03_btn,.banner3_btn{ width: 329px; height: 71px; background-image: linear-gradient(0deg, #ff9516 36%, #ffe489 100%), linear-gradient( #61280d, #61280d); background-blend-mode: normal, normal; box-shadow: 0px 5px 0px 0px rgba(162, 66, 2, 0.7); border-radius: 20px; border: solid 1px #ffffff; font-size: 30px; color: #ffffff; margin:16px auto 0; } .flex_center{ display: flex; justify-content: center; align-items: center; } .module03_btn>i,.banner2_btn>i{ width: 24px; height: 30px; background: url(/uploads/image/zmimg/click_shou_pc.png) no-repeat; background-size: 100% 100%; margin-right: 20px; } .banner1{ width: 1269px; height: 560px; background: no-repeat; background-size: 100% 100%; padding-top: 80px; margin-top: 97px; } .banner1_title{ width: 558px; height: 143px; background: no-repeat; background-size: 100% 100%; margin:0 0 10px 75px; } ul{ list-style: none; } .banner1_box{ width: 880px; background-color: #ffffff; border-radius: 25px; border: solid 2px #7badff; opacity: 0.72; margin-left: 195px; font-size: 30px; color: #0b66ff; padding:20px 0 20px 55px; } .banner1_box li{ line-height: 1.5; } .banner1_box li span{ color: #ff300e;; } .banner1 .module03_btn{ margin:30px auto 0; } .banner2{ width: 1160px; height: 600px; background-color: #5494ff; box-shadow: 0px 0px 7px 0px rgba(5, 42, 183, 0.52); border-radius: 30px; border: solid 6px #bedef8; margin:101px auto 96px; position: relative; } .banner2_title{ font-size: 36px; color: #ffffff; height: 125px; } .banner2_title>i:nth-child(1),.banner3_title>i:nth-child(1){ width: 101px; height: 33px; background: no-repeat; background-size: 100% 100%; margin-right: 10px; } .banner2_title>i:nth-child(3),.banner3_title>i:nth-child(3){ width: 101px; height: 33px; background: url(/uploads/image/zmimg/title_right_pc.png) no-repeat; background-size: 100% 100%; margin-left: 10px; } .banner2_box{ width: 929px; height: 329px; margin:0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; } .banner2_box>div{ width: 450px; height: 110px; border-radius: 20px; padding-top: 40px; text-align: center; } .banner2_box>div:nth-child(1){ background: url(/uploads/image/zmimg/mokao1_pc.png) no-repeat; background-size: 100% 100%; } .banner2_box>div:nth-child(2){ background: url(/uploads/image/zmimg/mokao2_pc.png) no-repeat; background-size: 100% 100%; } .banner2_box>div:nth-child(3){ background: no-repeat; background-size: 100% 100%; } .banner2_box>div:nth-child(4){ background: no-repeat; background-size: 100% 100%; } .banner2_box>div>p:nth-child(1){ font-size: 28px; color: #075efe; margin-bottom: 10px; } .banner2_box>div>p:nth-child(2){ font-size: 24px; color: #333333; } .qianbi{ width: 134px; height: 145px; background: no-repeat; background-size: 100% 100%; position: absolute; left: 0; bottom: 0; } .banner3{ width: 1160px; height: 630px; background-color: #ffffff; box-shadow: 0px 0px 7px 0px rgba(5, 42, 183, 0.52); border-radius: 30px; margin:0 auto; } .banner3_title{ height: 107px; color: #0b66ff; font-size: 36px; } .tite{ font-size: 30px; color: #333333; margin:0 auto; text-align: center; } .red_bag{ width: 196px; height: 207px; background: no-repeat; background-size: 100% 100%; margin:10px auto 0; } .banner3_t{ font-size: 30px; color: #333333; margin-top:10px; text-align: center; } .banner3_text{ color: #075efe; font-size: 28px; margin-top:20px; text-align: center; } .banner3_btn{ margin-top: 10px; } .banner3_btn>i{ width: 31px; height: 24px; background: no-repeat; background-size: 100% 100%; margin-right: 20px; } .banner4{ width: 1160px; height: 500px; background-color: #5494ff; box-shadow: 0px 0px 7px 0px rgba(5, 42, 183, 0.52); border-radius: 10px; border: solid 6px #bedef8; margin:142px auto 0; position: relative; } .banner4_title{ width: 324px; height: 84px; background: no-repeat; background-size: 100% 100%; position: absolute; top:-41px; left: 50%; transform: translate(-50%); } .banner4_box{ width: 100%; justify-content: space-around; display: flex; margin-top: 110px; } .banner4_box>div{ width: 240px; } .banner4_box>div>p:nth-child(1){ width: 240px; height: 240px; border-radius: 2px; opacity: 0.9; } .banner4_box>div:nth-child(1)>p:nth-child(1){ width: 240px; height: 240px; border-radius: 2px; background: no-repeat; background-size: 100% 100%; } .banner4_box>div:nth-child(2)>p:nth-child(1),.banner4_box>div:nth-child(3)>p:nth-child(1){ width: 240px; height: 240px; border-radius: 2px; background: no-repeat; background-size: 100% 100%; display: flex; justify-content: center; align-items: center; } .banner4_box>div>p>img{ width: 217px; height: 217px; } .banner4_box>div>p:nth-child(2){ font-size: 26px; color: #ffffff; margin-top: 33px; line-height: 1.8; text-align: center; } .bk_bottom{ background-color: #ffffff; width: 100%; height: 100px; text-align: center; line-height: 30px; margin-top: 197px; padding-top: 20px; color: #333333; } a{ display: block; cursor: pointer; } a:hover{ color:#ffffff; } .logo>a:hover{ color: #333333; } .mask{ display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); position: fixed; top: 0; left: 0; z-index: 1; } .open{ display: none; width: 520px; height: 674px; position: fixed; top: 15%; left: 50%; margin-left: -337px; z-index: 2; border-radius: 3%; text-align: center; } .open img{ width: 520px; height: 674px; } .close{ width: 42px; height: 42px; background: url(/uploads/image/zmimg/close.png) no-repeat; background-size: 100% 100%; position: absolute; top: 10px; right: -45px; cursor: pointer; z-index: 999; }