/*-- banner --*/
.ag-content-customer-wrap {
    width:1100px;
    height:350px;
    background:#f1f1f1;
    transition:background-color .5s;
    -moz-transition:background-color .5s;
    -webkit-transition:background-color .5s;
    -o-transition:background-color .5s;
	z-index:0;
    position:relative;
}
.ag-content-customer {
    width:1100px;
    height:350px;
    margin:0 auto;
	background:#f00;
}
.ag-content-customer-ele-detail {
   width:1100px;
    height:350px;
    float:left;
    background:#469acb;
    overflow:hidden;
    margin:0px auto;
}
.ag-content-customer-ele-detail ul {
    width:70px;
    float:left;
    margin-top:10px;
	position:absolute; 
	left:20px;
	top:0px;
}
.ag-content-customer-ele-detail ul li {
	border-radius:75px;
    width:75px;
    height:75px;
    line-height:18px;
    font-size:13px;
    color:#469acb;
    margin-bottom:6px;
    cursor:pointer;
	background:#fff;
	margin-bottom:10px;
	box-shadow:0px 1px 5px rgba(0, 0, 0, 0.6);
}
.ag-content-customer-ele-detail ul li p{ display:block; padding:15px 9px; font-size:13px; width:55px; height:30px; font-weight:bold; text-align:center;}
.ag-content-customer-ele-detail ul li:hover,
.ag-content-customer-ele-detail ul li.current{background:#525353;color:#fff; }

@-webkit-keyframes mymove {
    0%   {left:0px; opacity:0;}
    100% {left:120px; opacity:1;}
}
@-moz-keyframes mymove {
    0%   {left:0px; opacity:0;}
    100% {left:120px; opacity:1;}
}
@-o-keyframes mymove {
    0%   {left:0px; opacity:0;}
    100% {left:120px; opacity:1;}
}
@-webkit-keyframes remove {
    0%   {right:-120px; opacity:0;}
    100% {right:0px; opacity:1;}
}
@-moz-keyframes remove {
    0%   {right:-120px; opacity:0;}
    100% {right:0px; opacity:1;}
}
@-o-keyframes remove {
    0%   {right:-120px; opacity:0;}
    100% {right:0px; opacity:1;}
}
.ag-content-customer-ele-detail-display {
    display:none;
    width:832px;
    height:350px;
    float:left;
    position:relative;
	margin-left:140px;
}
.ag-content-customer-ele-detail-display-left {
    width:300px;
    height:300px;
    position:absolute;
    top:35px;
    left:15px;
    /*opacity:0;*/
    animation:mymove 1s both;
    -moz-animation:mymove 1s both;
    -webkit-animation:mymove 1s both;
    -o-animation:mymove 1s both;
	margin:-20px -30px 0px -20px;
	z-index:2;
}
.ag-content-customer-ele-detail-display-right {
    width:300px;
    height:230px;
    position:absolute;
    top:30px;
    right:0px;
    /*opacity:0;
    filter:alpha(opacity=0);*/
    animation:remove 1.5s both;
    -moz-animation:remove 1.5s both;
    -webkit-animation:remove 1.5s both;
    -o-animation:remove 1.5s both;
}
.ag-content-customer-ele-detail-display-right span {
    display:block;
    line-height:40px;
    font-size:22px;
    color:#fff;
    text-align:center;
    position:absolute;
	height:160px;
	overflow:hidden;
}
.ag-content-customer-ele-detail-display-right span.point {
    font-family:"΢ÈíÑźÚ";
}
.ag-content-customer-ele-detail-display-right a {
    display:block;
    width:90px;
    height:20px;
    text-align:left;
    background:url('../images/style.png') no-repeat;
    cursor:pointer;
    position:absolute;
    overflow:hidden;
	color:#666;
	padding:50px 18px;
	font-family:"΢ÈíÑźÚ";
	font-weight:bold;
}
 /*.ag-content-customer-ele-detail-display-right a.agwyx:link {
   background-position:0px 0px;color:#f00;
}*/
.ag-content-customer-ele-detail-display-right a.agwyx:hover {
    /*background-position:-134px 0px;*/color:#06F;
}
.ag-content-customer-ele-detail-display-right a.agwyx:active {
    /*background-position:-268px 0px; */color:#963F;
}