@charset "utf-8";

/* CSS Document */

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;
	overflow: hidden;
}

html {
	-webkit-text-size-adjust: none;
}

input {
	outline: none;
}

button {
	border: none;
}

textarea {
	resize: none;
}

a {
	text-decoration: none;
}

a:hover {
	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;
}

.iframe{width:100%; height:43px; overflow:hidden;}
#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: bold 12px/32px "Microsoft Yahei";color:#e2e2e2;position: absolute;left: 495px;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:502px; 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; }
.location span a.more{color: #ff6600;}
.main {
	margin: 15px auto 0;
	width: 1100px;
}

.mainLeft {
	width: 870px;
	background: #fff;
	float: left;
}

.th {
	width: 100%;
	height: 40px;
	background-color: #39880b;
}

.th span {
	font: normal 16px/40px "microsoft yahei";
	display: inline-block;
	float: left;
	color: #fff;
}

.th span.th1 {
	width: 300px;
	text-align: center;
	background-color: #f39800;
}

.th span.th2,
.th span.th3,
.th span.th4,
.th span.th5 {
	width: 190px;
	text-align: center;
}
.th span.th2{}
.tr {
	width: 100%;
}

.tr ul li {
	height: 59px;
	border-bottom: 1px dashed #dcdcdc;
}

.tr ul li .tr1 {
	width: 270px;
	float: left;
	height: 59px;
	padding-left: 30px;
}
.tr ul li .tr1 a {
	font:normal 16px/59px "microsoft yahei";
	color: #38880b;
}

.tr ul li .tr1 p i {
	font: normal 12px/28px arial;
	color: #888888;
	margin-left: 7px;
}

.tr ul li .tr1 span {
	float: left;
	font: normal 14px/26px "microsoft yahei";
	color: #888888;
}

.tr ul li .tr2,
.tr ul li .tr3,
.tr ul li .tr4,
.tr ul li .tr5 {
	width: 190px;
	display: inline-block;
	text-align: center;
	float: left;
}

.tr ul li .tr2 {
	font: bold 16px/59px arial;
	color: #ff6600;
}

.tr ul li .tr3 {
	font: normal 14px/59px "microsoft yahei";
	color: #888888;
}

.tr ul li .tr4 {
	color: #888888;
	font: normal 12px/59px "microsoft yahei";
}

.tr ul li .tr5 {
	color: #999;
	font: normal 14px/59px "microsoft yahei";

}

.newspages {
	height: 40px;
	clear: both;
	margin: 0 auto;
	padding: 18px 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;
}

.mainRight {
	float: right;
	width: 210px;
}

.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: 194px;
	height: 32px;
	overflow: hidden;
	margin-left: 4px;
	float: left;
}

ul.messagebox li span a {
	color: #333;
}

ul.messagebox li span a:hover {
	color: #f60;
}

ul.messagebox li table {
	width: 80px;
	height: 68px;
	border: 1px solid #e8e8e8;
	float: left;
}

ul.messagebox li table td {
	width: 80px;
	height: 68px;
	text-align: center;
	vertical-align: middle;
}
ul.messagebox li table td img{width: 80px;height: 68px;}
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: #398901;
}

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;
	text-indent: 5px;
	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;
}
.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;}
.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 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; }


/*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: -116px;
	top:0;
}
.backHome .weixinBot img{
	width: 106px;
	height: 99px;
}
.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;
}