.proInfoTop{ background: url(../images/proInfoTopBg.jpg) no-repeat center center; background-size: cover;}
.proInfoTop{ margin-top: 10rem;}

#proInfoTopSwiper .swiper-slide{ height: 640px;}
#proInfoTopSwiper .swiper-slide img{ max-width: 90%; max-height: 90%;}
.proLine{ width: 100%; height: 1px; background-color: #cdcdcd;}
.proLine::after{ background-color: var(--blue); width:8%; height: 3px; position: absolute; left: 0; bottom: -1px;  display: block; content: '';}

.proInfoTop .txt .btn a{ width: 30%; border: 1px solid #dadada; border-left: none;}
.proInfoTop .txt .btn a.t{ width: 40%;  border-color: var(--blue);}
.proInfoTop .txt .btn a:hover{ color: var(--blue);}
.proInfoTop .txt .btn a.t:hover{ color: #fff;}
.proInfoTop .right .prev,.proInfoTop .right .next{ width: 64px; height: 64px; position: absolute; top: 50%; margin-top: -32px; z-index: 10;}
.proInfoTop .right .prev{ left: 15px;}
.proInfoTop .right .next{ right: 15px;}
.proInfoTop .right .prev:hover,.proInfoTop .right .next:hover{ background-color: var(--blue); color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.15);}
.contactLine{ width: 35PX; height: 4px; background-color: #4f4f4f;}