.header .nav { display: none; } .header h1 { width: 10%; padding-top: 5px; padding-left: 5px; height: 50px; } .header h1 img { width: 100%; } .header .enlink { width: 9%; } .video-container { padding-bottom: 0; background: #282727; } .video-list .video-item video { top: 36%; } .video-list .video-item .title { bottom: 27%; } .video-list .video-item .title h3 { font-size: 1rem; } .pc-title { display: none; } .item-now a { width: 55px; } .video-container img { transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } /*.hot-video li a p{font-size: 14px;bottom: -26px;background: none;color: #333;}*/ .hot-video li a span { width: 50px; height: 50px; } .hot-news { width: 96%; } .hot-video { width: 264%; } .hot-video li { width: 12.4%; } .hot-content { margin-bottom: 30px; } .hot-content .prev, .hot-content .next { width: 20px; } .ad-banner a { display: block; display: flex; justify-content: center; align-items: center; } .ad-banner img { width: 200%; } /*@media (min-width: 550px) and (max-width: 780px){ .video-container{height: 300px;} }*/ .content { width: 96%; padding: 3% 2%; } .video-container { height: 435px; position: relative; } .video-container img { height: 435px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .hot-content { margin-bottom: 20px; } /*headline list begin*/ .all-title-wrap { padding-left: 2%; } .headline-hot { width: 100%; margin: 0 auto 5px; } .headline-hot>div { background-color: #666; } .headline-hot-big { width: 100%; margin-bottom: 5px; } .headline-hot-small { width: 49.5%; float: left; } .headline-hot-small:nth-of-type(2) { float: right; } .headline-hot-small.mb { margin-bottom: 0; } .headline-list { width: 100%; } .headline-list .list { width: 100%; padding: 0; } .headline-list .list li { width: 32%; float: left; margin-right: 2%; } .headline-list .list li:nth-of-type(3n) { margin-right: 0; } .headline-list .list li img { width: 100%; } .headline-list .paging { display: none; } .headline-list .list li p { height: 30px; line-height: 30px; } .phone-menu { height: 30px; display: -webkit-flex; display: flex; line-height: 30px; margin: 10px 0; display: none; } .phone-menu a { flex-grow: 1; background-color: #e8e8e8; border: 1px solid #9b9b9b; text-align: center; } .phone-menu a.active { background-color: #f5a200; border-color: #f5a200; color: #fff; } /*news list begin*/ .new-wrap { width: 100%; } .new-wrap .list { margin-bottom: 50px; padding-top: 8px; } .new-wrap .list li { height: 30px; overflow: hidden; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; } .new-wrap .list li span { width: 20%; text-align: center; float: left; margin: 0; } .new-wrap .list li a { width: 75%; float: right; } .new-wrap .paging { display: none; } /*news detail begin*/ .new-wrap .dtl-title { border-bottom: 1px dashed #ccc; text-align: center; margin-bottom: 25px; padding-top: 25px; box-sizing: border-box; } .new-wrap .dtl-title h3 { font-size: 18px; line-height: 1.5; font-family: Tahoma, sans-serif !important; } .new-wrap .dtl-title p { width: 90%; font-size: 14px; line-height: 36px; } .new-wrap .dtl-content { width: 100%; margin-bottom: 50px; } .new-wrap .dtl-content .video-wrap { width: 90%; margin: 0 auto; position: relative; } .new-wrap .dtl-content .video-wrap video { width: 100%; } .new-wrap .dtl-content .video-wrap .videotit { width: 100%; height: 40px; background-color: #fff; position: absolute; top: 0; left: 0; } .new-wrap .dtl-content p { width: 90%; /* font: 14px/30px 'Microsoft Yahei', sans-serif !important; */ font-size: 14px !important; line-height: 1.5; font-family: Tahoma, sans-serif !important; color: #686868 !important; text-indent: 2em; margin: 0 auto; } .new-wrap .dtl-content p span { font-size: 14px !important; color: #686868 !important; } /*headline detail begin*/ .headline-detail { width: 100%; margin: 0; } .headline-video { overflow: hidden; margin: 20px 0 10px; } .headline-video .video-left { width: 100%; float: none; } .headline-video .video { min-height: 300px; } .headline-video .video video { width: 100%; } .headline-video .video-list { width: 100%; background-color: transparent; float: none; } .headline-video .ul-wrap { width: 200%; left: 1%; } .headline-video .video-list ul { width: 100%; } .headline-video .video-list li { width: 16%; float: left; margin: 0 0.66% 2% 0; } .headline-video .video-list li img { width: 100%; } .headline-video .video-list .next, .headline-video .video-list .prev { width: 20px; background: url(../images/video-right-btn.png) 0 0/100% 100%; } .headline-video .video-list .prev { left: 0; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); } .headline-video .video-list .next { right: 0; }