@charset "utf-8";
body{
    font-family: 'arial';
}
.aboutinfo .infobox,.ad_list .ad_text{
    text-align: justify;
}
.mainbox .mainleft{
    width: 27.5%;
}
.mainleft ul{
    padding-left: 20px;
}
.mainleft ul li{
    height: 48px;
    line-height: 48px;
}
.mainleft ul li a{
    font-size: 16px;
}
.mainleft ul li:hover a{
    font-size: 18px;
}
.mainleft ul li.current a{
    font-size: 18px;
}
.kh_list .about-title{
    width: 100%;
}
.yj_list dd .yjtitle{
    width: 60%;
}
.yj_text li strong, .yj_text li b{
    float: none;
    display: block;
}
.yj_text li p{ 
    float: none;
}
.business .business_text{
    text-align: justify;
}
.mainbox .mainleft.businessbg{
    width: 30.5%;
}
.mainbox .mainright{
    width: 69.3%;
}
.mainbox .mainright.businessRight{
    width: 66.3%;
}
#leftScroll{
    padding-left: 20px;
}
.job_head span.jobname, .jobfz_list li span.jobname{
    width: 25%;
}
.job_head span.jobrequire, .jobfz_list li span.jobrequire{
    width: 40%;
}
.dj_title{
    width: 55%;
}
.footer dl dd{
    height: 24px;
}
.banner .container{
    bottom: 185px;
}
.banner p{
    display: none;
}
.banner h1{
    margin-top: 0;
}
.navbox li .subnav{
    width: 240px;
    left: 0;
    text-align: left;
    padding: 8px 15px;
    border-radius: 0 0 15px 15px;
    margin-left: 0;
}
.fields-index .field-area{
    padding-top: 24px;
}
.fields-index .field-top{
    padding-top: 150px;
    padding-left: 18px;
}
.field-top h1{
    font-size: 32px;
}
.field-list li{
    text-align: center;
    width: 32%;
    margin: 3px 3px;
}
.field-list li a{
    padding: 15px 5px;
}
.field-list li .imgbox{
    float: none;
    width: 40px;
    margin: auto;
}
.field-list li p{
    float: none;
    margin-left: 0;
    margin-top: 5px;
    font-size: 16px;
}
.fields-index .field-bottom{
    font-size: 54px;
}
.index-title a{
    top: 5px;
}
@media (min-width:992px) and (max-width:1220px){
    .bannerbox h1{margin-top:22%;line-height:68px !important;}
    .field-top h1{ font-size: 26px;}
    .fields-index .field-list{ margin-bottom: 18px;}
    .fields-index .field-bottom{ font-size: 44px;}
    .yj_list dd .yjtitle{ width: 88%;}
    .mainbox .mainleft.businessbg{ width: 37.5%;}
    .mainbox .mainright.businessRight{ width: 59.3%;}
    .nav-right ul li .subnav1{ width: 260px;}
    .mainright .news{ padding-top: 0;}
}
@media (min-width: 768px) and (max-width: 992px){
    .fields-index .field-top{ position: relative; padding-top: 30px; padding-bottom: 30px; background: none; height: auto; left: 0;}
    .field-top h1{ color: #383838;}
    .fields-index .field-area{ padding-top: 0;}
    .fields-index .field-list{ float: none; width: 100%; overflow: hidden; margin-right: 0; margin-bottom: 35px;}
    .newschange .newstab{ width: 27.7%;}
    .newschange .changelist{ width: 72.2%;}
    .mainbox .mainleft,.mainbox .mainleft.businessbg{ float: none; width: 100%; min-height: auto; background: none;}
    .mainleft ul{ padding-left: 0; padding-bottom: 0;}
    .mainleft ul, #leftScroll{ padding-top: 0;}
    #leftScroll{ padding-left: 0; height: auto; padding-bottom: 0;}
    .mainleft ul li{ display: inline-block; margin: 2px 2px; background: #fafafa;}
    .mainleft ul li a{ color: #383838; padding: 0 5px;}
    .mainbox .mainright,.mainbox .mainright.businessRight{ float: none; width: 100%; margin-top: 20px;}
    .yj_list dd .yjtitle{ width: 100%;}
    .banner .container{ bottom: 60px;}
    .zy_searchbox .zyry_select{ width: 20.67%;}
    .mainright .news{ padding-top: 0;}
}


@media screen and (max-width: 768px){
    .topbox .language{ display: none;}
    .language a{ font-size: 14px; margin: 0 2px;}
    .bannerbox h1{ line-height: 34px !important;margin-top: 16%;}
    .fields-index .field-top{ padding-top: 0; padding-left: 0;}
    .field-top h1{ font-size: 24px;}
    .field-list li { margin: 0;width: 49%; margin-right: 2%; margin-bottom: 10px; }
    .field-list li a{ padding: 10px 5px;}
    .index-title a{ top: 0;}
    .banktitle a{ top:-58px;}
    .mainbox .mainleft,.mainbox .mainleft.businessbg{ width: 106%;}
    .mainleft ul{ padding-left: 0;}
    .mainleft ul li{ line-height: 32px; height: 32px;}
    .mainleft ul li a{ font-size: 15px;}
    .mainleft ul li.current a{ font-size: 16px;}
    .mainbox .mainright,.mainbox .mainright.businessRight{ width: 100%;}
    .about h1{ margin-bottom: 25px;}
    .yj_list dd .yjtitle{ width: 100%;}
    #leftScroll{ padding-left: 0;}
    .mainleft #leftScroll ul li a{ padding: 0 8px;}
    .banner .container{ bottom: 38px;}
    .zyry_list li img{ width: 90%;}
    .ry_info h2{ font-size: 16px;}
    .ry_info p{ margin-top: 5px; font-size: 14px;}
    .zyry_list li .ry_info{ padding-bottom: 15px;}
    .zyry_list li span{ font-size: 13px; height: 26px;}
    .zyry_list li{ margin-bottom: 56px;}
    .pages{ padding-top: 20px;} 
    .dj_title{ width: 100%;}
    .mainright .jobfz_list{ margin-top: 30px;}
    .job_head span{ font-size: 15px;}
    .jobfz_list li .job_top{ padding-top: 15px; padding-bottom: 15px;}
    .job_head span.jobage, .jobfz_list li span.jobage{ display: none;}
    .mainright .job_head,.job_head span.jobrequire, .jobfz_list li span.jobrequire{ display: none;}
    .job_head span.jobname, .jobfz_list li span.jobname{ width: 80%;}
    .job_head span.operate, .jobfz_list li span.operate{ width: 20%;}
}