/*内容区域*/
.mianbox { background: url(../img/othrebg.png) repeat center #f6f6f6; }
.pcqxdjnavone .pcqxdjnavoneall .pcqxdjnavonelist ul li a.active, .pcqxdjnavone .pcqxdjnavoneall .pcqxdjnavonelist ul li a:hover { color: #10acd0; }
/*pc端的筛选区域*/
.pcqxdjnavone { display: block; background: #ffffff; padding:14px 20px 20px 20px; }
.pcqxdjnavone .pcqxdjnavonetitle li { display: inline-block; float: left; }
.pcqxdjnavone .pcqxdjnavonetitle li a { display: inline-block; font-size: 16px; line-height: 32px; color: #333333; text-shadow: 0 0 0 #333333; margin: 0 30px 0 0; transition: all 0.3s; border-bottom: 3px transparent solid; }
.pcqxdjnavone .pcqxdjnavonetitle li:last-child a { margin: 0; }
.pcqxdjnavone .pcqxdjnavonetitle li a.check, .pcqxdjnavone .pcqxdjnavonetitle li a:hover { color:#217B62; border-bottom: 3px #217B62 solid; }
.pcqxdjnavone .pcqxdjnavoneall { margin: 14px 0 0 0; max-height: 400px; overflow-y: auto; }
.pcqxdjnavone .pcqxdjnavoneall .pcqxdjnavonelist { display: none; }
.pcqxdjnavone .pcqxdjnavoneall .pcqxdjnavonelist.check { display: block; }
.pcqxdjnavone .pcqxdjnavoneall .pcqxdjnavonelist ul { display: block; overflow: hidden; position: relative; flex: 1; margin: 0 0 6px 0; }
.pcqxdjnavone .pcqxdjnavoneall .pcqxdjnavonelist.check .pcqxdjnavonelistdis:last-child ul { margin: 0; }
.pcqxdjnavone .pcqxdjnavoneall .pcqxdjnavonelist ul li { display: inline-block; float: left; }
.pcqxdjnavone .pcqxdjnavoneall .pcqxdjnavonelist ul li a { font-size: 14px; line-height: 30px; padding: 0 14px; color: #999999; color: #666666; position: relative; letter-spacing: 0; }
.pcqxdjnavone .pcqxdjnavoneall .pcqxdjnavonelist ul li a.check, .pcqxdjnavone .pcqxdjnavoneall .pcqxdjnavonelist ul li a:hover { color: #57b300; }
.pcqxdjnavone .pcqxdjnavoneall .pcqxdjnavonelist ul li a:after { width: 1px; height: 70%; position: absolute; top: 15%; right: 0%; content: " "; background: #999999; }
.pcqxdjnavone .pcqxdjnavoneall .pcqxdjnavonelist ul li:last-child a:after { display: none; }
.pcqxdjnavone .pcqxdjnavoneall .pcqxdjnavonelist .pcqxdjnavonelistdis { display: flex; justify-content: flex-start; }
.pcqxdjnavone .pcqxdjnavoneall .pcqxdjnavonelist .pcqxdjnavonelistdis>a { font-size: 14px; line-height: 14px; color: #217B62; padding: 8px 0 0 0; margin: 0 4px 0 0;/*text-shadow: 0 0 0 #6bddbd;*/
}
/*第二区域的筛选*/
.pcqxdjnavtwo { display: block; background: #ffffff; padding:20px 20px; margin: 20px 0; }
.pcqxdjnavtwo .navtwodome { display: flex; justify-content: flex-start; align-items:flex-start; margin: 0 0 10px 0; }
.pcqxdjnavtwo .navtwodome:last-child { margin: 0; }
.pcqxdjnavtwo .navtwodome h3 { font-size: 14px; line-height: 14px; margin: 8px 0 0 0; width: 72px; color: #333333; letter-spacing: 0; }
.pcqxdjnavtwo .navtwodome ul { flex: 1; overflow: hidden; height: 32px; }
.pcqxdjnavtwo .navtwodome ul.active { height: auto; }
.pcqxdjnavtwo .navtwodome ul li { display: inline-block; float: left; margin: 0 0 6px 0; }
.pcqxdjnavtwo .navtwodome ul li a { font-size: 14px; line-height: 28px; color: #666666; padding: 0 6px; margin: 0 10px 0 0; display: block; letter-spacing: 0; border-radius: 4px; }
.pcqxdjnavtwo .navtwodome ul li a:hover, .pcqxdjnavtwo .navtwodome ul li a.check { background: #409268; color: #ffffff; }
.pcqxdjnavtwo .navtwodome p { font-size: 14px; line-height: 14px; margin: 8px 0 0 0; width: 60px; cursor: pointer; color: #217B62; letter-spacing: 0; }
/*第三区域的筛选*/
.pcqxdjnavthree a { font-size: 12px; line-height: 18px; padding: 6px 12px; display: inline-block; background: #ffffff; margin: 0 10px 0 0; border-radius: 4px; letter-spacing: 0; color: #888888; }
.pcqxdjnavthree a i { width: 16px; height: 16px; display: block; background: url(../img/sxiocn1.png) no-repeat center; background-size: 16px; float: right; margin: 0px 0 0 2px; }
.pcqxdjnavthree a:hover, .pcqxdjnavthree a.navthreecheck { background: #DEF4ED; color: #217B62; }
.pcqxdjnavthree a:hover i, .pcqxdjnavthree a.navthreecheck i { background: url(../img/sxiocn2.png) no-repeat center; background-size: 16px; }
/*产品列表区域*/
.productbox { margin: 20px 0 0 0; }
.productbox ul { margin: 0 -10px; }
.productbox li { padding: 0 10px; margin: 0 0 20px 0; }
.productbox li a { display: block; background: #ffffff; padding: 15px; }
.productbox li a .productinfo { margin-top: 14px; display: block; }
.productbox li a .productinfo p { white-space: nowrap; /* 不换行 */ overflow: hidden; /* 超出部分隐藏 */ text-overflow: ellipsis; /* 溢出部分显示省略号 */ letter-spacing: 0; }
.productbox li a .productinfo p.title { font-size: 16px; line-height: 24px; color: #333333; }
.productbox li a .productinfo p.title span { font-size: 12px; line-height: 18px; padding: 3px 8px; background: #DEF4ED; color: #217B62; vertical-align: middle; margin: -3px 5px 0 0; display: inline-block; border-radius: 3px; letter-spacing: 0; }
.productbox li a .productinfo p.say { font-size: 14px; text-align: left; color: #666666; margin: 4px 0; }
.productbox li a .productinfo p.time { font-size: 14px; color: #999999; }
/*手机端的筛选区域*/
.mobilenavbox .row { margin: 0; position: relative; border: 1px #e7e7e7 solid; }
.mobilenavbox .row .col-xs-4, .mobilenavbox .row .col-xs-6, .mobilenavbox .row .col-xs-8, .mobilenavbox .row .col-xs-12 { padding: 0; }
.mobilenavbox .mobilenavdome .mobiletitle { line-height: 40px; font-size: 15px; color: #565656; background: #f9f9f9; text-align: center; position: relative; }
.mobilenavbox .mobilenavdome .mobiletitle:after { width: 1px; height: 70%; position: absolute; display: inline-block; background: #d1d1d1; top: 15%; right: 0; content: " "; }
.mobilenavbox .mobilenavdome:last-child .mobiletitle:after { display: none; }
.mobilenavbox .mobilenavdome .mobiletitle i { width: 8px; height: 8px; display: inline-block; background: url("../img/navdown2.png") no-repeat center; background-size: 8px; margin: -4px 0 0 4px; opacity: 0.8; vertical-align: middle; transition: all 0.1s; }
.mobilenavbox .mobilenavdome.active .mobiletitle { color: #ffffff; background: #217b62; }
.mobilenavbox .mobilenavdome.active .mobiletitle i { background: url("../img/navdown1.png") no-repeat center; background-size: 8px; transform: rotate(180deg); opacity: 1; }
.mobilenavbox .mobilenavdome.active .mobiletitle:after { display: none; }
.mobilenavdown { width: 100%; height: calc(100vh - 220px); position: absolute; top: 102%; left: 0; display: none; background: #ffffff; box-shadow: 0px 3px 4px #c5c5c5; z-index: 1000; }
.mobilenavbox .mobilenavdome.active .mobilenavdown { display: block; }
.mobilenavbox .mobilenavdownone, .mobilenavbox .mobilenavdowntwo { display: block; overflow: scroll; height: 100%; }
.mobilenavbox .mobilenavdownone { background: #e1e1e1; }
.mobilenavbox .mobilenavdowntwo { background: #f7f7f7; }
.mobilenavbox .mobilenavdownthree { background: #f7f7f7; }
.mobilenavbox .mobilenavdownul li { display: block; }
.mobilenavbox .mobilenavdownul li a { display: block; white-space: nowrap; /* 不换行 */ overflow: hidden; /* 超出部分隐藏 */ text-overflow: ellipsis; /* 溢出部分显示省略号 */ font-size: 13px; color: #555555; line-height: 38px; letter-spacing: 0; padding: 0 4px 0 20px; }
.mobilenavbox .mobilenavdownul li a.mobilecheck { color: #409268; }
.mobilenavbox .mobilenavdownul li a.mobilactive, .mobilenavbox .mobilenavdowntwo .mobilenavdownul li a.mobilactive { background: #f7f7f7; color: #409268; }
/*第一区域类型的三级筛选*/
.mobilenavdowntwobox { padding: 0 10px; display: none; }
.mobilenavdowntwobox.mobilenavtwoshow { display: block; }
.mobilenavdowntwobox .mobilenavdowntwoul { display: block; overflow: hidden; }
.mobilenavdowntwobox .mobiletitletwo { margin: 8px 0 6px 0; background: #79b998; color: #ffffff; padding: 0 9px; line-height: 28px; font-size: 13px; letter-spacing: 0; }
.mobilenavdowntwobox .mobilenavdowntwoul li { display: inline-block; float: left; }
.mobilenavdowntwobox .mobilenavdowntwoul li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; color: #555555; line-height: 34px; letter-spacing: 0; padding: 0 6px; }
.mobilenavdowntwobox .mobilenavdowntwoul li a.mobilecheck { color: #409268; }
/*第三区域排序的筛选*/
.mobilenavdownone a.navthreebtn { font-size: 12px; line-height: 18px; padding: 6px 12px; display: inline-block; background: #ffffff; margin: 0 10px 0 0; border-radius: 4px; letter-spacing: 0; }
.mobilenavdownone a.navthreebtn i { width: 16px; height: 16px; display: block; background: url(../img/sxiocn1.png) no-repeat center; background-size: 16px; float: right; margin: 0px 0 0 2px; }
.mobilenavdownone a.navthreebtn:hover, .mobilenavdownone a.navthreebtn.navthreecheck { background: #DEF4ED; color: #217B62; }
.mobilenavdownone a.navthreebtn:hover i, .mobilenavdownone a.navthreebtn.navthreecheck i { background: url(../img/sxiocn2.png) no-repeat center; background-size: 16px; }
.mobilenavbox .mobilenavdowntwo .mobilenavdownul { display: none; }
.mobilenavbox .mobilenavdowntwo .mobilenavdownul.mobilenavtwoshow { display: block; }
.productbox li a .bigimg { height: 250px; }
.productbox li a .bigimg img { height: 100%; }













/*响应式*/
@media (max-width: 1400px) {
 .pcqxdjnavone {
 padding: 14px 14px;
}
 .pcqxdjnavone .pcqxdjnavonetitle li a {
 font-size: 15px;
 line-height: 25px;
 margin: 0 20px 0 0;
 border-bottom: 2px transparent solid;
}
 .pcqxdjnavone .pcqxdjnavonetitle li a.check,  .pcqxdjnavone .pcqxdjnavonetitle li a:hover {
 color: #217B62;
 border-bottom: 2px #217B62 solid;
}
 .productbox li a .bigimg {
 height: 220px;
}
}
@media (max-width: 1200px) {
 .pcqxdjnavone .pcqxdjnavoneall .pcqxdjnavonelist ul li a {
 font-size: 13px;
 line-height: 26px;
 padding: 0 10px;
}
 .pcqxdjnavone .pcqxdjnavoneall .pcqxdjnavonelist .pcqxdjnavonelistdis>a {
 font-size: 13px;
 line-height: 13px;
 padding: 6px 0 0 0;
 margin: 0 2px 0 0;
}
 .pcqxdjnavtwo .navtwodome ul li a {
 font-size: 13px;
 line-height: 24px;
 padding: 0 4px;
 margin: 0 8px 0 0;
}
 .pcqxdjnavtwo {
 padding: 14px;
 margin: 15px 0;
}
 .pcqxdjnavtwo .navtwodome h3 {
 font-size: 13px;
 margin: 6px 0 0 0;
}
 .pcqxdjnavtwo .navtwodome p {
 font-size: 13px;
 margin: 6px 0 0 0;
}
 .pcqxdjnavthree a i {
 background-size: 13px !important;
}
 .pcqxdjnavtwo .navtwodome {
 margin: 0 0 6px 0;
}
 .productbox ul {
 margin: 0 -8px;
}
 .productbox li {
 padding: 0 8px;
 margin: 0 0 16px 0;
}
 .productbox li a {
 padding: 12px;
}
 .productbox li a .productinfo p.title span {
 font-size: 13px;
}
 .productbox li a .productinfo p.title {
 font-size: 14px;
 line-height: 20px;
}
 .productbox li a .productinfo p.say {
 font-size: 13px;
 margin: 4px 0;
}
 .productbox li a .productinfo p.time {
 font-size: 13px;
}
 .productbox li a .bigimg {
 height: 180px;
}
}
@media (max-width: 1000px) {
 .pcqxdjnavone .pcqxdjnavonetitle li a {
 font-size: 14px;
 line-height: 22px;
 margin: 0 18px 0 0;
}
 .productbox ul {
 margin: 0 -6px;
}
 .productbox li {
 padding: 0 6px;
 margin: 0 0 12px 0;
}
 .productbox li a {
 padding: 8px;
}
 .productbox li a .productinfo p.say {
 font-size: 12px;
 margin: 4px 0;
}
 .productbox li a .productinfo p.time {
 font-size: 12px;
}
 .productbox li a .bigimg {
 height: 160px;
}
}
@media (max-width: 768px) {
 .productbox {
 margin: 10px 0 0 0;
}
 .productbox li a .productinfo {
 margin-top: 10px;
}
 .productbox ul {
 margin: 0 -4px;
}
 .productbox li {
 padding: 0 4px;
 margin: 0 0 8px 0;
}
 .productbox li a {
 padding: 6px;
}
 .productbox li a .productinfo p.title span {
 font-size: 12px;
 line-height: 16px;
 padding: 2px 6px;
 margin: -3px 2px 0 0;
 letter-spacing: 0px;
}
 .productbox li a .productinfo p.title {
 font-size: 14px;
 line-height: 20px;
}
 .productbox li a .productinfo p.say {
 font-size: 12px;
 margin: 3px 0;
}
 .productbox li a .productinfo p.time {
 font-size: 12px;
}
 .productbox li a .bigimg {
 height: 140px;
}
}
.bofang { position:relative; }
.bofang .video-play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(255, 255, 255, 0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 0; transition: all 0.3s ease; z-index: 2; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3); }
.bofang .video-play-icon:before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #53acd3; margin-left: 4px; }
.bofang .video-play-icon:hover { background: rgba(255, 255, 255, 1); transform: translate(-50%, -50%) scale(1.1); box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.4); }