@charset "utf-8"; /* CSS Document */ .b-center{width: 100%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);padding-left: .42rem;} .b-name{margin-bottom: .37rem;white-space: nowrap;} .b-cp{color: #222;} .b-code{color: #222;padding-left: .19rem;} .b-num{margin-bottom: .05rem;} .b-dig{color: #009f0f;display: inline-block;vertical-align: middle;} .b-arrow{display: inline-block;vertical-align: middle;border-top: .5em solid #009f0f;border-left: .3em solid transparent;border-right: .3em solid transparent;margin-left: .2rem;margin-right: .1rem;} .b-unit{color: #009f0f;display: inline-block;vertical-align: middle;} .b-date{color: #999;} .b-list{width: 100%;font-size: 0;} .b-item{display: inline-block;vertical-align: top;width: 25%;text-align: center;} .b-in{display: inline-block;vertical-align: top;text-align: left;} .b-dt{border-bottom: 1px solid #b5bfc7;padding-right: .4rem;padding-bottom: .03rem;} .b-n{color: #222;display: inline-block;vertical-align: middle;} .b-u{color: #fff;width: auto;height: 1.77em;padding: 0 .4em;min-width: 1.77em;line-height: 1.77;border-radius: 0.885em;background-color: #d92d2b;text-align: center;display: inline-block;vertical-align: middle;margin-left: .1rem;position: relative;top: 0.3em;} .b-dd{color: #666;padding-top: .1rem;} .b-num.red .b-dig{color: #d92d2b;font-size: 40px;} .b-num.red .b-arrow{border-top-color: #d92d2b;transform: rotate(180deg);font-size: 20px;} .b-num.red .b-unit{color: #d92d2b;font-size: 20px;} @media(max-width: 989px){ .s39{font-size: 20.1px;} } .s40{font-size: calc(40 * 1rem / 100);} @media(max-width: 979px){ .s40{font-size: 20.4px;} } .s41{font-size: calc(41 * 1rem / 100);} .u-main{width: 100%;padding-top: 1.63rem;padding-bottom: 2rem;margin-top: -0.4rem;background-image: url(../images/93.jpg);background-size: cover;background-position: center center;} .u-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;} .u-list{width: 100%;display: flex;justify-content: space-between;margin-bottom: .52rem;} .u-item{display: inline-block;} .u-split{display: none;} .u-dt{color: #222;margin-bottom: .19rem;font-size: 20px;} .u-dd{position: relative;} .u-item:nth-child(5n+1) .u-dd{color: #d92d2b;font-size: 48px;} .u-item:nth-child(5n+2) .u-dd{color: #000000;font-size: 48px;} .u-item:nth-child(5n+3) .u-dd{color: #000000;font-size: 48px;} .u-item:nth-child(5n+4) .u-dd{color: #999;} .u-item:nth-child(5n+5) .u-dd{color: #000000;font-size: 48px;} #shuju4{color: #000000;} .u-arrow{display: inline-block;border-bottom: .233em solid #d92d2b;border-left: .133em solid transparent;border-right: .133em solid transparent;margin-left: .1rem;} .u-unit{color: #222;font-weight: normal;margin-left: 0.08rem;font-size: 24px;} .u-item:nth-child(5n+1) .u-dd.green{color: #009f0f;font-size: 48px;} .u-dd.green .u-arrow{border-bottom-color: #009f0f;transform: rotate(180deg);} .u-intro{color: #666;line-height: 1.625;margin-bottom: .74rem;} .u-arr{width: 100%;display: flex;justify-content: space-between;} .u-el{width: 7.04rem;padding: .4rem .78rem .35rem;position: relative;background-size: cover;background-position: center center;} .u-zh{color: #fff;padding-top: .33rem;position: relative;margin-bottom: .14rem;line-height: 1.35;} .u-zh:before{content: "";display: inline-block;width: .4rem;height: .04rem;background-color: #d92d2b;position: absolute;left: 0;top: 0;} .u-en{color: #fff;line-height: 1.22;margin-bottom: .27rem;} .u-ct{color: #fff;line-height: 1.625;} .u-ct *{line-height: inherit;} .u-more{color: #fff;display: inline-block;position: absolute;left: 0.78rem;bottom: .714em;} .u-more:after{content: "";display: inline-block;vertical-align: middle;width: 2em;height: 2em;border-radius: 1px;position: relative;top: -1px;background-color: #d92d2b;margin-left: .12rem;background-image: url(../images/5.png);background-size: .643em .643em;background-repeat: no-repeat;background-position: center center;} @media(min-width: 1201px){ .u-more:hover{color: #d92d2b;} } @media(max-width: 750px){ .u-main{padding: 30px 10px;margin-top: 0;} .u-inner{max-width: 500px;} .u-list{flex-wrap: wrap;justify-content: left;margin-bottom: 0;} .u-item{width: 50%;margin-bottom: 25px;} .u-item:nth-child(1){width: 100%;} .u-intro{margin-bottom: 25px;} .u-arr{flex-wrap: wrap;} .u-el{width: 100%;padding: 20px;} .u-more{position: relative;bottom: 0;left: 0;padding-top: 10px;} }