.banner {position: relative;}
.swiper-button-next,.swiper-button-prev{width: 0.6rem !important;height: 0.6rem !important;line-height: 100%;border-radius: 50%;
   text-align: center;color: #000 !important;background: #f5f5f5;}
   .swiper-button-next:after,.swiper-button-prev:after{font-size: 0.25rem !important;}
   .swiper-button-prev{left: 14.2% !important;}
   .swiper-button-next{right: 14.2% !important;}
   .swiper .swiper-slide img{width: 100%;height: auto;display: block;}
.banner .bx{position: absolute;bottom: -0.25rem;left: 50%;transform: translate(-50%);width: 13.36rem;z-index: 9999;
display: flex;justify-content: space-around;background: #FFFFFF;box-shadow: 0px 3px 24px 0px rgba(4, 0, 0, 0.15);border-radius: 10px;
    align-items: center;padding: 0.09rem 0.32rem;}
.banner .bx .fac h5{font-size: 0.24rem;font-weight: bold;color: #CD0000;}
.banner .bx .fac span{font-size: 0.16rem;color: #666;}
.banner .bx .shu{height: 0.98rem;width: 1px;background:-webkit-linear-gradient(top, #fff 0%,#ccc 50%,#fff 100%);}

.project{padding: 0.74rem 0;}
.project h1{font-size: 0.36rem;color: #333333;font-weight: 900;margin: 0.26rem;}
.project h1 span{color: #FDB213;}
.project h1 a{float: right;display: block;background: #243860;width: 1.17rem;height: 0.43rem;font-size: 0.18rem;color: #fff;text-align: center;line-height: 0.43rem;margin-top: 0.06rem;border-radius: 5px;}
.project ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(33.33% - 27px),1fr));
    grid-gap: 13px 27px;}
.project ul li img{width: 100%;height: auto;}
.project ul li h2{font-size: 0.16rem;color: #333;font-weight: 400;margin: 0.13rem 0;}
.project ul li:hover h2{color: #FDB213;}

.about{background: #F7F7F7;padding: 0.53rem 0;}
.about .bx{display: flex;justify-content: space-between;}
.about .qyjs{width: 6.28rem;}
.about .qyjs h1{font-size: 0.48rem;font-weight: 900;color: #333;margin-top: -0.17rem;}
.about .qyjs h1 span{color:#FDB213;}
.about .qyjs p{font-size: 0.16rem;color: #666;line-height: 0.3rem;margin: 0.08rem 0 0.44rem 0;}
.about .qyjs lite-youtube{width: 100%;height: 3.88rem;}
.about .qyjs lite-youtube .zz{position: absolute;width: 100%;height: 100%;background: rgba(36, 56, 96, .6);}
.about .qyjs lite-youtube .zz .title{text-align: center;font-style: italic;font-size: 0.16rem;color: #FFB243;font-weight: 900;margin:2rem 0 0.1rem 0;}
.about .qyjs lite-youtube .zz img{display: block; max-width: 100%;height: auto;margin: 0 auto;}
.about .gct{width: 7.02rem;}
.about .gct .equ{width: 3.03rem;margin-bottom: 0.26rem;}
.about .gct img{display: block;width: 100%;height: auto;}
.about .gct img:first-of-type{margin:0.4rem 0 0.53rem 0;}

.epc{background: url(../images/epcbg.jpg) no-repeat;background-size: cover;padding: 0.26rem 0 0.55rem 0;}
.epc .bx  h1{font-size: 0.48rem;color: #fff;line-height: 0.72rem;font-weight: 900;}
.epc .bx  h1 span{color: #FDB213;}
.epc .bx  p{font-size: 0.16rem;color: #fff8f8;line-height: 0.3rem;opacity: 0.61;margin: 0.1rem 0 0.23rem 0;}
.epc .bx img{width: 100%;height: auto;}

.case {background: #fff;padding: 0.48rem 0;}
.case h1{font-size: 0.48rem;color: #253961;font-weight: 900;margin: -0.04rem 0 0.23rem 0;}
.case h1 a{float: right;display: block;background: #253961;width: 1.17rem;height: 0.43rem;font-size: 0.18rem;color: #fff;text-align: center;line-height: 0.43rem;margin-top: 0.15rem;border-radius: 5px;}
.case ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(33.33% - 69px),1fr));
    grid-gap: 31px 69px;}
.case ul li{background: #F7F7F7;border-radius: 10px;
box-shadow: 0px 1px 6px 0px rgba(14,5,9,0.12);padding: 0.2rem;}
.case ul li img{display: block;width: 100%;height: auto;}
.case ul li h3{font-size: 0.18rem;color: #333;font-weight: bold;text-align: center;margin: 0.15rem 0 -0.06rem 0;}
.case ul li:hover h3{color: #FFB243;}