html{font-size:100px} a{text-decoration: none;color: #333;} .bg-mask .pic .a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%; display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;transform: scale(1.01);} .bg-mask:hover .pic .a{-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);} em{font-style: normal;} .wp{width: 90%;margin: 0 auto;max-width: 1440px;} .ul-list-d3 { margin-bottom: 60px; padding: 0; } .ul-list-d3 li{list-style: none;} .ul-list-d3 li:first-child .con { border-top: 1px solid #eee } .ul-list-d3 .con { position: relative; display: block; padding: 21px 49px; border-bottom: 1px solid #eee; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; z-index: 0 } .ul-list-d3 .con::after { position: absolute; content: ''; width: 328px; height: 100%; top: 0; right: 0; -o-background-size: cover; background-size: cover; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; z-index: -1 } .ul-list-d3 .con:hover::after { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0) } .ul-list-d3 .con:hover { border-color: #8a0e01; background-color: #8a0e01 } .g-info-d em { display: block; font-size: 40px; font-weight: 700; color: #d41a16; text-align: center; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s } .ul-list-d3 .g-info-d { float: left; font-size: 18px; color: #d41a16; margin-right: 40px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s } .ul-list-d3 .con:hover .g-desc-d, .ul-list-d3 .con:hover .g-info-d, .ul-list-d3 .con:hover .g-info-d em, .ul-list-d3 .con:hover .g-tit-d { color: #fff } .ul-list-d3 .text { overflow: hidden; padding-left: 40px; border-left: 1px solid rgba(167, 25, 8, .33); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; } .ul-list-d3 .con:hover .text { border-color: #fff } .ul-list-d3 .g-tit-d { margin-bottom: 8px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s } .ul-list-d3 .g-desc-d { font-size: 14px; height: 53.5px; font-weight: 400; color: #666; line-height: 1.9; margin-bottom: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s } @media screen and (max-width:1199px) { .ul-list-d3 .text { padding-left: 20px } .g-info-d em { font-size: 26px } .ul-list-d3 .g-info-d { font-size: 16px; margin-right: 15px } .g-tit-d { font-size: 18px; height: auto; margin-bottom: 10px } .ul-list-d3 .con { padding: 15px 10px } } @media screen and (max-width:750px) { .ul-list-d3 { margin-bottom: 40px } .row-d3 { padding-top: 30px; padding-bottom: 50px } .ul-list-d3 .text { padding-left: 15px } .ul-list-d3 .g-tit-d{margin: 10px 0;} .ul-list-d3 .g-info-d{width: 100%;clear: both; display: flex; justify-content: flex-start;} .ul-list-d3 .g-info-d em{font-weight: normal;font-size: 14px;order: 2;padding-left: 5px;} .ul-list-d3 .text{width: 100%;border-left: 0;padding-left: 0;} } @media screen and (max-width:640px) { .ul-list-d3 .con { padding: 15px 10px } .g-info-d em { font-size: 18px } .ul-list-d3 .g-info-d { font-size: 14px; margin-right: 15px; padding-top: 15px } .ul-list-d3 .g-desc-d { font-size: 14px; height: auto; line-height: 1.7; } .ul-list-d3 .g-tit-d { margin-bottom: 0;margin: 5px 0; } .ul-list-d3 { margin-bottom: 25px } .row-d3 { padding-top: 30px; padding-bottom: 35px } } /* news */ .nynlist li{padding: .45rem ;border-top: 1px solid #ddd;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;} .nynlist li .pic{width: 2.8rem;min-height: 1.6rem} .nynlist li .txt{width: calc(100% - 4.5rem)} .nynlist li .txt h4{font-size: .22rem;font-weight: normal;margin-bottom: .2rem} .nynlist li .txt p{font-size: .15rem;color: #666;line-height: 1.6em} .nynlist li .txt time{display:none ;color: #777} .nynlist li .txt time span{color: #911003;font-size: .22rem} .nynlist li .nyntime time{text-align: right;} .nynlist li:hover{background: #911003;color: #fff} .nynlist li:hover .txt p{color: #e8aba5} .nynlist li:hover .txt a{color: #fff} .nynlist li:hover .nyntime time{border-top: 2px solid #fff} .nynlist li:hover .nyntime time em{color: #e8aba5} .nynlist li:hover .nyntime time span{color: #fff} .nynlist li:hover .txt time{color: #e8aba5} .nynlist li:hover .txt time span{color: #fff} .nyntime time{display: block;width: 1rem;border-top: 2px solid #d41a16;padding-top: .2rem} .nyntime time em{color: #888;} .nyntime time span{color: #d41a16;font-size: .38rem;display: block;} @media screen and (max-width:980px) { .nynlist li{padding: .35rem} .nynlist li .txt{width: calc(100% - 4rem);} .nynlist li .pic{width: 2.5rem} .nynlist li .txt h4{font-size: .18rem;} } @media screen and (max-width:640px) { .nynlist li .nyntime{display: none} .nynlist li .txt{width: calc(100% - 2.8rem);} .nynlist li{padding: .3rem .25rem} .nynlist li .txt time{display: block;;margin-top: .1rem} .nyntime time span{display: inline-block;font-size: .24rem} } @media screen and (max-width:480px) { .nynlist li .pic{width:100%;min-height: inherit;height: 40vw;margin-bottom: .2rem} .nynlist li .txt p{font-size: .16rem;-webkit-line-clamp: 2;} .nynlist li .txt{width:100%} .nyntime time{padding-top: 0;border-top: 0} } /* pic */ .zdtz-b{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;} .zdtz-b li{width: 30%;margin-bottom: .4rem;position: relative;} .zdtz-b:after{width: 30%;content: '';display: inline-block;} .zdtz-b li .pic{height: 3.1rem} .zdtz-b li .pic img{display: none} .zdtz-b li .txt{margin-top: -.2rem;padding-left: .3rem;position: relative;z-index: 3} .zdtz-b li .txt1{background: #f2f3f9;padding: .2rem} .zdtz-b li .txt1 .line{border-left: 2px solid #8f0f02;padding-left: .15rem} .zdtz-b li .txt1 time{display: block;font-size: .14rem;margin-bottom: 5px} .zdtz-b li:hover .txt1{background: #d41a16;background-size: cover;color: #fff;} .zdtz-b li:hover .txt1 a{color: #fff} .zdtz-b li:hover .txt1 .line{border-left: 2px solid #fff;} @media screen and (max-width: 1180px){ .zdtz-b li .pic{height: 2.6rem} } @media screen and (max-width: 980px){ .zdtz-b li{width: 48.5%;margin-bottom: .4rem;} .zdtz-b .slide-newsTxt ul:after{width: 48.5%;} .zdtz-b li .pic{height: 30vw} } @media screen and (max-width: 480px){ .zdtz-b li{width:100%;margin-bottom: .4rem;} .zdtz-b .slide-newsTxt ul:after{width: 100%;} .zdtz-b li .pic{height: 50vw} .zdtz-b li .txt1 h4{font-size: .18rem} }