@charset "utf-8";
.layui-fluid {
	padding: 0
}
:root {
--theme-color:#5aa929
}
.layui-fluid, .layui-main {
	font-size: 14px;
	min-width: 1200px
}
p {
	font-size: 16px;
	line-height: 27px
}
.ptop5 {
	padding-top: 5px
}
.ptop10 {
	padding-top: 10px
}
.ptop15 {
	padding-top: 15px
}
.ptop20 {
	padding-top: 20px
}
.ptop30 {
	padding-top: 30px
}
.ptop50 {
	padding-top: 50px
}
.pbottom5 {
	padding-bottom: 5px
}
.pbottom10 {
	padding-bottom: 10px
}
.pbottom15 {
	padding-bottom: 15px
}
.pl10 {
	padding-left: 10px
}
.pl15 {
	padding-left: 15px
}
.pl20 {
	padding-left: 20px
}
.pr10 {
	padding-right: 10px
}
.pr15 {
	padding-right: 15px
}
.pr20 {
	padding-right: 20px
}
.plr5 {
	padding: 0 5px
}
.plr10 {
	padding: 0 10px
}
.plr15 {
	padding: 0 15px
}
.plr20 {
	padding: 0 20px
}
.ptb5 {
	padding: 5px 0
}
.ptb10 {
	padding: 10px 0
}
.ptb15 {
	padding: 15px 0
}
.ptb20 {
	padding: 20px 0
}
.ptb25 {
	padding: 25px 0
}
.ptb30 {
	padding: 30px 0
}
.pall5 {
	padding: 5px
}
.pall10 {
	padding: 10px
}
.pall20 {
	padding: 20px
}
.mtop5 {
	margin-top: 5px
}
.mtop10 {
	margin-top: 10px
}
.mtop15 {
	margin-top: 15px
}
.mtop20 {
	margin-top: 20px
}
.mtop30 {
	margin-top: 30px
}
.mtop50 {
	margin-top: 50px
}
.mbottom5 {
	margin-bottom: 5px
}
.mbottom10 {
	margin-bottom: 10px
}
.mbottom15 {
	margin-bottom: 15px
}
.ml10 {
	margin-left: 10px
}
.ml15 {
	margin-left: 15px
}
.ml20 {
	margin-left: 20px
}
.mr10 {
	margin-right: 10px
}
.mr15 {
	margin-right: 15px
}
.mr20 {
	margin-right: 20px
}
.mlr10 {
	margin: 0 10px
}
.mlr15 {
	margin: 0 15px
}
.mlr20 {
	margin: 0 20px
}
.mtb10 {
	margin: 10px 0
}
.mtb15 {
	margin: 15px 0
}
.mtb20 {
	margin: 20px 0
}
.mtb25 {
	margin: 25px 0
}
.mtb30 {
	margin: 30px 0
}
.mall5 {
	margin: 5px
}
.mall10 {
	margin: 10px
}
.mall20 {
	margin: 20px
}
.wwbreadcrumb a, .wwbreadcrumb a:hover, .wwbreadcrumb span[lay-separator] {
	color: #fff!important
}
.bobreadcrumb a, .bobreadcrumb span[lay-separator] {
	color: #000!important
}
.bobreadcrumb a:hover {
	color: #ee7404!important
}
a, a.bwlink {
	color: #000
}
a.wlink, a.wwlink, a.wwlink:hover, a.bwlink:hover {
	color: #fff
}
a.dglink {
	color: #333
}
a.lglink {
	color: #666
}
a.clink, a:hover {
	color: var(--theme-color)
}
.fr {
	float: right
}
.fl {
	float: left
}
.fw {
	font-weight: bold
}
.tleft {
	text-align: left
}
.tright {
	text-align: right
}
.tcenter {
	text-align: center
}
.lh22 {
	line-height: 22px
}
.lh42 {
	line-height: 42px
}
.lh52 {
	line-height: 52px
}
.lh62 {
	line-height: 62px
}
.lh72 {
	line-height: 72px
}
.lh82 {
	line-height: 82px
}
.fsize12 {
	font-size: 12px
}
.fsize16 {
	font-size: 16px
}
.fsize18 {
	font-size: 18px
}
.fsize20 {
	font-size: 20px
}
.fsize22 {
	font-size: 22px
}
.fsize24 {
	font-size: 24px
}
.fsize26 {
	font-size: 26px
}
.fsize30 {
	font-size: 30px
}
.fsize32 {
	font-size: 32px
}
.fsize36 {
	font-size: 36px
}
.fsize40 {
	font-size: 40px
}
h1 {
	font-size: 32px
}
h2 {
	font-size: 26px
}
h3 {
	font-size: 22px
}
h4 {
	font-size: 18px
}
h5 {
	font-size: 16px
}
h6 {
	font-size: 14px
}
.imgbfb {
	width: 100%
}
.imgbf80 {
	width: 80%
}
.imgbf60 {
	width: 60%
}
.imgbf40 {
	width: 40%
}
.pimg-h140 {
	height: 140px
}
.pimg-h160 {
	height: 160px
}
.pimg-h180 {
	height: 180px
}
.pimg-h200 {
	height: 200px
}
.pimg-h214 {
	height: 214px
}
.elementimgwbfb img {
	width: 100%
}
.elementimgfixh img {
	width: 100%;
	height: 215px
}
.elip2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.elip3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}
.hideelement {
	display: none
}
.enlargeimg {
	overflow: hidden
}
.enlargeimg img {
	transition: all .5s
}
.enlargeimg:hover img {
	transform: scale(1.1);
	transition: all .5s
}
.bordersb1 {
	border-bottom: 1px solid #ddd
}
.bordersb2 {
	border-bottom: 2px solid #ddd
}
.borderdb1 {
	border-bottom: 1px dashed #ddd
}
.borderdb2 {
	border-bottom: 2px dashed #ddd
}
.bordersall1 {
	border: 1px solid #ddd
}
.borderdtb1-double {
	height: 5px;
	border-width: 1px 0 1px 0;
	border-style: dashed;
	border-color: #ddd
}
.borderstb1-double {
	height: 5px;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #ddd
}
.details-table table {
	width: 100%;
	border-collapse: collapse
}
.details-table table, .details-table th, .details-table td {
	padding-left: 10px;
	border: 1px solid #ddd
}
.details-table table th, .details-table table td:first-child {
	font-size: 16px;
	line-height: 42px;
	font-weight: bold
}
.details-table img {
	width: 100%;
	margin: 5px 0
}
.top-snav-bg {
	background-color: #f2f2f2
}
.top-snav li {
	display: inline-block;
	position: relative
}
.top-snav li p {
	width: 350%;
	position: absolute;
	background-color: #fff;
	top: 42px;
	right: 0;
	z-index: 66666
}
.search {
	width: 400px;
	margin: 0 auto
}
.search .search-input:first-child {
	width: 330px;
	margin-right: 0
}
.search .search-input:last-child {
	width: 60px
}
.search .layui-input {
	border-radius: 20px 0 0 20px
}
.search .layui-input, .search .layui-input:hover, .search .layui-input:focus {
	border: 1px solid #e2e2e2
}
.search button {
	background-color: #fff;
	border: solid #e2e2e2;
	border-width: 1px 1px 1px 0;
	border-radius: 0 20px 20px 0
}
.search button, .search button:hover {
	color: #000
}
.search-hotlist a {
	padding: 0 5px
}
.logo-nav, .logo-nav-info {
	height: 80px
}
.logo-nav-logo, .logo-nav li {
	line-height: 80px
}
.logo-nav {
	background: linear-gradient(to left, #fff 0, #fff 80%, var(--theme-color) 81%, var(--theme-color) 100%);
	border-bottom: 3px solid #abb2a6
}
.logo-nav li {
	display: inline-block;
	position: relative
}
.logo-nav li:hover {
	background-color: var(--theme-color)
}
.logo-nav-bg {
	height: 0;
	color: #fff;
	border-bottom: 80px solid var(--theme-color);
	border-right: 40px solid transparent;
	padding-right: 0
}
.logo-nav-layer {
	display: none;
	position: absolute;
	z-index: 100;
	top: 80px;
	left: -300px;
	right: 0;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 0 0 20px 20px
}
.logo-nav-layer .layer-nav p {
	display: inline-block;
	border: 1px solid #888
}
.logo-nav-layer .layer-nav p:hover {
	background-color: #ddd
}
.product-catimglist {
	background: url(../img/cplbbg.png) left center no-repeat;
	background-size: cover
}
.pcat-imgone:not(:last-child) {
	border-right: 1px solid #fff
}
.pcat-imgone {
	transition: all .5s
}
.pcat-imgone:hover {
	background: linear-gradient(rgba(20,161,83,0.8), rgba(188,228,206,0.4));
	color: #fff;
	margin-top: -1%;
	height: 100%
}
.pcat-imgone:hover a {
	color: #fff
}
.pcat-imgone i {
	font-size: 40px;
	color: var(--theme-color)
}
.pcat-imgone:hover i {
	color: #fff
}
.pcat-imgone img {
	padding: 5%;
	width: 90%
}
.pcat-imgone h2 {
	margin: 60px auto 30px auto;
	letter-spacing: .1em
}
.product-ftitle {
	background-color: #f4f4f4;
	border-bottom: 3px solid var(--theme-color);
	margin-bottom: 10px;
	padding: 5px 5px 0 0
}
.product-ftitle span:nth-child(2) {
	font-size: 22px;
	font-weight: 400;
	padding-left: 10px
}
.product-ftitle span:nth-child(1) {
	font-size: 30px;
	font-weight: bold;
	padding: 10px 8px;
	background-color: var(--theme-color);
	color: #fff
}
.product-list-catinfo {
	background-color: #eeedf2
}
.product-list p {
	background-color: var(--theme-color)
}
.good-content-bg {
	background: url(../img/p1_t.jpg) top repeat-x, url(../img/p_bck.jpg);
	padding: 66px 0 30px 0
}
.good-content-title div:nth-child(1) {
	color: #06c
}
.good-content-title div:nth-child(1) span {
	color: red
}
.section-title div {
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px 20px
}
.section-title div span {
	padding-bottom: 5px;
	border-bottom: 2px solid #000
}
.info-list li {
	border-bottom: 1px dotted #e2e2e2
}
.info-list i {
	font-size: 12px;
	color: red
}
.button-title p {
	background: url(../img/index_foot1.png);
	background-position: 0 0;
	width: 146px;
	height: 126px;
	margin: 0 auto;
	margin-bottom: 25px;
	transition: transform .5s ease
}
.button-title:hover p {
	background-position: 0 -126px;
	transform: rotateY(180deg)
}
.button-title h2 {
	font-size: 18px
}
.button-title h3 {
	font-size: 16px
}
.button-title:nth-child(2) p {
	background-position: -146px 0
}
.button-title:nth-child(2):hover p {
	background-position: -146px -126px
}
.button-title:nth-child(3) p {
	background-position: -292px 0
}
.button-title:nth-child(3):hover p {
	background-position: -292px -126px
}
.button-title:nth-child(4) p {
	background-position: -438px 0
}
.button-title:nth-child(4):hover p {
	background-position: -438px -126px
}
.panel_info {
	border: 1px solid #eee
}
.panel-title_info {
	padding-left: 15px
}
.panel-content_info {
	margin: 0 10px 10px 10px
}
.panel-content_info img{ max-width:100%;}
.panel-title {
	padding-left: 30px;
	background-color: var(--theme-color)
}
.panel-content {
	background-color: #f5f5f5
}
.product-ctree_info li {
	padding-left: 50px
}
.product-ctree_info li:hover {
	border-left: 2px solid var(--theme-color);
	background-color: #e7e8ea
}
.product-ctree li {
	background-color: #f5f5f5;
	padding: 0 10px 0 20px;
	line-height: 50px;
	font-size: 16px;
	border-bottom: 1px solid #e1e1e1;
	transition: all .5s
}
.product-ctree li:hover i {
	float: left
}
.product-ctree li:hover {
	padding: 0 5px 0 25px
}
.product-ctree i {
	font-size: 12px;
	margin-right: 5px
}
.info-list {
	border-top: 1px dotted #ccc
}
.info-list-one {
	padding: 20px 0;
	border-bottom: 1px dotted #ccc
}
.info-list-one .title {
	font-size: 20px;
	line-height: 42px
}
.info-list-one .datetime {
	font-size: 16px;
	line-height: 24px;
	color: #ccc
}
.info-list-one .info {
	font-size: 14px;
	line-height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.product-list_lists {
	padding: 8px
}
.product-list_lists:hover {
	box-shadow: 0 0 8px #9d9d9d
}
.product-list_lists p:nth-child(2) {
	margin-top: 10px;
	background-color: #f0f0f0
}
.product-list_lists p:nth-child(3) {
	color: red
}
.product-list_lists p:nth-child(3) span {
	color: #fff;
	background-color: var(--theme-color);
	padding: 5px 10px;
	border-radius: 5px
}
.product-list_lists:hover .enlargeimg img {
	transform: scale(1.2);
	transition: all .5s
}
.paging a, .paging span {
	padding: 5px 10px;
	border: 1px solid #d6d6d6;
	background: linear-gradient(180deg, #fdfdfd, #ebebeb);
	color: #343843;
	border-radius: 5px
}
.paging a:hover, .paging .cpage {
	background: linear-gradient(180deg, #262626, #202020);
	color: #fff
}

#preview {
	width: 500px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	overflow: hidden;
	float: left;
}
#spec-n1 {
	float: left;
	border: 1px solid #ccc;
	padding: 4px;
	width: 490px;
	height: auto;
	overflow: hidden;
}
#spec-n1 img {
	width: 490px;
	height: 368px;
}
#spec-n5 {
	width: 500px;
	display: inline;
	height: 90px;
	float: left;
	background: #f5f5f5;
	padding-top: 10px;
	padding-bottom: 5px;
}
#spec-list {
	float: left;
	margin-left: 2px;
	display: inline;
	overflow: hidden;
	height: auto;
	width: 498px;
}
#spec-list li {
	width: 114px;
	height: auto;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}
#spec-list ul li img {
	padding: 2px;
	border: 1px solid #ccc;
	width: 108px;
	display: inline;
	height: 81px;
	margin-bottom: 8px;
}
.tables {
	float: right;
	width: 350px;
	overflow: hidden;
	margin-top: 10px;
	margin-right: 10px;
}
.cp_title {
	font-size: 26px;
	font-weight: 500;
	color: #555555;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	border-bottom: 1px solid #dedede;
	padding-left: 30px;
}
.cp_ss {
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	border-bottom: 1px solid #dedede;
	padding-left: 20px;
	font-size: 18px;
	font-weight: 700;
	color: #0A77BD;
}
.cp_ss a {
	color: #0A77BD;
}
.cp_con {
	margin: 7px 0 0 20px;
	width: 330px;
	overflow: hidden;
}
.cp_con li {
	line-height: 40px;
	font-size: 16px
}
.cp_hz {
	margin: 10px 0 0 20px;
	width: 368px;
}