.indexCase{position:relative;}
.indexCase .Top{width:100%; position:relative; z-index:2; }

.indexCase .Top .title{text-align:center; font-size:36px; color:#222; margin-bottom:20px; margin-top:30px; font-weight:bold;}
.indexCase .Top .summary{text-align:center; font-size:14px; width:760px; line-height:24px; margin:auto; color:#999;}
.indexCase .Top .more a{display:block; font-size:14px; text-transform:Capitalize; width:16.875rem; position:relative; left:50%; margin-left:-8.4375rem; border-bottom:solid 2px #000; padding-bottom:15px; color:#000; background:url(../images/more01.png) top 3px right 0 no-repeat;}
.indexCase .Top .more a:hover{color:#ff4229; border-bottom-color:#ff4229; background:url(../images/more02.png) top 3px right 0 no-repeat;}

.indexCase .List{width:90%; margin:0 auto;}

.indexCase .List dl{float:left; width:65.05%; margin:0.805%; position:relative; overflow:hidden;}
.indexCase .List dl dt{position:relative; z-index:1; width:100%;}
.indexCase .List dl dt img{width:100%; transition:all 0.8s ease;}
.indexCase .List dl dd{position:absolute; z-index:2; top:8.3%; right:4.2%; width:23.57%; padding:0 2.5%; height:83.4%; background-color:rgba(0, 0, 0, 0.9); overflow: hidden;}
.indexCase .List dl dd .title{ font-size:1.5rem ; color: #fff; font-weight: bold; margin: 3.75rem 0 1.875rem; }
.indexCase .List dl dd .cont{font-size:0.875rem; color: #fff; line-height: 24px;}
.indexCase .List dl dd .link a{position:absolute; right:8.3%; font-size:14px; text-transform:capitalize; font-size:14px; bottom:8.3%; color:#fff; font-weight:bold;padding-right:30px;background:url(../images/more05.png) center right no-repeat;}
.indexCase .List dl:hover dt img{transform:scale(1.2)}
.indexCase .List dl:hover dd{ background-color: rgba(255, 66, 61, 0.9);}

.indexCase .List li{float:left; width:100%; margin:0.805%; position:relative; overflow:hidden;}

.indexCase .List li .img{width:100%; position:relative; z-index:1; height:75%;}
.indexCase .List li .img .thumbnail{width:100%; transition:all 0.8s ease; height:100%;}
.indexCase .List li .cont{width:94%; padding:2% 3%; overflow:hidden; position:relative; z-index:2; height:12%; background-color:#fcfcfc;}
.indexCase .List li .cont .title{font-size:24px; color:#333; margin-bottom: 5px;}
.indexCase .List li .cont .summary{font-size:14px; color:#999;}
.indexCase .List li :hover .cont{background:#017431;}
.indexCase .List li :hover .cont .summary {font-size:14px; color:#fff}
.indexCase .List li .con{width:94%; padding:1% 3%; overflow:hidden; position:relative; z-index:2; background-color:#eee;height:6%;}
.indexCase .List li .con .summar {font-size:14px; background-color:#eee; color:#999; height:100%; padding:0px; display:table-cell; vertical-align:middle; line-height:25px;}
.indexCase .List li .con .icon {width:25%; float:right; font-size:14px;background-color:#eee;}
.indexCase .List li .img p{width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4); position:absolute; left:0; top:0; transform:translateY(-101%); transition:all 0.8s ease;}
.indexCase .List li .img p span{display:block; width:100%; font-size:1.875rem; color:#fff; text-align:center; line-height:50px; position:absolute; top:40%; margin-top:-25px; left:0;}
.indexCase .List li:hover .thumbnail{transform:scale(1.2)}
.indexCase .List li:hover .title{ color:#ff4229;}
.indexCase .List li:hover .img p{transform:translateY(0); opacity:1;}

.anlinav{overflow:hidden; padding-bottom:1%; margin:0 auto; display:table; width:98%;}
.anlinav li{font-size:16px; color:#535353; float:left; background:#fff; border-radius:20px; margin:0 1%; overflow:hidden; border:1px solid #cccccc; background:#cccccc;}
.anlinav li a{display:block;padding:6px 20px; font-size:16px;}
.anlinav li.cur, .anlinav li:hover{background:#017431; color:#fff; border:1px solid #017431;}
.anlinav li.cur a{color:#fff;}

@media (max-width: 1120px) {
	.home-concept .container2 { width:100% !important; }	
	.home-concept .process-image { background:transparent url(../images/home-concept-item.png) no-repeat 0 0; width:150px; margin:135px auto 0 auto; padding-bottom:50px; position:absolute; z-index:1; background-size:400%;}	
	.home-concept .process-image img { border-radius:150px; margin:7px 8px; width:auto; height:auto; max-width:133px; max-height:133px;}
	.home-concept .project-image { background:transparent url(../images/home-concept-item.png) no-repeat 100% 0; width:300px; margin:15px 0 0 -10px; padding-bottom:45px; position:relative; z-index: 1; background-size:180%;}	
	.fc-slideshow { position:relative; width:280px!important; height:280px!important; border-radius:50%; margin:0 auto; -webkit-perspective:1200px; -moz-perspective:1200px; perspective:1200px; top:6px; left:4px;}	
}