@charset "utf-8";
/* CSS Document */
.lx_01{ margin-bottom:80px;}
.lx_01 .ty02{ display:flex; flex-wrap:wrap}
.lx01_left{ width:50%; float:left; overflow:hidden; margin-right:4%;}
.lx01_left img{ width;100%; float:left; overflow:hidden;  border:1px solid #e5e5e5; box-sizing:border-box; }
.lx01_right{ width:46%; float:left; overflow:hidden; display:flex; flex-wrap:wrap; align-content:center}
.lx01_right dl{ width:100%; float:left; overflow:hidden; margin-bottom:35px; display:flex; margin-bottom:40px; padding-bottom:40px; border-bottom:1px dashed #ddd}
.lx01_right dl:last-child{ margin-bottom:0}
.lx01_right dl h5 img{ height:50px; margin-right:20px}
.lx01_right dl ul{ flex:1; display:flex; flex-wrap:wrap}
.lx01_right dl dt{ width:100%; float:left; overflow:hidden; line-height:26px; ;font-size:16px; color:#999;}

.lx01_right dl dd{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:18px; color:#111}


.lx_02{ margin-bottom:60px}
.lx_02 dl{ width:32%; float:left; overflow:hidden; margin-right:2%; border:1px solid #e5e5e5; padding:30px; box-sizing:border-box; margin-bottom:35px}
.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:#f7b003;}

.lx_02 dl:nth-child(4){ width:49%}
.lx_02 dl:nth-child(5){ width:49%; margin-right:0}


.lx_join{background:url(lx_join.jpg) no-repeat center center; background-size:cover ; display:flex;align-items:center; margin-bottom:80px }
.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:#f7b003; color:#fff}


.ly_01{ margin-bottom:80px}
.ly_01 h3{ width:100%; float:left; overflow:hidden; text-align:center; line-height:40px; font-size:38px; color:#333; margin-bottom:50px}
.maplist{ width:98%; float:left; overflow:hidden; margin:20px 1%; padding:0;   box-shadow:0 0 10px #eee; padding:80px 60px 50px; box-sizing:border-box}
.maplist ul{ width:100%; float:left; overflow:hidden}

.ul_01 { margin-bottom:30px}
.ul_01 li{ width:32%; float:left; overflow:hidden;  margin-right:2%}
.ul_01 li:last-child{ margin-right:0}


.ul_02{ width:100%; float:left; margin-bottom:50px}
.span_001{ width:100%; float:left; line-height:30px; font-size:14px; color:#bbb;}
.span_001 b{ color:#ef2d36; padding-left:3px}
.maplist input{ font-family:"PingFangSC-Regular","微软雅黑","Microsoft Yahei";}
.intxt{ width:100%; float:left; height:68px; line-height:68px; overflow:hidden; font-size:16px; color:#666; padding:0 20px; border:1px solid #e3e3e3; background:rgba(255,255,255,.4); outline:none; -moz-box-sizing: border-box;box-sizing: border-box;}
.sel01{ width:100%; float:left; height:68px; line-height:68px; overflow:hidden; font-size:14px; color:#333; padding:0 20px; border:1px solid #e3e3e3; background:rgba(255,255,255,.4);  outline:none;  -moz-box-sizing: border-box;box-sizing: border-box;}
.maplist li.m_16{ margin-bottom:50px}
.maplist textarea{ width:100%; float:left; overflow:hidden; padding:20px 20px; border:1px solid #e3e3e3; background:rgba(255,255,255,.5); color:#666; font-size:14px; -moz-box-sizing: border-box;box-sizing: border-box; height:186px;outline:none;  font-family:"PingFangSC-Regular","微软雅黑","Microsoft Yahei";}

.maplist h5{ width:100%; overflow:hidden; display:flex;  justify-content:center;}
.maplist h5 input{ width:20%; height:68px;  overflow:hidden; line-height:68px; font-size:19px; color:#fff; background-image: linear-gradient(to bottom,#f7b003,#e3a102); cursor:pointer; border:none; font-family:"微软雅黑" ;outline:none; text-align:center; letter-spacing:5px ; transition:all 0.35s; border-radius:10px}
.maplist h5 input:hover{ background-image: linear-gradient(to bottom,#f7b003,#e3a102);  border-radius:35px}





@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_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; }
}