.std-index {
	font-size: 12px;
	margin-bottom: 45px;
}

.std-index .search-area {
	width: 920px;
	margin: 0 auto;
	padding: 20px 0;
}

.std-index .search-area input {
	width: 480px;
	height: 40px;
	border: 1px solid #DDDDDD;
	padding: 10px;
}

.std-index .search-area button {
	width: 80px;
	height: 40px;
	font-size: 14px;
	color: #fff;
	background: #00a2e9;
	border: 1px solid #00a2e9;
	vertical-align: top;
	cursor: pointer;
}

.std-index .search-area button:hover {
	background: #1cabea;
}

.std-index .search-area button i {
	margin-right: 4px;
}

.std-index .search-area .tip {
	font-size: 14px;
	margin-left: 8px;
	color: #888888;
}

.std-index .filter-area {}

.std-index .filter-area .filter-area-box {
	position: relative;
}

.std-index .filter-area .filter-area-box .title {
	position: absolute;
	height: 100%;
	width: 108px;
	border: 1px solid #DDDDDD;
	border-top: none;
}

.std-index .filter-area .filter-area-box:first-of-type .title {
	border-top: 1px solid #DDDDDD;
	height: 106px;
	margin-top: -1px;
}

.std-index .filter-area .filter-area-box .title .inner {
	position: absolute;
	top: 50%;
	width: 100%;
	font-size: 14px;
	font-weight: 700;
	color: #AAAAAA;
	transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	text-align: center;
}

.std-index .filter-area .filter-area-box .content {
	position: relative;
	left: 108px;
	width: 1092px;
}

.std-index .filter-area .filter-area-box .content .item {
	width: 85px;
	height: 36px;
	border: 1px solid #DDDDDD;
	margin-left: -1px;
	margin-top: -1px;
}

.std-index .filter-area .filter-area-box .content .item a.inner {
	display: block;
	width: 83px;
	height: 34px;
	padding: 8px 4px;
	border: 1px solid #FFFFFF;
	text-align: center;
}

.std-index .filter-area .filter-area-box .content .item a.inner:hover,
.std-index .filter-area .filter-area-box .content .item a.inner.active {
	color: #000;
	border-color: #00A2E9;
	background: #F7FCFE;
}

.std-index .filter-area .filter-area-box.big .content .item {
	height: 75px;
}

.std-index .filter-area .filter-area-box.big .content .item a.inner {
	height: 73px;
}

.std-index .filter-area .filter-area-box.big .content .item a.inner img {
	width: 36px;
}

.std-index .filter-area .filter-area-box.small .content .item {
	height: 70px;
}

.std-index .filter-area .filter-area-box.small .content .item a.inner {
	height: 68px;
}

.std-index .filter-area .filter-area-box.small .content .item a.inner img {
	width: 40px;
}

.std-index .filter-area .filter-area-box.shape .content {
	position: relative;
	border: 1px solid #DDDDDD;
	border-top: none;
	border-left: none;
}

.std-index .filter-area .filter-area-box.shape .content .shape-select {
	height: 40px;
	padding: 0 30px;
	line-height: 40px;
	cursor: pointer;
}

.std-index .filter-area .filter-area-box.shape .content .shape-select i {
	display: inline-block;
	color: #888888;
	margin-left: 4px;
}

.std-index .filter-area .filter-area-box.shape .content .shape-select:hover {
	color: #000000;
}

.std-index .filter-area .filter-area-box.shape .content .shape-select:hover i {
	transform: rotateY(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

.std-index .filter-area .filter-area-box.shape .content .shape-select .hide-box {
	position: absolute;
	top: 40px;
	left: -1px;
	z-index: 999;
	width: 1093px;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	padding: 10px;
	display: none;
}

.std-index .filter-area .filter-area-box.shape .content .shape-select .hide-box .shape-item {
	display: inline-block;
	padding: 6px;
	margin-right: 10px;
	line-height: 18px;
}

.std-index .filter-area .filter-area-box.shape .content .shape-select .hide-box .shape-item:hover {
	background: #F7FCFE;
	color: #000000;
	border: 1px solid #00A2E9;
}

.std-index .filter-area .filter-area-box.shape .content .shape-select .hide-box .shape-item img {
	width: 50px;
}

.std-index .filter-area .isSelect-box {
	min-height: 50px;
	/*border: 1px solid #ddd;*/
	/*border-top: none;*/
	border-bottom: 1px solid #ddd;
}

.std-index .filter-area .isSelect-box .title {
	width: 108px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #AAAAAA;
}

.std-index .filter-area .isSelect-box .content {
	width: 1090px;
	line-height: 50px;
}

.std-index .filter-area .isSelect-box .content .item {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	padding: 0 8px;
	border: 1px solid #DDDDDD;
	margin-right: 4px;
	background: #F4F6F8;
}

.std-index .filter-area .isSelect-box .content .item.active {
	border: 1px solid #00A2E9;
	color: #000000;
	background: #fff;
}

.std-index .filter-area .isSelect-box .content .item .close {
	font-size: 12px;
	margin-left: 6px;
	color: #BBBBBB;
	cursor: pointer;
}

.std-index .filter-area .isSelect-box .content .item.active .close {
	color: #00A2E9;
}

.std-index .filter-area .isSelect-box .content .clear-all:hover {
	color: #00A2E9;
}

.std-index .list-area {
	margin-top: 20px;
}

.std-index .list-area .list-area-top {
	height: 40px;
	line-height: 39px;
	background: #F4F6F8;
	border: 1px solid #DDDDDD;
	padding: 0 20px;
	font-size: 14px;
}

.std-index .list-area .list-area-top .num,
.std-index .list-area .list-area-top .page {
	color: #00A2E9;
	font-weight: 700;
}

.std-index .list-area .list-area-top .arrow i {
	background: #FFFFFF;
	color: #CCCCCC;
}

.std-index .list-area .list-area-top .arrow i:hover {
	color: #00A2E9;
	cursor: pointer;
}

.std-index .list-area .list-area-top .layout i {
	margin-left: 10px;
	cursor: pointer;
}

.std-index .list-area .list-area-top .layout i.active,
.std-index .list-area .list-area-top .layout i:hover {
	color: #00A2E9;
}

.std-index .list-area .two-column .item {
	width: 50%;
	border: 1px solid #CCCCCC;
	border-top: none;
}

.std-index .list-area .two-column .item:nth-of-type(even) {
	border-left: none;
}

.std-index .list-area .two-column .item .inner {
	display: block;
	padding: 18px;
	border: 1px solid #FFFFFF;
}

.std-index .list-area .two-column .item .inner:hover {
	border: 1px solid #00A2E9;
	background: #F7FCFE;
}

.std-index .list-area .two-column .item .inner .img-box {
	width: 120px;
	text-align: center;
}

.std-index .list-area .two-column .item .inner .img-box img {
	width: 100%;
}

.std-index .list-area .two-column .item .inner .content {
	margin-left: 10px;
	width: 430px;
	height: 92px;
}

.std-index .list-area .two-column .item .inner .content .std-name {
	font-size: 18px;
	font-weight: 700;
	color: #000000;
	margin-bottom: 4px;
}

.std-index .list-area .two-column .item .inner .content .cn-name {
	font-size: 13px;
	color: #888888;
}

.std-index .list-area .two-column .item .inner .content .en-name {
	color: #000000;
	word-wrap: break-word;
	margin-top: 14px;
}

.std-index .list-area .five-column {
	display: none;
}

.std-index .list-area .five-column .item {
	width: 232px;
	margin: 20px 10px 0 0;
}

.std-index .list-area .five-column .item:nth-of-type(5n) {
	margin-right: 0;
}

.std-index .list-area .five-column .item .inner {
	display: block;
	text-align: center;
}

.std-index .list-area .five-column .item .inner .img-box {
	border: 1px solid #DDDDDD;
	margin-bottom: 16px;
}

.std-index .list-area .five-column .item .inner .std-name {
	font-size: 14px;
	font-weight: 700;
	color: #000000;
	margin-bottom: 4px;
}

.std-index .list-area .five-column .item .inner .cn-name {
	font-size: 14px;
}

.std-index .list-area .five-column .item .inner:hover .img-box {
	border-color: #00A2E9;
}

.std-index .list-area .five-column .item .inner:hover .std-name {
	color: #00A2E9;
}

.std-index .list-area .page-area {
	text-align: center;
	margin: 45px auto 0;
}
.std-index .list-area .page-area .page span.cpb {
    color: #00A2E9;
    font-weight: 700;
}
.std-index .list-area .page-area .page a {
	display: inline-block;
	border: 1px solid #DDDDDD;
	padding: 0 10px;
	line-height: 30px;
}

.std-index .list-area .page-area .page a:hover,
.std-index .list-area .page-area .page a.active {
	font-weight: 700;
	color: #00A2E9;
	border: 1px solid #00A2E9;
}
.std-index .list-area .page-area .tip {
	margin-top: 18px;
	color: #000000;
}
.std-index .list-area .no-data {
	margin-top: 20px;
	font-size: 14px;
	text-align: center;
}
.std-index .list-area .no-data .iconfont {
	font-size: 60px;
	color: #CCCCCC;
}