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

.team-detail-mask, .pdx-product-mask { display: none; opacity: 0; position: fixed; z-index: 1000; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.69); }
.teamDetaile { display: none; position: fixed; z-index: 1001; left: 50%; top: -200px; width: 700px; height: 400px; padding: 30px; margin: -215px 0 0 -380px; background: #fff; }
.teamDetaile .tContent { width: 100%; }
.teamDetaile .CloseBtn { display: block; width: 70px; height: 70px; position: absolute; right: -70px; top: 0; background: #ff5a00 url(../images/close_btn.png) no-repeat center center; }
.teamDetaile .CloseBtn:hover{ background-color:#ee5502;}
.teamDetaile .left { float: left; width: 285px; height: 390px; background-color: #e2e2e2;}
.teamDetaile .left .timg {width: 100%; height: 240px; }
.teamDetaile .left .info { padding:0px 36px}
.teamDetaile .left .info h1 { font-size: 36px; line-height: 36px; font-weight: bold; }
.teamDetaile .left .info p { margin-top: 40px; font-size: 30px; font-weight: lighter; color: #000000; }
.teamDetaile .left .info span{ font-size:16px; color:#666666;}
.teamDetaile .teamTxt { float: right; width: 386px; height: 390px; overflow: hidden; }
.teamDetaile .teamTxt .tName { font-size: 24px; line-height: 36px; font-weight:bold; margin-bottom: 14px; }
.teamDetaile .teamTxt p { font-size: 14px; line-height: 30px; color: #6a6a6a; margin-bottom: 20px; }
.teamDetaile .teamTxt .tInfo{ font-size:30px; color:#ff6600;}
.teamDetaile .teamTxt .mCSB_scrollTools { width: 6px; }
.teamDetaile .teamTxt .mCSB_scrollTools .mCSB_draggerContainer { width: 100%; }
.teamDetaile .teamTxt .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger { background: #434343;}
.teamDetaile .teamTxt .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar { display: none; }
.teamDetaile .teamTxt .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail { width: 100%; background: #bebebe; }
/*******************************scroll-bar****************************/
.mCustomScrollbar { -ms-touch-action: none; touch-action: none; }
.mCustomScrollbar.mCS_no_scrollbar { -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; }
.mCSB_container { overflow: hidden; width: auto; height: auto; }
/*VERTICAL SCROLLBAR */
.mCSB_inside > .mCSB_container { margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; }
.mCSB_scrollTools { position: absolute; height: auto; left: auto; top: 0; right: 0; bottom: 0; }
.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }
.mCSB_scrollTools .mCSB_draggerRail { height: 100%; margin: 0 auto; }
.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; }
.mis-slide .text-content { display:none; }


.teamDetaile2{}
.teamDetaile2 .teamTxt{ width:100%;}
.teamDetaile2 .teamTxt .tName{ font-size:24px; font-weight:normal; margin-bottom:44px; margin-top:20px;}
.teamDetaile2 .boxList li{ width:50%; float:left; background:url(../images/circle.png) no-repeat left 6px; font-size:18px; color:#3c3c3c; text-indent:20px; margin-bottom:18px;}






@media screen and (max-width:1100px) {
.teamDetaile{ width:79%; left:3%; margin-left:0px; padding:3%; height:300px;}
.teamDetaile .left{ width:48%; height:300px;}
.teamDetaile .teamTxt{ width:48%; height:300px;}
.teamDetaile .left .timg{ height:160px;}
.teamDetaile .left .info h1{ font-size:16px;}
.teamDetaile .left .info p{ font-size:14px; padding:10px 20px;}
.teamDetaile .left .info span{ padding:0px; padding-left:20px; font-size:16px;}
.teamDetaile2 .teamTxt{ width:100%;}
.teamDetaile2 .teamTxt .tName{ margin-bottom:15px; font-size:20px; line-height:24px;}
	}


@media screen and (max-width:767px) {
.teamDetaile{ width:88%; left:3%; margin-left:0px; padding:3%; height:200px; top:-80px; margin:-100px 0px 0px 0px;}
.teamDetaile .CloseBtn{ width:30px; height:30px; background-size:10px 10px; right:0px; top:-30px; z-index:999999;}
.teamDetaile .left{ height:200px;}
.teamDetaile .left .timg{ height:100px;}
.teamDetaile .left .info p{ padding:0px 10px 10px 10px; margin-top:10px;}
.teamDetaile .left .info span{ font-size:14px; padding-left:10px; }
.teamDetaile .teamTxt{  height:200px;}
.teamDetaile .teamTxt .tName{ font-size:16px; margin-bottom:2px;}	
.teamDetaile .teamTxt p{ line-height:24px;}
.mCSB_inside > .mCSB_container{ margin-right:10px;}
	
.teamDetaile2 .boxList li{ margin-bottom:10px; font-size:14px; width:100%;}
.teamDetaile .teamTxt .tInfo{ font-size:18px; margin-bottom:8px;}	
.teamDetaile .left .info{ padding:0 3%;}	
	}