.content1 { width: 1200px; margin: 0 auto; height: 400px; /* background: #ccc; */ margin-top: 30px; } .content1rt { margin-bottom: 70px; } .content11 { width: 580px; height: 406px; float: left; /* background: #ddd; */ cursor: pointer; } .content11xw { width: 634px; } .content12 { width: 580px; height: 406px; float: left; /* background: #ddd; */ margin-left: 40px; cursor: pointer; } .content12tz { width: 520px; } .content11h { width: 100%; height: 56px; /* background: #DFCBA6; */ /* border-bottom: 1px solid #DFCBA6; */ overflow: hidden; } .content11hl { width: 150px; height: 46px; /* background: url(../images/bt.png); */ font-size: 22px; background-image: line-height: 46px; /* text-align: center; */ font-weight: bold; float: left; -webkit-background-clip: text; background-clip: text; color: transparent; background-image: linear-gradient(45deg, #1d2088, #c30e23); } .more { float: right; height: 46px; line-height: 54px; font-size: 15px; width: 60px; text-align: center; font-weight: bold; cursor: pointer; border-bottom: 1px solid #dd97bb; } .content11hbt { width: 100%; height: 4px; /* background: url(../images/content11h.png) bottom; */ margin-top: 50px; /* background: #DFCBA6; */ /* border-bottom: 1px solid #BC9D70; */ } .yqlj-c2 { width: 380px; float: left; padding-bottom: 10px; } .yqlj-c li { float: left; font-size: 14px; line-height: 50px; height: 50px; padding: 0 10px; font-weight: bold; cursor: pointer; } .yqlj-c2 li { width: 520px; padding: 0px; line-height: 60px; height: 60px; font-size: 16px; /* border-bottom: 1px dashed #ccc; */ font-weight: normal; padding-bottom: 9.8px; } .yqlj-c2sj { width: 60px; height: 60px; float: left; } .yqlj-c2nr { float: left; font-size: 16px; line-height: 22px; width: 410px; padding-top: 10px; padding-left: 20px; color: #333; } .yqlj-c2sj1 { height: 26px; width: 60px; font-size: 20px; font-weight: bold; line-height: 26px; text-align: center; color: rgb(178 1 3); } .yqlj-c2sj2 { font-size: 12px; height: 20px; width: 60px; line-height: 20px; text-align: center; font-style: italic; color: #E1A468; background: #1d2088; color: #fff; } .yqlj-c2nr { float: left; font-size: 16px; line-height: 22px; width: 440px; padding-top: 10px; padding-left: 20px; color: #333; } .yqlj-c2nr:hover{ color: #c30e23; } .content4f { width: 100%; height: auto; background: #eee; overflow: hidden; /* margin-top: 40px; */ /* background: url(../images/content4bj2.jpg) center fixed; */ } .content1 { width: 1200px; margin: 0 auto; height: 400px; /* background: #ccc; */ margin-top: 30px; } .content4 { /* height: 560px; */ margin-top: 30px; margin-bottom: 32px; } .content11xw2 { width: 1200px; } .content4f dl{ display: flex; display: -webkit-flex; display: -ms-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .content4f dd { width: 25%; padding: 1rem 1rem 1rem 1rem; } .content4f a { display: block; position: relative; } .content4f a .img { box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.06); } .content4f a .img img { width: 100%; } .content4f a .name { font-size: 12px; color: #6b0e7a; line-height: 18px; position: absolute; z-index: 1; left: 0.2rem; right: 0.2rem; top: auto; bottom: 1.18rem; text-align: center; }