@charset "utf-8";
/* CSS Document */


div.et_pb_section.et_pb_section_0 {
    background-image: url(/img/our_team/slider_4.jpg) !important;
}


body{ margin:0px; padding:0px; border:0px;  font:14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;  color:#222222; font-size:14px; width:100%; background:#ffffff; }
a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#222222; font-size:13px;transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
a:hover{ text-decoration:none;}
*{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
li{ list-style:none;}
.clear{ clear:both !important; height:0px !important; width:0px !important; float:none !important; margin:0px !important; padding:0px !important; border:0px !important; line-height:0 !important; position:relative !important; }

.fl{ float:left;}
.fr{ float:right;}

{}

.team{ width:100%; max-width: 1424px; display: flex; flex-wrap: wrap; margin:0 auto 30px auto; }
.team .teamXun{ width:calc( 25% - 24px); margin:0 12px 30px 12px; cursor: pointer;   


position: relative;}

.team .teamXun .teamTop{ width:100%; position: relative; background: #d0e1ee; overflow: hidden; }
.team .teamXun .teamTop:before{ content:''; display: block; padding-top: calc( 100% * ( 405 / 333));/*calc( 100% * ( 340 / 333))*/ }
.team .teamXun .teamTop .teamTopBg{ width: 100%; height:100%; position: absolute; top: 0; left:0; z-index: 1; transform: translate(10px, 10px); opacity: 0; }
.team .teamXun .teamTop .teamTopImg{ width: 100%; height:100%; position: absolute; top: 0; left:0; text-align: center; z-index: 2; display:flex; align-items:flex-end; justify-content:center;}

/*
.team .teamXun .teambot{ width: 100%; display: flex; flex-direction: column; padding:25px 20px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
*/





.team .teamXun figcaption {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0px;
	display: none;	
	background-color: rgba(1,66,86,0.3);
	padding:50% 0px 0 0;
	color: #FFFFFF;
	text-align:left;
	z-index:200;
	text-align:center;
	font-weight:500;	
}
.team .teamXun:hover figcaption {
	display:block;
}

.team .teamXun .teambot{ 
position: absolute;
left: 0px;
background-color: rgba(1, 66, 86, 0.6);
bottom: 0px;
z-index: 20;
transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;

width: 100%; padding:17px 20px; color:#FFFFFF; }
.team .teamXun .teambot .teambot1{ font-size: 15px; color:#222222; line-height: 25px; text-align:center; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;color:#FFFFFF;}
.team .teamXun .teambot .teambot1 span:last-child{ margin-left:10px;}
.team .teamXun .teambot .teambot2{ font-size: 14px; color:#f5f5f5; line-height: 25px; text-align:center; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.team .teamXun .teambot .teambot3{ font-size: 12px; color:#ffffff; line-height: 20px; text-align:center;}
.team .teamXun .teambot .teambot3 span{}
.team .teamXun .teambot .teambot3 i{ margin-left: 10px; }

.team .teamXun:hover .teambot{ background-color: rgba(1, 66, 86, 0.9);transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.team .teamXun:hover .teambot .teambot1{ color:#fff; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.team .teamXun:hover .teambot .teambot2{ color:#fff; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.team .teamXun:hover .teamTop .teamTopBg{ transform: translate(0px, 0px); opacity: 1; transition: ease 0.5s all;}

.tc{width: 100vw; height:100vh; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,.5); position: fixed; top: 0px; left: 0; z-index: 999999; display: none; }

.tcBox{}
.tcBox#teamTcBox{ width: 90%; max-width: 910px; background: #fff; max-height: 700px; position: relative;  display: flex; flex-direction: column; padding:45px 0 35px 55px; transition: ease 1.5s all; transform: translate(0px, -20px); opacity: .7; }
.tcBox#teamTcBox.on{ transform: translate(0px, 0px); opacity: 1; }
#teamColseTc{ position: absolute; right:-70px; top:0; cursor:pointer;}
.teamContent{ width: 100%; }
.tcBox#teamTcBox .teamTcBoxTop{ width: 100%; display: flex; margin-bottom: 35px; align-items:flex-start;}
.tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopImg{ width: 182px; height:224px; margin-right:50px; flex-shrink: 0; background: #d0e1ee; }
.tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopText{ display: flex; flex-direction: column; justify-content: center; width: 100%; padding-top:15px;}

.tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopText .teamTcBoxToptitle{ color:#efefef; font-size:50px; margin-bottom:20px;}
.tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopText .teamTcBoxTopName{ font-size: 22px; color:#156aa9; font-weight: bolder; margin-bottom: 10px; }
.tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopText .teamTcBoxTopXw{ font-size: 16px; color:#666666; }
.tcBox#teamTcBox .teamContent{ font-size: 16px; color:#666666; line-height: 29px; text-align: justify; }
.tcBox#teamTcBox .teamTcBoxSelect{ width:100%; align-items: center; display: flex; }
.tcBox#teamTcBox .teamTcBoxSelect .ttbs{ width: 46px; height:43px;}
.tcBox#teamTcBox .teamTcBoxSelect .ttbs.teamTcBoxNext{ margin-left:13px;}
.tcBox#teamTcBox .teamTcBoxSelect .ttbs img:nth-child(1){ display: block; cursor:pointer;}
.tcBox#teamTcBox .teamTcBoxSelect .ttbs img:nth-child(2){ display: none; cursor:pointer;}
.tcBox#teamTcBox .teamTcBoxSelect .ttbs:hover img:nth-child(1){ display: none; }
.tcBox#teamTcBox .teamTcBoxSelect .ttbs:hover img:nth-child(2){ display: block; }

.tcBoxT{ max-height: 510px; overflow: hidden; overflow-y: auto; padding-right:80px; margin-bottom: 45px;}

/* 设置滚动条的样式 */
.tcBoxT::-webkit-scrollbar { width:4px; }
/* 滚动槽 */
.tcBoxT::-webkit-scrollbar-track { border-radius:10px; background: #fff;}
/* 滚动条滑块 */
.tcBoxT::-webkit-scrollbar-thumb {border-radius:10px; background:#156aa9; }
.tcBoxT::-webkit-scrollbar-thumb:window-inactive { opacity: 0.9; }

.tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopText .teamTcBoxToptitle {
    color: #efefef;
    font-size: 50px;
    margin-bottom: 20px;
}

{}

.tit_all{ width:90%; margin:50px auto 30px auto;}
.tit_all ul{ margin:0px; padding:0}
.tit_all ul li.tit{ width:100%; text-align:center; font-size:25px; line-height:25px; padding:5px 0px; font-weight:600}
.tit_all ul li.des{ width:100%; text-align:center; font-size:15px;line-height:25px;padding:5px 0px;}



@media screen and (max-width:1200px){

div.et_pb_section.et_pb_section_3 {
    background-image: url(/img/our_team/slider_4.jpg) !important;
}


.tit_all{ margin:50px auto 8px auto;}

.tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopText .teamTcBoxToptitle {
    font-size: 15px;
}

.team_all .team{ width:100%; padding:0px; margin:0px}
.team_all .team {padding: 0em}

.team .teamXun {
    width: calc( 50% - 20px);
    margin: 7px 0 7px 13px;
	
}

.team{ margin-bottom:30px;}
.team .teamXun{ margin-bottom:0px;}
.team .teamXun .teambot{ padding:7px 0px 5px 0;}



.team .teamXun .teambot .teambot1{ font-size:12px; line-height:normal;}
.team .teamXun .teambot .teambot2{ margin-bottom:0px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;font-size:12px;}
.team .teamXun .teambot .teambot3{ display:none;}
.team .teamXun .teamTop .teamTopImg img{}

.tcBoxT{ padding-right:10px; margin-bottom:30px;}
.tcBox#teamTcBox{ padding:20px; padding-right:10px;}
.tcBox#teamTcBox .teamTcBoxTop{ display:block; margin-bottom:10px;}
.tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopImg{ width:100%; min-height:320px; overflow:hidden; margin-bottom:20px;}
.tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopText{ background:#fff;padding-top:6px;}
.tcBox#teamTcBox .teamTcBoxTop .teamTcBoxTopText .teamTcBoxTopName{ font-size:20px;}
.tcBox#teamTcBox .teamContent{ font-size:14px; line-height:25px;}
#teamColseTc{ right:0; width:45px;}

.team .teamXun .teamTop .teamTopBg img{ width:100%;}

.team_all_b{ padding-bottom:15px;}


}


@media screen and (max-width:770px){}
@media screen and (max-width:640px){}
@media screen and (max-width:420px){}