#fullpage{width: 100vw; height: 100vh; box-sizing: border-box;}
#fullpage > .swiper-wrapper > .swiper-slide{display: flex; justify-content: center; align-items: center; height: 100%; box-sizing: border-box;}
#fullpage > .swiper-wrapper > .swiper-slide.seciton7{height: auto;}
.section{background: rgb(255, 255, 255); overflow: hidden; padding-top: 100px;}
.section.section1{padding-top: 0px;}
.section .introduct{width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; box-sizing: border-box; position: relative;}
#fullpage > .swiper-wrapper > .swiper-slide.seciton7 .introduct{height: auto;}
.banner, .ban-swiper, .sj-ban-swiper{width: 100%; height: 100%; position: relative;}
.banner .swiper-slide, .banner .swiper-slide .videoBox, .banner .swiper-slide .picBox{width: 100%; height: 100%;}
.banner .textBox{position: absolute; z-index: 4; top: 50%; left: 0; right: 0; transform: translateY(-50%); width: 100%;}
.banner .textBox .tit{font-size: 0.4rem; font-weight: bold; color: #fff; opacity: 0; visibility: hidden; transform: translateY(100px); transition: all 1s;}
.banner .textBox .tip{font-size: 0.24rem; color: #fff; letter-spacing: 0.26rem; margin-top: 8px; opacity: 0; visibility: hidden; transform: translateY(100px); transition: all 1s;}
.banner .swiper-slide-active .textBox .tip{transition: all 1s 0.2s;}
.banner .swiper-slide-active .textBox .tit, .banner .swiper-slide-active .textBox .tip{opacity: 1; visibility: visible; transform: translate(0);}
.banner .swiper-slide-active .picBox{-webkit-animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scale 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@keyframes scale{0%{-webkit-transform: scale(1.1); transform: scale(1.1);}}
#fullpage > .swiper-wrapper > .swiper-slide.autoHeight{padding-top: 0; height: auto;}
#fullpage > .swiper-wrapper > .swiper-slide.autoHeight .introduct{height: auto;}
.section2{background: url(s2bg.jpg) no-repeat center center; background-size: cover;}
.section2 .cont{display: flex; justify-content: space-between; align-items: center;}
.section2 .a1{width: 46%; box-sizing: border-box;}
.section2 .a1 .b1 .c1{display: flex; align-items: baseline; position: relative;}
.section2 .a1 .b1 .c1::before{content: '\20'; position: absolute; left: 0; top: -0.4rem; width: 20px; height: 5px; background: #e49e51;}
.section2 .a1 .b1 .c1 .tit{font-size: 0.65rem; font-weight: bold; color: #3c3c3c; line-height: 1;}
.section2 .a1 .b1 .c1 .dot{width: 9px; height: 9px; border-radius: 50%; background: #3c3c3c; margin-left: 0.38rem; transform: translateY(-0.11rem);}
.section2 .a1 .b1 .c1 .tip{font-size: 0.24rem; color: #3c3c3c; margin-left: 0.25rem; transform: translateY(-0.08rem);}
.section2 .a1 .b1 .c2{font-size: 16px; color: rgba(39,39,39,0.7); line-height: 28px; margin-top: 0.5rem; text-align: justify;}
.section2 .a1 .b2{margin-top: 0.9rem;}
.section2 .a1 .b2 .item-wrap{display: flex; justify-content: space-between;}
.section2 .a1 .b2 .item .top{display: flex; align-items: baseline;}
.section2 .a1 .b2 .item .top .c1{font-family: Arial; font-size: 0.55rem; font-weight: bold; color: #e49e51; line-height: 1; margin-right: 0.18rem; position: relative;}
.section2 .a1 .b2 .item .top .c2{font-size: 16px; color: #3d2503;}
.section2 .a1 .b2 .item .bot{font-size: 16px; color: #3d2503;}
.section2 .a2{width: 47.65%; box-sizing: border-box; cursor: pointer;}
.section2 .a2 .picBox{position: relative; overflow: hidden;}
.section2 .a2 .picBox img{width: 100%; border-top-right-radius: 1rem;}
.section2 .a2.vv .picBox::before{content: '\20'; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1.04rem; height: 1.04rem; border-radius: 50%; border: 0.1rem solid #fff; background: url(s2_2.png) no-repeat center center; background-size: 0.33rem 0.38rem;}
.section3{background: url(s3bg.jpg) no-repeat center center; background-size: cover;}
.m-title .a1 .tit{font-size: 0.32rem; font-weight: bold; color: #ffffff; text-align: center;}
.m-title .a1 .tip{font-size: 0.32rem; font-weight: bold; color: rgba(255,255,255,0.2); text-transform: uppercase; text-align: center;}
.section4 .a1 .tip{font-size: 16px; color: #ffffff; text-align: center; margin-top: 10px; font-weight: normal;}
.m-title .a2{margin-top: 0.2rem;}
.m-title .a2 .slide-hd{display: flex; justify-content: center;}
.m-title .a2 .slide-hd .item{margin: 0 0.45rem;}
.m-title .a2 .slide-hd .item a{display: flex; align-items: center; cursor: pointer; padding: 0 28px; border-radius: 8px; transition: all 0.3s; border: 1px solid transparent;}
.m-title .a2 .slide-hd .item .b1{width: 30px; height: 44px; background-position: left top; background-repeat: no-repeat; transition: all 0.4s; display: flex; align-items: center;}
.m-title .a2 .slide-hd .item .b2{font-size: 18px; font-weight: bold; color: #ffffff; margin-left: 14px; transition: all 0.3s;}
.m-title .a2 .slide-hd .item.on a{background: #fff;}
.m-title .a2 .slide-hd .item.on .b1{background-position: left top -88px;}
.m-title .a2 .slide-hd .item.on .b2{color: #b0600e;}
.m-title .a2 .slide-bd{margin-top: 0.54rem;}
.m-title .a2 .slide-bd .item{animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.m-title .a2 .slide-bd .picBox{position: relative; overflow: hidden;}
.m-title .a2 .slide-bd .picBox img{width: 100%; transition: all 0.3s;}
.m-title .a2 .slide-bd .picBox:hover img{transform: scale(1.1);}
.section4{background: url(s4bg.jpg) no-repeat center center; background-size: cover;}
.section4 .m-title .a2 .slide-hd .item.on a{background: none; border: 1px solid #fff;}
.section4 .m-title .a2 .slide-hd .item.on .b2{color: #fff;}
.section4 .a2 .slide-bd .picBox::before{content: '\20'; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0.7; transition: all 0.4s; z-index: 2;}
.section4 .a2 .slide-bd .swiper-slide-active .picBox::before{opacity: 0;}
.section4 .a2 .slide-bd .s4-prev, .section4 .a2 .slide-bd .s4-next{position: absolute; top: 50%; width: 20px; height: 20px; border-right: 2px solid #b0600e; border-bottom: 2px solid #b0600e; cursor: pointer; z-index: 4;}
.section4 .a2 .slide-bd .s4-prev{left: 17.1%; transform: translateY(-50%) rotate(135deg);}
.section4 .a2 .slide-bd .s4-next{right: 17.1%; transform: translateY(-50%) rotate(-45deg);}
.section5{background: url(s5bg.jpg) no-repeat center center; background-size: cover;}
.section5 .a1 .tip{font-size: 0.36rem; color: #282828; text-transform: uppercase; text-align: center; opacity: 0.5;}
.section5 .a1 .tit{font-size: 0.36rem; color: #282828; text-align: center;}
.section5 .a2{margin-top: 0.24rem;}
.section5 .a2 .slide-hd{display: flex; justify-content: center;}
.section5 .a2 .slide-hd .item{margin: 0 8px;}
.section5 .a2 .slide-hd .item a{display: block; font-size: 14px; color: #282828; height: 36px; line-height: 34px; box-sizing: border-box; border: 1px solid #282828; padding: 0 24px; transition: all 0.3s;}
.section5 .a2 .slide-hd .item.on a{background: #e49e51; border-color: #e49e51; color: #fff;}
.section5 .a2 .slide-bd{margin-top: 0.75rem;}
.section5 .a2 .slide-bd .item{animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.section5 .a2 .slide-bd .picBox{overflow: hidden;}
.section5 .a2 .slide-bd .picBox img{width: 100%; transition: all 0.3s;}
.section5 .a2 .swiper-slide{height: auto;}
.section5 .a2 .swiper-slide a{display: block; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #c9c9c9; background: #fff; position: relative; padding: 0.5rem 0.4rem 0.65rem 0.25rem;}
.section5 .a2 .swiper-slide .top{position: relative; z-index: 4; color: #000; transition: all 0.3s;}
.section5 .a2 .swiper-slide .top .b1{font-size: 24px;}
.section5 .a2 .swiper-slide .top .b2{font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0.26rem;}
.section5 .a2 .swiper-slide .top .b3{font-size: 14px; opacity: 0.6; line-height: 28px; display: -webkit-box; line-clamp: 3; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: box; -webkit-box-orient: vertical;}
.section5 .a2 .swiper-slide .bot{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; transition: all 0.4s; opacity: 0;}
.section5 .a2 .swiper-slide a:hover .top{color: #fff;}
.section5 .a2 .swiper-slide a:hover .bot{opacity: 1;}
.section.section6{padding-top: 0;}
.section6 .introduct{justify-content: space-between;}
.section6 .a1{width: 100%; height: 100%; box-sizing: border-box; padding-top: 100px; background: url(s6bg.jpg) no-repeat center center; background-size: cover;}
.section6 .a1 .cont{height: 100%; display: flex; justify-content: space-between; align-items: center;}
.section6 .a1 .b1 .c1{font-family: Arial; font-size: 0.35rem; font-weight: bold; color: #fff; text-transform: uppercase;}
.section6 .a1 .b1 .c2{font-size: 0.24rem; color: #fff;}
.section6 .a1 .b1 .c3{width: 0.75rem; height: 1px; background: #fff; margin-top: 0.12rem;}
.section6 .a1 .b2 .c1{width: 1.45rem; height: 1px; background: #fff; margin-left: auto;}
.section6 .a1 .b2 .c2{font-family: Arial; font-size: 0.24rem; color: #fff; margin-top: 0.24rem; letter-spacing: 0.26rem; transform: translateX(0.26rem);}
.section6 .a2{width: 100%; background: #fff; padding: 0.6rem 0;}
.section6 .a2 .cont{display: flex; justify-content: space-between;}
.section6 .a2 .b1{width: 40%;}
.section6 .a2 .b1 .tit{font-size: 0.24rem; font-weight: bold; color: #3c3c3c;}
.section6 .a2 .b1 .tip{font-size: 16px; color: #3c3c3c; margin-top: 0.3rem;}
.section6 .a2 .b1 .tip p{line-height: 38px; padding-left: 40px; background-repeat: no-repeat; background-position: left top 12px;}
.section6 .a2 .b1 .tip p:nth-child(1){background-image: url(lianxi1.jpg);}
.section6 .a2 .b1 .tip p:nth-child(2){background-image: url(lianxi2.jpg);}
.section6 .a2 .b1 .tip p:nth-child(3){background-image: url(lianxi3.jpg);}
.section6 .a2 .b1 .tip p:nth-child(4){background-image: url(lianxi4.jpg);}
.section6 .a2 .b1 .tip p:nth-child(5){background-image: url(lianxi5.jpg);}
.section6 .a2 .b2{width: 50%;}
.section6 .a2 .b2 .tit{font-size: 0.24rem; font-weight: bold; color: #333333; text-align: center;}
.section6 .a2 .b2 .msForm input{display: block; font-size: 14px; color: #333; height: 30px; line-height: 30px; box-sizing: border-box; border-radius: 5px; border: 1px solid #bfbfbf; padding: 0 28px; transition: all 0.3s; width: 100%;}
.section6 .a2 .b2 .msForm input:focus{background: #f1f1f1;}
.section6 .a2 .b2 .msForm{margin-top: 0.2rem;}
.section6 .a2 .b2 .ipt-1{display: flex; justify-content: space-between; margin-bottom: 6px;}
.section6 .a2 .b2 .ipt-1 .msipt{width: 31.75%; position: relative;}
.section6 .a2 .b2 .ipt-1 .msipt i{font-size: 14px; color: #ff0000; position: absolute; left: 14px; top: 50%; transform: translateY(-50%);}
.section6 .a2 .b2 .ipt-2{display: flex; justify-content: space-between; margin-bottom: 6px;}
.section6 .a2 .b2 .ipt-2 .msipt{width: 48.8%; position: relative;}
.section6 .a2 .b2 .ipt-2 .msipt i{font-size: 14px; color: #ff0000; position: absolute; left: 14px; top: 50%; transform: translateY(-50%);}
.section6 .a2 .b2 .ipt-2 input{width: 100%;}
.section6 .a2 .b2 .ipt-3{position: relative;}
.section6 .a2 .b2 .ipt-3 textarea{display: block; width: 100%; height: 120px; border-radius: 5px; resize: none; border: 1px solid #bfbfbf; box-sizing: border-box; padding: 14px 28px;}
.section6 .a2 .b2 .ipt-3 textarea:focus{background: #f1f1f1;}
.section6 .a2 .b2 .ipt-3 i{font-size: 14px; color: #ff0000; position: absolute; left: 14px; top: 18px;}
.section6 .a2 .b2 .sbt{margin-top: 16px;}
.section6 .a2 .b2 .sbt input{display: block; margin: 0 auto; width: 148px; height: 44px; border-radius: 30px; background: #e49e51; font-size: 14px; color: #fff; text-align: center; line-height: 44px; cursor: pointer;}
.swiper-slide-active .moveUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 2s; animation-duration: 2s;}
.swiper-slide-active .moveLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 2s; animation-duration: 2s;}
.swiper-slide-active .moveRight{-webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-duration: 2s; animation-duration: 2s;}
.swiper-slide-active .moveZoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-duration: 2s; animation-duration: 2s;}