@charset "utf-8"; .pagination { text-align: center; padding-top: 50px; } .pagination a { display: inline-block; border: 1px solid #dcdcdc; padding: 0 9px; height: 26px; font-size: 12px; line-height: 24px; text-align: center; color: #666; margin: 0 -2px; } .pagination a.active { background: #c00211; color: #fff; border: 1px solid #bfbfbf; margin-right: 4px; } .pagination a:hover { background: #c00211; color: #fff; border: 1px solid #b2cde8; } .pagination span { display: inline-block; font-size: 0.26rem; } .banner img{ display: block; width: 100%; } .ny-main{ padding-top: 50px; margin-bottom: 57px; } .LeftNav{ float: left; width: 297px; } .LeftNav h4{ font-size: 30px; color: #fff; text-align: center; line-height: 99px; font-weight: normal; background: rgba(177, 24, 16, 0.89); position: relative; z-index: 99; } .LeftNav>ul{ padding: 29px 0 18px; } .LeftNav>ul>li{ line-height: 71px; padding-left: 38px; } .LeftNav>ul>li>a{ display: block; font-size: 20px; color: #111111; padding-left: 38px; padding-right: 10px; transition: all .3s; position: relative; } .LeftNav>ul>li>a:before{ content: ''; position: absolute; left: 19px; width: 5px; height: 5px; background: #c00211; top: 50%; transform: translateY(-50%); display: none; } .LeftNav>ul>li.on>a,.LeftNav>ul>li.active>a{ background: #fff; } .LeftNav>ul>li>ul{ background: #f5f5f5; display: none; } .LeftNav>ul>li>ul>li{ padding-left: 38px; } .LeftNav>ul>li>ul a{ display: block; font-size: 14px; color: #333; line-height: 48px; border-bottom: 1px dashed #ddd; } .LeftNav>ul>li>ul a:hover{ color: #d9211c; } .LeftNav>ul>li.on>a:before, .LeftNav>ul>li.active>a:before{ display: block; } .ny-right{ overflow: hidden; padding-left: 55px; padding-top: 49px; } .ny-tit{ position: relative; } .ny-tit:after{ content: ''; position: absolute; right: 0; bottom: 1px; width: 810px; height: 1px; background: #ddd; } .ny-tit h4{ font-size: 30px; color: #d9211c; line-height: 30px; font-weight: normal; } .ny-right .position{ position: absolute; right: 0; top: 0; } .position>*{ font-size: 14px; line-height: 1; color: #666666; } .position a.active{ color: #d9211c; } .ny-list>ul>li{ position: relative; line-height: 46px; } .ny-list>ul>li>a{ display: block; font-size: 16px; color: #111111; padding-left: 17px; padding-right: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s; } .ny-list>ul>li:hover>a{ color: #c00211; transform: translateX(5px); } .ny-list>ul>li:hover>span{ color: #d9211c; } .ny-list>ul>li span{ font-size: 14px; color: #666; position: absolute; top: 0; right: 0; } .ny-list>ul>li:before{ content: ''; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; background: #d9211c; border-radius: 50%; transform: translateY(-50%); } .ny-list{ margin-top: 27px; min-height: 400px; } .pic-list>ul>li{ float: left; width: 298px; margin-top: 57px; } .pic-list>ul>li:nth-child(3n+2){ margin-left: 27px; margin-right: 27px; } .pic-list>ul>li>a{ display: block; overflow: hidden; } .pic-list>ul>li .pic{ position: relative; padding-top: 66.11%; overflow: hidden; } .pic-list>ul>li .pic img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; transition: all .3s; } .pic-list>ul>li>a p{ font-size: 16px; line-height: 26px; color: #111; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 52px; transition: all .3s; } .pic-list>ul>li:hover .pic img{ transform: scale(1.1); } .pic-list>ul>li:hover p{ color: #d9211c; } .pic-info{ margin-top: 13px; } .pic-list{ margin-top: -15px; } .w{ margin-top: 39px; } .tit h4{ font-size: 26px; line-height: 46px; color: #111111; text-align: center; font-weight: normal; } .tit p{ font-size: 0; line-height: 1; color: #666666; text-align: center; margin-top: 40px; } .tit p>span{ display: inline-block; font-size: 14px; margin-left: 45px; } .tit p>span:first-child{ margin-left: 0; } .tit{ padding-top: 55px; padding-bottom: 14px; border-bottom: 1px dashed #ddd; } .p-text p{ font-size: 18px; color: #111; line-height: 40px; margin-top: 18px; text-indent: 2em; } .p-text{ margin-bottom: 95px; } .p-text img{ margin:0 auto }