.da-slider{
	width: 100%;
	height: 640px;
	/*position:absolute;*/
	margin: 0 auto;
	overflow: hidden;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;
	-webkit-transition: background-position 1s ease-in-out 0.3s;
	-moz-transition: background-position 1s ease-in-out 0.3s;
	-o-transition: background-position 1s ease-in-out 0.3s;
	-ms-transition: background-position 1s ease-in-out 0.3s;
	transition: background-position 1s ease-in-out 0.3s;
}
@media screen and (max-width: 768px) {
    .da-slider {
        width: 100%;
        height:320px;
    }  
}
.da-slide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	font-family:"Muli",'Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft Yahei',sans-serif;
	text-align: left;
}
@media screen and (max-width: 768px) {
    .da-slide {
        width: 100%;
        height:320px;
    }  
}
.da-slide-current{
	z-index: 10;
}
@media screen and (max-width: 768px) {
    .da-slide-current {
        width: 100%;
        height:320px;
    }  
}
/*.da-slider-fb .da-slide{
	left: 0;
}
.da-slider-fb  .da-slide.da-slide-current{
	left: 0px;
}*/

.da-slide .da-img{
	position: absolute;
	opacity: 0;
	left: 0;
}
.da-slide  .da-content {
    width:100%;
    opacity:0;
}
@media screen and (max-width: 768px) {
    .da-slide  .da-content {
        width:100%;
        opacity:0;
    }
}
.da-slide .da-erweima {
	opacity: 0;
	left: 0;
    z-index:4;
}


.da-slide .da-img{
	text-align: center;
	width: 100%;
	top: 0px;
	height: 640px;
	/*line-height: 320px;*/
	left: 0;
}
@media screen and (max-width: 768px) {
    .da-slider  .da-img{
        width: 100%;
        height:400px;
        background-size:auto 400px;
        background-position:center 0;
    }  
}
.banner01 {
    background:url(../../images/index-banner-ww.jpg) no-repeat 0px 0px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
}
.banner02 {
    background:url(../../images/index-banner1.jpg) no-repeat 0px 0px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
}
.banner03 {
    background:url(../../images/index-banner2.jpg) no-repeat 0px 0px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
}
.banner04 {
	background:url(../../images/index-banner3.jpg) no-repeat 0px 0px;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
}
.slide-download {
    margin-top:60px;
    margin-left:40px;
    
}
@media screen and (max-width: 768px) {
    .slide-download {
        
    
    }
    .slide-download .download-h2 {
        display:none;    
    }
    .slide-download h1 {
        display:none;    
    }
    .download-img {
        display:none;
    }
    .slide-download .btn-div {
        margin-top:0;
    }
}
.slide-download .download-h2 {
    font-size: 18px;
    font-family: 'PingFangSC-Thin','Hiragino Sans GB','Microsoft YaHei Light','Microsoft YaHei',Arial,sans-serif;
    text-align: left;
    color:#fff;
}
.slide-download .btn-div {
    clear:both;
    padding-top:70px;
    height:130px;   
    vertical-align:middle;
    display:table-cell;
    
}
@media screen and (max-width: 768px) {
    .slide-download .btn-div {
        padding-top:0;
    }
}
.slide-download .btn-div .button {
    clear:both;
    display:table-cell;
    line-height:25px;
    float:left;
    margin-bottom:16px;
}
.slide-download .btn-div .button {
    padding: 11px 0 15px 35px;
    background:none;
    color: #df3031;
    font-size: 22px;
    width:200px;
    text-align:left;
    text-transform: uppercase;
    border: solid 2px #df3031;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;    
}
.slide-download .btn-div .button:hover, .slide-download .btn-div .button:focus {
    color:#fff;
    background:#df3031;
    border-color:#df3031;   
}
.slide-download .btn-div .button.active {
    color:#fff;
    background:#df3031;
    border-color:#df3031;   
}
.slide-download .btn-div .button i {
    margin-right:16px;
    font-size:24px;    
}
.slide-download .btn-div img {
    width:124px;
    margin-left:20px;
    margin-bottom:20px;
    border:solid 4px #fff;    
}

.da-slide .da-img img {
    height:640px;    
}
@media screen and (max-width: 768px) {
    .da-slider  .da-img img{
        width: 100%;
        height:auto;
        
    }  
}
.da-slide-current .da-img{
	left: 0;
	opacity: 1;
}
.da-slide-current .da-content{
	width:100%;
    opacity:1;
}
@media screen and (max-width: 768px) {
    .da-slide-current .da-content{
	width:100%;
    opacity:1;
}
}
.da-slide-current .da-erweima {
    position: absolute;
	opacity: 1;
	left: 0;
    z-index:20;
    left:800px;
    top:240px;
}
.da-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 15px;
	z-index: 99;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-dots span{
	display: inline-block;
	position: relative;
	width: 10px;
	height: 10px;
	border-radius: 50% !important;
	background:rgba(255,255,255,0.5); 
    /*background:#e5e7e8;*/
	margin:12px 6px;
	cursor: pointer;
}
.da-dots span.da-dots-current:after{
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 50% !important;
	background:#fff;
}
.da-arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-arrows span{
	background: transparent url(../img/arrows.png) no-repeat;
	position: absolute;
	top: 50%;
	height: 49px;
	width: 49px;
	cursor: pointer;
	z-index: 2000;
	opacity: 0;
	/*-webkit-transition: opacity 0.4s ease-in-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out 0.2s;
	transition: opacity 0.4s ease-in-out 0.2s;*/
}
.da-slider:hover .da-arrows span{
	opacity: 0.8;
}
.da-slider:hover .da-arrows span:hover{
	opacity: 1;
}
.da-arrows span:after{
	content: '';
	position: absolute;
	width: 49px;
	height: 49px;
}
.da-arrows span.da-arrows-prev{
	left: 12px;
	background-position:0 -69px;
}
.da-arrows span.da-arrows-next{
	right: 15px;
	/*background-position:0 1px;*/
}



/* Animation classes and animations */

/* Slide in from the right*/

.da-slide-fromright .da-img{
	-webkit-animation: fromRightAnim1 1s ease-in ;
	-moz-animation: fromRightAnim1 1s ease-in;
	-o-animation: fromRightAnim1 1s ease-in;
	-ms-animation: fromRightAnim1 1s ease-in;
	animation: fromRightAnim1 1s ease-in;
}
.da-slide-fromright .da-content{
	-webkit-animation: fromRightAnim1 1s ease-in ;
	-moz-animation: fromRightAnim1 1s ease-in;
	-o-animation: fromRightAnim1 1s ease-in;
	-ms-animation: fromRightAnim1 1s ease-in;
	animation: fromRightAnim1 1s ease-in;
}
@-webkit-keyframes fromRightAnim1{
	0%{  opacity: 0; }
	100%{  opacity: 1; }
}


@-moz-keyframes fromRightAnim1{
	0%{  opacity: 0; }
	100%{  opacity: 1; }
}

@-o-keyframes fromRightAnim1{
	0%{  opacity: 0; }
	100%{  opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
	0%{  opacity: 0; }
	100%{  opacity: 1; }
}

@keyframes fromRightAnim1{
	0%{  opacity: 0; }
	100%{  opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim1 1s ease-in ;
	-moz-animation: fromLeftAnim1 1s ease-in;
	-o-animation: fromLeftAnim1 1s ease-in;
	-ms-animation: fromLeftAnim1 1s ease-in;
	animation: fromLeftAnim1 1s ease-in;
}
.da-slide-fromleft .da-content{
	-webkit-animation: fromLeftAnim1 1s ease-in ;
	-moz-animation: fromLeftAnim1 1s ease-in;
	-o-animation: fromLeftAnim1 1s ease-in;
	-ms-animation: fromLeftAnim1 1s ease-in;
	animation: fromLeftAnim1 1s ease-in;
}
@-webkit-keyframes fromLeftAnim1{
	0%{  opacity: 0; }
	100%{  opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
	0%{  opacity: 0; }
	100%{  opacity: 1; }
}


@-o-keyframes fromLeftAnim1{
	0%{  opacity: 0; }
	100%{  opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
	0%{  opacity: 0; }
	100%{  opacity: 1; }
}


@keyframes fromLeftAnim1{
	0%{  opacity: 0; }
	100%{  opacity: 1; }
}

/* Slide out to the right */
.da-slide-toright .da-img{
	-webkit-animation: toRightAnim1 1s ease-in;
	-moz-animation: toRightAnim1 1s ease-in;
	-o-animation: toRightAnim1 1s ease-in ;
	-ms-animation: toRightAnim1 1s ease-in;
	animation: toRightAnim1 1s ease-in;
}
.da-slide-toright .da-content{
	-webkit-animation: toRightAnim1 1s ease-in;
	-moz-animation: toRightAnim1 1s ease-in;
	-o-animation: toRightAnim1 1s ease-in ;
	-ms-animation: toRightAnim1 1s ease-in;
	animation: toRightAnim1 1s ease-in;
}
@-webkit-keyframes toRightAnim1{
	0%{   opacity: 1; }
	100%{  opacity: 0; }
}

@-moz-keyframes toRightAnim1{
	0%{   opacity: 1; }
	100%{  opacity: 0; }
}


@-o-keyframes toRightAnim1{
	0%{   opacity: 1; }
	100%{  opacity: 0; }
}

@-ms-keyframes toRightAnim1{
	0%{   opacity: 1; }
	100%{  opacity: 0; }
}

@keyframes toRightAnim1{
	0%{   opacity: 1; }
	100%{  opacity: 0; }
}

/* Slide out to the left*/
.da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim1 1s ease-in ;
	-moz-animation: toLeftAnim1 1s ease-in ;
	-o-animation: toLeftAnim1 1s ease-in ;
	-ms-animation: toLeftAnim1 1s ease-in ;
	animation: toLeftAnim1 1s ease-in ;
}
.da-slide-toleft .da-content{
	-webkit-animation: toLeftAnim1 1s ease-in ;
	-moz-animation: toLeftAnim1 1s ease-in ;
	-o-animation: toLeftAnim1 1s ease-in ;
	-ms-animation: toLeftAnim1 1s ease-in ;
	animation: toLeftAnim1 1s ease-in ;
}
@-webkit-keyframes toLeftAnim1{
	0%{   opacity: 1; }
	100%{  opacity: 0; }
}


@-moz-keyframes toLeftAnim1{
	0%{   opacity: 1; }
	100%{  opacity: 0; }
}


@-o-keyframes toLeftAnim1{
	0%{   opacity: 1; }
	100%{  opacity: 0; }
}


@-ms-keyframes toLeftAnim1{
	0%{   opacity: 1; }
	100%{  opacity: 0; }
}


@keyframes toLeftAnim1{
	0%{   opacity: 1; }
	100%{  opacity: 0; }
}



/*Higher Resolutions*/
@media (min-width: 1440px) {
	.da-slide h2,
	.da-slide p {
		margin-left:3%;
	}
	.da-slide .da-img{
		margin-left:0%;
	}
}

@media (min-width: 1680px) {
	.da-slide h2,
	.da-slide p  {
		margin-left:7%;
	}
	.da-slide .da-img{
		margin-left:0;
	}
}

@media (min-width: 1920px) {
	.da-slide h2,
	.da-slide p  {
		margin-left:12%;
	}
	.da-slide .da-img{
		margin-left:0%;
	}
}
.da-slide .btn {
    padding: 15px 50px;
    background: #df3031 !important;
    color: #fff;
    border: none !important;
    font-size: 18px;
    text-transform: uppercase;
}
.da-slide .btn:hover {
    background: #df3031 !important;
    -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
    box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
}
.index-banner01 {
    margin-left: 21%;
    margin-top: 14%;
}
@media screen and (max-width: 768px) {
  .index-banner01 {
    margin:0;
    text-align:center;
    vertical-align:bottom;
    padding-top:100px;
}  
}
.index-banner02 {
    margin-top:23%;
}