.posi {
	position: relative;
}
.second-left {
	height: 33px; margin-top: 20px; float: left;
}
.second-left a {
	padding: 0px 20px; border-radius: 30px; height: 33px; color: rgb(51, 51, 51); line-height: 33px; font-size: 14px; float: left; display: block;
}
.second-left a.active {
	background: rgb(192, 189, 183); color: white;
}
.snav-li {
	padding: 20px 0px; top: 74px; display: none; position: absolute;
}
.snav-li a {
	padding: 0px 18px; color: rgb(102, 102, 102); line-height: 14px; font-size: 14px; font-weight: lighter; border-right-color: rgb(216, 216, 216); border-right-width: 1px; border-right-style: solid;
}
.snav-li a.active {
	color: rgb(51, 51, 51); font-weight: bold;
}
.snav-li a:hover {
	color: rgb(51, 51, 51); font-weight: bold;
}
.three-big {
	background: white; padding: 30px 55px 14px 37px; border-radius: 50px; top: 127px; width: 100%; display: none; position: absolute; z-index: 33; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
.tnav-li a {
	padding: 0px 18px; color: rgb(136, 136, 136); line-height: 14px; font-size: 14px; font-weight: lighter; margin-bottom: 15px; border-right-color: rgb(216, 216, 216); border-right-width: 1px; border-right-style: solid; display: inline-block;
}
.tnav-li a:last-child {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.snav-li a:last-child {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.tnav-li {
	display: none;
}
.one-nav {
	margin: 0px auto; height: 74px; line-height: 74px; float: left; z-index: 111;
}
.one-nav > li {
	padding: 20px 0px; height: 74px; text-align: center; line-height: 74px; float: left;
}
.one-nav > li > a {
	padding: 0px 20px; height: 33px; color: rgb(51, 51, 51); line-height: 33px; font-size: 14px; display: block;
}
.one-nav > li > a.active {
	background: rgb(192, 189, 183); border-radius: 30px; color: white;
}
.one-nav li .second-nav {
	left: 0px; width: 100%; margin-top: 20px; display: none; position: absolute; z-index: 5;
}
.one-nav li .second-nav li {
	color: rgb(102, 102, 102); line-height: 53px; float: left;
}
.one-nav li .second-nav li a {
	padding: 0px 20px; color: rgb(102, 102, 102); line-height: 14px; font-size: 14px; border-right-color: rgb(216, 216, 216); border-right-width: 1px; border-right-style: solid;
}
.one-nav li .second-nav li .third-nav {
	background: white; padding: 20px 35px 5px; border-radius: 50px; left: 0px; width: 100%; display: none; position: absolute; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
.one-nav li .second-nav li .third-nav li {
	line-height: 14px; margin-bottom: 15px;
}
.one-nav li .second-nav li .third-nav li a {
	color: rgb(136, 136, 136);
}
.one-nav li .second-nav li:hover > a {
	color: rgb(51, 51, 51); font-weight: bold;
}
.one-nav li .second-nav li .third-nav li:hover > a {
	color: rgb(51, 51, 51); font-weight: bold;
}
.crumb {
	color: rgb(102, 102, 102); line-height: 73px; font-size: 14px; float: right;
}
.crumb a {
	background: url("../images/crumb.png") no-repeat right 6px center; color: rgb(102, 102, 102); padding-right: 18px; font-size: 14px;
}
.crumb a:last-child {
	background: none; padding-right: 0px;
}
.pro-list {
	background: white; padding: 40px 40px 30px; width: 398px; margin-right: 3px; margin-bottom: 3px; float: left; display: block;
}
.pro-font {
	color: rgb(51, 51, 51); line-height: 30px; overflow: hidden; font-size: 20px; margin-top: 24px; margin-bottom: 14px; white-space: nowrap; position: relative; -ms-text-overflow: ellipsis;
}
.pro-font::after {
	background: url("../images/more.png") no-repeat center; transition:0.5s; top: 0px; width: 30px; height: 30px; right: 0px; position: absolute; z-index: 3; content: "";
}
.pro-list hr {
	background: rgb(226, 226, 226); border: currentColor; border-image: none; width: 100%; height: 1px; margin-bottom: 10px;
}
.pro-list p {
	color: rgb(136, 136, 136); line-height: 14px; overflow: hidden; font-size: 14px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
:nth-child(3n).pro-list {
	margin-right: 0px;
}
.pro-pic {
	width: 318px; height: 312px; overflow: hidden; position: relative;
}
.pro-pic img {
	transition:0.5s; width: 100%; height: 100%; display: block;
}
.pro-pic::after {
	background: url("../images/pro-more.png") no-repeat center rgba(0, 0, 0, 0.4); transition:0.5s; left: 0px; width: 100%; height: 0%; bottom: 0px; position: absolute; content: "";
}
.pro-list:hover img {
	transform: scale(1.1);
}
.pro-list:hover .pro-pic::after {
	height: 100%;
}
.pro-list:hover .pro-font::after {
	transform: rotateZ(360deg);
}
.pro-big {
	padding-bottom: 27px;
}
.spec-preview {
	background: rgb(255, 255, 255); width: 50%; overflow: hidden; float: left;
}
.spec-scroll {
	width: 100%; bottom: 0px; overflow: hidden; clear: both; position: absolute;
}
.spec-scroll .prev {
	background: url("../images/left.png") no-repeat center / 9px 17px; float: left;
}
.spec-scroll .prev:hover {
	background: url("../images/leftH.png") no-repeat center / 9px 17px;
}
.spec-scroll .next {
	background: url("../images/right.png") no-repeat center / 9px 17px; float: right;
}
.spec-scroll .next:hover {
	background: url("../images/rightH.png") no-repeat center / 9px 17px; float: right;
}
.spec-scroll .prev {
	width: 10px; height: 82px; cursor: pointer;
}
.spec-scroll .next {
	width: 10px; height: 82px; cursor: pointer;
}
.spec-scroll .items {
	margin: auto; width: 100%; height: 82px; overflow: hidden; position: relative;
}
.spec-scroll .items ul {
	width: 100%; position: absolute;
}
.spec-scroll .items ul li {
	background: rgb(255, 255, 255); border: 1px solid transparent; transition:0.5s; border-image: none; width: 22.8%; height: 82px; text-align: center; margin-right: 15px; float: left; position: relative;
}
.spec-scroll .items ul li img {
	width: 100%; height: 100%; display: block;
}
.spec-scroll .items ul li.hover {
	border-color: rgb(29, 101, 160);
}
.spec-scroll .items ul li:last-child {
	margin-right: 0px;
}
.pro_left {
	overflow: hidden;
}
.jqzoom {
	margin: 0px auto; padding: 0px; border: currentColor; border-image: none; width: 100%; overflow: hidden; display: block; position: relative; cursor: pointer;
}
.jqzoom::after {
	background: url("../images/prode-fang.png") no-repeat center; width: 20px; height: 20px; right: 20px; bottom: 20px; position: absolute; content: "";
}
.jqzoom img {
	width: 100%; display: block;
}
.zoomdiv {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 485px; height: 476px; text-align: center; overflow: hidden; display: none; position: absolute; z-index: 100;
}
.jqZoomPup {
	background: rgb(255, 255, 255); border: 1px solid rgb(170, 170, 170); border-image: none; left: 0px; top: 0px; visibility: hidden; position: absolute; z-index: 10; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5;
}
.canshu {
	width: 45%; height: 410px; padding-top: 40px; margin-left: 60px; float: right; position: relative;
}
.canshu .h1 {
	color: rgb(51, 51, 51); line-height: 30px; padding-bottom: 20px; font-size: 22px; margin-bottom: 20px; position: relative;
}
.canshu .h1::before {
	background: rgb(29, 101, 160); left: 0px; width: 40px; height: 3px; bottom: 0px; position: absolute; content: "";
}
.canshu p {
	color: rgb(102, 102, 102); line-height: 28px; font-size: 16px;
}
.canshu .line {
	background: rgb(29, 101, 160); border-radius: 30px; border: 1px solid transparent; transition:0.5s; border-image: none; width: 130px; height: 38px; text-align: center; color: rgb(255, 255, 255); line-height: 36px; font-size: 14px; font-weight: lighter; margin-bottom: 0px; float: left; display: block;
}
.canshu .line:hover {
	background: none; border-color: rgb(29, 101, 160); color: rgb(29, 101, 160);
}
.canshu-share {
	margin-top: 30px;
}
.canshu-line {
	background: rgb(229, 229, 229); width: 100%; height: 1px; margin-top: 50px;
}
.share {
	height: 38px; float: left;
}
.share i {
	color: rgb(51, 51, 51); line-height: 38px; font-size: 14px; font-style: normal; font-weight: lighter; float: left; display: block;
}
.shop i {
	color: rgb(51, 51, 51); line-height: 38px; font-size: 14px; font-style: normal; font-weight: lighter; float: left; display: block;
}
.share a {
	margin: 0px 10px 0px 0px !important; padding: 0px !important; width: 32px; height: 32px !important; text-align: center; line-height: 32px !important; float: left; display: block;
}
.canshu h4 {
	color: rgb(102, 102, 102); line-height: 28px; font-size: 16px; margin-top: 25px;
}
.canshu span {
	color: rgb(179, 123, 59); line-height: 24px; font-size: 30px; display: inline-block;
}
.proinfo-top {
	height: 33px;
}
.proinfo-top a {
	background: white; width: 94px; height: 33px; text-align: center; line-height: 33px; margin-right: 3px; float: left; display: block;
}
.proinfo-top a.active {
	background: rgb(192, 189, 183); color: white;
}
.proinfo-list {
	background: white; padding: 40px; display: none;
}
.proinfo-list img {
	width: 100%; display: block;
}
.back {
	background: white; padding: 0px 40px 22px; position: relative;
}
.back .shang {
	color: rgb(102, 102, 102); line-height: 16px; font-size: 16px; font-weight: lighter; margin-bottom: 20px; display: block;
}
.back .shang span {
	padding: 0px 30px 0px 14px; color: rgb(102, 102, 102); line-height: 16px; font-size: 16px; font-weight: lighter; position: relative;
}
.back .shang span::after {
	background: rgb(221, 221, 221); top: 0px; width: 1px; height: 20px; right: 20px; position: absolute; content: "";
}
.back .shang span::before {
	background: url("../images/left.png") no-repeat center; left: 0px; top: 0px; width: 7px; height: 20px; position: absolute; content: "";
}
.back .menu {
	background: url("../images/menu.png") no-repeat center; width: 17px; height: 17px; right: 40px; bottom: 42px; position: absolute;
}
.back .shang:hover {
	color: rgb(51, 51, 51); font-weight: bold;
}
.tuijian {
	padding: 63px 0px 0px;
}
.tuijian h3 {
	text-align: center; color: rgb(51, 51, 51); line-height: 30px; font-size: 30px; margin-bottom: 18px;
}
.tuijian h4 {
	text-align: center; color: rgb(234, 234, 234); text-transform: uppercase; line-height: 50px; letter-spacing: 15px; font-family: arial; font-size: 50px; font-weight: bold; margin-bottom: 40px;
}
@media all and (max-width:1260px)
{
.canshu {
	height: 395px; padding-top: 25px; margin-left: 50px;
}
}