body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img ,iframe { margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
input,button,textarea,option { font: 12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style: none; border: 0px; }
img{ border: 0px; }
.clear{ font: 0px/0px serif; display: block; clear: both; }
html{ -webkit-text-size-adjust: none; }
input{ outline: none; }
button{ border:none; }
textarea{ resize: none; }
a{ text-decoration: none; }
body:nth-of-type(1) input:focus,textarea:focus{ outline: none;}
body{ font: 12px "\5b8b\4f53","Tahoma","Arial","Microsoft Yahei"; color: #333; background: #f5f5f5; position: relative;}



#header{ width:100%; height:42px; margin:0 auto; border-bottom:1px solid #e5e5e5; background: #fff;}
.header{ width:1100px; height:42px; margin:0 auto; position:relative; }
.header ul{ float:left; }
.header ul li{ float:left; color:#666; line-height:42px; }
.header ul li input{ width:103px; height:22px; float:left; border:1px solid #d4d4d4; border-radius: 2px; margin:9px 15px 0 0; }
.header ul li a{ color:#666; padding:0 4px; }
.header ul li a:hover{ color:#359102;}
.header ul li button{ width:47px; height:24px; float:left; background:#469917; margin:9px 20px 0 -5px; color: #fff;text-align: center;border-radius: 2px;}
.header p{float: right;width:206px;line-height: 42px;color: #c5c5c5;}
.header p a{color: #4f4d4d;padding: 0 6px;}
.header p a:hover{color: #f60;}
.header a.mobile{ width:55px; height:20px; display:inline-block; padding-left: 3px; text-indent:18px; margin-top:11px; line-height:20px; margin-left: 3px; color:#ff6600; background:url(../images/index2016/index2014.png) no-repeat -125px 0; }
.header a.mobile:hover{ color:#f60;}
.freephone{float: left;margin-left: 115px;color: #4f4d4d;}
.freephone span{font:  16px/42px "Microsoft Yahei","simhei";color: #fe7001;padding-left: 36px;background: url(../images/index2016/on-line-ico.gif) no-repeat 0 -2px;}


#top{ width:100%; height:113px; margin:0 auto; background:#fff;border-bottom:1px solid #e5e5e5;}
.top{ width:1100px; height:146px; margin:0 auto; position:relative; z-index:1;}
.top .logo{position:absolute; left:0px; top:35px; z-index:1;}
.top h1{ width:110px; height:44px; position:absolute; left:265px; top:35px; z-index:1; font: 30px/42px "Microsoft Yahei","\5b8b\4f53"; text-indent:10px; border-left:1px solid #c0cbd3; color:#469917; }
.top p{ float:left; font:normal 12px/32px "Microsoft Yahei"; color:#e2e2e2;position: absolute;left: 375px;top: 15px;}
.top p a{ color:#333; padding:0 14px;}
.top p a:hover{ color:#3d9100; }
.top p .hot{ color:#559005; font-weight: bold;}
.top form{ width:598px; height:40px; position:absolute; left:382px; top:47px; z-index:1;}
.top input{ width:496px; height:36px; float:left; border:0; color:#aaa; text-indent:6px; line-height:32px;border:2px solid #dddddd;border-right: 0;}
.top button{ width:100px; height:40px; float:left; cursor:pointer; background: #469917;color: #fff;font:bold 16px/33px "Microsoft Yahei","\5b8b\4f53";}
.top a.purchase{width: 95px;height: 38px;border: 1px solid #ddd;position: absolute;right: 0px;top: 47px; background: #fff;text-align: center;color: #555;font: 12px/38px "Microsoft Yahei","\5b8b\4f53";}


.location{width: 1098px;margin:15px auto 0;background: #fff;height: 43px;border: 1px solid #dcdcdc;}
.location p{}
.location p a{color: #333;}

.location p{ display: block; float: left; z-index: 2; font: normal 14px/43px "Microsoft Yahei"; color: #cbcaca;}
.location p a{ display: inline-block; padding: 0px 7px; color: #333;}
.location span{padding-right: 10px; display: block; float: right; z-index: 2; text-align: right; font: normal 12px/43px "Tahoma"; color: #333; }
.location span b{ font: normal 12px/22px "Tahoma"; color: #469917; padding: 0 6px;}
.location a:hover{ color: #ff6600; }


.business{width: 1100px;margin: 15px auto 0;}
.businessleft{width: 870px;float: left;background: #fff;}

.buyTitle{width: 870px; background: #f59701;border: 0;height: 40px;color: #fff;font: normal 16px/40px "Microsoft Yahei";}
.buyTitleL{width: 350px;float: left;}
.buyTitleL h3{ float:left; font:normal 16px/40px "Microsoft Yahei"; text-align:center;}
.buyTitleL h3 a{ width:175px; height:40px; float:left; color:#fff;background: #f59701;cursor: pointer;}
.buyTitleL h3 a.focus{background: #469917;color: #fff;border: 1px solid #469917;border-bottom: 0;border-right: 0; width: 173px;height: 39px;}

.buyTitleR{width: 520px;float: left;}
.buyTitleR span{display: block;float: left;text-align: center;}

.businessleft table tr th{}
.businessleft table tr td{ text-align: center;font: normal 14px "Microsoft Yahei"; color: #666666; border-bottom: 1px dashed #dddddd; padding: 10px 0; }
.businessleft table tr td span{ display: block; font: normal 12px/26px "Tahoma"; color: #666; padding: 0px 0 0 24px; text-align: left; }
.businessleft table tr td span a{ text-decoration: none; color: #38880b;font: normal 16px "Microsoft Yahei"; margin-right: 10px; }
.businessleft table tr td span a:hover{ color: #ff6600; text-decoration: underline; }
.businessleft table tr td p{ display: block; font: normal 14px/18px "Microsoft Yahei","Tahoma"; color: #666666; padding: 3px 0 0 24px; text-align: left; }
.businessleft table tr td b{ font: bold 16px "Microsoft Yahei"; color: #ff6600; margin: 0px 3px; }
.businessleft table tr td em{ font: normal 14px "Tahoma"; color: #ff6600; }
.businessleft table tr td a.baojia{width: 60px;height: 25px;display: block;border-radius: 3px;margin-left: 35px; text-align: center;background: #f39800; font: normal 12px/25px "Tahoma"; color: #fff; }
.businessleft table tr td .area_Len{width: 160px;height: 18px;text-align: center;overflow: hidden;}

.businessleft table tr td a.not-allowed{cursor: not-allowed; background: #999; color: #f1f1f1;}


.newspages{ height: 40px; clear:both;margin: 0 auto;padding: 16px 0;text-align: center;font:normal 12px/40px "Tahoma";}
.newspages a{ width: 40px; height: 38px; display: inline-block; border:1px solid #e6e6e6; border-left: 0; text-align: center; font:normal 12px/38px "Tahoma"; color: #666666; vertical-align: middle; }
.newspages a.ft{border-left: 1px solid #e6e6e6;border-right:0;background: url(../images/company/companyList.png) no-repeat -56px -530px;}
.newspages a.next{margin-right:15px;background: url(../images/company/companyList.png) no-repeat 15px -530px;}
.newspages a.prev{ width: 68px; background: url(../images/company/companyList.png) no-repeat 8px -467px; border-left: 1px solid #e6e6e6; }
.newspages a.lt{ width: 68px; background: #fff url(../images/company/companyList.png) no-repeat 8px -497px; }
.newspages a.on{ background: #519126; border:1px solid #519126; border-left: 0; color: #fff; font-weight: bold; }
.newspages input{ width: 38px; height: 38px; display: inline-block; text-align: center; border: 1px solid #e6e6e6; font:normal 12px/38px "Tahoma"; margin: 0 10px; vertical-align: middle; }
.newspages button{ width: 52px; height: 40px; display: inline-block; text-align: center; border: 1px solid #e6e6e6; font:normal 12px/40px "Tahoma"; vertical-align: middle; cursor: pointer; background: url(../images/company/companyList.png) no-repeat 0 -386px; }


.businessright{width: 210px;float: right;}
.messageTitle{width: 210px;height: 40px;float: left;background: #469917;}
.messageTitle h3{float: left;font: 16px/40px "Microsoft Yahei";color: #fff;text-indent: 10px;}
.messageTitle a.more{color: #fff;float: right;margin-right: 10px;line-height: 40px;}
.messageTitle h3 a{font: 16px/40px "Microsoft Yahei";color: #fff;}

ul.messagebox{width: 208px;float: left;border: 1px solid #dcdcdc;background: #fff;border-top: 0;margin-bottom: 15px;}
ul.messagebox li{width: 198px;height: 117px;border-bottom: 1px dashed #e4e4e4;margin: 0 5px;overflow: hidden;}
ul.messagebox li:last-of-type{border: none;}
ul.messagebox li span{font: 14px/32px "Microsoft Yahei";width: 198px;height: 32px;overflow: hidden;float: left;}
ul.messagebox li span a{color: #333;}
ul.messagebox li span a:hover{color: #f60;}
ul.messagebox li img{width: 80px;height: 68px;border: 1px solid #e8e8e8;float: left;}
ul.messagebox li p{float: left;width: 105px;height: 70px;overflow: hidden; color: #666;margin-left: 10px;font: 12px/18px "\5b8b\4f53";position: relative;}
ul.messagebox li p a{color: #f60;position: absolute;right: 0;bottom: 0;}


ul.hotcom{width: 210px;float: left;margin-top: 5px;margin-bottom: 15px;}
ul.hotcom li{width: 208px;border: 1px solid #c6c6c6;height: 68px;float: left;margin: 5px 0;}
ul.hotcom li img{width: 208px;height: 68px;}


.newsTitle{width: 210px;float: left;height: 40px;}
.newsTitle a{width: 105px;float: left;background: #eee;color: #f60;font: 16px/40px "Microsoft Yahei";text-align: center;}
.newsTitle a.focus{background: #469917;color: #fff;}


ul.newsList{width: 208px;border: 1px solid #dcdcdc;border-top: 0; float: left;background: #fff;margin-bottom: 15px;}
ul.newsList li{width: 202px;float: left;height: 34px;overflow: hidden; border-bottom: 1px dashed #e4e4e4;margin: 0 3px;}
ul.newsList li a{color: #333;font: 14px/34px "Microsoft Yahei";}
ul.newsList li:last-of-type{border: none;}


.hotwbox-list{width: 202px;border: 1px solid #dcdcdc;border-top: 0; float: left;background: #fff;padding-left: 6px;}
.hotwbox-list p{width: 192px;float: left;padding: 0 5px;}
.hotwbox-list p a{width: 64px;float: left;height: 30px;overflow: hidden;color: #333;font:12px/30px "Microsoft Yahei","Tahoma","Arial";}
.hotwbox-list p a:hover{color: #f60;}


/*footer*/
.footer{ width:100%; margin: 50px auto 0;border-top: 1px solid #dcdcdc; background: #fff; text-align:center; font:normal 12px "Tahoma", "\5b8b\4f53"; color:#818181; padding-bottom:20px; }
.footer span{ width:100%; height:39px; float:left; background:#fff; font:normal 14px/39px "\5b8b\4f53"; color:#cdcdcd; }
.footer span a{ color:#333; padding:0 8px; }
.footer span a:hover{ color:#f60; }
.footer p.web{ font:normal 14px/50px "Tahoma", "\5b8b\4f53"; color:#333; padding-top:10px; }
.footer p.web a{ color:#333; font-weight:bold; }
.footer p.web a:hover{ text-decoration:underline; }
.footer p{ width:100%; float:left; line-height:24px; text-align:center; }
.footer p b{
    position: relative;
}
.footer p a{color: #818181;}
.footer strong{ padding:0 15px; text-align:left; }
.footer img{ vertical-align:middle; }
.nfoot-bt{ width: 730px; margin: 0 auto 25px auto; border-top: 1px dashed #CCCCCC; padding: 15px 0 70px 0; text-align: center; }
.nfoot-bt a{ height: 32px; display: inline-block; text-decoration: none; color: #424345; text-align: left; font: normal 12px/14px '瀹��'; margin: 0px 2px; float:left; }
.nfoot-bt a.hui{ width:35px; height:38px; padding:0; }
.nfoot-bt a.abt1{ width: 65px; background: url(../images/Public/publicbg.jpg) no-repeat -1px -230px; padding: 8px 0px 0 34px; }
.nfoot-bt a.abt2{ width: 54px; background: url(../images/Public/publicbg.jpg) no-repeat -106px -230px; padding: 8px 0px 0 34px; }
.nfoot-bt a.abt3{ width: 58px; background: url(../images/Public/publicbg.jpg) no-repeat -1px -273px; padding: 8px 0px 0 34px; }
.nfoot-bt a.abt4{ width: 58px; background: url(../images/Public/publicbg.jpg) no-repeat -99px -273px; padding: 8px 0px 0 34px; }
.nfoot-bt a.abt5{ width: 58px; background: url(../images/Public/publicbg.jpg) no-repeat -1px -316px; padding: 8px 0px 0 34px; }
.nfoot-bt a.abt6{ width: 65px; background: url(../images/Public/publicbg.jpg) no-repeat -99px -316px; padding: 8px 0px 0 34px; }
.nfoot-bt a.xinren{ width:100px; height:40px; padding:0; }
.nfoot-bt span{ float:left; margin:3px 0 0 15px; }
.mainbox{ width: 1180px; margin: 0px auto; background: #fff; padding: 0px 10px 0 10px; }
.year2014{ width: 100%; padding: 46px 0 0 0; background: url(../images/index/2014day.jpg) no-repeat top center; }
.mainbox2015{ width: 1180px; margin: 0px auto; background: #fff; padding: 0px 10px 0 10px; }
.year2015{ width: 100%; padding: 95px 0 0 0; background: #d10101 url(../images/index/2015-jc35.jpg) no-repeat top center; }


.productList,.product-classify{width: 80px;position: absolute;left:-640px;top:126px;}

.publicbox{width: 100%}
.lostpro{width:450px;background: url(../images/lostpro.jpg) no-repeat;margin: 85px auto 0;padding-left: 165px;}
.lostpro span{font: 22px/44px "Microsoft Yahei";color: #333;}
.lostproab{font: 12px/30px "\5b8b\4f53";color: #767676;}
.lostproab a{background: url(../images/caigouSearch.png) no-repeat -145px -35px;padding-left: 12px;}

/*gotop*/
.backHome {
	width: 54px;
}
.backHome a.goTopBtn {
	width: 38px;
	height: 46px;
	display: block;
	float: left;
	background: #38880b;
	text-align: center;
	font: normal 14px/20px "Microsoft Yahei", "simhei";
	color: #fff;
	padding: 8px 8px 0 8px;
	margin: 2px 0;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
.backHome a.goTopBtn:hover {
	background: #38880b;
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.backHome a.guest,
.backHome a.guest:hover {
	background: url(../images/detail/exhi2.gif) no-repeat 0 -180px;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
.backHome a.guest:hover {
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.backHome .weixin{
	position: relative;
	width: 38px;
	height: 46px;
	display: block;
	float: left;
	background: #38880b;
	text-align: center;
	font: normal 14px/20px "Microsoft Yahei", "simhei";
	color: #fff;
	padding: 8px 8px 0 8px;
	margin: 2px 0;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
.backHome .weixinBot{
	position:absolute;
	left: -246px;
	top:0;
}
.backHome .weixinBot img{
}
.backHome .weixin:hover{
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.backHome .qq{
	position: relative;
	width: 38px;
	height: 46px;
	
	float: left;
	background: #38880b;
	text-align: center;
	font: normal 14px/20px "Microsoft Yahei", "simhei";
	color: #fff;
	padding: 8px 8px 0 8px;
	margin: 2px 0;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
	
}
.backHome .qq,
.backHome .qq:hover {
	background: url(../images/detail/exhi2.gif) no-repeat 0 -366px;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
.backHome .qq:hover {
	opacity: 1;
	filter: Alpha(Opacity=100);
}

.backHome .weixin,
.backHome .weixin:hover {
	background: url(../images/detail/exhi2.gif) no-repeat -55px -366px;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
.backHome .weixin:hover {
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.backHome .qq:hover .qqconsult{
	display: block;
}
  .qqconsult{
	display: none;
	position: absolute;
	left: -170px;
	top:-30px;
	width: 160px;
	padding-right: 10px;
	z-index: 9999;
	
}
.qqBox{
	width: 140px;
	height: 124px;
	background-color: #fff;
	border: #87b76c 10px solid;
}
.qqBox h3{
	width: 138px;
	background-color: #38880b;
	border:#fff 1px solid;
	height: 28px; color:#fff;
}
.qqBox h3{
	font:16px/28px "microsoft yahei";
}
.qqBox p{
	margin-left: 8px;
}
.qqBox p span{
	margin-top: 10px;
	float: left;
	line-height: 16px;
	color: #333333;
	margin-right: 12px;
	font-family: "microsoft yahei";
}
.qqBox p a{
	margin-top: 10px;
	display: block;
	float: left;
	cursor: pointer;
	border: none;
	height: 16px;
	line-height: 16px;
	width: 68px;
	color: #fff;
	font-family: "microsoft yahei";
}
.qqBox p a.btn1{
	background-color: #38880b;
	
}
.qqBox p a.btn2{
	background-color: #f26522;
	
}

.toTop {
	width: 54px;
	height: 54px;
	position: fixed;
	_position: absolute;
	top: 376px;
	_top: expression(eval(document.documentElement.scrollTop+318));
	display: none;
	
}
.toTop a,
.toTop a:hover {
	display: block;
	width: 54px;
	height: 54px;
	background: url(../images/detail/exhi2.gif) no-repeat -54px -180px;
	opacity: 0.6;
	filter: Alpha(Opacity=60);
}
.toTop a:hover {
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.exhiDate{ background: #fb972c; color: #fff; }
.CalendarCon a.exhiDate{ background: #fb972c; color: #fff; }
#goTop {
	position: fixed;
	_position: absolute;
	top: 142px;
	display: block;
	right: 10px;
	z-index: 999;
}
*html,
* html body {
	background-attachment: fixed;
}
*html #goTop {
	position: absolute;
	
	right: expression(eval(document.documentElement.scrollLeft+10));
	top: expression(eval(document.documentElement.scrollTop+200));
}
}
/* 20221116底部+qq */
.footer p b a{
    position: relative;
}
.footer .QQhover {
	position: absolute;
	left: 0px;
	bottom: 16px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 20px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 20px;
	width: 110px;
	z-index: 9;
	outline: none;
	text-align: center;
	resize: none;
}
.footer p b a:hover .QQhover{
	display: inline-block;
}
/* 20221116 */
.qqBox p a{
    position: relative;
}
.qqBox .QQhover {
	position: absolute;
	left: 0px;
	bottom: 16px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 20px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 20px;
	width: 110px;
	z-index: 9;
	outline: none;
	text-align: center;
	resize: none;
}
.qqBox p a:hover .QQhover{
	display: inline-block;
}
/* 20240828 */
@font-face {
	font-family: 'iconfont';
	src: url('https://www.jc35.com/font/index/2024/iconfont/iconfont.ttf') format('truetype');
}
.jc35 {
	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;
}
.product-classify h2 {
	height: 34px;
	line-height: 34px;
	text-indent: 5px;
	color: #ffffff;
	font: normal 14px/34px "microsoft yahei";
	background: -moz-linear-gradient( 0deg, rgb(0,153,77) 0%, rgb(86,171,17) 100%);
	background: -webkit-linear-gradient( 0deg, rgb(0,153,77) 0%, rgb(86,171,17) 100%);
	background: -ms-linear-gradient( 0deg, rgb(0,153,77) 0%, rgb(86,171,17) 100%);
}
.product-classify h2 i{
	width: 14px;
	height: 14px;
	margin-top: 12px;
	background: url("/images/list_bg.png") 0 0 no-repeat;
	display: inline-block;
	vertical-align: top;
}
.product-classify h2 a {color: #ffffff;}
.product-classify .class-a{
	height: 29px;
	line-height: 29px;
	text-indent: 5px;
	width: 80px;
	background-color: #fafafa;
	border-bottom: #e6e6e6 1px dashed;
}
.product-classify .class-a a {
	color: #333;
	text-decoration: none;
}
.product-classify .class-b {
	height: 470px;
	width: 1106px;
	padding: 26px 26px;
	padding-right: 0;
	position: absolute;
	left: 100%;
	top: 0;
	background-color: #fff;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	box-sizing: border-box;
	display:none;
}
.product-classify .class-b .class-right {
	float: right;
	padding: 0 34px;
	width: 338px;
	box-sizing: border-box;
	overflow: hidden;
}
.product-classify .class-b .class-right-ul {
	overflow: hidden;
	margin-top: -24px;
	margin-right: -18px;
}
.product-classify .class-b .class-right-li {
	float: left;
	width: 50%;
}
.product-classify .class-b .class-right-li .item {
	margin-right: 18px;
	margin-top: 24px;
	text-align: center;
}
.product-classify .class-b .class-right-li .image {
	height: 0;
	padding-bottom: 50%;
	overflow: hidden;
	border: 1px solid #ddd;
	position: relative;
}
.product-classify .class-b .class-right-li .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.product-classify .class-b .swiper-slide a:hover {
	border-color: #00994D;
}
.advs {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
}
.advs img {
	display: block;
}
.advs i {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
	width: 24px;
	height: 12px;
	background: url("https://public.mtnets.com/Images/public/adv.png") no-repeat;
}
.product-classify .class-b .class-right-li p {
	font-size: 13px;
	margin-top: 9px;
	line-height: 15px;
	height: 15px;
	overflow: hidden;
}
.product-classify .class-b .class-right-li p a {
	color: #333;
}
.product-classify .class-b .class-right-li .item:hover p a {
	color: #00994D;
}
.product-classify .class-b .class-left {
	overflow: hidden;
}
.product-classify .class-b .class-left .pro-type {
	height: 245px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-left: -20px;
}
.product-classify .class-b .class-left .pro-type .item {
	margin-top: 25px;
	padding-left: 20px;
	width: 50%;
	box-sizing: border-box;
	float: left;
}
.product-classify .class-b .class-left .pro-type .item:nth-child(2n+1) {
	clear: both;
}
.product-classify .class-b .class-left .pro-type .item:nth-child(-n+2) {
	margin-top: 0;
}
.product-classify .class-b .class-left .pro-type::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
.product-classify .class-b .class-left .pro-type::-webkit-scrollbar {
	width: 5px;
	height: 80px;
	border-radius: 5px;
}
.product-classify .class-b .class-left .pro-type::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: rgba(191, 191, 191, 0.5);
	width: 5px;
	height: 80px;
}
.product-classify .class-b .class-left .pro-type .label {
	font-size: 15px;
	font-weight: bold;
}
.product-classify .class-b .class-left .pro-type .label a {
	color: #333;
}
.product-classify .class-b .class-left .pro-type .label a:hover {
	color: #00994D;
}
.product-classify .class-b .class-left .pro-type .label i {
	display: inline-block;
	font-size: 12px;
	margin-left: 5px;
	margin-top: 4px;
	vertical-align: top;
	font-weight: normal;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.product-classify .class-b .class-left .pro-type .text-list {
	margin-top: 6px;
}
.product-classify .class-b .class-left .pro-type .text-list p {
	font-size: 0;
}
.product-classify .class-b .class-left .pro-type .text-list p a {
	font-size: 13px;
	margin-right: 12px;
	margin-top: 7px;
	color: #333;
	display: inline-block;
}
.product-classify .class-b .model {
	margin-top: 10px;
}
.model .swiper {
	margin-top: 14px;
}
.product-classify .class-b .model .sub-title {
	position: relative;
	overflow: hidden;
}
.product-classify .class-b .model .sub-title .title-left {
	float: left;
	font-size: 14px;
	position: relative;
}
.product-classify .class-b .model .sub-title .title-left b {
	position: relative;
	z-index: 2;
	margin-top: 2px;
	display: inline-block;
}
.product-classify .class-b .model .sub-title .title-left::after {
	content: "";
	position: absolute;
	bottom: -4px;
	width: 100%;
	left: 0;
	height: 8px;
	background-image: -moz-linear-gradient( 0deg, rgb(0,153,77) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(0,153,77) 0%, rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(0,153,77) 0%, rgba(255,255,255,0) 100%);
}
.product-classify .class-b .model .sub-title .title-right {
	float: right;
	font-size: 0;
}
.product-classify .class-b .model-search {
	display: inline-block;
	height: 28px;
	border-radius: 17px;
	width: 211px;
	border: 1px solid #ddd;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	vertical-align: top;
}
.product-classify .class-b .model-search input {
	width: 100%;
	box-sizing: border-box;
	height: 100%;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 0;
	border: 0;
}
.product-classify .class-b .model-search button {
	position: absolute;
	right: 12px;
	top: 0;
	height: 100%;
	background: transparent;
	border: 0;
	color: #999;
	cursor: text;
}
.product-classify .class-b .model-search button i {
	font-size: 14px;
}
.product-classify .class-b .page-box {
	display: inline-block;
	margin-left: 20px;
	margin-top: 9px;
}
.product-classify .class-b .swiper-button-next, .product-classify .class-b .swiper-button-prev {
	position: static;
	width: auto;
	height: auto;
	margin-top: 0;
	cursor: pointer;
	background: none !important;
	display: inline-block;
}
.product-classify .class-b .swiper-button-prev i {
	font-size: 12px;
	color: #666;
	display: inline-block;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.product-classify .class-b .swiper-button-next i {
	font-size: 12px;
	color: #666;
	display: inline-block;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.product-classify .class-b .swiper-pagination {
	position: static;
	width: auto !important;
	display: inline-block;
	font-size: 12px;
	margin: -2px 8px;
	font-family: "Microsoft YaHei";
	vertical-align: top;
}
.product-classify .class-b .model-btn {
	margin-top: 10px;
	overflow: hidden;
}
.product-classify .class-b .model-btn .model-btn-left {
	float: left;
	font-size: 0;
}
.product-classify .class-b .model-btn .model-btn-left a {
	font-size: 13px;
	line-height: 30px;
	height: 30px;
	padding: 0 12px;
	margin-right: 8px;
	display: inline-block;
	color: #999;
	background-color: #f0f0f0;
}
.product-classify .class-b .model-btn .model-btn-left a.active {
	background-color: #00994D;
	color: #fff;
}
.product-classify .class-b .model-btn .BrandsLetter {
	float: right;
}
.BrandsLetter li {
	float: left;
	font-family: "Microsoft YaHei";
	margin-top: 9px;
	font-size: 12px;
	margin-left: 10px;
}
.BrandsLetter li a {
	color: #333;
}
.model .swiper .swiper-slide {
	font-size: 0;
	width: calc(100% + 10px);
	padding-bottom: 2px;
}
.model .swiper .swiper-slide b {
	width: 14.28%;
	display: inline-block;
}
.model .swiper .swiper-slide a {
	margin-right: 10px;
	margin-top: 7px;
	border: 1px solid #dddddd;
	display: block;
	height: 39px;
	box-sizing: border-box;
	position: relative;
}
.model .swiper .swiper-slide b span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 13px;
	font-weight: normal;
	color: #333;
	width: 100%;
	text-align: center;
	line-height: 16px;
	height: 16px;
	overflow: hidden;
	padding: 0 7px;
	word-wrap: break-word;
	word-break: break-all;
}
.product-classify li.hover .class-a {
	background-color: #f0f0f0;
}
.product-classify li.hover .class-b {
	display: block;
}