body{ background: #2b1052; } .continueHighBanner,.invR_gaoQ{ width: 100%; } .continueHighBanner a{ display: inline-block; width: 100%; } .continueHighBanner img,.invR_gaoQ img{ width: 100% } .topList{ margin-top: 42px; } .topList ul{ display: flex; display: -webkit-flex; justify-content: space-around; } .topList ul li{ width: 270px; height: 170px; padding-left: 70px; padding-top: 36px; color: #fff; } .topList ul li a{ color: #fff; } .topList ul li:nth-child(1){ background: url(../../../../img/load/invR_11.png) no-repeat; background-size:100% 100%; } .topList ul li:nth-child(2){ background: url(../../../../img/load/invR_22.png) no-repeat; background-size:100% 100%; } .topList ul li:nth-child(3){ background: url(../../../../img/load/invR_33.png) no-repeat; background-size:100% 100%; } .topList ul li:nth-child(4){ background: url(../../../../img/load/invR_44.png) no-repeat; background-size:100% 100%; } .topList li a span{ display: inline-block; font-size: 12px; margin-bottom: 8px; } .topList li a h1{ height: 44px; line-height: 44px; } .topList li a h1 span{ font-size: 40px; width: 100px; display: inline-block; text-align: center; } .topList li a h1 sup{ font-size: 22px; top: -.75em; margin-left:5px; font-weight: normal } .invTitle{ margin-top: 90px; margin-bottom: 50px; } .invTitle h2{ text-align: center; font-size: 40px; color: #fff; font-weight: 500 } .inVqiY{ width:1200px; height: 644px; background: url(../../../../img/load/invR_qye.png)no-repeat; background-size:100% 100%; display: flex; display: -webkit-flex; justify-content: space-around; padding: 50px 100px; position: relative; z-index: 100; } .inVqiY div{ width: 330px; height: 400px; background: rgba(255, 255,255, .9); padding: 42px 48px; box-shadow: 0 0 80px #000; } .inVqiY div h3{ font-size: 28px; color: #2b1052; font-weight: normal; margin-bottom: 30px; } .inVqiY div h1{ font-size: 44px; color: #000000; font-weight: normal; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .inVqiY div p { font-size: 28px; color: #666666; margin-top: 13px; margin-bottom: 30px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .inVqiY div span{ font-size: 28px; color: #666; } .inVqiY div span span{ color: #e8596d; font-size: 45px; } .inVqiY div a{ width: 100%; width: 152px; height: 38px; display: inline-block; border: 1px solid #2b1052; color: #2b1052; line-height: 34px; text-align: center; margin-top: 33px; margin-left: 10px; } .inVqiY div a:hover{ background: #2b1052; color: #fff; } .invR_gaoQ{ position: relative; z-index: 80; } .invR_gaoQ div{ margin-top: -10px; } .hot_InvR ul{ display: flex; display: -webkit-flex; justify-content: space-between; } .hot_InvR ul li{ width: 380px; height: 470px; background: url(../../../../img/load/invR_77.png)no-repeat; background-size: 100% 100%; padding: 10px; color: #fff; text-align: center; } .hot_InvR ul li a{ display: inline-block; width: 100%; color: #fff; } .hot_InvR ul li div{ height:256px; background: #9e7ff9; } .hot_InvR ul li div p{ margin: 0; padding: 40px 50px 0px; font-size: 64px; text-align: center; color: #fff; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:2; } .hot_InvR ul li a>p{ font-size: 26px; margin-top: 18px; margin-bottom: 34px; margin-left: 10px; text-align: left; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .hot_InvR ul li a h4{ font-size: 48px; color: #69a7f0; background: linear-gradient(to right, #69a7f0, #f20a9f); -webkit-background-clip: text; color: transparent; } .hot_InvR ul li a h4 span{ font-size: 74px; } .invR_junM ul li div p{ margin: 0; padding: 30px 50px 0px; font-size: 44px; text-align: center; color: #fff; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:3; } .civilian{ width: 100%; background: url(../../../../img/load/invR_JunBj.png)no-repeat; background-position-y: 100px } .invR_junM ul li a{ background: #2b1052; } .invRFuC{ margin-top: 186px; } .FcList_wrap{ position: relative; width: 100%; height: 1200px; background: url(../../../../img/load/invR_JunBj.png)no-repeat; background-position-y: 380px; } .FcList { position: absolute; top: 0; left: 50%; width: 1200px; margin-left: -600px; } .FcList ul li{ width: 100%; height: 320px; background: url(../../../../img/load/invR_111.png)no-repeat; background-size:100% 100%; padding-top: 50px; } .FcList ul li a{ display: flex; display: -webkit-flex; justify-content: space-around; color: #fff; } .FcList ul li a p{ font-size: 56px; margin-top: 30px; width: 600px; text-align: center; } .FcList ul li a div{ width:490px; } .FcList ul li a div span{ font-size: 32px; display: inline-block; } .FcList ul li a div h4{ font-size: 48px; font-weight: normal } .FcList ul li a div h4 span{ font-size: 76px; } .FcList ul li:last-child{ height: 250px; background-size:100% 100%; background: url(../../../../img/load/invR_222.png)no-repeat; } .serviceW{ width: 1200px; margin: 230px auto 0 ; height: 444px; background: url(../../../../img/load/invR_wang.png)no-repeat; background-size:100% 100%; padding-left: 177px; padding-top:70px; } .serviceW p{ font-size:24px; width: 277px; height: 60px; line-height: 60px; text-align: center; color: #fff; } .serviceW ul { width: 887px; overflow: hidden; } .serviceW ul li{ color: #fff; float: left; width: 106px; height: 64px; text-align: center; font-size: 20px; line-height: 64px; background: url(../../../../img/load/invR_999.png)no-repeat; background-size:100% 100%; margin-left: 22px; margin-top: 22px; } .serviceW ul li:nth-child(7n+1){ margin-left: 0; } .advantage { width: 100%; position: relative; height: 580px; background: url(../../../../img/load/invR_JunBj.png)no-repeat; background-position-y:-50px; } .advantage .advantageTxt{ margin-top: 70px; position: absolute; width: 1200px; top: 0; left: 50%; margin-left: -600px; height:450px; background: url(../../../../img/load/invR_555.png)no-repeat; background-size:100% 100%; padding-left: 177px; padding-top:70px; } .advantage .advantageTxt p{ font-size:24px; width: 277px; height: 60px; line-height: 60px; padding-left: 40px; color: #fff; } .advantageTxt ul li{ color: #fff; font-size: 24px; padding-left: 44px; margin-top: 62px } .consultation{ width: 1300px; margin: 50px auto 200px; height: 350px; background: url(../../../../img/load/invR_777.png)no-repeat; background-size:100% 100%; text-align: center; background-position-x: 10px } .consultation p{ font-size: 60px; color: #fff; line-height: 200px; margin-left: 22px; } .consultation p:hover{ cursor: pointer; color: #69a7f0; } @media screen and (max-width:1200px){ .advantage,.header,.continueHighBanner,.invR_gaoQ,.continueHighBanner a,.consultation,.FcList_wrap,.invR_gaoQ{ width: 1200px!important; margin: 0 auto; } }