.wrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.dao-index {
	width: 100%;
	height: 100%;
}
.dao-index>img{ position: absolute; z-index: 2; display: inherit; left: 50%; margin-left: -418px;}
.dao-index .swiper-container {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
.dao-index .swiper-container .swiper-slide {
    background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.swiper-pagination .swiper-pagination-bullet{ width: 48px; height: 4px; border-radius: 0%;}
.swiper-pagination .swiper-pagination-bullet-active{ background-color: #FFFFFF;}
.dao-index .index-href{ width: 130px; height: 40px; background-color: #e73434; position: fixed; z-index: 2;
                        left: 26%; top:58%;}
.dao-index .index-href>a{ font-size: 16px; color: #FFFFFF; padding-left: 20px;}
.dao-index .index-href>i{ font-size: 35px; color: #FFFFFF; position: relative; top:5px;}
.dao-index .index-href-two{ left: 45%;}
.index-nav{ width: 60%; height: 125px; background: rgba(0,0,0,0.7); left: 20%;
                       position: fixed; z-index: 2; bottom: 0; border-radius: 4px 4px 0px 0px;}
.index-nav>ul{ width: 100%; margin-top: 25px;}
.index-nav>ul>li{ width: 19%; float: left; border-right: 1px #565866 solid;}
.index-nav>ul>li:last-child{ border-right: none;}
.index-nav>ul>li .nav-box .icon{ font-size: 30px; color: #e73434; display: inline-block;
                                 position: relative; left: 35px; top:10px;}
.index-nav>ul>li .nav-box .nav-tit{ font-size: 18px; color: #FFFFFF; text-align: center;}
.index-nav>ul>li .nav-box .nav-english{ font-size: 14px; color: #999999; display: block; color: #666666; text-align: left; padding-left: 87px;}
.index-nav>a{ display: block; color: #565866; font-size: 14px; text-align: center; line-height: 50px;}