﻿.banner{position: relative;overflow: hidden;}
.banner .swiper-slide a{display: block;}
.banner .swiper-slide img{display: block;width: 100%;}
.banner .swiper-pagination{bottom: 0.2rem;text-align: center;width: 100%;}
.banner .swiper-pagination-bullet{width: 0.12rem;height: 0.12rem;border-radius: 0.06rem;transition: 0.2s all;opacity: 1;}
.banner .swiper-pagination-bullet-active{background: #89211b;width: 0.3rem;}

.title{width: 100%;margin-bottom: 0.3rem;position: relative;}
.title .tit h3{font-size: 0.3rem;font-family: myfont;line-height: 1;position: relative;color: #434343;padding-bottom: 0.15rem;font-weight: normal;}
.title .tit h3::after{content: "";width: 0.4rem;height: 2px;display: block;background: #89211b;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
.title .tit h3 span{color: #89211b;}
.title .more{width: 0.98rem;height: 0.34rem;border: 1px dashed rgba(137,33,27,0.4);position: absolute;right: 0;top: 50%;transform: translateY(-50%);transition: 0.2s all;}
.title .more a{font-size: 0.16rem;color: #89211b;font-family: myfont;line-height: 0.32rem;display: block;text-align: right;padding-right: 0.1rem;font-family: myfont;transition: 0.2s all;}
.title .more a::before{content: "";width: 0.45rem;height: 1px;display: block;background: #89211b;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.title .more::before{content: "";width: 0.2rem;height: 0.2rem;display: block;background: #e1cdcd;border-radius: 100%;position: absolute;left: -0.1rem;top: 50%;transform: translateY(-50%);z-index: 1;}
.title .more::after{content: "";width: 0.08rem;height: 0.08rem;display: block;background: #89211b;border-radius: 100%;position: absolute;left: -0.04rem;top: 50%;transform: translateY(-50%);z-index: 2;}
.title .more:hover a{background: #89211b;color: #ffffff;}
.title .more:hover a::before{background: #ffffff;}
.title .more:hover{border: 1px solid #89211b;}

.parta{width: 100%;padding: 0.4rem 0;background: url(../img/parta_bg.jpg) no-repeat center bottom;background-size: cover;}
.pa1{width: 100%;margin-bottom: 0.4rem;}
.news-scroll,.news-list{width: calc( 50% - 0.15rem );}
.news-scroll ul li a{display: block;width: 100%;height: 4.11rem;position: relative;overflow: hidden;}
.news-scroll ul li a::after{content: "";width: 100%;height: 2rem;display: block;background-image: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 98%);position: absolute;left: 0;bottom: 0;z-index: 1;}
.news-scroll ul li .image{transition: 0.3s all;}
.news-scroll ul li .news-txt{width: 100%;padding: 0 0.2rem 0.1rem;position: absolute;left: 0;bottom: 0;z-index: 2;}
.news-scroll ul li .news-txt h3{font-size: 0.18rem;color: #ffffff;line-height: 0.3rem;margin-bottom: 0.1rem;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.4);padding-bottom: 0.1rem;}
.news-scroll ul li .news-txt p{font-size: 0.14rem;color: rgba(255,255,255,0.8);width: 100%;line-height: 0.24rem;width: 100%;}
.news-scroll ul li:hover .image{transform: scale(1.1,1.1);}
.news-list ul li{width: 100%;border-bottom: 1px dashed rgba(153,153,153,0.6);position: relative;}
.news-list ul li a{padding: 0.22rem 0 0.26rem;transition: 0.2s all;position: relative;z-index: 1;}
.news-list ul li .time{width: 0.6rem;color: #89211b;margin-right: 0.15rem;flex-shrink: 0;font-family: Arial, Helvetica, sans-serif;}
.news-list ul li .time h3{font-size: 0.3rem;display: block;text-align: center;line-height: 1;font-weight: normal;}
.news-list ul li .time span{font-size: 0.14rem;display: block;text-align: center;line-height: 1;margin-top: 0.07rem;}
.news-list ul li .txt{width: calc( 100% - 0.75rem );}
.news-list ul li .txt h3{font-size: 0.16rem;color: #333333;width: 100%;font-weight: normal;line-height: 0.24rem;margin-bottom: 0.06rem;}
.news-list ul li .txt p{font-size: 0.14rem;color: #999999;line-height: 0.24rem;}
.news-list ul li:hover .txt h3{color: #89211b;}

.pa2{width: 100%;}
.pd1_box ul li a{display: block;padding: 0 0.25rem 0.25rem;background: #f7f7f7;}
.pd1_box ul li a>span{display: block;width: 1.68rem;height: 0.28rem;margin: 0 auto 0.3rem;background: url(../img/time_bg.png) no-repeat;background-size: 100% 100%;text-align: center;line-height: 0.28rem;color: #ffffff;font-size: 0.16rem;font-family: Arial, Helvetica, sans-serif;}
.pd1_box ul li p{width: 100%;font-size: 0.16rem;color: #333333;line-height: 0.26rem;height: 0.52rem;display: block\0;}
.pd1_box ul li .in{width: 100%;line-height: 0.2rem;margin-top: 0.2rem;opacity: 0.6;}
.pd1_box ul li .in span{font-size: 0.14rem;color: #89211b;display: inline-block;padding-right: 0.24rem;background: url(../img/arrow_r.svg) no-repeat right center;background-size: auto 0.15rem;}
.pd1_box ul li:hover p{color: #89211b;}
.pd1_box ul li:hover .in{opacity: 1;}

.partb{width: 100%;padding: 0.4rem 0;background: url(../img/partb_bg.jpg) no-repeat center bottom;background-size: cover;}
.pc-left{width: calc(50% - 0.2rem);}
.pc-left ul li{width: 100%;border-bottom: 1px solid #eeeeee;}
.pc-left ul li a{padding: 0.24rem 0;display: block;transition: 0.2s all;}
.pc-left ul li p{font-size: 0.16rem;color: #333333;line-height: 0.3rem;width: 100%;margin-bottom: 0.1rem;transition: 0.2s all;}
.pc-left ul li span{display: block;width: 100%;font-size: 0.16rem;color: #999999;font-family: Arial, Helvetica, sans-serif;transition: 0.2s all;}
.pc-left ul li.on a{background: #89211b;padding: 0.24rem 0.25rem;}
.pc-left ul li.on p,.pc-left ul li.on span{color: #ffffff;}
.pc-left ul li.on{border-bottom: 1px solid #89211b;}

.pc-right{width: calc(50% - 0.2rem);position: relative;}
.pc-right .pc-txt{width: 95%;background: #ffffff;position: relative;z-index: 1;padding: 0.2rem;box-shadow: 0 0 0.2rem 0 rgba(143, 143, 143, 0.17);left: 5%;margin-top: -0.3rem;}
.pc-right .pc-txt .swiper-container{margin: 0;}
.pc-right .pc-txt ul li .time{width: 0.6rem;text-align: center;font-family: Arial, Helvetica, sans-serif;margin-right: 0.2rem;}
.pc-right .pc-txt ul li .time h3{font-size: 0.28rem;color: #89211b;}
.pc-right .pc-txt ul li .time span{font-size: 0.14rem;color: #999999;}
.pc-right .pc-txt ul li a{width: calc(100% - 0.8rem);display: block\0;line-height: 0.28rem;max-height: 0.56rem;font-size: 0.16rem;color: #333333;}
.pc-right .pc-txt ul li:hover a{color: #89211b;}
.pc-right .pc-img{width: 100%;}
.pc-right .pc-img ul li{width: 100%;height: 3.63rem;position: relative;overflow: hidden;}
.pc-right .pc-img ul li a{display: block;transition: 0.2s all;}
.pc-right .pc-img ul li:hover a{transform: scale(1.1,1.1);}

.partc{width: 100%;padding: 0.4rem 0 0;background: url(../img/partc_bg.jpg) no-repeat center bottom;background-size: cover;}
.pc1{width: 100%;}
.ky-list{width: 100%;overflow: hidden;}
.ky-list ul{margin-left: -0.15rem;margin-right: -0.15rem;}
.ky-list ul li{width: 25%;padding: 0 0.15rem;}
.ky-list ul li a{display: block;width: 100%;background-color: #ffffff;padding: 0.25rem;background-position: right bottom;background-repeat: no-repeat;background-size: cover;position: relative;}
.ky-list ul li a::after{content: "";width: 100%;height: 100%;display: block;background: url(../img/txt_bg.jpg) no-repeat right bottom;background-size: cover;position: absolute;right: 0;bottom: 0;opacity: 0;z-index: 0;transition: 0.2s all;}
.ky-list ul li .time{width: 0.6rem;text-align: center;font-family: Arial, Helvetica, sans-serif;color: #999999;position: relative;z-index: 1;transition: 0.2s all;}
.ky-list ul li .time h3{font-size: 0.28rem;}
.ky-list ul li .time span{font-size: 0.14rem;}
.ky-list ul li p{font-size: 0.16rem;color: #333333;line-height: 0.28rem;height: 0.56rem;width: 100%;margin: 0.2rem 0;position: relative;z-index: 1;transition: 0.2s all;}
.ky-list ul li .imgbox{width: 100%;height: 0;padding-bottom: 61.09%;position: relative;overflow: hidden;z-index: 1;}
.ky-list ul li .imgbox .image{transition: 0.2s all;}
.ky-list ul li:hover a::after{opacity: 1;}
.ky-list ul li:hover .time,.ky-list ul li:hover p{color: #ffffff;}
.ky-list ul li:hover .imgbox .image{transform: scale(1.1,1.1);}

.pc2{width: 100%;background-image: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%,rgba(0,0,0,0) 99%);padding: 0.6rem 0 0.4rem;}
.pc2 .w90{overflow: hidden;}
.pc2 ul{margin-left: -0.15rem;margin-right: -0.15rem;}
.pc2 ul li{width: 25%;padding: 0 0.15rem;}
.pc2 ul li a{width: 100%;padding-left: 0.2rem;}
.pc2 ul li .ico{width: 0.9rem;height: 0.9rem;position: relative;margin-right: 0.2rem;}
.pc2 ul li .ico img{height: 0.78rem;display: block;position: absolute;left: 0.06rem;top: 0.06rem;animation: roted1 10s infinite linear;}
.pc2 ul li p{font-size: 0.16rem;color: #333333;width: calc(100% - 1.1rem);line-height: 0.3rem;transition: 0.2s all;}
.pc2 ul li:hover p{color: #89211b;}