@charset "utf-8";
.filter {position: relative;overflow: visible;transition: all .3s;-webkit-transition: all .3s;}
.filter>dl {padding: 10px 0px;border-bottom: 1px solid #efefef;overflow: hidden;position: relative;}
.filter>dl>dt {width: 80px;position: absolute;top: 15px;left: 0px;}
.filter>dl>dd {padding-left: 95px;  position: relative;}
.filter>dl>dd>span {position: relative;}
.filter>dl>dd>span>input {height: 30px;width: 200px;border: 1px solid #ededed;padding: 0px 5px;}
.filter>dl>dd>span>i {cursor: pointer;position: absolute;right: 5px;top: 3px;font-size: 20px;width: 30px;text-align: center;}
.filter>dl>dd>a {display: inline-block;padding: 5px 15px;}
.filter>dl>dd a:hover,.filter>dl>dd a.have-child.hover {color: #ff5440; }
.filter>dl>dd>a.active:hover,.filter>dl>dd>a.active.hover { color: #FFF;}

.filter>dl>dd>dl { overflow: hidden; clear: both; margin: 10px 0px 0px 50px; display:none}
.filter>dl>dd>dl.active { display: block}
.filter>dl>dd>dl>dt,.filter>dl>dd>dl>dd { border-top: 1px solid #efefef ;  padding: 10px; }
.filter>dl>dd>dl>dt.active,.filter>dl>dd>dl>dd.active { display: block}
.filter>dl>dd>dl>dd { display: none;}
.filter>dl>dd>dl>dt>a,.filter>dl>dd>dl>dd>a { display: inline-block;padding: 5px 15px; }
.filter>dl>dd>dl>dt.active,.filter>dl>dd>dl>dd.active { display: block;}

.filter>dl>dd>a.active {color: #FFF;background: #0068B6;border-radius: 5px;}
.filter>dl>dd>dl>dt>a.active,.filter>dl>dd>dl>dd>a.active { color: #ff5440;}

.filter>dl>dd>i {display: none;}
.page {width: 80%;margin: 10px auto;background: #eee;height: 35px;text-align: center;color: #666;margin-top: 20px;}
.page>a {display: block;line-height: 35px;color: #666;}
.container {padding: 20px 0px;}
.container>.right, .m>.right {width: 280px;float: right;}
.tit {height: 40px;line-height: 40px;font-size: 16px;border-bottom: 1px solid #e6e6e6;font-weight: normal;}
.tit>i {display: inline-block;width: 5px;height: 14px;background: #116ad2;margin: 0px 10px;}



.container>.left, .m>.left {width: 900px;float: left;overflow: hidden;}
.container>.left>.content>.tit {background: #F9F9F9;}
.left>.content {border: 1px solid #dbdbdb;}
.container>.left>.content>.detail {padding: 20px;line-height: 25px;text-align: center;text-align: justify;}
.container>.left>.content>.detail img { max-width: 100%;}
.container>.left>.table {overflow: hidden;}
.container>.left>.table>dl {border-top: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;overflow: hidden; border-left: 1px solid #dbdbdb;}
.container>.left>.table>dl>dt {float: left;width: 50%;height: 288px;overflow: hidden;}
.container>.left>.table>dl>dt>img {width: 100%;height: 288px;}
.container>.left>.table>dl>dd {float: left;width: 50%;}
.container>.left>.table>dl>dd>p {border-bottom: 1px solid #dbdbdb; position: relative; padding-left: 100px; overflow: hidden;}
.container>.left>.table>dl>dd>p>span {display: inline-block;width: 100px;height: 40px;line-height: 40px;text-align: center; position: absolute;left: 0px; top: 0px;}
.container>.left>.table>dl>dd>p>i { border-left: 1px solid #dbdbdb; padding: 10px 5px; min-height: 20px; display: inline-block;}
.container>.left>.table>dl>dd>div {width: 100px;border-left: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;text-align: center;height: 163px;margin-right: 10px;text-align: center;font-size: 18px;float: left;}
.container>.left>.table>dl>dd>span {display: inline-block;line-height: 163px;}
.container>.left>.table>dl>dd>span>img {width: 140px;}
.container>.left>.table>dl>dd.imgdd>p { border-left: 1px solid #dbdbdb;  }

@media screen and (max-width: 1600px) {}
@media screen and (max-width: 1400px) {}
@media screen and (max-width: 1300px) {}
@media screen and (max-width: 768px) {.icons {padding-bottom: 0px;}
	.header {border-bottom: 1px solid #0068B6;}
	/* .location {display: none;} */
	.right {display: none;}
	.filter {overflow: hidden;padding: 0px;height: 50px;border-bottom: 1px solid #efefef;}
	.filter>dl {padding: 10px 10px;}
	.filter>dl>dt {position: static;height: 30px;line-height: 30px;color: #000;}
	.filter>dl:first-child>dt {display: none;}
	.filter>dl>dd {padding-left: 0px;}
	.filter>dl>dd>span>input {width: 180px;}
	.filter>dl>dd>i {float: right;padding: 5px 0px;border-radius: 5px;display: inline-block;}
	.filter>dl>dd>i::before {float: right;margin-left: 5px;}
	.filter.open {height: auto;border-bottom: none;}
	.filter>dl>dd>a {padding: 5px 15px 5px 0px;color: #666;}
	.filter>dl>dd>a.active {background: #FFF;color: #FE9901;font-weight: bold;}
	.filter>dl>dd>dl>dt>a.active, .filter>dl>dd>dl>dd>a.active {color: #FE9901; }
	.container {padding: 0px;}
	.left {width: 100% !important;float: none;}
	.container>.left>.table>dl>dd.imgdd>p { border-left:none  }
	.filter>dl>dd>dl { margin:10px 0px 0px;}
	.filter>dl>dd>dl>dt, .filter>dl>dd>dl>dd { padding: 10px 0px;}
	.filter>dl>dd>dl>dt>a, .filter>dl>dd>dl>dd>a { padding: 5px 15px 5px 0px;}
	.container>.left>.table>dl>dd>div { width: 101px;}
}
@media screen and (max-width: 320px) {}