.wrap_about{}

.wrap_about .about_box .flex{justify-content: space-between;padding: 0;}
.wrap_about .about_box .side{width: 48%}
.wrap_about .about_box video{width: 100%}
.wrap_about .about_box .tit{font-size: 16px;color: #333;margin: 10px 0;}
.wrap_about .about_box .con{font-size: 14px;color: #5f6160;line-height: 1.8;word-break: break-all}
.wrap_about .about_box .about_con{position: relative;}

.wrap_about .content .part_con{justify-content: space-between;padding: 0 145px;}
.wrap_about .content .part_con .side{background: #fff;width: 33.333333%;text-align: center;padding: 45px 0;transition: all .2s linear;}
.wrap_about .content .part_con .side .img{height: 80px;background-size: auto 80px;background-position: center center;background-repeat: no-repeat;transition: all .2s linear;}
.wrap_about .content .part_con .side img{height: 80px;}
.wrap_about .content .part_con .side h5{font-size: 15px;color: #004280;margin: 25px 0 5px;font-weight: bold}
.wrap_about .content .part_con .side h6{font-size: 13px;color: #666;}

.wrap_about .qua .part_con{text-align: center;}
.wrap_about .qua .part_con .item{display: inline-block;margin: 0 25px 40px}
.wrap_about .qua .part_con .item img{width: 320px;}
.wrap_about .qua .part_con .item h6{font-size: 15px;color: #666;margin-top: 10px;}

.wrap_about .company{padding-bottom: 0}
.wrap_about .company .part_con{text-align: center;}
.wrap_about .company .part_con .item{display: inline-block;margin-right: -4px;width: 25%;text-align: center;margin-bottom: 40px;}
.wrap_about .company .part_con .item .img{display: inline-block;position: relative;}
.wrap_about .company .part_con .item img{height: 150px;}
.wrap_about .company .part_con .item h6{font-size: 14px;color: #666;margin-top: 10px;}
.wrap_about .company .part_con .item .more{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 150px;line-height: 150px;color: #fff;font-size: 16px;text-align: center;background: rgba(0,0,0,.3);transition: all .2s linear;}
.wrap_about .company .part_con .item:hover .more{display: block;}

.wrap_about .contact .part_con{justify-content: space-between;padding: 0 30px;}
.wrap_about .contact .part_con .side{background: #fff;padding: 45px 0;transition: all .2s linear;}
.wrap_about .contact .part_con .side img{height: 50px;display: inline-block;vertical-align: middle}
.wrap_about .contact .part_con .side .con{display: inline-block;vertical-align: middle;margin-left: 10px}
.wrap_about .contact .part_con .side h5{font-size: 15px;color: #004280;margin: 0 0 5px;font-weight: bold;white-space: nowrap}
.wrap_about .contact .part_con .side h6{font-size: 14px;color: #666;white-space: nowrap}

.wrap_about .map{padding-bottom: 100px}


.wrap_join{background: #ececec}
.wrap_join .join .part_con{justify-content: space-between;padding: 0 20px;background: #fff;border-radius: 5px;}
.wrap_join .join .part_con .side{background: #fff;width: 18%;text-align: center;padding: 45px 0;transition: all .2s linear;}
.wrap_join .join .part_con .side .img{height: 80px;background-size: auto 80px;background-position: center center;background-repeat: no-repeat;transition: all .2s linear;}
.wrap_join .join .part_con .side h5{font-size: 15px;color: #2e2e2e;margin: 25px 0 5px;transition: all .2s linear;}
.wrap_join .join .part_con .side h6{font-size: 12px;color: #888;line-height: 1.7;margin: 0 30px;transition: all .2s linear;}

.wrap_join .join .part_con .item1 .img{background-image: url("../img/about/con_icon7.png")}
.wrap_join .join .part_con .item2 .img{background-image: url("../img/about/con_icon8.png")}
.wrap_join .join .part_con .item3 .img{background-image: url("../img/about/con_icon9.png")}
.wrap_join .join .part_con .item4 .img{background-image: url("../img/about/con_icon10.png")}

.wrap_join .join .part_con .side:hover h5{color: #0488ea}
.wrap_join .join .part_con .side.item1:hover .img{background-image: url("../img/about/con_icon7_.png")}
.wrap_join .join .part_con .side.item2:hover .img{background-image: url("../img/about/con_icon8_.png")}
.wrap_join .join .part_con .side.item3:hover .img{background-image: url("../img/about/con_icon9_.png")}
.wrap_join .join .part_con .side.item4:hover .img{background-image: url("../img/about/con_icon10_.png")}

.wrap_join .work{padding-bottom: 100px;}
.wrap_join .work .side{border-radius: 5px;}
.wrap_join .work .left{width: 20%;margin-right: 30px;}
.wrap_join .work .right{width: calc(100% - 20% - 30px);background: #fff;}
.wrap_join .work .left .work_box{padding: 20px;background: #fff;border-radius: 5px;}
.wrap_join .work .left .work_box h3{font-size: 18px;font-weight: bold;color: #232323;}
.wrap_join .work .left .work_box a{font-size: 14px;color: #878787;display: block;margin-top: 15px;transition: all .2s linear;}
.wrap_join .work .left .work_box a:hover,
.wrap_join .work .left .work_box a.active{color: #1c97f7;}

.wrap_join .work .right .work_con{padding: 20px;}