@charset "utf-8";
/* CSS Document */
.about_01{ display:flex; margin-bottom:60px;flex-wrap:wrap}
.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:#111}

.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}
.about01_right img{ display:none}

.lx_02 dl{ width:30%; float:left; overflow:hidden; margin-right:5%; border:1px solid #ddd; padding:30px; box-sizing:border-box}
.lx_02 dl:nth-child(3n){ margin-right:0}
.lx_02 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; padding-bottom:10px; border-bottom:1px solid #eee; margin-bottom:20px; font-size:18px; color:#333}
.lx_02 dl dt img{ height:26px; margin-right:10px}
.lx_02 dl dd{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:21px; color:#125db2;}


.lx_join{background:url(lx_join.jpg) no-repeat center center; background-size:cover ; display:flex;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:#125db2; color:#fff}

.lx_nav{ width:100%; display:flex;}
.lx_nav a{  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 dd img{ height:80px}
.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(18,93,178,.1);}
.lx_nav a:hover dt,.lx_nav a:hover p{ color:#125db2}


@media (max-width:767px){
.about_01{ width:94%; padding:0 3%; margin-bottom:10px}
.about01_right{ width:100%; background:none; margin-bottom:25px}
.about01_right img{ display:block; width:100%}

.about01_left{ width:100%; position:relative; float:left; overflow:hidden}
.ab_main{ width:100%; position:relative; left:0px; top:0px; overflow:hidden}
.ab_main dl{margin-bottom:15px; border-bottom:1px dashed #e5e5e5; padding-bottom:15px}
.ab_main dl dt{ line-height:30px; margin-bottom:5px;font-size:14px; color:#888; margin-top:0px}
.ab_main dl dt img{ margin-right:10px; height:20px; margin-top:-3px}
.ab_main dl dd{  line-height:20px; margin-bottom:0px ;font-size:16px; }


.lx_join{ padding:50px 0}
.lx_join h3{  line-height:30px; font-size:24px;margin-bottom:20px}
.lx_join h4{ line-height:20px; font-size:14px;  margin-bottom:40px; color:rgba(255,255,255,.7)}
.lx_join h5{ line-height:50px; font-size:18px; }
.lx_join h5 a{ background:rgba(255,255,255,.5); font-size:16px; padding:0px; transition:all 0.3s; padding:10px 20px 11px}



.lx_nav{ flex-wrap:wrap}
.lx_nav a{ padding:30px 0}


.lx_nav dd{ line-height:50px; }
.lx_nav dd img{ height:50px}
.lx_nav dt{ line-height:30px;font-size:18px; margin-bottom:10px}
.lx_nav p{ width:90%; padding:0 5%; line-height:20px; color:#666; font-size:14px}
.lx_nav a:nth-child(even):hover,.lx_nav a:nth-child(odd):hover{ background:rgba(169,128,96,.2);}
.lx_nav a:hover dt,.lx_nav a:hover p{ color:#125db2}


.lx_02 dl{ width:100%;  margin-right:0; padding:15px; margin-bottom:15px}
.lx_02 dl dt{ line-height:30px; padding-bottom:10px; margin-bottom:10px; font-size:16px; }
.lx_02 dl dt img{ height:20px; margin-right:10px}
.lx_02 dl dd{  line-height:30px; font-size:16px; }

	
}

@media (min-width:768px){
	
.about_01{  height:460px;}
.lx_join{height:480px;}
.lx_nav{ height:460px; }
.lx_nav a{ flex:1; }
}