.visualWrap {
    width: 100%; position: relative; height: 100%;
}
.visualWrap .textWrap { width: 500px; position: absolute; top: 225px; left: 50%;  margin-left: 250px; text-align: right;}
.visualWrap .textWrap img { display: inline-block; opacity: 0; position: relative; left: -50px;}
.visualWrap .swiper-slide-active .textWrap img.nth1 { opacity: 1; left:0; transition: all 1s ease 0s;}
.visualWrap .swiper-slide-active .textWrap img.nth2 { opacity: 1; left:0; transition: all 1s ease .3s;}
.visualWrap .swiper-slide-active .textWrap img.nth3 { opacity: 1; left:0; transition: all 1s ease .6s;}
.visualWrap .textWrap .nth2 {    margin-top: 25px; margin-bottom: 30px;}
.visualWrap .textWrap .txt3 { margin-bottom: 25px;}
.visualWrap .swiper-wrapper { height: 980px; position: absolute; top: 0; left: 0; width: 100%;}
.visualWrap .imgWrap {
    position:relative;
    width: 100%;
}
.visualWrap .imgWrap img { max-width: inherit; position: relative; left: 50%; margin-left: -960px;}

.visualWrap .imageWrap .image1 {
    width: 100%;
}

.visualWrap .imageWrap .text2 {
    position:absolute; left: 55%;
}

.section  { overflow: hidden;}
.sec1Wrap {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    height: 100%;
	background: url('../images/main/sec1_bg.png') no-repeat top center #e9e7e5;
}

.sec1Wrap .contWrap {  width: 1100px; margin: 120px auto 0; position: relative;}
.sec1Wrap .tit { display: block; margin: 0 auto 5%;}
.sec1Wrap .linkWrap { width: 100%; margin: 0 auto 7%; position: relative;}
.sec1Wrap .linkWrap::after { width: 1px; height: 0; display: block; clear: both; content: "";}
.sec1Wrap .linkWrap li { width: 200px; float: left; margin-right: 25px; position: relative;}
.sec1Wrap .linkWrap li:last-child { margin-right: 0;}
.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 { width: 382px; margin: 0 auto; position: relative;}
.sec1Wrap .swBox .swiper-container { width: 100%; position: relative; overflow: hidden;}
.sec1Wrap .swBox .prev { position: absolute; top: -20px; left: -85px;}
.sec1Wrap .swBox .next { position: absolute; top: -20px; right: -85px;}


.sec2Wrap {
    position:relative;
    height: 100%;
    /*display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;*/
	overflow: hidden;
}

.sec2Wrap .contWrap {  width: 100%; margin: 60px auto 0; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.sec2Wrap .list { width: 100%; position: relative;}
.sec2Wrap .list::after { width: 1px; height: 0; display: block; clear: both; content: "";}
.sec2Wrap .list li{ width: 20%; position: relative; float: left; overflow: hidden; border-right: 1px solid #dfdfdf;}
.sec2Wrap .list li:last-child { border: none;}
.sec2Wrap .list li img { display: block; position: relative; left: 50%; margin-left: -192px; max-width: inherit;}
.sec2Wrap .list li img:last-child { position: absolute; top: 0; opacity: 0; transition: all .3s; }
.sec2Wrap .list li:hover img:first-child { opacity: 0;}
.sec2Wrap .list li:hover img:last-child {opacity: 1;}

.sec3Wrap {
    position:relative;
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	background: url('../images/main/sec3_bg.png') repeat-y top center #eae6e1;
}

.sec3Wrap .contWrap {  width: 1400px; margin: 120px auto 0; position: relative;}
.sec3Wrap .tit { margin-bottom: 60px;}
.sec3Wrap .contWrap > div { width: 100%; position: relative;}
.sec3Wrap .nth1 { margin-bottom: 60px;}
.sec3Wrap .nth2 { position: absolute; top: 0; right: 0}
.sec3Wrap .nth4 { width: 180px; height: 100px; display: block; position: absolute; bottom: 0; left: 394px; z-index: 1;}




.sec4 { padding-top: 90px; height: 100%; background: #f1f1f1;}
.sec4 .bg { max-width: inherit; position: absolute; bottom: 0; left: 50%; margin-left: -960px;}
.sec4 .txtWrap { width: 500px; position: absolute; top: 20%; left: 50%; margin-left: -250px; z-index: 1; text-align: center;}
.sec4 .txtWrap img { display: inline-block;}
.sec4 .txtWrap img.nth2  {margin: 3% 0 5%;}
.sec4 .scd { width: 952px; margin: 0 auto; position: relative; position: absolute; top: 38%; left: 50%; margin-left: -476px; z-index: 1;}
.sec4 .scd::after { width: 1px; height: 0; display: block; clear: both; content: "";}
.sec4 .scd li { width: 220px; height: 200px; position: relative; float: left; margin-right: 24px; margin-bottom: 24px; overflow: hidden; transition: all .3s;}
.sec4 .scd li.nth4 { margin-right: 0; margin-bottom: 0;}
.sec4 .scd li.nth5 { margin-bottom: 0; width:464px;}
.sec4 .scd li.nth6 { margin-bottom: 0; width: 464px;  margin-right: 0px;}
.sec4 .scd li.nth8 { margin-bottom: 0; margin-right: 0; width: 406px;}
.sec4 .scd li img { transition: all .3s;}
.sec4 .scd li img:first-child { opacity: 1}
.sec4 .scd li img:last-child { opacity: 0; position: absolute; top: 0;}
.sec4 .scd li:hover img:first-child { opacity: 0}
.sec4 .scd li:hover img:last-child { opacity: 1}

.sec5 { padding-top: 90px; height: 100%; background: #fff; z-index: 1;}
.sec5::after { width: 100%; height: 30%; position: absolute; bottom: 0; left: 0; background: #e9e7e5; content: '';}
.sec5 .wrap { width: 80%; max-width: 1498px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -44%); z-index: 1;}
.sec5 .wrap .swiper-container { width: 100%; overflow: hidden;}
.sec5 .wrap .btnWrap { width: 100%; height: 1px; position: absolute; top:0px; left: 0; z-index: 1;}
.sec5 .wrap .btnWrap img { cursor: pointer;}
.sec5 .wrap .btnWrap img.next { position: absolute; top: 0; right: 0;}

.sec6 { padding-top: 90px; height: 100%; background: #dfd9d4; overflow: hidden;}
.sec6 .bg { max-width: inherit; position: absolute; top: 0; left: 50%; margin-left: -960px;}
.sec6 .txtWrap { width: 400px; position: absolute; top: 20%; left: 50%; margin-left: -650px; z-index: 1; padding-top: 20px;}
.sec6 .txtWrap .nth2 { margin: 65px 0 85px;}
.sec6 .txtWrap .btnWrap { text-align: right;}
.sec6 .txtWrap .btnWrap img { display:inline-block; margin-left: 10px; cursor: pointer;}
.sec6 .swiper-container { width: 940px; padding-bottom: 40px; position: absolute; top: 20%; left: 50%; margin-left: -175px; z-index: 1; text-align: center; overflow: hidden;}
.sec6 .swiper-slide { width: 460px; height: 610px; background: #fff; position: relative; overflow: hidden; border-radius: 25px; }
.sec6 .swiper-slide a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: flex-end;}
/*.sec6 .swiper-slide a::after { width: 100%; height: 100%; display: block; background: rgba(0,20,45,0); position: absolute; top: 0; left: 0; content: ''; transition: all .3s;}
.sec6 .swiper-slide a:hover::after {  background: rgba(0,20,45,.1); }*/


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