/* CSS Document */
@import url("common.css");
@import url("swiper.min.css");
.more {float:right; margin-top:12px;}

#pageleft {margin:0; width:288px; float:left; margin-top:8px; overflow:hidden;}

#pageleft ul.menu {margin:6px; padding:0; list-style:none;}
#pageleft ul.menu li {line-height:30px; padding-left:15px; border-bottom:1px dashed #CCC; font-weight:bold; font-size:14px; cursor:pointer;}
#pageleft ul.menu li i {font-style:normal;}
#pageleft ul.menu li a {font-weight:normal; font-size:13px; margin-left:5px; font-weight:bold; color:#09F;}
#pageleft ul.menu li div.dropmenu {display:none; padding-left:20px; line-height:24px; padding-bottom:10px;}
#pageleft ul.menu li.in div.dropmenu {display:block;}
#pageleft ul.menu li div.dropmenu a {color:#000; font-weight:normal;}
#pageleft ul.menu li div.dropmenu a.in {color:#F60;}
#pageleft ul.menu li div.dropmenu .dropshow {position:absolute; background-color:#CAEEFF; margin-top:-24px; margin-left:100px; *margin-left:5px; padding:5px 8px;}
#pageleft #bar_honnor {background:url(../images/bar-8.jpg); height:32px; margin:0;}
#pageleft #bar_contact {background:url(../images/bar-7.jpg); height:32px; margin:0;}
#pageleft #body_contact {background:url(../images/bg_contact.jpg) right bottom no-repeat; line-height:24px; padding:8px; overflow:hidden;}
#pageleft .mbar img {width:auto; height:auto;}

#body_honnor {
	height: 200px;
	margin:12px auto 0 auto;
	position:relative;
	font-size:12px;
	overflow:hidden;
	width:288px;
}
#body_honnor #img li {
	opacity:1;
	filter:alpha(opacity=100);
	cursor:pointer;
	float:left;
}
#body_honnor #img {
	list-style:none;
	position:absolute;
	top:0px;
	left:0px;
}
#body_honnor #num {
	list-style:none;
	position:absolute;
	bottom:10px;
	right:20px;
	z-index:999;
}
#body_honnor #num li {
	display:block;
	height:20px;
	width:20px;
	margin-left:5px;
	background:#FFFFFF;
	float:left;
	color:#DE7D4B;
	text-align:center;
	line-height:20px;
	border-radius:20px;
	opacity:0.7;
	filter:alpha(opacity=70);
	cursor:pointer;
	behavior: url(css/pie.htc)
}
#body_honnor #num .hover {
	background:#FF6600;
	color:#FFFFFF;
	font-weight:bold
}

#pagemain {width:680px; float:right; margin-top:8px;}
#pagemain #pagebar {height:28px; line-height:28px; padding-left:12px; text-align:left; border-bottom:1px solid #CCC;}
#pagemain #pagebar h4 {height:26px; line-height:26px; font-size:14px; color:#000; font-size:16px;}
#pagemain #pagebar span {float:right; color:#000; margin-right:20px;}
#pagemain #pagebar span a {color:#0080C0;}

.lbody {float:left;margin:10px 0 0 10px; padding:0 0 0 12px; line-height:200%; color:#333}
.lbody p {line-height:24px; line-height:200%}
.lbody table {border-left:1px solid #EEE; border-top:1px solid #EEE;}
.lbody table tr td {border-right:1px solid #EEE; border-bottom:1px solid #EEE; padding:2px 6px; text-align:center;}
.lbody table tr th {border-right:1px solid #EEE; border-bottom:1px solid #EEE; padding:2px 6px; text-align:center; background-color:#CCC; color:#823765;}
.cbody {text-align:left; padding:10px;}
.cbody ul {margin:5px; line-height:32px;list-style:none; text-align:left}
.cbody ul li {padding-left:8px;}
.cbody ul li em {float:right; margin-right:20px; font-style:normal; color:#999}
.cbody ul li span {float:right; margin-right:20px}
.cbody h5 {height:40px; line-height:40px; text-align:center; margin:6px 0 0 0; padding:0; font-size:16px;}
.cbody h6 {height:30px; line-height:30px; text-align:left; margin:6px 0 0 0; padding:0; font-size:16px;}
.cbody h4 {height:30px; line-height:30px; border-bottom:1px solid #999; text-align:left; margin:10px 0; font-size:15px; color:#09F;}
.cbody table {line-height:200%;}
.cbody #info {height:30px; line-height:30px; margin:0; text-align:center}
.cbody #content {line-height:200%; margin:10px 0 0 0;ltext-align:left;}
.cbody #content img {max-width:660px; height:auto;}
.cbody #content p {margin:10px 0; text-indent:24px;}
.cbody .close_div {text-align:center; height:30px; line-height:22px; margin:40px 0 0 320px}
.cbody ul#same li {width:150px; float:left; text-align:center;}

.cbody ul#product {margin:20px 0;}
.cbody ul#product li {width:166px; height:190px; overflow:hidden; float:left; text-align:center; margin:10px 25px; *margin:10px 20px; padding:0;}
.cbody ul#product li.in {background-color:#EBEBEB;}
.cbody ul#product li.in h2 {background-color:#fff; margin:0 2px;}
.cbody ul#product li img {margin:5px auto; padding:2px; border:1px dashed #D2D2D2;}
.cbody ul#product li h2 {height:24px; overflow:hidden; font-size:12px; margin:0; padding:0; line-height:24px; font-weight:normal; background-color:#EEE;}
.cbody ul#video {margin:20px 0;}
.cbody ul#video li {width:166px; height:160px; overflow:hidden; float:left; text-align:center; margin:10px 25px; *margin:10px 20px; padding:0;}
.cbody ul#video li.in {background-color:#EBEBEB;}
.cbody ul#video li.in h2 {background-color:#fff; margin:0 2px;}
.cbody ul#video li img {margin:5px auto; padding:2px; border:1px dashed #D2D2D2;}
.cbody ul#video li h2 {height:24px; font-size:12px; margin:0; padding:0; line-height:24px; font-weight:normal; background-color:#EEE;}
.cbody .imgs {margin-top:30px; height:480px;}
.cbody .imgs img {padding:0; border:1px solid #CDCDCD; cursor:pointer;}
.cbody .imgs img.show {border-color:#09F; border-width:2px;}
.cbody .imgs .bigimg {width:480px; float:left;}
.cbody .imgs .smlimg {width:160px; float:right; margin:0 !important;}
.cbody .imgs .smlimg li {height:112px; padding:0; margin-bottom:10px;}
.cbody .imgs .smlimg li:nth-child(4) {margin-bottom:0;}
.cbody .close {margin-top:20px;}

#biaoqian ul {
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px 0;
    padding-top: 20px;
	height:30px;
}
#biaoqian li.current {
    background: #09F;
    color: #fff;
}
#biaoqian li {
    color: #575a56;
    float: left;
	padding:0;
    list-style: none;
    background: #ddd;
    text-align: center;
    margin-right: 1px;
    cursor: pointer;
    width: 130px;
    height: 30px;
    line-height: 30px;
}
.bq-ct:not(.visb) {display:none;}

#page {height:50px; line-height:30px; text-align:center}


#pics{
	position:relative;
	width:660;
	margin:0 auto 25px;
	padding-bottom: 10px;
	
}
.grid{
	width:145px;
	padding: 10px;
	background:#fff;
	margin:8px;
	font-size:12px;
	float:left;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
	border:none !important;
	border:1px solid #CCC;
}



@media only screen and (max-width: 992px) {
	#pageleft {width:100%; text-align:center;}
	#pageleft #mbar,#pageleft ul.menu li i {display:none;}
	#pageleft ul.menu li {display:inline-block; border:none; text-align:center; margin:0 0.15rem 0.15rem 0.15rem; padding:0;}
	#pageleft ul.menu li a {display:inline-block; padding:0 0.2rem; margin:0 auto; height:0.8rem; line-height:0.8rem; background-color:#E4E4E4; border-radius:0.1rem;}
	#pageleft ul.menu li div.dropmenu {display:none; padding-left:20px; line-height:24px; padding-bottom:10px;}
	#pageleft ul.menu li.in a {background-color:#F60; color:#fff;}
	#bar_honnor,#body_honnor,#bar_contact,#body_contact,#pagebar {display:none;}
	.cbody {margin:0 0.2rem; padding:0;}
	#pagemain {width:100%;}
	.cbody ul {margin:0}
	.cbody ul li {padding-left:0; height:32px; line-height:32px; overflow:hidden;}
	.cbody ul li em {float:right; margin-right:0; margin-left:10px; font-style:normal; font-size:12px; color:#999}
	.cbody ul li span {display:none}
	#page span,#page a:not(.mpage) {display:none;}
	#page a {display:inline-block; padding:0 0.3rem; margin:0.2rem auto 0 auto; height:0.8rem; line-height:0.8rem; background-color:#E4E4E4; border-radius:0.1rem;}
	.cbody #info {display:none;}
	.cbody #content {margin:0;}
	.cbody #content p {text-indent:0 !important;}
	.cbody #content p img {width:100%; height:auto;}
	.cbody .close {display:none;}
	.cbody .down a {display:block;}
	.cbody .down {line-height:200%;}
	.cbody #content img {max-width:100%; height:auto;}
	.cbody ul#video {margin:0;}
	.cbody ul#video li {margin:0 0.2rem 0.2rem 0; width:4.7rem; height:4.5rem;}
	.cbody ul#video li:nth-child(2n) {margin-right:0;}
	.cbody ul#video li img {border:none; padding:0; width:4.7rem; height:2.64375rem;}
	.cbody #content video {width:9.6rem; height:5.4rem;}
	.cbody ul#product {margin:0;}
	.cbody ul#product li {margin:0 0.2rem 0.2rem 0; width:4.7rem; height:4.5rem;}
	.cbody ul#product li:nth-child(2n) {margin-right:0;}
	.cbody ul#product li img {border:none; padding:0; width:4.7rem; height:2.64375rem;}
	.cbody .imgs {margin-top:0.5rem; height:calc(11rem + 4px);}
	.cbody .imgs .bigimg {width:9.6rem; float:none;}
	.cbody .imgs .bigimg img {width:9.6rem; height:9.6rem;}
	.cbody .imgs .smlimg {width:9.6rem; float:none; margin:0.4rem 0 0 0 !important;}
	.cbody .imgs .smlimg li {width:2.3rem; height:2.3rem; float:left; margin-right:0.12rem;}
	.cbody .imgs .smlimg li img {width:calc(2.3rem - 4px); height:calc(2.3rem - 4px);}
	.cbody .imgs .smlimg li:nth-child(4) {margin-right:0;}
	.cbody ul#same,.cbody #samebar {display:none;}
	.cbody #buyform #username {width:calc(9.6rem - 145px) !important;}
	.cbody #buyform #telephone {width:calc(9.6rem - 55px) !important;}
	.cbody #buyform #content {width:calc(9.6rem - 53px) !important; margin-top:4px;}
	.cbody #buyform #btnsub {width:9.5rem; height:0.8rem; background-color:#39C; border:none; color:#fff;}
	#pics {width:9.8rem; margin:0 0.1rem;}
	#pics .grid {width:4.7rem; margin:0 0.1rem 0.2rem 0.1rem; padding:0;}
	#pics .grid img {width:4.7rem; height:2rem;}
	#pageleft ul.menu li.in div.dropmenu {display:none;}
	.cbody #content table {max-width:9.6rem;}
	.cbody #content table td,.cbody #content table td p {width:auto;}
	.bq-ct.visb {width:9.6rem; overflow-x:auto}
	#biaoqian li {width:calc(1.92rem - 1px);}
}