#n_join {
padding: 4.5rem 0;
}

#n_join .flex {
display: flex;
align-items: center;
margin-bottom: 4rem;
}

#n_join .left {
flex-shrink: 0;
margin-right: 8rem;
margin-left: -4rem;
width: 33.75rem;
}

#n_join .right .con {
font-size: 1rem;
line-height: 1.875rem;
color: #4b4b4b;
}
#n_join .right .con h3{
font-size:30px;
color:#333;
font-family:"tengxun";
font-weight:bold;
padding-bottom:20px;
}

#n_join .pic {
position: relative;
z-index: 1;
}

#n_join .pic img {
mix-blend-mode: multiply;
}

#n_join .pic .dot {
position: absolute;
left: -56px;
bottom: -36px;
z-index: -1;
}


#n_tantou {
background: url(../job/images/n_tantoubg.jpg) center top no-repeat;
background-size: cover;
padding: 5rem 0;
}

#n_tantou .m>div {
max-width: 1010px;
}

#n_tantou h3 {
font-size: 2.5rem;
color: #fff;
font-weight: bold;
margin-bottom: 1.875rem;
}

#n_tantou p {
color: #fff;
font-size: 14px;
line-height:30px;
}

#n_fuli {
padding: 4.375rem 0;
}

#n_fuli ul {
display: flex;
flex-flow: wrap;
margin: -.9375rem;
}

#n_fuli ul li {
width: 14.28%;
text-align: center;
padding: .9375rem;
}

#n_fuli ul li .box {
border: 1px solid #d9dbe0;
border-radius: 5px;
padding: 3.125rem 0;
position: relative;
z-index: 1;
overflow: hidden;
}

#n_fuli ul li .box .ico_tag {
width: 2.625rem;
height: 2.625rem;
margin: 0 auto;
}

#n_fuli ul li .box .ico_tag img {
margin: 0 auto;
max-width: 100%;
max-height: 100%;
}

#n_fuli ul li .box h5 {
margin-top: 1.5rem;
font-size: 1rem;
color: #4b4b4b;
transition: .5s;
}

#n_fuli ul li .box:before {
content: "";
display: block;
width: 100%;
height: 0;
position: absolute;
left: 0;
top: 0;background-color: #3c6fb5; ;
z-index: -1;
transition: .5s;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
}

#n_fuli ul li:hover .box:before {
height: 100%;
}

#n_fuli ul li:hover .box h5 {
color: #fff;
}
.ico_tag img{ transition: .5s; max-width: 50%; max-height: 50%; }

.ico_tag .img01{ display: block; opacity: 1;}

.ico_tag .img02{ display: none; opacity: 0;}
li:hover .ico_tag .img01{ display: none; opacity: 0;}

li:hover .ico_tag .img02{ display: block; opacity: 1; }
.n_tt{ text-align: center; margin-bottom: 3.5rem;}
.n_tt h3{ font-size: 2.5rem; color: #333; font-weight: bold; margin-bottom: 1rem;}
.n_tt3 h3 {
font-size: 1.875rem;
color: #333;
}

.n_tt3 i {
display: block;
width: 10.1875rem;
height: 10px;
margin: 0 auto;
margin-top: -10px;
background: linear-gradient(0deg, #e3f6ed 0%, #56c792 50%);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}

@media (min-width:1601px) {
html {
font-size: 16px;
}
}

@media (min-width:1400px) and (max-width:1600px) {
html {
font-size: 13px;
}
}

@media (min-width:640px) and (max-width:1399px) {
html {
font-size: 13px;
}
}

@media (min-width:481px) and (max-width:639px) {
html {
font-size: 13px;
}
}

@media (min-width:329px) and (max-width:480px) {
html {
font-size: 12px;
}
}

@media (max-width: 1360px) {

#n_join .flex {
align-items: flex-start;
}

#n_join .left {
width: 30rem;
margin-right: 3rem;
margin-left: -2rem;
margin-top: -1rem;
}

#n_fuli ul {
margin: -5px;
}

#n_fuli ul li {
padding: 5px;
}

#n_fuli ul li .box {
padding: 2rem 0;
}

#n_fuli ul li .box .ico_tag {
width: 2rem;
height: 2rem;
}

#n_pin .left {
width: 13rem;
}

#n_pin .right {
width: calc(100% - 13rem);
padding-left: 4rem;
}

}



@media (max-width: 992px) {


#n_join .flex {
flex-direction: column;
}

#n_join .left {
max-width: 70%;
margin: 0;
margin-bottom: 3rem;
}

#n_pin .m {
flex-direction: column;
}

#n_pin .left {
width: 100%;
}

.filter {
max-width: inherit;
}

.filter dl {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 1.5rem;
}

.filter dt {
margin-bottom: 0;
}

#n_pin .right {
padding-left: 0;
width: 100%;
}

.filter:before,
.filter:after {
display: none;
}

#n_fuli ul li {
width: 20%;
}


}



@media (min-width:481px) and (max-width:992px) {}



@media (max-width: 860px) {}



@media (max-width: 768px) {

.pad_top {
padding-top: 5rem !important;
}

.pad_bot {
padding-bottom: 5rem !important;
}

.xs_jianju {
margin-left: -5px !important;
margin-right: -5px !important;
}
#n_join .right .con h3{
font-size:20px;
padding-bottom:10px;
}

.xs_jianju li {
padding-left: 5px !important;
padding-right: 5px !important;
}

.m {
padding: 0 30px;
}

.s_yewu .bd .txt {
padding-right: 2.25rem;
}

#foot {
padding-bottom: 2rem;
}

#foot .m {
flex-direction: column-reverse;
}

#foot .tt,
#foot .foot_nav {
display: none;
}

#foot .right>div {
display: flex;
width: 100%;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 20px;
}

.copyright {
flex-direction: column;
align-items: center;
margin-top: 1rem;
}

.foot_link .dt {
width: 100%;
}

.foot_link .dt:before {
display: none;
}

.foot_ewm {
margin-top: 0;
flex-shrink: .2;
}

#n_news ul li .img {
width: 17rem;
height: 12rem;
margin-right: 1.5rem;
}

#n_news ul li .txt h5 {
margin-top: .25rem;
margin-bottom: 1rem;
}

#n_news ul li .txt p {
margin-bottom: 1rem;
}

#n_shouhou ul li p {
font-size: 1rem;
}



#yy_youshi ul li {
padding: 0 1rem;
}

#pro_xq .m {
flex-direction: column;
}

#pro_xq .m .img_db {
width: 100%;
max-width: inherit;
margin: 0;
margin-bottom: 3rem;
}

#pro_xq .txt {
padding-bottom: 2rem;
}

#yy_changjing ul li {
padding: 0 10px;
}

#n_banner {
height: 29rem;
}

#n_guanyu .innerbox {
padding-right: 0;
background: none;
}

.n_gg {
position: static;
padding: 20px 30px;
width: 100%;
}

.n_shuzi {
margin: 0;
margin-top: 1rem;
margin-bottom: 2rem;
}

#n_guanyu .innerbox {
padding-bottom: 0;
}

#n_pro .bd ul li {
width: 100%;
}

#n_pro .bd ul li .pic {
height: 300px;
}

#peizhi_shebei ul {
padding-bottom: 5rem;
}

#peizhi_shebei .slick-arrow {
top: auto;
bottom: -1rem;
}

#peizhi_shebei .slick-prev {
left: 50%;
margin-left: -3rem;
}

#peizhi_shebei .slick-next {
right: 50%;
margin-right: -3rem;
}



#peitao_pro ul {
padding-bottom: 2rem;
}

#peitao_pro .slick-arrow {
top: auto;
bottom: -1rem;
}

#peitao_pro .slick-prev {
left: 50%;
margin-left: -3rem;
}

#peitao_pro .slick-next {
right: 50%;
margin-right: -3rem;
}



#yy_youshi ul {
padding-bottom: 5rem;
}

#yy_youshi .slick-arrow {
top: auto;
bottom: -1rem;
}

#yy_youshi .slick-prev {
left: 50%;
margin-left: -3rem;
}

#yy_youshi .slick-next {
right: 50%;
margin-right: -3rem;
}

#texing_youshi ul {
padding-bottom: 5rem;
}

#texing_youshi .slick-arrow {
top: auto;
bottom: -1rem;
}

#texing_youshi .slick-prev {
left: 50%;
margin-left: -3rem;
}

#texing_youshi .slick-next {
right: 50%;
margin-right: -3rem;
}
#n_ruyu .bd ul li {
width: 50%;
}
}

@media (max-width: 480px) {
#n_join .left {
margin-bottom: 2rem;
}

#n_join .flex {
margin-bottom: 2rem;
}

#n_join .pic .dot {
display: none;
}

#n_tantou {
padding: 3rem 0;
}

#n_fuli ul {
margin: -2px;
}

#n_fuli ul li {
padding: 2px;
width: 25%;
}

#n_fuli ul li .box h5 {
margin-top: 5px;
}

.filter dl {
position: relative;
padding-left: 100px;
padding-left: 67px;
}

.filter dt {
font-size: 1.25rem;
position: absolute;
left: 0;
top: 0;
line-height: 2.5rem;
}

#n_pin .n_tt {
text-align: center;
}

}