* { box-sizing: border-box; } a { text-decoration: none; } .banner { width: 100%; height: 6.50rem; background: url(/uploads/image/rcwdimg/sybanner.png) no-repeat center/cover; } .banner>img { width: 19.2rem; margin: 0 auto; } .news { width: 12.08rem; height: 5.03rem; margin: 0.38rem auto 0.52rem; } .news_img { width: 6.41rem; height: 5.27rem; overflow: hidden; float: left; /* background: url(/uploads/image/rcwdimg/news.png) no-repeat center/cover; */ } .news_img>a { width: 100%; height: 100%; } .news_img>a>img { width: 6.41rem; } .news_list { width: 5.32rem; float: right; } .news_list .img_title { background: url(/uploads/image/rcwdimg/title.png) no-repeat center/cover; height: 0.56rem; width: 100%; text-align: center; font-size: 0.24rem; color: #f5df82; line-height: 0.56rem; } .news_list .title a { width: 3.32rem; display: block; font-size: 0.2rem; color: #df0011; text-align: center; margin: 0.16rem auto; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news_list .content a { font-size: 0.16rem; color: #333; margin-bottom: 0.13rem; text-indent: 2em; display: -webkit-box; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news_list .content>a:hover { color: #d9050e; } .interview { width: 12.01rem; height: 3.52rem; margin: 0 auto; } .interview .img_title { background: url(/uploads/image/rcwdimg/title3.png) no-repeat left/contain; height: 0.68rem; width: 100%; } .interview .img_title>p { font-size: 0.36rem; font-weight: 800; color: #e30302; margin-left: 1.12rem; line-height: 0.68rem; } .interview .roll_img { background: url(/uploads/image/rcwdimg/roll.png) no-repeat left/contain; height: 2.87rem; width: 100%; position: relative; } .contain { width: 11.76rem; height: 2.02rem; position: absolute; left: 0.1rem; top: 0.43rem; overflow: hidden; } .roll_img .image_box { width: 2.76rem; height: 2.02rem; box-sizing: border-box; border-right: 0.14rem solid #000; } .roll_img .image_box>a { width: 2.76rem; height: 2.02rem; } .roll_img .image_box>a>img { width: 100.6%; height: 100%; } .media { width: 12.01rem; height: 2.71rem; margin: 0.54rem auto 0; } .silhouette { width: 9.28rem; height: 100%; float: left; } .silhouette .img_title { background: url(/uploads/image/rcwdimg/title1.png) no-repeat left/contain; height: 0.68rem; width: 100%; } .container .container_list img { height: 100%; } .media .img_title>p { font-size: 0.36rem; font-weight: 800; color: #e30302; box-sizing: border-box; margin-left: 0.87rem; line-height: 0.68rem; } .video { width: 2.53rem; height: 100%; float: right; } .video .img_title { background: url(/uploads/image/rcwdimg/title2.png) no-repeat left/contain; height: 0.68rem; width: 100%; } .container { position: relative; width: 9.28rem; height: 2.03rem; overflow: hidden; } .container ul { width: 9.28rem; height: 1.67rem; position: absolute; left: 0; display: flex; justify-content: space-between; } .container ul li { width: 100%; height: 100%; list-style: none; margin-right: 0.13rem; float: left; } /* .container img { width: 2.24rem; height: 2.03rem; } */ .video_img { width: 2.53rem; /* height: 2.03rem; */ height: 1.67rem; position: relative; } .jsmodern-video { width: 2.53rem; height: 2.03rem;; } video { width: 2.53rem; height: 167px; display: inline-block; vertical-align: baseline; } .video_img .bo { width: 0.68rem; height: 0.68rem; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; z-index: 1000; } .commendation { width: 100%; height: 6.2rem; /* margin-top: 0.61rem; */ margin-bottom: 0.3rem; background: url(/uploads/image/rcwdimg/bg.png) no-repeat center/contain; } .commendation .title_img { width: 12rem; height: 0.86rem; background: url(/uploads/image/rcwdimg/bz.png) no-repeat center/cover; margin: 0 auto; } .commendation .title_img>p { font-size: 0.6rem; font-weight: 800; color: #e30302; text-align: center; align-items: center; } .foot_img .message { width: 11.98rem; height: 3.57rem; margin: 0.72rem auto 0.62rem; display: flex; justify-content: space-between; } .foot_img .message .msg { width: 4.25rem; height: 100%; } .foot_img .message .msg .msg_box { width: 2.03rem; height: 100%; margin-left: 0.19rem; float: left; background: url(/uploads/image/rcwdimg/foot_img.png) no-repeat center/cover; } .foot_img .message .msg_box:first-child { margin-left: 0; } .foot_img .message .msg_center { width: 3.06rem; height: 3.06rem; margin-top: 0.4rem; background: url(/uploads/image/rcwdimg/yuan.png) no-repeat center/cover; } .foot_img .message .msg_box>.title { width: 0.29rem; height: 1.57rem; margin-top: 1rem; text-align: center; overflow: hidden; float: left; } .foot_img .message .msg_box>.title>p>a { text-align: center; font-size: 0.22rem; color: #fdff00; margin-top: 0.25rem; writing-mode: vertical-lr; text-decoration: none; } .foot_img .message .msg_box>.title:hover { cursor: pointer; } .foot_img .message .msg .xjj>.title>p>a { margin-top: 0.15rem; } .myscroll { width: 1.46rem; height: 2.46rem; margin-left: 0.42rem; margin-top: 0.38rem; overflow: hidden; position: relative; } .myscroll .scroll{ width: 100%; position: absolute; top: 0; left: 0; } .myscroll .scroll li { height: 0.41rem; width: 100%; text-align: center; padding: 0.12rem 0.15rem 0; font-size: 0.17rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .myscroll .scroll li a { color: #333; list-style: none; text-decoration: none; } .scroll li a:hover { color: #c7000a; } footer { width: 100%; height: 1.83rem; background-color: #c80605; text-align: center; color: #fff; padding-top: 0.45rem; font-size: 0.16rem; } .jsmodern-video-panel span, .jsmodern-video-linebox { display: none; } .jsmodern-video-panel { /* width: 180.115px !important; */ /* display: flex; justify-content: space-around; */ display: none; }