@charset "utf-8";
/*全局样式
---------------------------------------------*/
section,article,aside,header,footer,nav,figure{ display:block; }
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{ margin:0; padding:0; }
body,button,input,select,textarea{ font:12px/1.5 "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6,button,input,select,textarea{ font-size:100%; }
address,cite,dfn,em,var{ font-style:normal; }
code,kbd,pre,samp{ font-family:courier new,courier,monospace; }
p,ul,li,dl,dd,dt,form,h1,h2,h3,h4,h5,h6{ list-style:none; }
a{ color:#666; text-decoration:none; }
a:hover{ color:#0089CD; text-decoration:none; }
fieldset,img{ border:0; }
table{ border-collapse:collapse; border-spacing:0; }
input::-moz-focus-inner,button::-moz-focus-inner{ border:0;padding:0;outline:0; }
.clear{ clear:both; font-size:0px; height:0px; overflow:hidden; }
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both; font-size:0px; height:15px; overflow:hidden; }
.line20{ clear:both; font-size:0px; height:20px; overflow:hidden; }
.line30{ clear:both; font-size:0px; height:30px; overflow:hidden; }
/* Clear Fix */ 
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; } 
/* Hide from IE Mac */ 
.clearfix { display:block; } 
/* End hide from IE Mac */ 
/* end of clearfix */ 
.left{ float:left; }
.right{ float:right; }
.red{ color:#F00; }
	.red:hover{ color:#F60; }
	.red a{ color:#F00; }
	.red a:hover{ color:#F60; }
.gray{ color:#666; }
	.gray:hover{ color:#F60; }
	.gray a{ color:#666; }
	.gray a:hover{ color:#F60; }
.blue{ color:#1E7BB3; }
	.blue:hover{ color:#F60; }
	.blue a{ color:#1E7BB3; }
	.blue a:hover{ color:#F60; }

/*文本框样式*/
input.wide{ width:250px; }
input.txt{ width:200px; }
input.small{ width:50px; }
.input{ display:inline; margin-right:5px; padding:7px; height:20px; line-height:20px; vertical-align:middle; background:#fff; color:#999px; border:1px solid #e8e8e8; border-radius:2px; }
.select{ padding:7px; border:1px solid #e8e8e8; line-height:20px; }

/*按钮样式*/
.btn{ display:inline-block; margin:0; padding:0 25px; color:#fff; font-size:12px; height:38px; line-height:38px; text-align:center; }
.btn{ background:#1e7bb3; border:1px solid #02598E; border-radius:2px; vertical-align:middle; }
.btn:hover{ color:#fff; opacity:0.9; }
.btn-mini{ height:20px; line-height:20px; padding:1px 8px 0; }
input.btn, button.btn{ height:40px; cursor:pointer; overflow:visible; }
.btn-success{ background:#52A152; border:1px solid #417F41; text-shadow:0 -1px 0 #52A152; }
.btn-error{ background:#CB423B; border:1px solid #AA352F; text-shadow:0 -1px 0 #CB423B; }
.btn-gray{ background:#ddd; border:1px solid #A9A9A9; text-shadow:0 -1px 0 #EEEEEE;}
.btn-gray,.btn-gray:hover{ color:#777; }
/*标题样式*/
.main-tit{  margin:0 auto; padding:30px 0 0; }
	.main-tit h2{ display:block; padding-right:10px; color:#666; font-size:24px; font-weight:400; line-height:25px; }
.base-tit{ border-bottom:1px solid #f0f0f0; color:#3b8dd1; line-height:1em; font-size:18px; font-weight:normal; }
	.base-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #3b8dd1; }
	.base-tit i{ float:right; padding:10px 0; color:#999; font-size:12px; line-height:26px; font-style:normal; }
.bar-tit{ margin:0 0 20px; padding:0 0 10px; border-bottom:1px solid #e8e8e8; color:#6c6c6c; font-size:18px; }
/*页码容器*/
.page-box{ margin-top:15px; color:#999; font-size:14px; }
/*视频容器*/
.video-box{ position:relative; width:100%; height:473px; _clear:both; _display:inline; }
/*提示样式*/
.msg-tips{ position:relative; margin:30px auto; padding:30px 0; width:380px; font-size:14px; text-align:left; }
	.msg-tips .ico{ display:block; float:left; background:url(../images/icon-tips.png) no-repeat left top; width:46px; height:46px; text-indent:-99999px;overflow:hidden; }
	.msg-tips .ico.error{ background-position:-50px 0; }
	.msg-tips .ico.warning{ background-position:-100px 0; }
	.msg-tips .msg{ margin-left:60px; }
	.msg-tips .msg strong{ margin-bottom:10px; color:#444; font-size:15px; }
	.msg-tips .msg p{ line-height:1.8em; }
	.msg-tips .msg i{ color:#f00; font-style:normal;}

/*页面布局
----------------------------------------------*/
body{ text-align:center; background:#fff; *position:relative; }
.section{ position:relative; margin:0 auto; padding:0; width:1180px; min-width:941px; max-width:1180px; text-align:left; overflow:hidden; }
.wrapper{ position:relative; margin:0 auto; width:100%; height:288px; overflow:hidden; }
	.wrapper.igoods{ height:327px; }
	.wrapper.auto{ height:auto; }
	.wrapper:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.main-left{ position:relative; float:left; margin:15px 15px 0 0; width:463px; height:273px; overflow:hidden; }
.main-right{ position:absolute; top:0; right:0; bottom:0; left:478px; overflow:hidden; }
.sidebar-left{ float:left; margin:15px 15px 0 0; width:941px; height:273px; overflow:hidden; }
.sidebar-right{ float:left; width:224px; height:288px; overflow:hidden; }
.list-auto{ position:relative; display:block; margin:0 340px 0 0; overflow:hidden; _zoom:1; }
.list-right{ position:relative; display:block; float:right; width:300px; overflow:hidden; }
.main-wrap{ position:relative; margin:0 auto; padding:0; width:1180px; text-align:left; }
.left941{ float:left; width:941px; }
.left211{ float:left; margin-left:28px; width:211px; }
.info-box{ float:left; width:200px; background:#eef8fa; border:1px solid #e8ecef; }
.home-box{ position:relative; display:block; margin:0 0 0 217px; overflow:hidden; }
.main-box{ position:relative; margin-bottom:-30px; width:100%; background:#f2f2f2; }
.login-box{ margin-bottom:-30px; width:100%; min-height:500px; _height:500px; background:#f1f1f1; }
.login-left{ position:absolute; top:30px; left:0; right:320px; bottom:0; background:url(../images/login-bg.png) no-repeat center center; _width:500px; _height:320px; _top:100px; _left:160px; }
.login-right{ float:right; margin:30px auto; padding:20px; width:300px; text-align:left; border:1px solid #e5e5e5; border-radius:3px; background:#fff; }

/*页面头部
----------------------------------------------*/
.header{ width:100%; height:55px; }
	.header-wrap{ position:fixed; top:0; left:0; width:100%; height:55px; text-align:center; background:rgba(48,131,235,0.9); *background:#3083eb; *filter:alpha(opacity=90); z-index:300; }
	.header-wrap .left-box .logo{ margin:0 20px 0 0; display:block; float:left; width:110px; height:55px; text-indent:-9999px; background:url(../images/logo.png) no-repeat 0 center; overflow:hidden; }
	.header-wrap .left-box .nav{ display:inline-block; float:left; height:55px; font-size:14px; letter-spacing:1px; }
	.header-wrap .left-box .nav a{ display:inline-block; margin:10px 0; padding:0 8px; line-height:35px; height:35px;  color:#fff; opacity:0.9; }
	.header-wrap .left-box .nav a:hover{ border-radius:3px; color:#fff; background:#104C99; }
	.header-wrap .search{ position:relative; display:block; float:left; margin:13px 0 0 20px; }
	.header-wrap .search .input{ display:block; margin:0; padding:3px 30px 3px 10px; width:150px; height:20px; line-height:20px; color:#fff; border:1px solid #76b5dc; border-radius:2px; background:none; }
	.header-wrap .search .submit{ position:absolute; top:0; right:0; display:block; width:30px; height:28px; line-height:30px; text-indent:-9999px; color:#fff; border:none; background:url(../images/search.png) no-repeat center; cursor:pointer; _text-indent:0; overflow:hidden; }
	.header-wrap .right-box{ float:right; display:block; margin:13px 0; height:28px; }
	.header-wrap .right-box li{ float:left; margin-left:15px; }
	.header-wrap .right-box li.line{ margin-left:10px; background:url(../images/line-1.png) no-repeat 0 center; }
	.header-wrap .right-box li.line a{ margin:0 10px; }
	.header-wrap .right-box li em{ float:left; display:inline-block; margin:7px 8px auto auto; width:17px; height:15px; }
	.header-wrap .right-box li.login em{ background:url(../images/user.png) left center no-repeat; }
	.header-wrap .right-box li a{ display:inline-block; color:#fff; font-size:12px; height:28px; line-height:28px; }

/*内容样式
----------------------------------------------*/
/*幻灯片样式*/
.focusbox{ position:absolute; top:0; right:0; bottom:0; left:0; border:2px solid #f7f7f7; overflow:hidden; _position:relative; }
	.focusbox .slides{ position:relative; display:block; width:100%; height:100%; zoom:1; overflow:hidden; }
	.focusbox .slides:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.focusbox .slides li{ width:100%; height:100%; overflow:hidden; }
	.focusbox .slides li img{ min-width:100%; min-height:100%; _width:100%; _height:100%;}
	.focusbox .slides li .note-bg{ position:absolute; left:0; right:0; bottom:0; width:100%; height:125px; background:url(../images/pic-bg.png) 0 bottom repeat-x; _height:50px; _background:url(none) 0 0 repeat #000; }
	.focusbox .slides li .note-txt{ position:absolute; left:0; right:0; bottom:0; display:block; padding:10px; height:24px; line-height:24px; color:#fff; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	
	.focusbox .flex-control-nav{ position:absolute; right:5px; bottom:18px; display:block; z-index:4; }
	.focusbox .flex-control-nav li{ margin:0 5px 0 0; display:inline-block; zoom:1; *display:inline; }
	.focusbox .flex-control-nav li a{ display:block; width:8px; height:8px; text-indent:-9999px; border:1px solid #999; border-radius:8px; cursor:pointer; overflow:hidden; }
	.focusbox .flex-control-paging li a:hover { background:#333; }
	.focusbox .flex-control-paging li a.flex-active { background:#f90; border-color:#f90; cursor:default; }
/*大标题*/
.ntitle{ margin:0 auto; padding:30px 0 0; width:100%; }
	.ntitle:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.ntitle h2{ display:inline-block; float:left; padding-right:10px; width:auto; color:#333; font-size:24px; font-weight:400; line-height:25px; }
	.ntitle h2 a{ position:relative; padding-right:25px; color:#888; }
	.ntitle h2 a:hover{ color:#f06000; text-decoration:none; }
	.ntitle h2 a em{ display:block; position:absolute; right:-4px; top:8px; width:9px; height:17px; background:url(../images/slider.png) -359px -87px no-repeat; }
	.ntitle p{ display:inline-block; float:left; padding-top:3px; line-height:18px; color:#888; font-size:14px; }
	.ntitle p a{ margin-left:10px; padding:0 0 0 15px; color:#888; font-size:14px; background:url(../images/line.png) left center no-repeat; }
	.ntitle p a:hover{ color:#f06000; }
	.ntitle p a.no-bg{ background:none; }
	.ntitle i{ display:block; padding-top:10px; color:#999; font-size:14px; font-style:normal; line-height:1em; }
	.ntitle span{ display:inline-block; float:right; line-height:18px; color:#999; font-size:12px; }
	.ntitle span a{ color:#999; }
	.ntitle span a:hover{ color:#0089CD; }

/*图片列表*/
.img-list{ margin:0 0 0 -15px; *display:inline-block; }
	.img-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.img-list li{ position:relative; _display:inline; float:left; margin:15px 0 0 15px; width:224px; height:129px; overflow:hidden; background:#fff; }
	.img-list.high li{ height:273px; }
.photo-list{ position:relative; width:1180px; overflow:hidden; }
	.photo-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.photo-list ul{ width:956px; }
	.photo-list ul li{ position:relative; _display:inline; float:left; margin:15px 0 0 15px; width:224px; height:129px; overflow:hidden; background:#fff; }
	.photo-list ul li.col-1{ margin-left:0; width:463px; height:273px; }
	.photo-list ul li.col-6{ position:absolute; top:15px; left:956px; margin:0; height:273px; }
/*遮罩样式*/	
.ilist a{ position:absolute; display:block; top:0; right:0; bottom:0; left:0; border:2px solid #f7f7f7; cursor:pointer; _position:relative; overflow:hidden; }
	.ilist a:hover em{ position:absolute; top:50%; left:50%; display:block; margin:-30px auto auto -30px; height:60px; width:60px; background:url(../images/slider.png) no-repeat 0 0; }
	.ilist a img{ width:100%; min-width:100%; min-height:100%; _height:100%; }
	.ilist .abs-txt{ position:absolute; top:0; left:0; display:inline-block; padding:0 5px; border-radius:2px; color:#fff; font-size:12px; line-height:23px; background:#f06000; text-align:center; }
	.ilist .abs-bg{ position:absolute; left:0; right:0; bottom:0; display:block; height:125px; background:url(../images/pic-bg.png) 0 bottom repeat-x; _background:url(none) 0 0 repeat #000; width:100%; _height:50px; }
	.ilist .txt1{ position:absolute; left:0; right:0; bottom:20px; display:block; padding:0 5px; height:24px; line-height:24px; color:#fff; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.ilist .txt2{ position:absolute; left:0; right:0; bottom:3px; display:block; padding:0 5px; height:20px; line-height:20px; color:#bdbdbd; font-size:12px; overflow:hidden; }
	.ilist .txt2 p{ display:block; }
	.ilist .txt2 i{ float:right; margin-left:5px; font-style:normal; }
	.ilist .price{ position:absolute; left:0; right:0; bottom:20px; display:block; padding:0 5px; height:30px; line-height:30px; color:#F90; font-size:16px; font-weight:400; text-shadow:1px 1px rgba(0,0,0,.9); vertical-align:middle; overflow:hidden; }
	.ilist .price b{ margin-right:2px; font-size:14px; font-weight:700; }
	.ilist .price i{ float:right; display:block; font-style:normal; color:#bdbdbd; font-size:12px; font-weight:normal; text-decoration:line-through; }
	.ilist .protxt{ position:absolute; left:0; right:0; bottom:3px; display:block; padding:0 5px; height:20px; line-height:20px; color:#fff; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }
	.ilist a .img-box{ position:relative; margin:10px 10px 5px 10px; width:200px; height:200px; overflow:hidden; background:#000; }
	.ilist a .img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.ilist a .info{ padding:0 10px; color:#999; }
	.ilist a .info h3{ height:24px; line-height:24px; color:#555; font-size:14px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.ilist a .info i{ float:right; margin-left:5px; font-style:normal; }
	.ilist a .info p{ display:block; }
/*文字列表*/
.txt-list{ position:relative; }
	.txt-list li{ display:block; font-size:14px; height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.txt-list li.tit{ margin-bottom:10px; }
	.txt-list li.tit a{ color:#3b8dd1; font-size:18px; font-weight:bold; line-height:24px; }
	.txt-list li b{ display:inline-block; padding-right:8px; color:#999; font-weight:normal; }
	.txt-list li span{ float:right; margin-left:5px; color:#999; }
	.txt-list li a{ color:#666; }
	.txt-list li a:hover{ color:#0089cd; }

/*图文列表*/
.t-list{ position:relative; }
	.t-list ul{ margin:0 0 0 -15px; *zoom:1; }
	.t-list li{ float:left; margin:0 0 15px 15px; width:463px; height:129px;  _display:inline; overflow:hidden; }
	.t-list li a.img-box{ position:relative; display:block; float:left; margin-right:15px; width:224px; height:125px; border:2px solid #f7f7f7; }
	.t-list li a.img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.t-list li h3{ margin-bottom:10px; color:#333; font-size:16px; font-weight:normal; line-height:24px; height:48px; overflow:hidden; }
	.t-list li h3 a{ color:#333; }
	.t-list li p{ margin-bottom:10px; color:#666; font-size:12px; line-height:20px; height:40px; overflow:hidden; }
	.t-list li i{ color:#999; font-size:12px; line-height:20px; font-style:normal; }
/*图文列表*/
.n-list{ padding-top:10px; }
	.n-list li{ display:block; padding-bottom:16px; border-bottom:1px solid #f0f0f0; overflow:hidden; }
	.n-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.n-list li h2{ padding:16px 0 14px 0; font-size:16px; line-height:27px; font-weight:normal; }
	.n-list li h2 a{ font-size:20px; font-weight:bold; line-height:29px; color:#3b8dd1; text-decoration:none; }
	.n-list li h2 a:hover{ color:#8CAC52; }
	.n-list li .note b{ position:relative; display:block; float:left; margin-right:16px; width:156px; height:104px; font-style:normal; }
	.n-list li .note b img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.n-list li .note p{ font-size:14px; line-height:23px; font-weight:500; color:#555; }
	.n-list li .note .info{ padding-top:10px; }
	.n-list li .note .info span{ margin-right:10px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat; }
	.n-list li .note .info .time{ background-position:0 -158px; }
	.n-list li .note .info .view{ background-position:0 -36px; }
	.n-list li .note .info .comm{ background-position:0 4px; }
	.n-list .nodata{ margin-top:30px; color:#666; font-size:14px; line-height:100px; text-align:center; }
/*右侧通用列表*/
.sidebar-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.sidebar-box h3{ display:block; margin-bottom:10px; padding-bottom:10px; line-height:1em; color:#888; font-size:18px; font-weight:300; border-bottom:1px solid #f0f0f0; }
	.sidebar-box .sidebar-txt{ color:#555; font-size:14px; line-height:1.8em; }
	.sidebar-box .sidebar-txt p{ padding:5px 0; }
	.tags-box{ margin-left:-10px; }
	.tags-box a{ display:block; float:left; margin:0 0 10px 10px; padding:5px 10px; color:#555; font-size:13px; line-height:20px; border:1px solid #f0f0f0; }
	.tags-box a i{ margin-left:2px; color:#999; font-style:normal; }

/*类别列表*/
.navbar li{ padding-bottom:5px; }
	.navbar li h4{ display:block; color:#3b8dd1; font-size:16px; font-weight:normal; line-height:30px; }
	.navbar li h4 a{ color:#3b8dd1; }
	.navbar li p{ font-size:14px; color:#888; line-height:30px; }
	.navbar li p a{ display:inline-block; margin-right:5px; color:#888; }

/*热门*/
.focus-list ul{ margin:0 0 0 -20px; *zoom:1; }
	.focus-list ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.focus-list li{ float:left; margin:0 0 20px 20px; _display:inline; }
	.focus-list li a{ color:#888; font-size:13px; cursor:pointer; }
	.focus-list li a b{ position:relative; display:block; margin:0; padding:1px; width:136px; height:100px; border:1px solid #e8e8e8; overflow:hidden; }
	.focus-list li a:hover b em{ position:absolute; top:50%; left:50%; display:block; margin:-30px auto auto -30px; height:60px; width:60px; background:url(../images/slider.png) no-repeat 0 0; }
	.focus-list li a b img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.focus-list li a span{ display:block; line-height:30px; width:140px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

/*排行*/
.rank-list li{ position:relative; _display:block; padding:10px 0 0 25px; height:25px; vertical-align:top; }
	.rank-list li a{ display:block; padding:0; color:#888; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; _position:absolute; }
	.rank-list li .num{ position:absolute; left:0px; top:12px; display:inline-block; vertical-align:-3px; *vertical-align:middle; width:16px; height:16px; margin-right:10px; background:#1389d7; font-style:normal; color:#fff; font-size:10px; font-family:Verdana, Geneva, sans-serif; text-align:center; overflow:hidden;}
	.rank-list li.active .num{ top:12px; background:#d60007; font-family:Georgia, "Times New Roman", Times, serif; }
	.rank-list li span{ float:right; margin-left:5px; color:#999; _padding:2px 0 2px 5px; _z-index:2;  _position:absolute; _background:#fff; _right:0; }

/*推荐*/
.red-list ul{ margin:0 0 0 -15px; *zoom:1; }
	.red-list ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.red-list li{ float:left; margin:0 0 15px 15px; _display:inline; }
	.red-list li a{ color:#888; font-size:13px; cursor:pointer; }
	.red-list li a .img-box{ position:relative; display:block; margin:0; padding:1px; width:94px; height:94px; border:1px solid #e8e8e8; overflow:hidden; }
	.red-list li a .img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.red-list li a span{ display:block; line-height:30px; width:98px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

/*相关*/
.rel-list{ margin-top:15px; }
	.rel-list ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.rel-list ul .nodata{ color:#999; font-size:14px; line-height:50px; }
	.rel-list ul li{ display:block; float:left; margin:0 auto 15px 0; padding:0; width:50%; overflow:hidden; _float:none; _width:auto; }
	.rel-list ul li .img-box{ position:relative; display:block; float:left; padding:1px; width:136px; height:100px; border:1px solid #e8e8e8; overflow:hidden; }
	.rel-list ul li .img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.rel-list ul li .info{ margin:0 auto 0 151px; padding-right:15px; _margin-top:-15px; _padding-right:0; }
	.rel-list ul li .info h3{ display:block; color:#3b8dd1; font-size:16px; font-weight:normal; line-height:1.3em; height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.rel-list ul li .info h3 a{ color:#3b8dd1; }
	.rel-list ul li .info p{ color:#555; font-size:13px; height:48px; line-height:22px; overflow:hidden; }
	.rel-list ul li .info span{ color:#999; font-size:12px; line-height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
		
/*内容标题样式*/
.meta{ margin:30px 0 0 0; padding:0 0 15px 0; border-bottom:1px solid #f0f0f0; }
	.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.meta h1{ margin:0; padding:0 0 15px 0; color:#3b8dd1; font-size:22px; line-height:30px; }
	.meta .meta-info{ color:#999; font-size:12px; line-height:24px; }
	.meta .meta-info span{ margin-right:10px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat; }
	.meta .meta-info .time{ background-position:left -158px; }
	.meta .meta-info .view{ background-position:left -36px; }
	.meta .meta-info .comm{ background-position:left 4px; }
/*内容详细样式*/
.entry{ margin:15px 0; padding:0; font-size:14px; line-height:2em; word-wrap:break-word; }
	.entry img{ max-width:100%!important; height:auto!important; }
	.entry h2,.entry h3,.entry h4{ padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
	.entry h2{ font-size:1.2em; }
	.entry h3,.entry h4{ font-size:1.1em; }
	.entry strong{ color:#DC2523; }
	.entry ul,.entry ol{ margin:1em; }
	.entry li{ margin-left:1em; }
	.entry ul li{ list-style:disc outside none; }
	.entry ol li{ list-style:decimal outside none; }
	.entry p{ display:inherit; margin:1em 0; color:#555; word-wrap:break-word; }
	.entry a{ text-decoration:underline; }
	.entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; line-height:1.7em; }
	.entry table{ border-left:0.15em solid #eee; border-top:0.15em solid #eee; }
	.entry table th{ background-color:#F9F9F9; text-align:center; }
	.entry table td,.entry table th{ border-bottom:0.15em solid #eee; border-right:0.15em solid #eee; padding:0.25em 0.5em; }
.next-prev-single{ padding:10px 0; color:#444; font-size:14px; overflow:hidden; }
	.next-prev-single p{ width:49%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.next-prev-single p a{ color:#428bca; text-decoration:none; }
	.next-prev-single .prev{ float:left; }
	.next-prev-single .next{ float:right; }

/*内容相册样式*/
.album-list{ position:relative; }
	.album-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.album-list ul{ margin:0 0 0 -20px; *zoom:1; }
	.album-list li{ float:left; width:20%; }
	.album-list li a{ display:block; margin:20px 0 0 20px; padding:1px; border:1px solid #e8e8e8; }
	.album-list li a img{ display:block; width:100%; height:auto; }
/*附件样式*/
.attach-list{ margin:0; padding:10px; }
	.attach-list li{ margin:0; padding:0 0 0 25px; color:#555; font-size:12px; line-height:36px; background:url(../images/sprite.gif) no-repeat 0 -108px; }
	.attach-list li span{ float:right; }
	.attach-list li i{ margin-left:10px; font-style:normal; color:#666; }
/*当前位置*/
.curr-nav{ margin:30px 0 15px 0; color:#999; line-height:20px; }
	.curr-nav a{ color:#999; }
	.curr-nav a:hover{ color:#0089CD; }
/*筛选条件样式*/
.screen-box{ position:relative; border:1px solid #e8e8e8; }
	.screen-box:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.screen-box dl{ clear:both; display:block; border-top:1px solid #f7f7f7; }
	.screen-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.screen-box dl:first-child{ border-top:none; }
	.screen-box dl dt{ display:block; float:left; padding-left:20px; width:100px; color:#555; line-height:36px; }
	.screen-box dl dd{ position:relative; margin-left:112px; padding-top:5px; overflow:hidden; }
	.screen-box dl dd a{ display:inline-block; margin:0 5px 5px 0; padding:6px 10px; border:1px solid #fff; font-size:12px; line-height:1em; }
	.screen-box dl dd a.selected{ border-color:#fff; color:#fff; background:#0089CD; }
/*排序样式*/
.sort-box{ height:38px; border:1px solid #e8e8e8; background:#f7f7f7; overflow:hidden; }
	.sort-box a{ display:block; float:left; margin-left:-1px; padding:0 15px; line-height:38px; height:38px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; color:#333; font-size:12px; }
	.sort-box a:hover,.sort-box a.selected{ color:#0089CD; background:#fff; }
/*商品图片列表*/
.img-list2{ position:relative; }
	.img-list2 ul{ margin:0 0 0 -15px; *zoom:1; }
	.img-list2 ul .nodata{ text-align:center; color:#333; font-size:14px; line-height:120px; }
	.img-list2 ul li{ float:left; margin:15px 0 0 15px; width:224px; _display:inline; }
	.img-list2 ul li .wrap-box{ position:relative; padding:10px; border:1px solid #e8e8e8; }
	.img-list2 ul li .wrap-box:hover{ border-color:#f40; }
	.img-list2 ul li .wrap-box .img-box{ position:relative; width:202px; height:202px; overflow:hidden; }
	.img-list2 ul li .wrap-box .img-box .abs-txt{ position:absolute; top:0; left:0; display:inline-block; padding:0 5px; border-radius:2px; color:#fff; font-size:12px; line-height:23px; background:#f06000; text-align:center; }
	.img-list2 ul li .wrap-box .img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.img-list2 ul li .wrap-box .info h3{ display:block; margin:10px 0; line-height:20px; height:20px; color:#333; font-size:13px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.img-list2 ul li .wrap-box .info .col{ line-height:24px; height:24px; color:#999; font-size:12px; overflow:hidden; }
	.img-list2 ul li .wrap-box .info .col i{ float:right; color:#999; font-style:normal; }
	.img-list2 ul li .wrap-box .info .col b{ display:inline-block; margin-right:2px; color:#f40; font-size:16px; font-weight:600; }
	.img-list2 ul li .wrap-box .info .col s{ display:inline-block; text-decoration:line-through; }

/*商品缩略图样式*/
.goods-pic{ position:relative; float:left; margin-top:30px; width:370px; *z-index:1; }
	.pic-box{ float:left; }
	.pic-preview{ position:relative; width:368px; height:368px; border:1px solid #e8e8e8; }
	.pic-scroll{ margin-top:10px; width:370px; }
	.pic-scroll .prev{ float:left; margin-right:5px; }
	.pic-scroll .next{ float:right; }
	.pic-scroll .prev,.pic-scroll .next{ display:block; font-family:"宋体"; text-align:center; width:10px; height:60px; line-height:60px; border:1px solid #e8e8e8; background:#f7f7f7; cursor:pointer; text-decoration:none; }
	.pic-scroll .items{ position:relative; float:left; width:335px; height:62px; overflow:hidden; }
	.pic-scroll .items ul{ position:absolute; margin:0; padding:0; width:999999px; height:100%; }
	.pic-scroll .items ul li{ float:left; margin:0; padding:0; width:67px; text-align:center; }
	.pic-scroll .items ul li img{ padding:2px; border:1px solid #e8e8e8; width:56px; height:56px; }
	.pic-scroll .items ul li img:hover{ padding:1px; border:2px solid #d70000; }
/*商品规格*/
.goods-spec{ position:relative; margin:30px 0 0 400px; overflow:hidden; overflow:hidden; *zoom:1; }
	.goods-spec h1{ display:block; color:#555; font-size:18px; font-weight:700; line-height:1.1em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.goods-spec .subtitle{ margin-top:5px; color:#6c6c6c; font-size:15px; line-height:18px; }
	.goods-spec .spec-box{ position:relative; margin-top:10px; }
	.goods-spec .spec-box.line{ padding-top:10px; border-top:1px solid #efefef; }
	.goods-spec .spec-box:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.goods-spec .spec-box dl{ clear:both; display:block; }
	.goods-spec .spec-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.goods-spec .spec-box dl dt{ float:left; width:80px; line-height:38px; min-height:38px; color:#999; }
	.goods-spec .spec-box dl dd{ position:relative; padding:5px 0; line-height:26px; min-height:26px; color:#6c6c6c; }
	.goods-spec .spec-box dl dd s{ display:inline-block; text-decoration:line-through; }
	.goods-spec .spec-box dl dd .price{ display:inline-block; margin-right:5px; color:#f40; font-size:24px; font-weight:700; }
	.goods-spec .spec-box dl dd .items li{ position:relative; float:left; margin:0 5px 8px 0; padding:1px; line-height:20px; vertical-align:middle; }
	.goods-spec .spec-box dl dd .items li a{ display:block; padding:1px; color:#666; min-width:10px; width:auto !important;  text-align:center; text-decoration:none; border:1px solid #eee; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; }
	.goods-spec .spec-box dl dd .items li a span{ display:inline-block; padding:5px 9px; font-style:normal; line-height:20px; }
	.goods-spec .spec-box dl dd .items li a img{ width:36px; height:38px; vertical-align:middle; }
	.goods-spec .spec-box dl dd .items li a.selected{ margin:-1px; color:#333; border:2px solid #f40; color:#f40; }
	.goods-spec .spec-box dl dd .stock-box{ display:block; float:left; margin-right:10px; width:64px; }
	.goods-spec .spec-box dl dd .stock-box input{ float:left; margin-right:3px; width:42px; height:30px; line-height:30px; text-align:center; border:1px solid #e8e8e8; }
	.goods-spec .spec-box .stock-box a{ display:block; float:left; margin-bottom:4px; width:15px; height:12px; line-height:12px; color:#333; font-size:11px; text-align:center; border:1px solid #e8e8e8;  cursor:pointer; overflow:hidden; }
	.goods-spec .spec-box .stock-txt{ float:left; line-height:32px; }
	.goods-spec .spec-box .btn-buy{ margin-top:15px; }
	.goods-spec .spec-box .btn-buy .buy{ display:inline-block; margin-right:10px; padding:0 30px; color:#e5511d; font-size:16px; line-height:38px; background:#ffe4d0; border:1px solid #f0cab6; border-radius:2px; cursor:pointer; }
	.goods-spec .spec-box .btn-buy .add{ display:inline-block; padding:0 30px; color:#fff; font-size:16px; line-height:38px; background:#f40; border:1px solid #f40; border-radius:2px; cursor:pointer; }
	.goods-spec .spec-box .btn-buy button.over{ color:#999; background:#f7f7f7; border-color:#e8e8e8; cursor:default; }
/* 图片放大镜样式*/
.jqzoom{ position:relative; display:block; margin:0; padding:0; width:368px; height:368px; border:none; cursor:crosshair; }
    .jqzoom img{ width:368px; height:368px; }
.zoomdiv{ position:absolute; z-index:100; display:none; width:368px; height:368px; background:#fff; border:1px solid #e8e8e8; overflow:hidden; }
.jqZoomPup{ position:absolute; top:0; left:0; z-index:10; visibility:hidden; max-width:368px; max-height:368px; border:1px solid #aaa; background:#fff; opacity:0.5;-moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); overflow:hidden; }

/*商品Tab样式*/
.goods-tab .tab-head{ display:block; height:40px; border:1px solid #e8e8e8; background:#f7f7f7; overflow:hidden; }
	.goods-tab .tab-head ul li{ float:left; margin-left:-1px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; }
	.goods-tab .tab-head ul li a{ display:block; padding:0 30px; height:40px; line-height:40px; color:#555; font-size:14px; }
	.goods-tab .tab-head ul li a:hover,.goods-tab .tab-head ul li a.selected{ color:#fff; background:#0089cd; }
	.goods-tab .tab-content{ display:none; }

/*购物车样式*/
.cart-box{ position:relative; margin-top:30px; }
	.cart-box h1{ float:left; color:#555; font-size:18px; line-height:35px; }

.cart-info{ z-index:2; margin:0; padding:15px; border:1px solid #DFC795; position:absolute; top:0px; left:0px; _left:-269px; width:302px; height:auto;background:#F7F2D0; text-align:left; }
	.cart-info .btn-success{ height:32px; line-height:32px; }
	.cart-info .close{ display:block; margin:0; padding:0; position:absolute; top:5px; right:5px; width:15px; height:10px; text-indent:-9999px; background:url(../images/sprite.gif) no-repeat left -240px; cursor:pointer; }

.cart-step{ position:relative; margin-left:200px; }
	.cart-step li{ float:left; width:33.33%; height:35px; line-height:35px; text-align:center; background:url(../images/cart-arrow.gif) no-repeat right -45px #f6f6f6; color:#999; *width:33.3%; }
	.cart-step li span{ display:inline-block; margin-right:5px; font-weight:bold; font-size:15px; }
	.cart-step li.item{ background-position:right 0; }
	.cart-step li.selected{ background:url(../images/cart-arrow.gif) no-repeat right -90px #e8e8e8; color:#8cac52; }
	.cart-step li.last{ background-image:none; }

.cart-table{ border:1px solid #f7f7f7; }
	.cart-table th{ padding:0.8em 0.5em; color:#555; font-size:13px; font-weight:400; background:#f6f6f6; border-bottom:1px solid #f7f7f7; }
	.cart-table td{ padding:1em 0.5em; color:#555; font-size:13px; border-bottom:1px solid #f7f7f7; }
	.cart-table td .stxt{ margin-top:5px; color:#666; font-size:12px; line-height:20px; }
	.cart-table td input.checkall{ padding:0; border:1px solid #eee; background:#fff; }
	.cart-table td .img{padding:1px;width:60px;height:60px;border:1px solid #eee;}
	.cart-table td .buy-box{ margin:auto; padding:0; width:74px; height:22px; overflow:hidden; }
	.cart-table td .buy-box a{ display:block; float:left; width:20px; height:20px; font-size:12px; line-height:20px; text-align:center; border:1px solid #e8e8e8; overflow:hidden; }
	.cart-table td .buy-box .input{ float:left; margin:0; padding:0; width:30px; font-size:12px; height:20px; line-height:20px; text-align:center; ime-mode:Disabled; border-radius:0; border-left:0; border-right:0; }

.cart-foot{ margin-top:20px; height:40px; }
	.cart-foot .btn-box{ line-height:40px; }
	.cart-foot .btn-box a{ margin-right:20px; font-size:14px; }

.item-box{ clear:both; padding:8px 0; font-size:13px; }
	.item-box li{ display:block; float:left; margin:0 25px; height:28px; line-height:28px; }
	.item-box li label input{ margin-right:3px; }
	.item-box li em{ color:#999; }

.address-list{ margin-bottom:20px; padding:10px; color:#555; font-size:14px; border:1px solid #f7f7f7; max-height:300px; overflow:auto; }
	.address-list li{ margin:5px 0; padding:5px 10px; height:20px; line-height:20px; cursor:pointer; }
	.address-list li span{ margin-left:10px; }
	.address-list li label em{ margin-left:5px; color:#999; }
	.address-list li.selected{ padding:10px; font-size:15px; background:#fff0e8; border-radius:3px; }
	.address-list li.selected span{ color:#333; font-weight:700; }
.address-info{ padding:10px; border:1px solid #f7f7f7; }
	.address-info dd .input{ padding:5px; }
	.address-info dd .select{ display:inline-block; padding:5px; border:1px solid #e8e8e8; border-radius:2px; line-height:20px; }

.buy-foot{ font-size:14px; }
	.buy-foot .left dl{ clear:both; padding-bottom:10px; line-height:28px; }
	.buy-foot .left dl dt{ color:#6c6c6c; }
	.buy-foot .left dl dd .input{ width:230px; padding:5px; }
	.buy-foot .right{ text-align:right; }
	.buy-foot .right p{ line-height:38px; }
	.buy-foot .right p .price{ color:#f00; font-weight:700; }
	.buy-foot .right p.txt-box{ margin-top:10px; font-size:18px; font-weight:700; }
	.buy-foot .right p.btn-box{ margin-top:20px; }

/*评论样式*/
.comment-add{ margin-top:15px; _width:100%; _position:relative; _overflow:hidden; }
    .comment-add .editor{ position:relative; margin-right:18px; }
	.comment-add .editor textarea{ width:100%; height:70px; }
	.comment-add .subcon{ margin-top:15px; }
.comment-box{ position:relative; margin-top:15px; }
	.comment-list li{ padding:15px 0; border-top:1px solid #f7f7f7; }
	.comment-list li .avatar{ display:block; float:left; margin-top:6px; background:#fff; border-radius:2px; width:42px; height:42px; overflow:hidden; }
	.comment-list li .avatar img{ width:42px; height:42px; }
	.comment-list li .inner{ margin-left:52px; }
	.comment-list li .inner p{ color:#333; font-size:14px; line-height:1.8em; }
	.comment-list li .inner .meta{ margin:0; padding-top:3px; color:#999; border:none; }
	.comment-list li .inner .meta .time{ margin-left:5px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat left -158px; }
	.comment-list li .answer{ margin-left:48px; padding:10px; background:#fafafa; border:1px solid #e6e6e6; border-radius:3px; }
	.comment-list li .answer .meta{ margin:0; padding:0; color:#999; margin-bottom:5px; border:none; }
	.comment-list li .answer p{ color:#555; font-size:14px; line-height:1.8em; }

/*会员中心样式
----------------------------------------------*/
.avatar-box{ padding:15px; background:#F7F8FD; overflow:hidden; }
	.avatar-box .img-box{ display:block; float:left; margin-right:10px; padding:1px; border:1px solid #fff; background:#fff; *width:60px; *height:60px; overflow:hidden; }
	.avatar-box .img-box img{ width:60px; height:60px; }
	.avatar-box h3{ color:#6c757e; font-size:16px; line-height:1em; height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.avatar-box p{ color:#6c757e; font-size:12px; line-height:20px; }

.side-nav{ border-top:1px solid #e8ecef; }
	.side-nav li{ padding:5px 0; zoom:1; }
	.side-nav li a{ position:relative; display:block; margin:0 15px; padding:8px 15px; color:#6c757e; font-size:14px; line-height:20px; height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.side-nav li a:hover{ color:#fff; border-radius:3px; background:#277bb9; }

.u-tab-head{ margin-bottom:15px; height:40px; background:#fbfbfb; border:1px solid #e8ecef; }
	.u-tab-head p a{ float:left; display:block; margin:-1px 0 auto -1px; padding:11px 25px; line-height:20px; height:20px; color:#7f838c; font-size:14px; border-left:1px solid #e8ecef; border-right:1px solid #e8ecef; }
	.u-tab-head p a:hover,.u-tab-head p a.selected{ color:#fff; background:#0089cd; }
	.u-tab-head span{ float:right; line-height:40px; }
	.u-tab-head span .add{ display:block; padding:10px 15px; line-height:20px; font-size:12px; }
.u-tab-content{ position:relative; padding:15px; background:#fbfbfb; border:1px solid #f0f0f0; min-height:398px; overflow:hidden; _height:398px; _overflow:visible; }
	.u-tab-content .ntitle{ margin:0 auto; padding:0 0 10px 0; }
	.u-tab-content .ntitle-tit{ margin:0 0 10px; padding:0; color:#444; font-size:16px; font-weight:normal; }
	.u-tab-content .ntitle-info{color:#999;}
	.u-tab-content p{ margin:0; padding:3px 0; color:#444; font-size:13px; line-height:24px; }
	.title-div{ margin-top:20px; border-top:1px solid #f0f0f0; height:26px; color:#6e717a; }
	.title-div strong{ float:left; margin-top:-16px; padding:3px 10px 3px 0; background:#fbfbfb; font-size:15px; _position:absolute; }
	.head-box{ padding:10px; border:1px solid #f6f6f6; background:#fff; }
	.head-box .img-box{ float:left; margin-right:10px; }
	.head-box .img-box img{ padding:1px; width:120px; height:120px; border:1px solid #f0f0f0; }
	.head-box .inner{ float:left; }
	.head-box .inner h3{ margin-bottom:15px; color:#3b8dd1; font-size:24px; font-weight:normal; line-height:1.3em; }
	.head-box .inner p{ color:#222; font-size:14px; line-height:24px; }
	.head-inner{ position:relative; margin:20px 0 10px 0; padding:10px; border:1px solid #f6f6f6; background:#fff; }
	.head-inner h3{ margin-bottom:10px; padding-bottom:8px; color:#3b8dd1; font-size:16px; font-weight:normal; line-height:30px; border-bottom:1px solid #f0f0f0; }
	.head-inner dl{ display:block; float:left; width:50%; line-height:2.8em; font-size:13px; }
	.head-inner dl dt{ display:block; float:left; color:#666; }
	.head-inner dl dd{ color:#999; }
	.form-box{ position:relative; padding:10px; border:1px solid #f6f6f6; background:#fff; font-size:14px; }
	.form-box dl{ display:block; padding:5px 0; }
	.form-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.form-box dl dt{ display:block; float:left; width:120px; line-height:38px; min-height:38px; color:#555; font-size:13px; text-align:right; _position:absolute; }
	.form-box dl dd{ position:relative; padding:5px 0 5px 10px; line-height:28px; min-height:28px; color:#555; font-size:13px; overflow:hidden; _margin-left:120px; }
	.form-box dl dd label.radio{ margin-right:5px; }
	.accept-box{ padding:0; background:#fff; border:1px solid #f0f0f0; }
	.accept-box dl{ padding:0; }
	.accept-box dl.head{ position:relative; padding:0; background:#fbfbfb; border-bottom:1px solid #e8e8e8; }
	.accept-box dl.head .btn-pay{ position:absolute; top:6px; right:6px; display:block; padding:0 15px; color:#fff; font-size:12px; height:24px; line-height:24px; background:#52A152; border:1px solid #417F41; border-radius:2px; }
	
	.step-box{ position:relative; }
	.step-box ul{ margin:0 -40px 0 -10px; }
	.step-box ul li{ position:relative; float:left; margin-right:-8px; width:20%; text-align:center; color:#8c8c8c; font-size:12px; }
	.step-box ul li .progress{ color:#fff; }
	.step-box ul li .progress:after,
	.step-box ul li .progress:before{ position:absolute; top:0; right:0; content:""; width:10px; height:20px; background:url(../images/delivery.png) no-repeat 100% -60px; }
	.step-box ul li .progress:after{ right:0; background-position:100% -20px; }
	.step-box ul li .progress:before{ left:0; background-position:0 0; }
	.step-box ul li .progress .text{ display:block; margin:0 10px; padding:1px 10px; background:#c3c3c3; height:18px; line-height:18px; }
	.step-box ul li.done .progress .text{ background:#83bd39; }
	.step-box ul li.done .progress:before{ background-position:0 -40px; }
	.step-box ul li.done .progress:after{ background-position:100% -60px; }
	.step-box ul li.first .progress:before{ display:none; }
	.step-box ul li.last .progress:after{ display:none; }
	.step-box ul li .info{ line-height:20px; }
	.step-box.mini ul{ margin:0 -32px 0 -10px; }
	.step-box.mini ul li{ width:25%; }

/*头像上传*/
.avatar-img{ display:block; margin:20px 0; padding:1px; width:180px; height:180px; border:1px solid #f0f0f0; border-radius:2px; background:#fff; }
	.avatar-img img{ width:180px; height:180px; }
.cropper-wraper{ margin-top:20px; }
	.cropper-wraper .cropper-box{ position:relative; float:left; margin-right:20px; padding:1px; width:350px; height:350px; text-align:center; border:1px solid #f0f0f0; border-radius:2px; background:#f4f4f4; text-align:center; vertical-align:middle; }
	.cropper-wraper .cropper-box div{ margin:auto; vertical-align:middle; }
	
	.cropper-wraper .cropper-view{ float:left; width:184px; }
	.cropper-wraper .cropper-view .img-box{ padding:1px; width:180px; height:180px; border:1px solid #f0f0f0; border-radius:2px; background:#fff; overflow:hidden; }
	.cropper-wraper .cropper-view .img-box img{ display:block; width:180px; height:180px; }
	.cropper-wraper .cropper-view .btn-box p{ margin:8px 0; text-align:center; color:#333; font-size:13px; line-height:24px; }
	.cropper-wraper .cropper-view .btn-box p.tip{ text-align:left; color:#999; font-size:13px; line-height:22px; }
	.cropper-wraper .cropper-view .btn-box .btn{ width:100%; line-height:34px; height:36px; }
	
.ftable{ width:100%; border:1px solid #f0f0f0; background:#fff; }
.mtable{ width:100%; background:#fff; _width:auto; }
	.mtable th,.ftable th{ padding:0.8em; color:#6e717a; font-size:13px; font-weight:400; background:#fbfbfb; border-bottom:1px solid #e8e8e8; }
	.mtable td,.ftable td{ padding:0.8em; color:#333; font-size:13px; border-bottom:1px solid #F3F3F3; }
	.ftable td .img{ padding:1px; width:60px; height:60px; border:1px solid #e8e8e8; }
	.ftable td s{ color:#999; text-decoration:line-through; }
	.mtable .tr_odd_bg,.ftable .tr_odd_bg{ background:#f9f9f9; }
.page-foot{ clear:both; font-size:13px; padding-top:15px; height:35px; }
.page-btns{ float:left; }
	.page-btns a{ color:#444; font-weight:bold; margin-right:5px; }
	.page-btns .pipe{ color:#cbcbcb; margin:0 5px; }

.login-right h1{ margin-bottom:20px; color:#555; font-size:22px; font-weight:700; letter-spacing:3px; line-height:30px; height:30px; text-align:center; }
	.login-right li{ position:relative; clear:both; margin-bottom:10px; height:50px; *display:inline; *zoom:1; }
	.login-right li label{ position:absolute; top:1px; left:10px; width:68px; height:40px; line-height:40px; color:#999; font-size:14px; }
	.login-right li input{ display:block; margin:0; padding:10px 10px 10px 80px; width:208px; height:20px; line-height:20px; border:1px solid #e8e8e8; background:#fbfcff; color:#333; font-size:14px; border-radius:3px; }
	.login-right li input:focus{ border-color:#999; }
	.login-right li span{ line-height:24px; }
	.login-right .btn-box .col{ clear:both; margin-bottom:10px; padding-bottom:10px; color:#555; font-size:14px; line-height:20px; }
	.login-right .btn-box .col .submit{ display:block; padding:10px 20px; width:100%; color:#fff; font-size:14px; line-height:20px; border:0; background:#1e7bb3; text-align:center; border-radius:3px; cursor:pointer; }
	.login-right .btn-box .tips{ display:none; margin:0; padding:0; text-align:center; font-size:12px; color:#f00; }
	.login-right .oauth-box { clear:both; padding-top:20px; }
	.login-right .oauth-box h3{ display:block; margin-bottom:10px; color:#555; font-size:14px; line-height:30px; height:30px; font-weight:normal; }
	.login-right .oauth-box p{ margin-left:-25px; }
	.login-right .oauth-box p a{ display:block; float:left; margin:0 0 10px 25px; _display:inline; _zoom:1; }
	.login-right .oauth-box p a img{ width:38px; height:38px; }

.inner-box{ margin:30px 0; min-height:350px; _height:350px; border:1px solid #f0f0f0; background:#fff; text-align:center; }
	.inner-box .dl-list{ margin:0 auto; padding:30px; text-align:left; width:879px; font-size:14px; }
	.inner-box .dl-list dl{ clear:both; display:block; padding:5px 0; }
	.inner-box .dl-list dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.inner-box .dl-list dl dt{ display:block; padding:5px 0; float:left; width:30%; line-height:42px; min-height:42px; color:#555; text-align:right; }
	.inner-box .dl-list dl dd{ position:relative; padding:5px 0 5px 20px; line-height:42px; min-height:42px; color:#555; overflow:hidden; _margin-left:120px; }
	.inner-box .dl-list dl dd .input{ padding:10px; }
	.inner-box .dl-list dl dd a.send{ display:inline-block; color:#555; border:1px solid #e8e8e8; border-radius:3px; width:110px; height:40px; line-height:40px; color:#333; font-size:14px; text-align:center; background:#fff; vertical-align:middle; }
	.inner-box .dl-list dl dd a.send.gray{ color:#999; }
	.inner-box .dl-list dl dd a.send img{ margin-top:9px; }
	.inner-box .dl-list dl dd .input.code{ width:84px; ime-mode:disabled; text-transform:uppercase; }
	
	.inner-box .tab-head{ display:block; border-bottom:1px solid #f0f0f0; background:#fbfbfb; overflow:hidden; }
	.inner-box .tab-head ul li{ float:left; margin-left:-1px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; }
	.inner-box .tab-head ul li a{ display:block; padding:0 30px; height:50px; line-height:50px; color:#555; font-size:14px; }
	.inner-box .tab-head ul li a:hover,.inner-box .tab-head ul li a.selected{ color:#666; background:#fff; border-bottom:2px solid #0089cd; }
	.inner-box .tab-content{ display:none; }

/*页面底部
----------------------------------------------*/
.section .wrapper.link-box{ height:auto; }
	.link-box .txt{ display:block; margin-top:15px; letter-spacing:3px; color:#ccc; font-size:12px; line-height:30px; }
	.link-box .txt a{ color:#888; letter-spacing:1px; }
	.link-box .txt a:hover{ color:#f06000; }
	.link-box .img{ margin-left:-15px; height:53px; overflow:hidden; }
	.link-box .img li{ float:left; margin:15px 0 0 15px; width:104.5px; height:38px; _display:inline; }
	.link-box .img li a{ position:relative; display:block; height:34px; border:2px solid #fff; }
	.link-box .img li a img{ width:100%; height:100%; }
.footer{ margin:30px 0 0 0; padding:0; padding:30px 0; text-align:center; line-height:30px; border-top:1px solid #ebebeb; color:#666; background:#eef8fa; }
.foot-nav{ margin:0 auto; display:block; letter-spacing:3px; color:#ccc; line-height:30px; }
	.foot-nav a{ margin-right:10px; color:#666; letter-spacing:1px; }
	.foot-nav a:hover{ color:#333; }
.copyright{ padding-top:5px; line-height:30px; color:#888; }
	.copyright p{ line-height:24px; vertical-align:middle; }

/*友情链接样式
-----------------------------------------------*/
.links{ position:relative; color:#888; font-size:14px; }
.links ul{ clear:both; }
.links .txt{ display:block; margin-top:15px; letter-spacing:3px; color:#888; font-size:14px; line-height:30px; }
.links .txt a{ color:#888; letter-spacing:1px; }
.links .img{ margin-left:-15px; }
.links .img li{ float:left; margin:15px 0 0 15px; height:31px; }
.links .img li img{ width:88px; height:31px; }

/*以下部分是WebUploader必须的
----------------------------------------------*/
.webuploader-container{ position:relative; }
.webuploader-element-invisible{ position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick{ position:relative; display:inline-block; padding:0 25px; line-height:32px; height:32px; border:1px solid #02598E; border-radius:2px; cursor:pointer; background:#1e7bb3; color:#fff; text-align:center; overflow:hidden; zoom:1; *display:inline; }
.webuploader-pick-hover{ opacity:0.9; }
.webuploader-pick-disable{ opacity:0.6; pointer-events:none; }
.upload-box{ position:relative; display:inline-block; height:32px; vertical-align:middle; zoom:1; *display:inline;}
	.upload-box .upload-btn{ display:inline-block; height:32px; zoom:1; *display:inline; }
	.upload-box .upload-progress{ position:absolute; top:0; left:0; padding:2px 5px; width:115px; height:28px; border:1px solid #d7d7d7; background:#fff; overflow:hidden; }
	.upload-box .upload-progress .txt{ display:block; padding-right:10px; font-weight:normal; font-style:normal; font-size:11px; line-height:18px; height:18px; text-overflow:ellipsis; overflow:hidden; }
	.upload-box .upload-progress .bar{ position:relative; display:block; width:112px; height:4px; border:1px solid #1da76b; }
	.upload-box .upload-progress .bar b{ display:block; width:0%; height:4px; font-weight:normal; text-indent:-99em; background:#28B779; overflow:hidden; }
	.upload-box .upload-progress .close{ position:absolute; display:block; top:1px; right:1px; width:14px; height:14px; text-indent:-99em; background:url(../images/sprite.gif) 0 -240px no-repeat; cursor:pointer; overflow:hidden; }

/*响应式布局
----------------------------------------------*/
@media only screen and (max-width:1180px) {
	.section{ width:941px; }
}
@media only screen and (min-width:1181px) {
	.section{ width:1180px; }
}



arset "utf-8";
/*create by 2015-07-07*/
/*body{ background:#f7f7f7; font:14px/1.15 "Microsoft Yahei",Arial,Helvetica,sans-serif; position:relative; overflow-x:hidden;}
.head{width:960px; height:84px; margin:0 auto; overflow:hidden;}
.head .logo{float:left; width:272px; overflow:hidden;}
.head .logo a{float:left; width:133px; height:38px; margin:23px 10px 0 1px; overflow:hidden;}
.head .logo var{ float:left; width:1px; height:23px; background:url(img/base-bg.png) no-repeat 0 0;margin-top:32px;}
.head .logo p{float:left; width:115px; height:46px; padding-left:12px; margin-top:28px; }
.head .logo p font{ display:block; white-space:nowrap; font-size:12px; }*/

/*nav*/
.nav{ float:right; width:650px; height:38px; margin:23px auto 0; }
.nav .nav-menu{ display:block; width:650px;  height:38px;}
.nav .nav-menu li{ float:left; width:90px; height:38px; position:relative;}
.nav .nav-menu li a{ display:block; width:100%; height:100%; text-align:center; line-height:38px; font-size:14px; color:#363636; font-weight:bold; outline:none;  position:relative;}
.nav .nav-menu li a:link,.nav .nav-menu li a:visited{color:#363636; text-decoration:none;}
.nav .nav-menu li a:hover{color:#e9474b;}
.nav .nav-menu li.on{color:#e9474b;}
.nav .nav-menu li.on a.nav-link,.nav .nav-menu li.hover a.nav-link{color:#e9474b;}
.nav .nav-menu a{float:left; width:65px; height:50px; line-height:50px;  text-align:center;  white-space:nowrap; font-size:14px; overflow:hidden;  cursor:pointer;}
.nav .nav-menu li span{ display:none; width:100%; position:absolute; top:27px; left:0; z-index:9;}
.nav .nav-menu li.hover span{ display:block;} 
.nav .nav-menu li span a{ display:block; width:100%; height:27px; margin-top:0px; position:relative;color:#fff;}
.nav .nav-menu li span a.selected,.nav .nav-menu li span a:hover{color:#f39800;}
.nav .nav-menu li span a var{ display:block; width:100%; height:27px; background:#444444; filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.9; }
.nav .nav-menu li span a b{ display:block; width:100%; height:27px; line-height:27px;font-weight:normal; position:absolute; top:0; left:0; text-align:center; z-index:9;}
.head .tab-web{ float:right; width:90px; height:18px; overflow:hidden; margin:33px 0 0 0;}
.head .tab-web a{float:left; width:20px; height:18px; margin-right:12px;  background-repeat:no-repeat; text-indent:-999em; cursor:pointer;}
.head .tab-web a.cn{background:url(img/base-sprite.png) no-repeat 0 0;}
.head .tab-web a.hk{background:url(img/base-sprite.png) no-repeat -32px 0;}
.head .tab-web a.en{background:url(img/base-sprite.png) no-repeat -62px 0; margin-right:0;}

.head .tab-web a.cn:hover{background:url(img/base-sprite.png) no-repeat -87px 0;}
.head .tab-web a.hk:hover{background:url(img/base-sprite.png) no-repeat -119px 0;}
.head .tab-web a.en:hover{background:url(img/base-sprite.png) no-repeat -149px 0; margin-right:0;}

.x-slide{width:100%;  margin:0 auto; position:relative;}
.x-slide ul{display:block; width:100%; overflow:hidden;}
.x-slide li{display:block; width:100%;  position:absolute; top:0; left:0;}
.x-slide li img{display:block; width:100%;  border:0;}
.x-slide .btn{ width:100%; position:absolute; bottom:7px; left:0; text-align:center;}
.x-slide .btn span{ display:inline-block; *display:inline; *zoom:1;  vertical-align:middle; width:10px; height:10px; margin:0 5px; border-radius:50px; -webkit-border-radius:50px;  background:rgba(255,255,255,0.5);  overflow:hidden;  margin-right:5px; cursor:pointer; }
.x-slide .btn span.current{background:#fff; width:14px; height:14px;}

.content{ width:100%; margin:0 auto; background:#f7f7f7;}
.game-img{ width:964px; margin:0 auto; padding-top:22px;}
.game-img .av-img{float:left; width:226px; height:180px; margin:0 20px 20px 0; border-radius:8px; -webkit-border-radius:8px; overflow:hidden; position:relative;}
.game-img .av-img1{ width:472px;}
.game-img .av-img3{ margin-right:0;}
.game-img .av-img6{ width:472px; margin-right:0;}
.game-img .av-img img{height:180px; }
.game-img .av-img .cover{display:none; width:100%; height:100%; line-height:210px; text-align:center; font-size:18px; color:#fff; font-weight:bold; background:rgba(255,255,255,0.3); position:absolute; top:0; left:0; z-index:9; border-radius:8px; -webkit-border-radius:8px;}
.game-img .av-img:hover .cover{display:block;}


.game-img .more{clear:both; display:block; width:964px; margin:2px auto 23px;}
.game-img .more a{display:block; width:111px; height:39px; margin:0 auto; background:url(img/base-sprite.png) no-repeat 0 -26px; text-indent:-999em; overflow:hidden; cursor:pointer;}
.game-img .more a:hover{background:url(img/base-sprite.png) no-repeat -114px -26px;}

.fy-txt{width:964px; margin:0 auto; height:428px; border-radius:8px; -webkit-border-radius:8px; background:#fff;}
.fy-zixun{float:left; width:673px; padding:18px 0 0 21px; position:relative;}
.fy-media{float:right; width:205px; padding:18px 21px 0 0; position:relative;}
.fy-txt .f-head{width:100%; height:26px; overflow:hidden;} 
.fy-txt .f-head h1{display:block; width:100%; height:26px; position:relative;}
.fy-txt .f-head h1 var{ display:block; width:155px; height:26px; background-image:url(img/base-bg.png); overflow:hidden; text-indent:-999em;}
.fy-txt .fy-zixun .f-head h1 var{ background-position:0 -21px;}
.fy-txt .fy-media .f-head h1 var{ background-position:0 -48px;}
.fy-txt .fy-zixun .f-body{padding-top:16px; height:328px;}
.fy-txt .fy-zixun dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.fy-txt .fy-zixun dl{display:inline-block;}
.fy-txt .fy-zixun dl{display:block; height:96px; margin-bottom:18px; overflow:hidden;}
.fy-txt .fy-zixun dl dt{float:left; width:121px; height:81px; overflow:hidden;}
.fy-txt .fy-zixun dl dt img{ display:block; width:121px; height:81px; border:0;}
.fy-txt .fy-zixun dl dd{float:left; width:530px; padding-left:22px; overflow:hidden;}
.fy-txt .fy-zixun dl dd a,.fy-txt .fy-zixun dl dd a:link,.fy-txt .fy-zixun dl dd a:hover{ display:block; font-size:12px; color:#959595;}
.fy-txt .fy-zixun dl dd a b{display:block; font-size:14px; color:#626262; font-weight:bold;}
.fy-txt .fy-zixun dl dd a:link b,.fy-txt .fy-zixun dl dd a:visited b{color:#626262;}
.fy-txt .fy-zixun dl dd a:hover b{color:#e9474b;}
.fy-txt .fy-zixun dl dd a em{display:block; padding:8px 0;}
.fy-txt .fy-zixun dl dd a font{display:block; line-height:18px;  font-size:12px; }
.fy-txt .fy-media .f-body{padding-top:16px; height:328px; overflow:hidden;}
.fy-txt .fy-media p:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.fy-txt .fy-media p{display:inline-block;}
.fy-txt .fy-media p{display:block; height:80px;  overflow:hidden;}
.fy-txt .fy-media p.p2{border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1; padding:20px 0;}
.fy-txt .fy-media p var{float:left; width:5px; height:8px; margin-top:5px; background:url(img/base-bg.png) no-repeat -195px 0; overflow:hidden;}
.fy-txt .fy-media p a{float:left; width:190px; padding-left:5px;}
.fy-txt .fy-media p a,.fy-txt .fy-media p a:link,.fy-txt .fy-media p a:hover{ display:block; color:#959595;}
.fy-txt .fy-media p a b{display:block; font-size:14px; color:#626262; font-weight:bold;}
.fy-txt .fy-media p a:hover b{color:#e9474b;}
.fy-txt .fy-media p a em{display:block; padding:8px 0; font-size:12px; }
.fy-txt .fy-media p a font{display:block; line-height:20px;}
.fy-txt .fy-media p.p3{ padding-top:20px;}

.fy-txt a.more{ display:block; width:100px; height:26px; line-height:27px; color:#b7b7b7; font-size:12px; font-family:Helvetica; white-space:nowrap; overflow:hidden; text-decoration:none; position:absolute; top:15px; right:-50px; z-index:9;}
.fy-txt a.more var{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:5px; height:8px; margin-right:5px; background:url(img/base-bg.png) no-repeat -195px 0;}
.fy-txt a.more:link,.fy-txt a.more:visited{color:#b7b7b7; text-decoration:none;}
.fy-txt a.more:hover{color:#e9474b;}
.fy-txt a.more:hover var{background:url(img/base-bg.png) no-repeat -195px -23px;}


.fy-hd{width:964px; margin:23px auto 0; }
.fy-hd .f-tab{float:left; width:718px; height:267px; overflow:hidden; border-radius:8px; -webkit-border-radius:8px; background:#fff;}
.fy-hd .f-tab .f-head{width:100%; height:55px; overflow:hidden;}
.fy-hd .f-tab .f-head h1{display:block; width:100%; height:100%;}
.fy-hd .f-tab .f-head h1 a{float:left; width:238px; height:54px; border-bottom:1px solid #f1f1f1; border-right:1px solid #f1f1f1;}
.fy-hd .f-tab .f-head h1 a.a3{ border-right:0;}
.fy-hd .f-tab .f-head h1 a var{ display:block; width:238px; height:54px; margin:0 auto; background-image:url(/templates/main/images/base-bg.png); background-repeat:no-repeat; overflow:hidden; text-indent:-999em;}
.fy-hd .f-tab .f-head h1 a var.v1{ background-position:0 -81px;}
.fy-hd .f-tab .f-head h1 a var.v2{ background-position:0 -136px;}
.fy-hd .f-tab .f-head h1 a var.v3{ background-position:0 -191px;}
.fy-hd .f-tab .f-head h1 a:hover .v1,.fy-hd .f-tab .f-head h1 a.on .v1{height:53px; border-bottom:2px solid #2c6ed5;}
.fy-hd .f-tab .f-head h1 a:hover .v2,.fy-hd .f-tab .f-head h1 a.on .v2{height:53px; border-bottom:2px solid #ff8300;}
.fy-hd .f-tab .f-head h1 a:hover .v3,.fy-hd .f-tab .f-head h1 a.on .v3{height:53px; border-bottom:2px solid #9bdd07;}
.fy-hd .fy-join{float:right; width:226px;height:267px; overflow:hidden;}
.fy-hd .fy-join a img{ display:block; border:0; width:226px; height:267px;}
.fy-hd .f-tab .f-body{ width:100%; height:212px; overflow:hidden;}
.fy-hd .f-tab .f-body .c:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.fy-hd .f-tab .f-body .c{display:inline-block;}
.fy-hd .f-tab .f-body .c{display:block;}
.fy-hd .f-tab .f-body .c{ display:none;  min-height:150px; _height:150px;}
.fy-hd .f-tab .f-body .on{ display:block;}
.fy-hd .f-tab .f-body .gd-pic{float:right; width:313px; height:171px; padding:20px 30px 0 0; overflow:hidden; position:relative;}
.fy-hd .f-tab .gd-txt{float:left; width:305px; height:165px; padding:20px 0 0 30px; position:relative;}
.fy-hd .f-tab .gd-txt p{display:block; margin-bottom:10px; overflow:hidden;}
.fy-hd .f-tab .gd-txt p var{float:left; width:5px; height:8px; margin-top:5px; background:url(img/base-bg.png) no-repeat -195px 0; overflow:hidden;}
.fy-hd .f-tab .gd-txt p a{float:left; width:260px; padding-left:5px;}
.fy-hd .f-tab .gd-txt p a,.fy-hd .f-tab .gd-txt p a:link,.fy-hd .f-tab .gd-txt p a:hover{ display:block; color:#959595;}
.fy-hd .f-tab .gd-txt p a b{display:block; font-size:14px; color:#626262; font-weight:bold;}
.fy-hd .f-tab .gd-txt p a em{display:block; padding:5px 0; font-size:12px; line-height:18px;}
.fy-hd .f-tab .gd-txt p a font{display:block; line-height:20px;}
.fy-hd .f-tab .gd-txt .ck-btn{display:block; color:#2c6ed5; width:80px; height:16px; text-align:left; line-height:16px; position:absolute; bottom:3px; left:40px;}
.fy-hd .f-tab .gd-txt .ck-btn:link,.fy-hd .f-tab .f-body .gd-pic .ck-btn:visited{color:#2c6ed5; text-decoration:none;}
.fy-hd .f-tab .gd-txt .ck-btn:hover{color:#f05a00;}
.fy-hd .f-tab .gd-txt .ck-btn:hover var{background:url(img/base-bg.png) no-repeat -195px -23px; }

.fy-hd .f-tab .gd-txt .ck-btn var{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:5px; height:8px; margin-left:5px; background:url(img/base-bg.png) no-repeat -202px -23px; }
.fy-hd .f-tab .fy{width:718px; height:212px; position:relative;}
.fy-hd .f-tab .fy-pe .ck-btn{display:block; color:#ed1c24; width:80px; height:16px; text-align:left; line-height:16px;}
.fy-hd .f-tab .fy-pe .ck-btn{position:absolute; top:160px; right:40px;}
.fy-hd .f-tab .fy-pe .ck-btn:link,.fy-hd .f-tab .fy-pe .ck-btn:visited{color:#ff8300; text-decoration:none;}
.fy-hd .f-tab .fy-pe .ck-btn:hover{color:#ed1c24;}
.fy-hd .f-tab .fy-pe .ck-btn var{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:5px; height:8px; margin-left:5px; background:url(img/base-bg.png) no-repeat -195px -12px; }
.fy-hd .f-tab .fy-pe .ck-btn:hover var{background:url(img/base-bg.png) no-repeat -195px -23px; }


.fy-hd .f-tab .fy-zc .ck-btn{display:block; color:#fff; width:80px; height:16px; text-align:left; line-height:16px;}
.fy-hd .f-tab .fy-zc .ck-btn{position:absolute; top:178px; left:51px;}
.fy-hd .f-tab .fy-zc .ck-btn:link,.fy-hd .f-tab .fy-zc .ck-btn:visited{color:#fff; text-decoration:none;}
.fy-hd .f-tab .fy-zc .ck-btn:hover{color:#fff;}
.fy-hd .f-tab .fy-zc .ck-btn var{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:13px; height:13px; margin:3px 0 0 5px; background:url(img/base-bg.png) no-repeat -195px -38px; }
.fy-hd .f-tab .fy-zc .ck-btn:hover var{background:url(img/base-bg.png) no-repeat -212px -38px; }



.fy-hd .f-tab .fy-pu .ck-btn{position:absolute; top:160px; left:40px;}
.fy-hd .f-tab .fy-pu .ck-btn:link,.fy-hd .f-tab .fy-pu .ck-btn:visited{color:#9bdd07; text-decoration:none;}
.fy-hd .f-tab .fy-pu .ck-btn:hover{color:#ed1c24;}
.fy-hd .f-tab .fy-pu .ck-btn var{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:5px; height:8px; margin-left:5px; background:url(img/base-bg.png) no-repeat -38px -23px;}
.fy-hd .f-tab .fy-pu .ck-btn:hover var{background:url(img/base-bg.png) no-repeat -38px -212px; }

/*product*/
.j-page-banner{ width:100%; height:76px; overflow:hidden; background:#e9474b;}
.j-page-banner .j-img{ width:964px; height:76px; margin:0 auto;}
.j-page-main{width:964px; margin:0 auto;}
.j-page-main .p-head{width:964px; height:65px; margin:20px auto 0; background:#fff; border-radius:8px; -webkit-border-radius:8px; position:relative;}
.j-page-main .p-body{width:964px; margin:20px auto 0;}
.j-page-main .p-body .c{ display:none;}
.j-page-main .p-body .on{ display:block;}
.j-page-main .p-body ul{display:block; margin:0 -26px;}

.j-product .p-head span{ display:block; width:417px; height:65px; margin:0 auto; background:url(img/base-sprite.png) no-repeat 0 -191px; overflow:hidden;}
.j-product .p-head a{float:left; width:94px; height:65px; overflow:hidden; text-indent:-999em; cursor:pointer; position:relative;}
.j-product .p-head a:hover,.j-product .p-head a.on{ background-image:url(img/base-sprite.png);}
.j-product .p-head a.a1{background-position:0 -125px;}
.j-product .p-head a.a2{background-position:-163px -125px; margin:0 66px 0 69px;}
.j-product .p-head a.a3{background-position:-323px -125px;}
.j-product .p-head span a var{ display:block; width:0%; position:absolute; height:3px; background:#e9474b; position:absolute; bottom:0; left:0;}
.j-product .p-head span a:hover var,.j-product .p-head span a.on var{ width:100%;}

.j-product .p-body ul li{float:left; width:304px; height:350px; margin:0 0 26px 26px; overflow:hidden;}
.j-product .p-body ul li a{display:block; width:304px; height:215px; border:0; position:relative;}
.j-product .p-body ul li a .cover{display:none; width:100%; height:100%; line-height:210px; text-align:center; font-size:18px; color:#fff; font-weight:bold; background:rgba(255,255,255,0.3); position:absolute; top:0; left:0; z-index:9; border-radius:8px; -webkit-border-radius:8px;}
.j-product .p-body ul li a:hover .cover{display:block;}


.j-product .p-body ul p{display:block; padding:0; background:#fff; height:135px; border-bottom-left-radius:6px; -webkit-border-bottom-left-radius:6px; border-bottom-right-radius:6px; -webkit-border-bottom-right-radius:6px; }
.j-product .p-body ul p strong{ display:block; padding:0 18px; height:54px; line-height:54px; font-weight:normal; font-size:18px; color:#535353; white-space:nowrap;}
.j-product .p-body ul p:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-product .p-body ul p{display:inline-block;}
.j-product .p-body ul p{display:block;}
.j-product .p-body ul p font{display:block; color:#c2c2c2; font-size:12px; padding:0 0 20px 18px; border-bottom:1px solid #f6f6f6;}
.j-product .p-body ul p font em.e1{padding-right:12px;}
.j-product .p-body ul p span.s1{display:block; width:180px; height:25px; margin:9px 0 0 9px; }
.j-product .p-body ul p span a{float:left; width:87px; height:25px; margin-right:4px; background-image:url(img/blank.gif); cursor:pointer; position:relative;}
.j-product .p-body ul p span a b{ display:block; width:100%; height:100%; text-indent:-999em;}
.j-product .p-body ul p span a em{display:none; width:95px; height:95px; position:absolute; top:-124px; box-shadow:1px 2px 10px rgba(0, 0, 0, 0.5);  background:#fff; padding:5px; border-radius:8px; -webkit-border-radius:8px;}
.j-product .p-body ul p span a em.e1{left:-1px;}
.j-product .p-body ul p span a em img{ display:block; border:0;width:95px; height:95px;}
.j-product .p-body ul p span a em i{display:block; width: 0; height: 0;  border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #fff; position:absolute; top:105px; left:49px;}


.j-product .p-body ul p span a.down{background:url(img/base-sprite.png) no-repeat 0 -70px;}
.j-product .p-body ul p span a.down:hover{ background:url(img/base-sprite.png) no-repeat 0 -97px;}
.j-product .p-body ul p span a.site{background:url(img/base-sprite.png) no-repeat -91px -70px;margin-right:0;}
.j-product .p-body ul p span a.site:hover{ background:url(img/base-sprite.png) no-repeat -91px -97px; }
.j-product .p-body ul p span.s2{display:block; width:180px; height:25px; margin:9px 0 0 9px; }
.j-product .p-body ul p span b{display:block; font-weight:normal; color:#959595; padding-left:9px;}

.j-news .p-head span{ display:block; width:217px; height:65px; margin:0 auto; background:url(img/base-sprite.png) no-repeat 0 -418px; overflow:hidden;}
.j-news .p-head span a{float:left; width:77px; height:65px; overflow:hidden; text-indent:-999em; cursor:pointer; position:relative;}
.j-news .p-head span a:hover,.j-news .p-head span a.on{ background-image:url(img/base-sprite.png);}
.j-news .p-head span a.a1{background-position:0 -484px;}
.j-news .p-head span a.a2{background-position:-138px -484px; margin-left:61px;}
.j-news .p-head span a.a3{background-position:-276px -484px;}
.j-news .p-head span a var{ display:block; width:0%; position:absolute; height:2px; background:#e9474b; position:absolute; bottom:0; left:0;}
.j-news .p-head span a:hover var,.j-news .p-head span a.on var{ width:100%;}
.j-news .p-head .year-sec{width:113px; height:40px; border-left:1px solid #eee; position:absolute; top:13px; right:10px; z-index:9;}
.j-news .p-head .year-sec p{ display:block; width:85px; height:40px;  text-align:left; padding-left:23px; line-height:40px;  color:#646363; font-size:14px; overflow:hidden; cursor:pointer; position:relative;}
.j-news .p-head .year-hover-sec p{background:url(img/up.png) no-repeat right center; color:#fb6b14;}
.j-news .p-head .year-sec p var{ display:block; width:5px; height:8px; background:url(img/base-bg.png) no-repeat -195px 0; position:absolute; top:17px; right:0;}
.j-news .p-head .year-hover-sec p var{width:8px; height:5px; background:url(img/base-bg.png) no-repeat -202px 0;}
.j-news .p-head .year-sec .year-sec-con{ display:none; width:76px; border:1px solid #eee; background:#fff; box-shadow:0px 0px 7px rgba(160,160,160,0.35);  border-radius:5px; position:absolute; top:36px; left:14px;}
.j-news .p-head .year-sec .year-sec-con a{ display:block; height:30px; line-height:30px; text-align:center; font-size:12px; color:#6f6e6e; border-bottom:1px dotted #eee;}
.j-news .p-head .year-sec .year-sec-con a:hover,.wrap .x-head .year-sec .year-sec-con a.current{ background:#eee; color:#acacac;}


.j-news .p-body{background:#fff; border-radius:8px; -webkit-border-radius:8px;}
.j-news .p-body ul{ padding:15px 55px 0; min-height:500px; _height:500px;}
.j-news .p-body ul li:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-news .p-body ul li{display:inline-block;}
.j-news .p-body ul li{display:block; padding:10px 0; line-height:36px; font-size:14px; border-bottom:1px solid #eee;}
.j-news .p-body ul li span{float:left; width:578px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.j-news .p-body ul li span a,.j-news .p-body ul li span a:link,.j-news .p-body ul li span a:visited{ color:#626262; text-decoration:none;}
.j-news .p-body ul li span a:hover{color:#e9474b; text-decoration:none;}
.j-news .p-body ul li var{float:right; color:#b7b7b7;}
.j-news .p-body ul li span a:hover,.j-news .p-body ul li.highlight span a:hover,.j-news .p-body ul li.highlight span a,.j-news .p-body ul li.highlight span a:link,.j-news .p-body ul li.highlight span a:visited,.j-news .p-body ul li.highlight var{ color:#fb6a00;}
.j-news .p-body ul li.on span a:hover,.j-news .p-body ul li.on span a:hover,.j-news .p-body ul li.on span a,.j-news .p-body ul li.on span a:link,.j-news .p-body ul li.on span a:visited,.j-news .p-body ul li.on var{ color:#fb6a00;}
.j-news .p-body ul li.empty{ display:block; text-align:center; color:#b7b7b7; border-bottom:0;}
.j-news .p-body dl{}
.j-news .p-body dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-news .p-body dl{display:inline-block;}
.j-news .p-body dl{display:block; padding:15px; background:#fff; border-radius:8px; -webkit-border-radius:8px; margin-bottom:18px; overflow:hidden;}
.j-news .p-body dl dt{float:left; width:180px; height:110px; overflow:hidden;}
.j-news .p-body dl dt img{ display:block; width:180px; height:110px; border:0;}
.j-news .p-body dl dd{float:left; width:730px; padding-left:22px; overflow:hidden;}
.j-news .p-body dl dd a,.j-news .p-body dl dd a:link,.j-news .p-body dl dd a:hover{ display:block; font-size:12px; color:#b7b7b7;}
.j-news .p-body dl dd a b{display:block; font-size:14px; color:#e9474b; font-weight:bold;}
.j-news .p-body dl dd a em{display:block; padding:8px 0 24px;}
.j-news .p-body dl dd a font{display:block; line-height:18px;  font-size:12px; }
.j-news .empty,.j-news .list-loading{ text-align:center; height:45px; line-height:45px; color:#b7b7b7; background:#e5e5e5; border-radius:8px; -webkit-border-radius:8px; overflow:hidden;} 
.j-news .p-body .con{ padding:20px 0; color:#434343; font-size:14px; line-height:26px;}
.j-news .p-body .con h1{display:block; height:120px; border-bottom:1px solid #eee; margin-bottom:20px;}
.j-news .p-body .con h1 strong{display:block; height:56px; line-height:56px; font-size:24px; color:#313131; padding-left:60px; white-space:nowrap;}
.j-news .p-body .con h1 span{display:block;line-height:26px; color:#bcbcbc; font-size:12px; padding-left:60px;}
.j-news .p-body .con p{ display:block; padding:0 60px; line-height:26px;}
.j-news .p-body .con img{display:block; margin:0 auto;}
.j-news .p-body .paging{ margin:30px auto; padding:30px 401px 0; height:30px;  border-top:1px solid #eee;} 
.j-news .p-body .paging a{display:block; width:74px; height:30px; background:url(img/blank.gif) no-repeat 0 0; text-indent:-999em; cursor:pointer;}
.j-news .p-body .paging a.paging-up{float:left; background:url(img/base-sprite.png) no-repeat 0 -855px;}
.j-news .p-body .paging a.paging-up:hover{background:url(img/base-sprite.png) no-repeat 0 -887px;}
.j-news .p-body .paging a.paging-down{float:right;background:url(img/base-sprite.png) no-repeat -88px -855px;}
.j-news .p-body .paging a.paging-down:hover{float:right;background:url(img/base-sprite.png) no-repeat -88px -887px;}

 
.j-about .p-head span{ display:block; width:546px; height:65px; margin:0 auto; overflow:hidden;}
.j-about .p-head a{float:left; width:73px; height:65px; overflow:hidden; text-indent:-999em; cursor:pointer; position:relative;}
.j-about .p-head .a1{background:url(img/base-sprite.png) no-repeat 0 -569px;}
.j-about .p-head .a1:hover,.j-about .p-head .a1.on{background:url(img/base-sprite.png) no-repeat 0 -636px;}
.j-about .p-head .a2{background:url(img/base-sprite.png) no-repeat -123px -569px; margin:0 46px 0 50px;}
.j-about .p-head .a2:hover,.j-about .p-head .a2.on{background-position:-123px -636px; }
.j-about .p-head .a3{display:none; background:url(img/base-sprite.png) no-repeat -242px -569px;}
.j-about .p-head .a3:hover,.j-about .p-head .a3.on{background-position:-242px -636px; }
.j-about .p-head .a4{background:url(img/base-sprite.png) no-repeat -354px -569px; margin:0 46px 0 0;}
.j-about .p-head .a4:hover,.j-about .p-head .a4.on{background-position:-354px -636px;}
/*.j-about .p-head .a5{background:url(img/base-sprite.png) no-repeat -476px -569px;}
.j-about .p-head .a5:hover,.j-about .p-head .a5.on{background-position:-476px -636px;}*/


.j-about .p-head span a var{ display:block; width:0%; position:absolute; height:2px; background:#e9474b; position:absolute; bottom:0; left:0;}
.j-about .p-head span a:hover var,.j-about .p-head span a.on var{ width:100%;}
.j-about .p-body{width:964px; margin:20px auto 0; background:#fff; border-radius:8px; -webkit-border-radius:8px;}
.j-about .p-body .c{ padding:50px 56px;} 
.j-about .p-body .intro{}
.j-about .p-body .intro .feiyu{ border-bottom:1px solid #eee; padding-bottom:75px;}
.j-about .p-body .intro .feiyu img{display:block; width:405px; height:107px; border:0; margin:30px auto 20px;}
.j-about .p-body .intro .info{ padding-top:24px;}
.j-about .p-body .intro .info p{display:block; line-height:30px; padding-bottom:28px;}
.j-about .p-body .develop{}
.j-about .p-body .develop h3{display:block; width:204px; height:64px; background:url(img/base-bg.png) no-repeat 0 -334px; border-right:2px solid #eee; position:relative;}
.j-about .p-body .develop em{ display:block; width:100%; height:100%; text-indent:-999em;}
.j-about .p-body .develop var{display:block; width:22px; height:28px; background:url(img/base-bg.png) no-repeat -205px -334px; position:absolute; top:0; right:-10px;}
.j-about .p-body .develop dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-about .p-body .develop dl{display:inline-block;}
.j-about .p-body .develop dl{display:block;}
.j-about .p-body .develop dl dt{float:left; width:204px; height:70px; line-height:70px; text-align:right;}
.j-about .p-body .develop dl dt font{ display:block; padding:0 20px 0 0; font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; font-size:18px; color:#e9474b;}
.j-about .p-body .develop dl dd{float:left; width:570px; padding-left:20px; line-height:70px;  border-left:2px solid #eee;}
.j-about .p-body .develop dl dd font{ display:block; line-height:70px; color:#898989; border-bottom:1px solid #eee;}

.j-about .p-body .honor{}
.j-about .p-body .honor h3{display:block; width:155px; height:56px; border-right:2px solid #eee; padding-bottom:30px; position:relative;}
.j-about .p-body .honor h3 em{ display:block; width:155px; height:56px; background:url(img/base-bg.png) no-repeat 0 -408px; text-indent:-999em;}
.j-about .p-body .honor h3 var{display:block; width:22px; height:28px; background:url(img/base-bg.png) no-repeat -156px -408px; position:absolute; top:0; right:-12px;}
.j-about .p-body .honor dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-about .p-body .honor dl{display:inline-block;}
.j-about .p-body .honor dl{display:block;}
.j-about .p-body .honor dl dt{float:left; width:155px; text-align:right;}
.j-about .p-body .honor dl dt font{ display:block; padding:10px 20px 0 0; font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; font-size:18px; color:#f4a219;}
.j-about .p-body .honor dl dd{float:left; width:615px; padding:0 0 0 20px;  min-height:50px; _height:50px;  border-left:2px solid #eee;}
.j-about .p-body .honor dl dd p{ display:block; color:#898989; border-bottom:1px solid #eee; padding:0 0 20px;}
.j-about .p-body .honor dl dd p font{display:block; line-height:38px; color:#898989;}

.j-about .p-body .vi{}
.j-about .p-body .vi .feiyu-pic{text-align: center;}
.j-about .p-body .vi .feiyu-logo{text-align: center; border-bottom: 1px solid #eee; padding: 42px 0 40px;}
.j-about .p-body .vi .info{ margin: 40px auto 10px;}
.j-about .p-body .vi .info .row{ margin-bottom: 30px;}
.j-about .p-body .vi .info dl{ float: left; width: 206px; height: 266px; border: 1px solid #eee; margin: 0 38px;}
.j-about .p-body .vi .info img{ display: block; width: auto; margin: 0 auto;}
.j-about .p-body .vi .info dl dt{ display: block; width: 100%; height:97px;}
.j-about .p-body .vi .info dl a{ display: block; width: 100%; height:54px; border-top: 1px solid #eee; }
.j-about .p-body .vi .info dt img{ padding-top: 26px;}
.j-about .p-body .vi .info dl a img{padding-top: 6px;}
.j-about .p-body .vi .info p{ float: left; width: 208px; height: 118px; margin: 0 38px 20px;}
.j-about .p-body .vi .info .fy-style{border-top: 1px solid #eee; padding-top: 40px;}
.j-about .p-body .vi .info .fy-style,.j-about .p-body .vi .info .fy-style p{ margin-bottom: 0;}


.j-about .p-body .management{}
.j-about .p-body .management dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-about .p-body .management dl{display:inline-block;}
.j-about .p-body .management dl{display:block; margin-bottom:20px;}
.j-about .p-body .management dl dt{float:left; width:160px; height:160px; border:1px solid #f4f4f4;}
.j-about .p-body .management dd{float:right; width:660px;}
.j-about .p-body .management dd strong{display:block; color:#434343; font-size:18px; height:36px; line-height:36px; font-weight:normal; overflow:hidden;}
.j-about .p-body .management dd font{ display:block; font-size:12px; color:#ababab; height:23px; line-height:23px; overflow:hidden;}
.j-about .p-body .management dd p{ display:block; font-size:12px; color:#ababab; padding-top:10px; line-height:23px; padding-bottom:27px; border-bottom:1px solid #f6f6f6;}

.j-feiyu{background:#ff8300; height:75px;}
.f-a{width:964px; height:361px; background:url(img/base-feiyu.png) no-repeat 0 0; margin:14px auto 0; overflow:hidden;}
.f-a .a-txt{float:left; width:609px;}
.f-a .a-txt h1{display:block; padding:53px 0 0 35px;}
.f-a .a-txt h1 font{display:block; font-size:18px; color:#ff8300; line-height:23px; white-space:nowrap;}
.f-a .a-txt h1 span{display:block; font-size:48px; color:#ff8300; white-space:nowrap;}
.f-a .a-txt p{display:block; padding:30px 47px 0 35px; line-height:25px; color:#959595; font-size:12px;}
.f-a .a-pic{float:left; width:258px;}
.f-frag{width:964px; height:190px; margin:20px auto 0; background:#fff; border-radius:8px; -webkit-border-radius:8px; overflow:hidden;}
.f-frag h2{display:block; height:42px; line-height:42px; padding:0 25px; overflow:hidden;}
.f-frag h2 span{float:left; width:250px; color:#636363;}
.f-frag h2 a{ float:right; width:50px; padding-right:15px; text-align:right; color:#a0a0a0; white-space:nowrap; position:relative;}
.f-frag h2 a:link,.f-frag h2 a:visited{color:#a0a0a0; text-decoration:none;}
.f-frag h2 a:hover{color:#ef9757; text-decoration:none;}
.f-frag h2 a var{ display:block; width:5px; height:8px; overflow:hidden; background:url(img/base-bg.png) no-repeat -195px 0; position:absolute; top:18px; right:0;}
.f-frag h2 a:hover var{ background:url(img/base-bg.png) no-repeat -195px -12px;}
.f-frag ul{ display:block;}
.f-frag ul li{float:left; width:160px; margin-left:28px;}
.f-frag ul li img{display:block;  width:160px; height:90px; margin-bottom:10px;}
.f-frag ul li a font,.f-frag ul li a:link font,.f-frag ul li a:visited font{ display:block; color:#959595; line-height:17px; font-size:12px;}
.f-books{ width:964px; height:340px; margin:35px auto 0; overflow:hidden;}
.f-collect{width:964px; margin:0 auto; overflow:hidden;}
.f-collect .f-box{background:#fff; border-radius:8px; -webkit-border-radius:8px; margin:20px auto 0;overflow:hidden;}
.f-collect .f-box dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.f-collect .f-box dl{display:inline-block;}
.f-collect .f-box dl{display:block; float:left; width:240px; height:230px; padding-bottom:20px; border-left:1px solid #ebebeb; margin-left:-1px;}
.f-collect .f-box dl dt{ float:left; width:125px;}
.f-collect .f-box dl dt h3{ display:block; padding-left:10px; color:#555; font-size:14px; white-space:nowrap; height:62px; line-height:62px; overflow:hidden;}
.f-collect .f-box dl dt img{ display:block; box-shadow:0 0 0 rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.3), 3px 0 8px rgba(0, 0, 0, 0.3);}
.f-collect .f-box dl dd{ float:left; width:98px; height:230px; position:relative;}
.f-collect .f-box dl dd span{display:block; text-align:right; height:66px; overflow:hidden;}
.f-collect .f-box dl dd span a{ display:block; padding-top:22px; color:#959595;}
.f-collect .f-box dl dd span a:link,.f-collect .f-box dl dd span a:visited{color:#b7b7b7; text-decoration:none;}
.f-collect .f-box dl dd span a:hover{color:#b7b7b7;}
.f-collect .f-box dl dd p{display:block; color:#b7b7b7; position:absolute; bottom:0; left:0;}
.f-collect .f-box dl dd p a,.f-collect .f-box dl dd p a:link,.f-collect .f-box dl dd p a:visited{ color:#b7b7b7; text-decoration:none;}
.f-collect .f-box dl dd p a:hover{color:#e9474b;}

.j-pu{background:#9bdd07; height:75px;}
.f-p{width:964px; margin:35px auto 0; overflow:hidden;}
.f-p .p-pic{width:964px; height:301px; overflow:hidden;}
.f-p .p-txt{width:964px; height:243px; background:#22ac38;}
.f-p .p-txt h1{display:block; padding:24px 0 23px 32px; border-bottom:1px solid #009944; font-size:18px; color:#fff; font-weight:normal;}
.f-p .p-txt h1 var{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:115px; height:34px; margin-right:5px; overflow:hidden; text-indent:-999em; background:url(img/base-sprite.png) no-repeat -785px -47px;}
.f-p .p-txt p{display:block; padding:30px 32px 0; line-height:20px; color:#fff; font-size:12px;}
.f-p .p-heart{ width:964px; margin:23px auto 0;}
.f-p .p-library{ margin:20px 0 0; background:#fff; border-radius:8px; -webkit-border-radius:8px; padding-bottom:10px;}
.f-p .p-library h1{display:block; padding:24px 0 23px 32px; border-bottom:1px solid #e5e5e5; font-size:18px; color:#434343; font-weight:normal;}
.f-p .p-library h1 var{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:115px; height:34px; margin-right:5px; overflow:hidden; text-indent:-999em; background:url(img/base-sprite.png) no-repeat -785px -84px;}
.f-p .p-library ul{display:block; padding:38px 0 10px 32px;}
.f-p .p-library ul li{ float:left; width:284px; height:213px; margin:0 21px 0 0;}
.f-p .p-library p{display:block; padding:10px 32px; font-size:12px; line-height:23px; color:#434343;}


.j-competition{background:#2c6ed5; height:75px;}
#j-competition{ background:url(img/j-com-bg.jpg) no-repeat center 0;}
.w-slide{width:964px; height:410px; margin:0 auto; position:relative;}
.w-slide ul{display:block; width:100%; height:410px; overflow:hidden;}
.w-slide li{display:block; width:100%; height:410px; position:absolute; top:0; left:0;}
.w-slide li img{display:block; width:100%; height:410px; border:0;}
.w-slide .btn{ width:100%; position:absolute; bottom:7px; left:0; text-align:center;}
.w-slide .btn span{ display:inline-block; *display:inline; *zoom:1;  vertical-align:middle; width:10px; height:10px; margin:0 5px; border-radius:50px; -webkit-border-radius:50px;  background:rgba(255,255,255,0.5);  overflow:hidden;  margin-right:5px; cursor:pointer; }
.w-slide .btn span.current{background:#fff; width:14px; height:14px;}
.j-works{background:#fff; border-radius:8px; -webkit-border-radius:8px;}
.j-works .p-head{ height:84px;  border-bottom:1px solid #f7f7f7; margin:0 auto;}
.j-works .p-head span{ display:block; width:301px; height:70px; margin:0 auto; background:url(img/base-sprite.png) no-repeat 0 -782px; overflow:hidden;}
.j-works .p-head span a{float:left; width:108px; height:70px; overflow:hidden; text-indent:-999em; cursor:pointer; position:relative;}
.j-works .p-head span a:hover,.j-works .p-head span a.on{ background-image:url(img/base-sprite.png);}
.j-works .p-head span a.a1{background-position:0 -708px;}
.j-works .p-head span a.a2{background-position:-193px -708px; margin:0 0 0 85px;}
.j-works .p-head span a.a3{background-position:-388px -708px; margin-right:82px;}
.j-works .p-head span a.a4{background-position:-578px -708px;}
.j-works .p-head span a var{ display:block; width:0%; position:absolute; height:2px; background:#2c6ed5; position:absolute; bottom:0; left:0;}
.j-works .p-head span a:hover var,.j-works .p-head span a.on var{ width:100%;}
.j-works .p-body .c{ padding:35px 60px 0;}
.j-works .p-body .c .empty{ min-height:150px; _height:150px; text-align:center;}
.j-works .p-body .intro{padding:35px 60px 0;}
.j-works .p-body .r h1{ display:block; width:112px; height:44px; overflow:hidden; background-image:url(img/base-sprite.png); text-indent:-999em;}
.j-works .p-body .g-js h1{background-position:0 -933px;}
.j-works .p-body .g-xs h1{background-position:0 -978px;}
.j-works .p-body .g-fz h1{background-position:0 -1023px;}
.j-works .p-body .g-js{ height:210px; border-bottom:1px solid #eee; padding-bottom:20px; position:relative;}
.j-works .p-body .g-js p{display:block; float:left; width:577px; height:110px; margin-top:20px; line-height:26px; color:#252525; font-size:14px;}
.j-works .p-body .g-js .video{ float:right; width:200px; height:200px; margin-top:-65px;}
.video-box{ width:800px; height:450px;  position:absolute; top:30%; left:50%; margin-left:-400px; z-index:999;}
.video-box span{ display:block; width:26px; height:26px; background:url(img/job-sprite.png) no-repeat -913px -81px; position:absolute; top:4px; right:-26px; text-indent:-999em; cursor:pointer;}
.player{ width:800px; height:450px; margin:5px auto;}

.j-works .p-body .g-xs{border-bottom:1px solid #eee; padding:44px 0 20px;}
.j-works .p-body .c-step{ background:url(img/base-sprite.png) no-repeat 0 -1069px; width:833px; height:191px; margin:48px auto 0;}
.j-works .p-body .g-fz{padding:44px 0 20px;}
.j-works .p-body .g-fz .f-txt{ width:885px; height:262px; margin:0 auto; position:relative;}
.j-works .p-body .g-fz .f-txt p{ display:block; width:260px; height:130px; overflow:hidden;}
.j-works .p-body .g-fz .f-txt p span{ display:block; font-size:14px; padding-bottom:10px; font-weight:normal;}
.j-works .p-body .g-fz .f-txt p span font{ font-size:36px; font-weight:normal;}
.j-works .p-body .g-fz .f-txt p.p1{ position:absolute; top:56px; left:0;}
.j-works .p-body .g-fz .f-txt p.p2{ position:absolute; top:160px; left:0;}
.j-works .p-body .g-fz .f-txt p.p4{ position:absolute; top:80px; right:0;}
.j-works .p-body .g-fz .f-txt p.p3{ width:256px; height:243px; position:absolute; top:0; left:340px;}
.j-works .p-body .g-fz .f-txt p.p4 a{ display:block; width:140px; height:29px; margin-top:5px; background:url(img/base-sprite.png) no-repeat 0 -1264px; overflow:hidden; text-indent:-999em;}
.j-works .p-body .g-fz .f-txt p.p4 a:hover{ background:url(img/base-sprite.png) no-repeat 0 -1292px; }
.j-works .p-body .g-fc{display:block; padding:0 0 40px; margin:0 auto;}
.j-works .p-body .g-fc li{float:left;}
.j-works .p-body .g-fc li a{cursor:default;}
.j-works .p-body .g-fc li span{display:block; text-align:center; font-size:12px; color:#bfbfbf; line-height:36px;}
.j-works .p-body .previous{padding:0 0 0 55px;}
.j-works .p-body .previous .r{ padding-bottom:30px;}
.j-works .p-body .previous dl{ display:block; padding:37px 0 40px; border-bottom:1px solid #eee;}
.j-works .p-body .previous dl dt{float:left;}
.j-works .p-body .previous dd{float:right; width:745px; }
.j-works .p-body .previous dd p{display:block; line-height:22px; font-size:12px; padding:0 53px 28px 0; margin-bottom:28px; border-bottom:1px solid #eee; color:#252525;}
.j-works .p-body .previous dd span.s1{float:left; width:244px;}
.j-works .p-body .previous dd span.s2{float:left; width:470px;}
.j-works .p-body .previous dd span b{display:block; font-size:14px; padding-bottom:20px; color:#2c6ed5; white-space:nowrap;}
.j-works .p-body .previous dd span.s1 ul,.j-works .p-body .previous dd span.s2 ul{ display:block; float:left; line-height:26px; font-size:12px; width:222px; margin:0 auto;}
.j-works .p-body .previous dd span.s2 ul{ margin:0 13px 13px 0;}
.j-works .p-body .previous dd span.s3{ float:left; width:373px;}
.j-works .p-body .previous dd span.s4{ float:left; width:360px;}
.j-works .p-body .previous dd span.s3 ul,.j-works .p-body .previous dd span.s4 ul{ display:block; font-size:12px; line-height:26px; width:372px; margin:0;}
.j-works .p-body .j-act-pic h2{display:block; width:112px; height:44px; text-indent:-999em; margin:0 auto; background:url(img/base-sprite.png) no-repeat -788px 0;}
.j-works .p-body .j-act-pic ul{display:block; margin:10px 0 0;}
.j-works .p-body .j-act-pic ul li{ float:left;}
.j-works .p-body .j-act-pic ul li a{ cursor:default;}
.j-works .p-body .j-act-pic ul li img{ display:block; width:281px; height:187px; border:0; margin:0 6px 7px 0;}

.j-contact{ width:964px; height:620px; margin:24px auto 0; position:relative;}
.j-contact .c-head{ width:303px; height:57px; background:#fff; border-radius:8px; -webkit-border-radius:8px; position:absolute; top:18px; left:20%; z-index:9;}
.j-contact .c-head span{ display:block; width:245px; height:36px; margin:21px auto 0; overflow:hidden;}
.j-contact .c-head span a{float:left; color:#555; width:32px; height:36px; text-align:center; overflow:hidden; cursor:pointer; position:relative;}
.j-contact .c-head span a:link,.j-contact .c-head span a:visited{color:#555;}
.j-contact .c-head span a:hover,.j-contact .c-head span a.on{ color:#e9474b; font-weight:bold;}
.j-contact .c-head span a.a2{margin:0 38px;}
.j-contact .c-head span a.a3{margin-right:38px;}
.j-contact .c-head span a var{ display:block; width:0%; position:absolute; height:2px; background:#e9474b; position:absolute; bottom:0; left:0;}
.j-contact .c-head span a:hover var,.j-contact .c-head span a.on var{ width:100%;}
.j-contact .c-body .c{ width:303px; position:absolute;  top:90px; left:20%; z-index:8; }
.j-contact .c-body .txt{ width:303px;}
.j-contact .c-body .txt .r1{ width:303px; height:201px; background:rgba(233,71,75,0.9); border-radius:8px; -webkit-border-radius:8px;}
.j-contact .c-body .txt .r1 h1{ display:block; font-size:18px; height:70px; font-weight:bold; color:#fff; padding:33px 10px 0 31px; overflow:hidden;}
.j-contact .c-body .txt .r1 p{ display:block;padding:10px 10px 0 31px; color:#fff; font-size:14px;}
.j-contact .c-body .txt .r1 p var{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:50px; overflow:hidden;}
.j-contact .c-body .txt .r1 p font{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:208px;}

.j-contact .c-body .txt .r2{ width:303px; height:303px; margin:13px auto 0; background:#fff; border-radius:8px; -webkit-border-radius:8px;}
.j-contact .c-body .txt .r2 dl{display:block; padding:25px 0; margin:0 24px;}
.j-contact .c-body .txt .r2 dl dt{float:left; width:76px; line-height:20px; text-align:left; overflow:hidden;}
.j-contact .c-body .txt .r2 dl dd{float:left; width:180px; text-align:left; font-size:14px;}
.j-contact .c-body .txt .r2 dl dd p{display:block; line-height:23px;}
.j-contact .c-body .txt .r2 dl dd p em{ font-family:"Helvetica";}

.j-contact .c-body .c{ display:none;}
.j-contact .c-body .on{ display:block;}

#map{ height:620px;}

.t-mask{ display:none; width:100%; height:100%; background:#000; filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8; position:absolute; top:0; left:0; z-index:1;}
.pop-layer{ display:none; width:900px; position:absolute; top:5%; left:50%; padding:0; margin-left:-450px; z-index:9;} 
.pop-layer a.close{display:block; width:20px; height:20px; cursor:pointer; overflow:hidden; position:absolute; top:10px; right:10px; z-index:2;}
.pop-layer a:hover img{transform:rotate(0deg);-moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);}
.pop-layer a.rotate img{transform:rotate(-270deg);-moz-transform:rotate(-270deg); -webkit-transform:rotate(-270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}

.pop-layer .p-head{ width:900px; height:421px; position:relative;}
.pop-layer .p-head .g-info{ width:281px; height:215px; position:absolute; top:175px; left:43px; z-index:1;}
.pop-layer .p-head .g-info h1{display:block; font-size:24px; color:#fff;}
.pop-layer .p-head .g-info h1 font{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-size:12px; padding:3px 10px; margin-left:5px; background:rgba(0,0,0,0.3); border-radius:8px; -webkit-border-radius:8px;}
.pop-layer .p-head .g-info p{display:block; font-size:12px; color:#fff; line-height:23px; padding:13px 0;}
.pop-layer .p-head .g-btn{ width:650px; height:40px;}
.pop-layer .p-head .g-btn a{ float:left; width:130px; height:40px; border-radius:6px; -webkit-border-radius:6px; cursor:pointer; position:relative;}
.pop-layer .p-head .g-btn a b{ display:block; width:130px; height:40px; text-indent:-999em;}
.pop-layer .p-head .g-btn a.down{background:rgba(0,0,0,0.5) url(img/base-sprite.png) no-repeat 6px -333px;margin-right:7px;}
.pop-layer .p-head .g-btn a.down:hover{background:rgba(0,0,0,0.65) url(img/base-sprite.png) no-repeat 6px -368px;}
.pop-layer .p-head .g-btn a.site{background:rgba(0,0,0,0.5) url(img/base-sprite.png) no-repeat -122px -335px;}
.pop-layer .p-head .g-btn a.site:hover{background:rgba(0,0,0,0.65) url(img/base-sprite.png) no-repeat -122px -370px;}

.pop-layer .p-head .g-btn a.ewm{ width:50px; background:rgba(0,0,0,0.5) url(img/base-sprite.png) no-repeat -293px -335px; margin-left:7px;}
.pop-layer .p-head .g-btn a.ewm:hover{background:rgba(0,0,0,0.65) url(img/base-sprite.png) no-repeat -293px -367px;}

.pop-layer .p-head .g-btn em{display:none; width:95px; height:95px; position:absolute; top:-124px; box-shadow:1px 2px 10px rgba(0, 0, 0, 0.5);  background:#fff; padding:5px; border-radius:8px; -webkit-border-radius:8px;}
.pop-layer .p-head .g-btn em.e1{left:15px;}
.pop-layer .p-head .g-btn em.e2{left:-27px;}
.pop-layer .p-head .g-btn em img{ display:block; border:0;width:95px; height:95px;}
.pop-layer .p-head .g-btn em i{display:block; width: 0; height: 0;  border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #fff; position:absolute; top:105px; left:49px;}


.pop-layer .p-head .luobo-info h1{color:#29a1f8;}
.pop-layer .p-head .luobo-info h1 font{background:#ffa240;}
.pop-layer .p-head .luobo-info p{color:#525451;}
.pop-layer .p-head .luobo-info .g-btn a.down{background:rgba(41,137,211,0.65) url(img/base-sprite.png) no-repeat 0 -333px;margin-right:7px;}
.pop-layer .p-head .luobo-info .g-btn a.down:hover{background:rgba(41,137,211,0.75) url(img/base-sprite.png) no-repeat 0 -368px;}
.pop-layer .p-head .luobo-info .g-btn a.site{background:rgba(41,137,211,0.65) url(img/base-sprite.png) no-repeat -122px -335px;}
.pop-layer .p-head .luobo-info .g-btn a.site:hover{background:rgba(41,137,211,0.75) url(img/base-sprite.png) no-repeat -122px -370px;}



.pop-layer .p-body{ background:#fff;}
.pop-layer .p-body dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.pop-layer .p-body dl{display:inline-block;}
.pop-layer .p-body dl{display:block; padding:65px 0; border-bottom:1px solid #ebebeb;}
.pop-layer .p-body dl.d1 span{float:left; width:368px; height:240px; border-radius:5px; -webkit-border-radius:5px; box-shadow:-2px 0px 8px rgba(0,0,0,0.3),0px -2px 8px rgba(0,0,0,0.3),0px 2px 8px rgba(0,0,0,0.3),2px 0px 8px rgba(0,0,0,0.3);}
.pop-layer .p-body dl.d1 p{float:right; width:310px; height:215px; padding-top:25px; overflow:hidden;}
.pop-layer .p-body dl.d1 p img{display:block; border:0; margin-bottom:10px;}
.pop-layer .p-body dl.d1 p font{display:block; font-size:12px; padding-top:10px; color:#343434; line-height:20px;}

.pop-layer .p-body dl.d2 span{float:right; width:485px; height:240px; border-radius:5px; -webkit-border-radius:5px; box-shadow:-2px 0px 8px rgba(0,0,0,0.3),0px -2px 8px rgba(0,0,0,0.3),0px 2px 8px rgba(0,0,0,0.3),2px 0px 8px rgba(0,0,0,0.3);}
.pop-layer .p-body dl.d2 p{float:left; width:260px; height:215px; padding-top:25px; overflow:hidden;}
.pop-layer .p-body dl.d2 p img{display:block; border:0; margin-bottom:10px;}
.pop-layer .p-body dl.d2 p font{display:block; font-size:12px; padding-top:10px; color:#343434; line-height:20px;}

.pop-layer .p-body dl.d3 span{float:left; width:471px; height:240px; border-radius:5px; -webkit-border-radius:5px; box-shadow:-2px 0px 8px rgba(0,0,0,0.3),0px -2px 8px rgba(0,0,0,0.3),0px 2px 8px rgba(0,0,0,0.3),2px 0px 8px rgba(0,0,0,0.3);}
.pop-layer .p-body dl.d3 p{float:right; width:228px; height:215px; padding-top:25px; overflow:hidden;}
.pop-layer .p-body dl.d3 p img{display:block; border:0; margin-bottom:10px;}
.pop-layer .p-body dl.d3 p font{display:block; font-size:12px; padding-top:10px; color:#343434; line-height:20px;}

.pop-layer .p-body dl.d4{ border-bottom:0;}
.pop-layer .p-body dl.d4 span{float:left; width:368px; height:240px; border-radius:5px; -webkit-border-radius:5px; box-shadow:-2px 0px 8px rgba(0,0,0,0.3),0px -2px 8px rgba(0,0,0,0.3),0px 2px 8px rgba(0,0,0,0.3),2px 0px 8px rgba(0,0,0,0.3);}
.pop-layer .p-body dl.d4 p{float:right; width:310px; height:215px; padding-top:25px; overflow:hidden;}
.pop-layer .p-body dl.d4 p img{display:block; border:0; margin-bottom:10px;}
.pop-layer .p-body dl.d4 p font{display:block; font-size:12px; padding-top:10px; color:#343434; line-height:20px;}


.pop-layer .p-foot{ height:100px; padding:0 40px; background:#f5f5f5; border-bottom-left-radius:8px; -webkit-border-bottom-left-radius:8px; border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px;}
.pop-layer .p-foot .f-l{float:left; width:650px; padding-top:30px;}
.pop-layer .p-foot .f-l a{float:left; width:133px; margin-right:45px;}
.pop-layer .p-foot .f-l p{float:left; line-height:20px; color:#a9a9a9;}
.pop-layer .p-foot .f-r{float:right; line-height:20px; color:#a9a9a9;}



.pop-layer .p-foot .f-wx{float:left; width:115px; height:33px; margin:35px 0 0 0; position:relative;}
.pop-layer .p-foot .f-wx a{display:block; width:115px; height:33px; background:url(img/base-sprite.png) no-repeat -238px -264px; text-indent:-999em; cursor:pointer;}
.pop-layer .p-foot .f-wx a:hover{background:url(img/base-sprite.png) no-repeat -238px -299px;}
.pop-layer .p-foot .f-wx em{display:block;}
.pop-layer .p-foot .f-wx em{display:none; width:95px; height:95px; position:absolute; top:-40px; left:120px; background:#fff; padding:3px; border-radius:8px; -webkit-border-radius:8px;}
.pop-layer .p-foot .f-wx em img{ display:block; border:0;width:95px; height:95px;}
.pop-layer .p-foot .wx-show em{display:block;}
.pop-layer .p-foot .f-btn{float:right; width:237px; height:33px; margin:35px 0 0;  overflow:hidden;}
.pop-layer .p-foot .f-btn a{ float:left; width:115px; height:33px; overflow:hidden; text-indent:-999em; cursor:pointer;}
.pop-layer .p-foot .f-btn a.down{background:url(img/base-sprite.png) no-repeat 0 -264px; margin-right:7px;}
.pop-layer .p-foot .f-btn a.down:hover{background:url(img/base-sprite.png) no-repeat 0 -299px;}
.pop-layer .p-foot .f-btn a.site{background:url(img/base-sprite.png) no-repeat -122px -264px;}
.pop-layer .p-foot .f-btn a.site:hover{background:url(img/base-sprite.png) no-repeat -122px -299px;}




/*分页CSS开始*/
.pagination {clear:both;color:#cbcbcb;cursor:default;padding:25px 26px; text-align:right;}
.pagination a,.pagination span.current,.pagination span.disabled,.pagination em{*display:inline-block;margin:0 3px;padding:4px 10px;*line-height:1.2;*vertical-align: middle; background-color:#fff; border:1px solid #eee; border-radius:6px; -webkit-border-radius:6px;}
.pagination a {text-decoration:none;color:#b7b7b7;}
.pagination a:hover,.pagination a.current{text-decoration:none;background-color:#eee; color:#bebebe;}
.pagination span.current {display:inline !important;background-color:#eee; color:#bebebe;cursor:default;}
.pagination a.disabled,.pagination em{color:#999; cursor:default; background-color:#999; border:1px solid #666;}
.pagination input{width:44px;margin:0 5px;padding: 2px 3px;text-align: center;}
/*分页CSS结束*/



 
 
/*footer*/
.footer{ width:100%; margin:20px auto 0; padding:22px 0; line-height:26px; background:#f2f2f2; }
.footer .fy-info,.footer .f-copy{width:964px; margin:0 auto;  padding:20px 0; position:relative;}
.footer .fy-info{border-bottom:1px solid #dedede;}
.footer .fy-info dl{float:left; width:160px;}
.footer .fy-info dl.d6 dt{padding-left:6px;}
.footer .fy-info dl dt{display:block; font-size:14px; color:#999; font-weight:bold; white-space:nowrap;}
.footer .fy-info dl dd{display:block; padding-top:5px;}
.footer .fy-info dl dd a{display:block; color:#999; font-size:12px; height:32px; line-height:32px; position:relative;}
.footer .fy-info dl dd a:link,.footer .fy-info dl dd a:visited{color:#999; text-decoration:none;}
.footer .fy-info dl dd a:hover{color:#ff8300;}
.footer .fy-info dl dd a var{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:26px; height:26px; overflow:hidden; background-image:url(img/base-bg.png); background-repeat:no-repeat;}
.footer .fy-info dl dd a var.icon-tel{background-position:0 -248px;}
.footer .fy-info dl dd a var.icon-qq{background-position:0 -278px;}
.footer .fy-info dl dd a var.icon-email{background-position:0 -305px;}
.footer .fy-info .f-gz{float:right; width:160px; height:30px;}
.footer .fy-info .f-gz strong{float:left; line-height:30px; margin-right:10px;}
.footer .fy-info .f-gz a{float:left; width:30px; height:30px; margin-right:5px;  background-repeat:no-repeat; position:relative;}
.footer .fy-info .f-gz a font{ display:block;width:30px; height:30px; text-indent:-999em; background:url(img/blank.gif) no-repeat 0 0;}
.footer .fy-info .f-gz a.icon-xl{ background:url(img/base-bg.png) no-repeat -33px -248px;}
.footer .fy-info .f-gz a.icon-wx{ background:url(img/base-bg.png) no-repeat -71px -248px;}
.footer .fy-info .f-gz a.icon-xl:hover{ background:url(img/base-bg.png) no-repeat -33px -279px;}
.footer .fy-info .f-gz a.icon-wx:hover{ background:url(img/base-bg.png) no-repeat -71px -279px;}
.footer .fy-info .f-gz a.icon-wx em{display:none; width:95px; height:95px; position:absolute; top:33px; left:20px; background:#fff; padding:5px; border-radius:8px; -webkit-border-radius:8px; z-index:9;}
.footer .fy-info .f-gz a.icon-wx img{ display:block; width:95px; height:95px; border:0;}
.footer .fy-info .f-gz a.wx-show em{display:block;}

.footer .f-copy .f-l{float:left; width:650px;}
.footer .f-copy .f-l a{float:left; width:133px; margin-right:15px;}
.footer .f-copy .f-l p{float:left; line-height:20px; color:#a9a9a9;}
.footer .f-copy .f-r{float:right; line-height:20px; color:#a9a9a9;}

@CHARSET "UTF-8";
/*RESET v0.0.7*/
html{ }
body{font:12px/1.5 tahoma, arial, sans-serif; background:#f2f2f2 none repeat center top; color:#666; width:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,button,textarea,select,p,th,td{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,em,caption,th{font-style:normal;font-weight:400;font-size:100%}
input,button,textarea,select{font:100% tahoma, arial, sans-serif}
input,button,textarea,select,object{outline:0}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,th,var {font-weight:normal;font-style:normal; padding:0; margin:0;}
ol,ul ,dl{list-style:none;}
abbr,acronym {border:0px;}
fieldset,img{border:0}
a img{vertical-align:top;}
a{ outline:none;}
a,a:link{ text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}

.clearfix:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix {display:block;}

.png img{ _visibility:hidden;}