.visualWrap {
    display: flex;
    flex-flow: column;
    align-items: center;
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	position: relative;
   
}

.visualWrap .bg { display: block; width: 100%;}

.visualWrap .textWrap {
    position:absolute;
	top: 18%;; left: 0;
}
.visualWrap .page { width: 100%; position: absolute; bottom: 4%; left: 0; z-index: 1; text-align: center;}
.visualWrap .page .swiper-pagination-bullet { width: 20px; height: 20px; border: 1px solid #fff; background: none; opacity: 1; position: relative;}
.visualWrap .page .swiper-pagination-bullet-active::after { width: 4px; height: 4px; background: #fff; border-radius: 2px; position: absolute; top: 7px; left: 7px; content: "";}
.sec {
    overflow: hidden;
}

.sec4{ width: 100%; position: relative; background: #f1f1f1; max-width: 720px; margin: 0 auto;}
.sec5{ width: 100%; position: relative; background: #fff; max-width: 720px; margin: 0 auto;}
.sec5 .btnWrap { width: 86%; position: absolute; top: 63%; left: 7%; z-index: 1;}
.sec5 .btnWrap img { width: 27%;}
.sec5 .btnWrap img.next { position: absolute; top: 0; right: 0;}

.sec6{ width: 100%; position: relative; background: #fff; max-width: 720px; margin: 0 auto;}
.sec6 .swiper-container{ width: 90%; position: absolute; top: 33%; right: 0%; z-index: 1; overflow: hidden; padding-bottom: 20px;}
.sec6 .swiper-slide {border-radius: 20px; overflow: hidden;  box-shadow: 0px 10px 10px rgba(0,0,0,.3); padding-top: 4%; background: #fff;}
.sec6 .page { width: 100%; position: absolute; bottom: 22%; left: 0; z-index: 1; text-align: center;}
.sec6 .page .swiper-pagination-bullet { width: 20px; height: 20px; border: 1px solid #fff; background: none; opacity: 1; position: relative;}
.sec6 .page .swiper-pagination-bullet-active::after { width: 4px; height: 4px; background: #fff; border-radius: 2px; position: absolute; top: 7px; left: 7px; content: "";}


.sec1Wrap {
   	width: 100%; position: relative;
	background: #e9e7e5;
	padding: 80px 0;
}

.sec1Wrap .contWrap {
    width: 100%; position: relative;
	overflow: hidden;
}

.sec1Wrap .tit { margin-bottom: 40px;}
.sec1Wrap .linkWrap { width: 170%; margin-bottom: 50px; margin-left: 5%; transform: translate(0); transition: all .3s;}
.sec1Wrap .linkWrap::after { width: 1px; height: 0; display: block; clear: both; content: "";}
.sec1Wrap .linkWrap li { width: 19%; margin-right: 1%; float: left; position: relative;}
.sec1Wrap .linkWrap li img {opacity: 1; transition: all .3s;}
.sec1Wrap .linkWrap li img:last-child { position: absolute; top: 0; left: 0; opacity: 0; }
.sec1Wrap .linkWrap li.on img:first-child { opacity: 0;}
.sec1Wrap .linkWrap li.on img:last-child {opacity: 1;}
.sec1Wrap .swBox .swiper-container { width: 100%; position: relative; overflow: hidden;}
.sec1Wrap .swBox .prev { position: absolute; top: -10px; left: 5%; z-index: 10;}
.sec1Wrap .swBox .next { position: absolute; top: -10px; right: 5%; z-index: 10;}

.sec2Wrap {
	position: relative;
}
.sec2Wrap .page { width: 100%; position: absolute; top: 60%; left: 0; text-align: center; z-index: 10;}
.sec2Wrap .page .swiper-pagination-bullet { width: 20px; height: 20px; border: 1px solid rgba(17,17,17,0); position: relative; border-radius: 50%; opacity: 1; background: none;}
.sec2Wrap .page .swiper-pagination-bullet::after { width: 4px; height: 4px; background: #111; position: absolute; top: calc(50% - 2px); left: calc(50% - 2px); border-radius: 50%; content: ""}
.sec2Wrap .page .swiper-pagination-bullet-active {border: 1px solid rgba(17,17,17,1);}

.sec3Wrap {
    background-color: #eae6e1;
    position: relative;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	padding: 60px 0;
}


.sec4Wrap {
    background: url(../images/main/bg_sec4.png) no-repeat center/cover;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.sec4Wrap .text1 {
}

.sec4Wrap .image1 {
    position:relative;
    margin-bottom: 25px;
    padding:0 8%;
}

.sec4Wrap .image1 .circle {
    position:absolute;
    top:-35px;
    right:0;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: 70px;
}

.sec4Wrap .image1 .circle .c1 {
    position:absolute;
    width: 20px;
}

.sec4Wrap .image1 .circle .c2 {
    animation:sec4circle 5s infinite linear;
}

@keyframes sec4circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.sec4Wrap .btn {
    width: 120px;
}