/*======================Reset=======================*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td, img, textarea, div,a {border:0 none;margin:0;padding:0;outline: 0;font-size: 100%; text-align:left; vertical-align: baseline;background: transparent; line-height:1.8em; font-family: Microsoft Yahei}

h1 {	font-size: 25px;}
h2 {	font-size: 23px;}
h3 {	font-size: 21px;}
h4 {	font-size: 19px;}
h5 {	font-size: 17px;}
h6 {	font-size: 15px;}
select{font-size:12px;font-family:simsun;}
ul,ol,li{list-style-type:none}
a {color:#797878;text-decoration:none; outline:none;/*FF标准去虚线框*/}
a {star:expression(this.onFocus=this.blur()); /* for Ie*去虚线框*/ }
a,span,img,td,form,input{line-height:inherit;}
a:hover{color:#f47211;text-decoration:underline;}
:focus {outline: none;}
body {line-height: 1.5em;width: 100%;display: table; font-size:12px; font-family:Arial, 'Liberation Sans', FreeSans, sans-serif, "宋体";}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
a img {border: none;outline: none;}
ol {margin-left: 2em;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
body{background:url(../images/watermark.jpg)}
/*======================浮动==================*/
.clear{clear:both;height:0px;overflow:hidden;}
.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { zoom:1}
.clearfix { display:block; }
.bugfix{zoom:1}

/*==========限制Detail页内图片大小======避免页面撑暴========*/
/*.content img { max-width:100%;width:expression(width>669?"100%":width+"px");}
--说明 .content img { max-width:100%;width:expression(width>（外层宽度px）?"100%":width+"px");}--*/


/*=====================文字样式===========================*/
.size_10{font-size:10px}
.size_11{font-size:11px}
.size_12{font-size:12px}
.size_13{font-size:13px}
.size_14{font-size:14px}
.size_16{font-size:16px}
.size_18{font-size:18px}
.size_20{font-size:20px}

.fc_white { color: #fff; }
.fc_red { color: #D00000; }
.fc_red02 { color: #F73501; }
.fc_black { color: #000; }
.fc_blue { color: #336599; }
.fc_blue02 { color: #0A4E97; }
.fc_gray { color: #333; }
.fc_orange { color: #FF663A; }
.fc_green { color: #007B00; }
.line_h26 { line-height: 26px; }
.line_h20 { line-height: 20px; }

/*=======================翻页样式===========================*/
.pager{text-align:center;padding:10px;}
.pager a{color:#909090;background-color:#FFFFFF;text-decoration:none;border:#84A5CE solid 1px;padding:2px 6px;margin-right:5px;}
.pager a:hover{color:#FFFFFF;background-color:#4483DC;}
.pager .cpb {color:#FFFFFF;background-color:#4483DC;text-decoration:none;border:#84A5CE solid 1px;padding:2px 6px;margin-right:5px;}

/*=====================文字阴影=============================*/
.context {position:relative;}
.context .normal{position:absolute;top:0px;left:0px;z-index:2;}
.context .shadow{position:relative;top:1px;left:2px;z-index:1;}
/*    文字阴影应用之HTML部分代码                  	
<div class="context">
	<span class="normal">需要有阴影效果的文字</span>
	<span class="shadow">重复需要有阴影效果的文字即文字的阴影</span>
</div>*/
/*定位*/
.fl { float:left;}
.fr { float:right;}
.tl { text-align:left; }
.tc { text-align:center; }
.tr { text-align:right; }
/*文字排版*/
.f12 { font-size:12px; }
.f13 { font-size:13px; }
.f14 { font-size:14px; }
.f15 { font-size:15px; }
.f16 { font-size:16px; }
.f17 { font-size:17px; }
.f18 { font-size:18px; }
.f19 { font-size:19px; }
.f20 { font-size:20px; }
.f24 { font-size:24px; }
.f25 { font-size:25px; }
.fb { font-weight:bold }
.fn { font-weight:normal; }
.t0 { text-indent:0em; }
.t2 { text-indent:2em; }
.lh150 { line-height:150%; }
.lh180 { line-height:180%; }
.lh200 { line-height:200%; }
.unline { text-decoration:underline; }
.no_unl { text-decoration:none; }
.cogreen{color: #009237;}
.co4a{color: #4a4a4a;}
.cored{color: #ff0000;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
/*边距*/
.m10 { margin:10px; }
.m15 { margin:15px; }
.m30 { margin:30px; }
.mt0{margin-top: 0 !important;}
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt50 { margin-top:50px; }
.mt100 { margin-top:100px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb50 { margin-bottom:50px; }
.mb100 { margin-bottom:100px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml50 { margin-left:50px; }
.ml100 { margin-left:100px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr50 { margin-right:50px; }
.mr100 { margin-right:100px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p30 { padding:30px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt50 { padding-top:50px; }
.pt100 { padding-top:100px; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb50 { padding-bottom:50px; }
.pb100 { padding-bottom:100px; }
.pl0{padding-left: 0 !important;}
.pr0{padding-right: 0 !important;}
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
.pl50 { padding-left:50px; }
.pl100 { padding-left:100px; }
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }
.pr50 { padding-right:50px; }
.pr100 { padding-right:100px;}
/*内容部分*/
.content-area{width: 1200px; margin: 0 auto;}
.inline-block{display: inline-block;}
.hide{display: none;}
.show{display: block;}
.noborderLeft{border-left: none !important;} 

#wrapper{width: 100%; position: relative; padding: 0 0; margin: 0 0;}

/*top*/
#top{width: 100%; height: 37px; background: #f0f0f0;}
#top .top{width: 1200px; height: 37px; margin: 0 auto;}
#top .top .regit_login{width: 350px; height: 37px; line-height: 37px; float: left; color: #009237;}
#top .top .contact{ height: 37px; line-height: 37px; float: right; }
#top .top .contact ul li{float: left; height: 37px; line-height: 37px; color: #969696; }
#top .top .contact ul li.li1{margin-left: 20px;}
#top .top .contact ul li.li2{margin-left: 10px; width:60px; position: relative; padding-left: 5px; cursor: pointer;}

#top .top .contact ul li.li2 .MyShop{width: 234px; height: 99px; border: 1px solid #f0f0f0; position: absolute; top: 37px; left: 0; border-top: none; display: none;}
#top .top .contact ul li.li2 .MyShop img{width: 80px; height: 80px; float: left; margin-top: 10px; margin-left: 15px;}
#top .top .contact ul li.li2 .MyShop a.number_m{float: left; margin-top: 10px; margin-left: 20px;}
#top .top .contact ul li.li2 .MyShop p{float: left; margin: 10px 10px 0;}
#top .top .contact ul li.li2 .MyShop a.exit{float: left; margin-top: 10px; margin-left: 0px;}
#top .top .contact ul li.li2 .MyShop span{float: left; margin-top: 10px; margin-left: 20px; color: #333333;}


#top .top .contact ul li.li3{margin-left: 10px; width:60px; position: relative; padding-left: 5px; cursor: pointer;}

#top .top .contact ul li.li3 .MyShop{width: 234px; height: 99px; border: 1px solid #f0f0f0; position: absolute; top: 37px; left: 0; border-top: none; display: none;}
#top .top .contact ul li.li3 .MyShop img{width: 80px; height: 80px; float: left; margin-top: 10px; margin-left: 15px;}
#top .top .contact ul li.li3 .MyShop a.number_m{float: left; margin-top: 10px; margin-left: 20px;}
#top .top .contact ul li.li3 .MyShop p{float: left; margin: 10px 10px 0;}
#top .top .contact ul li.li3 .MyShop a.exit{float: left; margin-top: 10px; margin-left: 0px;}
#top .top .contact ul li.li3 .MyShop span{float: left; margin-top: 10px; margin-left: 20px; color: #333333;} 
#top .top .contact ul li.li4{margin-left: 35px;}
#top .top .contact ul li.li5{margin-left: 25px;}
#top .top .contact ul li.li6{margin-left: 30px;}
#top .top .contact ul li.li7{margin-left: 50px;}

/*logo*/
#logo{width: 1200px; margin: 0 auto;}
#logo img{float: left; }
#logo .title{width: 150px; height: 40px; border-left: 1px solid #e5e5e5; margin-top: 20px; margin-left: 20px; float: left; font-family: "microsoft yahei"; font-size: 28px; color: #4c4c4c; line-height: 40px; padding-left: 20p;}
#logo .title p{font-family: "microsoft yahei"; font-size: 28px; color: #4c4c4c; line-height: 40px; margin-left: 20px; float: left;}


/*srarch*/
#search{width: 540px;  margin-top:30px;  float: left; overflow: hidden;margin-left: 100px;}
#search form{width: 515px; height: 40px; overflow: hidden; background: url(../images/bg/search_bg.jpg);}
#search .special{width: 540px; height: 31px; margin-top: 34px; overflow: hidden;}
#search  input.txt{width: 402px; height: 38px; border: none; padding-left: 10px; float: left; line-height: 38px; background: none;}
#search input.submit{width: 100px; height: 40px; float: right; background:none; border: none; cursor: pointer;}
#search dl{width: 100%; overflow: hidden; margin-top: 20px; margin-bottom: 10px;}
#search dl dd{float: left;margin-right: 15px; line-height: 26px; border-right: 1px solid #e6e6e6; padding-right: 15px; line-height: 14px; font-size: 14px;}
#search dl dd.active a{color: #f47211;}
#search li{float: left; margin: 10px 10px 0 5px;} 

#footer{background: #5c5c5c; padding: 20px; margin: 20px 0 0; color: #ffffff;}
#footer .bottomNav{width: 1180px; margin: 0 auto;}
#footer .bottomNav dl{float: left; border-left: 1px solid #7d7d7d; height: 150px; width: 19%; box-sizing: border-box; padding: 0 30px;}
#footer .bottomNav dl dt {font-size: 18px;}
#footer .bottomNav dl dd{line-height: 30px;}
#footer .bottomNav dl dd a{color: #FFF;}
#footer .bottomNav dl dd a:hover{color:#f47211;text-decoration:underline;}
#footer .bottomNav dl dd.tel{height: 28px; line-height: 28px; font-size: 18px; background: url(../images/bg/tel_bg.jpg) no-repeat; text-indent: 35px; font-weight: bold ; margin: 5px 0;}
#footer .bottomNav dl dd.ask{height: 28px; line-height: 28px; font-size: 12px; background: url(../images/bg/qq_bg.jpg) no-repeat; text-indent: 35px; margin: 5px 0;}
#footer .bottomNav dl dd.like{height: 28px; line-height: 28px; background: url(../images/bg/like_bg.jpg) no-repeat; text-indent: 35px; margin: 5px 0;}
#footer .bottomNav dl dd.like img{display: inline-block; margin-right: 10px;}
#footer .friendLink{width: 1180px; text-align: center; padding: 10px 0; margin: 10px auto; border-bottom: 1px solid #FFF;}
#footer .friendLink dl{}
#footer .friendLink dt,#footer .friendLink dd{display: inline-block; margin-right: 10px;}
#footer .friendLink dd a{color: #FFF;}
#footer .friendLink dd a:hover{color:#f47211;}
#footer .webInfor{width: 1180px; margin: 10px auto;}
#footer .webInfor ul{text-align: center;}
#footer .webInfor ul li{display: inline-block; border-left: 1px solid #FFF; line-height: 12px; margin: 5px; padding-left: 10px;}
#footer .webInfor ul li a{color: #FFF;}
#footer .webInfor ul li a:hover{color:#f47211;}
#footer .webInfor p{text-align: center;}