.top { width: 100%; background: #e6e6e6; } .top-z { width: 1200px; margin: 0px auto; padding-top: 30px; padding-bottom: 20px; } .top-s { height: 100px; background: url("/v2/images/Indictment-2.png") no-repeat center; } .top-x { height: 500px; background: white; border-radius: 10px; } .top-zi { font-size: 20px; height: 100px; line-height: 100px; width: 1080px; margin: 0px auto; padding-left: 30px; border-bottom: 1px solid #ce4746; } .top-kuang { width: 1110px; margin: 0px auto; position: relative; padding-top: 40px; } .top-k1 { width: 198px; height: 290px; border: 2px solid #f4ab4f; border-radius: 15px; float: left; } .k1-s { height: 60px; background: #f4ab4f; border-top-left-radius: 12px; border-top-right-radius: 12px; color: white; line-height: 60px; font-size: 19px; padding-left: 42px; } .k1-span { width: 25px; height: 26px; display: inline-block; background: url("/v2/images/Indictment-1.png") no-repeat; padding-left: 5px; } .k1-x { height: 230px; padding: 5px 15px 15px 20px; font-size: 17px; line-height: 35px; color: #625f5f; } .k1-xiantiao { width: 50px; height: 39px; border-left: 1px dashed #ce4746; position: absolute; top: 1px; left: 100px; } .top-k2 { width: 312px; height: 290px; border: 2px solid #f4ab4f; border-radius: 15px; float: left; margin-left: 30px; } .k2-s { height: 60px; background: #f4ab4f; border-top-left-radius: 12px; border-top-right-radius: 12px; color: white; line-height: 60px; font-size: 19px; padding-left: 27px; } .k2-xiantiao { width: 50px; height: 39px; border-left: 1px dashed #ce4746; position: absolute; top: 1px; left: 393px; } .top-k3 { width: 240px; height: 290px; border: 2px solid #f4ab4f; border-radius: 15px; float: left; margin-left: 30px; } .k3-s { height: 60px; background: #f4ab4f; border-top-left-radius: 12px; border-top-right-radius: 12px; color: white; line-height: 60px; font-size: 19px; padding-left: 65px; } .k3-xiantiao { width: 50px; height: 39px; border-left: 1px dashed #ce4746; position: absolute; top: 1px; left: 700px; } .top-k4 { width: 240px; height: 290px; border: 2px solid #f4ab4f; border-radius: 15px; float: left; margin-left: 30px; } .k4-s { height: 60px; background: #f4ab4f; border-top-left-radius: 12px; border-top-right-radius: 12px; color: white; line-height: 60px; font-size: 19px; padding-left: 65px; } .k4-xiantiao { width: 50px; height: 39px; border-left: 1px dashed #ce4746; position: absolute; top: 1px; left: 971px; } .bottom { width: 100%; background: #e6e6e6; } .bottom-z { width: 1440px; height: 781px; margin: 0px auto; background: url("/v2/images/Indictment-3.jpg") no-repeat; } .bottom-s { height: 188px; color: white; text-align: center; } .bottom-s p:first-child { font-size: 40px; padding-top: 50px; } .bottom-s p:last-child { font-size: 25px; padding-top: 10px; } .bottom-x { width: 1200px; height: 305px; margin: 0px auto; } .x1 { width: 250px; height: 305px; background: white; float:left; } .x1-s { height: 80px; background: url("/v2/images/Indictment-4.png") no-repeat center; font-size:40px; color:#d02d26; text-align:center; line-height:80px; } .x1-x { height: 225px; padding: 0px 15px 0px 18px; line-height: 40px; color: #625f5f; } .x2 { width: 250px; height: 305px; background: white; margin-left: 60px; float: left; } .x3 { height: 148px; padding-top: 60px; position: relative; } .x3-z { width: 410px; height: 95px; margin: 0px auto; background: #fd342a; border: 2px solid #fd342a; border-radius: 5px; } .x3-l { width: 200px; height: 95px; float: left; background: white; color: #fc8816; border-radius: 5px; } .x3-l p:first-child{ padding-top:5px; font-size:20px; text-align:center; } .x3-l p:last-child { font-size: 45px; text-align: center; font-weight:bold; } .x3-r { width: 210px; height: 95px; float: left; } .x3-r a{ color:white; padding-left:40px; /*line-height:95px;*/ font-size:24px; } .sanjiao { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 22px; left: 710px; top:86px; position: absolute; z-index: 2; } .x4 { height:60px; text-align:center; } .x4 a { color:white; font-size:20px; } @media screen and (max-width:1024px) { .top-z { width: 1006px; margin: 0px auto; padding-top: 30px; padding-bottom: 20px; } .top-zi { font-size: 20px; height: 100px; line-height: 100px; width: 975px; margin: 0px auto; padding-left: 30px; border-bottom: 1px solid #ce4746; } .top-kuang { width: 1006px; margin: 0px auto; position: relative; padding-top: 40px; } .k4-s { height: 60px; background: #f4ab4f; border-top-left-radius: 12px; border-top-right-radius: 12px; color: white; line-height: 60px; font-size: 19px; padding-left: 25px; } .top-k4 { width: 150px; height: 290px; border: 2px solid #f4ab4f; border-radius: 15px; float: left; margin-left: 30px; } .k1-x { height: 230px; padding: 5px 5px 15px 5px; font-size: 14px; line-height: 35px; color: #625f5f; } .bottom-z { width: 1006px; height: 781px; margin: 0px auto; background: url("/v2/images/Indictment-3.jpg") no-repeat; } .bottom-x { width: 1006px; height: 305px; margin: 0px auto; } .x2 { width: 231px; height: 305px; background: white; margin-left: 20px; float: left; } .k4-xiantiao { width: 50px; height: 39px; border-left: 1px dashed #ce4746; position: absolute; top: 1px; left: 941px; } }