@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; 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_join{background:url(lx_join.jpg) no-repeat center center; background-size:cover ; display:flex;align-items:center; margin-bottom:80px; height:480px }
.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;}

.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:16px; -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){

.lx_01{ margin-bottom:20px;}
.lx01_left{ width:100%; margin-right:0; margin-bottom:20px}
.lx01_right{ width:100%; }
.lx01_right dl{margin-bottom:15px; padding-bottom:15px;}
.lx01_right dl:last-child{ margin-bottom:0}
.lx01_right dl h5 img{ height:40px; margin-right:15px}

.lx01_right dl dt{ line-height:20px; ;font-size:12px; margin-bottom:0px}
.lx01_right dl dd{line-height:20px; font-size:14px;}


.lx_join{ height:220px; margin-bottom:20px }
.lx_join h3{ line-height:30px; font-size:20px; margin-bottom:10px}
.lx_join h4{  line-height:20px; font-size:14px;  margin-bottom:40px}
.lx_join h5{ line-height:40px; font-size:14px; }
.lx_join h5 a{ font-size:14px; padding:10px 20px; }



.ly_01{ margin-bottom:20px}
.ly_01 h3{line-height:30px; font-size:20px; margin-bottom:20px}
.maplist{ width:98%; margin:0px 1% 15px;  padding:10px 20px 20px; }
.ul_01 { margin-bottom:0px}
.ul_01 li{ width:100%; margin-right:0; margin-bottom:15px}
.ul_01 li:last-child{ margin-right:0}

.ul_02{ margin-bottom:20px}
.span_001{  line-height:30px; font-size:12px; }

.intxt{ height:40px; line-height:40px; font-size:12px; padding:0 10px;}
.maplist li.m_16{ margin-bottom:30px}
.maplist textarea{ padding:10px; font-size:12px;  height:80px; }

.maplist h5 input{ width:35%; height:40px;  line-height:40px; font-size:14px;  letter-spacing:2px; border-radius:5px}
.maplist h5 input:hover{  border-radius:20px}



	
}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){


.lx_01{ margin-bottom:50px;}
.lx01_left{ width:100%; margin-right:0; margin-bottom:20px}
.lx01_right{ width:100%; }
.lx01_right dl{margin-bottom:20px; padding-bottom:20px;}
.lx01_right dl:last-child{ margin-bottom:0}
.lx01_right dl h5 img{ height:40px; margin-right:20px}

.lx01_right dl dt{ line-height:20px; ;font-size:14px; margin-bottom:3px}
.lx01_right dl dd{line-height:25px; font-size:16px;}

.lx_join{ height:300px; margin-bottom:50px }
.lx_join h3{ line-height:36px; font-size:28px; margin-bottom:20px}
.lx_join h4{  line-height:30px; font-size:16px;  margin-bottom:50px}
.lx_join h5{ line-height:50px; font-size:16px; }
.lx_join h5 a{ font-size:16px; padding:15px 30px; }


.ly_01{ margin-bottom:50px}
.ly_01 h3{line-height:35px; font-size:28px; margin-bottom:30px}
.maplist{ width:98%; margin:20px 1%;  padding:30px;}
.ul_01 { margin-bottom:30px}
.ul_01 li{ width:32%; margin-right:2%}
.ul_01 li:last-child{ margin-right:0}

.ul_02{ margin-bottom:40px}
.span_001{  line-height:30px; font-size:14px; }

.intxt{ height:60px; line-height:60px; font-size:15px; padding:0 15px;}
.maplist li.m_16{ margin-bottom:50px}
.maplist textarea{ padding:15px; font-size:15px;  height:160px; }

.maplist h5 input{ width:25%; height:50px;  line-height:50px; font-size:15px;  letter-spacing:5px; border-radius:10px}
.maplist h5 input:hover{  border-radius:25px}


}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){


.lx_01{ margin-bottom:60px;}
.lx01_left{ width:50%; margin-right:4%;}
.lx01_right{ width:46%; }
.lx01_right dl{margin-bottom:20px; padding-bottom:20px;}
.lx01_right dl:last-child{ margin-bottom:0}
.lx01_right dl h5 img{ height:40px; margin-right:20px}

.lx01_right dl dt{ line-height:20px; ;font-size:14px; margin-bottom:3px}
.lx01_right dl dd{line-height:25px; font-size:16px;}

.lx_join{ height:350px; margin-bottom:60px }
.lx_join h3{ line-height:36px; font-size:30px; margin-bottom:20px}
.lx_join h4{  line-height:30px; font-size:17px;  margin-bottom:50px}
.lx_join h5{ line-height:50px; font-size:17px; }
.lx_join h5 a{ font-size:17px; padding:15px 30px; }


.ly_01{ margin-bottom:60px}
.ly_01 h3{line-height:40px; font-size:30px; margin-bottom:40px}
.maplist{ width:98%; margin:20px 1%;  padding:40px;}
.ul_01 { margin-bottom:30px}
.ul_01 li{ width:32%; margin-right:2%}
.ul_01 li:last-child{ margin-right:0}

.ul_02{ margin-bottom:40px}
.span_001{  line-height:30px; font-size:14px; }

.intxt{ height:60px; line-height:60px; font-size:15px; padding:0 15px;}
.maplist li.m_16{ margin-bottom:50px}
.maplist textarea{ padding:15px; font-size:15px;  height:160px; }

.maplist h5 input{ width:20%; height:50px;  line-height:50px; font-size:16px;  letter-spacing:5px; border-radius:10px}
.maplist h5 input:hover{  border-radius:25px}


}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){

.lx_01{ margin-bottom:70px;}
.lx01_left{ width:50%; margin-right:4%;}
.lx01_right{ width:46%; }
.lx01_right dl{margin-bottom:30px; padding-bottom:30px;}
.lx01_right dl:last-child{ margin-bottom:0}
.lx01_right dl h5 img{ height:50px; margin-right:20px}

.lx01_right dl dt{ line-height:26px; ;font-size:16px;}
.lx01_right dl dd{line-height:30px; font-size:18px;}

.lx_join{ height:400px; margin-bottom:70px }
.lx_join h3{ line-height:40px; font-size:36px; margin-bottom:20px}
.lx_join h4{  line-height:30px; font-size:19px;  margin-bottom:50px}
.lx_join h5{ line-height:50px; font-size:19px; }
.lx_join h5 a{ font-size:19px; padding:15px 30px; }


.ly_01{ margin-bottom:70px}
.ly_01 h3{line-height:40px; font-size:35px; margin-bottom:40px}
.maplist{ width:98%; margin:20px 1%;  padding:60px 60px 50px;}
.ul_01 { margin-bottom:30px}
.ul_01 li{ width:32%; margin-right:2%}
.ul_01 li:last-child{ margin-right:0}

.ul_02{ margin-bottom:40px}
.span_001{  line-height:30px; font-size:14px; }

.intxt{ height:68px; line-height:68px; font-size:16px; padding:0 20px;}
.maplist li.m_16{ margin-bottom:50px}
.maplist textarea{ padding:20px 20px; font-size:16px;  height:186px;}

.maplist h5 input{ width:20%; height:60px;  line-height:60px; font-size:18px;  letter-spacing:5px; border-radius:10px}
.maplist h5 input:hover{  border-radius:30px}



}

/******** 1400px ********/
@media (min-width:1440px){
	
}


