body{ background:#f8f8f8;}
.header{ position: fixed; z-index:9;box-shadow: 0 2px 6px rgba(0,0,0,.05); left:0; top:0;}


.header,.header .logo a img,.header .menu .btn,.header .menu li a{-moz-transition:all .5s linear; -webkit-transition:all .5s linear; transition:all .5s linear;}

.homePage{ position: relative; left:0; top:60px; width:100%; z-index:3;background:#f8f8f8;}

.casePage{ margin:0 auto; width: 1000px}

.caseimg{ background:#fff; padding:30px 0;}
.caseimg .img{ text-align:center;overflow:hidden; display:block; }
.caseimg .img img{width:100%;}
.casetxt{ background:#fff; padding:30px 30px 38px 30px; margin:15px 0 15px 0; font-size:14px; position: relative}
.casetxt .info{overflow: hidden}
.casetxt .info span{float: right; margin-left: 10px}
.casetxt .info span a{font-size: 0px; text-indent: -999999px;display: block;height: 16px; width: 16px;overflow: hidden}
.casetxt .info span.web a { background: url(../../images/index/tab_icon02.png)no-repeat;}
.casetxt .info span.wap a { background: url(../../images/index/tab_icon03.png)no-repeat;}
.casetxt .info span.app a { background: url(../../images/index/tab_icon04.png)no-repeat;}
.casetxt .info span.ui a { background: url(../../images/index/tab_icon05.png)no-repeat;}
.casetxt .info span.design a { background: url(../../images/index/tab_icon07.png)no-repeat;}

.casetxt h1{ display:block; font-size:32px;  margin:0 0 10px 0; font-size:18px; float: left}

@media only screen and (max-width: 1024px){
	.casePage{margin: 10px 0;width: 100%;}
	.caseimg{padding:20px;}
	.caseimg .img img{max-width:100%;margin:0 auto}
	.casetxt{margin:0 20px 20px 20px;}
}

@media only screen and (max-width: 640px){
	.casetxt h1, .caseimg h2{margin-bottom:10px;font-size:16px;}
	.casePage{margin: 10px 0;width: 100%;}
	
}