@charset "utf-8";
/* CSS Document */
body { background: #f7f7f7;}
/*头部*/
.header-68mall { position: fixed; top: 0; z-index: 112; overflow: hidden;}

/*案例筛选*/
.case-nav { position: fixed; top: 60px; z-index: 998; width: 100%; height: 39px; background: #fff;}
.case-nav:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e5e5e5; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 0 50%; transform-origin: 0 50%;}
.case-nav .nav-item { position: relative; z-index: 99; float: left; width: 50%; font-size: .65rem; line-height: 39px; color: #333; text-align: center; box-sizing: border-box;}
.case-nav .nav-item:before { content: ''; position: absolute; top: 25%; left: 0; width: 1px; height: 50%; background: #ddd; -webkit-transform: scaleX(.6); transform: scaleX(.6); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.case-nav .nav-item:first-child:before { display: none;}
.case-nav .nav-item .iconfont { position: absolute; margin-left: .5rem; font-size: .5rem; font-weight: 700; color: #999; transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg);}
.case-nav .nav-item.active { color: #ff5400;}
.case-nav .nav-item.active .iconfont { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transition: .3s;}

/*筛选弹层*/
.case-submenu { position: fixed; top: 84px; right: 0; left: 0; z-index: 999; display: none; width: 100%; max-height: 60%; background: #fff; overflow: auto; -webkit-overflow-scrolling: touch;}

/*行业弹层*/
.case-category a { position: relative; z-index: 1; display: block; padding: .5rem .75rem .5rem .38rem; margin-left: .5rem; font-size: .6rem; line-height: 1rem; color: #333;}
.case-category a:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e5e5e5; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 0 50%; transform-origin: 0 50%;}
.case-category a.active:after { content: ''; position: absolute; top: .6rem; right: .75rem; width: 14px; height: 7px; border-bottom: 1px solid #ff5400; border-left: 1px solid #ff5400; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}

/*所在城市*/
.case-area { width: 100%; height: 60%; background: #f2f2f2;}
.case-submenu-left, .case-submenu-right { float: left; width: 50%; height: 100%; overflow: auto;}
.case-submenu-left { background: #fff;}
.case-submenu-left li, .case-submenu-right li { position: relative; height: 1.95rem; padding: 0 .4rem 0 .75rem; font-size: .6rem; line-height: 1.95rem; color: #222; cursor: pointer;}
.case-submenu-left li:before, .case-submenu-right li:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e5e5e5; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 0 50%; transform-origin: 0 50%;}
.case-submenu-left li:after { content: ''; position: absolute; top: .55rem; right: 5px; display: block; width: .8rem; height: .8rem; border-top: 1px solid #ccc; border-right: 1px solid #ccc; -webkit-transform: rotate(45deg) scale(.5); transform: rotate(45deg) scale(.5);}
.case-submenu-left li.active { background: #f2f2f2;}
.case-submenu-left li.active:after { display: none;}

/*客户案例*/
.content-wrap { width: 100%; padding: 95px 0 0;}

/*案例*/
.case-group-box { margin-top: 10px; background: #fff;}
.case-group-box h3 { padding: 0 10px; margin-bottom: 10px; font-size: .8rem; font-weight: 300; line-height: 2.2; color: #333; border-bottom: 1px solid #eee;}
.case-item { position: relative; padding: .5rem; margin-top: .5rem; background: #fff; box-sizing: border-box;}
.case-item:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #e5e5e5; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 0 50%; transform-origin: 0 50%;}
.case-item:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e5e5e5; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 0 50%; transform-origin: 0 50%;}
.case-item .iconfont { position: absolute; top: .25rem; right: .4rem; z-index: 10; font-size: .8rem; color: #ff5400; cursor: pointer;}
.case-item .case-tag { position: absolute; top: 0; left: 0; z-index: 11; width: 2rem; height: 2rem; background: url(../../images/case/case-icon.png) no-repeat 0 0; background-size: 100%;}
.case-item .case-logo { float: left; width: 4rem; height: 4rem; margin: 1rem auto 0; border: 1px solid #e5e5e5; border-radius: 50%;}
.case-item .case-detail { position: relative; z-index: 1; padding-left: 5rem; color: #666;}
.case-item .case-detail .case-name { padding-bottom: 5px; font-size: .75rem; font-weight: 300; color: #333; overflow: hidden;}
.case-item .case-detail p { font-size: .5rem;}
.case-item .case-detail .case-desc { height: 2rem; margin-bottom: .5rem; line-height: 1rem; overflow: hidden;}
.case-item .case-detail .use-product span { color: #00b3f2;}
.case-item .case-detail .address { width: 65%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case-item .case-code { position: absolute; top: 0; right: 0; bottom: 1px; left: 0; z-index: 9; display: none; width: 100%; background: rgba(255,255,255,.9); box-sizing: border-box;}
.case-item .case-code dl { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.case-item .case-code dd { float: left; width: 50%; font-size: .7rem; color: #444; text-align: center;}
.case-item .case-code dd img { width: 60%; margin: 0 auto;}
.case-item .case-code .one dd { float: none; margin: 0 auto;}

/*翻页*/
.page { padding: 5px 0; overflow: hidden;}
.page-num .num { position: relative; float: left; padding: 0 .35rem; font-size: .55rem; color: #666; text-align: center; cursor: pointer;}
.page-num .prev, .page-num .next { font-size: .55rem;}
.page-num .prev i, .page-num .next i { display: inline-block;}
.page-num .prev .icon, .page-num .next .icon { display: inline-block; width: 6px; height: 9px; background: url(../images/common-icon.png) no-repeat;}
.page-num .prev .icon { background-position: -26px 0;}
.page-num .next .icon { background-position: -74px 0;}
.page-num .curr { z-index: 1; color: #fff; cursor: default;}
.page-num .curr a,.page-num .curr a:hover { color: #fff;}
.page-num .prev { margin-right: 6px; margin-left: 0;}
.page-num .next { margin-left: 6px;}
.page-num .disabled { color: #ccc;}
.page-num a.prev:hover .icon { background-position: -42px 0;}
.page-num a.next:hover .icon { background-position: -90px 0;}
.page-num .prev.disabled .icon { background-position: -58px 0;}
.page-num .next.disabled .icon { background-position: -106px 0;}
.page-wrap .total { float: left; margin-right: .35rem; font-size: .55rem; color: #999;}
.page-wrap .form .text { float: left; margin-left: 5px; line-height: 37px; color: #999;}
.page-wrap .form .input { width: 35px; height: 21px; margin: 7px 0 0 5px; text-align: center; border: 1px solid #ededed;}
.page .page-num .num { background: #fff;}
.page .page-num .curr { background: #ff5400;}
.page .page-num a:hover { color: #ff5400; background-color: white;}
.page .page-num .curr a:hover { color: #fff; background-color: transparent;}

/*底部*/
.site-footer { border: 0;}