/*wbfw_1*/

.wbfw_1{padding: 85px 0; background: #fff; overflow: hidden;}
.wbfw_1 .cont{padding: 40px 0 0; }
.wbfw_1 .tabs ul{display: flex;}
.wbfw_1 .tabs li{position: relative; flex: 1; cursor: pointer; text-align: center;}
.wbfw_1 .tabs li.on::after{content: ""; position: absolute; bottom: -17px; left: 50%; margin-left: -5px; width: 10px; height: 7px;}
.wbfw_1 .tabs p{font-size: 18px; color: #3F3F3F; line-height: 1; margin: 16px 0 0; }
.wbfw_1 .tabs .icon{position: relative; height: 66px; width: 66px; display: block; margin: 0 auto; overflow: hidden;}
.wbfw_1 .tabs .icon img{position: absolute; left: 0; right: 0; -webkit-transition:0.36s ease;
    -moz-transition:0.36s ease;
    -o-transition:0.36s ease;
  -ms-transition:0.36s ease;
  transition:0.36s ease;}
.wbfw_1 .tabs .icon .img{top: 0;}
.wbfw_1 .tabs .icon .img_hover{top: 100%;}
.wbfw_1 .tabs li.on .icon .img,
.wbfw_1 .tabs li:hover .icon .img{top: -100%;}
.wbfw_1 .tabs li.on .icon .img_hover,
.wbfw_1 .tabs li:hover .icon .img_hover{top: 0;}
.wbfw_1 .tabs li.on p,
.wbfw_1 .tabs li:hover p{color: #3DA1C8;}
.wbfw_1 .item_box{display: flex; margin: 40px 0 0;}
.wbfw_1 .item_box .left{width: 336px; height: 379px; padding: 60px 56px 0; color: #fff;}
.wbfw_1 .item_box .left .tit{font-weight: bold; font-size: 22px; line-height: 1;}
.wbfw_1 .item_box .left .tit_desc{font-size: 18px; margin: 24px 0 12px; line-height: 1;}
.wbfw_1 .item_box .left .desc{font-size: 16px; line-height: 34px; color: #E9E9E9;}
.wbfw_1 .item_box .left .links{font-size: 16px; color: #fff; line-height: 1; margin: 20px 0 0; float: right;}
.wbfw_1 .item_box .right{flex: 1; display: flex; align-items: center; border: 1px solid #b5b5b5; border-left: none; padding: 48px 56px;}
.wbfw_1 .item_box .right li{width: 50%; float: left; border-radius: 1px; padding: 18px 60px; }
.wbfw_1 .item_box .right li:nth-child(1),
.wbfw_1 .item_box .right li:nth-child(2){border-bottom: 1px dashed #cfd0d4; padding-bottom: 28px; }
.wbfw_1 .item_box .right li:nth-child(1),
.wbfw_1 .item_box .right li:nth-child(3){border-right: 1px dashed #cfd0d4; }
.wbfw_1 .item_box .right li:nth-child(3),
.wbfw_1 .item_box .right li:nth-child(4){padding-top: 36px; }
.wbfw_1 .item_box .right li .p1{font-size: 22px; line-height: 1; color: #3B3B3B;}
.wbfw_1 .item_box .right li .p2{font-size: 16px; line-height: 30px; color: #9D9D9D; margin: 18px 0 0;}
@media (max-width: 1699px){
	.wbfw_1{padding: 60px 0;}
	.wbfw_1 .item_box .right{ padding: 30px 56px;}
}

.wbfw_2{padding: 85px 0;  overflow: hidden;}
.wbfw_2 .common-tit .tit,
.wbfw_2 .common-tit .tit_desc{color: #fff;}
.wbfw_2 .cont{padding: 6px 0 0; overflow: hidden;}
.wbfw_2 .cont ul{margin: 0 -17px;}
.wbfw_2 .cont li{float:left; width: 25%; padding: 0 17px; margin: 34px 0 0; }
.wbfw_2 .cont .item{background: #fff; display: block; text-align: center;}
.wbfw_2 .cont .top{height: 143px; background: #F8F8F8; display: flex; align-items: center; justify-content: center;}
.wbfw_2 .cont .info{padding: 30px 40px 28px;}
.wbfw_2 .cont .tit{font-size: 22px; color: #212632;}
.wbfw_2 .cont .desc{font-size: 16px; color: #696969; line-height: 34px; margin: 20px 0 0;}
@media (max-width: 1699px){
	.wbfw_2{padding: 60px 0;}
	.wbfw_2 .cont .top{height: 110px;}
}