﻿
/*pc filter zone*/
.filter{padding-bottom:1.1vw;}
.filter_group {width:100%;}
.filter_group .filter_list {width:auto;}
.filter_group .filter_list .fs_select {margin-right:8px;position:relative;}
.filter_group .filter_list .fs_select .type p span {max-width:96px;font-size:12px;line-height:18px;    opacity: 0.6;}
.filter_group .filter_list .fs_select .type.isShow p span {color:#D7000F;   opacity: 1;}
.filter_group .filter_list .fs_select .option>.ul {border-radius:3px}
.filter_group .filter_list .fs_select .option>.ul>.li>span {font-size:14px;line-height:22px}
.filter_group .filter_list .hover.default {display:block}
.fs_select {display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
.fs_select:hover .type   {border-color:#D7000F;}
.filter_group .filter_list .fs_select:hover  .type p span  {color:#D7000F;opacity: 1;}
.fs_select:hover .type i {-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);color:#19191a}
.fs_select .type {max-width:148px;height:40px;line-height:22px;padding:10px 16px;border:1px solid #e5e5e5;cursor:pointer;border-radius:3px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;color:#19191a}
.fs_select .type p {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.fs_select .type p span {font-size:12px;line-height:18px;font-weight:600;display:block;margin-right:8px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.fs_select .type p i {font-size:12px;line-height:12px;color:#89898c;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}
.fs_select .isShow {border-color:#D7000F;}
.fs_select .isShow p span {font-weight:600}

.fs_select .option {position:absolute;z-index:12;top:40px;left:0;padding:8px 0 0;min-width:100%}

.filter_group .filter_list .fs_select .option .closeFilter {
	position: absolute;
	top: 15px;
	right: 10px;
	font-weight: 400;
	text-align: center;
	color: #D7000F;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	font-size: 20px;
	cursor: pointer;
	z-index: 10
}
.fs_select .option ul { padding: 24px; max-height: 428px; overflow: auto; max-width: 500px; min-width: 400px; border-radius: 3px; display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap: wrap; -webkit-box-shadow: 0 4px 16px rgba(0,0,0,.1); box-shadow: 0 4px 16px rgba(0,0,0,.1); background: #fff; }
.fs_select .option ul::-webkit-scrollbar {width:5px;height:8px;background-color:#e5e5e5;border-radius:5px}
.fs_select .option ul::-webkit-scrollbar-thumb {background:#89898c;border-radius:5px}
.fs_select .option li {cursor:pointer;color:#646466;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:50%;}
.fs_select .option li:hover i {color:#646466}
.fs_select .option li:hover span {color:#19191a}
.fs_select .option li i.iconfont {font-size:18px;margin-right:8px;color:#ccc}
.fs_select .option li i.iconfont:before {   content: "\e7e2";}
.fs_select .option li span {white-space:nowrap;font-size:13px;line-height:20px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:108px}
.fs_select .option li.active i.iconfont {color:#646466;}
.fs_select .option li.active i.iconfont:before {content: "\e773";}
.fs_select .option li.active i.iconfont:hover {color:#646466}
.fs_select .option li.active span {color:#19191a}


.more_filter   {}
.filter_group .filter_list .more_filter .fs_select {display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
.filter_group .filter_list .more_filter .fs_select:hover .type {border-color:#D7000F}
.filter_group .filter_list .more_filter .fs_select:hover .type i {-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);color:#19191a}
.filter_group .filter_list .more_filter .fs_select .type {height:40px;padding:10px 16px;border:1px solid #e5e5e5;cursor:pointer;border-radius:2px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;color:#19191a}
.filter_group .filter_list .more_filter .fs_select .type p {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.filter_group .filter_list .more_filter .fs_select .type p span {font-size:12px;line-height:18px;display:block;margin-right:8px;white-space:nowrap}
.filter_group .filter_list .more_filter .fs_select .type p i {font-size:12px;height:12px;width:12px;color:#89898c;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}
.filter_group .filter_list .more_filter .fs_select .isShow {border-color:#D7000F}
.filter_group .filter_list .more_filter .fs_select .isShow p span {font-weight:600}
.filter_group .filter_list .more_filter .fs_select .fade-enter-active,.filter_group .filter_list .more_filter .fs_select .fade-leave-active {-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.filter_group .filter_list .more_filter .fs_select .fade-enter,.filter_group .filter_list .more_filter .fs_select .fade-leave-to {opacity:0;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
.filter_group .filter_list .more_filter .fs_select .option {position:absolute;z-index:12;top:40px;left:0;padding:8px 0 0}
.filter_group .filter_list .more_filter .fs_select .option .list {max-width:500px;border-radius:3px;max-height:428px;overflow:auto;padding:24px;overflow-x:hidden;background-color:#fff;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.1)}
.filter_group .filter_list .more_filter .fs_select .option .list::-webkit-scrollbar {width:5px;height:8px;background-color:#e5e5e5;border-radius:5px}
.filter_group .filter_list .more_filter .fs_select .option .list::-webkit-scrollbar-thumb {background:#89898c;border-radius:5px}
.filter_group .filter_list .more_filter .fs_select .option .list .item {margin-bottom:16px}
.filter_group .filter_list .more_filter .fs_select .option .list .item>.xsxs {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;min-width:350px;max-width:400px;}

.filter_group .filter_list .more_filter .fs_select .option .list .item .title {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:12px}
.filter_group .filter_list .more_filter .fs_select .option .list .item .title span {font-size:14px;line-height:22px;font-weight:600;color:#19191a}
.filter_group .filter_list .more_filter .fs_select .option .list .item .title i {font-size:12px;height:12px;width:12px;color:#19191a;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;cursor:pointer}

.filter_group .filter_list .more_filter .fs_select .option .list .item .ul {-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;}
.filter_group .filter_list .more_filter .fs_select .option .list .item .ul .li {width:50%;cursor:pointer;color:#19191a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.filter_group .filter_list .more_filter .fs_select .option .list .item .ul .li:hover i.iconfont  {color:#646466}
.filter_group .filter_list .more_filter .fs_select .option .list .item .ul .li:hover span {color:#19191a}
.filter_group .filter_list .more_filter .fs_select .option .list .item .ul .li i.iconfont  {font-size:18px;margin-right:8px;color:#ccc}
.filter_group .filter_list .more_filter .fs_select .option .list .item .ul .li i.iconfont:before  {content: "\e7e2";}
.filter_group .filter_list .more_filter .fs_select .option .list .item .ul .li span {font-size:13px;line-height:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:108px;color:#646466}
.filter_group .filter_list .more_filter .fs_select .option .list .item .ul .li.active i.iconfont {color:#646466}
.filter_group .filter_list .more_filter .fs_select .option .list .item .ul .li.active  i.iconfont:hover {color:#646466}
.filter_group .filter_list .more_filter .fs_select .option .list .item .ul .li.active  i.iconfont:before {content: "\e773";}
.filter_group .filter_list .more_filter .fs_select .option .list .item .ul .li.active span {color:#19191a}
.filter_group .filter_list .more_filter .fs_select .option .list .item:last-child {margin-bottom:0}



.filter_group .filter_list .filter_clear {margin-top:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}
.filter_group .filter_list .filter_clear>span {font-size:12px;line-height:18px;color:#646466;white-space:nowrap}
.filter_group .filter_list .filter_clear>.iconfont {font-size:12px;line-height:1;color:#646466;-webkit-transform:scale(.6666);-ms-transform:scale(.6666);transform:scale(.6666);margin-left:4px}
.filter_group .filter_list .filter_clear>.iconfont.back {-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75);margin:0}
.filter_group .filter_list .filter_clear:hover>span {text-decoration:underline}



.filter_group .filter_right>span.resultNums {white-space:nowrap;font-size:12px;line-height:18px;-webkit-box-sizing:content-box;box-sizing:content-box;color:#646466;margin-right:20px}

@media (max-width: 800px) 
{
	.filter_group {  justify-content: space-between; }
	.filter_group .filter_list .more_filter .fs_select .option .list .item .ul { flex-wrap: wrap; flex-direction: column; }
	.filter_group .filter_list .more_filter .fs_select .option .list .item .ul .li{ width:100%; }
	.filter_group .filter_list .more_filter .fs_select .option .list .item>.xsxs {min-width: 180px; max-width: initial; }




}


/*PC product guide*/
.productGuideZone  .head_body h1 {font-size:20px;line-height:1.5;font-weight:500;margin-bottom:30px;letter-spacing: 3px;}
.productGuideZone  .head_body .bread-crumb {padding:1vw 0;}
.productGuideZone  .head_body .bread-crumb span.bread-item {}
.productGuideZone  .head_body .bread-crumb span.bread-item:after {font-weight:400;text-align:center;content:"/";color:#ccc;font-size:12px;width:12px;height:12px;line-height:14px;margin:0 4px;cursor:default}
.productGuideZone  .head_body .bread-crumb span.bread-item:last-child>a {color:#646466;cursor:default}
.productGuideZone  .head_body .bread-crumb span.bread-item:last-child:after {display:none}
.productGuideZone  .head_body .bread-crumb span.bread-item>a {color:#89898c;font-size:12px;line-height:18px;}
.productGuideZone  .head_body .bread-crumb span.bread-item>a:hover {color:#646466;text-decoration:none;cursor:pointer}
.curCataInHeader {position:relative}
.curCataInHeader .title {}
.curCataInHeader .title>span {position:relative;color:#89898c;font-size:12px;line-height:18px;text-decoration:none;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
.curCataInHeader .title>span::after { font-weight:400;text-align:center;content: "\e697";color:#89898c;font-family:"iconfont"!important;-webkit-font-smoothing:antialiased;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;font-size:12px;width:12px;height:12px;line-height:14px;margin:0 4px;cursor:default}
.curCataInHeader .title:after {font-weight:400;text-align:center;content:"";color:#ccc;font-family:"iconfont"!important;-webkit-font-smoothing:antialiased;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;font-size:12px;width:12px;height:12px;line-height:14px;margin:0 4px;cursor:default}
.curCataInHeader:hover .title>span:after {-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}
.curCataInHeader:last-child .title:after {display:none}
.curCataInHeader .ddlProSecondClass {position:absolute;padding-top:8px;z-index:12;min-width:100%}
.curCataInHeader .ddlProSecondClass .tmpWrap {padding:5px 0;border-radius:3px;border:1px solid #e5e5e5;background-color:#fff;max-height:336px;overflow:auto}
.curCataInHeader .ddlProSecondClass .tmpWrap .tmpItem a {display:block;;padding:9px 12px;font-size:12px;line-height:18px;color:#89898c;text-decoration:none;display:block;width:100%;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer}
.curCataInHeader .ddlProSecondClass .tmpWrap .tmpItem a:hover {background:#f7f7f7}
.curCataInHeader .ddlProSecondClass .tmpWrap .tmpItem a.active {color:#89898c;cursor:default}
.curCataInHeader .ddlProSecondClass .tmpWrap .tmpItem a.active:hover {background:#fff}



.tagversion{position:absolute;background-color:#D7000F;bottom:0px;right:0px;padding:3px 12px;color:#fff;border-top-left-radius: 10px;}






.no-filter-results { padding: 55px 0; font-size: 20px; text-align: center; color: red; }

.team-section{background-color:#f5f5f5;}

 .team-section .col2 {width:150px;}
 .team-section .col10 { margin-right:-35px;}
.left-filter-content {}
.acf-box {width:100%;}
/*.acf-group {padding-top:13px;}*/
.acf-group .filter-title {margin-bottom:4px;font-weight:500;font-size:14px;color:#181818;}
.acf-group .clear-filter {font-weight:500;font-size:14px;line-height:30px;cursor:pointer;}
.acf-group .filter-category {margin-bottom:20px;}
.acf-box label {display:block;margin-bottom:14px;margin-left:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:0;min-height:30px;line-height:30px;}
.ace-checkbox-group label:first-child {margin-left:0;}
.acf-box label  .ace-checkbox {display:inline-block;position:relative;line-height:1;vertical-align:middle;}

.acf-box label  input[type=checkbox] {width:16px;height:16px;margin:0;cursor:pointer;}
.ace-checkbox-label {margin:0;margin-left:8px;font-size:14px;color:#666;vertical-align:middle;line-height:1;    white-space: nowrap;cursor: pointer;}
.right-goods-content {flex:1;}


.team-member { position: relative; margin-bottom: 35px; width:20%;background-color:#f5f5f5; }
.team-member .inner-box{position:relative;display:block;height:100%;    margin-right:35px;}

.team-member .image-box{position:relative;text-align:center;       background: #fff; border-radius:8px; }
.team-member .image-box img{width:100%;}

.featured-content {  padding:35px 0px 0 0;text-align:left;}
.featured-content p,.featured-content p span{    font-size:18px;font-weight: 700;}
.featured-content .btn { color:#ccc;display: inline-block; padding: 8px 0px; margin-bottom: 0; font-size: 12px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.featured-content .featured-title h5{color: #172231; ;font-size: 30px;}
.featured-content .featured-title .badge{color: #ff6a00; background-color: #F2F2F2;white-space: nowrap;  border-radius: 2px; text-transform: uppercase; box-sizing: border-box;}


@media  (max-width: 1921px) {
	.team-member {
		width: 33.333%;
	}
}
@media  (max-width: 1400px) {
.team-member {  width:50%;}
.team-member .image-box img { width: 80%;  }
	.team-member.eghide1:nth-child(2n+1),.team-member.eghide2 {display: none;}
}

@media (max-width: 960px) {
	
}




.card-meta { font-size: 12px;   }
.section-title-border { position: relative; height: 2px; width: 30px; background: #86c33a; border-radius: 10px; margin-top: 5px;margin-bottom: 10px; display: block; }
.section-title-border::before { position: absolute; content: ""; height: 100%; width: 50%; background: #D7000F; border-radius: 10px; right: -60%; top: 0; }
.section-title-border::after { position: absolute; content: ""; height: 100%; width: 25%; background: #D7000F; border-radius: 10px; right: -100%; top: 0; }
/*.title-border-left { position: relative; padding-left: 30px; }
.title-border-left::before { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 5px; border-radius: 30px; background: #D7000F; }*/



.versiondot  { position: absolute; right: 5px; top: 5px;text-align: center; z-index: 9;  }
.versiondot span{ font-size: 12px;color: #777; background-color:#F2F2F2;cursor:pointer; display: inline-block; padding: 4px 15px; white-space: nowrap; border-top-right-radius: 0em; border-bottom-right-radius: 0em; text-transform: uppercase; box-sizing: border-box; /*max-width: 50%; overflow: hidden; text-overflow: ellipsis;*/;transition:all 0.2s  }
.versiondot span.active{ color: #D7000F; background: rgba(255,149,0,0.09);  }
.versiondot span:hover{ color: #fff; background-color:#D7000F;transition:all 0.2s}


@media  (max-width: 800px) {
.tmpRootLayer{display:none;}
.productGuideZone  .head_body h1 {margin-bottom:10px;}
.filter { padding: 1.1vw 5px; }
.title-border-left {  padding-left:20px;; }
.team-member {  width:100%;}
.team-member .image-box img { width: 100%;  }
	.team-member.eghide1:nth-child(2n+1),.team-member.eghide2 {display: none;}
.team-section.RowPadding { padding-top: 10px; }
.team-section .col10 { margin-right: 0px; width: 100%;}
.team-member .inner-box { margin: 5px; }
.team-section .containerX { padding: 0px; }
	.card-meta, .section-title-border {display: none;}
	.featured-content p.text-truncate { overflow: initial; text-overflow:  initial; white-space: initial;    font-size: 14px;padding-right:15px;font-weight:normal}
	.featured-content { padding: 25px 10px 0 10px; }
	.title-border-left { padding-left: 0px; }
	.featured-content p span {font-size: 16px;display:block;}
	.team-member { margin-bottom: 0px; }
	.team-member a{ display: flex;display:-webkit-flex; justify-content: space-between; align-items: center; background: #fff; }
	.team-member .image-box { border-radius: 0px; width: 30%; }
	.featured-content { padding: 0; width: 68%; }
	.tagversion { bottom: inherit; top: 0; right: -69vw; padding: 1px 10px; border-top-left-radius: 0px; font-size: 12px; }


}


