﻿.nullResult { text-align: center;padding-bottom:50px; }
.nullResult .noresultext { font-size: 16px; font-weight:500;padding-top:30px; }
.nullResult .texticon { font-size: 100px; line-height: 150px;color:#333; }
.tags { background-color:#fff;left:initial;right:0;padding: 1px 3px;z-index:9}
/*---start---分页代码---*/

.pagination2-outer {text-align:center;padding:25px 0}
.pagination2 {}
.pagination2 li a.page-link {color:#333;background-color:transparent;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;line-height:35px;height:35px;width:35px;margin:0 15px 0 0;border:1px solid #333;border-radius:0;position:relative;z-index:1;transition:all 0.4s ease 0s;display:flex;justify-content:center;align-items:center;}
.pagination2 li a.page-link.no {border:1px solid #f7f7f7;transition:none}
.pagination2 li.first a.page-link,.pagination2 li.prev a.page-link,.pagination2 li.next a.page-link,.pagination2 li.last a.page-link {color:#fff;background-color:#333;}
.pagination2 li.active a.page-link,.pagination2 li a.page-link.yes:hover,.pagination2 li.active a.page-link:hover {color:#fff;background-color:#333;border-color:#333;}
.pagination2 li a.page-link:before,.pagination2 li a.page-link:after {content:'';background-color:#333;height:100%;width:100%;border-radius:50%;transform:scale(0) rotateX(360deg);position:absolute;left:0;top:0;z-index:-1;transition:all 0.3s;}
.pagination2 li a.page-link:after {background-color:transparent;border-radius:0;transform:scale(0.7);transition-delay:0.1s;}
.pagination2 li a.page-link.yes:hover:before {border-radius:0;transform:scale(1) rotateX(0);}
.pagination2 li a.page-link.yes:hover:after {background-color:#333;opacity:0;transform:scale(1.5);}
@media only screen and (max-width:480px) {.pagination2 {display:block;border-radius:20px;}
.pagination2 li {margin:5px 2px;display:inline-block;}
.pagination2 li a.page-link {margin:0;}
}
/*---end---分页代码---*/



.pd5searchbox{position:relative;width:400px;}
.pd5searchbox input{margin:0px;padding:3px 5px;border-radius:4px;overflow:hidden;width:100%;border:1px solid #fff;background-color:#fff;font-size:12px;text-align:center;}

.pd5searchbox .pd5Btn.iconfont{position:absolute;top:0px;right: 10px;z-index:1;width:20px;height:100%;color: #D7000F;font-size: 18px;font-weight:700;border: none; background-color: transparent; cursor: pointer; outline: none;}



.team-section { position: relative; padding-bottom:50px; padding-top:50px;} 
.prozones {display: flex; display: -webkit-flex;flex-wrap:wrap; }

.team-member { position: relative; margin-bottom: 10px; width: 33.33%;  }
.team-member .inner-box{position:relative;display:block;background:#fff;    margin: 15px;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;border: solid 1px #d5000f;}
.team-member .inner-box:hover{-webkit-box-shadow:0 15px 20px rgba(0,0,0,.175);box-shadow:0 15px 20px rgba(0,0,0,.175);transform:translateY(-2px);-ms-transform:translateY(-2px);-webkit-transform:translateY(-2px);-o-transform:translateY(-2px);}
.textwrap { padding: 0 15px 30px 15px; text-align: left; }
.textwrap h3 { color: #d5000f; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }

.textwrap span.iconfont{ color: #fff; font-size: 16px;  }
@media (max-width: 1920px) {
	.team-member {
		width:50%;
	}
}
@media (max-width: 1300px) {


}
@media (max-width: 1000px) {
	.team-member {width: 100%;}
	.pd5searchbox { width: 100%; }
	.filterbox .containerX {padding: 0px; }
}

@media (max-width: 768px) {
.team-member { width: calc(50% - 15px); margin: 10px 0px 0px 10px;background: #f2f2f2; }
.team-section {  padding: 0px; }
.team-section .containerX {  padding: 0 0px; }
.team-member .inner-box{margin:0}
.textwrap { position: relative; bottom: initial; left: initial; right: initial; background: #f2f2f2; display: block; justify-content: initial; padding: 10px ; align-items: center;text-align: left; }
.textwrap h3 {  overflow: initial; text-overflow: initial; white-space: initial; text-align: left; line-height: 1.5; display: inline;}
.textwrap span.iconfont{ position: absolute; top: -25px; color: #fff; right: 5px;font-size: 12px; }
.prozones {  align-content: stretch; }
}

@keyframes sonarEffect {
	0% { opacity: 0.1; } 
40% { opacity: 0.3; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px red 0 0 0 10px rgba(255, 255, 255, 0.2); } 
100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px red, 0 0 0 10px rgba(255, 255, 255, 0.2); transform: scale(1.2); opacity: 0; }
}

@keyframes sonarEffectWhite {
 0% { opacity: 0.1; } 
 40% { opacity: 0.3; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.2); } 
 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.2); transform: scale(1.2); opacity: 0; }
}




.slider-counter { z-index: 999; position: absolute; right: 5px; top: 50%; display: inline-block; font-size: 12px; line-height: 30px; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #c2c2c2; border-radius: 50%; width: 30px; }
.filterbox{background: #f2f2f2; }
 .filter-box { padding:15px;   position:relative;}
.filter-box .filter-item{display: -webkit-flex; display: flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;border-bottom:solid 1px #F2F2F2;padding:10px 0;position:relative;align-items: center;}
.filter-box .filter-item:last-child{border-bottom-width:0}
/*.filter-box .filter-item:after{clear:both;content:".";display:block;height:0;visibility:hidden}*/
.filter-item .mt{width:100px;font-size:14px;color:#999}
.filter-item .mc{padding-right:40px;zoom:1;font-size:14px;width:calc(100% - 110px)}
.filter-item .fold-mc{}
.filter-item .mc ul{display:block;zoom:1;width:100%;}
/*.filter-item .mc ul:after{clear:both;content:".";display:block;height:0;visibility:hidden}*/
.filter-item .mc>ul>li{margin-right:16px;float:left;display:inline;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.filter-item .mc>ul>li a{height:26px;line-height:26px;float:left;border-radius:2px;padding:0 8px;font-size:14px;color:#333}
.filter-item .mc>ul>li a:hover{text-decoration:none;color:#D7000F !important}
.filter-item .mc>ul>li a.active{color:#D7000F !important;text-decoration:none;}
.filter-item .filter-more{position:absolute;right:0;top:8px;line-height:26px;cursor:pointer;color:#999;z-index:2;}
.filter-item .filter-more span{float:left;margin-right:5px}
.filter-item .filter-more i{float:left;margin-top:11px}
.no-filter-results { padding: 55px 0; font-size: 20px; text-align: center; color: red; }


.detail-mask{width:100%;height:32px;position:absolute;left:0;bottom:0;z-index:99;background:-webkit-linear-gradient(rgba(255,255,255,0), #fff);background:-o-linear-gradient(rgba(255,255,255,0), #fff);
background:-moz-linear-gradient(rgba(255,255,255,0), #fff);background:-ms-linear-gradient(rgba(255,255,255,0), #fff);background:linear-gradient(rgba(255,255,255,0), #fff);
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffffff", GradientType=0)}
.detail-view-more { height: 30px; line-height: 30px; width: 100%; text-align: center; font-size: 16px; color: #666; cursor: pointer; position: absolute; left: 0; bottom: -5px; z-index: 7; }
.detail-view-more .more-text { display: inline-block; *display: inline; *zoom: 1; vertical-align: top;color: #999; position: relative; font-size:12px; }
.detail-view-more .more-text em { color: #4c8de6; }
.detail-view-more .more-text i.iconfont.arrow {  font-size:16px; }



@media (max-width: 1000px) { 

.filter-box { padding: 15px 10px;  }

.filter-item .mt,.filter-item .mc>ul>li a,.filter-item .filter-more span{font-size:14px;}
.filter-item .mt{;width:80px;overflow:hidden;}
.filter-item .mc>ul>li a{height:22px;line-height:22px;}
.filter-box .filter-item{padding:5px 0;
						 	border-top: 0;
	/*	display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		white-space: nowrap;*/
}
.filter-item .filter-more{top:5px;line-height:22px;}
.filter-item .mc{padding:0 ;width: calc(100% - 80px);}
.filter-item .mc>ul>li{margin-right:0px;float:none;display:flex;}
	.filter-item .mc > ul {
		height: 22px;
		border-top: 0;
		display: -webkit-box;
		display: -moz-box;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		white-space: nowrap;
	}


	.filter-item .mc > ul {
		scrollbar-width: none; /* firefox */
		-ms-overflow-style: none; /* IE 10+ */
		overflow-y: auto;
	}

		.filter-item .mc > ul::-webkit-scrollbar {
			display: none; /* Chrome Safari */
		}





}
.filter-item .mc.searchzone { background: none; background-size: initial; z-index: 100;}
.filter-item .mc.searchzone .btslist input[type=text] {background-color:#fff;border-radius:5px;color:#777;}
.filter-item .mc.searchzone .btslist input[type=text]:focus{color:#333;background-color:#fff}

.filter-item .mc.searchzone .btslist {  max-width: 500px;height: 35px; }
.filter-item .mc.searchzone .btncatasearch { color: #D7000F }
.filter-item .mc.searchzone .listreslult { position: absolute; top: 40px;}
.filter-item .mc.searchzone .closeit { top: 7px; }
.filter-item .mc.searchzone .btnSearchFAQ { position: absolute; right: 3px; top: -6px;height: 50px; width: 50px; border: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; transition: all .7s ease 0s; color: #fff; background-color: transparent; }
.filter-item .mc.searchzone .btnSearchFAQ .iconfont{  font-size: 16px;color: #D7000F}
.filter-item .mc.searchzone .btnSearchFAQ:hover {  color: #000;  }
.filter-item .mc.searchzone .highlight{  ;color: #D7000F}
.tooltip-inner {
	background-color: #000;
	 padding: 3.5px 7px; 

}
