* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Sans-serif;
}

@font-face {
	font-family: 'iconfont';
	src: url('../lib/font/iconfont.eot');
	src: url('../lib/font/iconfont.eot?#iefix') format('embedded-opentype'), url('../lib/font/iconfont.woff') format('woff'), url('../lib/font/iconfont.ttf') format('truetype'), url('../lib/font/iconfont.svg#iconfont') format('svg');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.nav {
	background: #000;
	height: 40px;
	line-height: 40px;
}

.nav a {
	color: #FFFFFF;
	margin-right: 15px;
	padding-right: 20px;
	border-right: 1px solid #4c4c4c;
}

.login-box {
	text-align: right;
}

.nav #soso {
	width: 90%;
	height: 26px;
	border-radius: 3px;
	border: none;
	text-indent: 10px;
}
.nav .soso-btn {
	height: 26px;
	color: #555555;
	width: 30px;
	border: none;
	border-radius: 3px;
	background: #fff;
	margin-left: -30px;
	border-left: 1px solid #d8d8d8;
}

.top-logo {
	height: 90px;
	border-bottom: 1px solid #E9E7E7;
}

#pc-logo {
	height: 80px;
	margin-top: 3px;
}

#m-logo {
	display: none;
}

.top-nav {
	text-align: right;
}

.top-nav .top-nav-xs {
	display: none;
}

.top-nav>a {
	display: inline-block;
	margin-top: -1px;
	height: 90px;
	line-height: 90px;
	color: #000000;
	font-size: 16px;
	padding: 0 12px;
	font-weight:bold;
}

.top-nav>a:hover {
	color: #FFFFFF;
	background: #BD0404;
}

.top-nav>a.this {
	color: #FFFFFF;
	background: #BD0404;
}

.m-nav {
	display: none;
}

.footer {
	background: #000000;
	padding: 50px 0;
}

.layui-breadcrumb a {
	color: #BD0404 !important;
}

.layui-breadcrumb a:hover {
	color: #BD0404 !important;
}

.home-title>h2 {
	font-size: 25px;
	margin-top: 30px;
	margin-bottom: 20px;
}

.home-title>div {
	margin-bottom: 13px;
}

.home-title>p {
	font-size: 16px;
	margin-bottom: 6px;
}

#select>select {
	width: 100%;
	height: 40px;
	margin-bottom: 5px;
	padding: 0 9px;
	border-radius: 3px;
	border: 1px solid #d8d8d8;
}

.search>input {
	width: 85%;
	float: left;
}

.search>button {
	width: 15%;
	height: 38px;
	background: #f3f3f3;
	border: 1px solid #e2e2e2;
	margin-left: -1px;
	border-radius: 0 3px 3px 0;
	cursor: pointer;
}

.list-box {
	width: 100%;
	text-align: center;
}

.list-box>img {
	width: 100%;
}

.list-box>p {
	font-size: 16px;
	margin-top: 15px;
}

.list-box:hover {
	color: #BD0404 !important;
	text-decoration:underline;
}

.footer {
	margin-top: 30px;
}

.footer-logo {
	text-align: center;
}

.product-crumbs {
	height: 40px;
	line-height: 40px;
	background: #000000;
	margin-bottom: 20px;
}

.product-crumbs>div>div {
	text-align: center;
}

.product-crumbs>div>div a {
	font-size: 16px;
	color: #FFFFFF !important;
}

.product-crumbs>div>div a>cite {
	font-size: 16px;
	color: #FFFFFF !important;
}

.tree {
	background: #FFFFFF;
	width: 100%;
	box-shadow: 0 0 5px #808080;
	padding: 15px;
}

.tree>h2 {
	font-size: 14px;
	margin-bottom: 15px;
}

.tree>.hr-red {
	background-color: #BB0103;
	width: 27%;
	margin-top: -11px;
}

.ny_zblb1 li {
	line-height: 33px;
	font-size: 14px;
	color: #333;
	width: 100%;
}

.ny_zblb1 li a {
	display: block;
	text-decoration: none;
	color: #333;
	background: url(../img/04.gif) no-repeat right;
}
.ny_zblb1 li a.cur {
	color: #000000;
	font-weight: bold;
	background: url(../img/04_h.gif) no-repeat right;
	text-decoration: none;
}

.ny_zblb1 li ul {
	display: none;
	color: #666;
	padding: 5px 0 5px 30px;
}

.ny_zblb1 li ul li {
	float: none;
	background-image: none;
	line-height: 22px;
	margin-top: 0px;
	font-size: 12px;
}

.ny_zblb1 li ul li a {
	display: block;
	background: url(../img/04.gif) no-repeat right;
}

.ny_zblb1 li ul a:hover {
	color: #BD0404;
}

.menuTree {
	line-height: 30px;
}

.menuTree span {
	cursor: pointer;
}

.menuTree>div>ul {
	display: none;
	margin-left: 20px;
}

.menuTree>div>ul>div>ul {
	margin-left: 20px;
}

.menuTree .this {
	font-weight: 600;
}

.product-box {
	width: 100%;
	box-shadow: 0 0 5px #808080;
	border: 2px solid rgba(189, 4, 4, 0);
}

.product-box>img {
	width: 100%;
	height:200px;
	cursor: pointer;
}

.product-box>.verso {
	display: none;
}

.product-box>.product-text {
	background: #FFFFFF;
	width: 100%;
	padding: 10px;
	position: relative;
	min-height:90px;
}
.product-box>.product-text>div{
	display: none;
	position: absolute;
	text-align: right;
	bottom: 20px;
	width: 80%;
	right: 0px;
	font-size: 14px;
}
.product-box>.product-text>div>div{
	background: #BD0404;
	display: inline-block;
	padding: 2px 5px;
	margin: 5px 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.33);
}
.product-box>.product-text>div>div>a{
	color: #FFFFFF;
}
.product-box:hover{
	border: 2px solid #BD0404;
}
.product-box:hover .front{
	display: none;
}
.product-box:hover .verso{
	display: block;
}
.product-box:hover .product-text>div{
	display: block;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
	background: #BE0304;
}
.pagepro { margin-top:40px;}
#page a:hover {
	color: #BD0303 !important;
}

.footer-logo>img {
	height: 80px;
	margin-top: 21px;
}

.preview {
	border:1px #e6e6e6 solid;
	padding:6px;
}

.preview>#img-big {
	width: 100%;
	border-bottom:1px #e6e6e6 solid;

}

.preview>#img-big>a>img {
	width: 100%;
}

.preview>#pre-img {
	margin-top: 5px;

}

.preview>#pre-img>a {
	width: 25%;
	margin-right: -4px;
	display: inline-block;
	border:1px #e6e6e6 solid;
	padding:3px;
	margin-left:3px;
}

.preview>#pre-img>a>img {
	width: 100%;
}

.pre-title>h2 {
	font-size: 35px;
}

.pre-title>h4 {
	font-size: 20px;
	margin: 15px auto;
}

.pre-title>div>input {
	height: 36px;
	width: 50px;
	border-radius: 3px;
	border: 1px solid #dedede;
	text-align: center;
	vertical-align: top;
}

.pre-title>div {
	margin-bottom: 30px;
}

.pre-title>div>button {
	width: 185px;
	color: #ffffff;
	font-weight: 600;
	height: 60px;
	vertical-align: top;
	background: #CD2122;
	border: none;
	border-radius: 3px;
	margin-left: 5px;
}

.support-tit>div>div {
	text-align: left;
	color: #ffff;
	font-size: 20px;
}

.sup-input {
	padding: 30px 20px;
	box-shadow: 0 0 5px #b9b9b9;
}

.sup-input>h2 {
	font-size: 2rem;
	text-align: center;
	margin-bottom: 30px;
}
.sup-input>h4 {
	color:#4f4f4f;
	font-weight:bold;
}

.sup-input p {
	margin-bottom: 10px;
	margin-top: 20px;
	font-weight:bold;
	color:#4f4f4f;
}

.sup-input div {
	padding: 10px;
	border: 1px solid #eaeaea;
	margin-top: 20px;
}

.sup-input>div {
    border: none;
    margin-top: 0px;
    margin-left: 15px;
    margin-bottom: -18px;
    color: #4f4f4f;
}
.sup-input>div>a {
    color: #CD2122;
}
.sup-input>div>a:hover {
	text-decoration:underline;
}
.sup-input>form>button {
	font-size: 1.5rem;
	font-weight:bold;
	width: 100%;
	color: #ffffff;
	font-weight: 600;
	height: 60px;
	margin-top: 20px;
	vertical-align: top;
	background: #CD2122;
	border: none;
	border-radius: 3px;
	margin-left: 5px;
	cursor:pointer;

}
.sup-input>form>button:hover{background-color:#4f4f4f;}

.sup-input>form>button:active{background-color:#4f4f4f;}

.sup-input>hr {
	margin: 20px auto;
}
.input{
    width: 100%;
    padding: 9px 10px;
    border-radius: 3px;
    border: 1px solid #d6d6d6;
}
input.this, textarea.this{
    box-shadow: 0 0 10px rgba(189, 4, 4, 0.2196078431372549) !important;
    border: 1px solid #bd0404 !important;
}
.footer-nav-left {
	color: #FFFFFF;
}

.footer-nav-left>ul {
	margin-top: 15px;
}

.footer-nav-left>ul>li {
	list-style-type: initial;
	margin-left: 38px;
	line-height: 20px;
}

.footer-nav-left>ul>li>a {
	color: #BC0302;
}

.footer-nav-right {
	color: #FFFFFF;
	float: right;
}

.footer-nav-right>ul {
	margin-top: 15px;
}

.footer-nav-right>ul>li {
	margin-left: 15px;
	line-height: 20px;
}

.footer-nav-right>ul>li>a {
	color: #fff;
	margin-left: 10px;
}
.list-title{
	height: 50px;
	width: 100%;
	margin-bottom: 30px;
	line-height: 50px;
	padding: 0 10px;
	font-size: 2rem;
	border-bottom:solid #e6e6e6 1px;
	color:#4f4f4f;
}

@media screen and (max-width: 768px) {
	.nav {
		display: none;
	}
	.top-nav .top-nav-xs {
		display: block;
	}
	.logo {
		float: left;
	}
	#pc-logo {
		display: none;
	}
	#m-logo {
		display: block;
		width: 140px;
	}
	.top-logo {
		height: 56px;
	}
	.top-nav {
		width: 100%;
		position: fixed;
		background: #FFFFFF;
		top: 56px;
		left: 0;
		z-index: 999;
		display: none;
	}
	.top-nav>a {
		background: #fff;
		width: 100%;
		text-align: left;
		line-height: 40px;
		height: 40px;
		padding-left: 18px;
	}
	.m-nav {
		float: right;
		display: block;
		text-align: center;
		height: 34px;
		line-height: 34px;
		width: 38px;
		margin: 0 auto;
		margin-top: 10px;
		border: 1px solid #d2d2d2;
		background: #ffffff;
		border-radius: 3px;
	}
	.m-nav.this {
		border: 1px solid #BD0404;
		background: #BD0404;
	}
	.m-nav>i {
		font-size: 20px;
		color: #7b7b7b;
		margin-left: 4px;
	}
	.m-nav.this>i {
		color: #FFFFFF;
	}
	#m-mask {
		display: none;
		width: 100%;
		position: fixed;
		left: 0;
		top: 56px;
		height: 100%;
		z-index: 998;
		background: rgba(0, 0, 0, 0.5019607843137255);
	}
	.search>input {
		width: 80%;
	}
	.search>button {
		width: 20%;
	}
	.footer-nav-right {
		color: #FFFFFF;
		float: left;
	}
	.footer-logo>img {
		margin: 50px auto;
		height: auto;
		max-width: 276px;
	}
	.product-box>img {
		height:auto;
	}
}
@media screen and (max-width: 1200px) {
	.nav a{
	    margin-right: 5px;
    	padding-right: 5px;
	}
	#pc-logo {
	    height: 61px;
	    margin-top: 12px;
	}
	.top-nav>a {
	    padding: 0 8px;
	}
	.footer-logo>img {
	    height: 46px;
	    margin-top: 46px;
	}
	.sup-input>h2 {
	    font-size: 1.6rem;
	    text-align: center;
	    margin-bottom: 30px;
	}
}

.met_pager {
	margin-top: 20px;
	text-align: center
}
.met_pager a {
	border: 1px solid #e4eaec;
	border-right: none;
	background: #fff;
	padding: 9px 15px;
	text-align: center;
	color: #76838f;
	margin-right:2px;
}
.met_pager a:hover {
	background: #f5f5f5;
	text-decoration: none
}
.met_pager a {
	text-decoration: none
}
.met_pager span {
	padding: 9px 15px;
	text-align: center;
	color: #fff;
	background-color:#BD0404;
}
@media (max-width:488px) {
.met_pager a {
	padding: 5px;
}
.met_pager span {
	padding: 5px;
	text-align: center;
	color: #fff;
	background-color:#BD0404;
}

}

.nt li{line-height:30px; }
.nt{border-bottom:dotted 1px #ccc;border-top:dotted 1px #ccc; margin-top:30px;}