/*����*/

.navx {
	width: 100%;
	height: 40px;
	background-color: #173782;
	font: 14px/1.5 "Microsoft YaHei", "����b8b\4f53", sans-serif;
}

.navx #prod {
	width: 185px;
	height: 40px;
	float: left;
	position: relative;
	z-index: 9998;
}

.navx #prod .cate {
	width: 185px;
	height: 40px;
	line-height: 40px;
	background-color: #ff500b;
	padding-left: 15px;
	color: #fff;
}

.navx #prod .cate a,
.navx .cate a:hover {
	color: #ffffff;
	text-decoration: none;
}

.navx #prod .cate .ico {
	width: 18px;
	height: 18px;
	background: url(../images/ico.png) no-repeat -266px -229px;
	margin: 5px 10px 0 0;
	_margin-top: 10px;
	display: inline-block;
}



/*���˵���*/

.nav-sub {
	width: 198px;
	height: 450px;
	border: 1px solid #dfdfdf;
	background-color: #f5f5f5;
	position: absolute;
	z-index: 9999;
	left: 0;
	top: 40px;
	display: none;
}

.nav-sub ul .icon {
	background: url(../images/ico.png) no-repeat;
	padding-left: 25px;
	float: left;
}

.nav-sub ul .icon1 {
	background-position: 5px -50px;
}

.nav-sub ul .icon2 {
	background-position: 5px -83px;
}

.nav-sub ul .icon3 {
	background-position: 5px -115px;
}

.nav-sub ul .icon4 {
	background-position: 4px -148px;
}

.nav-sub ul .icon5 {
	background-position: 2px -180px;
}

.nav-sub ul .icon6 {
	background-position: 3px -215px;
}

.nav-sub ul .icon7 {
	background-position: 0 -246px;
}

.nav-sub ul .icon8 {
	background-position: 0 -279px;
}

.nav-sub ul .icon9 {
	background-position: 0 -313px;
}

.nav-sub ul .icon10 {
	background-position: 3px -344px;
}



#navx .mod_cate,
#navx .mod_cate2 {
	width: 184px;
	height: 45px;
	line-height: 45px;
	padding: 0 7px;
	background: url(../images/line.gif) repeat-x bottom;
	float: left;
}

#navx .mod_cate h2,
#navx .mod_cate2 h2 {
	font-size: 14px;
	font-weight: normal;
	font-family: "Microsoft Yahei";
}

#navx .mod_cate h2 a,
#navx .mod_cate2 h2 a {
	color: #444;
}

#navx .mod_cate h2 a:hover,
#navx .mod_cate2 h2 a:hover {
	text-decoration: none;
}

#navx .mod_subcate {
	display: none;
	width: 520px;
	height: 418px;
	border: 1px solid #dfdfdf;
	padding: 15px 15px 15px 20px;
	background: #fff;
	position: absolute;
	top: 6px;
	z-index: 99999;
	left: 198px;
	overflow: hidden;
}

#navx .mod_subcate dl {
	width: 500px;
	padding: 7px 0 7px 15px;
	border-bottom: 1px #e5e5e5 solid;
	float: left;
	overflow: hidden;
}

#navx .mod_subcate dl dt {
	width: 65px;
	font-size: 12px;
	color: #1d7ad9;
	line-height: 22px;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	float: left;
	font-size-adjust: none;
	font-stretch: normal;
}

#navx .mod_subcate dl dd {
	line-height: 22px;
	float: left;
	overflow: hidden;
}

#navx .mod_subcate dl dd a {
	color: #666;
	font-size: 12px;
	margin: 0 10px 0 0;
	float: left;
	display: inline;
	white-space: nowrap;
}

#navx .mod_subcate dl dd a.orange {
	color: #ff7300;
}

#navx .mod_subcate dl dd a:hover {
	color: #ff7300;
}



#navx .on {
	background: #173782;
}

#navx .on h2 a {
	color: #fff;
}

#navx .on h2.icon1 {
	background-position: -302px 14px;
}

#navx .on h2.icon2 {
	background-position: -300px -19px;
}

#navx .on h2.icon3 {
	background-position: -300px -51px;
}

#navx .on h2.icon4 {
	background-position: -301px -84px;
}

#navx .on h2.icon5 {
	background-position: -302px -116px;
}

#navx .on h2.icon6 {
	background-position: -302px -150px;
}

#navx .on h2.icon7 {
	background-position: -301px -183px;
}

#navx .on h2.icon8 {
	background-position: -297px -215px;
}

#navx .on h2.icon9 {
	background-position: -299px -249px;
}

#navx .on h2.icon10 {
	background-position: -301px -278px;
}

#navx .on .mod_subcate {
	display: block !important;
	/* !important ǿ����ʾ����������?*/
}

#navx .on .mod_cate_r a {
	color: #666;
}
/*����?*/

.crumbs {
	height: 27px;
	line-height: 27px;
	background: #f1f1f1;
	border: 1px solid #e4e4e4;
	padding-left: 12px;
	width: 1186px;
}

.crumbs .mr10 {
	margin-right: 10px;
}

.crumbs .key {
	font-size: 12px;
	display: inline;
}



/*ɸѡ����*/

.select {
	width: 1180px;
	height: 40px;
	background-color: #f5f5f5;
	padding: 0 10px;
}

.select li {
	float: left;
	padding: 0 10px;
	margin: 7px 0 0 10px;
}

.select .txt {
	width: 95px;
	height: 22px;
	line-height: 22px;
	border: 1px solid #d6d5d5;
	border-right: 0;
}

.select .select-btn {
	width: 45px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	background-color: #eaeaea;
	border: 1px solid #d6d5d5;
	display: block;
	float: left;
}

.select .tablink {
	padding: 12px 10px 0 0;
	float: right;
}

.select .tablink .select_img,
.select .tablink .select_noimg,
.select .tablink .select_img1,
.select .tablink .select_noimg1 {
	background: url(../images/ico.png) no-repeat;
	padding-left: 15px;
}

.select .tablink .select_img {
	background-position: -238px -432px;
}

.select .tablink .select_noimg {
	background-position: -238px -403px;
}

.select .tablink .select_img1 {
	background-position: -238px -370px;
}

.select .tablink .select_noimg1 {
	background-position: -238px -463px;
}



/*Сͼ�б���ʽ*/

.leftbox {
	width: 940px;
	float: left;
	overflow: hidden;
}

.leftbox .list {
	width: 100%;
	height: 122px;
	padding-top: 8px;
	border-bottom: 1px dotted #dcdcdc;
	float: left;
}

.leftbox .list li {
	float: left;
}

.leftbox .list .img {
	overflow: hidden;
	width: 102px;
	height: 102px;
	line-height: 100px;
	*height: 104px;
	border: 1px solid #d2d2d2;
	text-align: center;
	margin-bottom: 5px;
}

.leftbox .list .img a {
	height: 100%;
	vertical-align: middle\9;
	_writing-mode: tb-rl;
}

.leftbox .list .img img {
	vertical-align: middle;
	max-height: 102px !important;
	max-width: 102px !important;
}

.leftbox .list .inform {
	width: 490px;
	table-layout: fixed;
	word-break: break-all;
	margin-left: 10px;
}

.leftbox .list .inform .text {
	width: 490px;
	height: 40px;
	margin-top: 10px;
	overflow: hidden;
}

.leftbox .price {
	width: 140px;
	margin: 45px 0 0 70px;
}

.leftbox .btn {
	padding: 20px 0 0 35px;
	cursor: pointer;
}

.btn-qq,
.btn-msg,
.btn-tel {
	height: 28px;
	line-height: 28px;
	padding-left: 26px;
	background: url(../images/ico.png) no-repeat;
	display: block;
	cursor: pointer;
}

.btn-qq {
	background-position: -236px -647px;
}

.btn-msg {
	background-position: -128px -647px;
}

.btn-tel {
	background-position: 2px -647px;
}



/*��ͼ��Ʒ�б�*/

.leftbox .product {
	width: 895px;
}

.leftbox .product dl {
	width: 192px;
	height: 356px;
	border-bottom: 1px dotted #dfdfdf;
	margin: 10px 0 15px 0;
	float: left;
	overflow: hidden;
}

.leftbox .product dl dt {
	width: 160px;
	height: 160px;
	line-height: 160px;
	text-align: center;
	border: 1px solid #dfdfdf;
	float: left;
	overflow: hidden;
}

.leftbox .product dl dt a {
	height: 100%;
	vertical-align: middle\9;
	_writing-mode: tb-rl;
}

.leftbox .product dl dt img {
	vertical-align: middle;
	max-height: 160px !important;
	max-width: 160px !important;
}

.leftbox .product dl dd {
	width: 160px;
	float: left;
	overflow: hidden;
}

.leftbox .product dl .text {
	width: 160px;
	height: 24px;
	overflow: hidden;
}

.leftbox .product .small {
	width: 180px;
}

.leftbox .product .small p {
	width: 32px;
	height: 32px;
	line-height: 30px;
	border: 1px solid #dfdfdf;
	text-align: center;
	float: left;
	padding: 1px;
	margin: 8px 5px 0 0;
	overflow: hidden;
}

.leftbox .product .small p:hover {
	border: 1px solid #ff0000;
}

.leftbox .product .small p a {
	height: 100%;
	vertical-align: middle\9;
	_writing-mode: tb-rl;
}

.leftbox .product .small p img {
	vertical-align: middle;
	max-height: 32px !important;
	max-width: 32px !important;
}



/*�ײ������Ƽ�*/

.leftbox .top-reconmmend {
	border: 1px solid #dfdfdf;
	overflow: auto;
	zoom: 1;
}

.leftbox .top-reconmmend .hottit {
	height: 38px;
	line-height: 38px;
	background: #f1f1f1;
	border-bottom: 1px solid #d2d2d2;
	padding: 0 10px;
}

.leftbox .top-reconmmend ul li {
	float: left;
	margin: 15px 10px 0px; width:31%
}

.leftbox .top-reconmmend ul li dt {
	overflow: hidden;
	width: 289px;
	height: 216px;
	text-align: center;
}

.leftbox .top-reconmmend ul li dt a {
}

.leftbox .top-reconmmend ul li dt a img {
	width: 100%;
	height: 100%;
}

.leftbox .top-reconmmend ul li dd {
	width:100%;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}



/*����ȴ��Ƽ�?*/

.rightbox {
	width: 250px;
	float: right;
}

.rightbox .recommend {
	border: 1px solid #dfdfdf;
	float: left;
	overflow: hidden;
}

.rightbox .com-tit {
	height: 30px;
	line-height: 30px;
	background: #f1f1f1;
	border-bottom: 1px solid #d2d2d2;
	padding-left: 10px;
}

.rightbox .recommend ul {
	padding: 10px;
	line-height: 24px;
}

.rightbox .recommend ul li {
	width: 100px;
	line-height: 30px;
	border-bottom: 1px dotted #dfdfdf;
	float: left;
}

.rightbox .recommend ul li a {
	width: 100px;
	padding-right: 10px;
	text-align: center;
	display: block;
}



/*���²�Ʒ*/

.rightbox .news-pro {
	width: 240px;
	border: 1px solid #dfdfdf;
	float: left;
}

.rightbox .news-pro dl {
	width: 230px;
	border-bottom: 1px dotted #aaa;
	margin: 12px 0 0 7px;
	_margin-left: 3px;
	padding-bottom: 10px;
	line-height: 20px;
	float: left;
}

.rightbox .news-pro dl dt {
	width: 70px;
	height: 70px;
	line-height: 68px;
	border: 1px solid #dfdfdf;
	text-align: center;
	float: left;
	margin: 3px 7px 0 0;
	overflow: hidden;
}

.rightbox .news-pro dl dt a {
	height: 100%;
	vertical-align: middle\9;
	_writing-mode: tb-rl;
}

.rightbox .news-pro dl dt img {
	vertical-align: middle;
	max-height: 70px !important;
	max-width: 70px !important;
}



/*��Ʒ��ϸҳ*/

.prodetail {
	width: 919px;
	padding: 16px 0 20px 22px;
	float: left;
}

.prodetail .roll {
	width: 300px;
	float: left;
	margin-left: 15px;
}

.prodetail .roll .datu {
	width: 282px;
	height: 282px;
}

.prodetail .roll .datu .proimg1 {
	width: 280px;
	height: 280px;
	border: 1px solid #ddd;
	text-align: center;
	overflow: hidden;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.prodetail .roll .datu .proimg1 img {
	vertical-align: middle;
	max-height: 280px !important;
	max-width: 280px !important;
	width: expression(this.width > 280 && this.width > this.height ? 280 :true);

	height: expression(this.height >280 ? 280: true);
}



/*��Ʒչʾ*/

.prodetail .roll .xiaotu li {
	width: 62px;
	height: 62px;
	line-height: 60px;
	*height: 64px;

	border: 1px solid #ddd;
	text-align: center;
	margin: 20px 6px 0 0;
	float: left;
	overflow: hidden;
}

.prodetail .roll .xiaotu li:hover {
	border: 1px solid #ff0000;
}

.prodetail .roll .xiaotu li a {
	height: 100%;
	vertical-align: middle\9;
	_writing-mode: tb-rl;
}

.prodetail .roll .xiaotu li img {
	vertical-align: middle;
	max-height: 62px !important;
	max-width: 62px !important;
}



.state {
	width: 860px;
	border: 1px solid #ffd980;
	background: #fffbd8;
	float: left;
	margin-left: 14px;
	color: #666;
	padding: 5px 0 5px 10px;
	overflow: hidden;
}

.prodetail .explain {
	width: 560px;
	margin-left: 22px;
	font-size: 14px;
	float: left;
	line-height: 24px;
}

.prodetail .explain li {
	float: left;
	width: 528px;
	line-height: 26px;
}



.prodetail .explain .ico1 {
	background: url(../images/ico.png) no-repeat;
	padding-left: 20px;
	margin-left: 15px;
}

.prodetail .explain .ico1 {
	background-position: 0 -679px;
}

.prodetail .explain .ico2 {
	background-position: -130px -679px;
}



.prodetail .explain .procontact {
	width: 456px;
	border: 1px solid #dedede;
	padding-bottom: 10px;
}

.prodetail .explain .procontact li {
	padding-left: 10px;
	line-height: 22px;
	width: 306px;
	float: left;
	overflow: hidden;
}

.prodetail .explain .attribute {
	width: 530px;
	background-color: #f5f5f5;
	border-top: 1px dotted #dfdfdf;
	margin-top: 15px;
	padding: 10px 0 10px 15px;
	float: left;
	position: relative;
}



/*������֤��ʾ*/

.tip {
	width: 192px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 30px 0 0 20px;
	*margin: 10px 0 0 0;
	border: 1px solid #9e4b2b;
	background-color: #fbf9a6;
	position: relative;
	color: #9e4b2b;
}

.tip .arrow1,
.tip .arrow2 {
	position: absolute;
	overflow: hidden;
	font-family: "SimSun";
	display: block;
}

.tip .arrow1 {
	z-index: 2;
	left: 95px;
	top: -15px;
	color: #9e4b2b;
	font-size: 14px;
}

.tip .arrow2 {
	z-index: 3;
	left: 96px;
	top: -14px;
	color: #fbf9a6;
	font-size: 12px;
}

.tip1 {
	width: 160px;
	height: 28px;
	line-height: 28px;
	left: 10px;
	top: -10px;
	text-align: center;
	margin-top: 5px;
	border: 1px solid #9e4b2b;
	background-color: #fbf9a6;
	position: relative;
	color: #9e4b2b;
}

.tip1 .arrow1,
.tip1 .arrow2 {
	position: absolute;
	overflow: hidden;
	font-family: "SimSun";
	display: block;
	top: 2px;
}

.tip1 .arrow1 {
	z-index: 2;
	color: #9e4b2b;
	font-size: 14px;
	left: -8px;
}

.tip1 .arrow2 {
	z-index: 3;
	color: #fbf9a6;
	font-size: 12px;
	left: -6px;
}



/*��Ʒ����*/

.bdetail {
	width: 941px;
	border: 1px solid #dfdfdf;
	float: left;
}

.bdetail .btitle {
	height: 31px;
	line-height: 31px;
	border-bottom: 1px solid #dfdfdf;
	background: #f1f1f1;
	padding-left: 10px;
}

.bdetail .content {
	line-height: 30px;
	font-size: 14px;
	padding: 20px 0 20px 30px;
	width: 884px;
	overflow: hidden;
}



/*���ŵ���*/

.honor {
	width: 240px;
	border: 1px solid #dfdfdf;
	overflow: hidden;
	zoom: 1;
	position: relative;
}

.title {
	height: 32px;
	line-height: 32px;
	border-bottom: 1px solid #dfdfdf;
	background-color: #f6f6f6;
}

.honor .company-name {
	width: 240px;
	text-align: center;
	line-height: 24px;
	padding-top: 15px;
	float: left;
}

.honor .company-name li {
	width: 240px;
	float: left;
}

.honor .company-name .year {
	width: 130px;
	height: 18px;
	line-height: 18px;
	background-color: #ea0f1f;
	border-radius: 2px;
	color: #fff;
	margin: 15px 0 0 55px;
	display: inline;
}

.honor .company-name .year .vip {
	width: 25px;
	height: 20px;
	background: url(../images/ico.png) -212px -254px;
	display: block;
	float: left;
}



.honor .company-honor {
	padding: 0 0 15px 25px;
	line-height: 26px;
	float: left;
}

.honor .company-honor .company-code {
	margin: 10px 0 0 10px;
}



/*2015.5.13�������²�Ʒ�б�*/

.pleftit {
	background: #f5f5f5;
	border: 1px solid #dfdfdf;
	padding: 10px;
	float: left;
	width: 920px;
}

.newarea {
	width: 940px;
	border: 1px solid #ffcdcd;
	border-top: 0;
	height: 34px;
	background: #fffbfb;
}

.newarea li {
	float: left;
	padding: 0 10px;
	margin: 7px 0 0 10px;
}

.newarea .biztype {
	background: url(../images/ico1.gif) no-repeat 0 0;
	width: 58px;
	height: 22px;
	line-height: 22px;
}

.newarea .txt {
	width: 65px;
	height: 22px;
	line-height: 22px;
	border: 1px solid #d6d5d5;
}

.fz {
	text-align: center;
}

.xiaotu {
	width: 300px;
	margin-left: 38px
}