﻿@charset "utf-8";
@import url("iconfont.css");
/*全局样式
---------------------------------------------*/
body{ margin:0 auto; padding:0; width:100%; color:#333; font:14px/1.5 Arial,"Microsoft Yahei"; text-align:center; background:#f5f5f5; -webkit-font-smoothing:antialiased; }
input,button,select,textarea,img,p,h1,h2,h3,h4,h5{ margin:0; padding:0; border:0; font-family:'Microsoft YaHei','微软雅黑'; }
a{ color:#555; text-decoration:none; }
a:hover{ color:#34ad2a; text-decoration:none; -webkit-transition: all 0.2s linear;transition: all 0.2s linear; }
ol,ul,li,dl,dd{ margin:0 auto; padding:0; list-style-type:none; }
i,em{ font-style:normal; }
table { border-collapse:collapse; border-spacing:0; }

/*Clear Fix*/ 
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; } 
.clearfix { display:block; } 

.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; }

/*页面布局
----------------------------------------------*/
.section{ position:relative; margin:0 auto; width:1160px; min-width:925px; max-width:1160px; text-align:left; }
.wrapper{ position:relative; margin:0 auto; padding:0; width:100%; height:auto; text-align:left; overflow:hidden; }
	.wrapper:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.wrap-box{ width:1160px; }
.left-925{ position:relative; float:left; margin:0; padding:0; width:925px; }
.left-705{ position:relative; float:left; margin:0; padding:0; width:705px; }
.left-690{ position:relative; float:left; margin:0 0 0 15px; padding:0; width:690px; }
.left-455{ position:relative; float:left; margin:0 0 0 15px; padding:0; width:455px; }
.left-260{ position:relative; display:block; float:left; width:260px; overflow:hidden; }
.left-220{ position:relative; display:block; float:left; margin:0 0 0 15px; padding:0; width:220px; _overflow:hidden; }
.left-auto{ position:relative; display:block; margin:0 275px 0 0; overflow:hidden; _zoom:1; }
.right-260{ position:relative; display:block; float:right; width:260px; overflow:hidden; }
.right-auto{ position:relative; display:block; margin:0 0 0 275px; overflow:hidden; _zoom:1; }
.bg-wrap{ margin:0; padding:0; background:#fff;}
    .bg-wrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .bg-wrap.nobg{ background:none; }
.pad-15{ position:relative; padding:15px; }

/*页面标题
----------------------------------------------*/
.location{ padding:5px 0; width:100%; height:40px; line-height:40px; color:#999; font-size:12px; text-align:left; }
    .location a{ margin:0 5px; }
    .location span{ color:#666; }
.main-tit{ padding-top:14px; height:54px; line-height:54px; text-align:left; }
    .main-tit h2{ display:block; margin:0; padding:0; float:left; color:#333; font-size:20px; font-weight:normal; }
    .main-tit p{ display:block; float:right; color:#555; font-size:14px; }
    .main-tit p a{ margin-left:10px; }
    .main-tit p a i{ font-style:normal; }
.slide-tit{ border-bottom:1px solid #f0f0f0; color:#34ad2a; line-height:1em; font-size:16px; font-weight:normal; }
    .slide-tit strong{ padding:10px 0; float:right; color:#999; font-size:12px; font-weight:normal; }
	.slide-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #34ad2a; }
.nav-tit{ margin:0 auto 50px; padding:30px 0; text-align:center; color:#333; font-size:16px; line-height:1em; border-bottom:1px solid #e0e0e0; }
    .nav-tit.short{ padding-bottom:0; border-bottom:0; }
    .nav-tit a{ margin-left:10px; color:#333;  }
    .nav-tit a:hover,.nav-tit a.selected{ color:#34ad2a; }
    .nav-tit i{ margin-left:10px; color:#e0e0e0; }
.sub-tit{ margin:0 50px 10px; padding-top:35px; height:42px; border-bottom:1px solid #e0e0e0; font-size:16px; }
    .sub-tit a.add{ display:block; margin-right:10px; float:right; color:#23ac38; font-size:14px; line-height:42px; }
    .sub-tit a.add i{ display:inline-block; margin-right:5px; color:#23ac38; font-size:14px; }
    .sub-tit ul{ display:inline-block; }
    .sub-tit ul li{ margin:0; padding:0; display:inline-block; *display:inline; *zoom:1; }
    .sub-tit ul li a{ display:inline-block; padding:0 15px; line-height:42px; }
    .sub-tit ul li.selected a{ border-bottom:2px solid #23ac38; color:#23ac38; }
.search-tit{ display:block; margin:0 30px; padding-top:15px; line-height:38px; border-bottom:1px solid #f0f0f0; }
    .search-tit h3{ display:inline-block; color:#333; font-size:16px; font-weight:normal; }
    .search-tit span{ margin-left:15px; color:#999; font-size:14px; }
    .search-tit span strong{ margin:0 2px; color:#1e7bb3; font-weight:600; }

/*页面头部
----------------------------------------------*/
/*顶部样式*/
.header .head-top{ height:40px; background:#df0309; color:#fcfbfb; font-size:12px; }
    .header .head-top .left-box{ display:block; float:left; line-height:40px; }
    .header .head-top .left-box span{ color:#c8c8c8; font-weight:700; }
    .header .head-top .left-box a{ margin:auto 3px; color:#fcfbfb; }
    .header .head-top .left-box a:hover{ color:#34ad2a; }
    .header .head-top .right-box{ float:right; margin-right:-8px; line-height:40px; }
    .header .head-top .right-box a{ margin:auto 8px; color:#fcfbfb; _display:inline; *zoom:1; }
    .header .head-top .right-box a:hover{ color:#34ad2a; }
    .header .head-top .right-box a i{ margin-right:2px; font-size:12px; }
    .header .head-top .right-box strong{ color:#fff; font-size:12px; font-weight:700; }
.header .head-nav{ position:relative; height:100px; background:#ff2c38; }
    .header .head-nav .logo{ position:absolute; top:18px; left:0; width:180px; height:50px; }
    .header .head-nav .nav-box{ position:absolute; top:30px; left:200px; right:0; line-height:40px; height:40px; }
    .header .head-nav .nav-box li{ float:left; margin:auto 1.8%; }
    .header .head-nav .nav-box li a{ color:#f5cdcb; font-size:16px; line-height:40px; }
    .header .head-nav .nav-box li a:hover{ color:#34ad2a; }
    #index .index a,#news .news a,#goods .goods a,#video .video a,#photo .photo a,#down .down a,#sjrz .sjrz a,
    .header .head-nav .nav-box li a:hover{ color:#ffffff; }
    .header .head-nav .search-box{ position:absolute; top:30px; right:0; width:22%; height:42px; overflow:hidden; _height:43px; }
    .header .head-nav .search-box .input-box{ position:absolute; top:0; left:0; right:65px; bottom:0; }
    .header .head-nav .search-box .input-box input{ display:block; margin:0; padding:5px 12px; width:100%; height:30px; line-height:30px; background:#fff; border:1px solid #e5e5e5; color:#333; font-size:12px; transform:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
    .header .head-nav .search-box .input-box input::-moz-placeholder{ color:#b3b3b3; opacity:1; }
    .header .head-nav .search-box a{ display:block; position:absolute; top:0; right:0; bottom:0; padding:5px; width:30px; height:30px; line-height:30px; color:#333; font-size:16px; text-align:center; background:#fff; border:1px solid #e5e5e5; border-radius:0; cursor:pointer; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; *top:1px; }
    .header .head-nav .search-box a:hover{ background:#34ad2a; border-color:#34ad2a; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; }
    .header .head-nav .search-box a:hover i{ color:#fff !important; }
/*Banner样式*/
.slide-box{ position:relative; margin:0; width:100%; height:454px; text-align:center; overflow:hidden; }
    .slide-box .list-box{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:100%; background:#fff; }
    .slide-box .list-box li{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; opacity:0; filter:alpha:opacity(0); }
    .slide-box .list-box li a{ display:block; width:100%; height:100%; }
    .slide-box .list-box li a img{ position:absolute; top:0; left:0; width:100%; height:100%; }
    .slide-box .speed-box{ position:absolute; left:0; bottom:20px; width:100%; height:10px; text-align:center; z-index:999; }
    .slide-box .speed-btn{ display:inline-block; margin:auto 0; }
    .slide-box .speed-btn a{ display:block; float:left; margin:0 5px; width:10px; height:10px; background:url(../Images/slide_btns.png) 0 -166px no-repeat; overflow:hidden; *float:none; *display:inline-block; }
    .slide-box .speed-btn a.selected{ background-position:0 -176px; }
    .slide-box .prev-btn,.slide-box .next-btn{ position:absolute; top:50%; display:block; margin-top:-41px; width:42px; height:82px; z-index:999; opacity:0.5; filter:alpha:opacity(50); background:url(../Images/slide_btns.png) no-repeat; display:none; overflow:hidden; }
    .slide-box .prev-btn{ left:31px; background-position:0 0; }
    .slide-box .next-btn{ right:31px; background-position:0 -82px; }
/*幻灯片样式*/
.focus-box{ position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; _position:relative; }
	.focus-box .slides{ position:relative; display:block; width:100%; height:100%; zoom:1; overflow:hidden; }
	.focus-box .slides:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.focus-box .slides li{ width:100%; height:100%; overflow:hidden; }
	.focus-box .slides li img{ min-width:100%; min-height:100%; _width:100%; _height:100%;}
	.focus-box .slides li .note-bg{ position:absolute; left:0; right:0; bottom:0; width:100%; height:50px; background:#000; filter:alpha(Opacity=30); -moz-opacity:0.3;opacity:0.3; background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); _background:url(../Images/261d9323885044fd9e8fc75ebf2c8568.gif) 0 0 repeat #000; }
	.focus-box .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; }
	
	.focus-box .flex-control-nav{ position:absolute; right:5px; bottom:10px; display:block; z-index:4; }
	.focus-box .flex-control-nav li{ margin:0 5px 0 0; display:inline-block; zoom:1; *display:inline; }
	.focus-box .flex-control-nav li a{ display:block; width:8px; height:8px; text-indent:-9999px; border:1px solid #fafafa; border-radius:8px; cursor:pointer; overflow:hidden; }
	.focus-box .flex-control-paging li a:hover { background:#333; }
	.focus-box .flex-control-paging li a.flex-active { background:#c81623; border-color:#c81623; cursor:default; }

/*内容样式
----------------------------------------------*/
/*文字列表样式*/
.side-txt-list{ padding:6px 15px 15px; text-align:left; background:#fff; }
    .side-txt-list li{ line-height:28px; font-size:12px; }
    .side-txt-list li span{ float:right; color:#999; }
    .side-txt-list li.tit a{ color:#108cee; font-size:18px; line-height:48px; }

/*图文列表样式*/
.side-img-box{ position:relative; width:455px; height:455px; background:#fff; overflow:hidden; }
    .side-img-box em{ position:absolute; display:none; margin:-30px auto auto -30px; top:50%; left:50%; width:60px; height:60px; font-style:normal; filter:alpha(Opacity=60); -moz-opacity:0.6;opacity:0.6; }
    .side-img-box em i{ color:#fff; font-size:60px; line-height:60px; }
    .side-img-box a:hover em{ display:block; }
    .side-img-box .abs-bg{ position:absolute; left:0; bottom:0; width:100%; height:50px; background:#000; filter:alpha(Opacity=30); -moz-opacity:0.3;opacity:0.3; background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); }
    .side-img-box .info{ position:absolute; left:0; bottom:0; right:0; width:100%; height:50px; line-height:20px; text-align:left; }
    .side-img-box .info h3{ padding:5px 15px 0; color:#fff; font-size:14px; font-weight:normal; }
    .side-img-box .info p{ padding:0 15px; color:#eee; font-size:12px; }
    .side-img-box img{ min-width:100%; min-height:100%; _width:100%; _height:100%; }

.side-img-list{ text-align:left; padding:10px 0 11px 0; background:#fff; }
    .side-img-list li{ display:block; padding:10px 15px; }
    .side-img-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .side-img-list li .img-box{ position:relative; float:left; width:60px; height:60px; overflow:hidden; }
    .side-img-list li .img-box label{ position:absolute; top:1px; left:1px; display:block; width:16px; height:16px; line-height:16px; color:#fff; font-size:12px; font-weight:normal; text-align:center; background:#666; }
    .side-img-list li:first-child .img-box label{ background:#d70029; }
    .side-img-list li .img-box img{ margin:0; padding:0; border:1px solid #ebebeb; width:58px; height:58px; }
    .side-img-list li .txt-box{ display:block; margin-left:75px; font-size:12px; }
    .side-img-list li .txt-box a{ display:block; height:40px; line-height:20px; overflow:hidden; }
    .side-img-list li .txt-box span{ display:block; color:#999; height:20px; line-height:20px; }

.focus-list{ margin:0; padding:0; }
    .focus-list li{ height:33px; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .focus-list li label{ display:inline-block; margin:0 5px 0 0; padding:0; width:16px; height:16px; line-height:16px; color:#fff; font-size:12px; font-weight:400; text-align:center; background:#999; border-radius:2px; vertical-align:middle; }
    .focus-list li label.hot{ background:#d70029; }
    .focus-list li a{ line-height:33px; }

.sidebar-box{ margin:0 0 15px; padding:20px; background:#fff; }
    .sidebar-box h4{ margin:0; padding:0 0 15px; border-bottom:1px solid #e0e0e0; color:#333; font-size:16px; font-weight:300; line-height:20px; }
    .sidebar-box .txt-list li{ margin-top:15px; line-height:20px; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .sidebar-box .txt-list li label{ display:inline-block; margin:0 5px 0 0; width:16px; height:16px; line-height:16px; color:#fff; font-size:12px; font-weight:400; text-align:center; background:#999; border-radius:2px; vertical-align:middle;  }
    .sidebar-box .txt-list li label.hot{ background:#d70029; }
    .sidebar-box .txt-list li a{ line-height:20px; }
    .sidebar-box .side-img-list{ padding-bottom:0; }
    .sidebar-box .side-img-list li{ padding:10px 0; }
    .sidebar-box .tags-box{ margin:0 0 0 -10px; }
    .sidebar-box .tags-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.sidebar-box .tags-box a{ display:block; float:left; margin:10px 0 0 10px; padding:5px; color:#555; font-size:12px; line-height:20px; border:1px solid #f0f0f0; }
    .sidebar-box .tags-box a:hover{ border-color:#34ad2a; }
	.tags-box a i{ margin-left:2px; color:#999; font-style:normal; }
/*图片列表样式*/
.img-list{ margin:-15px 0 0 -15px; *display:inline-block; }
    .img-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .img-list .nodata{ color:#999; line-height:80px; text-align:center; }
    .img-list li{ position:relative; float:left; margin:15px 0 0 15px; width:220px; height:auto; background:#fff; overflow:auto; _display:inline; }
    .img-list li .img-box{ display:block; position:relative; width:220px; height:220px; overflow:hidden; }
    .img-list li .img-box .abs-txt{ position:absolute; top:8px; left:0; display:inline-block; padding:0 6px; color:#fff; font-size:12px; line-height:24px; background:#c81623; text-align:center; border-radius:0 3px 3px 0; }
    .img-list li .img-box img{ width:100%; height:100%;}
    .img-list li .info{ display:block; text-align:left; margin:15px; }
    .img-list li .info h3{ display:block; line-height:20px; height:40px; font-size:12px; font-weight:normal; overflow:hidden; }
    .img-list li .info p{ display:block; line-height:28px; color:#999; font-size:12px; }
    .img-list li .info p.price{ padding-top:10px; line-height:18px; }
    .img-list li .info p.price b{ margin-right:2px; color:#e1251b; font-size:16px; }
    .img-list li .info p strong{ float:right; font-weight:normal; }
    .img-list li .info p span.price{ color:#fb2104; font-size:14px; font-weight:600; }
    .img-list li em{ position:absolute; display:none; margin:-30px auto auto -30px; top:50%; left:50%; width:60px; height:60px; font-style:normal; filter:alpha(Opacity=60); -moz-opacity:0.6;opacity:0.6; }
    .img-list li em i{ color:#fff; font-size:60px; line-height:60px; }
    .img-list li a:hover em{ display:block; }
    .img-list li .abs-bg{ position:absolute; left:0; bottom:0; width:100%; height:50px; background:#000; opacity:0.3; filter:alpha(opacity=30); -moz-opacity:0.3; background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); }
    .img-list li .remark{ position:absolute; left:0; bottom:0; right:0; width:100%; height:50px; line-height:20px; text-align:left; overflow:hidden; }
    .img-list li .remark h3{ padding:5px 15px 0; color:#fff; font-size:12px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .img-list li .remark p{ padding:0 15px; color:#eee; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
/*图文列表样式*/
.n-list{ padding:15px 30px; }
	.n-list li{ display:block; padding-bottom:15px; 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:15px 0 15px; font-size:18px; line-height:24px; font-weight:normal;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.n-list li h2 a{ color:#333; 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:118px; height:118px; border:1px solid #e8e8e8; font-style:normal; }
	.n-list li .note b img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.n-list li .note p{ display:block; font-size:14px; max-height:84px; line-height:28px; font-weight:500; color:#666; overflow:hidden; }
	.n-list li .note .info{ padding-top:10px; height:20px; line-height:20px; }
	.n-list li .note .info span{ margin-right:10px; color:#999; font-size:12px; }
    .n-list li .note .info span i{ margin-right:3px; font-size:12px; }
	.n-list .nodata{ margin-top:30px; color:#666; font-size:14px; line-height:100px; text-align:center; }
/*相关列表样式*/
.rel-list{ margin-top:-15px; }
    .rel-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .rel-list .nodata{ color:#999; font-size:14px; line-height:50px; }
    .rel-list li{ display:block; float:left; margin:15px auto 0 0; padding:0; width:50%; overflow:hidden; _float:none; _width:auto; }
    .rel-list li .img-box{ position:relative; display:block; float:left; width:98px; height:98px; border:1px solid #e8e8e8; overflow:hidden; }
    .rel-list li .img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; overflow:hidden; }
    .rel-list li .info{ margin:0 auto 0 115px; padding-right:15px; _margin-top:-15px; _padding-right:0; }
    .rel-list li .info h3{ display:block; font-size:14px; font-weight:normal; height:30px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .rel-list li .info p{ color:#555; font-size:12px; height:48px; line-height:22px; overflow:hidden; }
    .rel-list li .info span{ line-height:22px; color:#999; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.rel-box{ position:relative; padding:0 50px 0; }
    .rel-box .rel-list{ margin:0 0 15px 0; }
/*类别列表*/
.navbar li{ padding-top:10px; }
	.navbar li h5{ display:block; color:#3b8dd1; font-size:14px; font-weight:normal; line-height:30px; }
	.navbar li h5 a{ color:#34ad2a; }
	.navbar li p{ font-size:12px; line-height:30px; }
	.navbar li p a{ display:inline-block; margin-right:5px; }
/*内容标题样式*/
.meta{ margin:0; padding:50px 50px 0 50px; }
	.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.meta h2{ margin:0 0 20px; padding:0; color:#333; font-size:24px; font-weight:300; line-height:1em; }
	.meta .info{ margin:0 0 10px; }
	.meta .info span{ margin-right:10px; color:#b0b0b0; font-size:12px; line-height:14px; }
    .meta .info span i{ margin-right:5px; display:inline-block; font-size:14px; }
    .meta .note{ margin-top:10px; padding:15px 20px; background:#f5f5f5; line-height:22px; color:#757575; font-size:12px; }
/*内容详细样式*/
.entry{ margin-top:20px; padding:0 50px 15px; 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{ margin:0.8em auto; 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; padding:0; }
	.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:#333; 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'; font-size:12px; line-height:1.7em; }
	.entry table{ margin:10px auto; border-left:1px solid #eee; border-top:1px solid #eee; }
	.entry table th{ background:#F9F9F9; text-align:center; }
	.entry table td,.entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:0.35em 0.5em; }

/*上下一条样式*/
.next-box{ position:relative; padding:10px 50px 20px; line-height:20px; color:#444; font-size:14px; }
    .next-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .next-box p{ display:block; width:49%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .next-box p a{ color:#428bca; }
    .next-box p.prev{ float:left; }
    .next-box p.next{ float:right; }

/*文章评论样式*/
.comment-box{ position:relative; padding:0 50px 20px; }
    .comment-box .form-box{ margin:0; padding:15px 0; }
    .comment-box .form-box .avatar-box{ display:block; float:left; margin:0; padding:0; width:55px; height:55px; border:0; border-radius:55px; background:#fafafa; overflow:hidden; }
    .comment-box .form-box .avatar-box i{ color:#999; font-size:55px; line-height:1.2em; }
    .comment-box .form-box .avatar-box img{ width:100%; height:100%; }
    .comment-box .form-box .conn-box{ position:relative; margin-left:70px; }
    .comment-box .form-box .conn-box .editor{ position:relative; margin-right:18px; }
    .comment-box .form-box .conn-box .editor textarea{ display:inline; margin:0; padding:8px; width:100%; height:80px; border:1px solid #e8e8e8; line-height:20px; }
    .comment-box .form-box .conn-box .subcon{ padding-top:15px; color:#999; font-size:12px; }
    .comment-box .form-box .conn-box .subcon .submit{ float:right; display:inline-block; padding:0 20px; height:36px; line-height:34px; color:#fff; font-size:12px; background:#38f; vertical-align:middle; cursor:pointer; }
    .comment-box .form-box .conn-box .subcon strong{ color:#333; font-weight:normal; }
    .comment-box .form-box .conn-box .subcon .code{ margin-right:5px; padding:7px; width:80px; height:20px; line-height:20px; border:1px solid #e8e8e8; }
    .comment-box .form-box .conn-box .subcon a img{ vertical-align:middle; }
    .comment-box .list-box li{ padding:17px 0; border-top:1px solid #f7f7f7; }
    .comment-box .list-box li .avatar-box{ display:block; float:left; margin:0; padding:0; width:55px; height:55px; border:0; border-radius:55px; background:#fafafa; overflow:hidden; }
    .comment-box .list-box li .avatar-box i{ color:#999; font-size:55px; line-height:1.2em; }
    .comment-box .list-box li .avatar-box img{ width:100%; height:100%; }
    .comment-box .list-box li .inner-box{ position:relative; margin-left:70px; }
    .comment-box .list-box li .inner-box .info{ padding-bottom:3px; }
    .comment-box .list-box li .inner-box .info span{ margin-right:5px; color:#999; font-size:12px; }
    .comment-box .list-box li .inner-box p{ color:#333; font-size:14px; line-height:1.8em; }
    .comment-box .list-box li .answer-box{ clear:both; margin:10px 0 0 70px; padding:10px; background:#fafafa; border:1px solid #e6e6e6; border-radius:3px; }
    .comment-box .list-box li .answer-box .info{ margin-bottom:5px; padding:0; color:#1e7bb3; font-size:12px; border:none; }
    .comment-box .list-box li .answer-box .info span.right{ float:right; color:#999; }
    .comment-box .list-box li .answer-box p{ color:#555; font-size:14px; line-height:1.8em; }
/*类别导航样式*/
.screen-box{ display:block; position:relative; margin:0 0 15px; padding:0 15px; background:#fff; }
    .screen-box ul{ padding:10px 0; display:block; font-size:14px; }
    .screen-box ul h4{ display:inline-block; padding:0 15px; text-align:right; line-height:28px; font-weight:normal; }
    .screen-box ul li{ display:inline-block; padding:0 15px; line-height:28px; *display:inline; *zoom:1; }
    .screen-box ul li a{ color:#333; }
    .screen-box ul li a:hover,.screen-box ul li.selected a{ color:#8CAC52; }
    
    .screen-box dl{ margin:0; padding:0; clear:both; display:block; border-top:1px solid #f7f7f7; font-size:12px; }
	.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:10px; width:100px; color:#555; line-height:40px; }
	.screen-box dl dd{ position:relative; margin-left:112px; padding-top:6px; overflow:hidden; }
	.screen-box dl dd a{ display:inline-block; margin:0 6px 6px 0; padding:8px 10px; border:1px solid #fff; line-height:12px; }
	.screen-box dl dd a.selected{ border-color:#fff; color:#fff; background:#34ad2a; }
/*排序样式*/
.sort-box{ position:relative; margin:0 0 15px; height:36px; background:#fff; overflow:hidden; }
	.sort-box a{ display:block; float:left; margin-left:-1px; padding:0 15px; line-height:36px; height:36px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; color:#333; font-size:12px; }
	.sort-box a:hover,.sort-box a.selected{ color:#fff; background:#34ad2a; }
/*内容相册样式*/
.album-list{ position:relative; margin:0 50px; }
	.album-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.album-list ul{ margin:0 0 0 -15px; *zoom:1; }
	.album-list li{ float:left; width:25%; }
	.album-list li a{ display:block; margin:15px 0 0 15px; padding:1px; border:1px solid #e8e8e8; }
	.album-list li a img{ display:block; width:100%; height:auto; }
/*附件下载样式*/
.attach-list{ margin:0 50px 15px; color:#757575; }
    .attach-list ul li{ margin-top:15px; padding:15px; border:1px solid #ebebeb; }
    .attach-list ul li .link-btn{ display:block; float:right; margin-top:7px; padding:5px 15px; border:1px solid #e0e0e0; line-height:20px; font-size:14px; cursor:pointer; }
    .attach-list ul li .link-btn i{ font-size:14px; }
    .attach-list ul li .icon-box{ display:inline-block; margin-right:5px; line-height:38px; color:#ccc; }
    .attach-list ul li .icon-box i{ font-size:38px; }
    .attach-list ul li .info{ display:inline-block; }
    .attach-list ul li .info h3{ line-height:20px; color:#333; font-size:14px; font-weight:normal; }
    .attach-list ul li .info span{ margin-right:5px; line-height:18px; color:#999; font-size:12px; }
/*商品缩略图样式*/
.goods-box{ position:relative; margin-bottom:15px; padding:30px; font-size:12px; background:#fff; }
.goods-pic{ position:relative; float:left; width:370px; *z-index:1; }
	.pic-box{ float:left; }
	.pic-preview{ 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:0 0 0 395px; overflow:hidden; }
	.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:#888; font-size:14px; 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; font-style:normal; }
	.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; 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; float:left; display:block; margin:0; padding:0; width:368px; height:368px; border:none; cursor:crosshair; }
	.jqzoom img{ width:368px; height:368px; }
.zoomdiv{ position:absolute; top:0; left:0; z-index:100; display:none; width:368px; height:368px; background:#fff; border:1px solid #e8e8e8; text-align:center; overflow:hidden; }
.jqZoomPup{ position:absolute; top:0; left:0; z-index:10; visibility:hidden; width:20px; height:20px; border:1px solid #aaa; background:#fff; opacity:0.5;-moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); }
/*商品Tab样式*/
.goods-tab .tab-head{ display:block; height:42px; border-bottom:1px solid #f0f0f0; background:#fff; }
	.goods-tab .tab-head ul li{ float:left; margin-left:-1px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; }
	.goods-tab .tab-head ul li a{ display:block; padding:0 30px; height:42px; line-height:42px; color:#555; font-size:14px; }
	.goods-tab .tab-head ul li a:hover,.goods-tab .tab-head ul li a.selected{ color:#fff; background:#34ad2a; }
	.goods-tab .tab-content{ display:none; }
/*焦点菜单*/
.banner-img{ position:relative; width:100%; height:341px; overflow:hidden; }
    .banner-img img{ min-width:100%; min-height:100%; }
.banner-nav{ position:relative; width:100%; height:341px; background:#fff; }
    .banner-nav ul{ padding:15px 0; }
    .banner-nav ul li{ cursor:pointer; }
    .banner-nav ul li h3{ position:relative; display:block; padding:0 20px; width:180px; font-weight:normal; height:53px; }
    .banner-nav ul li h3 i{ position:absolute; right:5px; top:18px; width:13px; height:13px; color:#e0e0e0; font-size:13px; }
    .banner-nav ul li h3 span{ line-height:28px; color:#333; font-size: 15px;font-weight: bold;}
    .banner-nav ul li h3 p{ line-height:16px; color:rgba(0,0,0,0.5); font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .banner-nav ul li:hover h3{ background:#d70029; }
    .banner-nav ul li:hover h3 i{ color:#fff; }
    .banner-nav ul li:hover h3 span{ color:#fff; }
    .banner-nav ul li:hover h3 p{ color:rgba(255,255,255,0.5); }
    .banner-nav ul li .item-box{ display:none; position:absolute; top:0; left:220px; bottom:0; width:705px; height:100%; background-color:rgba(0,0,0,0.8); z-index:9999; }
    .banner-nav ul li:hover .item-box{ display:block; }
    .banner-nav ul li .item-box dl{ display:block; padding:15px 30px 0; }
    .banner-nav ul li .item-box dl dt{ font-size:14px; font-weight:700; line-height:28px; }
    .banner-nav ul li .item-box dl dd{ font-size:12px; line-height:24px; }
    .banner-nav ul li .item-box dl a{ color:#fff; }
    .banner-nav ul li .item-box dl dd a{ margin-right:5px; }

/*页码容器*/
.page-box{ margin:15px 30px; padding-bottom:30px; }
    .page-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
/*视频容器*/
.video-box{ position:relative; margin:0 50px; width:785px; height:441px; _clear:both; _display:inline; }

/*购物车样式*/
.cart-info{ position:absolute; top:-50px; left:0; margin:0; padding:15px; border:1px solid #DFC795; width:302px; height:auto; background:#fcfbda; text-align:left; z-index:2; }
	.cart-info .ico{ display:block; float:left; margin-top:5px; width:46px; height:46px; }
    .cart-info .ico i{ color:#5ba61b; font-size:46px; line-height:1em; }
	.cart-info .ico.error i{ color:#fb1605; }
	.cart-info .msg{ margin-left:60px; }
	.cart-info .msg strong{ margin-bottom:10px; color:#444; font-size:15px; }
	.cart-info .msg p{ padding-bottom:8px; line-height:1.8em; }
    .cart-info .msg .link-btn{ display:inline-block; margin:0; padding:0 25px; color:#fff; font-size:12px; height:30px; line-height:30px; text-align:center; background:#34ad2a; vertical-align:middle; }
	.cart-info .msg .close{ position:absolute; display:block; top:5px; right:5px; width:20px; height:20px; text-align:center; cursor:pointer; }
    .cart-info .msg .close i{ color:#999; font-size:14px; line-height:20px; }

.cart-head{ position:relative; margin:0 50px; padding:30px 0; }
	.cart-head h2{ float:left; color:#555; font-size:18px; line-height:35px; }
    .cart-head h2 i{ display:inline-block; margin-right:5px; color:#83c44e; font-size:23px; line-height:35px; vertical-align:middle; }
    .cart-head .cart-setp{ position:relative; margin-left:200px; }
    .cart-head .cart-setp li{ position:relative; float:left; width:33.33%; height:35px; line-height:35px; text-align:center; color:#999; font-size:12px; *width:33.3%; }
    .cart-head .cart-setp li .progress{ margin-right:1px; height:35px; line-height:35px; color:#424242; background:#eee; }
    .cart-head .cart-setp li .progress span{ margin-right:2px; font-size:14px; font-weight:600; }
    .cart-head .cart-setp li.active .progress{ color:#fff; background:#83c44e; }
    .cart-head .cart-setp li.first .progress{ border-top-left-radius:20px; border-bottom-left-radius:20px; }
    .cart-head .cart-setp li.last .progress{ border-top-right-radius:20px; border-bottom-right-radius:20px; }

.cart-box{ position:relative; margin:0 50px; }
    .cart-box .cart-table{ border:1px solid #eee; }
	.cart-box .cart-table th{ padding:0.8em 0.5em; color:#555; font-size:13px; font-weight:400; background:#f5f5f5; border-bottom:1px solid #eee; }
	.cart-box .cart-table td{ padding:1em 0.5em; color:#555; font-size:13px; border-bottom:1px solid #eee; }
	.cart-box .cart-table td .stxt{ margin-top:5px; color:#666; font-size:12px; line-height:20px; }
	.cart-box .cart-table td input.checkall{ padding:0; border:1px solid #eee; background:#fff; }
	.cart-box .cart-table td .img{padding:1px;width:60px;height:60px;border:1px solid #eee;}
	.cart-box .cart-table td .buy-box{ margin:auto; padding:0; width:74px; height:22px; overflow:hidden; }
	.cart-box .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-box .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; }

.item-box{ clear:both; padding:20px 0; font-size:14px; }
	.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; }

.buy-foot{ margin:20px 0; font-size:14px; }
    .buy-foot .left-box{ float:left; }
	.buy-foot .left-box dl{ clear:both; padding-bottom:10px; line-height:28px; }
	.buy-foot .left-box dl dt{ color:#6c6c6c; }
	.buy-foot .left-box dl dd .input{ width:230px; padding:5px; border:1px solid #e0e0e0; }
	.buy-foot .right-box{ float:right; text-align:right; }
	.buy-foot .right-box p{ line-height:38px; }
	.buy-foot .right-box p .price{ color:#f00; font-weight:700; }
	.buy-foot .right-box p.txt-box{ margin-top:10px; font-size:18px; font-weight:700; }
	.buy-foot .right-box p.btn-box{ margin-top:20px; }
    .buy-foot .right-box p.btn-box .btn{ display:inline-block; margin:0 0 0 5px; padding:8px 25px; width:auto; height:auto; line-height:20px; color:#fff; font-size:12px; border:0; background:#d70029; border-radius:3px; cursor:pointer; }
    .buy-foot .right-box p.btn-box .button{ background:#1e7bb3; }
    .buy-foot .right-box p.btn-box .submit{ background:#34ad2a; }
    .buy-foot .right-box p.btn-box .gray{ background:#ddd; }

.cart-foot{ margin:0 50px; padding:20px 0 30px; height:40px; }
	.cart-foot .left-box{ float:left; line-height:40px; }
	.cart-foot .left-box a{ margin-right:20px; font-size:14px; }
    .cart-foot .right-box{ float:right; }
    .cart-foot .right-box button{ display:inline-block; margin:0 0 0 5px; padding:8px 25px; width:auto; height:auto; line-height:20px; color:#fff; font-size:12px; border:0; background:#d70029; border-radius:3px; cursor:pointer; }
    .cart-foot .right-box .submit{ background:#34ad2a; }
    .cart-foot .right-box .button{ background:#1e7bb3; }

.address-list{ margin:20px 0 0; 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.form-box{ margin:0; }
    
/*表单样式*/
.msg-box{ display:block; margin:0; padding:6px; border:1px solid #fbf2b5; background:#fcfbda; }
    .msg-box i{ display:block; float:left; margin:4px 0 0; font-size:12px; color:#A094A9; width:18px; height:18px; text-align:center; vertical-align:middle; }
    .msg-box p{ margin-left:18px; line-height:24px; color:#A4A147; font-size:12px; }
.form-box{ margin:0 50px; padding:20px 0 30px; }
    .form-box .form-group{ margin:0; padding:10px 0; clear:both; }
    .form-box .form-group .tips{ margin-left:16%; color:#666; font-size:12px; line-height:20px; }
    .form-box .form-group dt{ display:block; float:left; padding-right:2%; width:14%; line-height:40px; text-align:right; color:#888; }
    .form-box .form-group dd{ display:block; position:relative; margin-left:16%; line-height:40px; }
    .form-box .form-group dd img{ vertical-align:middle; }
    .form-box .form-group dd .input{ display:inline-block; padding:0 10px; width:50%; height:40px; line-height:20px; border:1px solid #e0e0e0; }
    .form-box .form-group dd .input.code{ width:80px; }
    .form-box .form-group dd .select{ display:inline-block; padding:10px; height:40px; line-height:20px; border:1px solid #e0e0e0; }
    .form-box .form-group dd .textarea{ display:inline-block; padding:10px; width:50%; height:80px; line-height:20px; border:1px solid #e0e0e0; vertical-align:middle; overflow:auto; }
    .form-box .form-group dd .submit{ display:inline-block; margin:0 0 0 5px; padding:10px 46px; width:auto; height:auto; line-height:20px; color:#fff; font-size:14px; border:1px solid #d70029; background:#d70029; cursor:pointer; }
    .form-box .form-group dd .button{ display:inline-block; margin:0 0 0 5px; padding:10px 46px; width:auto; height:auto; line-height:20px; color:#666; font-size:14px; border:1px solid #eee; background:#eee; cursor:pointer; }
    .form-box .form-group dd label.mart{ margin-right:5px; }
    /*全屏样式*/
    .form-box.full{ padding:0 0 50px; }
    .form-box.full .form-group dt{ width:40%; }
    .form-box.full .form-group dd{ margin-left:42%; }
    .form-box.full .form-group dd .input{ width:40%; }
    .form-box.full .form-group dd .input.code{ width:80px; }
/*物流样式*/
.accept-box{ margin-bottom:50px; padding:0; background:#fff; border:1px solid #f0f0f0; }
	.accept-box dl{ padding:0 !important; }
	.accept-box dl.head{ position:relative; margin:0; padding:0; background:#fbfbfb; border-bottom:1px solid #e8e8e8; }
    .accept-box dl.head dd{ margin-left:10px; }
	.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; }
/*订单进度*/
.order-progress{ position:relative; margin:20px 50px; height:55px; }
    .order-progress li{ position:relative; float:left; width:20%; text-align:center; }
    .order-progress.mini li{ width:25%; }
    .order-progress li .progress{ display:block; margin-right:1px; line-height:20px; color:#424242; font-size:12px; text-align:center; background:#eee; }
    .order-progress li .info{ display:block; margin-top:15px; line-height:20px; color:#757575; font-size:12px; text-align:center; }
    .order-progress li.active .progress{ color:#fff; background:#83c44e; }
    .order-progress li.first .progress{ border-top-left-radius:20px; border-bottom-left-radius:20px; }
    .order-progress li.last .progress{ border-top-right-radius:20px; border-bottom-right-radius:20px; }

/*提示信息*/
.msg-tips{ position:relative; margin:30px auto; padding:30px 0; width:420px; font-size:14px; text-align:left; }
    .msg-tips .icon{ display:block; float:left; width:60px; height:60px; }
    .msg-tips .icon i{ margin:0; padding:0; font-size:60px; color:#090; line-height:1em; }
    .msg-tips .icon.warning i{ color:#f90; }
    .msg-tips .icon.error i{ color:#f00; }
    .msg-tips .info{ margin-left:80px; }
    .msg-tips .info strong{ display:block; padding-bottom:5px; color:#333; font-size:18px; font-weight:normal; line-height:1.3em; }
    .msg-tips .info p{ line-height:24px; color:#666; font-size:14px; }
    .msg-tips .info p a{ margin:auto 2px; }
/*会员登录样式*/
.login-box{ margin:50px auto 0; padding-bottom:50px; width:343px; overflow:hidden; }
    .login-box .input-box{ position:relative; display:inline-block; margin-bottom:20px; padding:0 10px; width:320px; border:1px solid #e5e5e5; height:42px; line-height:22px; color:#333; font-size:14px; overflow:hidden; }
    .login-box .input-box input{ padding:12px 0; width:100%; height:20px; line-height:20px; font-size:14px; }
    .login-box .remember-box{ margin-bottom:30px; height:20px; line-height:20px; color:#909090; font-size:14px; }
    .login-box .remember-box input{ vertical-align:middle; }
    .login-box .remember-box label{ margin-right:7px; cursor:pointer; vertical-align:middle; }
    .login-box .remember-box a{ color:#00a7ea; vertical-align:middle; }
    .login-box .btn-box{ display:block; margin-bottom:20px; height:42px; }
    .login-box .btn-box input{ display:inline-block; width:342px; height:42px; line-height:42px; background:#6caa4b; color:#fff; cursor:pointer; font-size:14px; text-align:center; }
    .login-box .tip-box{ display:block; text-align:center; height:20px; line-height:20px; color:#f90; font-size:13px; }
    .login-box .oatuh-box{ clear:both; padding-top:15px; }
    .login-box .oatuh-box h3{ display:block; margin-bottom:10px; color:#666; font-size:14px; line-height:30px; height:30px; font-weight:normal; }
    .login-box .oatuh-box p{ margin-left:-25px; }
    .login-box .oatuh-box p a{ display:block; float:left; margin:0 0 10px 25px; _display:inline; _zoom:1; }
    .login-box .oatuh-box p a img{ width:38px; height:38px; }

.oauth-box{ position:relative; margin:50px auto; width:65%; border:1px solid #f0f0f0; overflow:hidden; }
    .oauth-box .tab-head{ display:block; height:42px; border-bottom:1px solid #f0f0f0; background:#fff; }
    .oauth-box .tab-head li{ float:left; margin-left:-1px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; }
    .oauth-box .tab-head li a{ display:block; padding:0 30px; height:42px; line-height:42px; color:#555; font-size:14px; }
    .oauth-box .tab-head li a.selected{ color:#fff; background:#34ad2a; }
    .oauth-box .tab-content{ display:none; }
/*会员头像容器*/
.avatar-box{ padding:10px 15px; border-bottom:1px solid #e0e0e0; height:60px; background:#fafafa; }
    .avatar-box .img-box{ position:relative; display:block; float:left; margin-right:10px; width:60px; height:60px; border-radius:60px; background:#fff; text-align:center; overflow:hidden; }
    .avatar-box .img-box img{ padding:2px; width:54px; height:54px; border:1px solid #f5f5f5; border-radius:60px; background:#fff;  }
    .avatar-box .img-box i{ color:#ccc; font-size:54px; line-height:78px; background:#fff; }
    .avatar-box h3{ margin:0; color:#333; font-size:14px; font-weight:normal; line-height:32px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .avatar-box p{ color:#666; font-size:12px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .avatar-box p b{ color:#23ac38; font-weight:normal; }
/*会员中心导航*/
.center-nav{ padding:15px 20px 10px; }
    .center-nav ul li{ padding:0; overflow:hidden; }
    .center-nav ul li h2{ margin-bottom:8px; color:#333; font-size:14px; font-weight:normal; line-height:20px; }
    .center-nav ul li h2 i{ display:inline-block; margin-left:5px; color:#666; font-size:14px; line-height:20px; }
    .center-nav ul li h2 span{ font-weight:300; }
    .center-nav ul li .list{ margin:0 0 15px 26px; font-size:12px; }
    .center-nav ul li .list p{ margin-top:5px; }
    .center-nav ul li .list a{ display:block; height:24px; line-height:24px; color:#757575; }
    .center-nav ul li .list a i{ float:right; line-height:24px; color:#999; font-size:12px; }
    .center-nav ul li.selected .list a,.center-nav ul li .list a:hover{ color:#23ac38; }
.center-head{ margin:15px 50px 0; padding:15px; background:#fafafa; }
    .center-head .img-box{ display:block; float:left; width:116px; height:116px; text-align:center; border-radius:110px; background:#fff; overflow:hidden; }
    .center-head .img-box img{ padding:2px; width:110px; height:110px; border:1px solid #f5f5f5; border-radius:110px; background:#fff; }
    .center-head .img-box i{ color:#ccc; font-size:110px; line-height:1.3em; }
    .center-head .list-box{ position:relative; display:block; margin-left:135px; }
    .center-head .list-box h3{ display:block; color:#333; font-size:16px; font-weight:normal; line-height:42px; }
    .center-head .list-box ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .center-head .list-box ul li{ display:block; float:left; width:33.32%; color:#848484; font-size:14px; line-height:32px; }
    .center-head .list-box ul li p{ text-align:center; }
    .center-head .list-box ul li .link-btn{ display:inline-block; padding:5px 15px; color:#fff; font-size:12px; line-height:18px; background:#6caa4b; vertical-align:middle; }
.center-info{ position:relative; margin:0 50px 0; padding:15px 30px; background:#fff; }
    .center-info ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .center-info ul li{ display:block; float:left; width:50%; _width:49.8%; line-height:30px; color:#999; }
.center-tit{ margin:0 50px; padding:10px 15px; background:#fafafa; line-height:24px; }
    .center-tit span{ float:right; font-size:12px; }
    .center-tit h3{ color:#000; font-size:14px; font-weight:normal; }
    .center-tit h3 i{ margin-right:5px; font-size:14px; }
/*表格样式*/
.table-wrap{ margin:0 50px 20px; }
.ftable{ margin:15px 0; width:100%; border:1px solid #f0f0f0; background:#fff; }
.mtable{ margin:15px 0; 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; height:35px; line-height:35px; }
    .page-foot .btn-box a{ display:inline-block; margin-right:10px; padding:5px 15px; line-height:20px; border:1px solid #eee; font-size:12px; vertical-align:middle; }
    .page-foot .right{ float:right; }
/*头像容器*/
.avatar-wrap{ margin:0 15px; background:#fafafa; }
    .avatar-wrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .avatar-wrap .avatar-box{ padding:10px 25px; border-bottom:1px solid #e0e0e0; height:60px; }
    .avatar-wrap .avatar-box .img-box{ position:relative; display:block; float:left; margin-right:10px; width:60px; height:60px; overflow:hidden; }
    .avatar-wrap .avatar-box .img-box img{ padding:2px; width:54px; height:54px; border:1px solid #f5f5f5; border-radius:60px; background:#fff;  }
    .avatar-wrap .avatar-box .img-box i{ color:#ccc; font-size:54px; line-height:54px; }
    .avatar-wrap .avatar-box h3{ margin:0; color:#333; font-size:14px; font-weight:normal; line-height:32px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .avatar-wrap .avatar-box p{ color:#666; font-size:14px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .avatar-wrap .avatar-box p i{ color:#23ac38; font-style:normal; }
/*头像上传*/
.cropper-wrap{ margin-top:20px; }
	.cropper-wrap .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-wrap .cropper-box div{ margin:auto; vertical-align:middle; }
	
	.cropper-wrap .cropper-view{ float:left; width:184px; }
	.cropper-wrap .cropper-view .img-box{ padding:1px; width:180px; height:180px; border:1px solid #f0f0f0; border-radius:2px; background:#fff; overflow:hidden; }
	.cropper-wrap .cropper-view .img-box img{ display:block; width:180px; height:180px; }
	.cropper-wrap .cropper-view .btn-box p{ margin:8px 0; text-align:center; color:#333; font-size:13px; line-height:24px; }
	.cropper-wrap .cropper-view .btn-box p.tip{ text-align:left; color:#999; font-size:13px; line-height:22px; }
	.cropper-wrap .cropper-view .btn-box .btn{ width:100%; line-height:34px; height:36px; border:1px solid #d70029; background:#d70029; cursor:pointer; color:#fff; }
/*以下部分是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; }

/*页面底部
----------------------------------------------*/
/*留言链接样式*/
.link-box{ margin:0 50px; border-top:1px solid #f7f7f7; }
    .link-box .side-link .img{ height:auto; }
    .link-box .side-link .txt{ height:auto; font-size:14px; line-height:30px; }
.side-link{ padding:20px; background:#fff; _position:relative; }
    .side-link .img{ display:block; margin:-20px 0 0 -21px; padding:0; height:51px; overflow:hidden; *display:inline-block; }
    .side-link .img:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .side-link .img li{ position:relative; float:left; margin:20px 0 0 21px; width:88px; height:31px; overflow:hidden; _display:inline; }
    .side-link .img li img{ width:100%; height:100%; }
    .side-link .txt{ margin-top:17px; width:100%; height:48px; line-height:24px; font-size:12px; overflow:hidden; }
    .side-link .txt strong{ color:#eee; margin:0 1px; font-weight:normal; }
.side-book{ background:#fff; }
    .side-book ul{ padding:20px; }
    .side-book ul li{ font-size:12px; line-height:24px; height:24px; overflow:hidden; }
    .side-book ul li span{ float:right; margin-left:10px; color:#999; }
/*底部样式*/
.footer{ margin-top:30px; background:#222132; }
.footer .foot-nav{ height:56px; line-height:56px; border-bottom:1px solid #444; }
    .footer .foot-nav a{ margin:auto 8px; color:#fff; font-size:14px; }
    .footer .foot-nav a:hover{ color:#34ad2a; }
    .footer .foot-nav strong{ color:#424242; font-size:14px; font-weight:700; }
.footer .foot-box{ padding:30px 0; }
    .footer .foot-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .footer .foot-box .copyright{ display:block; float:left; padding-left:1%; width:70%; color:#e5e5e5; font-size:12px; }
    .footer .foot-box .copyright p{ line-height:2.0em; }
    .footer .foot-box .copyright p.gray{ color:#999; }
    .footer .foot-box .service{ display:block; float:right; padding:10px 0; width:23%; border-left:1px solid #444; text-align:center; }
    .footer .foot-box .service a{ display:inline-block; padding:0 15px; color:#34ad2a; line-height:30px; border:1px solid #34ad2a; }
    .footer .foot-box .service a:hover{ color:#fff; border-color:#34ad2a; background:#34ad2a; }
    .footer .foot-box .service a i{ font-size:14px; }
    .footer .foot-box .service p{ display:block; margin-bottom:20px; color:#b0b0b0; font-size:12px; }

/*响应式布局
----------------------------------------------*/
@media only screen and (max-width:1160px) {
	.section{ width:925px; }
    .slide-box{ height:363px; }
    .slide-box .list-box{ margin-left:-768px; width:1536px; }
    .side-link-wrap{ width:455px; }
}
@media only screen and (min-width:1161px) {
	.section{ width:1160px; }
}




/* 必要布局样式css */
.footer-box {
    background: #222132;
    overflow: hidden;
    width: 100%;
    color: #888;
    padding: 30px 0 35px;
}

.footer-container {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.footer-service {
    margin-right: -26px;
    margin-bottom: 38px;
    padding-left: 69px;
}

.footer-service-item {
    float: left;
    height: 60px;
    width: 240px;
    margin-right: 26px;
}

.footer-service-item i {
    width: 50px;
    height: 45px;
    float: left;
    margin: 17px 17px 0 29px;
    opacity: .8;
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    transform: scale(.6);
}

.footer-service-item span {
    font-size: 16px;
    color: #ccc;
    float: left;
    margin-top: 29px;
}

.footer-icon-001 i {
    background: url(../Images/icon-footer01.png) no-repeat center center;
    background-size: contain;
}

.footer-icon-002 i {
    background: url(../Images/icon-footer02.png) no-repeat center center;
    background-size: contain;
}

.footer-icon-003 i {
    background: url(../Images/icon-footer03.png) no-repeat center center;
    background-size: contain;
}

.footer-icon-004 i {
    background: url(../Images/icon-footer04.png) no-repeat center center;
    background-size: contain;
}

.footer-line {
    height: 0;
    display: block;
    clear: both;
    border-bottom: 1px solid #393854;
}

.footer-links {
    padding-top: 40px;
    padding-left: 69px;
}

.footer-article-item {
    width: 209px;

    float: left;
    margin-right: 23px;
    line-height: 2;
    font-size: 14px;
}

.footer-article-item dt {
    color: #ccc;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 2;
    font-weight: 300;
}

.footer-article-item dd {
    line-height: 2;
}

.footer-article-item dd a {
    color: #888;
    transition: all .1s;
}

.footer-article-item dd a:hover {
    color: #fff;
}

.footer-contact-item {
    width: 145px;
    float: left;
}

.footer-contact-item h3 {
    font-size: 16px;
    color: #ccc;
    line-height: 2;
    margin-bottom: 10px;
    font-weight: 400;
}

.footer-contact-item p {
    font-size: 22px;
    color: #fff;
    font-family: Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    margin-bottom: 15px;
}

.footer-ewm {
    float: left;
    width: 110px;
    margin-right: 18px;
    text-align: center;
}

.footer-ewm img {
    width: 110px;
    height: 110px;
    display: block;
    border: none;
}

.footer-ewm p {
    font-size: 14px;
    color: #ccc;
    margin-top: 12px;
}

.footer-friend {
    width: 1050px;
    height: 20px;
    line-height: 20px;
    margin: 30px auto;
}

.footer-friend-title {
    float: left;
    color: #ccc;
    font-size: 14px;
}

.footer-friend-title-list {
    float: left;
}

.footer-friend-title-list li {
    float: left;
}

.footer-friend-title-list li a {
    color: #888;
    transition: all .1s;
    display: inline-block;
    padding: 0 10px;
    font-size: 14px;
}

.footer-friend-title-list li a:hover {
    color: #fff;
}

.footer-friend-more {
    color: #ccc;
    transition: all .1s;
    float: left;
    font-size: 14px;
}

.footer-copyright {
    line-height: 20px;
    font-size: 14px;
    text-align: center;
}

.footer-copyright p {
    margin-bottom: 9px;
    font-size: 14px;
    color: #888;
}


.user-box { filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3F000000', endColorstr='#3F000000');background:rgba(0,0,0,0.5); margin-left: -470px; width: 280px; height: 300px; position: absolute; z-index: 9; top: 25px; left: 50%; border-radius: 5px;}
.user-login { width: 100%; height: 100%; position: relative; z-index: 10; overflow: hidden;}
.user-login h3 { font: 600 16px/24px "microsoft yahei"; color: #FFF; padding: 12px 10px 4px 10px; margin: 0 10px 10px; box-shadow: 0 1px 0 rgba(0,0,0,0.1);}
.user-login h3 em { font-size: 12px; color: #FC9;}
.user-login dl { font-size: 0; *word-spacing:-1px/*IE6、7*/; padding: 10px 0; margin: 0 10px;}
.user-login dt, .user-login dd { font-size: 12px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline; *zoom: 1;}
.user-login dt { line-height: 28px; color: #FFF; text-align: right; width: 28%; margin-right: 2%;}
.user-login dd { color: #FFF; text-align: left; width: 70%; position: relative; z-index: 1;}
.user-login dd .text { width: 150px; border: none !important; padding: 4px !important;}
.user-login dd .button { font: 600 14px/30px "microsoft yahei"; color: #FFF; background: #FF7F00 none; width: 80px; height: 30px; margin-right: 10px; border: none; border-radius: 4px; cursor: pointer; box-shadow: 2px 2px 0 rgba(0,0,0,0.25);}
.user-login dd a { color: #FFF;}
.user-login label.error { color: #FC6; line-height: 20px; background: none; display: block; padding: 0; margin: 0; border: 0; position: absolute; z-index: 1; top: 26px; left: 2px; text-shadow: 1px 1px 0 rgba(0,0,0,0.1);}
.user-login .register { color: #CCC; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000'); background:rgba(0,0,0,0.5); text-align: center; width: 100%; padding: 10px 0; border-radius: 0 0 5px 5px; position: absolute; z-index: 1; bottom: 0; left: 0;}
.user-login .register a { color: #FF0;}
.user-login dd img { width:90px; height:26px;}

.main { width: 1000px; padding: 0; margin: 50px auto; overflow: hidden;}
.main .index-title { text-align: left;font: 600 16px/20px "microsoft yahei"; color: #333; width: 950px; padding: 5px 15px; margin: 0 auto; border-bottom: dotted 1px #CCC;}
.joinin-index-step { font-size: 0; *word-spacing:-1px/*IE6、7*/; width: 800px; height: 110px; margin: 30px auto; overflow: hidden;}
.joinin-index-step span { font-size: 12px; vertical-align: middle; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline; *zoom: 1;}
.joinin-index-step span.step { line-height: 20px; text-align: center; width: 80px;}
.joinin-index-step span.step i { background: url(../Images/joinin_pic.png) no-repeat; display: block; width: 80px; height: 80px; margin-bottom: 10px;}
.joinin-index-step span.step i.a { background-position: 0 -40px;}
.joinin-index-step span.step i.b { background-position: -80px -40px;}
.joinin-index-step span.step i.c { background-position: -160px -40px;}
.joinin-index-step span.step i.d { background-position: -240px -40px;}
.joinin-index-step span.step i.e { background-position: -320px -40px;}
.joinin-index-step span.arrow { background: url(../Images/joinin_pic.png) no-repeat -410px -40px; width: 14px; height: 22px; margin: 0 41px;}

.joinin-info { width: 980px; margin: 10px auto 0 auto; overflow: hidden;}
.joinin-info .tabs-nav { font-size: 0; *word-spacing:-1px/*IE6、7*/; background-color: #F5F5F5; width: 984px; border-bottom: solid 2px #0286D8;}
.joinin-info .tabs-nav li { font: 14px/20px "microsoft yahei"; color: #333; vertical-align: middle; letter-spacing: normal; word-spacing: normal; text-align: center; display: inline-block; *display: inline; width: 242px; padding: 10px 0; border-right: solid 4px #FFF; *zoom: 1;cursor:pointer}
.joinin-info .tabs-nav li.tabs-selected { background-color: #0286D8;}
.joinin-info .tabs-nav li.tabs-selected h3 { color: #FFF; font-weight: 600;}
.joinin-info .tabs-panel { margin: 15px 0;text-align: left;}
.joinin-info .tabs-hide { display: none;}


/* 必要布局样式css */
.module-banner {
	background: #f5f5f5;
	padding: 80px 0;
}
.module-banner-box {
	width: 1180px;
	margin: 0 auto;
	position: relative;
}
.module-banner-head {
	font-weight: normal;
	text-align: center;
	margin-bottom: 40px;
	color: #333;
}
.module-banner-head em {
	display: block;
	margin-bottom: 14px;
	font-style: normal;
	font-size: 30px;
}
.module-banner-head span {
	font-size: 16px;
	opacity: .6;
}
.module-banner-tab-list {
	float: left;
	width: 280px;
}
.module-banner-tab-list .module-tab-nav li:nth-child(1) {
	background: #454545;
}
.module-banner-tab-list .module-tab-nav li:nth-child(2) {
	background: #3b3b3b;
}
.module-banner-tab-list .module-tab-nav li:nth-child(3) {
	background: #333333;
}
.module-banner-tab-list .module-tab-nav li:nth-child(4) {
	background: #2b2b2b;
}
.module-banner-tab-list .module-tab-nav li:nth-child(5) {
	background: #212121;
}
.module-banner-tab-list .module-tab-nav li:nth-child(6) {
	background: #1a1a1a;
}
.module-banner-tab-list ul li {
	color: #fff;
	width: 280px;
	height: 70px;
	cursor: pointer;
	text-align: center;
	position: relative;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.module-banner-tab-list ul li p {
	margin: 0;
	line-height: 70px;
}
.module-banner-tab-list ul li i {
	width: 75px;
    height: 75px;
    display: none;
    margin-top: 10px;
}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on {
	opacity: 1;
	height: 140px;
	background-image: -webkit-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
	background-image: -moz-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
	background-image: -moz-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
	background-image: -o-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
	background-image: linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
	background-repeat: repeat;
}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on .icon {
	display: inline-block;
}
.module-banner-tab .module-banner-tab-list .module-tab-nav li:hover {
	background-image: -webkit-linear-gradient(left, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
	background-image: -moz-linear-gradient(left, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
	background-image: -moz-linear-gradient(to right, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
	background-image: -o-linear-gradient(to right, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
	background-image: linear-gradient(to right, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
	background-repeat: repeat;
}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on:hover {
	opacity: 1;
	height: 140px;
	background-image: -webkit-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
	background-image: -moz-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
	background-image: -moz-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
	background-image: -o-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
	background-image: linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
	background-repeat: repeat;
}
.icon-warehouse01 {
	background: url(../Images/item001.png) no-repeat center bottom;
}
.icon-warehouse02 {
	background: url(../Images/item002.png) no-repeat center bottom;
}
.icon-warehouse03 {
	background: url(../Images/item003.png) no-repeat center bottom;
}
.icon-warehouse04 {
	background: url(../Images/item004.png) no-repeat center bottom;
}
.icon-warehouse05 {
	background: url(../Images/item005.png) no-repeat center bottom;
}
.icon-warehouse06 {
	background: url(../Images/item006.png) no-repeat center bottom;
}
.module-banner-tab-list-box {
	float: right;
	width: 900px;
	height: 490px;
	background: #fff;
	padding: 40px;
	overflow: hidden;
    text-align: left;
	position: relative;
}
.module-tab-box-ma {
	width: 820px;
	opacity: 1;
	z-index: 1;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	position: absolute;
}
.module-tab-title h4 {
	margin: 0 0 20px 0;
	font-size: 16px;
	font-weight: normal;
	position: relative;
}
.module-tab-title h4:before {
	content: " ";
	display: inline-block;
	width: 3px;
	height: 16px;
	background: #108cee;
	margin-bottom: -2px;
	margin-right: 8px;
}
.module-tab-title p {
	color: #666;
	font-size: 14px;
	line-height: 24px;
}
.module-tab-text {
	margin: 20px 0;
}
.module-tab-text h4 {
	margin: 0 0 20px 0;
	font-size: 16px;
	font-weight: normal;
	position: relative;
}
.module-tab-text h4:before {
	content: " ";
	display: inline-block;
	width: 3px;
	height: 16px;
	background: #108cee;
	margin-bottom: -2px;
	margin-right: 8px;
}
.module-tab-text ul li {
	width: 33%;
	float: left;
	font-size: 14px;
	line-height: 38px;
	cursor: pointer;
	color: #a2a2a2;
	border: 1px solid #f4f4f4;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-left: 10px;
}
.icon-bdm {
	background: url(../Images/icon-item008-1.svg) no-repeat center;
	background-size: cover;
}
.module-tab-text ul li:hover a {
	color: #08acee;
}
.module-tab-link {
	position: relative;
}
.module-tab-link:after {
	content: '';
	width: 8px;
	height: 8px;
	float: right;
	margin: 15px 20px 0 0;
	transform: rotate(45deg);
	border-top: 1px solid currentColor;
	border-right: 1px solid currentColor;
}
.module-tab-text ul .module-tab-link:hover:after {
	border-color: #108cee
}
.module-tab-text .module-tab-link+.module-tab-link {
	width: calc(33% - 20px);
	margin-left: 20px;
}
.icon-bds {
	background: url(../Images/icon-item009-1.svg) no-repeat center;
	background-size: cover;
}
.icon-bdx {
	background: url(../Images/icon-item010-1.svg) no-repeat center;
	background-size: cover;
}
.module-tab-more a {
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	background: #108cee;
	text-align: center;
	width: 160px;
	display: inline-block;
	line-height: 40px;
	margin-top: 20px;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.module-tab-more a:hover {
	background: #41a6f7
}
.module-tab-case li {
	float: left;
	margin-right: 20px;
}
.module-tab-case li i {
	width: 60px;
	height: 60px;
	border: 1px solid #f0f0f0;
	border-radius: 12px;
	display: inline-block;
}

.module-tab-case li span {
	color: #666;
	font-size: 12px;
	display: block;
	text-align: center;
	line-height: 24px;
}
