img{
    vertical-align: middle;
    border-style: none;
}
.fwW{
    position: relative;
}
.row{
    
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}
.fwxm1{
	font-size: 36px;
	color: #333;
	text-align: center;
	padding-top: 3rem;
	font-weight: bold;
}
.fwxm2{
	font-size: 16px;
	color: #888;
	text-align: center;
	padding-bottom: 2rem;
}
.fwxm3{
	width: 71%;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1rem;
	margin-bottom: 3rem;
}
/*.fwxm3_1,.fwxm3_2,.fwxm3_3,.fwxm3_4,.fwxm3_5,.fwxm3_6{
	position: relative;
	border: solid 0.5px #fff;
}*/
.fwxm3_1 img,.fwxm3_2 img,.fwxm3_3 img,.fwxm3_4 img,.fwxm3_5 img,.fwxm3_6 img{
	width: 100%;
	max-width: 100%;
}

/*????????*/
 .mask {
     top: 70%;
     left: 0;
     width: 100%;
     height: 30%;
     position: absolute;
  }
.mask-bg {
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 79, 160, 0.8);
     /* opacity: 1; */
     /* transition: 0.5s all; */
}
.mask-content {
     position: absolute;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
     color: #fff;
     font-size: 16px;
     opacity: 1;
     transition: 1s all;
}

/*??????*/
 .mask2 {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     position: absolute;
  }
.mask-bg-blue {
     position: absolute;
     width: 100%;
     height: 0%;
     background-color: #004fa0;
     opacity: 0.8;
     display: none;
     bottom: 30%;
     transition: all 1s;
     display: block;
}
 .mask-contents {
     position: absolute;        
     width: 100%;
     height: 100%;
     color: #fff;
     text-align: center;
     vertical-align: middle;
     opacity: 0;
}
/*????????????*/
.fwxm3_1:hover .mask-bg {
     /* display: none; */
     /* opacity: 0; */
     /* transition: 0.5s all; */
 }
 
 .fwxm3_1:hover .mask-content {
     /* display: none; */
     opacity: 0;
     transform: translateY(-30px);
 }
 
 .fwxm3_1:hover .mask-bg-blue {
 	/* display: block; */
 	/* transition: all 1s; */
 	height: 70%;
 	}
 
 .fwxm3_1:hover .mask-contents {
     transition: all 1s;
     opacity: 1;
 }
.hzysbg{
	text-align: center;
}
.imgchangea{
	display: none;
}
/*????????????*/
.ys1_2:hover .imgchangeb{
	display: none;
}
.ys1_2:hover .imgchangea{
	display: block;
	margin: 0 auto;
}
.ys1_2:hover img{
	text-align: center;
}
.ys1_2:hover{
	text-align: center;
	background: #005bac;
	color: #fff;
}
.ys1_2:hover .text14px{
	color: #fff;
}
.mask2 img{
	width: 20%;
	padding-top: 10rem;
	padding-bottom: 2rem;
}