@charset "utf-8";
/* CSS Document */
.ty_dl_lx dd{ color:#666}
.lx_title{ display:flex; justify-content:space-between;}
.lx_title dl{ display:flex; flex-wrap:wrap; align-content:center;}
.lx_title div{ display:flex; align-items:center; }
.lx_title div ul{ display:flex;}
.lx_title div ul h3{ font-size:21px; color:#05050; line-height:35px; margin-right:30px; display:flex;align-items:center; font-weight:normal}
.lx_title div ul h5 img{padding:10px; border:6px solid #eee}
.lx_title div ul h5 img:first-child{ margin-right:15px}
.lx_main{ display:flex; justify-content:space-between ;border-top:1px solid #ededed; padding-top:60px; margin:50px auto 100px}
.lx_main ul{ border-right:1px solid #e5e5e5; margin:0 30px}
.lx_main dl h5{ width:100%; display:flex; justify-content:center; margin-bottom:20px}
.lx_main dl h5 span{ width:70px; height:70px; background:#f3f3f3; border-radius:50%; text-align:center; line-height:70px}
.lx_main dl h5 span img{ height:27px}
.lx_main dl dt{ width:100%; text-align:center; line-height:30px; font-size:19px; color:#888; margin-bottom:20px}
.lx_main dl dd{ width:100%; text-align:center; line-height:30px; font-size:21px; color:#333; margin-bottom:30px}
.lx_main dl h5 span img{ transition:all 0.35s}
.lx_main dl:hover h5 span img{ transform:scaleX(-1)}
.lx_main dl:hover span{ background:#e5e5e5}
.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:55px; font-size:50px; 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:#3f4156; padding:15px 30px; transition:all 0.3s}
.lx_join h5 a:hover,.lx_join h5 a:last-child{ background:#e49d26; color:#fff}
.lx_nav{ width:100%; display:flex;flex-wrap:wrap ;}
.lx_nav a{ display:flex; flex-wrap:wrap ; transition:all 0.35s; padding:80px 0  }
.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:75px}
.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}


/******** 手机版 ********/
@media (max-width:767px){
    
.lx_title{ flex-wrap:wrap}
.lx_title dl{ width:100%; margin-bottom:20px}
.lx_title div{ width:100%}
.lx_title div ul{ flex-wrap:wrap}
.lx_title div ul h3{width:100%; font-size:12px;line-height:18px; margin-right:0px; margin-bottom:10px}
.lx_title div ul h5{ width:100%;}
.lx_title div ul h5 img{ width:80px}
.lx_main{ flex-wrap:wrap; padding-top:30px; margin:30px auto 30px}
.lx_main dl{ width:100%; display:flex; margin-bottom:10px; border-bottom:1px solid #f3f3f3; padding-bottom:25px; margin-bottom:25px}
.lx_main ul{ display:none}
.lx_main dl h5{ width:64px; margin-bottom:0; margin-right:30px;}
.lx_main dl h5 span{ width:64px; height:64px;line-height:64px}
.lx_main dl h5 span img{ height:24px}
.lx_main dl ol{ flex:1; display:flex; flex-wrap:wrap; align-content:center;}
.lx_main dl dt{ line-height:18px; font-size:14px; margin-bottom:0px; text-align:left}
.lx_main dl dd{ font-size:16px; line-height:22px; text-align:left; margin-bottom:0}
.lx_main dl:last-child{ border:none; margin-bottom:0; padding-bottom:0}
.lx_join{height:240px;background:url(lx_join_m.jpg) no-repeat center center; background-size:cover }
.lx_join h3{ line-height:30px; font-size:25px; margin-bottom:5px}
.lx_join h4{ line-height:18px; font-size:14px;  margin-bottom:40px}
.lx_join h5{ line-height:46px; font-size:19px;}
.lx_join h5 a{font-size:14px;  padding:10px 20px; }
.lx_nav a{ width:100%; padding:20px 0 30px; }
.lx_nav dd{line-height:65px;}
.lx_nav dd img{ height:65px}
.lx_nav dt{ line-height:30px;font-size:18px; margin-bottom:10px;}
.lx_nav p{ width:90%; padding:0 5%; line-height:22px; font-size:14px}


}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){
.lx_title div ul{ flex-wrap:wrap}
.lx_title div ul h3{width:100%; font-size:17px; line-height:26px; margin-right:0px; margin-bottom:15px}
.lx_title div ul h5 {width:100%;}
.lx_title div ul h5 img{ width:90px}
.lx_main{  margin-bottom:50px; }
.lx_main ul{ margin:0 6px}
.lx_main dl dt{ line-height:22px; font-size:15px;margin-bottom:10px}
.lx_main dl dd{ line-height:26px; font-size:15px;margin-bottom:10px}
.lx_join{height:350px;}
.lx_join h3{ line-height:40px; font-size:35px; margin-bottom:5px}
.lx_join h4{ line-height:26px; font-size:15px;  margin-bottom:40px}
.lx_join h5{ line-height:50px; font-size:19px;}
.lx_join h5 a{font-size:15px;  padding:15px 30px; }
.lx_nav a{ flex:1; padding:60px 0  }
.lx_nav dd{line-height:80px;}
.lx_nav dt{ line-height:30px;font-size:15px; margin-bottom:15px;}
.lx_nav p{ width:90%; padding:0 5%; line-height:26px; font-size:14px}
.lx_nav a:nth-child(even):hover,.lx_nav a:nth-child(odd):hover{ background:#3f4156;}
.lx_nav a:hover dt,.lx_nav a:hover p{ color:#fff}
}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){
.lx_title div ul h5 img{ width:98px}
.lx_main ul{ margin:0 15px}
.lx_main dl dt{ line-height:22px; font-size:15px;margin-bottom:10px}
.lx_main dl dd{ line-height:26px; font-size:17px;}
.lx_title div ul h3{ font-size:17px;line-height:26px; margin-right:20px;}
.lx_join{height:400px;}
.lx_join h3{ line-height:45px; font-size:40px; margin-bottom:5px}
.lx_join h4{  line-height:26px; font-size:17px;  margin-bottom:50px}
.lx_join h5{  line-height:50px; font-size:19px;}
.lx_join h5 a{font-size:17px;  padding:15px 30px; }
.lx_nav a{flex:1;}
.lx_nav dt{ line-height:30px;font-size:17px; margin-bottom:15px;}
.lx_nav p{ width:90%; padding:0 5%; line-height:26px; font-size:14px}
.lx_nav a:nth-child(even):hover,.lx_nav a:nth-child(odd):hover{ background:#3f4156;}
.lx_nav a:hover dt,.lx_nav a:hover p{ color:#fff}
}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){

.lx_title div ul h3{ font-size:19px;line-height:30px; margin-right:20px;}
.lx_main dl dt{ line-height:26px; font-size:17px;margin-bottom:10px}
.lx_main dl dd{ line-height:30px; font-size:19px;}
.lx_join{height:450px;}
.lx_join h3{ line-height:50px; font-size:45px; margin-bottom:15px}
.lx_join h4{  line-height:26px; font-size:19px; margin-bottom:50px}
.lx_join h5 a{ font-size:19px; }
.lx_nav a{flex:1; padding:70px 0  }
.lx_nav dt{ line-height:40px; font-size:19px; margin-bottom:15px;}
.lx_nav p{ width:70%; padding:0 15%; line-height:28px;  font-size:16px}
.lx_nav a:nth-child(even):hover,.lx_nav a:nth-child(odd):hover{ background:#3f4156;}
.lx_nav a:hover dt,.lx_nav a:hover p{ color:#fff}

}

/******** 1400px ********/
@media (min-width:1440px){
.lx_nav a{ flex:1;}
.lx_nav a:nth-child(even):hover,.lx_nav a:nth-child(odd):hover{ background:#3f4156;}
.lx_nav a:hover dt,.lx_nav a:hover p{ color:#fff}
}