/*
@Description: ZOL企业购 解决方案
@author: 李月
@update: 2016-09-12
*/

/* global */
body{ overflow-x:hidden;}
.main{ float:left; width:860px;}
.side{ float:right; width:300px;}
.module{ border:1px solid #ebebeb;}
.module-hd{ padding:10px 15px 0; font:16px/26px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}

/* bg */
/* 20160926 沈彬新加一些背景图 start*/
.solution-list .store-name,.selectbox .text,.plan-library-list .store-name,.plan-library-list .equipment-rent,.plan-library-list .free-guide,.plan-library-list .free-system,.plan-library-list .credit-card,.plan-library-list .day-delivery,.plan-library-list .stage-pay,.plan-library-list .free-press,.plan-library-list .free-debug,.plan-library-list .free-flash,.plan-library-list .package-mail,.plan-library-list .old-change-new{ background:url(../IMG/pic.png) no-repeat;}
/* 20160926 沈彬新加一些背景图 end*/

.focus{ position:relative; left:50%; zoom:1; overflow:hidden; margin:0 0 0 -960px; width:1920px; height:360px;}
.focus ul{ position: absolute; top:0; width:18000px; height:360px; overflow:hidden; zoom:1;}
.focus li{ float:left; width:1920px; height:360px;}
.focus li img{ display:block;}

.focus-switch{ position:absolute; bottom:20px; left:50%; margin:0 0 0 -600px; width:1200px; height:4px; text-align:center;}
.focus-switch span{ margin:0 4px; display:inline-block; width:26px; height:4px; font:0/0 arial; background:#fff; opacity:0.5; filter:alpha(opacity=50); cursor:pointer; vertical-align:top;}
.focus-switch .current{ opacity:1; filter:alpha(opacity=100)}

.section{ padding:10px 0 0;}
.section-title{ position:relative; zoom:1;}
.section-title h3{ padding:13px 0; font:24px/36px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.section-title p{ position:absolute; top:10px; right:-15px; font:16px/52px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#ccc;}
.section-title p a{ margin:0 15px;}

/* 热门场景推荐 */
.scene-list li{ float:left; margin:0 26px 0 0; width:280px; height:280px;}
.scene-list .last{ margin:0;}
.scene-list img{ display:block; -webkit-transition:-webkit-transform .2s linear; transition:-webkit-transform .2s linear;}
.scene-list a { position: relative; display: block; zoom:1; color: #fff;}
.scene-list a:hover { color: #fff; text-decoration: none;}
.scene-list li a:hover img,.scene-list li a:hover .scene-txt{ -webkit-transform:translateY(-3px); transform:translateY(-3px); box-shadow:0 0 8px 1px rgba(0,0,0,0.27);}
.scene-list .scene-txt { position: absolute; top:0; left: 0; right: 0; bottom:0; padding:70px 0 0; text-align: center; color: #fff;background:rgba(0,0,0,0.3); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#4d000000,endColorstr=#4d000000);}
.scene-list .scene-txt h4 { font-size: 36px; line-height: 56px; -webkit-transition:-webkit-transform .2s linear; transition:-webkit-transform .2s linear;}
/*.scene-list .scene-txt h4 { font-size: 36px; line-height: 56px;}*/
.scene-list .scene-txt p { font-size: 20px; line-height: 30px;}
.scene-list .scene-txt .go-look { display: block; width:110px; height: 34px; margin:10px auto 0; background-color: #000; font-size: 16px; line-height: 34px;}
.scene-list .no-scene { background-color: #3d424b; font-size: 24px; text-align: center; line-height: 280px; color:#fff;}

/* 热门行业方案 */
.industry-solution li{ float:left; margin:0 30px 0 0; width:190px; height:150px;}
.industry-solution .last{ margin:0;}
.industry-solution a{ display:block; position:relative; zoom:1; color:#fff;}
.industry-solution img{ display:block; border-radius:4px;}
.industry-solution .mask{ position:absolute; top:0; left:0; width:180px; height:150px; border-radius:4px; background:rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4d000000,endcolorstr=#4d000000,gradientType=1);}
:root .industry-solution .mask{ filter:none;}
.industry-solution .text{ position:absolute; top:57px; left:0; width:180px; text-align:center; -webkit-transition:-webkit-transform .4s linear; transition:-webkit-transform .4s linear; cursor:pointer;}
.industry-solution .text h3{ font:24px/36px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.industry-solution .text p{ display:none; font:14px/22px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.industry-solution a:hover{ color:#fff; text-decoration:none;}
.industry-solution li:hover .text{ -webkit-transform:translateY(-10px); transform:translateY(-10px);}
.industry-solution li:hover p{ display:block;}

/* 热门解决方案 */
.solution-list{ padding:15px 0 0; border-top:1px solid #eee;}
.solution-list li{ float:left; position:relative; padding:0 60px 0 220px; width:320px; height:180px;}
.solution-list .pic{ position:absolute; top:15px; left:0; width:200px; height:150px;}
.solution-list .pic img{ display:block;}
.solution-list h3{ padding:16px 0 0; height:24px; overflow:hidden; font:bold 16px/24px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.solution-list p{ padding:7px 0 0; height:60px; overflow:hidden; font:12px/20px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#666;}
.solution-list .label{ padding:5px 0;}
.solution-list .label span{ display:inline-block; margin:0 5px 0 0; padding:0 8px; font:12px/24px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; background:#f5f5f5;}
.solution-list .store-name{ margin:6px 0 0; padding:0 0 0 18px; font:12px/18px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; background-position:-87px -58px;}
.solution-list .store-name a{ color:#666;}
.solution-list .store-name a:hover{ color:#f33;}

/* 成功案例 */
.successful-case li{ position:relative; zoom:1; margin:0 0 20px; padding:0 240px; height:178px; border:1px solid #e6e6e6; text-align:center;}
.successful-case .pic{ position:absolute; top:-1px; left:-1px;}
.successful-case .pic img{ display:block;}
.successful-case .store-logo{ position:absolute; top:50px; left:195px; width:80px; height:80px; overflow:hidden; border-radius:50px; box-shadow:0 0 8px 1px rgba(0,0,0,0.27)}
.successful-case .store-logo img{ display:block;}
.successful-case .title{ padding:40px 0 0; font:18px/27px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.successful-case  p{ padding:5px 0 0; color:#999; font:14px/22px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.successful-case .label{ padding:10px 0 0;}
.successful-case .label span{ display:inline-block; margin:0 5px; padding:0 15px; font:14px/30px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; border:1px solid #e6e6e6; border-radius:2px;}
.successful-case .review{ position:absolute; top:0; right:0; padding:26px 20px 0; width:200px; height:152px; background:#f8f8f8; font:14px/26px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#999; text-align:left;}
.successful-case .review span{ position:relative; padding:0 0 0 8px; color:#333;}
.successful-case .review span i{ position:absolute; top:4px; left:0; width:3px; height:12px; background:#4677f9; font:0/0 arial; overflow:hidden;}

/* 列表页 */
.bread-crumbs{ padding:0 0 5px; font:14px/40px SimSun; color:#999;}
.bread-crumbs a,.bread-crumbs span{ margin:0 10px; font-family:"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.bread-crumbs a{ color:#36c;}
.bread-crumbs span{ color:#666;}
.selectbox{ float:left; margin:0 10px 0 0; position:relative; z-index:2;}
.selectbox .text{ display:block; padding:0 15px 0 10px; width:95px; height:30px; overflow:hidden; border:1px solid #e0e0e0; font:12px/30px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; background-position:100% -229px; cursor:pointer;}
.selectbox ul{ display:none; position:absolute; top:31px; left:0; width:120px; border:1px solid #e0e0e0; background:#fff;}
.selectbox ul li{ padding:0 10px; font:12px/28px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; cursor:pointer;}
.selectbox ul li:hover{ background:#f8f8f8;}
.selectbox-hover ul{ display:block;}
.plan-library-list{ margin:10px 0 0; border-top:1px solid #ebebeb;}

/* 20160926 沈彬改 height:120px改为min-height:120px;*/
.plan-library-list li{ margin:20px 0 0; position:relative; zoom:1; padding:0 0 0 180px; min-height:120px; overflow:hidden;}
/* 20160926 沈彬改 height:120px改为min-height:120px;*/

.plan-library-list .pic{ position:absolute; top:0; left:0;}
.plan-library-list .pic img{ display:block;}
.plan-library-list .title{ font:16px/22px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.plan-library-list p{ padding:7px 0 0; font:12px/18px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#999;}
.plan-library-list .label{ padding:7px 0 0; font:12px/18px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#999;}
.plan-library-list .store-infor{ padding:7px 0 0; font:12px/18px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#ccc;}
.plan-library-list .store-infor span{ display:inline-block; margin:0 0 0 12px; padding:0 0 0 18px; font:12px/18px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#666;}
.plan-library-list .store-infor .store-name{ margin:0 12px 0 0; background-position:-87px -106px;}
.plan-library-list .store-name a{ color:#666;}
.plan-library-list .store-name a:hover{ color:#f33;}
.plan-library-list .credit-card{ background-position:-87px -81px;}
.plan-library-list .day-delivery{ background-position:-87px -105px;}
.plan-library-list .free-press{ background-position:-91px -129px;}
.plan-library-list .free-flash{ background-position:-85px -152px;}
.plan-library-list .package-mail{ background-position:-89px -176px;}
.plan-library-list .old-change-new{ background-position:-85px -198px;}

/* 20160926 沈彬加 start */
.plan-library-list .stage-pay{ background-position:-87px -356px;}
.plan-library-list .free-debug{ background-position:-87px -308px;}
.plan-library-list .free-system{ background-position:-87px -257px;}
.plan-library-list .free-guide{ background-position:-87px -283px;}
.plan-library-list .equipment-rent{ background-position:-87px -332px;}
.plan-library-list .store-infor .margin-lf{margin-left:121px;}
/* 20160926 沈彬加 end */

.plan-library-empty{ padding:50px 0; text-align:center; font:18px/36px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
/* 翻页 */
.page{ padding:30px 0 0; text-align:right; font-family:"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.page a,.page span{ display:inline-block; margin:0 2px; padding:0 10px; height:28px; vertical-align:middle; white-space:nowrap; text-align:center; font-size:14px; line-height:28px; color:#333; font-family:arial; background:#fff; border:1px solid #e6e6e6;}
.page a:hover{ text-decoration:none; border:1px solid #4677f9; color:#333;}
.page .current{ background:#c00; color:#fff; border:1px solid #4677f9;}
.page .sel{ background:#4677f9; color:#fff; border:1px solid #4677f9;}
.page .prev,.page .no-prev{ padding:0 10px 0 22px; background-position:0 0;}
.page .next,.page .no-next{ padding:0 22px 0 10px; background-position:100% 0;}
.page .no-prev{ background-position:0 -28px; color:#ccc;}
.page .no-next{ background-position:100% -28px; color:#ccc;}

/* 列表页标签 */
.module-label{ background:#f8f8f8;}
.module-label ul{ padding:10px 0 5px 15px;}
.module-label li{ float:left; margin:0 10px 10px 0;}
.module-label li a{ display:block; padding:0 14px; border:1px solid #e6e6e6; background:#fff; font:14px/30px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; border-radius:2px;white-space: nowrap;}

/* 列表页热门解决方案 */
.module-solution{ margin:20px 0 0;}
.module-solution ul{ padding:0 15px 5px; position:relative; overflow:hidden; zoom:1;}
.module-solution li{ margin:-1px 0 0; padding:10px 0; border-top:1px solid #ebebeb;}
.module-solution .title{ height:22px; overflow:hidden; font:14px/22px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.module-solution p{ padding:5px 0 0; height:36px; overflow:hidden; font:12px/18px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#999;}

.case-commodity-title{ font: 28px/42px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";
    text-align: center;}
.case-label {
    padding: 3px 0 0;
    font: 12px/20px "Arial";
    text-align: center;
}
.case-label span {
    display: inline-block;
    margin: 0 8px 0 0;
    padding: 0 5px;
    background: #4e96e9;
    color: #fff;
}

.news-guide {
    text-indent: 1em !important;
    margin: 10px 0;
    padding: 10px 15px;
    border: 1px solid #E3E3E3;
    border-left: 3px solid #4595e6;
}
.news-case-content {
    border-top: 1px solid #ebebeb;
    margin-top: 10px;
    font-size: 14px;
    padding-top: 20px;
}