.bgColor{background: #f7f7f7;width: 100%;padding-bottom: 80px;}
.banner{background:url('../images/banner_lxwm.jpg') center no-repeat;}
.main h1.tit{width:100%; font-size:36px;  line-height:140px; color:#222222; text-align:center; clear:both; font-weight:400; }

.mainInner img{display: block;width: 490px;height: 612px}
.formDiv{width: 835px;height:525px;background: #fff;padding: 87px 0 0 73px;}
.formDiv input{display: block;width: 730px;height: 46px;background: none;border: 1px solid #d2d2d2;padding-left: 25px;margin-bottom: 10px;font-size: 16px;color: #4c4c4c}
.textarea{background: none;border: 1px solid #d2d2d2;padding: 25px;height: 115px;width: 705px;font-size: 16px;color: #4c4c4c}
.formDiv input.sub{width: 325px;height: 45px;background: #112b70;color: #fff;font-size: 16px;margin-left: 215px;padding: 0;margin-top: 25px;cursor: pointer}

.verificationBox{z-index: 99999;display: none}
.verification{display: block;width: 300px;height: 30px;background: rgba(000,000,000,.4);font-size: 14px;color: #fff;text-align: center;line-height:30px;position: fixed;z-index: 9999;left: 50%;top: 50%;margin: -15px 0 0 -150px;border-radius: 4px}

.lxwmInner{height: 245px;}
.lxwmInner li{width: 33.3%;float: left}
.lxwmInner li h1{font-size: 22px;color:#333333;line-height: 22px;margin-bottom: 20px;text-align: left}
.lxwmInner li p{font-size: 16px;color:#333333;line-height: 31px;}
.map img{width: 100%;height: auto}

.top{}
.top img{display: block;width: 716px;height: 460px}
.tor{width: 543px;height: 415px;padding: 45px 72px 0 65px;}
.main .tor h1{font-size: 24px;color: #333333;line-height: 85px;text-align: left}
.main .tor span{display: block;width: 25px;height: 2px;background: #b2b2b2;margin-bottom: 22px;}
.main .tor p{font-size: 16px;color: #666666;line-height: 28px;}

.rclnul{margin-top: 60px;}
.rclnul li{float: left;width: 340px;margin-left: 13px;background: #fff}
.rclnul li img{width:100%; display: block;}
.rclnul li:first-child{margin-left: 0}
.rclnul li div{padding:20px 10px 0;width: auto;height: 177px}
.rclnul li h1{font-size: 18px;color: #3f3f3f;line-height: 40px;border-bottom: 1px solid #d5d5d5;margin-bottom: 12px;}
.rclnul li p{font-size: 18px;color: #3f3f3f;line-height: 26px;background: url("../images/dian_20.jpg") no-repeat left center;padding-left: 15px;}


.recruit-con .form1 .tr1 {
    background: #8f8f8f;
    color: #fff;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    padding: 0 45px;
}
.f-cb {
    zoom: 1;
}
.recruit-con .form1 .tr1 .td {
    width: 23%;
}
.recruit-con .form1 .td {
    float: left;
    display: inline-block;
}
.recruit-con .form1 .tr1 .td10 {
    width: 10%;
}
.recruit-con .form1 .tr1 .td11 {
    width: 36%;
}

.recruit-con .form1 .tr1 .td2 {
    text-align: right;
    width: 8%;
}
.f-cb:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}
.w-tr {
    background: #ffffff;
}
.recruit-con .form1 .tr2 {
    color: #333333;
    height: 65px;
    font-size: 16px;
    line-height: 65px;
    padding: 0 45px;
    border-bottom: 1px solid #e6e6e6;
}

.recruit-con .form1 .tr2 .td0 {
    transition: all .3s linear;
}
.recruit-con .form1 .tr2 .td {
    width: 23%;
    overflow: hidden;
    max-height: 100%;
}
.recruit-con .form1 .tr2 .td {
    width: 23%;
    overflow: hidden;
    max-height: 100%;
}
.recruit-con .form1 .tr2 .td2 {
    cursor: pointer;
    text-align: right;
    width: 8%;
}
.recruit-con .form1 .tr2 .td10 {
    width: 10%;
}
.recruit-con .form1 .tr2 .td11 {
    width: 36%;
}
.recruit-con .form1 .hides {
    display: none;
    padding: 0 45px;
    background: #dbdbdb;
    font-size: 15px;
    color: #333333;
    line-height: 30px;
    padding-top: 26px;
}
.recruit-con .form1 .hides .dt {
    font-size: 14px;
    line-height: 26px;
    color: #888;
}
.recruit-con .form1 .hides .dt .h6 {
    font-size: 15px;
    line-height: 1;
    color: #333;
    margin-bottom: 8px;
    font-weight: bold;
}
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {
    margin: 0;
}
.recruit-con .form1 .hides .bot {
    padding: 15px 0 20px;
}
.recruit-con .form1 .hides .bot .re-a {
    display: inline-block;
    height: 42px;
    background: #009ea1;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 0 25px;
    line-height: 42px;
}
.recruit-con .form1 .tr2.on {
    background: #efefef;
}


@media only screen and (max-width: 1024px) and (min-width: 320px) {
    .bgColor{background: none}
    .nav2 .tab a{width: 25%;margin: 0;height: 56px;}
    .lxwmInner{height: auto}
    .lxwmInner li{width: 100%;float: none;margin-bottom: 30px;}
    .mainInner img.fl{display: none}
    .formDiv{width: 100%;padding: 0;height: auto}
    .formDiv input{width: 94%;padding-left:4%}
    .textarea{width: 90%;padding: 10px 4%}
    .formDiv input.sub{width: 50%;margin:30px auto }


    .recruit-con .form1 .tr2,.recruit-con .form1 .tr1,.recruit-con .form1 .hides{padding: 0 10px;}
    .recruit-con{width: 100%}
    .recruit-con .form1 .tr2{font-size: 14px;}
    .recruit-con .form1 .tr2 .td10{text-align: center}
    .recruit-con .form1 .hides{padding-top: 20px;}

    .top img,.rclnul li img{width: 100%;height: auto;float: none}
    .tor,.rclnul li div,.rclnul li{float: none;padding: 0;width: 100%;height: auto}
    .rclnul li{margin: 0 0 30px}













}