.da-slider {
	/*border:solid violet;*/
	/*background: url("../images/Slider.png") repeat-x 0% / auto 100%; */
	margin: 0px auto; transition:background-position 1s ease-out 0.3s; width: 100%; 
	/*height: 520px; */
	overflow: hidden; position: relative; min-width: 270px; -webkit-transition: background-position 1s ease-out 0.3s; -moz-transition: background-position 1s ease-out 0.3s; -o-transition: background-position 1s ease-out 0.3s;
}
.da-slider .triangle {
	top: 0px; clear: none; z-index: 999;
}
.da-slider .mask {
	background: rgb(189, 252, 165); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.85;
}
.da-slider {
	height: 100%; margin-top: 0px; position: relative;
}

.da-slide {
	left: 0px; top: 0px; 
	text-align: left; 
	float:right;
	position: absolute;
	background-image: url('../enximages/chart610x180ch.jpg');
	background-color: #A2A2A2;
	width: 100%;
    height: 180px;
    background-repeat: no-repeat;
    background-size: contain;   
    /*background-position: center center;
    background-repeat: no-repeat;
	background-size: auto;*/
}
.modifycht {
background-image: url('../enximages/chart610x180cht.jpg');
}
.da-slide-current {
	z-index: 900;
}
.da-slider-fb .da-slide {
	left: 100%; display: none;
}
.da-slider-fb .da-slide-current.da-slide {
	left: 0px; display: block;
}
.da-slide h2 {
	position: absolute; text-align:center; margin-left:7%;margin-top: 9%; opacity: 0;
}
.da-slide h2 {
	top: 0px; width: 65%; font-size: 28px; font-weight: bold;
}
.da-slide h2 {
	color: rgb(256, 256, 256); text-transform: uppercase; white-space: nowrap; z-index: 10;
}

.da-slide h4 {
	left: 110%; position: absolute; opacity: 0;
}
.da-slide p {
	left: 110%; position: absolute; opacity: 0;
}
.da-slide .da-link {
	left: 110%; position: absolute; opacity: 0;
}
.da-slide .da-img {
	left: 110%; position: absolute; opacity: 0;
}
.da-slider-fb .da-slide h2 {
	left: 10%; display: block; opacity: 1;
}
.da-slider-fb .da-slide h4 {
	left: 10%; display: block; opacity: 1;
}
.da-slider-fb .da-slide p {
	left: 10%; display: block; opacity: 1;
}
.da-slider-fb .da-slide .da-link {
	left: 10%; display: block; opacity: 1;
}
.da-slider-fb .da-slide .da-img {
	left: 60%; display: block; opacity: 1;
}

.da-slide h4 {
	color: rgb(24, 26, 28); text-transform: uppercase; white-space: nowrap; z-index: 10;
}

.da-slide h4 {
	top: 40px; width: 50%; font-size: 22px; font-weight: normal;
}
.da-slide p {
	padding: 0px; top: 230px; width: 45%; height: 90px; color: rgb(8, 31, 78); overflow: hidden; font-weight: 400;
}
.da-slide .da-img {
	left: 110%; top: 80px; width: 40%; height: 256px; text-align: center; line-height: 360px;
}
.da-slide .da-link {
	margin: 0px; top: 340px; text-align: center; font-size: 18px;
}
.da-dots {
	display:none;left: 0px; width: 100%; text-align: center; bottom: 20px; position: absolute; z-index: 900; -moz-user-select: none; -webkit-user-select: none;
}
.da-dots span {
	background: rgb(253, 253, 253); margin: 0px 5px 0px 0px; width: 50px; height: 3px; display: inline-block; position: relative; cursor: pointer;
}
.da-dots span.da-dots-current {
	background: rgb(41, 56, 63);
}
.da-arrows {
	-moz-user-select: none; -webkit-user-select: none;
}
.da-arrows span {
	width: 45px; height: 100%; position: absolute; z-index: 900; cursor: pointer; opacity: 0;
}
.da-slider:hover .da-arrows span {
	opacity: 1;
}
.da-arrows span::after {
	position: absolute; content: "";
}
.da-arrows span:hover::after {
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active::after {
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next::after {
	background-position: right top;
}
/*.da-arrows span.da-arrows-prev {
	background: url("../images/Left.png") no-repeat center; left: 15px;
}
.da-arrows span.da-arrows-next {
	background: url("../images/Right.png") no-repeat center; right: 15px;
}*/
.da-slide-current h2 {
	left: 10%; opacity: 1;
}
.da-slide-current h4 {
	left: 10%; opacity: 1;
}
.da-slide-current p {
	left: 10%; opacity: 1;
}
.da-slide-current .da-link {
	left: 10%; opacity: 1;
}
.da-slide-current .da-img {
	left: 60%; opacity: 1;
}
.da-slide-fromright h2 {
	animation:fromRightAnim1 0.6s ease-in-out 0.8s both; -webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; -moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; -o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright h4 {
	animation:fromRightAnim1 0.6s ease-in-out 0.8s both; -webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; -moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; -o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright p {
	animation:fromRightAnim2 0.6s ease-in-out 0.8s both; -webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both; -moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both; -o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .da-link {
	animation:fromRightAnim3 0.4s ease-in-out 1.2s both; -webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both; -moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both; -o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromright .da-img {
	animation:fromRightAnim4 0.6s ease-in-out 0.8s both; -webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both; -moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both; -o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}
.da-slide-fromleft h2 {
	animation:fromLeftAnim1 0.6s ease-in-out 0.6s both; -webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; -moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; -o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft h4 {
	animation:fromLeftAnim1 0.6s ease-in-out 0.6s both; -webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; -moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; -o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft p {
	animation:fromLeftAnim2 0.6s ease-in-out 0.6s both; -webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both; -moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both; -o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .da-link {
	animation:fromLeftAnim3 0.4s ease-in-out 1.2s both; -webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both; -moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both; -o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromleft .da-img {
	animation:fromLeftAnim4 0.6s ease-in-out 0.6s both; -webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both; -moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both; -o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}
.da-slide-toright h2 {
	animation:toRightAnim1 0.6s ease-in-out 0.6s both; -webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both; -moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both; -o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-toright h4 {
	animation:toRightAnim1 0.6s ease-in-out 0.6s both; -webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both; -moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both; -o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-toright p {
	animation:toRightAnim2 0.6s ease-in-out 0.3s both; -webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both; -moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both; -o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toright .da-link {
	animation:toRightAnim3 0.4s ease-in-out both; -webkit-animation: toRightAnim3 0.4s ease-in-out both; -moz-animation: toRightAnim3 0.4s ease-in-out both; -o-animation: toRightAnim3 0.4s ease-in-out both;
}
.da-slide-toright .da-img {
	animation:toRightAnim4 0.6s ease-in-out both; -webkit-animation: toRightAnim4 0.6s ease-in-out both; -moz-animation: toRightAnim4 0.6s ease-in-out both; -o-animation: toRightAnim4 0.6s ease-in-out both;
}
.da-slide-toleft h2 {
	animation:toLeftAnim1 0.6s ease-in-out both; -webkit-animation: toLeftAnim1 0.6s ease-in-out both; -moz-animation: toLeftAnim1 0.6s ease-in-out both; -o-animation: toLeftAnim1 0.6s ease-in-out both;
}
.da-slide-toleft p {
	animation:toLeftAnim2 0.6s ease-in-out 0.3s both; -webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both; -moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both; -o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toleft .da-link {
	animation:toLeftAnim3 0.6s ease-in-out 0.6s both; -webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both; -moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both; -o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da-img {
	animation:toLeftAnim4 0.6s ease-in-out 0.5s both; -webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both; -moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both; -o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}
/*@media all and (max-width:979px)*/

@media all and (max-width:767px)
{

.da-slide h4 {
	top: 80px; font-size: 16px;
}
.da-slide p {
	top: 120px; line-height: 16px; font-size: 14px;
}
.da-slide p {
	display: none;
}

.da-slide .da-img {
	top: 50px; width: 30%;line-height: 100px;
}

.da-slide .da-link {
	margin: 0px; top: 150px; font-size: 12px;
}

}
@media all and (max-width:480px)
{

.da-slide h4 {
	top: 70px; font-size: 14px;
}
.da-slide .da-img {
	display: none;
}
.da-slide .da-link {
	display: none;
}

}