.chartered_container_1{
    width:1200px;
    height:220px;
    margin:24px auto;
    position:relative;
    overflow:hidden;
}

.chartered_container_1 .chartered_conten_1{
    position: absolute;
    width:500px;
    height:320px;
    left:60%;
    margin-left:-249px;
}

.chartered_container_1 .chartered_conten_1 li{
    position:absolute;
    top: 0;
    left: 0;
    width:245px;
    height:220px;
    transition:all 0.8s ease;
}
.chartered_container_1 .chartered_conten_1 li img{
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}
.chartered_container_1 .chartered_conten_1 li .bg{
	position: absolute;
	top:0;
	width:100%;
	height:100%;
	padding:30px 0;
	background-color:#fff;
	opacity:0.7;
}
.chartered_container_1 .chartered_conten_1 .p4 .bg{
	background-color:rgba(0,190,110,0.8);
	opacity:1;
}
.chartered_container_1 .chartered_conten_1 li .bg .bg_title{
	text-align:center;
	color:#000;
	font-size:16px;
}
.chartered_container_1 .chartered_conten_1 li .bg .bg_description{
    padding: 0 10px 0;
	text-align:center;
	color:#000;
	font-size:12px;
}
.chartered_container_1 .chartered_conten_1 li .bg .bg_description p{
	font-size:13px;
	text-indent:20px;
	margin-top:20px;
	line-height:24px;
	color:#2b2b2b;
}
.chartered_container_1 .chartered_left, .chartered_container_1 .chartered_right {
    display: none;
    position:absolute;
    top:120px;
    width:60px;
    height:60px;
    box-sizing:border-box;
    padding:10px;
    color:#fff;
    z-index:50;
    background-color:#000;
    opacity:0.4;

}
.chartered_container_1 .chartered_conten_1 .p4 .bg .bg_title{
	color:#fff;
	font-size:18px;
}
.chartered_container_1 .chartered_conten_1 .p4 .bg .bg_description{
	color:#fff;
	font-size:14px;
}
.chartered_container_1 .chartered_conten_1 .p4 .bg .bg_description p{
	color:#fff;
	font-size:14px;
}


.chartered_container_1 .chartered_left{
	left:20px;
}
.chartered_container_1 .chartered_left img{
	width:100%;	
}

.chartered_container_1 .chartered_right{
    text-align: right;
    right:20px;
}
.chartered_container_1 .chartered_right img{
	transform:rotateY(180deg);
    width:100%;
}

.chartered_container_1 i {
    font-size: 50px;
}
.p1 {
    transform: translate3d(-700px, 0, 0) scale(0.85);
    opacity:0;
    z-index: 1;
}

.p2 {
    transform: translate3d(-460px, 0, 0) scale(0.85);
    transform-origin:0 50%;
    opacity:1;
    z-index: 2;
}

.p3 {
    transform: translate3d(-230px, 0, 0) scale(0.85);
    transform-origin: 0 50%;
    opacity:1;
    z-index: 3;
}

.p4 {
    transform: translate3d(0px, 0, 0) scale(1);
    opacity:1;
    z-index:4;
}

.p5 {
    transform: translate3d(270px, 0, 0) scale(0.85);
    transform-origin: 0 50%;
    opacity:1;
    z-index:3;
}

.p6 {
    transform: translate3d(500px, 0, 0) scale(0.85);
    transform-origin: 0 50%;
    opacity:1;
    z-index:2;
}

.p7 {
    transform: translate3d(640px, 0, 0) scale(0.85);
    transform-origin: 0 50%;
    opacity:0;
    z-index:1;
}