body, h1, h3, p, ul, table, th { padding: 0; margin: 0; } html, body { font: 14px/1.5 arial, '微软雅黑', sans-serif; font-size: 14px; line-height: 1.5; min-width: 1200px; min-height: 100%; position: relative; /* padding-bottom: 200px; */ } a { text-decoration: none; color: #333; } a:hover { color: #333; } ul { list-style: none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .clearfix { * height: 1%; } .ellipsis { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .wrap { width: 1200px; margin: 0 auto; } .banner { height: 500px; width: 100%; background: url(/uploads/image/z2pwimages/banner.png) no-repeat center top; background-size: 1920px 100%; } .banner .inner { width: 1200px; margin: 0 auto; } .box { margin-top: 50px; } .box .hd { height: 35px; border-bottom: solid 16px #c6e9fd; margin-bottom: 30px; } .box .hd4 { height: 35px; border-bottom: solid 16px #c6e9fd; margin-bottom: 20px; } .box .hd h3 { height: 51px; margin-bottom: -16px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; } .box .hd4 h3 { height: 51px; padding-left: 20px; line-height: 51px; font-size: 22px; color: #3c99d0; font-weight: bold; background-position: 0 0; background-repeat: no-repeat; } /*新闻*/ .news{ width: 1000px; margin: 30px auto; } .news h3 { text-align: center; height: 80px; } .news .aqfg{ background: #e9f4ff; padding:30px; } .news .aqfg-pic { float: left; width: 40%; margin-right: 30px; } .news .newslist { float: left; width: 50%; } .news .newslist li { padding-left: 15px; position: relative; line-height: 35px; } .news .newslist li a { color: #2a2c2f; } .news .newslist li:before { content: ""; position: absolute; left: 0px; top: 12px; width: 7px; height: 7px; background:url(/uploads/image/z2pwimages/icon.png); background-size: 100% 100%; } .news .newslist .more{ width: 100%; text-align: right; } .news .newslist .more a{ color: #999999; } .fxff{ text-align: center; margin-top:30px; } .fxff-main{ margin: 0 auto; width: 1100px; } .fxff-main img{ margin:15px 15px; } /*视频*/ .video{ margin:30px auto; width: 1000px; } .video h3 { width: 100%; text-align: center; } .video .bd { margin-top:30px; background-color: #e9f4ff; height: 400px; padding: 30px; } .video .video-cont { float: left; width:630px; height: 400px; } .video .video-cont img { cursor: pointer; width: 100%; height: 100%; } .video-tab { float: right; width: 300px; } .tab-hd { border-bottom: solid 2px #dcdfe6; } .tab-hd a { float: left; margin-bottom: -2px; padding: 10px 10px; font-size: 15px; color: #2a2c2f; } .tab-hd a.current { color: #2248d5; border-bottom: solid 3px #2248d5; } .tab-bd { margin-top: 20px; } .tab-bd a { margin-top: 10px; display: block; padding: 14px; color: #2a2c2f; } .tab-bd a:hover, .tab-bd a.active { color: #fff; background: linear-gradient(to right,#00abff,#0069e2); padding: 13px; } .tab-bd a .num { margin-right: 20px; } .video .video-tab .tab-panel { display: none; } .aqzsjs { width: 1000px; margin:30px auto; } .aqzsjs h3{ text-align: center; } .jingshai{ margin-top:20px; width: 100%; height: 230px; background: url(/uploads/image/z2pwimages/jinsai-bg.png) left top no-repeat; background-size: 100% 100%; text-align: center; } .jingshai img{ margin-top:30px; } .xcbd{ width: 1000px; margin: 30px auto; } .xcbd h3{ width: 100%; text-align: center; } .xcbd-main{ margin-top:20px; background-color: #e9f4ff; padding:30px; overflow: hidden; } .news-pic{ width:45%; float:left; } .xcbd-list{ width: 50%; float:right; } .xcbd-list li { padding-left: 15px; position: relative; line-height: 35px; } .xcbd-list li a { color: #2a2c2f; } .xcbd-list li:before { content: ""; position: absolute; left: 0px; top: 12px; width: 7px; height: 7px; background:url(/uploads/image/z2pwimages/icon.png); background-size: 100% 100%; } .xcbd-list .more{ width: 100%; text-align: right; } .xcbd-list .more a{ color: #999999; } .swiper-slide{ position: relative; } .swiper-slide a{ width: 100%; height: 300px; display: inline-block; } .swiper-slide img{ width: 100%; height: 100%; } .swiper-slide h1{ position: absolute; left:0; right:0; bottom: 5px; padding:5px 0; background: rgba(0, 0, 0, 0.6); color: #fff; font-size: 12px; text-indent: 1rem; font-weight: normal; width: 100%; text-overflow: ellipsis; word-wrap: normal; overflow: hidden; } .swiper-pagination{ text-align: right!important; } .swiper-pagination .swiper-pagination-bullet { border-radius: 0px; width: 15px; height: 5px; } .popup { display: none; position: fixed; z-index: 100; top: 0px; bottom: 30px; left: 0; width: 100%; height: 100vh; /* padding: 30px; */ /* margin-left: -575px; */ filter: progid:dximagetransform.microsoft.gradient(enabled='true', startcolorstr='#99000000', endcolorstr='#99000000'); background: rgba(0, 0, 0, 0.6); } :root .popup { filter: none; } /*for ie9*/ .popup .cont { height: 100%; overflow-y: auto; display: flex; justify-content: center; align-items: center; } .popup .cont img { width: calc(100% - 60px); } .popup .btn-close { width: 60px; height: 60px; background: url(/uploads/image/z2pwimages/btn-close.png) no-repeat 0 0; background-size: 100% 100%; position: absolute; right: 0px; top: 0px; cursor: pointer; } .bottom-box { background-color: #fff; color: #bbbbbb; height: 80px; width: 100%; font-size: 12px; text-align: center; } .bottom-box p{ padding-top:30px; }