/*css通用重置样式*/
*{word-break:break-all;font-family:'微软雅黑',arial,lucida,verdana,helvetica,sans-serif; }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin:0;padding:0; list-style:none; }
body { font-size:12px; }
img { border:none; }

.zbody { width:100%; height: 100%; position:fixed; left: 0; top: 0; z-index: 998; background:#000; opacity: 0.1; filter:alpha(opacity=10);  }
.bpop { width:auto; height: auto; min-width: 200px; max-width: 99%; max-height: 99%; position: fixed; left: 0; top: 0; box-shadow: 0px 0px 10px 1px #999; background:#fff; z-index: 999;
	transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -webkit-transform:scale(0);
	transition:transform 0.1s; -moz-transition:transform 0.1s; -o-transition:transform 0.1s; -webkit-transition:transform 0.1s;
 }
.bpop .bpop-center { width: auto; height: auto; padding:0px 15px 15px 15px; border:solid 1px #fff; border-top:solid 2px #e84d3d; }
.bpop .bpop-title { width:100%; height:40px; line-height: 40px; font-size:14px !important; font-weight: 900; color:#333; text-align: center; }
.bpop .bpop-body { width:100%; height: auto; line-height: 24px; padding:0 10px; font-size:14px !important; color:#555; }
.bpop .bpop-btn { width:100%; height: auto; padding:12px 0 8px 0; margin-top:8px; text-align: center; font-size:12px; }
.bpop .bpop-btn .btn-item { border:solid 1px #ccc; padding:4px 14px; margin:0 10px; background:#f5f5f5; box-shadow: 1px 1px 0px #ddd; color:#333; }
.bpop .bpop-btn .btn-item-red { background:#e84d3d; border:solid 1px #e84d3d; color:#fff; }
.bpop .bpop-btn .btn-item:hover { opacity: 0.9; cursor: pointer; }
.bpop .bpop-btn .btn-item:active { box-shadow: 1px 1px 1px #ccc inset; }
.bpop .bpop-btn .btn-item-red:active { box-shadow: 1px 1px 1px #d0301f inset; }
.bpop-css3 {
	transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
}
.bpop-load { position: fixed; left: 0; top: 0; width:37px; height: 37px; background:url(/uploads/image/phimage/loading.gif) no-repeat center; z-index: 999; }
.bpop-tip { position: fixed; left: 0; top: 0; width:auto; height: auto; background:#fff; z-index: 9999; }
.bpop-tip .bpop-tip-center { padding:7px 12px 7px 10px; border:solid 1px #ccc; color:#555; font-size:14px !important; }
.bpop-tip .bpop-s { display: inline-block; width:36px; height: 36px; background:url(/uploads/image/phimage/bpop-status.png) no-repeat left top; float: left; margin-right:10px; }
.bpop-tip .bpop-t { background-position: left -36px }
.bpop-tip .bpop-n { background-position: left -72px }
.bpop-tip .bpop-font { display: inline-block; width:auto; height: 36px; line-height: 36px; float: left; }
.bpop-tip .bpop-clear { clear:both; }

.clears { clear:both; }

a { text-decoration: none; color:#555; }
a:hover { text-decoration: none; color:#5cb20f; }
a:focus { outline:none !important; }

.blod { font-weight:900; }
.d300 { color:#d30000; text-decoration: none; }
.red { color:#e30000 !important; }
.f60 { color:#f60 !important; }
.clear { clear:both; }
.price { color:#e30000 !important; font-family: 'verdana'; font-size:14px; font-weight: 900 }
.gray { color:#666; }
.bule { color:#08f; }
.green { color:green; }
.del { color:#666; text-decoration:line-through; }



.popbody { width:100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9998; background:#fff; opacity: 0.5; filter:alpha(opacity=50); }
.popcart { width:360px; height: auto; min-height: 200px; position: fixed; left: 30%; top:30%; z-index: 9999; background:#fff; box-shadow: 0px 0px 20px #666; }
.popcart h1 { width: 100%; height: 30px; line-height: 30px; background:#539100; color:#fff; font-size:14px; font-weight: 400; text-indent: 10px; }
.popcart h1 span { display: block; float: right; width:30px; height: 30px; line-height: 30px; color:#fff; text-align: center; cursor: pointer; }
.popcart .con { width:90%; height: auto; margin:0 auto; padding:6px 0 50px 0; }
.popcart .con dl { width:100%; height: auto; }
.popcart .con dl dt { width:100%; height: 30px; line-height: 30px; margin-bottom:4px; border-bottom:solid 1px #999;  font-weight: 900; }
.popcart .con dl dd { width: 50%; height: 24px; line-height: 24px; float: left; }
.popcart .con dl dd input { position: relative; top:1px; margin-right:4px; }

.popcart .pop_btn { width:100%; height:40px; line-height: 40px; margin:0 auto; padding:0 0; border-top:solid 1px #ccc; text-align: center; position: absolute; left: 0; bottom: 0; }
.popcart .pop_btn .btn { display: inline-block; width:auto; height: 24px; line-height: 24px; padding:0 10px 0 10px; margin:0 10px; font-size:12px; border-radius: 0; background-color:#539100; color:#fff; }
.popcart .pop_btn .btn:hover { background-color:#f95457; text-decoration: none; }

/*返回顶部*/
#bright { position:fixed; right:20px; bottom:50px; width:46px; height:auto; z-index:9999 }
#bright span { display:block; width:46px; height:46px; border:solid 1px #ccc; background:#fff; margin-top:6px; cursor:pointer }
#bright .bodytop { background:#fff url(/uploads/image/phimage/top.png) no-repeat center top; }
#bright .bodytop:hover { background:#fff url(/uploads/image/phimage/top.png) no-repeat center -50px; }
#bright .eweima { background:#fff url(/uploads/image/phimage/top.png) no-repeat center -104px; position:relative; }
#bright .eweima:hover { background:#fff url(/uploads/image/phimage/top.png) no-repeat center bottom; }
#bright .eweima:hover .er { display:block; }
#bright .eweima .er { position:absolute; left:-122px; bottom:-6px; display:none; }
#bright .eweima .er img { width:120px; height:120px; }



/*分页*/
.page { width:94%; margin:0 auto; padding-top: 15px; text-align: right; margin-bottom:15px; }
.page a,.page span{border: 1px solid #ccc; display: inline-block;height: 32px;line-height: 32px; margin-left: 6px; overflow: hidden;padding: 0 12px;  box-shadow:1px 1px 0px #eee; background:#fff;}
.page a:hover { text-decoration: none; }
.page span.current,.page a:hover{background: #0a7d38;border-color: #0a7d38;color: #fff;}
.page span.no{background: #0a7d38;color: #fff;}

.upage {padding-top: 15px; text-align: right; }
.upage a,.upage span { border: 1px solid #ccc; display: inline-block;height: 30px;line-height: 28px; margin-left: 6px; overflow: hidden; padding: 0 8px;  box-shadow:1px 1px 0px #eee; background:#fff; }
.upage a:hover { text-decoration: none; }
.upage span.current,.upage a:hover{background: #f60;border-color: #f60;color: #fff;}
.upage span.no{background: #fff;color: #f60;}

.apage { width:100%; height: auto; padding-bottom: 15px; margin:0 auto; text-align: right; }
.apage a,.apage span { border: 1px solid #999; display: inline-block; height: 16px;line-height: 16px; margin-left: 6px; overflow: hidden;padding: 4px 8px;  box-shadow:1px 1px 0px #eee; background:#f5f5f5; }
.apage a:hover { text-decoration: none; }
.apage span.current,.apage a:hover{ box-shadow:1px 1px 0px #ccc inset; background:#eee; color:#333; }
.apage span.no{background: #fff;color: #f60;}


.header { width:100%; height:114px; margin:0 auto; }
.header .header-center { width:1200px; height: 114px; margin:0 auto; position: relative; }
.header .header-center .logo { display: inline-block; width: auto; height: 80px; position: absolute; left: 0; top:15px; }
.header .top-tel { height: 54px; position: absolute; right:0; top:28px;  }

/*顶部*/
.head-top { width:100%; height: 34px; background:#f8f8f8; border-bottom:solid 1px #e1e1e1; }
.head-top .center { width:1200px; height: 34px; line-height: 34px; margin:0 auto; color:#666; }
.head-top .center .center-left { float: left; }
.head-top .center .center-right { float: right; color:#999; }
.head-top .center .center-right a { color:#666; }
.head-top .center .center-right .home-cart { font-size:15px; color:#4bb700; }
.head-top .center .center-right a:hover { color:#45a800; }


/*导航*/
.menu { height:44px; background:#5cb30e; }
.menu ul { width:1200px; margin:0 auto;}
.menu ul li { width:133px; height:44px; float:left; text-align:center; color:#fff; font-size:15px; background:url(/uploads/image/phimage/toplia.jpg) no-repeat right center; }
.menu ul li:last-child { background:none; }
.menu ul li a { color:#fff; display:block; height:44px; line-height:44px; }
.menu ul li a:hover { color:#fff; }
/* .menu ul li .cur { font-weight: 900; border-top:solid 3px #5cb30e; position: relative; top:-2px; } */

.tsearch { width:380px; height: 40px; background:#ccc; position: absolute; left: 360px; top:38px; }
.tsearch .s-input { width:300px; height: 40px; line-height: 40px; border:solid 1px #ccc; text-indent: 10px; font-size:14px; color:#666; }
.tsearch .s-button { width:80px; height: 40px; border:solid 1px #ccc; border-left:none; background:#f5f5f5; position: absolute; top:0; left:300px; font-size:14px; color:#666; }

/*页脚样式*/
.footer { width:100%; height:54px; line-height: 54px; margin-top:20px; background:#f3f3f3; clear:both; color:#666; font-size:14px; }
.footer * { color:#666; }
.footer .footer-center { width:1200px; height: auto; margin:0 auto; }
.footer .footer-right { float: right; }


/*banner*/
.main_visual { width:100%; height: 400px; position: relative; /*overflow: hidden; */}
.main_image {width:100%; height:400px; border-top:0px solid #d7d7d7; overflow:hidden; margin:0 auto; position:relative}
.main_image ul {width:9999px; height:400px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:400px;}
.main_image li span {display:block; width:100%; height:400px}
.main_image li a {display:block; width:100%; height:400px}
div.flicking_con {width:990px; margin:0 auto; position:relative;display: none;}
div.flicking_con .flicking_inner {position:absolute; top:480px; left:90px; z-index:999; width:300px; height:21px} /* 121126 */
div.flicking_con a {float:left; width:21px; height:21px; margin:0; padding:0; background: 0 0 no-repeat; display:block; text-indent:-1000px}
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:50px!important;height:50px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(/uploads/image/phishop/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(/uploads/image/phishop/hover_right.png) no-repeat right top;right:100px;}

.i-brnner { float: left; width:100%; height: auto; margin-top:20px; }
.i-brnner img { display: inline-block; max-width: 100%; height: auto; margin:0 auto; }


.upops { width: auto; height: auto; border:solid 2px #09f; position:fixed; left: 30%; top:20%; z-index: 9999; background:#fff; }
.upops h1 { width:100%; height: 30px; line-height: 28px; background:#09f; color:#fff; text-indent: 10px; font-weight: 900; font-size:14px; }
.upops h1 .xclose { width:16px; height: 16px; color:#fff; float: right; margin:0 15px 0 0; cursor:pointer; font-weight: 400 }
.upops .d1 { width:270px; margin:20px 40px; }
.upops .d1 dd { padding:6px 0; color:#555; }
.upops .d1 dd .ut { width:180px; height: 26px; line-height: 26px; border:solid 1px #ccc; border-top:solid 1px #999; text-indent: 6px; }
.upops .d1 dd .ud { width:74px; }
.upops .d1 dd .verify { position: relative; left:4px; top:-2px; }
.upops .d1 dd .button { margin-left: 60px; width:100px; height: 32px; background:#09f; border:none; color:#fff; cursor:pointer; }
.upops .d1 dd .button:hover { background:#08f; }
.upops .d1 dd a { text-decoration: underline; color:#666; margin-left:10px; }
.upops .d1 dd a:hover { color:#f30; }
.ubodys { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background:#000; opacity: 0.3; z-index: 9998; }

/*在线客服*/
#chat { position:fixed; right:10px; top:132px; width:140px; height:auto; background:#fff; border:solid 3px #159c77; border-top:none; font-family:"寰蒋闆呴粦"; z-index:9999 }
#chat .chat-title { width:100%; height:44px; background:#159c77 url(/uploads/image/phimage/chat.png) no-repeat left 2px; position:relative; }
#chat .chat-title .chat-close { width:12px; height:12px; position:absolute; right:8px; top:16px; background:url(/uploads/image/phimage/chat.png) no-repeat -5px -111px; cursor:pointer; }
#chat .chat-center { width:90%; height:auto; margin:0 auto; list-style:none; padding:8px 0 6px 0; font-size:12px; }
#chat .chat-center dd { width:100%; height:26px; margin-bottom:4px; }
#chat .chat-center dt { width:100%; height:26px; line-height:26px; text-align:center; background:#f1f1f1; margin-bottom:6px; color:#333; }
#chat .chat-center dd a { width:100%; height:28px; line-height:28px; display:block; background:url(/uploads/image/phimage/chat.png) no-repeat 15px -42px; text-decoration:none; color:#555; text-indent:45px; text-align:left;}
#chat .chat-title .chat-close:hover {  transition: 0.2s;  transform: rotate(180deg); /* ff3.5  */  -webkit-transform: rotate(180deg); /* saf3.1 , chrome */ }
#chat .chat-center dd a:hover { color:#fff; background:#e4393c url(/uploads/image/phimage/chat.png) no-repeat 15px -68px; }
#chat .chat-footer { width:100%; height:46px; padding:6px 0; background:url(/uploads/image/phimage/chat.png) no-repeat -2px -140px; }
#chatdown { width:36px; height:36px; position:fixed; right:10px; top:132px; box-shadow:0px 0px 10px #333; background:#159c77 url(/uploads/image/phimage/chat.png) no-repeat right -40px; z-index:999; z-index:9999; display:none; cursor:pointer }

.home_nav { width:1200px; height: 40px; line-height: 40px; margin:0 auto; margin-bottom:20px; background:#fff url(/uploads/image/phimage/home.gif) no-repeat 6px center; text-indent: 34px; border-bottom:solid 1px #ddd; font-weight:400; color:#666; font-size:12px; font-family: "微软雅黑" }
.home_nav * { font-family: "微软雅黑" }
.home_nav a { text-decoration: none; color:#666; }
.home_nav a.cur { color:#f60; }
.home_nav a:hover { text-decoration: underline; color:#f00; }


.cart-btn { display: inline-block; width:auto; height: 24px; line-height: 24px; padding:0 10px 0 30px; color:#fff; background:#e4393c url(/uploads/image/phimage/carts.png) no-repeat 10px 5px; }
.cart-btn:hover { cursor: pointer; background-color:#c60104; }

.catenav { width:1200px; height: auto; margin:0 auto; position: relative; }
.catenav ul { width:200px; height: auto; position: absolute; left: 0; top: -400px; background:#fff;  opacity: 0.8; filter:alpha(opacity=80); z-index: 9999; }
.catenav ul li { width:100%; height: auto;  border-bottom:solid 1px #d0d0d0; position: relative; }
.catenav ul li a { display: inline-block; width:100%; height: 66px; line-height: 66px; background:url(/uploads/image/phimage/bei.jpg) no-repeat 30px center; font-size:14px; text-indent: 60px; color:#000; }
.catenav ul li:last-child { border:none; }
.catenav ul li ul { position: absolute; left: 200px; top: 0; width:180px; height: auto; background:#51990f; opacity: 1; display: none; }
.catenav ul li ul li { border-bottom:dashed 1px #fff; }
.catenav ul li ul li a { background:none; text-indent: 40px; color:#fff; }
.catenav ul li:hover ul { display: block; }

.nnav { width:100%; height: 46px; margin-bottom:20px; font-size:0; text-align: center; }
.nnav .na { display: inline-block; width:200px; height: 46px; line-height: 46px; border:solid 1px #ccc; text-align: center; font-size:14px; margin-right:-1px; background:#fff; text-decoration:none; }
.nnav .cur { background:#51990f; border-color:#51990f; color:#fff; }
.nnav .na:hover { color:#51990f; border-color:#51990f; position: relative; z-index: 2; background:#eee; }
.nnav .cur:hover { color:#fff; background:#51990f; }