.banner .swiper-slide img{width:100%;}
.banner .swiper-pagination-bullet-active{background: #c7001a;}

.four{display:flex;flex-wrap:wrap;justify-content: space-between;margin-top:50px;}
.leftTop,.rightBot{width:66.7%;}
.rightTop,.leftbot{width:31.9%;}
.leftTop,.rightTop{margin-bottom:20px;}

.cpBox{position:relative;overflow:hidden;}
.cpBox .bgImg{width:100%;height:auto;}
.cpBox h3{position:absolute;left: 30px;top: 30px;z-index: 2;-webkit-transition: all .5s;transition: all .5s;}
.cpBox h3 img{width:40px;margin-right:8px;}
.cpBox h3 a{font-size: 32px;font-weight: bold;color: #fff;}
.cpBox ul{position: absolute;left: 0px;padding: 0px 40px;top: 100%;opacity: 0;-webkit-transition: all .5s;transition: all .5s;display: flex;flex-wrap: wrap;z-index:2;}
.cpBox ul li{width: 45%;height:40px;line-height:40px;padding: 0 10px;border:1px solid #fff;border-radius:20px;text-align: center;margin-bottom:20px;margin-right: 4%;}
.cpBox ul li span{color: #fff;font-size: 16px;}
.cpBox:hover ul{opacity:1;top: 40%;}
.cpBox:after{content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,0.3);position:absolute;top:0;left:0;}
.cpBox:hover:after{background:rgba(0,0,0,0.3);}
.cpBox:hover h3{left:40px;}
.rightTop .cpBox ul li{width:100%;}

.textBox{position:relative;overflow:hidden;}
.textBox .bgImg{width:100%;height:auto;}
.textBox h3{position:absolute;left: 30px;top: 30px;z-index: 2;-webkit-transition: all .5s;transition: all .5s;}
.textBox h3 img{width:40px;margin-right:8px;}
.textBox h3 a{font-size: 32px;font-weight: bold;color: #fff;}
.textBox .content{font-size: 16px;line-height:32px;color:#fff;position: absolute;left: 0px;padding: 0px 40px;top: 100%;opacity: 0;-webkit-transition: all .5s;transition: all .5s;overflow: hidden;
text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;z-index:2;}
.textBox:hover .content{opacity:1;top:40%;}
.textBox:after{content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,0.2);position:absolute;top:0;left:0;}
.textBox:hover:after{background:rgba(0,0,0,0.3);}
.textBox:hover h3{left:40px;}

.contact {padding-top: 150px;padding-bottom:60px;background: url(/eportal/fileDir/zsen/template/page/index/contact.png) no-repeat center 80px;}
.contact .w{display: flex;justify-content: space-between;}
.contact .title{margin: 0;text-align: left;width: 40%;}
.contact .title h3{color: #333333;font-size: 30px;margin-bottom: 30px;}
.contact .title h3 span{color: #b92d23;}
.contact .title p{color: #333;line-height: 32px;font-size: 16px;}
.contact_txt{width: 50%;display: flex;flex-wrap: wrap;}
.contact_txt div{display: inline-block;width: 50%;margin-bottom: 80px;}
.contact_txt span{color: #999999;font-size: 16px;}
.contact_txt p{color: #333333;font-size: 26px;}


@media screen and (max-width: 1028px) {
  .four{margin-top:40px;}
  .leftTop, .rightBot{width:100%;}
  .rightTop, .leftbot{width:100%;}
  .leftbot{margin-bottom:20px;}
  .cpBox .bgImg,.textBox .bgImg{height: 160px;object-fit: cover;}
  .cpBox ul,.textBox .content{display: none;}
  .cpBox h3 a,.textBox h3 a{font-size:22px;}
  .cpBox h3 img,.textBox h3 img{width:30px;}






}