.subbanner{ position: relative; } .subbanner p{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; font-size: 30px; color: #fff; height: 30px; width: 200px; text-align: center; } .subbanner p::before{ content: ""; display: block; position: absolute; left: -155%; top: 0; bottom: 0; background: url(../img/linel.png) no-repeat center center; width: 286px; height: 1px; margin: auto; } .subbanner p::after{ content: ""; display: block; position: absolute; right: -155%; top: 0; bottom: 0; background: url(../img/liner.png) no-repeat center center; width: 286px; height: 1px; margin: auto; } .mian{ margin-top: 60px; } .erji_nav li{ line-height: 55px; float: left; text-align: center; padding: 0 20px; margin-right: 10px; } .erji_nav li a{ font-size: 18px; color: #7f7f7f; } .erji_nav li.active,.erji_nav li:hover{ background: #144b8f; } .erji_nav li.active a,.erji_nav li:hover a{ color: #fff; } .mbox1{ border-bottom: 1px solid #e8e8e8; } .dqwz,.dqwz a{ font-size: 15px; color: #b2b2b2; line-height: 55px; } .dqwz a{ padding: 0 15px; background: url(../img/rt.png) no-repeat left center; } .dqwz a.home{ background: none; padding: 0 15px 0 10px; } .dqwz img{ position: relative; top: -2px; } .cons-list { padding-bottom: 40px; } .cons-list ul li { width: 100%; border-bottom: 1px solid #e8e8e8; padding: 51px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .cons-list ul li a { display: block; width: 100%; height: 100%; position: relative; } .cons-list ul li .date { width: 7%; height: 94px; background: #f5f5f5; margin-right: 3%; margin-top: 5px; } .cons-list ul li.hasimg .date{ margin-top: 25px; } .cons-list ul li .txt { width: 82%; overflow: hidden; } .cons-list li .more_btn { display: block; padding: 15px; width: 21px; height: 16px; position: absolute; right: 0; top: 45px; background: #f8f8f8; transition: all .8s ease; } .cons-list li .more_btn i, .cons-list li .more_btn::after, .cons-list li .more_btn::before { content: ""; display: block; width: 21px; height: 2px; background: #5a5a5a; transition: all .5s ease; } .cons-list li .more_btn i { margin: 5px auto; position: relative; } .cons-list li:hover .more_btn { background: #144b8f; } .cons-list li:hover .more_btn::before { transform: rotate(45deg); top: 18px; } .cons-list li:hover .more_btn::after { transform: rotate(-45deg); bottom: 16px; } .cons-list li:hover .more_btn i, .cons-list li:hover .more_btn::after,.cons-list li:hover .more_btn::before { background: #FFF; width: 13px; } .cons-list li:hover .more_btn::after, .cons-list li:hover .more_btn::before { right: 10px; position: absolute; } .cons-list li:hover .more_btn i { width: 25px; margin: 8px 0px; } .cons-list ul li .date h2 { font-size: 35px; height: 40px; line-height: 40px; text-align: center; color: #000; margin-top: 18px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .cons-list ul li .date p { font-size: 12px; height: 35px; color: #000; text-align: center; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .cons-list ul li .txt h2 { font-size: 18px; color: #333; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 35px; height: 35px; } .cons-list ul li .txt p { font-size: 14px; color: #666; line-height: 28px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 56px; margin-top: 10px; } .cons-list ul .hasimg .txt .fl img { width: 100%; height: 100%; vertical-align: middle; transition: all .5s; moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; object-fit: cover; } .cons-list ul .hasimg .txt .fl { width: 24%; height: 140px; overflow: hidden; } .cons-list ul .hasimg .txt .fr { width: 74%; overflow: hidden; padding: 20px 0; } .cons-list ul li:hover .date { background: #144b8f; } .cons-list ul li:hover .txt h2 { color: #144b8f; } .cons-list ul li:hover .date h2, .cons-list ul li:hover .date p { color: #fff; } .cons-list ul li:hover .txt img { transform: scale(1.1); } .page-box{ padding: 40px 0 20px; } #page-list {font-family: Arial; text-align: center; margin: 30px 0 20px;} #page-list .p_pages a,#page-list span{font-size: 14px; width: auto; height: auto;} #page-list .p_pages a, #page-list .p_no_d, #page-list .p_fun_d{padding: 8px 10px;border: 1px solid #d3d3d3;border-radius: 2px;color: #022044;} #page-list .p_pages .p_no_d, #page-list a:hover{background: #3f7ed9;color: #fff;border-color: #3f7ed9;} #page-list .p_t{ padding: 0 25px 0 0; color: #444;} #page-list .p_first, #page-list .p_first_d, #page-list .p_last, #page-list .p_last_d{display: inline-block;} #page-list .p_pages span{color: #666;} .cons-brief{ padding: 40px 0; } .cons-brief p{text-indent: 2em;line-height: 2em;margin: 15px 0;} .cons-brief p img{max-width:80%;width:auto:height:auto;display:block;margin: 10px auto;} .cont{ padding: 0 0 50px; } .cont .content h2{ font-size:24px; color:#424242; text-align:center; line-height: 35px; margin: 30px 0; } .cont .content p { text-indent: 2em; line-height: 2em; margin-top: 15px; color: #666; font-size: 16px; text-align: justify; } .cont .content p video,.cont .content p.vsbcontent_img img{ margin:0 auto; display: block; width: auto; height: auto; max-width: 80%; } .cont .content p a{ color: #333; font-size: 15px; } .cont .content p a:hover{ color:#0a61ae; } .cont .content h1 { color: #333; font-size: 28px; line-height: 2em; padding: 10px 0 0; text-align: center; } .cont .content .bar { line-height: 2.8em; height: 2.8em; text-align: center; color: #999; border-bottom: 1px solid #dedede; font-size: 12px; margin-bottom: 20px; box-sizing: content-box; padding-bottom: 10px; } .page{ margin-top: 30px; } .cont .page p{ margin: 0; text-indent: 0; line-height: 35px; }