.main_contact{text-align: center; border:1px #eee solid; border-bottom: 10px #eee solid; border-radius: 8px;}

.main_contact .title{line-height: 2;}

.main_contact_ul{color: #666666;}

.main_contact li{background: url(../images/line_03.jpg) center left no-repeat; background-size:1px 100%; line-height: 2;}

.main_contact li h3{line-height: 2;}

.main_contact li .img{margin: 0px auto; border:1px rgb(17, 33, 108) solid; border-radius: 50%;}

.main_contact li .img div{display: table-cell; vertical-align: middle;text-align: center;}

.main_contact li:hover .img{background: rgb(17, 33, 108);}


@media (min-width: 1440px){

    .main_contact{margin: 40px auto; padding:30px 0px;}

    .main_contact .title{font-size: 30px;}

    .main_contact_ul{margin-top: 30px;}

    .main_contact li{width: 33.333%; padding: 20px 0px;}

    .main_contact li h3{font-size: 24px; margin-top: 10px;}

    .main_contact li p{font-size: 18px;}


}

@media (min-width: 1200px) and (max-width: 1440px){

    .main_contact{margin: 40px auto; padding:30px 0px;}

    .main_contact .title{font-size: 28px;}

    .main_contact_ul{margin-top: 30px;}

    .main_contact li{width: 33.333%; padding: 20px 0px;}

    .main_contact li h3{font-size: 20px; margin-top: 10px;}

    .main_contact li p{font-size: 16px;}


}

@media (min-width: 991px) and (max-width: 1200px){

    .main_contact{margin: 40px auto; padding:30px 0px;}

    .main_contact .title{font-size: 24px;}

    .main_contact_ul{margin-top: 30px;}

    .main_contact li{width: 33.333%; padding: 20px 0px;}

    .main_contact li h3{font-size: 18px; margin-top: 10px;}

    .main_contact li p{font-size: 15px;}


}

@media (min-width: 768px) and (max-width: 991px){

    .main_contact{margin: 30px auto; padding:20px 0px;}

    .main_contact .title{font-size: 20px;}

    .main_contact_ul{margin-top: 20px;}

    .main_contact li{width: 33.333%; padding: 20px 0px;}

    .main_contact li h3{font-size: 16px; margin-top: 10px;}

    .main_contact li p{font-size: 14px;}


}

@media (min-width: 768px){

    .main_contact li{float: left;}

    .main_contact li .img{width: 120px; height: 120px;}

    .main_contact li .img div{width: 120px; height: 120px;}

}

@media (max-width: 768px){

    .main_contact{margin: 1.5em 2%; padding:1em 0px;}

    .main_contact .title{font-size: 1.2em;}

    .main_contact_ul{margin-top: 1em;}

    .main_contact li{padding: 1em 0px; border-top: 1px #eee solid;}

    .main_contact li .img{width: 5em; height: 5em;}

    .main_contact li .img img{max-width: 60%; max-height: 60%;}

    .main_contact li .img div{width: 5em; height: 5em;}

    .main_contact li h3{font-size: 1.05em; margin-top: 0.4em;}

    .main_contact li p{font-size: 1em;}


}
.feedback h2{text-align: center;}
.feedback li input{font-size: 14px; color: #9fa0a0; background: #f7f7f7; border:none; text-indent: 12px;}
.feedback li textarea{color:#9fa0a0;  background: #f7f7f7; line-height: 2; font-size: 14px; border:none;}
.feedback .submit input{ color: #fff; background: rgb(17, 33, 108); border:none;  text-align: center; cursor: pointer;}
@media (min-width: 1200px){
    
    .feedback h2{line-height: 30px; padding:30px 0px; font-size: 20px;}
    .feedback li input{width: 24%; line-height: 46px; float: left; margin-left: 1%;}
    .feedback li textarea{width: 99%; margin-left: 1%; margin-top:14px;padding: 5px 15px 5px 15px;}
    .feedback .submit input{width: 99%; margin-left: 1%; line-height: 46px; font-size: 20px;}
}
@media (min-width: 991px) and (max-width: 1200px){

    
    .feedback h2{line-height: 30px; padding:30px 0px; font-size: 20px;}
    .feedback li input{width: 49%; margin-top: 14px; line-height: 46px; float: left; margin-left: 1%;}
    .feedback li textarea{width: 99%; margin-left: 1%; margin-top:14px;padding: 5px 15px 5px 15px;}
    .feedback .submit input{width: 99%; margin-left: 1%; line-height: 46px; font-size: 20px;}
}
@media (min-width: 768px) and (max-width: 991px){
    
    .feedback h2{line-height: 30px; padding:30px 0px; font-size: 20px;}
    .feedback li input{width: 49%; margin-top: 14px; line-height: 46px; float: left; margin-left: 1%;}
    .feedback li textarea{width: 99%; margin-left: 1%; margin-top:14px;padding: 5px 15px 5px 15px;}
    .feedback .submit input{width: 99%; margin-left: 1%; line-height: 46px; font-size: 20px;}
}
@media (max-width: 768px){
    
    .feedback h2{line-height: 30px; padding:30px 0px; font-size: 20px;}
    .feedback li input{width: 100%; margin-top: 14px; line-height: 40px; float: left; margin-left: 1%;}
    .feedback li textarea{width: 99%; margin-left: 1%; margin-top:14px;padding: 5px 15px 5px 15px;}
    .feedback .submit input{width: 99%; margin-left: 1%; line-height: 40px; font-size: 20px;}

    #map{height: 20em;}
}

@media (min-width: 768px){
    #map{height: 500px;}
}



#map img{max-width: 9999999%;}
#map label{max-width: 1000px;}











.joblist {overflow: hidden;}

.joblist h3{line-height: 2;}

.joblist h4{line-height: 2;}

.joblist .zhiwei{width: 65%;}

.joblist .renshu{width: 23%; text-align: center;}

.joblist .more{width: 12%;text-align: center;}

.joblist_title{display: block;width: 100%;font-weight: normal;color: #fff;background: rgb(17, 33, 108);}

.joblist_title span {float: left;}

.joblist_info{}

.joblist_info li {width: 100%;overflow: hidden;font-size: 14px;color: #5d5d5d;border-bottom: 1px solid #ededed;}

.joblist_info li span {float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.joblist_info li span a {background: url(../images/drop-down.png) center center no-repeat; display: block; width: 100%; height: 100%;}

.joblist_info li span a.chover {background:url(../images/drop-up.png) center center no-repeat;}

.joblist_info_c {overflow: hidden;font-size: 14px;line-height: 2; display: none;}

.joblist_info li:hover{border-bottom:1px solid rgb(17, 33, 108);}


@media (min-width: 1300px){

    .job_top{ padding:30px 0px;}

    .joblist {margin-bottom: 40px;}

    .joblist h3{line-height: 2;}

    .joblist h4{font-size: 16px; margin-bottom: 20px;}

    .joblist .zhiwei{ text-indent: 20px;}
    

}

@media (min-width: 991px) and (max-width: 1300px){

    .job_top{ padding:30px 0px;}

    .joblist {margin-bottom: 35px;}

    .joblist h3{line-height: 2;}

    .joblist h4{font-size: 16px; margin-bottom: 20px;}

    .joblist .zhiwei{ text-indent: 20px;}


}

@media (min-width: 768px) and (max-width: 991px){

    .joblist {margin-bottom: 30px;}

    .joblist h3{line-height: 2;}

    .joblist h4{font-size: 16px; margin-bottom: 20px;}

    .joblist .zhiwei{ text-indent: 20px;}

}

@media (min-width: 768px){
    
    .joblist{padding-top:40px;}

    .joblist_title{height: 40px;line-height: 40px; font-size: 16px;}

    .joblist_title span {height: 40px;}

    .joblist_info li{height: 50px;line-height: 50px;}

    .joblist_info li span {height: 50px;}

    .joblist_info_c{padding: 10px 20px;}


}

@media (max-width: 768px){

    .joblist {margin-bottom: 1.6em;}

    .joblist h3{line-height: 2;}

    .joblist h4{font-size: 1em; margin-bottom: 1em;}

    .joblist .zhiwei{ text-indent: 1em;}

    .joblist_title{height: 35px;line-height: 35px; font-size: 1em;}

    .joblist_title span {height: 40px;}

    .joblist_info li{height: 40px;line-height: 40px;}

    .joblist_info li span {height: 40px;}

    .joblist_info_c{padding: 0.6em 2%;}

}