*{margin:0;padding:0;font-family:"微软雅黑";box-sizing:border-box;-webkit-overflow-scrolling: touch;-webkit-tap-highlight-color:rgba(0,0,0,0);}
[v-cloak]{display: none;}
html{font-size:10px;}
html,body,#wrap{width:100%;height:100%;overflow:hidden;color:#333;background:#051d64;}
img{max-width:100%;}
li{list-style:none;}
#wrap{overflow-y:auto;font-size:4vw;line-height:1.6;background: #fff;max-width:980px;margin:auto;}
b{font-weight:normal;}
.banner{width:100%;display:block;}
.box1{background: linear-gradient(to right, #1e4076, #162e63);min-height:60vw}
.box1 .mess{background:url(../img/bg1.png) no-repeat;background-size:100% 100%;color:#fff;position:relative;top:-5.9vw;}
.box2{background:url(../img/bg2.png) no-repeat;background-size:100% 100%;color:#fff;margin-bottom:7vw;min-height:60vw}
.box4{background:url(../img/bg4.png) no-repeat;background-size:100% 100%;margin-bottom: 4vw;}
.box5{background:url(../img/bg5.png) no-repeat;background-size:100% auto;margin-bottom: 7vw;}
.mess{padding-left:27.5vw;font-size:3.2vw;line-height:6vw;}
.mess>img{position:absolute;right:1rem;bottom:6.2vw;width:14vw;}
.mess p:nth-of-type(1){padding-left:1vw;}
.mess p:nth-of-type(2){padding-left:12vw;overflow:hidden;font-size:3.8vw;line-height:8vw;}
.mess p span:nth-of-type(1){color:#cdbc74;float:left;margin-right:4.5vw;}
.mess p span:nth-of-type(2){color:#d8d9d5;float:left;margin-right:4.5vw;}
.mess p span:nth-of-type(3){color:#eac4a1;float:left;}
.mess p b{float:right;width:18vw;height:8vw;text-align:center;}
.table p{display:flex;display:-webkit-flex;width:100%;font-size:4vw;text-align:center;color:#fff;line-height:10.8vw;}
.table p.th{font-size:3.2vw;line-height:1;padding-bottom:3.4vw;}
.table p:nth-of-type(1),.table p:nth-of-type(3),.table p:nth-of-type(5){background: linear-gradient(to right, #1e4076, #162e63); }
.table p:nth-of-type(2),.table p:nth-of-type(4),.table p:nth-of-type(6){background: linear-gradient(to right, #3470aa, #2b619b); }
.table p span{flex:1;-webkit-flex:1;white-space:nowrap;}
.table p:nth-of-type(2){color:#cdbc74;}
.table p:nth-of-type(3){color:#d8d9d5;}
.table p:nth-of-type(4){color:#eac4a1;}
.table p:nth-of-type(2) span:nth-of-type(1){background:url(../img/num1.png) no-repeat center;background-size:auto 50%;color:#cdbc74;}
.table p:nth-of-type(3) span:nth-of-type(1){background:url(../img/num2.png) no-repeat center;background-size:auto 50%;color:#d8d9d5;}
.table p:nth-of-type(4) span:nth-of-type(1){background:url(../img/num3.png) no-repeat center;background-size:auto 50%;color:#eac4a1;}
.table p:nth-of-type(5) span:nth-of-type(1){background:url(../img/num4.png) no-repeat center;background-size:auto 50%;}
.table p:nth-of-type(6) span:nth-of-type(1){background:url(../img/num5.png) no-repeat center;background-size:auto 50%;}
.table p span:nth-of-type(2){width:24%;display:inline-block;flex:none;-webkit-flex:none;}
p.tip{text-align:right;font-size:3vw;line-height:10.8vw;color:#b9bccb;padding-right:5%;}
.swiper-pagination{text-align:right;padding-right:8vw;}
.swiper-pagination-bullet{width:1rem;height:1rem;border-radius:50%;background:#eee;}
.swiper-pagination-bullet-active{background:#fff;}
#swiper1{position:relative;}
#swiper1 h6{line-height:10.8vw;font-size:4vw;font-weight:normal;margin:3rem 0 1rem;height:10.8vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#swiper1 .swiper-slide{padding:0 2rem;}
#swiper1 .swiper-slide img{border-radius:.5rem;width:100%;height:50.5vw;}
h2{position:relative;font-weight:normal;text-align:center;}
h2 img{}
h2 span{position:absolute;right:4vw;top:2vw;font-size:3vw;}
.box3{font-size:4vw;line-height:6vw;margin-bottom:7vw;}
.box3 h2 span{top:1.8vw;}
.box3 li{position:relative;padding:2vw 0 2vw 23vw;font-size:3.4vw;}
.box3 li:before{content:'';width:1px;height:100%;position:absolute;left:19vw;top:4vw;background:#f4f4f4;}
.box3 li:nth-of-type(5):before{content:'';background:none}
.box3 li b{position:absolute;width:20vw;left:0;top:3.4vw;bottom:0;text-align:right;padding-right:3.8vw;line-height:1;height:3.4vw;font-weight:normal;}
.box3 li b:after{content:"";position:absolute;width:2vw;height:2vw;right:0;top:0;bottom:0;margin:auto;background:url(../img/o2.png);background-size:auto 100%;}
.box3 li:nth-of-type(1) b:after,.box3 li:nth-of-type(2) b:after{background:url(../img/o.png);background-size:auto 100%;}
.box3 li p{font-size:4vw;padding-right: 2vw;}
.swiper2Box{background:url(../img/swiper2.png) no-repeat;background-size:100% auto;padding-top:3.6vw;margin-bottom:4.4vw;}
 #swiper2{padding:0 53vw 0 17vw;}
.box4 .swiper-slide{padding:0 2.6vw;}
.box4 .swiper-slide p{text-align:center;font-size:1.6rem;background:#fff;border:1px solid #cdcdcd;padding:1vw 0 3vw;border-radius:1vw;}
.box4 .swiper-slide-active p{background:#499ad9;border:1px solid #b2d5ef;box-shadow:0 0 1vw .5vw #cae3f6;color:#fff;}
.box4 .swiper-slide span{text-align:center;font-size:1.2rem;color:#a1a1a1;}
.box4 .swiper-slide-active span{color:#c3d9f0;}
.box4 .swiper-slide b{font-weight:normal;display:block;line-height:1;}
.box4 li{padding:4vw 3vw;border-top:1px solid #efefef;line-height:6vw;display:flex;display:-webkit-flex;}
.box4 li p{flex:1;-webkit-flex:1;}
.box4 li span{width:13vw;text-align:right;line-height:6vw;}
.box4 li span:nth-of-type(2){width:19vw;text-align:center;line-height:6vw;}
.box4 .more{width:70%;text-align:center;background:#ecf5fc;margin:auto;height:7vw;line-height:7vw;}
.box4 .more span{padding-right:3.2vw;background:url(../img/more.png) no-repeat right center;background-size:auto 40%;}
.box5{padding-top:35vw;}
#swiper3{padding-right:20vw;background:url(../img/time.png) repeat-x center 8vw;background-size:auto 1.2vw;}
#swiper3 .swiper-slide{padding:12vw 0rem 0 4vw;}
#swiper3 .swiper-slide span{color:#d4c082;position:absolute;width:100%;top:1vw;left:0;padding:0 0 2vw 4vw;}
#swiper3 .swiper-slide span:after{content:'';position:absolute;width:4vw;height:2vw;left:8vw;top:8.2vw;background:url(../img/down.png) no-repeat center;margin:auto;background-size:100% auto;}
#swiper3 .swiper-slide span.none:after{background:none;}
#swiper3 .swiper-slide img{margin-top:1rem;border-radius:1vw;width:100%;height:62.4vw;}
.box6{margin-bottom:7vw;}
.box6 div{position:relative;padding:1rem 1.5rem;border-bottom:1px solid #f2f2f2;}
.box6 div:last-child{border:none;}
.box6 div span{width: 5.8vw;height: 6vw;float:left;background: url(../img/play.png) no-repeat center;background-size: 100% auto;margin-right:.4rem;}
.box6 div span.pause{width: 5.8vw;height: 6vw;float:left;background: url(../img/pause.png) no-repeat center;background-size: 100% auto;margin-right:.4rem;}
.box6 div i{}
/* .box6 div:nth-of-type(1) i, */#wrap .box6 div i.morning{width:13vw;height:6vw;float:left;margin-right:.4rem;background: url(../img/morning.png) no-repeat left center;background-size: 100% auto;}
/* .box6 div:nth-of-type(2) i, */#wrap .box6 div i.night{width:13vw;height:6vw;float:left;margin-right:.4rem;background: url(../img/night.png) no-repeat left center;background-size: 100% auto;}
.box6 div p,.box7 ul li p{width:100%;text-align:left;color:#b2b2b2;margin-top:1vw;font-size: 3.4vw;}
.box7 ul{padding:1rem 1.5rem;}
.box7 ul li{padding:2.8vw 2.8vw 3vw 0;border-bottom:1px solid #f2f2f2;display:flex;display:-webkit-flex;/* min-height:26.6vw; */}
.box7 li:last-child{border:none;}
.box7 ul li div{flex:1;-webkit-flex:1;position:relative;padding-bottom:5vw;min-height:16vw;}
.box7 ul li img{width:29.5vw;height:19.8vw;border-radius:1vw;margin-left:2.4vw;}
.box7 ul li h5{font-size:4vw;line-height:5.5vw;max-height:16.5vw;font-weight:normal;overflow:hidden;}
.box7 ul li p{position:absolute;left:0;bottom:0vw;}

.bannerBox{position:relative;}
.bannerBox>span{position:absolute;left:1vw;bottom:1vw;width:25vw;height:7.8vw;color:#fff;text-align:center;line-height:7.8vw;text-shadow: 3px 3px 3px #333;}
@keyframes loading {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
	
	
 @media only screen and (min-width: 1000px) {
	html{font-size:16px;}
	body{overflow-y:auto;}
	#wrap{height:auto;font-size:26px;line-height:1.8;}
	.box1{min-height:400px;}
	.box2{min-height:400px;margin-bottom:30px}
	.box1 .mess{padding-left:27.5%;font-size:26px;line-height:2.4;top: -60px;}
	.mess>img{position:absolute;bottom:40%;width:14%;}
	.mess p:nth-of-type(1){padding-left:1%;}
	.mess p:nth-of-type(2){padding-left:14%;font-size:30px;line-height:2.4;}
	.mess p span:nth-of-type(1){margin-right:4.5%;}
	.mess p span:nth-of-type(2){margin-right:4.5%;}
	.mess p b{width:18%;height:80px;}
	.table p{font-size:30px;line-height:2.5;}
    .table p.th{font-size:26px;padding-bottom:30px;}
    #swiper1 h6 {line-height: 60px;height: 60px;font-size:26px;margin:40px 0 20px;}
    #swiper1 .swiper-slide img{height:515px;}
    #wrap h2 span{position:absolute;right:40px;top:-10px;font-size:22px;}
    .box3 li {padding: 20px 0 20px 23%;}
    .box3 li p {font-size:26px;padding-right:2%;line-height:2}
    .box3 li b{width:20%;left:0;top:32px;padding-right:3%;height:30px;font-size:24px;}
    .box3 li b:after{width:20px;height:20px;}
    .box3 li:before{left:19.1%;top:50px;background:#f4f4f4;}
    #swiper2 {padding: 0 53% 0 17%;}
    .box4 .swiper-slide p{padding:10px 0 25px}
    .box4 li {font-size:26px;line-height:1.8;padding:20px 4%;}
    .box4 li span{width:13%;line-height:2;}
    .box4 li span:nth-of-type(2){width:19%;line-height:2;}
    .swiper2Box{padding-top:20px;margin-bottom:30px}
    .box4 .more{height:60px;line-height:60px}
    .box5{padding-top:300px;margin-bottom:30px;}
    #swiper3 { padding-right:20%;background: url(../img/time.png) repeat-x center 75px;background-size: auto 8px;}
    #swiper3 .swiper-slide{padding:125px 0 0 42px;}
    #swiper3 .swiper-slide span:after {width: 40px;height: 20px;left: 80px;top: 70px;}
    #swiper3 .swiper-slide img{height:auto;}
    .box6 div span,.box6 div span.pause{width:40px;height:40px;}
	.box6 div:nth-of-type(1) i,#wrap .box6 div i.morning{width:13%;height:50px;}
	.box6 div:nth-of-type(2) i,#wrap .box6 div i.night{width:13%;height:50px;}
	.box6{margin-bottom:30px;}
    .box7 ul li div{flex:1;-webkit-flex:1;position:relative;padding-bottom:40px;min-height:160px;}
	.box7 ul li{padding:20px 20px 30px 20px;min-height:20px;}
	.box7 ul li img{width:29.5%;top:35px;right:4%;height:128px;border-radius:10px;}
	.box7 ul li h5{font-size:30px;line-height:2;max-height:180px;}
	.box7 ul li p{bottom:0px;font-size:26px}
    .box6 div p{font-size:26px;}
    .bannerBox>span{width:25%;height:80px;line-height:80px;left:10px;bottom:10px;}




} 
.offline{position:fixed;width:100%;height:100%;background:#fff;text-align:center;padding:20% 0 0;z-index:999;}
.offline img{display:block;margin:3rem auto 0;position:relative;left:.8rem;width:30vw;}
.offline span{padding:0.5rem 2.8rem;border-radius:2rem;border:1px solid #ccc;}

.toTop{position:fixed;bottom:10vw;right:5vw;width:8vw;height:8vw;background:url(../img/toBottom.png);background-size:100% 100%;z-index:99}