.p15-infolist-1-t1 { padding: 35px 49px 0px 21px; background: #fff; border-bottom: 1px dashed #cacaca; margin-bottom: 20px; height: 164px; } .p15-infolist-1-t1 dt { position: relative; height: 30px; font-size: 18px; line-height: 30px; margin-bottom: 8px; padding-left: 68px; } .p15-infolist-1-t1 dt a{ display: block; color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p15-infolist-1-t1 dt span { display: block; width: 60px; height: 30px; font-size: 18px; line-height: 30px; text-align: center; color: #fff; position: absolute; top: 0; left: -0px; background: #b91b21; } .p15-infolist-1-t1-desc { height: 72px; line-height: 24px; margin-bottom: 5px; overflow: hidden; padding-left: 68px; } .p15-infolist-1-t1-deta { width: 60px; float: right; padding-left: 20px; background: url(../image/p14-icon21.png) no-repeat left center; } .p15-infolist-1-t1-deta a { display: block; color: #b91b21; } .p14-infolist-1-list dl { border: 1px solid #dedede; margin-bottom: 15px; padding: 22px 50px 22px 22px; background: #fff; overflow: hidden; } .p14-infolist-1-list dt { width: 29.5%; float: left; margin-right: 5.8%; } .p14-infolist-1-list dt img { width:100%; display: block; } .p14-infolist-1-list dd h4 { height: 40px; font-weight: normal; font-size:18px; color: #154c64; line-height: 40px; margin-bottom: 5px; overflow: hidden; } .p14-infolist-1-list h4 a { display: block; height: 40px; color: #4b4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p14-infolist-1-list dl:hover{border:1px solid #b91b21;} .p14-infolist-1-list dl:hover h4 a { color: #b91b21; } .p14-infolist-1-list-desc { max-height: 72px; font-size: 14px; line-height: 24px; color: #797979; margin-bottom: 28px; overflow: hidden; } .p14-infolist-1-list-deta { width: 90px; height: 30px; line-height: 30px; text-align: center; display: block; float: right; background: #b6b6b6; color: #fff; } .p14-infolist-1-list-deta a{color:#fff;} .p14-infolist-1-list dl:hover .p14-infolist-1-list-deta { background: #b91b21; border-color: #b91b21; } .p14-infolist-1-list dl:hover .p14-infolist-1-list-deta a { color: #fff; } .p14-product-3-tit { height: 46px; line-height: 46px; border-bottom: 2px solid #dfdfdf; margin-bottom: 30px; } .p14-product-3-tit b { display: inline-block; font-size: 24px; font-weight: normal; color: #464646; padding-left: 52px; border-bottom: 2px solid #b91b21; background:url(../image/p14-icon11.png) no-repeat 22px center; } .p14-product-3-tit span { margin-left: 10px; font-size: 18px; font-family: Arial; text-transform: uppercase; color: #c2c2c1; } .p14-product-3-list dl { float: left; width: 22.4%; border: 1px solid #dfdfdf; margin-right: 3.4%; position: relative; box-sizing: border-box; overflow: hidden; } .p14-product-3-list dl:nth-child(4n) { margin-right: 0; } .p14-product-3-list dl img { display: block; width: 100%; } .p14-product-3-list dd { padding: 12px 20px; background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; } .p14-product-3-list h4 { height: 22px; font-size: 16px; text-align: center; font-weight: normal; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p14-product-3-list h4 a { color: #fff; } .p14-product-3-desc { font-size: 14px; color: #fff; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p14-product-3-list dl:hover { border-color: #b91b21; } .fdh-01-tit { background: #b91b21; height: 80px; } .fdh-01-tit h3 { height: 75px; font-size: 24px; font-weight: normal; line-height: 75px; color: #fff; border-bottom: 1px solid #fff; text-align: center; } .fdh-01-tit h3 span { font-size: 14px; text-transform: uppercase; } .fdh-01-nav-one h3 { height: 50px; line-height: 50px; background: #ececeb; margin-bottom: 2px; overflow: hidden; } .fdh-01-nav-one h3 a { display: block; font-size: 18px; font-weight: normal; margin-right: 40px; margin-left: 38px; color: #666666; overflow: hidden; } .fdh-01-nav-one h3.sidenavcur, .fdh-01-nav-one h3:hover { background: #b91b21; } .fdh-01-nav-one h3.sidenavcur a, .fdh-01-nav-one h3:hover a{ color: #fff; } .fdh-01-nav dl { padding: 2px 0 4px; } .fdh-01-nav dt { height: 50px; font-size: 16px; line-height: 50px; padding-left: 54px; padding-right: 40px; margin-bottom: 1px; background: #ececec; position: relative; overflow: hidden; } .fdh-01-nav dt:after { content: ""; width: 8px; height: 8px; border: 2px solid #b8b8b8; border-style: solid solid none none; position: absolute; top: 50%; right: 32px; margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .fdh-01-nav dt.sidenavcur:after, .fdh-01-nav dt:hover:after { border-color: #b91b21; } .fdh-01-nav dt.sidenavcur a, .fdh-01-nav dt:hover a { color: #b91b21; } .fdh-01-nav dd { border: 1px solid #ececec; border-bottom: 0; } .fdh-01-nav p { height: 50px; font-size: 14px; line-height: 50px; padding-left: 72px; padding-right: 40px; border-bottom: 1px solid #ececec; background: #fff; position: relative; overflow: hidden; } .fdh-01-nav p.sidenavcur a, .fdh-01-nav p:hover a { color: #b91b21; } .fdh-01-nav p.sidenavcur:after, .fdh-01-nav p:hover:after { background: #b91b21; } .fdh-01-nav a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cbgg-01 { background: #4a4a4a; text-align: center; color: #fff; padding-bottom:15px; } .cbgg-01-img img { width: 100%; display: block; } .cbgg-01 p { padding-top: 15px; padding-bottom: 15px; } .cbgg-01 p img { vertical-align: middle; margin-right: 5px; } .cbgg-01 span { display: block; font-size: 28px; font-weight: bold; font-family: Arial; padding-bottom: 10px; padding-top: 0px; white-space: nowrap; }