@charset "utf-8";
/* CSS Document */

.about_01{ display:flex; height:460px; margin-bottom:80px}
.about01_left{ width:50%; position:relative}
.ab_main{ width:600px; position:absolute; left:100px; top:10px; overflow:hidden}
.ab_main dl{ width:100%; float:left; overflow:hidden; margin-bottom:35px; border-bottom:1px dashed #ddd; padding-bottom:20px}
.ab_main dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; margin-bottom:15px;font-size:17px; color:#888; margin-top:13px}
.ab_main dl dt img{ margin-right:10px}
.ab_main dl dd{ width:100%; float:left; overflow:hidden; line-height:30px; margin-bottom:8px ;font-size:22px; color:#3a5697}


.about01_right{ width:50%; background:url(map.jpg) no-repeat center 0; background-size:cover; display:flex;}
.about01_right a{ width:100%; height:100%; border:1px solid rgba(0,0,0,.05); box-sizing:border-box; border-left:none}



.lx_join{background:url(lx_join.jpg) no-repeat center center; background-size:cover ; display:flex; height:480px;align-items:center; }
.lx_join h3{ width:100%; text-align:center; line-height:45px; font-size:40px; color:#fff; margin-bottom:20px}
.lx_join h4{ width:100%; text-align:center; line-height:30px; font-size:21px; color:#fff; font-weight:normal; margin-bottom:50px}
.lx_join h5{ width:100%; text-align:center; line-height:50px; font-size:21px; color:#fff; font-weight:normal}
.lx_join h5 a{ background:rgba(255,255,255,.5); font-size:21px; color:#00245a; padding:15px 30px; transition:all 0.3s}
.lx_join h5 a:hover,.lx_join h5 a:last-child{ background:#ed9e20; color:#fff}

.lx_nav{ width:100%; height:460px; display:flex;}
.lx_nav a{ flex:1; display:flex; flex-wrap:wrap ; align-items:center; transition:all 0.35s }
.lx_nav a:nth-child(even){ background:#f2f2f2}
.lx_nav a:nth-child(odd){ background:#e9e9e9}
.lx_nav ul{width:100%}
.lx_nav dd{ width:100%; line-height:80px; text-align:center }
.lx_nav dt{ width:100%; line-height:40px; text-align:center; color:#333; font-size:21px; margin-bottom:15px; font-weight:bold}
.lx_nav p{ width:60%; padding:0 20%; line-height:30px; text-align:center; color:#666; font-size:16px}
.lx_nav a:nth-child(even):hover,.lx_nav a:nth-child(odd):hover{ background:rgba(58,86,151,.2);}
.lx_nav a:hover dt,.lx_nav a:hover p{ color:#3a5697}