*{margin: 0;padding: 0;-webkit-text-size-adjust: none;}
p{
	word-wrap: break-word;
	white-space: normal;
	word-break: break-all;
}
.footer{position: absolute;top: 0px;right: 10px; text-align: right;font-size: 10px;color: #b2d3e2;line-height: 50px;width: 100%;}
.inter{height: 100vh;position: relative;display: flex;justify-content: center;align-items: flex-start;}
.bg1{background: url(../images/bg.jpg) no-repeat;background-size: cover;}
.bg2{background: url(../images/bg2.jpg) no-repeat;background-size: cover;}
.content{height: 1136px;margin: 0px auto;padding-top: 60px;}
.logo,.slogan{display: block;margin: 30px auto;}
.slogan{margin-bottom: 40px;}
.daohang{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.daohang a{display: block;width: 295px;margin: 10px 20px;}
.fanhui{position: absolute;bottom: 14px;right: 30px;z-index: 20;}

.title{margin: 30px auto;display: block;}
.kuang{margin: 0px auto;padding: 70px 40px;}
.kuang1{background: url(../images/kuang1.png) no-repeat;width: 693px;height: 508px;}
.kuang1 p{font-size: 24px;color: #333333;line-height: 40px;text-indent: 2em;}
.kuang6{background: url(../images/kuang6.png) no-repeat;width: 693px;height: 250px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 40px;}
.kuang6 div{display: flex;justify-content: center;align-items: center;width: 50%;margin: 10px 0px;}

.kuang2{background: url(../images/kuang2.png) no-repeat;width: 693px;height: 829px;}
.kuang2>div{}
.kuang2 h3{font-size: 28px;color: #333333;font-weight: bold;text-align: center;margin-bottom: 5px;}
.kuang2 p{font-size: 22px;color: #333333;line-height: 30px;text-indent: 2em;}
.kuang2 p.p1{text-indent: 0em;position: relative;padding-left: 40px;}
.kuang2 p.p1 img{position: absolute;top: 0px;left: 0px;}

.t1{background: url(../images/title_bg.png) no-repeat left;margin: 10px 0px;}
.t1 span{font-size: 26px;color: #ffffff;font-weight: bold;line-height: 45px;display: block;padding-left: 14px;}
.cailiao{display: flex;justify-content: flex-start;align-items: flex-start;margin-top: 40px;}
.cailiao p{text-indent: 0;line-height: 33px;padding-left: 15px;}
.cailiao p:nth-child(2){margin-top: 7px;}
.cailiao p:nth-child(3){margin-top: 20px;}
.cailiao p:nth-child(4){margin-top: 33px;}
.cailiao p:nth-child(5){margin-top: 34px;}
.cailiao p:nth-child(6){margin-top: 15px;}
.kuang2 p.p2{text-indent: 0em;position: relative;line-height: 33px;}
.kuang2 p.p2 img{margin-top: 4px;margin-left: 0px;}
.company{margin: 30px 0px;}
.company p{text-indent: 0;text-align: right;line-height: 30px;}
.kuang2 p a{color: #333333;font-size: 20px;}

.kuang3{background: url(../images/kuang3.png) no-repeat;width: 750px;height: 852px;display: flex;justify-content: center;align-items: center;}
.lc{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;justify-content: center;}
.lc>div{width: 693px;height: 829px;position: relative;}
.lc>div div{position: absolute;width: 105px;height: 150px;}
.lc>div div:nth-child(1){top: 445px;left: 35px;}
.lc>div div:nth-child(2){top: 201px;left: 63px;}
.lc>div div:nth-child(3){top: 70px;left: 250px;}
.lc>div div:nth-child(4){top: 112px;left: 462px;}
.lc>div div:nth-child(5){top: 293px;left: 559px;}
.lc>div div:nth-child(6){top: 506px;left: 542px;}
.lc>div div:nth-child(7){top: 628px;left: 391px;}
.lc>div div:nth-child(8){top: 610px;left: 166px;}
.kuang3 .xuanwo{position: absolute;left: 0px;top: 50%;margin-top: -202px;}
.kuang3 .dian{position: absolute;left: 50%;top: 50%;margin-top: -260px;margin-left: -267px;}

.model{position: fixed;top: 0px;left: 0px;height: 100vh;width: 100%;background: rgba(52, 106, 129, 0.6);z-index: 30;display: flex;justify-content: center;align-items: center;display: none;}
.model>div{background: url(../images/kuang4.png) no-repeat;width: 750px;height: 926px;padding: 100px 85px 70px;position: relative;display: none;}
.t2{background: url(../images/title.png) no-repeat;width: 485px;height: 127px;line-height: 145px;color: #006472;font-weight: bold;font-size: 36px;text-align: center;padding-right: 60px;position: absolute;top: -66px;left: 153px;padding-left: 35px;}
.model>div p{font-size: 24px;color: #006472;line-height: 35px;text-indent: 2em;}
.btn{background: #006472;width: 300px;line-height: 60px;font-size: 30px;font-weight: bold;color: #ffffff;border-radius: 30px;text-align: center;letter-spacing: 10px;position: absolute;bottom: 40px;left: 50%;margin-left: -150px;}

.model1{position: fixed;top: 0px;left: 0px;height: 100vh;width: 100%;background: rgba(52, 106, 129, 0.6);z-index: 30;display: flex;justify-content: center;align-items: center;display: none;}
.model1>div{background: url(../images/kuang7.png) no-repeat right;width: 750px;height: 964px;padding: 76px 74px 70px;position: relative;display: none;}
.model1>div:nth-child(3),.model1>div:nth-child(4){background: url(../images/kuang8.png) no-repeat right;width: 750px;height: 447px;}
.model1>div .fanhui1{position: absolute;bottom: -80px;left: 50%;margin-left: -102.5px;}

.kuang4{background: url(../images/kuang5.png) no-repeat;width: 693px;height: 829px;}
.kuang4>div{}
.t3{background: url(../images/title_bg2.png) no-repeat left;margin: 10px 0px;}
.t3 span{font-size: 26px;color: #ffffff;font-weight: bold;line-height: 45px;display: block;padding-left: 14px;}

.kuang4>div p{font-size: 20px;color: #333333;line-height: 30px;text-align: center;display: flex;justify-content: center;align-items: center;}
.kuang4>div p span{color: #005875;}
.kuang4>div .list p{justify-content: flex-start;padding: 0px 98px;}
.kuang4>div p img{margin-right: 10px;}
.kuang4>div h4{font-size: 22px;font-weight: bold;color: #005875;text-align: center;margin: 0px 0px;margin-top: 10px;margin-bottom: 10px;}

.swiper-slide{height: 100vh;}
.swiper{height: 100vh;overflow: hidden;}

.music{z-index:80;position: absolute; right: 40px; top: 40px; -webkit-animation:music 1.5s linear infinite;-moz-animation:music 1.5s linear infinite;}
.musicBtn{z-index:80;position: absolute; right: 40px; top: 40px; }

@keyframes music{
  0%{-webkit-transform:rotate(0);transform:rotate(0);}
  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes music{
  0%{-webkit-transform:rotate(0);transform:rotate(0);}
  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}

.bg1 img{opacity: 0;}
.swiper-slide-active .logo{animation: 1s 0.2s fadeInDown forwards;}
.swiper-slide-active .slogan{animation: 1s 0.4s zoomInUp forwards;}
.swiper-slide-active .daohang a:nth-child(1) img{animation: 1s 0.8s fadeInUp forwards;}
.swiper-slide-active .daohang a:nth-child(2) img{animation: 1s 1s fadeInUp forwards;}
.swiper-slide-active .daohang a:nth-child(3) img{animation: 1s 1.2s fadeInUp forwards;}
.swiper-slide-active .daohang a:nth-child(4) img{animation: 1s 1.4s fadeInUp forwards;}

.s2 .title, .s2 .kuang, .s2 .kuang p, .s2 .kuang6, .s2 .content>p {opacity: 0;}
.swiper-slide-active .s2 .title:nth-child(1){animation: 1s 0.2s flipInY forwards;opacity: 1;}
.swiper-slide-active .s2 .kuang{animation: 1s 0.4s bounceIn forwards;}
.swiper-slide-active .s2 .kuang p{animation: 1s 0.8s fadeInUp forwards;}
.swiper-slide-active .s2 .title:nth-child(3){animation: 1s 1s bounceInLeft forwards;}
.swiper-slide-active .s2 .content>p:nth-child(4){animation: 1s 1.2s fadeInUp forwards;}
.swiper-slide-active .s2 .kuang6{animation: 1s 1.2s bounceIn forwards;}
.swiper-slide-active .s2 .kuang6 div:nth-child(1){animation: 1s 1.4s pulse infinite;}
.swiper-slide-active .s2 .kuang6 div:nth-child(2){animation: 1s 1.4s pulse infinite;}
.swiper-slide-active .s2 .kuang6 div:nth-child(3){animation: 1s 1.4s pulse infinite;}
.swiper-slide-active .s2 .kuang6 div:nth-child(4){animation: 1s 1.4s pulse infinite;}
.swiper-slide-active .s2 .content>p:nth-child(6){animation: 1s 2.2s fadeInUp forwards;}

.s3 .title, .s3 .kuang, .s3 .kuang>div{opacity: 0;}
.swiper-slide-active .s3 .title{animation: 1s 0.2s flipInY forwards;opacity: 1;}
.swiper-slide-active .s3 .kuang{animation: 1s 0.4s bounceIn forwards;}
.swiper-slide-active .s3 .kuang>div{animation: 1s 0.8s fadeInUp forwards;}

.gonggao1 h3, .gonggao1 div, .gonggao1 p{opacity: 0;}
.swiper-slide-active .gonggao1 h3:nth-child(1){animation: 1s 1s fadeInUp forwards;}
.swiper-slide-active .gonggao1 h3:nth-child(2){animation: 1s 1.2s fadeInUp forwards;}
.swiper-slide-active .gonggao1 p:nth-child(3){animation: 1s 1.4s fadeInUp forwards;}
.swiper-slide-active .gonggao1 div:nth-child(4){animation: 1s 1.6s fadeInUp forwards;}
.swiper-slide-active .gonggao1 p:nth-child(5){animation: 1s 1.8s fadeInUp forwards;}
.swiper-slide-active .gonggao1 div:nth-child(6){animation: 1s 2s fadeInUp forwards;}
.swiper-slide-active .gonggao1 p:nth-child(7){animation: 1s 2.2s fadeInUp forwards;}
.swiper-slide-active .gonggao1 p:nth-child(8){animation: 1s 2.4s fadeInUp forwards;}
.swiper-slide-active .gonggao1 p:nth-child(9){animation: 1s 2.6s fadeInUp forwards;}
.swiper-slide-active .gonggao1 p:nth-child(10){animation: 1s 2.8s fadeInUp forwards;}
.swiper-slide-active .gonggao1 p:nth-child(11){animation: 1s 3s fadeInUp forwards;}
.swiper-slide-active .gonggao1 p:nth-child(12){animation: 1s 3.2s fadeInUp forwards;}
.swiper-slide-active .gonggao1 p:nth-child(13){animation: 1s 3.4s fadeInUp forwards;}

.gonggao2 .t3, .gonggao2 p, .gonggao2 img{opacity: 0;}
.swiper-slide-active .gonggao2 .t3{animation: 1s 1s fadeInUp forwards;}
.swiper-slide-active .gonggao2 img{animation: 1s 1.4s fadeInLeft forwards;}
.swiper-slide-active .gonggao2 p{animation: 1s 1.4s fadeInRight forwards;}

.gonggao3 .t3, .gonggao3 p.p2, .gonggao3 .company{opacity: 0;}
.swiper-slide-active .gonggao3 .t1{animation: 1s 1s fadeInUp forwards;}
.swiper-slide-active .gonggao3 p:nth-child(2){animation: 1s 1.2s fadeInUp forwards;}
.swiper-slide-active .gonggao3 p:nth-child(3){animation: 1s 1.4s fadeInUp forwards;}
.swiper-slide-active .gonggao3 p:nth-child(4){animation: 1s 1.6s fadeInUp forwards;}
.swiper-slide-active .gonggao3 p:nth-child(5){animation: 1s 1.8s fadeInUp forwards;}
.swiper-slide-active .gonggao3 p:nth-child(6){animation: 1s 2s fadeInUp forwards;}
.swiper-slide-active .gonggao3 .company{animation: 1s 2.4s fadeInUp forwards;}


.s4 .title, .s4 .kuang, .s4 .kuang>img ,.s4 .kuang .lc>div div{opacity: 0;}
.swiper-slide-active .s4 .title{animation: 1s 0.2s flipInY forwards;opacity: 1;}
.swiper-slide-active .s4 .kuang{animation: 1s 0.4s bounceIn forwards;}
.swiper-slide-active .s4 .kuang .xuanwo{animation: 1s 0.8s jackInTheBox forwards;}
.swiper-slide-active .s4 .kuang .lc>div div:nth-child(1){animation: 1s 1.2s bounceIn forwards}
.swiper-slide-active .s4 .kuang .lc>div div:nth-child(2){animation: 1s 1.4s bounceIn forwards}
.swiper-slide-active .s4 .kuang .lc>div div:nth-child(3){animation: 1s 1.6s bounceIn forwards}
.swiper-slide-active .s4 .kuang .lc>div div:nth-child(4){animation: 1s 1.8s bounceIn forwards}
.swiper-slide-active .s4 .kuang .lc>div div:nth-child(5){animation: 1s 2s bounceIn forwards}
.swiper-slide-active .s4 .kuang .lc>div div:nth-child(6){animation: 1s 2.2s bounceIn forwards}
.swiper-slide-active .s4 .kuang .lc>div div:nth-child(7){animation: 1s 2.4s bounceIn forwards}
.swiper-slide-active .s4 .kuang .lc>div div:nth-child(8){animation: 1s 2.6s bounceIn forwards}
.swiper-slide-active .s4 .kuang .dian{animation: 1s 3s fadeIn forwards;}
.swiper-slide-active .s4 p{animation: 1s 3.2s fadeInUp forwards;}

.s5 .title, .s5 .kuang, .s5 .kuang>div, .lianxi .t1, .lianxi>p, .lianxi .t3,.list{opacity: 0;}
.swiper-slide-active .s5 .title{animation: 1s 0.2s flipInY forwards;opacity: 1;}
.swiper-slide-active .s5 .kuang{animation: 1s 0.4s bounceIn forwards;}
.swiper-slide-active .s5 .kuang>div{animation: 1s 0.8s fadeInUp forwards;}
.swiper-slide-active .lianxi .t1{animation: 1s 1s fadeInUp forwards;}
.swiper-slide-active .lianxi>p:nth-child(2){animation: 1s 1.2s fadeInUp forwards;}
.swiper-slide-active .lianxi>p:nth-child(3){animation: 1s 1.4s fadeInUp forwards;}
.swiper-slide-active .lianxi .t3{animation: 1s 1.6s fadeInUp forwards;}
.swiper-slide-active .lianxi .list:nth-child(5){animation: 1s 1.8s zoomInUp forwards;}
.swiper-slide-active .lianxi .list:nth-child(6){animation: 1s 2s zoomInUp forwards;}
.swiper-slide-active .lianxi .list:nth-child(7){animation: 1s 2.2s zoomInUp forwards;}
.swiper-slide-active .lianxi .list:nth-child(8){animation: 1s 2.4s zoomInUp forwards;}