*{margin:0;padding:0}
.module_page{overflow:auto}
.pageListContent{position:relative}
body{background:#f2f2f2}

/*icon*/
.icon{background-image:url(images/caseSprite.png);background-repeat:no-repeat;position:relative;background-size:100px auto;display:inline-block}
/*caseList*/
.list{background-color:#f2f2f2;position:relative;overflow:hidden;display:none;z-index:0}
.list li.items{overflow:hidden;display:none}
.list li.items a{height:100%;position:relative;width:100%;display:block}
.list li.items a>img{width:100%;height:100%;position:relative;display:block;z-index:100;top:0;left:0}
.list li.items .desc{display:none;position:relative}
.noFound{z-index:10;display:none;width:300px;position:fixed;top:50%;left:50%;margin-left:-150px;margin-top:-35px}

/*caseFiterList*/
.caseFiterList li{float:left;position:relative;top:400px;left:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0}
.caseFiterList li:nth-child(4n+2),.caseFiterList li:nth-child(4n+3){background-color:#eaeaea}
.caseFiterList li.even{background-color:none}
.caseFiterList li a,.caseFiterList .desc{height:100%;width:100%;color:#333;display:block}
.caseFiterList li a img{display:block;max-width:80%}
.caseFiterList .desc .desc_info{padding:0 10%;display:block;position:relative}
.desc_info b{font-size:12px;height:30px;display:inline-block;line-height:30px;padding-right:10%;font-weight:normal;width:90%;overflow:hidden;border-bottom:1px solid #aaaaaa;color:#646464;margin-bottom:9px}
.desc_info p{color:#9d9d9d;font-size:12px;line-height:16px}

/*title*/
.main .title{top:60px;left:20px;height:34px}
.main .title a.back{background-color:#9ba4b4;font-size:12px;padding:10px;position:fixed;right:0;top:22%;display:none}
.main .title h1 b,.main .title h1 span{font-family:"Microsoft YaHei"}
.main .title h1 b,.main .title h1 span,.main .title h1 em,.main .title h1 i{color:#fff;text-align:center}
.main .title h1 em,.main .title h1 i{display:inline-block;font-weight:lighter;font-size:14px;height:24px;line-height:24px;padding:0 10px}
.main .title h1 b,.main .title h1 span,.main .title h1 br,.main .proTitle h1 i{display:none}
.main .title h1 em{background:#df202c}
.main .proTitle h1 i{background-color:#7e90ad}

/*filter*/
.filter{display:block;width:100%;height:100%;position:fixed;top:0;left:-100%;background-color:#484848;z-index:10}
.filter .filterParent,.filter .filterChild{padding:9px 15px 5px;overflow:hidden}
.filter .filterChild{background-color:#3a3a3a;display:none;width:auto !important}
.filterChild span.collapse{display:none}
.filter .filterClass{width:100%;text-align:left;color:#fff;font-size:14px;font-weight:lighter;float:left;display:block;height:24px;margin-top:10px}
.filter .filterClass:first-of-type{margin-top:0}
.filter .filterList{width:100%}
.filterList a{border:1px solid #5a5a5a;padding:0 10px;height:22px;line-height:22px;font-size:12px;margin:0 10px 4px 0;color:#b1b1b1;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px;display:inline-block;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;float:left}
.filterList a:hover,.filterList a.current{color:#fff;background-color:#5a5a5a;filter:alpha(opacity=100);-moz-opacity:1;opacity:1}

.filterIcon{display:block;height:33px;width:80px;background-color:#545454;z-index:10;position:fixed;right:0;top:60px;text-align:center}
.filterIcon a{line-height:33px;font-size:12px;width:100%;height:100%;display:inline-block}
.filterIcon span.filterI{background-position:left top;height:13px;width:17px;top:3px;padding-right:8px}

.filter .pick{position:absolute;bottom:0;padding:0 12px;height:26px;line-height:26px;display:none;background-color:#6c6c6c;right:10px;font-size:13px;color:#fff;cursor:pointer}
.filter .pick .hideFilter{height:10px;width:24px;background-position:0 -40px;margin-right:5px;position:relative;background-size:200px auto}
.filter .pick.showFilter{width:100%;height:32px;position:relative;right:0;line-height:32px;text-align:center}
.filter .pick.showFilter .hideFilter{background-position:0 -60px}
.filter .jspHorizontalBar{height:auto}

/*proList*/
.profilter{padding:25px 0;height:auto;overflow:hidden;top:124px}
.profilter .filterClass{text-align:left;margin-bottom:13px}
.profilter .filterList{clear:both;width:90%}

.proList{overflow:hidden;position:relative;display:block}
.jspVerticalBar{display:block}
.proList li{overflow:hidden;background-color:#fdfdfd;height:125px;position:relative;top:400px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0}
.proList li a.proLogo{width:35%;height:100%;display:block;text-align:center;color:#313131;position:relative}
.proList li a em,.proList .proIntro em{display:block;position:relative}
.proList li a em{width:95%;margin:0 auto;overflow:hidden}
.proLogo img{display:block;width:auto;height:auto;margin:0 auto}
.proLogo span{line-height:14px;font-size:10px;width:80%;margin:5px auto 0;word-break:break-all;word-wrap:break-word;display:none}
.proList li.even{background-color:#f9f9f9}
.proList li .proIntro{width:59%}
.proIntro b{font-size:15px;margin-bottom:7px;display:block;font-weight:lighter}
.proIntro p{font-size:12px;color:#737373;line-height:12px}
.proIntro a.proMore{height:17px;line-height:17px;background-color:#7e90ad;padding:0 16px;display:inline-block;margin-top:5px;font-size:12px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;border:1px solid #7e90ad}
.proIntro a.proMore:hover{background:none;color:#7e90ad}
.proList .jspTrack{background-color:#e5e5e5}

/*listLoading*/
.listLoading{position:absolute;left:50%;top:50%;margin-top:-80px;margin-left:-65px}
.listLoading img{display:inline-block}

/*page*/
.page{width:100%;height:30px;line-height:30px;text-align:right;position:fixed;bottom:0;background-color:#7c90ae;display:none}
.page .pageList{top:0;position:absolute;right:-1px}
.page span,.page a{line-height:30px;height:30px;display:block;text-align:center;overflow:hidden;color:#fff;font-size:12px;float:left;border-left:1px solid #808997;margin-right:-1px;background-color:#666d7a}
.page span{background-color:#abb4c5}

/*showMoreCase*/
.showMoreCase{position:absolute;bottom:0;right:0;text-align:center;z-index:1;display:none}
.showMoreCase a{height:100%;display:inline-block;background:#e75861;width:100%;font-size:10pt;position:relative}
.showMoreCase a span.arrow_r{width:5px;height:9px;background-position:left -40px;margin-left:5px}

.caseFiterList .showMoreCase{position:relative;float:left;}
/*.main .title a.back{display:none}*/

@media only screen and (min-width:480px){
.caseFiterList li a img{width:auto}
.main .title{height:34px}
/*.main .title h1 em{font-size:20px;height:40px;line-height:40px; padding:0 20px}*/
.showMoreCase a span.arrow_r{width:9px;height:18px;background-position:left -80px;background-size:200px auto;margin-left:5px;position:relative;top:2px}
.main .title a.back{top:35%}
}
@media only screen and (min-width:768px){
.main .title a.back{top:12%}
.main .title{height:50px}
.main .title h1 em{font-size:20px;height:40px;line-height:40px;padding:0 20px}
.showMoreCase a{font-size:18px}
}

@media only screen and (min-width:769px){
.module_page{overflow:auto;background-color:#f3f3f3}
.list li.items .desc{display:block;height:100%;width:100%;padding:0;position:absolute;left:0px;color:#fff;z-index:101;padding:0;background-color:#f2f2f2}
.list li.items .desc.descL{margin-left:10%;width:90%}
.list li.items .desc.descR{margin-right:10%;width:90%}
.list li.items .desc.descT{padding-top:0%;height:90%}
.list li.items .desc.descB{padding-bottom:0%;height:90%}
.desc_info{padding:5% 10%;text-align:left;display:none;position:absolute;overflow:hidden;max-width:80%}
.desc img{height:auto;width:auto;display:inline-block;max-width:80%}
.noFound{position:absolute}

/*caseFiterList*/
.caseFiterList li{background-color:#eaeaea;border-bottom:none}
.caseFiterList li a img{width:auto}
.caseFiterList .desc{height:100%}
.caseFiterList li.even{background-color:#f3f3f3}

.main .title{left:8%;top:50%;margin-top:-70px;width:auto;background:none}
.main .title a.back{position:fixed;left:12%;top:90%;width:100px;z-index:100;font-size:16px;padding:0 30px;height:32px;line-height:32px}
.main .title h1 b,.main .title h1 span,.main .title h1 em,.main .title h1 i,.main .title h1 br{display:inline-block;margin-top:2px;padding:0 10px;font-weight:lighter}
.main .title h1 em,.main .title h1 i{background:#e75861}
.main .title h1 b{font-size:25px;height:25px;line-height:25px;background:#e75861;font-family:Tahoma, "Microsoft YaHei"}
.main .title h1 span{background:#df202c;font-size:50px;font-family:Tahoma, "Microsoft YaHei"}
.main .title h1 em{font-size:30px;height:auto;line-height:normal;letter-spacing:5px;padding:0 10px 5px 15px}
.main .title h1 i{font-size:20px;height:auto;padding:2px 15px 5px 20px;height:20px;line-height:20px;margin-left:30px;letter-spacing:5px;background:#e75861}
.main .caseTitle h1 b{margin-left:35px}
.main .caseTitle h1 span{margin-left:0px;font-size:60px;line-height:60px;height:60px}
.main .caseTitle h1 em{margin-left:34px;font-size:28px;line-height:28px;height:28px}
.main .proTitle h1 b{margin-left:21px}
.main .proTitle h1 span{margin-left:0}
.main .proTitle h1 em{margin-left:50px}
.main .proTitle h1 i{margin-left:32px}

.filter{top:0;height:auto;z-index:2;width:auto;left:0 !important;position:relative}
.filter .filterClass{width:20%;text-align:right;margin-top:0;font-size:18px}
.filter .filterChild{display:none;position:relative}
.filterChild span.collapse{padding:5px 8px;color:#fff;cursor:pointer;display:inline-block;position:absolute;right:10px;text-indent:-999em;width:12px;height:13px;background-position:-125px 5px;border:1px solid #474747;background-size:auto auto;top:10px}
.filter .filterList{margin-left:3.2%;width:70%;float:left}
.filterList a{font-size:13px;height:24px;line-height:24px}
.filterIcon,.showMoreCase{display:none}

.proList li{min-height:200px;max-height:350px}
.proList li a.proLogo{border-right:2px solid #fff;height:auto}
.proList li em{display:block;overflow:hidden}
.proLogo img{display:block;margin:0 auto;width:auto}
.proLogo span{line-height:25px;font-size:16px}
.proList li .proIntro{width:50%;padding:0 0 0 8%}
.proIntro b{font-size:30px;margin-bottom:20px}
.proIntro p{line-height:18px}
.proIntro a.proMore{height:33px;line-height:33px;padding:0 39px;margin-top:20px}

.profilter .filterClass{text-align:left;width:auto}
.profilter .filterList{margin-left:5%;width:90%}
.filter .pick{display:block}
}
@media only screen and (min-width:980px){
.filter .filterClass{width:17%}
}
@media only screen and (min-width:1024px){
.main .title h1 span{}
}
@media only screen and (min-width:1025px){
.main .title h1 b,.main .title h1 span,.main .title h1 em,.main .title h1 i,.main .title h1 br{padding:0 15px}
.main .title h1 b{font-size:25px;height:25px;line-height:25px}
.main .title h1 span{font-size:50px;height:50px;line-height:50px}
.main .title h1 em{font-size:30px;height:30px;line-height:30px;padding:2px 10px 5px 15px;}
.main .title h1 i{font-size:20px;padding:2px 15px 5px 20px;height:20px;line-height:20px}
}
@media only screen and (min-width:1280px){
.filter .filterClass{width:15%}
.filterList a:nth-child(6n+1){clear:both}
.showFilterChild a:nth-child(6n+1){clear:none}
.profilter .filterList a:nth-child(6n+1){clear:none}
}
@media only screen and (min-width:1600px){
.main .title{top:50%;margin-top:-90px}
}

#bridgehead{background-image:none !important}