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}
}