锘縝ody { background: #f6f4f5; } .one-bgcolor { background: #ffffff; width: 100%; } .top-one { margin: 0px auto; background: #ffffff; margin-top: 40px; width: 1200px; } .one-dh { height: 80px; } .one-dh div:first-child { height: 40px; width: 10px; background: #ac1e1c; position: relative; top: 20px; } .one-dh-div { height: 40px; width: 10px; background: #d12d24; position: relative; top: -20px; left: 15px; } .one-dh p { position: relative; top: -52px; left: 43px; font-size: 18px; font-weight: 700; } .one-wz { height: 310px; } .one-top { width: 1200px; height: 310px; } .one-top div:first-child { background: #eeeeee; height: 45px; } .one-top div:first-child p { color: #b34240; line-height: 45px; padding-left: 20px; font-size: 17px; } .one-top div:first-child p a:last-child { float: right; margin-right: 15px; color: #a3a3a3; font-size: 16px; } .one-top div:last-child { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; border: 1px solid #bfbfbf; height: 235px; border-top: none; box-shadow: #c9c7c8 0px 8px 0px 0px; } .one-top div:last-child p { line-height: 45px; padding: 10px 15px 0px 15px; } .one-bom { width: 100px; float: left; height: 290px; margin-left: 10px; } .one-bom-bg { /*background: url("/v2/images/Family-05.png") no-repeat center;*/ width: 100px; height: 290px; } .one-bom-bg a { margin-top: 267px; display: block; color: #a3a3a3; } .top-two { background: #f5f5f5; width: 100%; } .two-con { width: 1200px; background: #ffffff; margin: 0px auto; margin-top: 60px; margin-bottom: 70px; } .two-top { height: 165px; } .two-top-one { background: url("/v2/images/Family-01.png") no-repeat center; background-position-y: 10px; width: 170px; height: 165px; float: left; } .two-top-two { width: 80px; float: left; height: 165px; } .two-top-two hr { height: 2px; border: none; border-top: 1px solid #dad1d1; margin-top: 85px; } .two-top-three { float: left; width: 220px; height: 60px; margin-top: 55px; border-left: 1px solid #dad1d1; border-right: 1px solid #dad1d1; } .two-top-three p:first-child { font-size: 25px; padding-top: 3px; } .two-top-three p:first-child span { color: red; } .two-top-three p:last-child { font-size: 16.5px; } .two-top-three p { text-align: center; } .two-top-four { background: url("/v2/images/Family-02.png") no-repeat center; width: 240px; height: 55px; margin-top: 55px; float: left; background-position-x: 25px; } .two-bom { width: 100%; } .two-bom table { border: 1px solid #c9c8bb; border-collapse: collapse; } .td-one { color: red; font-size: 25px; letter-spacing: 5px; text-align: center; padding: 30px 30px 30px 30px; border-bottom: 1px solid #c9c8bb; width: 135px; } .td-two { background: #f9f3e3; width: 410px; padding: 20px 60px 20px 60px; line-height: 30px; border-bottom: 1px solid #c9c8bb; } .td-two ol li { list-style: decimal; } .td-three { background: #f6ecea; width: 410px; padding: 20px 60px 20px 60px; line-height: 30px; border-left: 1px solid #c9c8bb; border-bottom: 1px solid #c9c8bb; } .td-three ol li { list-style: decimal; } .con-one { width: 1440px; height: 453px; background: url("/v2/images/Family-03.png") no-repeat; margin: 0px auto; } .con-four { width: 100%; background: #ffffff; } .four-zhong { margin: 0px auto; width: 1200px; padding-top: 40px; padding-bottom: 40px; } .zhong-one { height: 55px; background: #fc4e3e; } .zhong-one { line-height: 55px; padding-left: 30px; font-size: 17px; font-weight: 600; } .zhong-two { height: 260px; border: 1px solid #cdcdcd; padding-top: 20px; padding-bottom: 20px; } .zhong-left { float: left; width: 48px; cursor: pointer; margin-top: 80px; } .zhong-con { width: 1100px; float: left; } .frame { position: relative; font-size: 0; /*line-height: 0;*/ overflow: hidden; white-space: nowrap; } .slides { display: inline-block; } .zhong-con ul li { width: 275px; position: relative; display: inline-block; } .zhong-con ul li a { display: block; width: 219px; margin: 0px auto; } .zhong-con ul li dl dt { text-align: center; } .zhong-con ul li dl dt img { max-width: 219px; } .zhong-con ul li dl dd { text-align: center; /*width: 138px; padding-right: 55px;*/ font-size: 20px; /*background: url("/v2/images/Family-07.png") no-repeat 150px;*/ height: 30px; line-height: 30px; } .zhong-con ul li dl dd span { color: red; } .team-img-box { height: 210px; width: 159px; overflow: hidden; position: relative; /*border-radius: 50%;*/ margin: 15px auto 10px auto; } .team-img-box img { /*max-height: 190px;*/ max-width: 160px; min-width: 160px; border: 1px solid #ededed; } .team-name { color: #000000; font-size: 20px; background: url("/v2/images/icon-main-01.png") no-repeat -816px -384px; padding: 0 43px 8px 0; display: inline-block; height: 40px; margin: 10px 0 15px 35px; line-height: 1.0; } .team-name span { color: #d02b25; } .zhong-right { float: left; width: 48px; cursor: pointer; margin-top: 80px; } .bom-one { background: #f1f1f1; width: 100%; } .bom-one-big { width: 1200px; background: #ffffff; margin: 0px auto; margin-top: 10px; margin-bottom: 25px; } .big-wz { height: 90px; } .big-wz p:first-child { font-size: 30px; text-align: center; padding-top: 10px; } .big-wz p:last-child { text-align: center; } .big-wz p:last-child span { font-size: 22px; } .bom-one-con { height: 350px; position: relative; } .bom-one-left { width: 60px; text-align: center; background: #dbb390; float: left; margin-top: 140px; cursor: pointer; margin-right: 25px; } .cha-con { width: 1040px; /*padding-left: 30px; padding-right: 30px;*/ float: left; height: 350px; overflow: hidden; position: static; } .cha-con ul li { width: 1150px; height: 320px; position: relative; display: inline-block; margin-left: 11px; } .bom-one-right { width: 60px; text-align: center; background: #dbb390; float: left; margin-top: 140px; cursor: pointer; margin-left: 15px; } .cha-one { width: 430px; background: #fd4e3d; height: 220px; } .cha-two { width: 980px; height: 298px; position: absolute; top: 20px; left: 21px; z-index: 5; } .cha-two-left { width: 447px; height: 298px; float: left; } .cha-two-left img { max-width: 450px; } .cha-two-right { margin-top: 18px; margin-bottom: 8px; height: 272px; float: left; border: 1px solid #eeeeee; border-left: none; width: 532px; box-shadow: 2px 2px 5px #888888; background: white; } .two-right-top { height: 60px; } .two-right-top p { line-height: 75px; font-size: 18px; padding-left: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 450px; } .two-right-con { /*height: 155px;*/ overflow: hidden; /*text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;*/ margin-bottom: 15px; } .two-right-con p { line-height: 35px; padding-left: 20px; padding-right: 20px; white-space: normal; font-size: 16px; height: 140px; } .frame { position: relative; font-size: 0; line-height: 0; overflow: hidden; white-space: nowrap; } .slides { display: inline-block; } .two-right-bom { height: 57px; } .two-right-bom a { display: block; padding: 10px 0px 10px 0px; background: #d12d24; width: 140px; text-align: center; height: 30px; color: white; line-height: 28px; margin-left: 200px; font-size: 18px; } .two-right-bom a:hover { background: #dbb390; } .cha-three { width: 900px; height: 265px; border: 1px solid red; position: absolute; left: 122px; top: 67px; z-index: 2; } .bom-two-xq { height: 560px; background: #ffffff; } .bom-two-xq ul { width: 1040px; margin: 0px auto; } .bom-two-xq ul li { height: 130px; border-bottom: 1px solid #878383; } .tian { width: 1040px; height: 80px; padding-top: 30px; } .date { width: 130px; height: 80px; background: #dbc7c8; float: left; } .date div:first-child { height: 45px; text-align: center; line-height: 50px; font-size: 25px; } .date div:last-child { height: 45px; text-align: center; } .wenz { width: 740px; height: 80px; float: left; } .wz-one { height: 40px; line-height: 50px; font-weight: 500; font-size: 18px; width: 550px; padding-left: 30px; padding-right: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wz-two { height: 50px; width: 550px; padding-left: 30px; padding-right: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; } .btnselect { float: left; width: 150px; height: 80px; } .btnselect a { display: block; padding: 5px 4px 15px 5px; width: 150px; height: 22px; font-size: 22px; color: red; border: 1px solid red; text-align: center; margin-top: 20px; } .bom-two { background: url("/v2/images/Family-09.jpg") no-repeat center; width: 1440px; height: 506px; margin: 0px auto; position: relative; padding-top: 80px; } .bom-two-first { background: #fd4e3d; width: 800px; height: 386px; margin-left: 125px; } .bom-two-first p { height: 60px; text-align: center; line-height: 60px; color: white; font-size: 25px; } .bom-two-last { width: 1000px; background: white; height: 386px; position: absolute; top: 141px; left: 170px; } .last-left { float: left; /*width: 750px;*/ height: 386px; } .last-left ol { padding-left: 70px; color: #6d6b6c; width: 800px; } .last-left ol li { list-style: decimal; padding-left: 15px; height: 70px; /*line-height: 50px;*/ font-size: 17px; } .last-left ol li:first-child { padding-top: 40px; } .last-left ol li a { color: #6d6b6c; } .last-left ol li a:hover { text-decoration: underline; } .last-left ol li span { /*width:11px; height:14px; display:inline-block; background:#e48505; color:white; font-size:11px; line-height:12px; padding-left:1px; position:relative; top:-8px; left:3px; border-radius:30%;*/ } .last-right { float: left; width: 250px; height: 386px; } .last-right ul li { height: 50px; line-height: 50px; font-size: 17px; padding-left: 40px; color: #6d6b6c; } .last-right ul li:first-child { padding-top: 40px; } .last-fx { background: url("/v2/images/Family-05.png") no-repeat center; width: 130px; height: 386px; position: absolute; left: 1000px; } .wenzdiv { width: 700px; } @media screen and (max-width:1024px) { .top-one { margin: 0px auto; background: #ffffff; margin-top: 40px; width: 1006px; } .one-top { width: 1006px; height: 310px; } .two-con { width: 1006px; background: #ffffff; margin: 0px auto; margin-top: 60px; margin-bottom: 70px; } .two-top-two { width: 38px; float: left; height: 165px; } .con-one { width: 1006px; height: 316px; background: url("/v2/images/Family-03.png") no-repeat; margin: 0px auto; background-size: 100%; } .four-zhong { margin: 0px auto; width: 1006px; padding-top: 40px; padding-bottom: 40px; } .zhong-con { width: 80%; float: left; } .bom-one-big { width: 1006px; background: #ffffff; margin: 0px auto; margin-top: 10px; margin-bottom: 25px; } .cha-con ul li { width: 1006px; height: 320px; position: relative; display: inline-block; margin-left: 0px; } .bom-one-left { width: 60px; text-align: center; background: #dbb390; float: left; margin-top: 0px; cursor: pointer; margin-right: 25px; } .cha-two { width: 980px; height: 298px; position: absolute; top: 10px; left: 10px; z-index: 5; } .cha-three { width: 900px; height: 265px; border: 1px solid red; position: absolute; left: 103px; top: 52px; z-index: 2; } .wenz { width: 640px; height: 80px; float: left; } .wenzdiv { width: 610px; } .tian { width: 1006px; height: 80px; padding-top: 30px; } .bom-two-xq ul li { height: 130px; border-bottom: 1px solid #878383; width: 1006px; } .bom-one-right { width: 60px; text-align: center; background: #dbb390; float: left; margin-top: 140px; cursor: pointer; margin-left: 15px; display: none; } .btnselect { float: left; width: 235px; height: 80px; } .btnselect a { display: block; padding: 5px 4px 15px 5px; width: 150px; height: 22px; font-size: 22px; color: red; border: 1px solid red; text-align: center; margin: 0px auto; margin-top: 20px; } .bom-two { background: url("/v2/images/Family-09.jpg") no-repeat center; width: 1006px; height: 506px; margin: 0px auto; position: relative; padding-top: 80px; } .bom-two-first { background: #fd4e3d; width: 800px; height: 386px; margin-left: 40px; } .bom-two-last { width: 894px; background: white; height: 386px; position: absolute; top: 141px; left: 68px; } .last-fx { background: url("/v2/images/Family-05.png") no-repeat center; width: 130px; height: 386px; position: absolute; left: 1000px; display: none; } .bom-two-xq ul { width: 1006px; margin: 0px auto; } .cha-con { width: 1006px; } .one-dh p { width: 500px; position: relative; top: -52px; left: 43px; font-size: 18px; font-weight: 700; } }