	.title_sub{height: 35px;line-height: 35px;text-align: center;margin-bottom: 20px;}
	.title_sub h1{border-bottom: 1px #ddd solid;font-size: 20px;font-weight: normal;color: #fc0001;padding:10px 30px;}

	#case_about{padding:20px 0 0 0;font-size: 14px;}
	#case_about a{color: #00f;text-decoration: underline;}
	#case_about a:hover{color: #fc0001;}
	#case_about p{margin-bottom: 10px;}
	#case_cat{width: 1000px;overflow: hidden;font-size:14px;}
	#case_cat p a{color: #00f;text-decoration: underline;}
	#case_cat p a:hover{color: #fc0001;}
	#case_cat ul{width: 1040px;display: inline-block;padding:10px 0;}
	#case_cat li{float: left;width: 98px;height: 92px;margin-right: 30px;}
	#case_cat li a{display: block;width: 98px;height: 80px;background: url(../images/index_s.png) no-repeat;padding-top: 12px;text-align: center;}
	#case_cat li i{display: block;width: 50px;height: 40px;margin:auto;transition:all .5s;}
	#case_cat li span{display:block;font-size: 14px;text-align: center;padding-top: 5px;color: #fff;}
	#case_cat li a:hover i{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
	#case_cat li.s0 i{background: url(../images/index_s1.gif) no-repeat;}
	#case_cat li.s1 i{background: url(../images/index_s2.gif) no-repeat;}
	#case_cat li.s2 i{background: url(../images/index_s3.gif) no-repeat;}
	#case_cat li.s3 i{background: url(../images/index_s4.gif) no-repeat;}
	#case_cat li.s4 i{background: url(../images/index_s5.gif) no-repeat;}
	#case_cat li.s5 i{background: url(../images/index_s6.gif) no-repeat;}
	#case_cat li.s6 i{background: url(../images/index_s7.gif) no-repeat;}
	#case_cat li.s7 i{background: url(../images/index_s8.gif) no-repeat;}



	.caselist{margin:15px 0 0 0;width:1000px;overflow:hidden;}
	.caselist .t{height: 35px;line-height: 35px;border-bottom: 1px #ddd solid;margin-bottom: 15px;}
	.caselist .t h2{font-size: 18px;font-weight: normal;color: #ff6600;}
	.caselist .t span{float: right;}
	.caselist .c{width: 1000px;overflow: hidden;position: relative;border-bottom: 1px #ddd solid;padding-bottom: 10px;}
	.caselist .c ul{width: 1130px;display: inline-block;padding-top: 10px;}
	.caselist .c li{float: left;width: 320px;margin:0 20px 15px 0;font-size: 14px;}
	.caselist .c li img{width: 310px;height:225px;border:1px #ddd solid;padding:4px;transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;}
	.caselist .c li span{clear:both;display:block;padding-top:5px;text-align: center;height: 25px;line-height: 25px;overflow: hidden;}
	.caselist .c li a:hover img{border:1px #ff6600 solid;}

	.caseinfo{font-size: 14px;padding:20px 0;border-bottom: 1px #ddd dashed;position: relative;}
		.caseinfo li{line-height: 25px;}
		.caseinfo img{max-width: 500px;}

		.caseinfo table{border-collapse:collapse;margin:10px 0;width:998px;}
		.caseinfo table p{padding:0;}
		.caseinfo table td{border:1px #bbb solid;padding:8px;font-size: 14px;}
		.caseinfo table th{border:1px #bbb solid;height: 40px;line-height: 40px;background: #eee;text-align: center;font-size: 14px;}

		.case_c{padding:20px 0;width:940px;overflow: hidden;font-size: 14px;}
		.case_c ul{width: 100%;display: inline-block;text-align: center;}
		.case_c p{text-align: center;color:#00f;}

		.caseshow .context{width: 1040px;}
		.caseshow .context ul{padding:0 0 20px 0;}


.gallery:after {
    content: '';
    display: block;
    height: 2px;
    margin: .5em 0 1.4em;
}

.gallery img {
    width: 100%;vertical-align: middle;
}

.gallery a {
    width: 300px;
    height: 220px;
    display: inline-block;
    overflow: hidden;
    margin: 4px 8px 5px 0;border:1px #ccc solid;text-align: center;
}
.gallery a span{display: table-cell;vertical-align: middle;width: 300px;height: 220px;}
.baguetteBoxOne {
	width:940px; 
	margin:20px auto;
}

/* Highlight.js Tomorrow Night style */
.hljs-comment{color:#969896}.hljs-tag{color:#f8f8f2}.css .hljs-class,.css .hljs-id,.css .hljs-pseudo,.hljs-attribute,.hljs-regexp,.hljs-title,.hljs-variable,.html .hljs-doctype,.ruby .hljs-constant,.xml .hljs-doctype,.xml .hljs-pi,.xml .hljs-tag .hljs-title{color:#c66}.hljs-built_in,.hljs-constant,.hljs-literal,.hljs-number,.hljs-params,.hljs-pragma,.hljs-preprocessor{color:#de935f}.css .hljs-rules .hljs-attribute,.ruby .hljs-class .hljs-title{color:#f0c674}.hljs-header,.hljs-inheritance,.hljs-string,.hljs-value,.ruby .hljs-symbol,.xml .hljs-cdata{color:#b5bd68}.css .hljs-hexcolor{color:#8abeb7}.coffeescript .hljs-title,.hljs-function,.javascript .hljs-title,.perl .hljs-sub,.python .hljs-decorator,.python .hljs-title,.ruby .hljs-function .hljs-title,.ruby .hljs-title .hljs-keyword{color:#81a2be}.hljs-keyword,.javascript .hljs-function{color:#b294bb}.hljs{display:block;overflow-x:auto;background:#35383C;color:#c5c8c6;padding:.8em}.coffeescript .javascript,.javascript .xml,.tex .hljs-formula,.xml .css,.xml .hljs-cdata,.xml .javascript,.xml .vbscript{opacity:.5}
