.careen-page{
	padding-top:0.75rem;
	position: relative;
}
.control-group {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 0.17rem;
}

.control-group .p_input {
	border: 0rem;
	width: 100%;
	line-height: 0.39rem;
	padding-left: 0.17rem;
	box-sizing: border-box;
	border: 1px solid #DEDEDE;
	outline: none;
	width: 100%;
	border-radius: 2px 2px 2px 2px;
	width:2.56rem;
	color:#333;
}

.control-group .p_lable {
	flex: 0 0 auto;
	font-size: 0.16rem;
	color: #333;
	white-space: nowrap;
	font-weight: bold;
}
.careen_info1{
	display: flex;
	justify-content: space-between;
	margin-top:0.3rem;
	margin-bottom:0.1rem;
}
.careen_info2{
	display: flex;
}
.careen_info2 .careen_all{
	width: 0.55rem;
	line-height: 0.38rem;
	text-align: center;
	color: #fff;
	background: linear-gradient(315deg, #45B2FF 0%, #217AFF 100%);
	border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
	margin-right:0.3rem;
	height: 0.37rem;
}
.careen_num{
	display: flex;
}
.careen_info2 .num1{
	width: 0.37rem;
	line-height: 0.37rem;
	text-align: center;
	border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;
	opacity: 1;
	border: 0.01rem solid #D0D7E3;
	font-size: 0.16rem;
	font-weight: 400;
	color: #99A8C1;
	height: 0.37rem;
	
	margin:0 0.03rem;
}
.careen_info2 .num1:hover{
	color: #fff;
	background: linear-gradient(315deg, #45B2FF 0%, #217AFF 100%);
}
.careen_form .form_bat{
	width: 2.49rem;
	line-height: 0.45rem;
	background: linear-gradient(315deg, #45B2FF 0%, #217AFF 100%);
	border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
	text-align: center;
	color:#fff;
	display: block;
	margin-right:0;
	margin-left:auto;
	margin-top:0.32rem;
}



.people_search img{
	width: 0.65rem;
	height: 0.45rem;
	object-fit: contain;
	padding:0.14rem 0.24rem;
	
}

.people_content .text{
	font-size: 0.16rem;
	font-weight: 400;
	color: #999999;
	line-height: 0.23rem;
	text-align: center;
	margin-bottom:0.5rem;
	margin-top:0.37rem;
}

.peoitems .swiper-grid>.swiper-wrapper{
	display: flex;
	flex-wrap: wrap;
}
.peoitems{
	padding:0 0.17rem;
	width: calc(100% / 3);
	height: auto;
	
}
.peoitems_box{
	text-align: center;
	background-color: #FFFFFF;
	padding:0.48rem 0.28rem 0.5rem 0.35rem;
	box-shadow: 0rem 0rem 0.4rem 0.01rem rgba(0,0,0,0.05);
	border-radius: 0.07rem 0.07rem 0.07rem 0.07rem;
	width: 100%;
	margin-top:0.2rem !important;
}
.peoitems .scale_box{
    width: 1.29rem;
    /* height: 100%; */
    object-fit: contain;
    border-radius: 100%;
    margin: 0 auto;
    position: relative;
     height: 1.29rem; 
    /*padding-bottom: 61%;*/
}
.hover_box:hover.peoitems  .scale_img{
    transform: scale(1.05);
}
.peoitems .scale_box .scale_img{
          height: auto;
    position: absolute;
}
.peoplebox{
	overflow: hidden;
}
.peoitems .name{
	font-size: 0.28rem;
	font-weight: bold;
	color: #333333;
	margin-bottom:0.05rem;
	margin-top:0.18rem;
}
.peoitems .text1{
	font-size: 0.1rem;
	font-weight: 400;
	color: #217AFF;
	width: auto;
	display: inline-block;
	padding:0.04rem 0.16rem;
	background-color: rgba(33, 122, 255, 0.1);
	margin-top:0.13rem;
	margin-bottom:0.12rem;
}
.peoitems .Career{
    font-size: 0.14rem !important;
    height:auto !important;
}
.peoitems .text2{
	font-size: 0.12rem;
	font-weight: 400;
	color: #848484;
	min-height: 0.32rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
}


.careen_detail1{
	background-image: url("../img/careen/bg.jpg");
	background-size: cover;
}
.careen_detail1 .scale_box{
	width: 3.36rem;
	/*height: 4.03rem;*/
	object-fit: contain;
	margin-right:0.73rem;
}
.careen_detail1 .textbox{
	margin-top:0.86rem;
}
.careen_detail1 .textbox .name{
	font-size: 0.36rem;
	font-weight: bold;
	color: #333333;
}
.careen_detail1 .textbox .text{
	font-size: 0.18rem;
	font-family: Microsoft YaHei, Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	padding-bottom:0.15rem;
	position: relative;
	margin-top:0.16rem;
	/*margin-bottom:0.25rem;*/
	margin-bottom: .7rem;
}
.careen_detail1 .textbox .text::after{
	content:'';
	display: block;
	width: 0.62rem;
	height: 0.03rem;
	background: #999999;
	position: absolute;
	bottom:0;
	left:0;
	border-radius: 0.01rem 0.01rem 0.01rem 0.01rem;
}
.careen_detail1 .textbox .text1{
	font-size: 0.16rem;
	font-weight: 300;
	color: #666666;
}
.careen_detail1 .down{
	margin-top: 0.7rem;
	/*display: flex;*/
	display: none;
}
.careen_detail1 .down a{
	width:0.37rem;
	object-fit: contain;
}

.careen_detail1 .down .foxicon{
	margin-right:0.42rem;
}
.careen_detail1 .content{
	display: flex;
}



.careen_detail2{
display: flex;

}
.flexbox1{
	width: 3.36rem;
	background: #F3F4F5;
	padding:0.8rem 0.32rem 0.3rem 0.3rem;
	
background: #F3F4F5;
}
.careen_detail2 .meth1{
	display: flex;
	align-items: center;
}
.careen_detail2 .meth1 img{
	width:0.16rem;
	margin-right: 0.15rem;
}
.careen_detail2 .meth1 .note{
	font-size: 0.16rem;
	font-weight: 400;
	color: #333333;
}
.careen_detail2 .meth_mill{
	margin-top:0.46rem;
	margin-bottom:0.4rem;
}
.base3 .tit, 
.base2 .tit{
	position: relative;
	padding-left:0.34rem;
	font-size: 0.22rem;
	font-weight: bold;
	color: #333333;
	padding-bottom:0.16rem;
	border-bottom:0.01rem solid rgba(112, 112, 112, 1);
}
.base2{
	margin-top:1.48rem;
margin-bottom:0.18rem;	
}
.base3 .tit::after,
.base2 .tit::after{
	content:'';
	display: block;
	background-image: url("../img/careen/edu.png");
	background-size: contain;
	width:0.21rem;
	height:0.2rem;
	top:10%;
	position: absolute;
	left:0;
	background-repeat: no-repeat;
}

.base2 .text{
	margin-top:0.2rem;
}
.base2 .text p{
	font-size: 0.16rem;
	color: #666666;
	/*height:1rem;*/
	overflow: auto;
	margin-bottom: 0.2rem;
}
.content3{
	padding-bottom: 0.5rem;
	overflow: hidden;
}
.base3 .text{
	/*max-height: 5.60rem;*/
	/*overflow: auto;*/
	margin-top:0.71rem;
}
.base3 .result{
	font-size: 0.16rem;
	font-weight: 400;
	color: #666666;
	line-height: 0.3rem;
	width: 0.1rem;
	/*height: 0.1rem;*/
	position: relative;
	/*min-height: 1.12rem;*/
	padding-left:0.14rem;
	    width: 98%;
	    margin-left: auto;

	border-left:0.01rem dashed rgba(143, 150, 163, 1);
	padding-bottom: .2rem;
	
}
.base3 .result::after{
	content: '';
	display: block;
	width: 0.1rem;
	height: 0.1rem;
	background: #8F96A3;
	position: absolute;
	top:0rem;
	left: -0.06rem;
	border-radius: 100%;
}
.flexbox2{
	width:0.7rem;
}

.people1_swiper{
	overflow: hidden;
	padding-bottom:1rem;
	width: 100%;
	margin:0 -0.17rem;
		padding-top:0.35rem;
}
.peoplelist {
    display: flex;
    flex-wrap: wrap;
}
/*.content3 .swiper-button-next, .content3 .swiper-button-prev{*/
/*	border-color: transparent;*/
/*	padding:0rem;*/
/*	    top: auto;*/
/*		left:2.46rem;*/
/*	    bottom: 36%;*/
/*		width: 0.68rem;*/
/*		height: 0.68rem;*/
/*		background: #FFFFFF;*/
/*		border-radius: 100%;*/
/*		box-shadow: 0rem 0rem 0.4rem 0.01rem rgba(0,0,0,0.05);*/
/*}*/
/*.content3 .swiper-button-next{*/
/*	right:2.46rem;	*/
/*	left:auto;*/
/*}*/
/*.content3 .swiper-button-next::after, .content3 .swiper-button-prev::after{*/
/*	background-image: url("../img/index/people_icon.png");*/
/*	content:'';*/
/*	width:0.16rem;*/
/*	height:0.16rem;*/
/*	background-size: contain;*/
/*	background-repeat: no-repeat;*/
/*}*/

/*.content3 .swiper-button-prev::after{*/
/*	 transform: rotate(180deg);*/
/* }*/




.flexbox3 {
	padding-top:0.66rem;
	padding-bottom:0.46rem;
	width:7.94rem;
}
.careen_detail3 .tit{
	font-size: 0.28rem;
	font-weight: bold;
	color: #333333;
	margin-bottom:0.6rem;
}
.flexbox3 .tit{
	font-size: 0.28rem;
	font-weight: bold;
	color: #333333;
	padding-bottom: 0.3rem;
	border-bottom: 0.01rem solid rgba(112, 112, 112, 1);
	margin-bottom:0.25rem;
}
.suptit p,
.suptit strong,
.suptit span{
	font-size: 0.18rem;
	font-weight: 400;
	color: #333333;
	line-height: 0.4rem;
	margin-bottom: 0.2rem;
}
.suptit strong{
    font-weight: bold;
}
.suptit p a{
    display: inline !important;
}
.flexbox3_2{
	margin-top:0.7rem;
}
.dutyinfo{
	width:3.75rem;
	margin-right:0.37rem;
	box-shadow: 0rem 0.02rem 0.8rem 0.01rem rgba(0,0,0,0.05);
	border-radius: 0.14rem 0.14rem 0.14rem 0.14rem;
	margin-bottom:0.53rem;
	
	}
	.duty_items{
		display: flex;
		flex-wrap: wrap;
		border-bottom:0.01rem solid rgba(153, 153, 153, 0.2);
	}
	.dutyinfo:nth-child(3n){
		margin-right:0rem;
	}
	.duty_loopbox{
		margin-top:0.81rem;	
	}
.dutyinfo .scale_box{
	object-fit: cover;
height: 2.5rem;
}
.dutyinfo .duty_box{
	padding:0.19rem 0.2rem;
	background-color: #fff;
}
.dutyinfo .duty_tit{
	font-size: 0.18rem;
	font-weight: bold;
	color: #333333;
}
.dutyinfo .duty_cbox{
	display: flex;
	justify-content: space-between;
	margin:0.1rem 0rem;
}
.dutyinfo .duty_cbox p{
	font-size: 0.12rem;
	font-weight: 400;
	color: #999999;
	line-height: 0.28rem;
}

.careen_detail3{
	padding-top:0.68rem;
	padding-bottom:0.79rem;
	background: #FBFBFB;
	position: relative;
}

.people{
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.content3 .swiper-button-next, .content3 .swiper-button-prev{
	border-color: transparent;
	padding:0rem;
	        top: 50%;
    transform: translateY(0.06rem);
		left:-0.55rem;
	    bottom: 3.65rem;
	    border-color: transparent;
	    
}
.content3 .swiper-button-next{
	right:-0.55rem;
	left:auto;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
    
}
.content3 .swiper-button-next::after, .content3 .swiper-button-prev::after{
	font-size: 0.25rem;

	    color: rgba(33, 122, 255, 0.3);
	
}
.content3 .swiper-button-next:hover::after, .content3 .swiper-button-prev:hover::after{

  	color: #217AFF;
}


@media only screen and (max-width: 1500px){
    input::-webkit-input-placeholder{
font-size:16px;
}
input:-moz-placeholder{
    font-size:16px;
}
input::-moz-placeholder{
    font-size:16px;
}
input:-ma-input-placeholder{
    font-size:16px;
}
    
    .p_input option, 
    .careen_form .form_bat, 
    .careen_info2 .careen_all, 
    .peoitems .text2, 
    .peoitems .text1, 
    .careen_detail1 .textbox .text, 
    .careen_detail1 .textbox .text1, 
    .careen_detail2 .meth1 .note, 
    .base2 .text p, 
    .base3 .result, 
    .suptit p, 
    .suptit strong,
    .suptit span,
    .control-group .p_input, 
    .base3 .tit, .base2 .tit, 
    .control-group .p_lable{
        font-size: 16px !important;
    }
    .careen_detail2 .meth1 img{
        width: 15px;
        height: 15px;
        object-fit: contain;
    }
    .careen_info2 .num1{
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 0.1rem;
    }
    .careen_num{
        flex-wrap: wrap;
    }
    .careen_info2 .careen_all{
            white-space: nowrap;
            width: auto;
            padding: 0 5px;
    }
    .careen_detail2 .meth1 .note{
        width: 97%;
    }
    .base3 .text{
        /*max-height: 200px;*/
    }
    .base3 .result{
        /*min-height: 200px;*/
    }
    
}


div::-webkit-scrollbar {/* 设置滚动条宽度 */
    width: 0.04rem;
}
 
div::-webkit-scrollbar-thumb { /* 设置滑块颜色 */
    width: 0.04rem;
    background-color: #217AFF;
}
 
div::-webkit-scrollbar-track {/* 设置滚动条背景颜色 */
    width: 0.04rem;
    background-color: #f0f0f0; 
}
 
div::-webkit-scrollbar-button {/* 隐藏滚动条两侧的按钮 */
    display: none; 
}




@media only screen and (max-width: 1024px){
    .peoitems{
        width: calc(100% / 2);
}
.correlation_title{
    margin-bottom: 0;
}
.people1_swiper{
    margin: 0;
    padding-bottom: 0;
}
.people{
    width: 100% !important;
}
.suptit p strong, 
.suptit p, 
.suptit span, 
.peoitems .text1, 
.p_input option, .careen_form .form_bat, .careen_info2 .careen_all, .peoitems .text2, .peoitems .text1, .careen_detail1 .textbox .text, .careen_detail1 .textbox .text1, .careen_detail2 .meth1 .note, .base2 .text p, .base3 .result, .suptit p, .control-group .p_input, .base3 .tit, .base2 .tit, .control-group .p_lable{
    font-size: 12px !important;
}
.flexbox1{
    width: 100%;
}
.flexbox2{
    width: 0;
}
.flexbox3{
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}
.careen_detail1 .content, 
.careen_detail2{
    width: 100%;
}
.careen_detail1 .scale_box{
    /*height: 190px;*/
    height: auto;
    flex-shrink: 0;
    margin-right: 10px;
}
.peoitems{
    height: auto;
}
.content3 .swiper-button-next, .content3 .swiper-button-prev{
    display: none;
}
.careen_info1, 
.careen_detail2{
    flex-direction: column;
}
.base2{
    margin-top: 14px;
    margin-bottom: 15px;
}
.careen_detail3{
    padding-top: 15px;
    padding-bottom: 15px;
}
.control-group .p_input{
    height: 30px !important;
    flex: 1;
}
.control-group .p_lable{
    flex: 0 0 20%;
}
.careen_info2 .num1{
    line-height: 15px !important;
    height: auto;
}

}