.banner{position: relative;overflow: hidden; margin-top:1.24rem;}
.banner .swiper-slide{height: 100%;}
.banner .swiper-slide a{display: block;height: 100%;}
.banner .swiper-slide img{display: block;}
.banner .swiper-pagination{bottom: 0.2rem;width: 100%;}
.banner .swiper-pagination-bullet-active{background: #b21f25;}
.title{width: 100%;align-items: flex-end;margin-bottom: 0.3rem;}
.title h3{color: #221713;font-family: myfont;font-size: 0.3rem;}
.title h3 span{color: #9d9d9d;font-size: 0.14rem;margin-left: 0.1rem;font-family: myfont1;}
.title a{color: #9d9d9d;font-size: 0.14rem;margin-bottom: 0.05rem;font-family: myfont1;}
.title a:hover{color: #b21f25;}

.parta{width: 100%;background: url(../images/bg1.png) no-repeat left 3.7rem;overflow: hidden;}
.parta .w90{position: relative;}
.parta .w90::before{content: "";width: 0.87rem;height: 0.7rem;background: url(../images/bg2.png) no-repeat;display: block;position: absolute;right: -1rem;top:0.3rem;}
.parta .w90::after{content: "";width: 0.87rem;height: 0.7rem;background: url(../images/bg3.png) no-repeat;display: block;position: absolute;right: -0.6rem;top:0.5rem;}
.pal{width: 43%;border-left: 1px solid rgba(229,229,229,0.4);padding: 0.3rem 0 0.4rem;margin-left: -0.3rem;}
.pal .title{padding-left: 0.3rem;}
.palist ul li{width: 100%;line-height: 0.525rem;padding-left: 0.3rem;}
.palist ul li a{border-bottom: 1px solid #f5f5f5;}
.palist ul li span{flex-shrink: 0;font-size: 0.14rem;color: #999999;margin-right: 0.14rem;}
.palist ul li p{max-width: calc( 100% - 0.8rem );font-size: 0.16rem;color: #333333;}
.palist ul li:hover{background: #f5f5f5;}
.palist ul li:hover span,.palist ul li:hover p{color: #b21f25;}

.par{width: 57%;position: relative;z-index: 1;}
.parist ul li{width: calc( ( 100% - 0.4rem ) / 3 );margin-bottom: 0.2rem;}
.parist ul li a{display: block;width: 100%;height: 2rem;position: relative;overflow: hidden;}
.parist ul li .image img{transition: 0.3s all;}
.parist ul li .txt{width: 100%;height: 0.8rem;position: absolute;left:0;bottom:0;background-image: linear-gradient(0deg, rgba(86, 54, 109, 0.9) 0%, rgba(0, 0, 0, 0) 50%);}
.parist ul li .txt p{line-height: 0.4rem;color: #ffffff;padding: 0 0.1rem;width: 100%;position: absolute;left: 0;bottom: 0;font-size: 0.14rem;font-weight: bold;}
.parist ul li:nth-of-type(4),.parist ul li:nth-of-type(5),.parist ul li:last-child{margin-bottom: 0;}
.parist ul li:hover .image img{transform: scale(1.1,1.1);}

.partb{width: 100%;padding: 0.3rem 0 0.2rem;background: #f6f6f6;}
.partb .w90{position: relative;}
.partb .w90::before{content: "";width: 0.87rem;height: 0.7rem;background: url(../images/bg2.png) no-repeat;display: block;position: absolute;left: 1.75rem;top:-0.2rem;}
.partb .w90::after{content: "";width: 0.87rem;height: 0.7rem;background: url(../images/bg3.png) no-repeat;display: block;position: absolute;left: 1.3rem;top:0.1rem;}

.pblist{position: relative;z-index: 1;}
.pblist ul li{width: calc( ( 100% - 0.6rem ) / 4 );margin-bottom: 0.2rem;margin-right:0.2rem;}
.pblist ul li:nth-child(4n){margin-right:0;}
.pblist ul li a{display: block;width: 100%;height: 0;padding-bottom:55%;position: relative;overflow: hidden;}
.pblist ul li .image img{transition: 0.3s all;}
.pblist ul li .txt{width: 100%;height: 0.8rem;position: absolute;left:0;bottom:0;background-image: linear-gradient(0deg, rgba(86, 54, 109, 0.9) 0%, rgba(0, 0, 0, 0) 50%);}
.pblist ul li .txt p{line-height: 0.4rem;color: #ffffff;padding: 0 0.1rem;width: 100%;position: absolute;left: 0;bottom: 0;font-size: 0.14rem;font-weight: bold;}
.pblist ul li:hover .image img{transform: scale(1.1,1.1);}

.partc{width: 100%;padding: 0.3rem 0 0.4rem;position: relative;overflow: hidden;}
.partc::before{content: "";width: 100%;height: 1px;display: block;background: #e5e5e5;position: absolute;left: 0;bottom: 1.5rem;}
.partc .w90{position: relative;background: url(../images/bg2.png) no-repeat 68% 0.9rem;}
.partc .w90::before{content: "";width: 1px;height: calc( 100% - 0.8rem );display: block;background: #e5e5e5;position: absolute;left: -1.1rem;top:-0.3rem;}
.partc .w90::after{content: "";width: 1px;height: 1.5rem;display: block;background: #e5e5e5;position: absolute;right: -1.1rem;bottom:-0.4rem;}
.pcdec{width: 0.87rem;height: 0.7rem;background: url(../images/bg4.png) no-repeat;display: block;position: absolute;}
.pcdec1{left: 50%;top:0;transform: translateX(-50%);}
.pcdec2{right: -1.5rem;top:-0.5rem;}


.partc .title{margin-bottom: 0.15rem;}
.pclist .swiper-container{padding-top: 0.3rem;}
.pclist ul li{transition: 0.4s all;}
.pclist ul li a{display: block;}
.pclist ul li .pc-img{width: 100%;height: 0;padding-bottom: 116%;position: relative;}
.pclist ul li .txt{width: 100%;background: #f6f6f6;position: relative;}
.pclist ul li .txt::before{content: "";width: 100%;height: 0;position: absolute;left: 0;bottom:0.44rem;background-image: linear-gradient(0deg, #b21f25 0%, rgba(178, 31, 37, 0.5) 30%,rgba(0, 0, 0, 0) 100%);transition: 0.2s linear;display: block;}
.pclist ul li .txt::after{content: "";width: 100%;height: 0;position: absolute;left: 0;bottom: 0;background: #b21f25;display: block;transition: 0.2s linear 0.2s;z-index: 0;}
.pclist ul li .txt p{line-height: 0.44rem;font-size: 0.14rem;color: #434343;padding: 0 0.1rem;position: relative;z-index: 1;transition: 0.2s linear 0.2s;}
.pclist ul li:hover{margin-top: -0.3rem;}
.pclist ul li:hover .txt::before{height: 1.8rem;transition: 0.2s linear 0.2s;}
.pclist ul li:hover .txt::after{height: 100%;transition: 0.2s linear;}
.pclist ul li:hover .txt p{color: #ffffff;transition: 0.2s linear;}

@media only screen and (max-width:1100px){
 .fdtp img{width:127px;height:100px;}
}