@charset "utf-8"; * { margin: 0px; padding: 0px; } .w { width: 1200px; margin: 0 auto; } a { text-decoration: none; } a { color: black; /* font-size: 20px; */ } /* hed start */ .hed { width: 100%; height: 500px; background: url(/uploads/image/i3143/head.png) no-repeat top center; } /* hed end */ /* cont-one start*/ .cont-one { overflow: hidden; width: 100%; height: 888px; background: url(/uploads/image/i3143/cont-one.png) no-repeat top center; } .cont-one-add{ width: 1200px; margin: 0 auto; margin-top: 30px; overflow: hidden; } .cont-one-add a:nth-child(1) img{ float: left; } .cont-one-add a:nth-child(2) img{ float: right; } .one-mid { position: relative; padding-right: 20px; padding-top: 40px; padding-left: 20px; margin-top: 97px; width: 1200px; height: 465px; background: url(/uploads/image/i3143/one-mid.png) no-repeat top center; } .one-mid-title { position: absolute; left: 470px; top: -50px; padding-left: 60px; width: 260px; height: 70px; line-height: 70px; background: url(/uploads/image/i3143/title.png) no-repeat top center; } .one-mid-title p { font-size: 36px; color: white; font-weight: bold; } .one-mid-left { padding-left: 40px; float: left; width: 585px; height: 390px; background: url(/uploads/image/i3143/one-left.png) no-repeat top center; } .one-mid-right { float: right; margin-right: 10px; width: 550px; height: 390px; } .one-mid-right-tb { width: 580px; height: 390px; } .one-mid-right-tb li { float: left; margin-right: 15px; margin-bottom: 15px; width: 270px; height: 180px; } .one-mid-right-tb a:first-child li{ background: url(/uploads/image/i3143/1-1.png) no-repeat top center; } .one-mid-right-tb a:nth-child(2) li{ background: url(/uploads/image/i3143/1-2.png) no-repeat top center; } .one-mid-right-tb a:nth-child(3) li{ background: url(/uploads/image/i3143/1-3.png) no-repeat top center; } .one-mid-right-tb a:nth-child(4) li{ background: url(/uploads/image/i3143/1-4.png) no-repeat top center; } .one-mid-right-tb p{ margin-top: 140px; text-align: center; } /* cont-one end*/ /* cont-two start*/ .cont-two { overflow: hidden; width: 100%; height: 608px; background: url(/uploads/image/i3143/cont-two.png) no-repeat top center; } .two-mid { position: relative; padding-right: 20px; padding-top: 40px; padding-left: 20px; margin-top: 97px; width: 1200px; height: 465px; background: url(/uploads/image/i3143/two-mid.png) no-repeat top center; } .two-mid-title { position: absolute; left: 470px; top: -50px; padding-left: 60px; width: 260px; height: 70px; line-height: 70px; background: url(/uploads/image/i3143/title.png) no-repeat top center; } .two-mid-left { padding-left: 40px; float: right; width: 585px; height: 390px; background: url(/uploads/image/i3143/two-left.png) no-repeat top center; } .two-mid-title p { font-size: 36px; color: white; font-weight: bold; } .two-mid-right { float: left; margin-right: 10px; width: 550px; height: 390px; } .two-mid-right-tb { width: 580px; height: 390px; } .two-mid-right-tb li { float: left; margin-right: 15px; margin-bottom: 15px; width: 270px; height: 180px; background: url(/uploads/image/i3143/two.png) no-repeat top center; } .two-mid-right-tb a:first-child li{ background: url(/uploads/image/i3143/2-1.png) no-repeat top center; } .two-mid-right-tb a:nth-child(2) li{ background: url(/uploads/image/i3143/2-2.png) no-repeat top center; } .two-mid-right-tb a:nth-child(3) li{ background: url(/uploads/image/i3143/2-3.png) no-repeat top center; } .two-mid-right-tb a:nth-child(4) li{ background: url(/uploads/image/i3143/2-4.png) no-repeat top center; } .two-mid-right-tb p{ margin-top: 140px; text-align: center; } /* cont-two end*/ /* cont-three start*/ .cont-three { overflow: hidden; width: 100%; height: 638px; background: url(/uploads/image/i3143/cont-three.png) no-repeat top center; } .three-mid { position: relative; padding-right: 20px; padding-top: 60px; padding-left: 20px; margin-top: 97px; width: 1200px; height: 496px; background: url(/uploads/image/i3143/three-mid.png) no-repeat top center; } .three-mid-title { position: absolute; left: 470px; top: -50px; padding-left: 60px; width: 260px; height: 70px; line-height: 70px; background: url(/uploads/image/i3143/title.png) no-repeat top center; } .three-mid-title p { font-size: 36px; color: white; font-weight: bold; } .three-mid-left { padding-left: 40px; float: left; width: 585px; height: 390px; background: url(/uploads/image/i3143/three-left.png) no-repeat top center; } .three-mid-right { float: left; margin-right: 10px; width: 550px; height: 390px; } .three-mid-right-tb { width: 580px; height: 390px; } .three-mid-right-tb li { float: left; margin-left: 20px; width: 557px; height: 390px; background: url(/uploads/image/i3143/three.png) no-repeat top center; } .three-mid-right-tb a:first-child li{ background: url(/uploads/image/i3143/3-1.png) no-repeat top center; } .three-mid-right-tb a:nth-child(2) li{ background: url(/uploads/image/i3143/3-2.png) no-repeat top center; } .three-mid-right-tb p{ text-align: center; margin-top: 275px; } /* cont-three end*/