﻿
<!--
body {
 background-color:;
	background-position: top center;
	margin-left: 0px;
	COLOR: #333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 12px;
}
A:link {
	FONT-SIZE: 12px;
	COLOR: #333;
	TEXT-DECORATION: none
}
A:visited {
	FONT-SIZE: 12px;
	COLOR: #333;
	TEXT-DECORATION: none
}
A:hover {
	FONT-SIZE: 12px;
	COLOR: #333;
	TEXT-DECORATION: none
}
/*������ʽ��ʼ*/

#webdh {
	text-align: center;
	vertical-align: middle;
	width: 1200px;
	height: px;
	margin: 0 auto;
	font-size: 12px;
	font-weight: normal;
 COLOR:;
 background-color:;
	overflow: hidden;
}
#webdh A:link {
	FONT-SIZE: 12px;
COLOR:;
	TEXT-DECORATION: none
}
#webdh A:visited {
	FONT-SIZE: 12px;
COLOR:;
	TEXT-DECORATION: none
}
#webdh A:hover {
	FONT-SIZE: 12px;
COLOR:;
	TEXT-DECORATION: none
}
#copy {
	text-align: center;
	width: 1200px;
	margin: 0 auto;
	line-height: 150%;
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	display: block;
}
.clearfix:after {
	clear: both;
	height: 0;
	overflow: hidden;
	display: block;
	visibility: hidden;
	content: ".";
}
-->
/*�м����ݿ�ʼ*/

#bodycon {
	width: 1200px;
	margin: 0 auto;
}
#bodycon #left {
	/*float: left;
	width: 0px;
 background-color:;*/
}
#bodycon #center {
	float: left;
	width: 1200px;
 background-color:;
}
#bodycon #right {
	float: left;
	width: 0px;
 background-color:;
}
/*�м����ݽ���*/


/*��ϸ���ݿ�ʼ*/

#bodycontent {
	width: 1200px;
	margin: 0 auto;
	line-height: 180%;
	text-align: center;
}
/*��ϸ���ݽ���*/

                /*�����б�Ĭ����ʽ��ʼ*/
.shopmrsc:hover {
	background-color: #f9f9f9;
}
.shopmrsc {
	border-bottom: #efefef solid 1px;
	overflow: hidden;
	padding: 15px 5px;
}
.shopmrsc a {
	float: left;
	display: block;
	height: 135px;
	text-decoration: none;
	position: relative;
}
.shopmrsc a:hover {
	color: red;
	text-decoration: none;
}
.xwlb_img {
	float: left;
	margin-right: 15px;
	width: 205px;
	height: 135px;
	background-color: #DBD9DA;
}
.xwlb_img img {
	max-width: 205px;
	max-height: 135px;
	display: table-cell;
	
	width:100%;
}
.shopmrsc p {
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	text-align: left;
	margin: 0 auto;
	border-bottom: none;
}
.shopmrsc p.xwlbbt {
	font-size: 16px;
	font-family: "Microsoft YaHei";
	font-weight: normal;
}
.shopmrsc p.xwlbnr {
	font-size: 14px;
	font-weight: normal;
 #height: 50px;
	line-height: 24px;
	margin-top: 7px;
	color: #999;
}
.shopmrsc p.xwlbsj {
	font-size: 14px;
	font-weight: normal;
	color: #787878;
	position: absolute;
	line-height: 20px;
	bottom: 0;
}
/*�����б�Ĭ����ʽ����*/






.qqhconn .proshow1 {
	padding-top: 40px;
	position: relative;
	padding-top:25px;
}
.qqhconn .proshow1 .js-silder {
	float: left;
	width: 45%;
	margin-top: 0 !important;
	border: 1px solid #ddd;
}
.proshow1 .js-silder .silder-main-img {
	width: 100%;
	text-align: center;
	height: 500px;
}
.proshow1 .js-silder .silder-main-img img {
	max-width: 80% !important;
	max-height: 100%;
	vertical-align: middle
}
.proshow1 .js-silder .silder-main-img .iblock {
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle
}
.proshow1 .prodesc p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
}
.proshow1 .prodesc p.bt {
	font-size: 20px;
	font-weight: bold;
	color: #0170e2;
}
.qqhconn .proshow1 .prodesc {
	float: right;
	width: 51%;
	text-align:left;
}
.qqhconn .proshow1 .prodesc p.desc {
	height: 125px;
	overflow: hidden;
	color: #999;
}
.qqhconn .proshow1 .pro_btn {
	padding-top: 30px;
	overflow: hidden;
}
.qqhconn .proshow1 .pro_btn1 {
	display: block;
	width: 40%;
	margin-right: 20px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #0170e2;
	border-radius: 2px;
	float: left;
	border: 1px solid #fff;
}
.qqhconn .proshow1 .pro_btn2 {
	display: block;
	width: 40%;
	width:50%;
	margin-right: 0;
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 16px;
	background: #7b7b7b;
	color: #fff;
	border-radius: 2px;
	float: left;
	border: 1px solid #fff;
}
.qqhconn .proshow1 .pro_btn1:hover {
	background: #fff;
	border: 1px solid #0170e2;
	color: #0170e2;
}
.qqhconn .proshow1 .pro_btn2:hover {
	background: #fff;
	border: 1px solid #7b7b7b;
	color: #7b7b7b;
}
.qqhconn .xgcp {
	overflow: hidden;
}
.qqhconn .xgcp li {
	float: left;
	width: 22.75%;
	margin: 0;
	margin-bottom: 30px;
	padding: 0;
	margin-right: 3%;
}
.qqhconn .xgcp li:nth-child(4n) {
	margin-right: 0px;
}



.qqhconn .pro_pic{ width: 100%; }

.qqhconn .pro_pic .view img{
  max-height:100%; 
  max-width: 100%; 
  vertical-align: middle;
}


.qqhconn .pc-slide {
  margin: 0 auto
}

.qqhconn .pc-slide,.pc-slide .view .swiper-slide {
  width: 100% !important;
}

.qqhconn .pc-slide .view .swiper-slide .imgauto {
  width: 100%;
  height: 350px;
  line-height: 350px;
  border: 1px solid #eee;
  box-sizing: border-box;
  text-align:center;
}

.qqhconn .pc-slide .preview {
  width: 100%;
  margin-top: 10px;
  position: relative
}

.qqhconn .pc-slide .preview .swiper-container {
  width: 80%;
  margin: 0 10%
}

.qqhconn .pc-slide .preview .swiper-slide {
  width: 25%;
  padding: 5px;
  width:20%;
}

.qqhconn .pc-slide .preview .swiper-slide .imgauto {
  width: 100%;
  height: 66px;
  border: 1px solid #ddd;
  text-align:center;
}

.qqhconn .pc-slide .preview .swiper-slide .imgauto img {
  display: block;
  padding: 5px;
  max-width:100%;
  max-height: 100%;
  box-sizing:border-box;
  display:inline-block;
}

.qqhconn .pc-slide .preview .active-nav .imgauto {
  border: 1px solid #243b8a
}

.qqhconn .pc-slide .preview .arrow-left {
  background: url(/style/images/le2.png) no-repeat 0 0;
  background-size: 100%;
  left: 10px
}

.qqhconn .pc-slide .preview .arrow-left,.pc-slide .preview .arrow-right {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  width: 9px;
  height: 18px;
  z-index: 5
}

.qqhconn .pc-slide .preview .arrow-right {
  background: url(/style/images/ri2.png) no-repeat 0 100%;
  background-size: 100%;
  right: 10px
}



.tags_title {
	border-bottom: 1px solid #DDD;
	margin: 0 0 30px;
	margin-top:50px;	
}
.tags_title span {
	width: 80px;
	padding: 0 15px;
	font-size: 16px;
	text-align: center;
	height: 45px;
	line-height: 45px;
	margin-bottom: -1px;
	background: #f8f8f8;
	color: #333;
	display: block;
	border: 1px solid #DDD;
	border-bottom: 1px solid #f8f8f8;
	font-weight: bold;
	background-color:#f8f8f8;
}

.qqhmoree{ background-color:#eee; padding:5px 2%; margin-bottom:20px;}
.qqhmoree strong{ font-size:16px; }
.qqhmoree a{ float:right; font-size:12px; color:#0298cb;}
.qqhmoree02{ margin:0 auto; width:200px; text-align:center; }
.qqhmoree02 a{color:#0298cb;}

.news_prev,.news_next{ color:#999;}
.news_prev a,.news_next a{ color:#999;}


.qqhbodycon{ display:flex;}
#bodycon .qqhleftside{ width:240px; flex:0 0 240px; margin-right:40px;}
#bodycon .qqhleftside .qqhtit{ color:#fff; padding:22px 0; text-align:center; font-size:25px; letter-spacing:2px; font-weight:bold; background-color:#0067d0;}
#bodycon .qqhleftside .qqhlist li{ background-color:#eee; margin-top:3px; padding:10px 0 10px 16%; }
#bodycon .qqhleftside .qqhlist li a{font-size:15px;}
#bodycon .qqhleftside img{  margin-top:5px;}
#bodycon .qqhleftside .txt{ font-size:16px; background-color:#0067d0; color:#fff; padding:20px 0; text-align:center;}
#bodycon .qqhleftside .txt .strong{ padding-top:5px; font-size:22px; font-weight:bold;}
#bodycon #qqhcenter02{ max-width:920px;}
#bodycon #qqhcenter02 .pro_all_class{ width:100% !important;}
#bodycon #qqhcenter02 #bodycontent{ width:auto;}

.qqhbodycon .pro_all_class a{ width:145px;}

.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden; margin:20px auto;display: table;}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#555;display:block;padding: 5px 11px;  border: 1px solid #ddd;float: left;margin: 0 5px;font-size:12px}
.ab_pages ul a.page-num-current{ background:#ddd; }
.ab_pages ul a:hover{ background:#ddd}
.ab_pages ul span{display: inline-block; float: left; line-height: 28px;}