section.content{
    margin-top: 40px;
    overflow: hidden;
}
section.content > div.title{

}
section.content > div.title div.left{
    padding-left: 20px;
    position: relative;
}
section.content > div.title div.left:before{
    content: '';
    display: block;
    height: 48px;
    width:8px;
    background: #0172ba;
    position: absolute;
    left:0;
    top:1px;
}
section.content > div.title div.left small{
    display: block;
    color: #666;
    opacity: .4;
    font-family: 'MontserratRegular';
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
}
section.content > div.title div.left span{
    display: block;
    font-size: 24px;
    line-height: 30px;
    color: #0172ba;
}
section.content > div.title div.right{
    line-height: 50px;
}
section.content > div.title div.right a:first-child{
    padding-left: 18px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAA3NCSVQICAjb4U/gAAAAHlBMVEX///+SkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKf5DwVAAAACnRSTlMAESIzd6rM3e7/kkbowgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAA9SURBVAiZY2BgUCtiAAKmyukKQEp95sxmBgbmzpkzZxgwWMycCeJ2gqgZDJogajKCavEAUwGsCEocRDUCADpTHHB8OxCwAAAAAElFTkSuQmCC') no-repeat  left center;
}
section.content > div.filter-title{
	margin-top: 30px;
	font-size: 24px;
	line-height: 50px;
	border-bottom: 1px solid #e5e5e5
}
section.content > div.line{
	margin-top: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
section.content > div.content-list{
	padding: 50px 0 65px;
}
section.content > div.content-list div.noitem{
	text-align: center;
	padding: 20px 0;
	font-size: 16px;
	color: #ccc;
}
section.content > div.content-list ul.item-list li{
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
section.content > div.content-list ul.item-list li a{
	display: block;
	text-align: center;
	position: relative;
	height: 100%;
	width:100%;
	background: #fff;
}
section.content > div.content-list ul.item-list li a span.thumb{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 106.66666%;
	background: no-repeat center / cover;
}
section.content > div.content-list ul.item-list li a span.title{
	display: block;
	height: 78px;
	line-height: 78px;
	font-size: 16px;
	padding: 0 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #ddd;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
section.content > div.content-list ul.item-list li a:hover span.title{
	background: #0172ba;
	color: #fff;
}
section.content > div.content-list ul.item-list li a:before{
	content: '';
	display: block;
	width:100%;
	height: 100%;
	position: absolute;
	left:0;
	top:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:4px solid #0172ba;
	opacity: 0;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
section.content > div.content-list ul.item-list li a:hover:before{
	opacity: 1;
}
section.content > div.content-list ul.item-list li a:hover{
	content: '';
	display: block;
	-webkit-box-shadow: 0 0 40px rgba(1,114,186,0.2);
	box-shadow: 0 0 40px rgba(1,114,186,0.2);
}

section.content > div.maincat{
	margin-top: 35px;
	overflow: hidden;
}
section.content > div.maincat div.left{
	width: 45%;
	float: left;
	overflow: hidden;
}
section.content > div.maincat div.left a{
	display: block;
	float: left;
	width: calc(50% - 2px);
	margin: 0 2px 2px 0;
	line-height: 60px;
	background: #fff;
	padding:0 20px;
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
section.content > div.maincat div.left a.on{
	background: #0172ba;
	color: #fff;
}
section.content > div.maincat div.right{
	width: calc(55% - 6px);
	float: right;
	overflow: hidden;
	padding-bottom: 1000px;
	margin-bottom: -1000px;
	background: #fff;
}
section.content > div.maincat div.right div.wrap{
	margin: 25px 40px;
}
section.content > div.maincat div.right div.subcat-title{
	font-size: 20px;
	line-height: 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid #f4f4f4;
	position: relative;
}
section.content > div.maincat div.right div.subcat-title:before{
	content: '';
	display: block;
	width:9px;
	height: 17px;
	background: #0172ba;
	position: absolute;
	left: -40px;
    top: 3px;
}
section.content > div.maincat div.right .layui-tab{
	margin:10px 20px;
}
section.content > div.maincat div.right .layui-tab-title{
	height: 70px;
}
section.content > div.maincat div.right .layui-tab-title li{
	line-height: 70px;
	padding:0;
	margin-right: 60px;
	font-size: 16px;
}
section.content > div.maincat div.right .layui-tab-title .layui-this:after{
	height: 71px;
	border-color:#0172ba;
}
section.content > div.maincat div.right .layui-tab-brief>.layui-tab-title .layui-this{
	color: #0172ba;
	font-weight:bold;
}
section.content > div.maincat div.right div.layui-tab-item{
	padding: 20px 0;
	overflow: hidden;
}
section.content > div.maincat div.right div.layui-tab-item a{
	display: block;
	font-size: 14px;
	margin-bottom: 	15px;
}
section.content > div.maincat div.right div.layui-tab-item a:hover span{
	color: #c21423;
	padding-right: 26px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALBAMAAACAOcA3AAAAA3NCSVQICAjb4U/gAAAAJ1BMVEX////CFCPCFCPCFCPCFCPCFCPCFCPCFCPCFCPCFCPCFCPCFCPCFCNkhCv6AAAADXRSTlMAESIzRFVmqrvM3e7/2rrNPwAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAA3SURBVAiZY2AAAbbFDFDAONsAxpTYDGMxVDswCCmBgcZRhj1nIOA0XGwrTHO3A7pehHmsixgYAH50EKd8bKN8AAAAAElFTkSuQmCC') no-repeat right center;
}

section.content > div.title a.filter-btn{
	display: none;
}

section.content > div.filter{
	margin-top: 30px;
	margin-right: -4px;
}
section.content > div.filter dl{
	width: 25%;
	padding-right: 4px;
	margin-bottom: 3px;
	height: 55px;
	line-height: 55px;
	position: relative;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
section.content > div.filter dl dt:hover{ color:#1788d0; font-weight:bold;}
section.content > div.filter dl dt{
	display: block;
	padding: 0 16px;
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
	background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJBAMAAADJBLEBAAAAA3NCSVQICAjb4U/gAAAAElBMVEX///9TU1NTU1NTU1NTU1NTU1NPnH44AAAABnRSTlMAESIzRFWQJKqlAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAADpJREFUCJljYGBgYHFggAAXZwjN4ihiAGaYCDCBhZgdGRhUDMACDAxMwRABBgZVBbAAUCiIwRCiVQUAsWYEhUkomcYAAAAASUVORK5CYII=') no-repeat right 24px center / 16px auto;
}
section.content > div.filter dl.alpha dt{
	background-color: rgba(255,255,255,0.6);
}
section.content > div.filter dl dd{
	position: absolute;
	top:100%;
	left:0;
	right: 4px;
	height: 185px;
	background: #1788d0;
	z-index: 1;
	display: none;
}
section.content > div.filter dl dd div.wrap{
	margin:16px;
	overflow: auto;
	z-index: 1;
	height: 150px;
}

section.content > div.filter dl dd div.wrap::-webkit-scrollbar {
 width: 8px;
}
section.content > div.filter dl dd div.wrap::-webkit-scrollbar-track {
 background-color:#0172ba;
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
}
section.content > div.filter dl dd div.wrap::-webkit-scrollbar-thumb {
 background-color:#efefef;
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
}

section.content > div.filter dl dd div.wrap a{
	display: block;
	color: #fff;
	line-height: 30px;
	color: #a0c8e2;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
section.content > div.filter dl.on dd{
	display: block;
}
section.content > div.filter dl dd div.wrap a:hover,
section.content > div.filter dl dd div.wrap a.on{
	color: #fff;
}
section.content > div.filter dl.on dt{
	background-color: #0172ba;
	color: #fff;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJBAMAAADJBLEBAAAAA3NCSVQICAjb4U/gAAAALVBMVEX///////////////////////////////////////////////////////////+g0jAFAAAAD3RSTlMAETNEVWZ3iJmqu8zd7v9lNdiyAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAENJREFUCJljWMIABrkM8xxANOtzBs7LIEZcAQPDWgOgwAsgR+oSA4NfA5DBuFaB5QVYg/QlvwlgBuPelxAjGGQPAAkAQfAOE+KlyP8AAAAASUVORK5CYII=');
}


section.content > div.filter-input{
	margin-top: 35px;
	position: relative;
}
section.content > div.filter-input input{
	display: block;
	background: #fff;
	height: 66px;
	line-height: 66px;
	padding: 0 70px 0 20px;
	width: 100%;
	border:none;
	outline: none;
	font-size: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
section.content > div.filter-input a.search-btn{
	display: block;
	width:70px;
	height: 66px;
	position: absolute;
	right:0;
	top:0;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///8iIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiJXTT1UAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAC2SURBVAiZY2BgYKp5/6aZAQwY5/8HgoVgtu7/bYqq6/8agITvPwGSzPcfAUmufwogWZnfQML+C1gl0/8ABob+DRAj5i9gYDgfAGHbP2BgeK8AYfN/ZGD4LwBh830CihtA2PJA8f0JEHb8BQaG+gMQ9v4JDAxy38FM1v9Atez/wYba/QSR638ATRL//wnE5vz/qqzy/f8/YLN9gM7/G3T/EFif+azlDgy6f6EOADn0/gU4m0HnAABWET6WiV4zuQAAAABJRU5ErkJggg==') no-repeat center;
}

section.content > div.content-body{
	margin: 25px 0;
}
section.content > div.content-body div.top{
	background: #fff;
}
section.content > div.content-body div.top div.gallery{
	width:600px;
	overflow: hidden;
	float: left;
}
section.content > div.content-body div.top div.gallery img{
	display: block;
	max-width: 100%;
	max-height: 423px;
	margin:0 auto;
}
section.content > div.content-body div.top .swiper-button-next,
section.content > div.content-body div.top .swiper-button-prev{
	outline: none;
	position: absolute;
	right:40px;
	top:32px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	background: #0172ba;
	margin:0;
	color: #fff;
}
section.content > div.content-body div.top .swiper-button-prev{
	left:auto;
	right: 100px;
	background: #d6d6d6;
}
section.content > div.content-body div.top .swiper-button-next:after,
section.content > div.content-body div.top .swiper-button-prev:after{
	font-size: 18px;
}



section.content > div.content-body div.top div.info{
	float: right;
	width: calc(100% - 600px);
	overflow: hidden;
	border-left: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
section.content > div.content-body div.top div.info div.wrap{
	margin: 40px 50px 30px;
	overflow: 	hidden;
}
section.content > div.content-body div.top div.info h1{
	font-size: 26px;
	line-height: 40px;
}
section.content > div.content-body div.top div.info h1 small{
	display: block;
	color: #666;
	opacity: 0.4;
	font-family: 'MontserratRegular';
}
section.content > div.content-body div.top div.info h1:after{
	content: '';
	display: block;
	width: 21px;
	height: 4px;
	background: #0172ba;
	margin-top: 18px;
}
section.content > div.content-body div.top div.info div.desc{
	margin-top: 15px;
	font-size: 14px;
	color: #666;
	line-height: 26px;
}
section.content > div.content-body div.top div.info a.talk{
	display: block;
	width: 144px;
	height: 50px;
	line-height: 50px;
	background: #e1424a;
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin-top: 28px;
}
section.content > div.content-body div.top div.info a.talk i{
	display: inline-block;
	width:18px;
	height: 18px;
	margin-right: 5px;
	margin-top: -4px;
    vertical-align: middle;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAA3NCSVQICAjb4U/gAAAALVBMVEX///////////////////////////////////////////////////////////+g0jAFAAAAD3RSTlMAESIzRFVmd4iZqszd7v8z/eE5AAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAHBJREFUCJljYGBgXfPuVAADEDDve/fu3WsDIMv3HQhcAQrdA7PeGjBwv4OADQxxUNZThnVQ1iuGc1DWG4Z3r61fKCkp7XvH8O6NDZClfO4dkixChx/cFITJLO9gtkFZQBewvzsHdRVrIsuct6ccGBgAnzJyYBlLlf0AAAAASUVORK5CYII=') no-repeat center;
}

section.content > div.content-body div.bottom{
	margin-top: 25px;
	background: #fff;
	overflow: hidden;
}
section.content > div.content-body div.bottom h3{
	font-size: 20px;
	color: #0172ba;
	line-height: 70px;
	border-top: 2px solid #0172ba;
	padding: 0 25px;
	border-bottom: 3px solid #f4f4f4;
}
section.content > div.content-body div.bottom div.body{
	margin:25px;
	overflow: hidden;
	position: relative;
	min-height: 200px;
	line-height: 2;
}
section.content > div.content-body div.bottom div.body img{
	max-width: 100% !important;
}



@media screen and (min-width: 1200px) {
	.layui-col-space30{
		margin: -35px;
	}
	.layui-col-space30 > *{
		padding:35px;
	}
}

@media screen and (max-width:1199px) {
	section.content{
		margin: 40px 15px 0;
	}
}

@media screen and (max-width:991px) {
	section.content > div.maincat div.left{
		float: none;
		width:auto;
	}
	section.content > div.maincat div.left a{
		width: calc(33.3333% - 2px);
	}
	section.content > div.maincat div.left a:nth-child(3n){
		width: 33.3333%;
		margin-right: 0;
	}
	section.content > div.maincat div.right{
		width: auto;
		float: none;
		padding:0;
		margin:0;
	}
	section.content > div.content-body div.top div.gallery{
		width:100%;
	}
	section.content > div.content-body div.top div.info{
		width:100%;
	}


}

@media screen and (max-width: 767px) {
	section.content{
		margin: 40px 10px 0;
	}
	section.content > div.title div.right{
		display: none;
	}
	.layui-col-space30>*{
        padding: 5px;
    }
    .layui-col-space30{
        margin: -5px;
    }
    section.content > div.content-list ul.item-list li a span.title{
    	height: 52px;
    	line-height: 52px;
    	font-size: 14px;
    }
    section.content > div.title div.left small{
        font-size: 18px;
    }
    section.content > div.title div.left span{
        font-size: 22px;
    }
    section.content > div.line{
        margin-top: 10px;
    }
    section.content > div.content-list{
        padding: 40px 0 50px;
    }
    section.content > div.maincat{
    	margin-top: 15px;
    }
	section.content > div.maincat div.left{
		display: none;
	}
	section.content > div.filter-title{
		margin-top: 15px;
		font-size: 20px;
		line-height: 55px;
	}
	section.content > div.maincat div.right div.wrap{
		margin:15px 20px;
	}
	section.content > div.maincat div.right .layui-tab-title{
		height: 50px;
		margin-bottom:5px;
	}
	section.content > div.maincat div.right .layui-tab-title li{
		line-height: 50px;
		margin-right: 20px;
	}
	section.content > div.maincat div.right .layui-tab-title .layui-this:after{
		height: 51px;
	}
	.layui-tab-content{
		padding:0;
	}
	section.content > div.maincat div.right div.layui-tab-item{
		padding: 10px 0;
	}
	section.content > div.maincat div.right div.layui-tab-item a{
		margin-bottom: 0;
		line-height: 32px;
	}
	section.content > div.title a.filter-btn{
		display: block;
		padding: 0 45px;
		height: 50px;
		line-height: 50px;
		color: #fff;
		float: right;
		background: #0172ba;
	}
	section.content > div.title a.filter-btn i{
		display: block;
		float: left;
		width: 18px;
		height: 100%;
		margin-right: 10px;
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAA3NCSVQICAjb4U/gAAAALVBMVEX///////////////////////////////////////////////////////////+g0jAFAAAAD3RSTlMAESIzRGZ3iJmqu8zd7v8zDtSdAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAHxJREFUCJljYGDawQAFuu8aGMRnzpzGwHTv3QsGv3fv3jHYAokGu3fv3jLcA7IeyYFYfUDWQz0QiwPIMgCrAwo+ZrADszjeGTCwlpeXAA00gJlsLGTMwGRsbAjWEQDU+4aBG2QyWC8XkCjwA5mHjYVQx3b37h0Hmbt3bwIAkExaD5+DFrEAAAAASUVORK5CYII=') no-repeat center;
	}
	section.content > div.filter.on{
		display:block;
	}
	section.content > div.filter{
		display: none;
		position: fixed;
		right:0;
		top:0;
		height: 100%;
		background: #fff;
		width:80%;
		max-width: 360px;
		margin:0;
		z-index: 9999;
		overflow-y: scroll;
	}
	section.content > div.filter dl{
		width: 100%;
		margin:0;
		padding:0;
		border-bottom: 1px solid #ddd;
		overflow: 	hidden;
	}
	section.content > div.filter dl dt{
		padding: 0 20px;
	}
	section.content > div.filter dl.on{
		height: auto;
	}
	section.content > div.filter dl.on dt{
		background-color: transparent;
		color: #222;
		border-bottom: 1px solid #ddd;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAMBAMAAACU11D1AAAAA3NCSVQICAjb4U/gAAAAElBMVEX///9TU1NTU1NTU1NTU1NTU1NPnH44AAAABnRSTlMAESIzRFWQJKqlAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAEVJREFUCJljMGKAARMGVwMokzmYQSQYynZ1YGCESrCAxKASYCGIBAtEBCwBVQmSYIGZAJSAm8zoagITBkqEGsDZjC5gCgCOIwjEOyfHkQAAAABJRU5ErkJggg==');
	}
	section.content > div.filter dl dd{
		position: static;
		background: transparent;
		height: auto;
	}
	section.content > div.filter dl dd div.wrap{
		height: auto;
		overflow: 	hidden;
	}
	section.content > div.filter dl dd div.wrap a{
		width: 45%;
		float: left;
		margin-right: 4px;
		margin-bottom: 4px;
		text-align: center;
		line-height: 45px;
		background: #f4f4f4;
		color: #222;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	section.content > div.filter dl dd div.wrap a:hover,
	section.content > div.filter dl dd div.wrap a.on{
		background-color: rgba(196,29,43,0.1);
		color: #c21423;
		position: relative;
	}
	section.content > div.filter dl dd div.wrap a.on:after{
		content: '';
		display: block;
		width:30px;
		height: 24px;
		position: absolute;
		right:0;
		top:0;
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYBAMAAAAfR1CMAAAAA3NCSVQICAjb4U/gAAAAJFBMVEX////NPkvNPkvNPkvNPkvNPkvNPkvNPkv////rsLbhipLNPksahR45AAAADHRSTlMAIjNmmczd7v////9RUeMsAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAHdJREFUGJVd0GsNwCAMRtGPh4VZmAkkTAISJmEOkDAFLDgAcxstWSn84iQN3BShqQN7aWNbjGOx49vd2kPGTs6lJraJ3TXlwobngdSGERbbU81ThLwHipD/IBG/R4SYI8QjQswRk3vEbNrE7L4JZbf4i9A2URv+BUtWewlLbQboAAAAAElFTkSuQmCC') no-repeat center;
	}
	body > div.filter-mask{
		position: fixed;
		left:0;
		top:0;
		width:100%;
		height: 100%;
		z-index: 9998;
		cursor: pointer;
		background: rgba(0,0,0,0.5);
	}
}

@media screen and (max-width:479px) {
	section.content{
		margin: 20px 20px 0;
	}
	section.content > div.title div.left{
		padding-left: 12px;
		margin-top: 10px;
    margin-bottom: 10px;
	}
	section.content > div.title div.left small{
		font-size: 16px;
	}
	section.content > div.title div.left span{
		font-size: 18px;
		line-height: 20px;
	}
	section.content > div.title div.left:before{
		height: 38px;
		width: 4px;
	}
	section.content > div.filter-title{
		font-size: 18px;
	}
	section.content > div.content-list{
		padding: 20px 0 30px;
	}
	.layui-col-space30{
		margin: -2.5px;
	}
	.layui-col-space30>*{
		padding: 2.5px;
	}
	section.content > div.content-list ul.item-list li a span.title{
		height: 42px;
		line-height: 42px;
	}
	section.content > div.maincat div.right div.wrap{
		margin: 0 10px 15px;
	}
	section.content > div.maincat div.right div.subcat-title{
		margin: 0 -10px;
		padding:16px 10px;
		font-size: 16px;
		cursor: pointer;
		background: #0172ba url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAMBAMAAACU11D1AAAAA3NCSVQICAjb4U/gAAAAElBMVEX///////////////////////+65XQCAAAABnRSTlMAESIzRFWQJKqlAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAEZJREFUCJljYAACRhcGOBAJNYAxGV1NguHCwQyuBjBhAwaWYLgwA1SCEUxBJEQg0iARRqg2kIQIzDhXB7hpDMzBDEZw200AX/cIxKe5wrIAAAAASUVORK5CYII=') no-repeat right 20px center / 16px auto;
		color: #fff;
		overflow: hidden;
	}
	section.content > div.maincat div.right div.layui-tab-item a{
		padding: 0 15px;
	}
	section.content > div.maincat div.right div.layui-tab-item a:hover{
		background: #f4f4f4;
	}
	section.content > div.maincat div.right div.layui-tab-item a:hover span{
		background: none;
	}
	section.content > div.title a.filter-btn{
		height: 40px;
		line-height: 40px;
		padding:0 25px;
	}
	section.content > div.filter-input{
		margin-top: 25px;
	}
	section.content > div.filter-input input{
		height: 48px;
		line-height: 48px;
	}
	section.content > div.filter-input a.search-btn{
		height: 48px;
	}
	section.content > div.content-body div.top div.gallery img{
		width:100%;
		max-height: inherit;
	}
	section.content > div.content-body div.top .swiper-button-next,
	section.content > div.content-body div.top .swiper-button-prev{
		right:15px;
		top:10px;
		width:32px;
		height: 32px;
	}
	section.content > div.content-body div.top .swiper-button-prev{
		right: 60px;
	}
	section.content > div.content-body div.top div.info{
		border:none;
		border-top: 1px solid #ddd;
	}
	section.content > div.content-body div.top div.info div.wrap{
		margin:20px 15px;
	}
	section.content > div.content-body div.top div.info h1{
		font-size: 20px;
		line-height: 26px;
	}
	section.content > div.content-body div.top div.info h1 small{
		font-size: 16px;
	}
	section.content > div.content-body div.top div.info h1:after{
		margin-top: 6px;
	}
	section.content > div.content-body div.top div.info a.talk{
		height: 42px;
		line-height: 42px;
		width:130px;
	}
	section.content > div.content-body div.bottom{
		margin-top: 10px;
	}

}
@media screen and (max-width:320px) {
section.sub-cat {
    padding: 0 10px;
}
section.content {
    margin: 20px 15px 0;
}
section.content > div.title div.left small{
	font-size:14px;
}
div.pages li a, div.pages li span{
	padding: 0 5px;
}
section.content > div.maincat div.right .layui-tab{
	margin: 10px 0px;
}
section.content > div.content-body div.top div.info h1{
	font-size:18px;
}

}