* {
    box-sizing: border-box;
    font-family: "微软雅黑";
}

.body_wrap {
    width: 100%;
    height: auto;
    overflow: hidden;
}


/*版心*/

.typePage {
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}


/*banner*/

.banner {
    width: 100%;
    height: 440px;
    background-size: cover !important;
    position: relative;
    overflow: hidden;
}

    .banner > h2 {
        width: 100%;
        max-width: 1000px;
        padding: 0 20px;
        height: auto;
        text-align: center;
        font-size: 60px;
        color: #ffffff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
    }


.pack{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #394b59;
	background-color:rgba(57,75,89,0.7);
}
.banner_case_con{
        width:100%;
        max-width:1000px;
        padding:0 20px;
		 margin:0 auto;
	    position: absolute;
	    top:50%;
	    left: 50%;
	    -webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	}
	.banner_case_conTitle{
		text-align: center;
	}

/*科学委员会名单*/
.list ul li:hover img {
	box-shadow: 0 5px 10px 3px rgba(0,0,0,0.7);
}
.listWrap {
    width: 100%;
    height: auto;
    padding: 77px 0 65px 0;
}

.body_wrap .listWrap:nth-of-type(even) {
    background: #fff;
}

.body_wrap .listWrap:nth-of-type(odd) {
    background: #f5f5f5;
}

.list_item {
    width: 100%;
    height: auto;
    min-height: 253px;
}

    .list_item:before {
        display: table;
        content: "";
        clear: both;
    }

.photo {
    display: block;
    width: 253px;
    height: 253px;
    border-radius: 100%;
    float: left;
}

.infoBox {
    width: calc(100% - 253px - 65px);
    width: -moz-calc(100% - 253px - 65px);
    width: -webkit-calc(100% - 253px - 65px);
    height: auto;
    float: right;
}

.name {
    font-size: 40px;
    color: #000;
}

.jobTitle {
    font-size: 20px;
    color: #727272;
    width: 100%;
    height: 40px;
    line-height: 30px;
    border-bottom: solid 1px #b4b4b4;
}

.edu_wort_title {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    height: 42px;
    line-height: 42px;
    margin-top: 26px;
}

.edu_wort_text {
    color: #727272;
    font-size: 14px;
}






   /*新css*/


	.list{
		width: 1200px;
		margin: 0 auto;
		margin-top: 60px;
		padding-bottom: 50px;
        padding-left:10px;
	}
	.list ul li{
		float: left;
		width:calc((100% - 4.8%)/4);
		width:-webkit-calc((100% - 4.8%)/4);
		width:-moz-calc((100% - 4.8%)/4);
		height: auto;
		margin-left:1.2%;
		margin-top: 20px;
		position: relative;
		cursor: pointer;
	}

	.list ul li:nth-child(4n+1){
		margin-left:0;
	}
	.list ul li .team_tips{
		max-width: 100%;
		height: auto;
	}
	.list ul li .positionCon{
        width:100%;
        padding:15px 0;
        /*background:url(../../img/Baifendian/bgm_gradual.png) left bottom repeat-x;*/
	}
	.list ul li .positionCon p{
		font-family: "微软雅黑";
		font-size: 20px;
		color: #1f2021;
	}
    .list ul li .positionCon p.position{
		font-family: "微软雅黑";
		font-size: 14px;
		color: #1f2021;
	}
    /*.position {
        font-size:18px!important;
    }*/
	
	/*遮罩层*/
	.packcl{
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    background: #000;
	    background-color:rgba(0,0,0,0.7);
	    z-index: 1501;
	    display: none;
        top:0;
    }
.imgcons{
	width: 586px;
	/*height:360px;*/
	overflow: hidden;
	
}
.imgcons img{
	width: 100%;
	height: auto;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin: 0 auto;
}
.packcl_con{
	position: absolute;
	width: 585px;	
	top:10%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
	background: #fff;
	border-radius: 10px;
}
.te_pack_btn{
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
}
.contr{
	padding-left: 20px;
	width: 100%;
    padding:20px;
}
.positionCons{
	position: absolute;
	left: 20px;
	bottom: 30px;
}
.positionCons p{
	font-size: 16px;
	color: #fff;
}

/*新css*/



/*媒介查询*/

@media (max-width:1220px) {
    .typePage {
        padding: 0 20px;
    }

    .infoBox {
        width: calc(100% - 253px - 35px);
        width: -moz-calc(100% - 253px - 35px);
        width: -webkit-calc(100% - 253px - 35px);
    }
}


/*pc小屏*/

@media (min-width:992px) and (max-width: 1199px) {

     .banner_case_conTitle{
		text-align: center;
        font-size:40px;
        color:#fff;
	}
/*新css*/


	.list{
		width: 100%;
		margin: 0 auto;
		margin-top: 60px;
		padding-bottom: 50px;
        padding-left:10px;
	}
	.list ul li{
		float: left;
		width:calc((100% - 4.8%)/4);
		width:-webkit-calc((100% - 4.8%)/4);
		width:-moz-calc((100% - 4.8%)/4);
		height: auto;
		margin-left:1.2%;
		margin-top: 20px;
		position: relative;
		cursor: pointer;
	}

	.list ul li:nth-child(4n+1){
		margin-left:0;
	}
	.list ul li .team_tips{
		max-width: 100%;
		height: auto;
	}
	.list ul li .positionCon{
        width:100%;
        padding:15px 0;
        /*background:url(../../img/Baifendian/bgm_gradual.png) left bottom repeat-x;*/
	}
	.list ul li .positionCon p{
		font-family: "微软雅黑";
		font-size: 20px;
		color: #1f2021;
	}
    /*.position {
        font-size:18px!important;
    }*/
	
	/*遮罩层*/
	.packcl{
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    background: #000;
	    background-color:rgba(0,0,0,0.7);
	    z-index: 1501;
	    display: none;
        top:0;
    }
.imgcons{
	width: 586px;
	/*height:360px;*/
	overflow: hidden;
	
}
.imgcons img{
	width: 100%;
	height: auto;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin: 0 auto;
}
.packcl_con{
	position: absolute;
	width: 585px;	
	top:10%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
	background: #fff;
	border-radius: 10px;
}
.te_pack_btn{
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
}
.contr{
	padding-left: 20px;
	width: 100%;
    padding:20px;
}
.positionCons{
	position: absolute;
	left: 20px;
	bottom: 30px;
}
.positionCons p{
	font-size: 16px;
	color: #fff;
}

/*新css*/

}


/*ipad*/

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

    .banner > h2 {
        width: 100%;
        max-width: 1000px;
        padding: 0 20px;
        height: auto;
        text-align: center;
        font-size: 40px;
        color: #ffffff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
    }
     .banner_case_conTitle{
		text-align: center;
        font-size:42px;
        color:#fff;
	}

     /*新css*/


	.list{
		width: 100%;
		margin: 0 auto;
		margin-top: 60px;
		padding-bottom: 50px;
        padding-left:10px;
	}
	.list ul li{
		float: left;
		width:calc((100% - 4.8%)/4);
		width:-webkit-calc((100% - 4.8%)/4);
		width:-moz-calc((100% - 4.8%)/4);
		height: auto;
		margin-left:1.2%;
		margin-top: 20px;
		position: relative;
		cursor: pointer;
	}

	.list ul li:nth-child(4n+1){
		margin-left:0;
	}
	.list ul li .team_tips{
		max-width: 100%;
		height: auto;
	}
	.list ul li .positionCon{
        width:100%;
        padding:15px 0;
        /*background:url(../../img/Baifendian/bgm_gradual.png) left bottom repeat-x;*/
	}
	.list ul li .positionCon p{
		font-family: "微软雅黑";
		font-size: 20px;
		color: #1f2021;
	}
    /*.position {
        font-size:18px!important;
    }*/
	
	/*遮罩层*/
	.packcl{
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    background: #000;
	    background-color:rgba(0,0,0,0.7);
	    z-index: 1501;
	    display: none;
        top:0;
    }
.imgcons{
	width: 586px;
	/*height:360px;*/
	overflow: hidden;
	
}
.imgcons img{
	width: 100%;
	height: auto;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin: 0 auto;
}
.packcl_con{
	position: absolute;
	width: 585px;	
	top:10%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
	background: #fff;
	border-radius: 10px;
}
.te_pack_btn{
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
}
.contr{
	padding-left: 20px;
	width: 100%;
    padding:20px;
}
.positionCons{
	position: absolute;
	left: 20px;
	bottom: 30px;
}
.positionCons p{
	font-size: 16px;
	color: #fff;
}

/*新css*/
}

/*移动端*/

@media (max-width:767px) {
    .banner {
        width: 100%;
        height: 350px;
        background-size: cover !important;
        position: relative;
        overflow: hidden;
    }
    .banner_case_conTitle{
		text-align: center;
        font-size:34px;
        color:#fff;
	}
    /*chat按钮*/
    .chatBox {
        width: 60px;
        height: 51px;
        background: url(../img_scientificCommittee/chat.png) 10px center no-repeat rgba(238, 2388, 238, 0.5);
        border-radius: 10px 0 0 10px;
        position: fixed;
        top: 48%;
        right: 0;
    }

    .banner > h2 {
        width: 100%;
        max-width: 1000px;
        padding: 0 20px;
        height: auto;
        text-align: center;
        font-size: 34px;
        color: #ffffff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
    }

    .photo {
        display: block;
        width: 253px;
        height: 253px;
        float: none;
        margin: 0 auto 15px auto;
    }

    .infoBox {
        width: 100%;
        height: auto;
        float: none;
        margin: 0 auto;
    }

    .name, .jobTitle {
        text-align: center;
    }


    /*新css*/

    .list{
		width: 100%;
		margin: 0 auto;
		margin-top: 30px;
		padding: 0 20px;
		padding-bottom: 10px;
	}
	.list ul li{
		float: left;
		width: 100%;
		height: auto;
		margin-top: 20px;
		position: relative;
		cursor: pointer;
        margin-left:0;
	}
	.list ul li .team_tips{
		width: 100%;
		height: auto;
	}
	.list ul li .positionCon{
		  width:100%;
        padding:15px 0;
	}
	.list ul li .positionCon p{
		font-family: "微软雅黑";
		font-size: 20px;
		color: #1f2021;
	}
	
	
	/*遮罩层*/
	.packcl{
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    background: #000;
	    background-color:rgba(0,0,0,0.7);
	    z-index: 1501;
	    display: none;
         top:0;
    }
.imgcons{
	width: 100%;
	/*height:160px;*/
    height:auto;
	overflow: hidden;
	
}
.imgcons img{
	width: 100%;
	height: auto;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin: 0 auto;
}
.packcl_con{
	position: absolute;
	width: 90%;	
	top:2%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
	background: #fff;
	border-radius: 10px;
}
.te_pack_btn{
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
}
.contr{
	width: 100%;
	padding: 20px;
}

.positionCons{
	position: absolute;
	left: 20px;
	bottom: 50px;
}
.positionCons p{
	font-size: 16px;
	color: #fff;
}
/*新css*/
}

@media (max-width:414px) {
}