@charset "utf-8";
/* CSS Document */
.index-work-banner{
    width:6.4rem;
	height:2.73rem;
	background-image: url(../images/1416476883.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
}
.index-work-banner .tetle-o{
	font-size: 0.18rem;
	font-family:"方正兰亭超细黑简体","黑体";
	height:0.22rem;
	display:block;
	padding-top:0.2rem;

}
.index-work-banner .tetle-o a{
	color: #fff;
}
.index-work-banner .tetle-o a:hover{
	opacity: .2;
}
.index-work-banner .tetle-o i{
	background: url(../images/jiantou-bottom.png) center center no-repeat;
	background-size:100%;
	height: 0.12rem;
	width:0.14rem;
	display: block;
	position: relative;
	animation:myfirst 1.5s linear .5s infinite alternate;
	-moz-animation:myfirst 1.5s linear .5s infinite alternate;
	-webkit-animation:myfirst 1.5s linear .5s infinite alternate;
	-o-animation:myfirst 1.5s linear .5s infinite alternate;
	margin:0.1rem auto;
}
	@keyframes myfirst
	{
	0%   {top:0px;}
	25%  {top:10px;}
	50%  {top:0px;}
	75%  {top:10px;}
	100% {top:0px;}
	}

	@-moz-keyframes myfirst /* Firefox */
	{
	0%   {top:0px;}
	25%  {top:10px;}
	50%  {top:0px;}
	75%  {top:10px;}
	100% {top:0px;}
	}

	@-webkit-keyframes myfirst /* Safari and Chrome */
	{
	0%   {top:0px;}
	25%  {top:10px;}
	50%  {top:0px;}
	75%  {top:10px;}
	100% {top:0px;}
	}

	@-o-keyframes myfirst /* Opera */
	{
	0%   {top:0px;}
	25%  {top:10px;}
	50%  {top:0px;}
	75%  {top:10px;}
	100% {top:0px;}
	}	
	}
.index-work-banner .tetle-o a{
	color: #fff;
}
.index-work-banner .tetle-o a:hover{
	filter:alpha(opacity=80);  
    -moz-opacity:0.8;  
    -khtml-opacity: 0.8;  
    opacity: 0.8;
}
.index-work-banner .banner-tetle{
	text-align: center;
	 font-family:"方正兰亭超细黑简体","黑体";
	font-weight: normal;
	animation-name: expandUp_img2; 
	-webkit-animation-name: expandUp_img2; 
	animation-duration: 1s; 
	-webkit-animation-duration: 1s; 
	animation-timing-function: ease; 
	-webkit-animation-timing-function: ease; 
	visibility: visible !important;	
	font-size:0.3rem;
	height:0.93rem;
	display:block;
	padding-top:0.7rem;
}
.index-work-banner .banner-tetle h1{
	font-size:0.20rem;
	font-family:"方正兰亭超细黑简体";
    font-weight:100;
	margin-top:0.1rem!important;	
	margin-bottom:0rem!important;	
}
.index-work-banner .banner-tetle h2{
	font-size:0.12rem;
	font-family:"方正兰亭超细黑简体";
	font-weight:100;
	margin-top:0.1rem!important;	
	margin-bottom:0rem!important;	
}
.fadeOut { 
	animation-name: fadeOut; 
	-webkit-animation-name: fadeOut; 
	animation-duration: 5s; 
	-webkit-animation-duration: 5s; 
	animation-timing-function: ease-out-in; 
	-webkit-animation-timing-function: ease-out-in; 
}
@keyframes fadeOut {
    0% { transform: scale(1); opacity: 1; }
    80% { transform: scale(0.5); opacity: 0.5; }
    100% { transform: scale(0); opacity: 0; }
}
@-webkit-keyframes fadeOut {
    0% { -webkit-transform: scale(1); opacity: 1; }
    80% { -webkit-transform: scale(0.5); opacity: 0.5; }
    100% { -webkit-transform: scale(0); opacity: 0; }
}
.expandUp_img2 { 
	animation-name: expandUp_img2; 
	-webkit-animation-name: expandUp_img2; 
	animation-duration: 5s; 
	-webkit-animation-duration: 5s; 
	animation-timing-function: ease; 
	-webkit-animation-timing-function: ease; 
	visibility: visible !important; 
}
.expandUp_img1 { 
	animation-name: expandUp_img2; 
	-webkit-animation-name: expandUp_img2; 
	animation-duration: 5s; 
	-webkit-animation-duration: 5s; 
	animation-timing-function: ease; 
	-webkit-animation-timing-function: ease; 
	visibility: visible !important; }
@keyframes expandUp_img2 {
    0% { transform: translateY(100%)  }
    100% { transform: translateY(0%)  }
}
@-webkit-keyframes expandUp_img2 {
    0% { -webkit-transform: translateY(100%)  }
    100% { -webkit-transform: translateY(0%)  }
}

.index-work-banner .btn{
	padding: 0.98rem 0 0rem;
	text-align: center;
	display: block;
	font-size: 0.1rem!important;
	
}
.index-work-banner .btn li{
	display: inline-block;
}
.index-work-banner .btn li a{
	background-color: transparent;
	position: relative;
	text-align: center;
	border: 0.01rem solid #fff;
	color: #fff;
	padding: 0.02rem;
	font-size: 0.18rem;
	text-decoration:none;
	
}
.index-work-banner .btn li a:hover{
	background-color: #fff;
	color: #5f1885;
	border: 0.01rem solid #fff;
}

.navaa{ font-size:0.12rem; color:#000; padding:0.2rem 0rem 0.1rem 0.1rem; display:none;}
.navaa a{color:#000;}
.prok{ padding:0rem 0.3rem;}
.prok_a{ width:2.6rem; height:2.35rem; float:left; margin:0.2rem 0.2rem 0.2rem 0.1rem; border:0.02rem solid #b8b7b8; background:#fff; position:relative; overflow:hidden;}
.pro_title{ height:0.36rem; line-height:0.36rem; text-align:center; color:#353533; position:absolute; bottom:0.05rem; left:0rem; right:0rem;}
.pro_title a{ color:#353533; text-decoration:none;}
.pro_img{}
.pro_title i{ width:0.1rem; height:0.1rem; background:#8e8d8e; display:inline-block; margin-right:0.1rem;}
.pro_img img{ width:48%;display:block; margin:auto; margin-top:0.15rem; }


.page_info ,.contPage{
	font-size:0.12rem;
	font-weight: 500;
	padding: 0.3rem 0;
	text-align: center;
	background: #e9f3f5;
}
.page_info span{
	font-weight: bold;
	display: inline-block;
}

.contPage ,.page_list{
	margin: 0.3rem auto;
	text-align: left;
	padding: 0.0rem 0 0 0.2rem;
	clear:both;
}
.page_list a ,.contPage a{	
	padding:0.02rem 0.05rem;
	margin: 0 0.01rem;
	cursor:pointer;
	text-align:center;
	vertical-align:bottom;
	overflow:visible;
	border-radius:0.02rem;
	background-color:#fff;
	border: 0.01px solid #2e2e2e;
	color:#666; 
	font-size:16px; 
}
.page_list a:hover ,.contPage a:hover ,.page_list a.on ,.contPage a.on{
	background-color:#2e2e2e;
	color:#fff;
}