.list-banner{ width: 100%; height: 400px; } .list-banner a{ width: 100%; height: 100%; } .listmain { overflow: hidden; min-height: 370px; position: relative; padding: 0 0 0 0 ; margin: 12px auto; } .lm-left { width: 270px; float: left; } .lm-left .left-lmname { background: #014991; height: 100px; text-align:center; overflow: hidden } .lm-left .left-lmname h1 { color: #ffffff; font-size: 28px; line-height:100px; } .main_nav{width:100%;border-left:5px solid #e9e9e9;border-top:2px solid #e9e9e9;position:relative;box-sizing:border-box;background:#fff} .main_nav span{width:100%;background:#014991;color:#fff;padding:5px 0;text-align:center;font-size:14px;display:none} .main_nav>ul>li{line-height:55px;border-bottom:1px solid #ddd;position:relative} .main_nav1>ul>li{line-height:16px;padding:15px 0;} .main_nav li a{font-size:16px;color:#333;display:block;padding:0 5px;padding-left:30px} .main_nav1 li a{line-height:26px;} .li_xlz{position:absolute;right:15px;top:19.5px;cursor:pointer} .navContent{display:none} .navContent li{padding-left:20px} .li_xlz.on{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg)} .main_nav li.cur a{color:#014991;} .main_nav li.cur::before{content:'';position:absolute;left:-5px;width:5px;background-color:#014991;height:55px} .main_nav1 li.cur::before{top:0px;height:100%;} .main_nav li:hover a{color:#014991;} .main_nav li.cur .navContent{display:block;} .lm-right { width: 858px; float: right; margin-right:0; border: #eaeaea 1px solid; background: #ffffff; padding: 0 20px 30px; } .lm-szdw { width: 1058px; margin:0 auto; border: #eaeaea 1px solid; background: #ffffff; padding:0 20px ; } .this-name { border-bottom: #bfbfbf 1px solid; line-height: 40px; height: 40px; padding: 0; margin: 20px 0px 0 0px; } .this-name h1 { color: #014991; font-size: 20px; font-weight: bold; line-height: 39px; height: 39px; padding-left: 30px; float: left; background: url(../img/ico_wz.png) left center no-repeat; margin: 0; } .this-name span { float: right; color: #666; } .this-name span a{ color: #666; display: inline; } .this-name span a:hover{ color: #014991; } /*文章内容*/ .c-content { height: auto; overflow:hidden; position: relative; margin: 20px auto 20px auto; padding: 0 20px; min-height: 500px; } .c-content .c-title { font-size: 30px; color: #000000; line-height: 50px; text-align: center } .c-content .other-s { font-size: 14px; line-height: 35px; text-align: center; color: #767676; background: #f5f5f5; margin:15px auto 0 auto; } .c-content .nr-info { height: auto; min-height:300px; overflow:hidden; position: relative; text-align: left } .c-content .nr-info p { font-size: 16px; color: #666; line-height: 34px; text-indent: 2em; text-align: left } .c-content .nr-info img{ max-width:100%; margin:10px auto; display:block; height:auto; } /*文章列表*/ .lm_list{ height: auto; overflow: hidden; margin: 0 auto; padding: 20px 0px; } .lm_list ul{ margin-bottom:20px; } .lm_list>ul>li{ line-height: 50px; font-size: 14px; color: #999999; text-align: right; padding: 0 ; background: url(../img/dxhx.png) bottom repeat-x; } .lm_list li a{ color: #4a4a4a; float: left; padding-left: 15px; background:url(../img/ico_001.png) left center no-repeat; max-width: 750px; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; } .lm_list li a:hover{ color: #014991; } /*图文列表*/ .picture_list{height: auto;overflow: hidden;margin: 0 auto;padding: 30px 10px;} .picture_list ul li{width:259px; height:230px;float:left;margin-right:30px;margin-bottom:10px;} .picture_list ul li:nth-child(3n){margin-right:0px;} .picture_list ul li a{width: 100%;height: 100%;} .picture_list ul li .picture{width:259px;height:180px;overflow:hidden;} .picture_list ul li .picture img{width:100%;height:100%;object-fit: cover;transition: 0.6s all;} .picture_list ul li:hover .picture img{transform: scale(1.1,1.1);} .picture_list ul li .picture_txt{line-height:35px; color:#434343; text-align:center; margin-top:5px;font-size: 16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .picture_list ul li:hover .picture_txt{color:#014991;} /*子站首页*/ .title{display:flex;margin-bottom:12px;} .title h3{ font-size:20px; color:#014991; border-left:3px solid #d3b272; padding-left:6px; line-height:21px; } .title a{ margin-left:auto; display: inline-block; font-size: 14px; color: #a1a1a1; line-height: 21px; } .title span.more1{ display: block; float: right; width: 21px; height: 21px; background: #d2e6ee; border-radius: 10.5px; position: relative; margin-left:42px; } .title span.more1::before{ content: ""; width: 40px; height: 1px; background: #0134b7; display: inline-block; position: absolute; left:-33px; top:10px; z-index: 1; } .title span.more1::after{ content: ""; width: 7px; height: 7px; background: #0134b7; border-radius: 3.5px; display: inline-block; position: absolute; left:7px; top:7px; transition: 0.5s all; } .title a:hover span.more1::after{ transform: scale(1.5,1.5); } .son4{ width:100%; display:flex; margin-top:30px; justify-content:space-between; } .part04-right{ width: 584px; } .xsdt{ width: 545px; padding:20px; background:rgba(255,255,255,.6); } .son-3 .xsdt{width:340px;} .xsdt-list ul li{ line-height:40px; } .xsdt-list ul li a{ color: #434343; max-width: calc( 100% - 120px ); float: left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:18px; position: relative; transition: 0.4s all; } .son-3 .xsdt-list ul li a{max-width: calc( 100% - 80px );} .xsdt-list ul li a::before{ content: ""; display: block; width: 8px; height: 8px; background: #adadad; position: absolute; left:0px; top:18px; border-radius: 4px; transition: 0.4s all; } .xsdt-list ul li time{ color: #666666; float:right; transition: 0.4s all; } .xsdt-list ul li:hover a{ color: #014991; } .xsdt-list ul li:hover a::before{ background: #014991; } .xsdt-list ul li:hover time{ color: #014991; } .part04-right ul li{ width: 194px; height: 146px; float: left; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; background: rgba(255,255,255,.6); text-align: center; transition: 0.5s all; } .part04-right ul li a{ padding-top:20px; height: 126px; } .part04-right ul li i{ color: #555555; font-size: 60px; transition: 0.5s all; } .part04-right ul li h3{ font-size: 18px; color: #555555; margin-top:10px; transition: 0.5s all; } .part04-right ul li:nth-child(3n){ border-right:none; } .part04-right ul li:nth-child(7),.part04-right ul li:nth-child(8),.part04-right ul li:nth-child(9){ border-bottom:none; } .part04-right ul li:hover{ background: #014991; } .part04-right ul li:hover i,.part04-right ul li:hover h3{ color: #ffffff; }