body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, hr, ul, ol, td, input, option, textarea { margin: 0; padding: 0; } body { font-family: "微软雅黑"; } li { list-style: none; } a { text-decoration: none; } img { border: none; display: block; } .two { margin-top: 20px !important; } .wid_12 { width: 1200px; margin: 0 auto; } .flx1 { display: flex; justify-content: space-between; } .cen_img { width: 725px; height: 440px; } .cen_img img { width: 100%; height: 100%; display: inline-block; } .two_right { width: 465px; } .two_right p { text-align: right; margin-bottom: 4px; } .two_right p a { color: #b3b3b3; font-size: 16px; margin-right: 10px; } .two_right p a:hover { color: #c10003; } .two_right ul li { width: 453px; height: 75px; background: #f7f5ef; /* display: flex; */ margin-top: 10px; position: relative; border-left: 12px solid #f7f5ef; } .two_right ul li:first-child { margin-top: 0; } .red { width: 10px; height: 80px; } .two_right ul li a { position: relative; width: 415px; display: block; font-size: 18px; font-family: microsoft yahei; font-weight: 400; color: #2c2c2c; /* margin-top: 15px; */ padding-top: 10px; margin-left: 16px; z-index: 9999; line-height: 26px; } /* .two_right ul li::before { background: #c10003; } */ .two_right ul li:hover { background: #fff5dd; border-left: 12px solid #c10003; } /* .two_right ul li:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff5dd; -webkit-transform: scalex(0); -ms-transform: scalex(0); transform: scalex(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 1s; transition-duration: 1s; } .two_right ul li:hover:before { -webkit-transform: scalex(1); -ms-transform: scalex(1); transform: scalex(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } */ .lb-item { position: relative; } .lb-item div{ width: 100%; background: rgba(51,51,51,0.7); position: absolute; bottom: 4px; line-height: 55px; text-align: center; color: #ffffff; font-size: 17px; } /* 中央精神 */ .three {} .gd p:last-child { margin-top: 54px; margin-right: 10px; } .gd p:last-child a { color: #b3b3b3; font-size: 16px; } .gd p:last-child a:hover { color: #c10003; } .title { font-size: 24px; font-family: microsoft yahei; font-weight: bold; color: #c10003; margin: 40px 0 20px; } .box { width: 580px; background: #f6f6f6; border-top: 4px solid #c10003; position: relative; } .bbox { width: 489px; font-size: 18px; font-family: microsoft yahei; font-weight: 400; /* color: #c10003; */ line-height: 32px; padding-bottom: 46px; margin: 46px auto 0; } .bbox div { margin-top: 10px; } .bbox div:first-child { margin-top: 0; } .bbox div a:hover { color: #c10003; } .count span:first-child { color: #c10003; } .count a { color: #2c2c2c; } .sz span:first-child { width: 30px; height: 30px; display: inline-block; background: #c10003; color: white; line-height: 30px; border-radius: 50%; text-align: center; } .sj { position: absolute; bottom: 10px; right: 10px; width: 0; height: 0; border-bottom: 36px solid #c10003; border-left: 36px solid transparent; } .four { position: relative; } .box1 { width: 100%; background: #f6f6f6; border-top: 4px solid #c10003; position: relative; } .zydiv { width: 580px; } .footer { margin-top: 40px; background: #c10003; } .fcenter { font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #ffffff; line-height: 32px; opacity: 0.8; text-align: center; padding: 40px 0; }