/*招聘英才*/
.detailRecruiting {
    margin-bottom: 100px;
}

    .detailRecruiting .title {
        width: 100%;
        box-shadow: 3px 3px 3px #ccc;
    }

        .detailRecruiting .title strong {
            display: inline-block;
            width: 20%;
            text-align: center;
            color: #646464;
            font-size: 14px;
            line-height: 60px;
            float: left;
            position: relative;
        }

    .detailRecruiting .main {
        border: 1px solid #ccc;
    }

    .detailRecruiting .title strong i {
        position: absolute;
        bottom: 50%;
        right: 0px;
        width: 1px;
        height: 20px;
        margin-bottom: -10px;
        background: #ccc;
    }

    .detailRecruiting .box_title {
        padding: 10px 0;
        cursor: pointer;
    }

        .detailRecruiting .box_title span {
            display: inline-block;
            width: 20%;
            text-align: center;
            color: #5f5f5f;
            font-size: 14px;
            line-height: 30px;
        }

    .detailRecruiting .box_intro {
        margin: 0 30px;
        padding: 20px 30px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        display: none;
    }

        .detailRecruiting .box_intro p {
            font-size: 12px;
            color: #636363;
            line-height: 20px;
        }

        .detailRecruiting .box_intro a {
            display: inline-block;
            margin: 0 auto;
            text-align: center;
            font-size: 12px;
            color: #fff;
            line-height: 36px;
            background: #ff3300;
            padding: 0 10px;
            width: 80px;
        }

        .detailRecruiting .box_intro .box_btn {
            text-align: center;
            margin: 15px 0 30px;
        }

    .detailRecruiting .jobbox:hover .box_title span {
        color: #ff3300;
    }

    .detailRecruiting .jobbox.selected .box_title span {
        color: #ff3300;
    }

    .detailRecruiting .jobbox.selected .box_intro {
        overflow: hidden;
    }


/*招聘英才--应聘登记表*/
.Resume {
    display: none;
    position: relative;
}

    .Resume .Popupbg {
        width: 100%;
        height: 100%;
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        background: rgba(0,0,0,0.78);
        z-index: 99997;
    }

    .Resume .Popup {
        position: relative;
    }

    .Resume .Popup {
        position: absolute;
        left: 50%;
        top:-550px;
        margin-left: -480px;
        background: #fff;
        z-index: 99998;
        width: 960px;
    }

        .Resume .Popup .form h3 {
            font-size: 14px;
            line-height: 40px;
            color: #fff;
            background: #ff3300;
            text-align: center;
        }

        .Resume .Popup .form p {
            font-size: 14px;
            line-height: 40px;
            color: #777777;
            padding: 0 30px;
        }

        .Resume .Popup .form .box_row h3 {
            text-align: left;
            font-size: 12px;
            color: #545454;
            line-height: 40px;
            padding: 0 30px;
            background: #f7f0f1;
            margin: 10px 0;
            margin-top: 30px;
        }

        .Resume .Popup .form .form1 {
            margin: 0 30px;
        }

            .Resume .Popup .form .form1 input {
                border: none;
                font-size: 14px;
                line-height: 30px;
                padding: 0 10px;
                color: #777777;
            }

        .Resume .Popup .form .box_row {
        }

        .Resume .Popup .form .row {
            margin: 10px 0;
            padding: 0 30px;
        }

        .Resume .Popup .form .box_row .controls {
            float: left;
            width: 33.33%;
        }

            .Resume .Popup .form .box_row .controls label {
                width: 30%;
                font-size: 12px;
                line-height: 20px;
                color: #000;
                float: left;
            }

            .Resume .Popup .form .box_row .controls input {
                width: 56%;
                float: left;
                font-size: 12px;
                line-height: 20px;
                color: #000;
				border:1px solid #ccc;
            }

            .Resume .Popup .form .box_row .controls select {
                width: 57%;
                float: left;
                font-size: 12px;
                line-height: 20px;
                color: #000;
			border:1px solid #ccc;
            }

            .Resume .Popup .form .box_row .controls option {
                font-size: 12px;
                line-height: 20px;
                color: #000;
            }

        .Resume .Popup .form .box_row textarea {
            width: 100%;
            min-height: 200px;
		border:1px solid #ccc;
        }

        .Resume .Popup .box_btn {
            margin: 0 auto;
            text-align: center;
            margin: 30px;
        }

            .Resume .Popup .box_btn a {
                font-size: 12px;
                line-height: 36px;
                color: #fff;
                background: #ff3300;
                padding: 0 15px;
                display: inline-block;
            }

        .Resume .Popup .close {
            position: absolute;
            right: 15px;
            top: 8px;
            cursor: pointer;
        }
@media (max-width: 1199px) {
	  .detailRecruiting .title strong {
        width: 33.33%;
    }

    .detailRecruiting .box_title span {
        width: 33.33%;
    }
	
	
	 .Resume .Popupbg {
        display: none;
    }

    .Resume .Popup {
        width: auto;
        position: relative;
        left: 0;
        top:-500px;
        margin: 0 auto;
        margin-left: 0;
        margin-top: 50px;
        border: 1px solid #ccc;
        box-shadow: 0 0 5px #ccc;
    }
	
}
@media (max-width: 767px) {
	
	 .detailRecruiting .title strong {
        width: 50%;
    }

    .detailRecruiting .box_title span {
        width: 50%;
    }

		
    .Resume .Popup .form .box_row .controls {
        width: 50%;
    }

}
@media (max-width: 640px) {
	
  .detailCooperation li {
        float: left;
        width: 33.33%;
    }


    .detailRecruiting .jobbox.selected .box_intro {
        margin: 0 10px;
        padding: 10px 15px;
    }

    .Resume .Popup .form .row {
        padding: 0 10px;
    }

    .Resume .Popup .form .box_row .controls {
        width: 100%;
    }
	

}