.main { margin-bottom: 50px; } .sect { overflow: hidden; margin-top: 40px; } .sect2 .title { background-image: linear-gradient(to right,#c4c4c4, #fff); border: none; background-size: 25% 1px; background-position: 0% 100%; background-repeat: no-repeat; } .sect2 .title .more{display:none;} .title { padding-bottom: 12px; border-bottom: 1px solid #c4c4c4; } .title h2 { float: left; } .title .more { float: right; position: relative; transition: all .3s; } .title .more:hover { transform: translateX(-5px); } .title .more a { font-size: 14px; color: #1b7e49; font-family: 'medium'; text-transform: uppercase; padding-right: 10px; background: url(../images/more.png) no-repeat right center; transition: all .3s; } .title h2 span { position: relative; font-size: 22px; color: #000; font-family: 'heavy'; margin-right: 75px; cursor: pointer; // margin-bottom: 10px; } .title h2 span:after { content: ''; position: absolute; left: 0px; right: 0; height: 4px; background-color: #068358; bottom: -12px; } .title h2 span::before { content: ''; position: absolute; height: 20px; width: 2px; background: #a3a3a3; left: -40px; top: 5px; } .title h2 span:first-child:before { display: none; } .sect1-l { float: left; width: 48%; } .sect1-r { float: right; width: 48%; } .list { padding-top: 10px; } .list li { position: relative; line-height: 50px; border-bottom: 1px dotted #c2d9c9; padding-left: 30px; padding-right: 100px; background: url(../images/list.png) no-repeat 10px center; } .sect1-l .list li { padding-left: 50px; background-image: none; } .sect1-l .list li i { position: absolute; left: 0; width: 48px; top: 50%; transform: translateY(-50%); line-height: 18px; border-right: 1px solid #469776; vertical-align: middle; font-size: 16px; color: #068358; } .list li span { position: absolute; right: 0; font-size: 15px; color: #6b9e8c; top: 0; } .list li a { display: block; margin-left: 5px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:relative; } .list li a em{ background: url(../images/news.png) no-repeat center; position: absolute; right: 0; width: 40px; height: 32px; display: block; top: 0; } .list li:hover a { color: #068358; } .zt { margin-top: 15px; } .zt ul { margin-left: -23px; margin-right: -23px; } .zt ul li { margin: 0 23px; } .zt ul li a { display: block; } .zt ul li a .pic { position: relative; padding-top: 26.5%; overflow: hidden; } .zt ul li a .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all .3s; } .zt ul li a .pic:hover img { transform: scale(1.1); } .sect3-l { float: left; width: 48%; } .sect3-r { float: right; width: 48%; } .sect3-r ul li { float: left; width: 32%; height: 85px; margin-top: 20px; box-sizing: border-box; border: 1px solid #b2cbc2; padding: 10px 30px 5px 10px; transition: all .3s; } .sect3-r ul li:nth-child(3n-1) { margin-left: 2%; margin-right: 2%; } .sect3-r ul li a { display: block; } .sect3-r ul li a .icon { position: relative; float: left; width: 47px; height: 66px; background: url(../images/icon-bg.png) no-repeat center center; } .sect3-r ul li a .icon .tb { position: absolute; left: 50%; transform: translateX(-50%); width: 37px; height: 41px; background-color: #e7faf4; top: 5px; background: url(../images/tb-bg.png) no-repeat center center; } .sect3-r ul li a .icon .tb img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .sect3-r ul li a .text { overflow: hidden; padding-left: 15px; padding-top: 15px; } .sect3-r ul li a .text p { font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; } .sect3-r ul li:hover { background-color: #068358; } .sect3-r ul li:hover .icon { background: url(../images/icon-bg-other.png) no-repeat center center; } .sect3-r ul li:hover .text p { color: #fff; } .qh .list { display: none; } .qh .list.on { display: block; } .m-title h2 span:after { display: none; } .m-title h2 span.on:after { display: block; } .m-title .more a { display: none; } .m-title .more a.on { display: block; } .sect4-l { float: left; width: 48%; } .sect4-l .more{display:none;} .sect4-l ul li { float: left; width: 32%; box-sizing: border-box; border: 1px solid #d6dfdc; margin-top: 15px; height: 35px; line-height: 35px; } .sect4-l ul li:nth-child(3n-1) { margin-left: 2%; margin-right: 2%; } .sect4-l ul li a { display: block; font-size: 15px; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sect4-l ul li:hover { background-color: #068358; } .sect4-l ul li:hover a { color: #fff; } .sect4-r { float: right; width: 48%; }