@charset "utf-8";
/* CSS Document */

/*---------- base ---------*/
*{
	padding:0px;
	margin:0px;
}
html{
		background:#eee;-webkit-text-size-adjust:none;
}
body{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;padding:0;
	background:#eee;-webkit-text-size-adjust:none;color:#000;
	max-width:1440px;
	margin:0 auto
	
}
img{
	border:none;
}

a{
	color:#666;
	text-decoration:none; outline:none
}
a:focus { 
outline: none; 
} 
a:hover{
	color:#ba2636;
	text-decoration:underline;
}
ul{
	list-style:none;
}
input,select,button{
	vertical-align:middle;
}


.r{float:right}
.l{float:left}
img{border:0;}
a{text-decoration:none; outline:none}
a { transition:all 0.3s ease-out; -webkit-transition:all 0.2s ease-out; text-decoration:none; blr:expression(this.onFocus=this.blur());word-break:break-all;}
a:link{color:#666}
a:visited{color:#666}
a:hover{color:#ff9432;text-decoration:none}
a:active{color:#666}
.clear{clear:both;height:0px;overflow:hidden;*display:inline;_display:inline;line-height:0}
li,ul{margin:0;padding:0;list-style:none}
dl,dd,dt,p{margin:0;padding:0}
.top35{margin-top:35px}
.border{border:1px solid #d9d9d9}
input,button{border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;background:none}
/*banner*/
.w1186{width:1186px;margin:0 auto;position:relative}

.pad25{padding:25px 0}
/*.top{padding-top:10px;height:90px;background:#000;-moz-box-shadow: 4px 4px 6px #909090;
-webkit-box-shadow: 4px 4px 6px #909090;
box-shadow:4px 4px 6px #909090;z-index:99;position:relative} 
*/
.top{position:relative;z-index:999;height:140px;background:url(../images/top.jpg) no-repeat center top;text-align:center}
.top a.logo{display:inline-block;width:270px;height:82px;margin-left:3%;background:url(../images/logo.png) no-repeat;}
.top .w485{width:285px;margin:0 auto;padding-top:10px;text-align:center}
/*.top a.cn{display:inline-block;float:right;background:url(../images/cn.jpg) no-repeat left center;padding-left:25px;height:18px;margin:40px 0 0 10px;}
.top a.en{display:inline-block;float:right;background:url(../images/en.jpg) no-repeat left center;padding-left:25px;height:18px;margin:40px 3% 0 10px;}*/
.top a.cn{display:inline-block;padding-left:5px;height:18px;margin:5px 0 0 10px;color:#fff;}
.top a.en{display:inline-block;padding-left:5px;height:18px;margin:5px 10px 0 20px;color:#fff}
.top a.on{text-decoration:underline}


.menu{width:15%;border-right:5px solid #090909;float:left;margin-top:10px;padding:0 10px;min-height:500px}
.menu dl{background:#fff;padding:14px}
.menu dl dt{background:#e6e8eb;font-weight:bold;font-size:16px;color:#e36000;line-height:32px;padding-left:20px;margin-top:7px}
.menu dl dt a{color:#e36000;}
.menu dl dd{margin-top:7px;background:#e6e8eb;text-align:center;cursor:pointer;position:relative}
.menu dl dd a{display:inline-block;font-weight:bold;font-size:14px;color:#000;line-height:32px;}
.menu dl dd.cur{background:#dadadb}

.menu dl dd ul{display:none;position:absolute;left:100%;top:0px;z-index:999;width:100%;border:1px solid #fff;border-bottom:none}
.menu dl dd ul a{display:block;font-weight:lighter;font-size:13px;color:#000;line-height:32px;background:#e6e8eb;text-align:center;border-bottom:1px solid #fff;}
.menu dl dd ul a:hover{background:#dadadb}



.m_right{float:right;background:#fff;width:82%;margin-top:10px;min-height:730px;position:relative}
.m_right .bg{padding:20px 25px}
.m_right .bg .left{float:left;width:75%}
.m_right .bg .right{float:right;border:1px solid #d4d4d4;width:23%}
.m_right .bg .left dl dt{background:#f5f5f5;padding:5px 13px}
.m_right .bg .left dl dt table{line-height:35px}
.m_right .bg .left dl dt table td{/*overflow:hidden*/}
.m_right .bg .left dl dt input{border:1px solid #ebebeb;background:#fff;line-height:15px;width:78%; outline:none;padding:5px 3px;position:relative;z-index:1}
.m_right .bg .left dl dt .txt1{border:1px solid #ebebeb;background:#fff;line-height:15px;width:98%;padding:5px 3px}
.m_right .bg .left dl dt .sub{background:#388bff;font-weight:bold;font-size:14px;margin-left:10px;color:#fff;width:60px;cursor:pointer}
.m_right .bg .left dl dd{margin-top:7px;}
.m_right .bg .left dl dd table{border:1px solid #d5d5d5; border-collapse:collapse;text-align:center;line-height:27px;font-size:12px}
.m_right .bg .left dl dd table .tr_t td{background:#e15f06;color:#fff;font-size:13px;line-height:35px}
.m_right .bg .left dl dd table .tr_c td{background:#fff;position:relative;cursor:pointer}
.m_right .bg .left dl dd table .tr_c2 td{background:#f5f5f5;position:relative;cursor:pointer}
.m_right .bg .left dl dd table .tr_c:hover td,.m_right .bg .left dl dd table .tr_c2:hover td{background:#eee}
.m_right .bg .left dl dd table .h_img{display:none;position:absolute;left:50px;top:-10px;z-index:999}
.m_right .bg .left dl dd table .h_img img{width:70px;height:50px;border:1px solid #ccc;padding:1px;background:#fff}

.m_right .bg .right dl dt{border-bottom:1px solid #d4d4d4;padding:3px 6px}
.m_right .bg .right dl dt span{display:inline-block;background:#666869;padding:1px 8px;margin-right:3px;color:#fff;cursor:pointer}
.m_right .bg .right dl dt span.cur{background:#d63334;}
.m_right .bg .right dl dd{padding:7px 11px;}
.m_right .bg .right dl dd .img{display:block;margin:0 auto;width:100%}
.m_right .bg .right dl dd ul{display:none}
.m_right .bg .right dl dd li{line-height:25px;margin-top:5px}


.m_right .bg .left dl dt.sale{background:url(../images/ico03.jpg) no-repeat left center;width:70%;height:30px;line-height:30px;position:absolute;left:0;top:0px}
.m_right .bg .left dl dd.sale_dd{margin-top:30px}
.m_right .bg .left dl dd.sale_dd li{float:left;text-align:center;width:30%;;margin-right:30px;margin-bottom:30px}
.m_right .bg .left dl dd.sale_dd li.last{margin-right:0}
.m_right .bg .left dl dd.sale_dd li img{width:100%;border:2px solid #f0f0f0;padding:3px;height:155px}
.m_right .bg .left dl dd.sale_dd li p{margin-top:5px}
.m_right .bg .left dl dd.sale_dd li:hover img{border:2px solid #ccc}


.m_right .bg .left dl dd.view_dd table{border:none;color:#292021;margin-top:16px;line-height:35px}
.m_right .bg .left dl dd.view_dd .picurl{border:1px solid #dad6d7;padding:15px;margin-top:30px}
.m_right .bg .left dl dd.view_dd table td{line-height:16px}
.m_right .bg .left dl dd.view_dd table td b{line-height:33px;display:block}

.m_right .bg .left form table td{position:relative}
.m_right .bg .left form table td .hover{position:absolute;border:1px solid #ccc;background:#fff;z-index:999;left:0;top:30px;width:350px;height:auto;display:none}
.m_right .bg .left form table td .hover dt span{display:inline-block;margin-right:10px;cursor:pointer;font-weight:bold}
.m_right .bg .left form table td .hover dt span.cur,.m_right .bg .left form table td .hover dt span:hover{color:#FF8000}
.m_right .bg .left form table td .hover dd{padding:0 13px;display:none}
.m_right .bg .left form table td .hover dd span{display:inline-block;margin-right:10px;cursor:pointer}
.m_right .bg .left form table td .hover dd span:hover{ text-decoration:underline}

.m_right .f_img{position:absolute;left:10px;top:10px;z-index:9999}

.m_right .bg .left form table td #hover3{width:673px;left:-500px;top:30px;height:300px;overflow-y:scroll}



/*picurl*/
.pikachoose { margin: 0 auto;}

/* Style the thumbnails */
.pika-thumbs{ padding: 0 16px; height: 75px; }
.pika-thumbs li{ width: 144px; height:74px; margin: 10px 0 0 17px; padding: 0; overflow: hidden;
    float: left; list-style-type: none;padding: 3px; margin: 0 5px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}

/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage {position: relative;text-align:left; height:340px;}
.pika-stage img{width:620px;height:100%;}
.pika-stage .caption {position: absolute; background: #000; background: rgba(0,0,0,0.75);  border: 1px solid #141414; font-size: 11px; 
    color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;display:none}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute; text-indent: -5000px; display: none;z-index:3;}
.pika-imgnav a.previous {background: url(prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}
.pika-imgnav a.next {background: url(next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}
.pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

/* The previous and next textual buttons */
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
.pika-textnav a.previous {float: left; width: auto; display: none;}
.pika-textnav a.next {float: right; width: auto; display: none;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;display:none}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
    text-align:right; position:absolute; top:15px; right:15px; }

/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 90px; height:55px;}
.pikachoose{position:relative;}
#pikame{width: 110px;}
.pika-thumbs {margin: 10px 0 0 17px; width:250px;position: absolute;top: 10px;right:0px;}
.pika-thumbs li { margin: 0px 5px;}

/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika{position:absolute;top:0px;right:0px;}
.jcarousel-skin-pika .jcarousel-container-vertical { width: 105px;height: 340px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:  105px; height: 340px;}
.jcarousel-skin-pika .jcarousel-item-vertical { margin-bottom: 6px;}



/*footer*/
.footer{width:100%;color:#002859;line-height:50px;text-align:center;border-top:5px solid #090909}
.footer a{color:#002859;margin:0 10px}

/*分页*/
.pages{text-align:right; margin:10px 0px 0px 0;font-size:13px;color:#616161;}
.pages a{ margin:0 5px;display:inline-block;text-align:center;padding:2px 5px;color:#636363;background:#f1f1f1;line-height:15px;}
.pages .on,.pages a:hover{color:#fff;background:#ccc}


.m_right .bg .left dl dd.sale_dd .title{text-align:center}
.m_right .bg .left dl dd.sale_dd .info{line-height:50px;text-align:center}
.m_right .bg .left dl dd.sale_dd .info small{margin-left:20px}
.m_right .bg .left dl dd.sale_dd #textarea{line-height:25px;word-wrap: break-word; word-break: normal; }

/*buy*/
.m_right .bg .left dl dd.buy_dd{margin-top:30px;}
.m_right .bg .left dl dd.buy_dd table{border:none;}
.m_right .bg .left dl dd.buy_dd tr td{border-bottom:1px dashed #e5e5e5;line-height:33px;cursor:pointer}
.m_right .bg .left dl dd.buy_dd .tr_t td{border:1px solid #e5e5e5;background:url(../images/ico09.jpg) repeat-x;line-height:31px;color:#333}


.m_right .bg .left dl dd.buy_view{margin-top:22px}
.m_right .bg .left dl dd.buy_view h6{line-height:35px}
.m_right .bg .left dl dd.buy_view table{ border-collapse:collapse;line-height:40px}
.m_right .bg .left dl dd.buy_view table td{padding-left:5px;text-align:left;}

.m_right .bg .left dl dd.buy_view .title{color:#165895;font-size:15px;line-height:30px;margin-top:10px}
.m_right .bg .left dl dd.buy_view .title a{float:right;color:#584f52;font-family:"宋体";font-size:10px}
.m_right .bg .left dl dd.buy_view .buy_c li{float:left;margin-right:13px}
.m_right .bg .left dl dd.buy_view .buy_c li img{width:165px;height:120px;padding:2px;border:1px solid #ccc}
.m_right .bg .left dl dd.buy_view .buy_c li p{text-align:center;margin-top:5px}

.m_right .bg .left dl dd.buy_view .buy_c2 li{float:left;width:50%;border-bottom:1px dashed #ccc;line-height:35px;height:35px}
.m_right .bg .left dl dd.buy_view .buy_c2 li{}


.hover_bg{background:url(../images/png.png) repeat;width:100%;height:100%;position:fixed;top:0;display:none}
.xq{background:#fff;width:450px;height:300px;padding:25px;line-height:35px;position:absolute;top:300px;left:50%;margin-left:-225px;border:1px solid #ccc;display:none}
.xq dl dt{height:35px;border-bottom:1px dotted #ccc;}
.xq dl dt span{font-size:14px;font-weight:bold;float:left;width:200px}
.xq dl dt a{float:right}
.xq dl dd{padding-top:20px}
.xq p{clear:both}
.xq input{height:15px;padding:5px 3px;border:1px solid #ccc;float:left;width:230px}
.xq span{display:inline-block;width:50px;float:left}
.xq textarea{height:85px;padding:5px 3px;border:1px solid #ccc;float:left;width:330px;}
.xq .sub{background:#0033FF;padding:3p 5px;border-radius:3px;color:#fff;font-size:14px;font-weight:bold;width:70px;height:30px;margin:20px 0 0 50px;cursor:pointer}