@charset "utf-8";
/* CSS Document */

/*Reset start*/
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, form, legend, button, p,th,td{border:0;font-size:100%;margin:0;outline:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
fieldset, img{border:none;}
img{vertical-align:top; border:0}
a{ text-decoration:none; outline:none; color:#000;}
a:hover{ color:#000;}
a:focus{outline:none; color:#000;}
a:hover,a:visited,a:active,a:link{text-decoration: none;}
ol, ul{list-style:none outside none; padding:0; margin:0}
/*table{border-collapse:collapse;border-spacing:0;}*/
sub,sup{font-size:80%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
var{ font-style:normal;}
var{ padding-left:3px;}
input,select{ outline:none;}
body,button,input,select,textarea{ padding:0; margin:0; font-style:normal;}
body{width: 100%;}
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clearfix:after {content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{display:inline-block; }
.clearfix{display:block;}
.clearbox{border-top:transparent 0px solid;clear:both;font-size:0;margin-top:0px;visibility:hidden; overflow:hidden;height:0;}

body{ font-family: "微软雅黑", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5; /* max-width: 1920px; */ margin: 0 auto; position: relative; overflow-x: hidden; background-color: #e5fbff;}
.edit-container{ width: 1600px; margin: 0 auto; position: relative;}

.visible-xs{ display: none !important;}
.hidden-box{ display: none;}

.logo{ height: 43px; position: fixed; top: 3vh; left: 2.4vw; z-index: 66;}
.logo img{ display: block; height: 100%;}
.icon-menu{ width: 48px; height: 48px; background: url(../images/icon-menu.png) center no-repeat #d3081e; background-size: cover; border-radius: 100%; position: fixed; top: 2.6vh; right: 3.489vh; z-index: 99; cursor: pointer;}

/* 导航 */
.menu-layer{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 88; display: none;}
.menu-layer .opacity{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.menu-layer .layer-inner{ width: 25.5%; height: 100%; background-color: rgba(0, 39, 105, 0.95); position: absolute; top: 0; right: 0; padding-top: 9vh;}
.menu-layer .layer-inner .nav{ padding: 0 0 0 14%;}
.menu-layer .layer-inner .nav li{ margin: 2vh 0; font-size: 0;}
.menu-layer .layer-inner .nav li a{ display: block; background: url(../images/nav-link-arrow.png) 87% center no-repeat; background-size: 7px auto;}
.menu-layer .layer-inner .nav li .icon{ display: inline-block; vertical-align: middle; width: 22%; overflow: hidden; position: relative; padding: 1px;}
.menu-layer .layer-inner .nav li .icon img{ display: block; width: 100%; background: url(../images/nav-icon-bg.png) center no-repeat; background-size: cover; border-radius: 100%;}
.menu-layer .layer-inner .nav li .icon::before{ content: ''; width: 100%; height: 100%; background: url(../images/nav-icon-border.png) center no-repeat; background-size: cover; border-radius: 100%; position: absolute; top: 0; left: 0;}
.menu-layer .layer-inner .nav li .title{ display: inline-block; vertical-align: middle; font-size: 20px; font-weight: bold; color: #fff; padding-left: 30px;}
.menu-layer .layer-inner .nav li a:hover .title,.menu-layer .layer-inner .nav li a.active .title{ font-size: 26px;}



.header-yun{ position: fixed; z-index: 77;}
.header-yun img{ display: block; width: 100%;}
.header-yun1{ width: 42.343%; left: -21.25%; top: -2.407%; z-index: 60;}
.header-yun2{ width: 38.281%; right: -16.041%; top: -4.259%;}
.header-yun3{ width: 22.395%; right: -13.697%; top: 10.74%;}

.home-story-header{ height: 300vh; /* display: none; */}
.yun-container{ width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 11; background: url(../images/stars-bg.png) top center no-repeat #02112d fixed; background-size: 100% auto;}
.yun-container .yun{ position: fixed;}
.yun-container .yun img{ display: block; width: 100%;}
.yun-container .yun2{ width: 32.031%; left: -26.197%; top: 18.518%;}
.yun-container .yun3{ width: 20.729%; left: 11.40625%; top: 26.481%;}
.yun-container .yun4{ width: 21.77%; left: 25.625%; top: 68.24%;}
.yun-container .yun5{ width: 18.437%; left: 38.281%; top: 10.925%;}
.yun-container .yun8{ width: 17.343%; right: 12.083%; top: 37.5%;}
.yun-container .yun9{ width: 30.208%; right: -9.01%; top: 48.611%;}
.yun-container .yun10{ width: 20.729%; right: 18.593%; top: 60%;}
.yun-container .yun-big{ width: 100%; height: 100%; left: 0; bottom: 0;}
.yun-container .yun-big img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.yun-container .slogan{ width: 41.458%; position: fixed; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.yun-container .slogan img{ display: block; width: 100%;}
.yun-container .slogan .slogan-circular{ width: 64.572%; position: absolute; top: 50%; left: 50%; transform:translate(-47%,-50%);}
.yun-container .slogan .slogan-circular .slogan-circular1{ -webkit-animation: circle1 5s infinite linear; animation: circle1 5s infinite linear;}
.yun-container .slogan .slogan-circular .slogan-circular2{ position: absolute; top: 0; left: 0; -webkit-animation: circle2 5s infinite linear; animation: circle2 5s infinite linear;}
.yun-container .slogan .slogan-txt{ position: absolute; top: 0; left: 0; z-index: 9;}

@-webkit-keyframes circle1{0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(180deg);} 100% {-webkit-transform: rotate(360deg);}}
@keyframes circle1{ 0%{-webkit-transform:rotate(0deg);}  50%{-webkit-transform:rotate(180deg);} 100% {-webkit-transform:rotate(360deg);}}
@-webkit-keyframes circle2{0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(-180deg);} 100% {-webkit-transform: rotate(-360deg);}}
@keyframes circle2{ 0%{-webkit-transform:rotate(0deg);}  50%{-webkit-transform:rotate(-180deg);} 100% {-webkit-transform:rotate(-360deg);}}

@-webkit-keyframes opacity{
	0%{ filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
	100% { filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
}
@keyframes opacity{
	0%{ filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
	100% { filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
}

@-webkit-keyframes sloganScale{
	0%{ -webkit-transform:scale(0);}
	100% { -webkit-transform:scale(1);}
}
@keyframes sloganScale{
	0%{ -webkit-transform:scale(0);}
	100% { -webkit-transform:scale(1);}
}

.home-container .header-yun,.home-container .logo,.home-container .icon-menu,.yun-container .yun,.yun-container .slogan{ opacity: 0;}
/* .yun-container .slogan-inner{ -webkit-transform:scale(0);}

.home-container .header-yun,.home-container .logo,.home-container .icon-menu{ -webkit-animation: opacity 1s linear forwards; animation: opacity 1s linear forwards;}
.yun-container .yun-big{ -webkit-animation: opacity 1s 1s linear forwards; animation: opacity 1s 1s linear forwards;}
.yun-container .yun-box .yun{ -webkit-animation: opacity 1s 2s linear forwards; animation: opacity 1s 2s linear forwards;}
.yun-container .slogan{ -webkit-animation: opacity 2s 3s linear forwards; animation: opacity 2s 3s linear forwards;}
.yun-container .slogan-inner{ -webkit-animation: sloganScale 1.5s 3s linear forwards; animation: sloganScale 1.5s 3s linear forwards;} */

.star-road-container{ width: 100vw; height: 1200vh; position: relative; z-index: 33;}
.star-road-section{ width: 100vw; height: 200vh; position: relative;}
.star-road-section .detail-box{ width: 100%; position: absolute; left: 55%; top: 20%; z-index: 99;}
.star-road-section .detail-box .title-box{ color: #fff; text-shadow: -1px 1px 5px #8655d0, 1px 1px 5px #8655d0, 1px -1px 5px #8655d0, -1px -1px 5px #8655d0;}
.star-road-section .detail-box .title-box .title{ font-weight: bold;}
.star-road-section .detail-box .title-box .title span{ display: inline-block; line-height: 1.5; padding: 5px 10px; background-image: linear-gradient(#e5fbff, #dec9f1); border-radius: 5px;}
.star-road-section .detail-box .title-box .title1{ font-size: 50px;}
.star-road-section .detail-box .title-box .title2{ font-size: 32px;}
.star-road-section .detail-box .btn-box{ margin-top: 10px;}
.star-road-section .detail-box .btn-box a{ display: inline-block; background-color: #8655d0; line-height: 44px; border-radius: 30px; font-size: 18px; color: #fff; padding: 0 15px; border: 1px solid #fff;}




.celestial-body-box{ width: 100vw; height: 100vh; background: url(../images/stars-bg.png) top center no-repeat #02112d fixed; background-size: 100% auto; position: fixed; top: 0; left: 0; /* display: none; */}
.celestial-body-box.zindex{ z-index: 22;}
.celestial-body-inner{ width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background: url(../images/star-road-bg.png) center no-repeat; background-size: cover;}
.celestial-body{ position: absolute;}
.celestial-body.zindex{ z-index: 5;}
.celestial-body img{ display: block; width: 100%;}
.celestial-body-block{ position: relative;}
.celestial-body .icon{ position: absolute;}
.celestial-body .detail-box{ width: 100%; position: absolute; left: 75%; bottom: 40%; z-index: 99; display: none;}
.celestial-body .detail-box .title-box{ color: #fff; text-shadow: -1px 1px 0 #8655d0, 1px 1px 0 #8655d0, 1px -1px 0 #8655d0, -1px -1px 0 #8655d0;}
.celestial-body .detail-box .title-box .title{ font-weight: bold;}
.celestial-body .detail-box .title-box .title span{ display: inline-block; line-height: 1.5; padding: 5px 10px; background-image: linear-gradient(#e5fbff, #dec9f1); border-radius: 5px;}
.celestial-body .detail-box .title-box .title1{ font-size: 24px;}
.celestial-body .detail-box .title-box .title2{ font-size: 16px;}
.celestial-body .detail-box .btn-box{ margin-top: 10px;}
.celestial-body .detail-box .btn-box a{ display: inline-block; background-color: #8655d0; line-height: 30px; border-radius: 30px; font-size: 12px; color: #fff; padding: 0 15px; border: 1px solid #fff;}

.celestial-body1{ width: 20.171%; left: 8.697%; top: 24.861%; -webkit-animation: beatBottom 3s linear infinite; animation: beatBottom 3s linear infinite;}
.celestial-body1 .star{ width: 33.532%; left: 30%; top: -3%; -webkit-animation: starSize 1.5s linear infinite; animation: starSize 1.5s linear infinite;}
.celestial-body1 .icon1{ width: 32.139%; left: 0; top: 38%; -webkit-animation: wobble1 6s linear infinite; animation: wobble1 6s linear infinite;}
.celestial-body1 .icon2{ width: 28.656%; right: 0; top: 15%; -webkit-animation: wobble2 8s linear infinite; animation: wobble2 8s linear infinite;}

.celestial-body2{ width: 20.25%; left: 37.1875%; top: 58.555%; -webkit-animation: beatTop 3s linear infinite; animation: beatTop 3s linear infinite;}
.celestial-body2 .star{ width: 37.4%; left: 0; top: -6%; -webkit-animation: starSize 1.8s linear infinite; animation: starSize 1.8s linear infinite;}

.celestial-body3{ width: 28.947%; right: 7.447%; top: 45.361%; -webkit-animation: beatBottom 3s linear infinite; animation: beatBottom 3s linear infinite;}
.celestial-body3 .star{ width: 28.521%; left: 0%; top: -3%; -webkit-animation: starSize 2s linear infinite; animation: starSize 2s linear infinite;}
.celestial-body3 .icon1{ width: 30.608%; left: 25%; top: -3%; -webkit-animation: wobble1 6s linear infinite; animation: wobble1 6s linear infinite;}

.celestial-body4{ width: 17.473%; left: 40.208%; top: 2.064%; -webkit-animation: beatBottom 3s linear infinite; animation: beatBottom 3s linear infinite;}
.celestial-body4 .star{ width: 44.709%; left: -5%; top: -5%; -webkit-animation: starSize 1.5s linear infinite; animation: starSize 1.5s linear infinite;}
.celestial-body4 .detail-box{ left: 90%;}

.celestial-body5{ width: 16.197%; right: 11.666%; top: 5.972%; -webkit-animation: beatTop 3s linear infinite; animation: beatTop 3s linear infinite;}
.celestial-body5 .star{ width: 46.463%; left: 10%; top: -5%; -webkit-animation: starSize 1.8s linear infinite; animation: starSize 1.8s linear infinite;}
.celestial-body5 .detail-box{ left: 85%;}

@-webkit-keyframes beatBottom{
	0%{-webkit-transform:translateY(0);}
	50%{-webkit-transform:translateY(5px);}
	100% {-webkit-transform:translateY(0);}
}
@keyframes beatBottom{
	0%{-webkit-transform:translateY(0);}
	50%{-webkit-transform:translateY(5px);}
	100% {-webkit-transform:translateY(0);}
}

@-webkit-keyframes beatTop{
	0%{-webkit-transform:translateY(0);}
	50%{-webkit-transform:translateY(-5px);}
	100% {-webkit-transform:translateY(0);}
}
@keyframes beatTop{
	0%{-webkit-transform:translateY(0);}
	50%{-webkit-transform:translateY(-5px);}
	100% {-webkit-transform:translateY(0);}
}

@-webkit-keyframes starSize{
	0%{-webkit-transform:scale(1); opacity: 1;}
	50%{-webkit-transform:scale(0.7); opacity: 0.6;}
	100% {-webkit-transform:scale(1); opacity: 1;}
}
@keyframes starSize{
	0%{-webkit-transform:scale(1); opacity: 1;}
	50%{-webkit-transform:scale(0.7); opacity: 0.6;}
	100% {-webkit-transform:scale(1); opacity: 1;}
}

@-webkit-keyframes wobble1{
	0%{-webkit-transform:translate(0,0);}
	50%{-webkit-transform:translate(-15px,0);}
	100%{-webkit-transform:translate(0,0);}
}
@keyframes wobble2{
	0%{-webkit-transform:translate(0,0);}
	50%{-webkit-transform:translate(-15px,0);}
	100%{-webkit-transform:translate(0,0);}
}

@-webkit-keyframes wobble2{
	0%{-webkit-transform:translate(0,0);}
	50%{-webkit-transform:translate(20px,0);}
	100%{-webkit-transform:translate(0,0);}
}
@keyframes wobble2{
	0%{-webkit-transform:translate(0,0);}
	50%{-webkit-transform:translate(20px,0);}
	100%{-webkit-transform:translate(0,0);}
}


.sub-banner{ position: relative;}
.sub-banner img{ display: block; width: 100%;}
.sub-banner .pic-inner{ height: 85%; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-65%);}
.sub-banner .pic-inner img{ display: block; width: auto; height: 100%;}

.list-container{ padding-top: 15px;}
.list-container ul{ margin: 0 -50px;}
.list-container li{ float: left; width: 50%; margin-bottom: 50px; padding: 0 50px; font-size: 0;}
.list-container li .video-play{ cursor: pointer;}
.list-container li .block-box .pic-box{ display: inline-block; vertical-align: middle; width: 53%; position: relative;}
.list-container li .block-box .pic-box img{ display: block; width: 100%;}
.list-container li .block-box .pic-box .pic2{ width: 87.437%; position: absolute; top: 7%; left: 50%; transform:translate(-50%,0); border: 3px solid #e5fbff; border-radius: 15px;}
.list-container li .block-box .cont-box{ display: inline-block; vertical-align: middle; width: 47%; padding-left: 30px;}
.list-container li .block-box .cont-box .type{ font-size: 20px; font-weight: bold; color: #fff;}
.list-container li .block-box .cont-box .type span{ display: inline-block; width: 167px; height: 40px; line-height: 40px; background: url(../images/type-bg.png) left top no-repeat; background-size: auto 100%; padding-right: 35px; text-align: center;}
.list-container li .block-box .cont-box .title{ font-size: 26px; font-weight: bold; margin-top: 20px;}

.content-container{ background: url(../images/content-bottom-bg.jpg) bottom center no-repeat; background-size: 100% auto; padding: 15px 0 130px 0;}
.content-container .content-inner{ width: 1200px; min-height: 785px; background: url(../images/content-icon.jpg) top right no-repeat #fff; background-size: 290px auto; border: 5px solid #addbf3; border-radius: 5px; margin: 0 auto; padding: 50px 80px;}
.content-container .content-inner .top-title-box{ text-align: center; color: #002a70; font-weight: bold;}
.content-container .content-inner .top-title-box .title{ font-size: 32px;}
.content-container .content-inner .top-title-box .time{ font-size: 18px; margin-top: 20px;}
.content-container .content-inner .content-inner-box{ font-size: 18px; line-height: 2; margin-top: 30px;}
.content-container .content-inner .content-inner-box p{ text-indent: 2em; margin-bottom: 30px;}
.content-container .content-inner .content-inner-box .img{ margin-bottom: 50px; font-size: 16px; text-align: center;}
.content-container .content-inner .content-inner-box .img img{ display: block; width: 85%; margin: 0 auto;}
.content-container .content-inner .content-inner-box .img p{ text-indent: 0; margin: 15px 0 0 0;}
.content-container .content-inner .content-inner-box .title{ margin-bottom: 20px; font-size: 20px; font-weight: bold; color: #fff; text-align: center;}
.content-container .content-inner .content-inner-box .title span{ display: inline-block; background-color: #2676c7; padding: 0 30px; border-radius: 40px;}

.guide-down{ position: fixed; bottom: 3.489vh; right: 3.489vh; z-index: 80; cursor: pointer;}
.guide-down .icon{ width: 56px; height: 56px; background: url(../images/icon-guide-down.png) center no-repeat; background-size: cover; border-radius: 100%; margin: 0 auto; animation: breathe 2s infinite linear;-webkit-animation: breathe 2s infinite linear;-moz-animation: breathe 2s infinite linear;-o-animation: breathe 2s infinite linear;}
.guide-down p{ font-size: 16px; color: #fff; margin-top: 10px; text-shadow: 1px 1px 0 #000;}
.guide-down:hover .icon{ background-image: url(../images/icon-guide-down-on.png);}

@-webkit-keyframes breathe{0%{-webkit-transform:scale(1.0);} 50%{-webkit-transform:scale(1.2);} 100% {-webkit-transform:scale(1.0);}}
@-moz-keyframes breathe{ 0% {-moz-transform:scale(1.0);}  50% {-moz-transform:scale(1.2);} 100% {-moz-transform:scale(1.0);}}
@-o-keyframes breathe{0%{-o-transform:scale(1.0);}  50%{-o-transform:scale(1.2);} 100%{-o-transform:scale(1.0);}}


/* 视频弹框 */
.video-layer{ width: 100%; height: 100%;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 999;display: none;}
.video-layer .opacity{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0.8;}
.video-layer .layer-inner{ width: 1000px; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.video-layer .layer-inner .layer-close{ width: 36px; height: 36px; background: url(../images/icon-album-close.png) center no-repeat; background-size: 26px; position: absolute; top: -60px; right: -42px; z-index: 11; cursor: pointer;}
.video-layer .layer-container{}
.video-layer .layer-container .video-box video{ display: block; width: 100%;}
.video-layer .layer-container .title{ margin-top: 25px; font-size: 20px; line-height: 20px; color: #fff;}






@media (max-width: 1680px){
	.edit-container{ width: 1280px;}
	
	.logo{ height: 34px;}
	.icon-menu{ width: 38px; height: 38px;}
	
	/* 导航 */
	.menu-layer .layer-inner .nav li .title{ font-size: 16px; padding-left: 24px;}
	.menu-layer .layer-inner .nav li a{ background-size: 6px auto;}
	.menu-layer .layer-inner .nav li a:hover .title,.menu-layer .layer-inner .nav li a.active .title{ font-size: 20px;}
	
	.star-road-section .detail-box .title-box .title1{ font-size: 40px;}
	.star-road-section .detail-box .title-box .title2{ font-size: 24px;}
	.star-road-section .detail-box .btn-box a{ font-size: 14px; line-height: 40px;}
	
	.celestial-body .detail-box .title-box .title1{ font-size: 19px;}
	.celestial-body .detail-box .title-box .title2{ font-size: 13px;}
	.celestial-body .detail-box .title-box .title span{ padding: 4px 8px;}
	.celestial-body .detail-box .btn-box a{ line-height: 24px; font-size: 10px;}
	
	
	.list-container ul{ margin: 0 -40px;}
	.list-container li{ padding: 0 40px;}
	.list-container li .block-box .cont-box{ padding-left: 25px;}
	.list-container li .block-box .cont-box .type{ font-size: 16px;}
	.list-container li .block-box .cont-box .type span{ height: 32px; line-height: 32px; padding-right: 28px; width: 134px;}
	.list-container li .block-box .cont-box .title{ font-size: 20px; margin-top: 15px;}
	
	.content-container{ padding: 15px 0 100px 0;}
	.content-container .content-inner{ width: 1080px; min-height: 628px; padding: 40px 65px; background-size: 232px auto;}
	.content-container .content-inner .top-title-box .title{ font-size: 26px;}
	.content-container .content-inner .top-title-box .time{ font-size: 14px; margin-top: 15px;}
	.content-container .content-inner .content-inner-box{ font-size: 14px; margin-top: 25px;}
	.content-container .content-inner .content-inner-box p{ margin-bottom: 25px;}
	.content-container .content-inner .content-inner-box .img{ font-size: 13px; margin-bottom: 40px;}
	.content-container .content-inner .content-inner-box .title{ font-size: 16px; margin-bottom: 15px;}
	.content-container .content-inner .content-inner-box .title span{ padding: 0 25px;}
	
	.guide-down .icon{ width: 44px; height: 44px;}
	.guide-down p{ font-size: 14px;}
	
	/* 视频弹框 */
	.video-layer .layer-inner{ width: 800px;}
	.video-layer .layer-inner .layer-close{ width: 32px; height: 32px; background-size: 24px; top: -48px; right: -34px;}
	.video-layer .layer-container .title{ font-size: 16px; margin-top: 20px;}
	
}

@media (max-width: 1440px){
	.edit-container{ width: 1120px;}
	
	.logo{ height: 30px;}
	.icon-menu{ width: 33px; height: 33px;}
	
	/* 导航 */
	.menu-layer .layer-inner .nav li .title{ font-size: 14px; padding-left: 20px;}
	.menu-layer .layer-inner .nav li a{ background-size: 6px auto;}
	.menu-layer .layer-inner .nav li a:hover .title,.menu-layer .layer-inner .nav li a.active .title{ font-size: 18px;}
	
	.star-road-section .detail-box .title-box .title1{ font-size: 32px;}
	.star-road-section .detail-box .title-box .title2{ font-size: 22px;}
	.star-road-section .detail-box .btn-box a{ line-height: 36px;}
	
	.celestial-body .detail-box .title-box .title1{ font-size: 16px;}
	.celestial-body .detail-box .title-box .title2{ font-size: 12px;}
	.celestial-body .detail-box .title-box .title span{ padding: 3px 7px;}
	.celestial-body .detail-box .btn-box a{ line-height: 22px;}
	
	.list-container ul{ margin: 0 -35px;}
	.list-container li{ padding: 0 35px;}
	.list-container li .block-box .cont-box{ padding-left: 20px;}
	.list-container li .block-box .cont-box .type{ font-size: 14px;}
	.list-container li .block-box .cont-box .type span{ height: 28px; line-height: 28px; padding-right: 25px; width: 117px;}
	.list-container li .block-box .cont-box .title{ font-size: 18px;}
	
	.content-container{ padding: 15px 0 90px 0;}
	.content-container .content-inner{ width: 960px; min-height: 550px; padding: 35px 55px; background-size: 203px auto;}
	.content-container .content-inner .top-title-box .title{ font-size: 22px;}
	
	.guide-down .icon{ width: 40px; height: 40px;}
	.guide-down p{ font-size: 13px;}
	
	/* 视频弹框 */
	.video-layer .layer-inner{ width: 700px;}
	.video-layer .layer-container .title{ font-size: 14px; margin-top: 15px;}
	
	
	
	
	
	
}


/* 特殊缩放 */
@media (max-width: 1280px){
	
	
}

@media (max-width: 1200px){
	/* 缩小70% */
	/* 共用样式 */
	.edit-container{ width: 960px;}
	
	.logo{ top: 2vh;}
	.icon-menu{ top: 1.6vh;}
	.header-yun2{ top: -3%;}
	
	/* 导航 */
	.menu-layer .layer-inner{ width: 34.5%;}
	
	
}

@media (max-width: 992px){
	/* 缩小60% */
	.edit-container{ width: 100%;}
	
	.visible-xs{ display: block !important;}
	.hidden-xs{ display: none !important;}
	
	.header-yun1{ width: 93%; top: -2%; left: -50%;}
	.header-yun2{ width: 80%; right: -50%; top: -1%;}
	.header-yun3{ width: 25%; right: -12%; top: 9%;}
	
	.logo{ height: 0.5rem; top: 0.2rem; left: 0.3rem;}
	.icon-menu{ width: 0.6rem; height: 0.6rem; top: 0.2rem; right: 0.3rem;}
	
	/* 导航 */
	.menu-layer .layer-inner{ width: 85%;}
	.menu-layer .layer-inner .nav li .title{ font-size: 0.28rem; padding-left: 0.4rem;}
	.menu-layer .layer-inner .nav li a{ background-size: 0.12rem auto; background-position: 90% center;}
	.menu-layer .layer-inner .nav li a:hover .title,.menu-layer .layer-inner .nav li a.active .title{ font-size: 0.32rem;}
	
	.yun-container .yun2{ width: 52.031%; left: -26.197%; top: 18.518%;}
	.yun-container .yun3{ width: 40.729%; left: 11.40625%; top: 26.481%;}
	.yun-container .yun4{ width: 41.77%; left: 25.625%; top: 68.24%;}
	.yun-container .yun5{ width: 38.437%; left: 38.281%; top: 10.925%;}
	.yun-container .yun8{ width: 37.343%; right: 6.083%; top: 37.5%;}
	.yun-container .yun9{ width: 50.208%; right: -9.01%; top: 48.611%;}
	.yun-container .yun10{ width: 40.729%; right: 68.593%; top: 60%;}
	.yun-container .slogan{ width: 85%;}
	
	.star-road-container{ height: 600vh;}
	.star-road-section{ height: 100vh;}
	.star-road-section .detail-box{ left: 0; padding: 0.4rem; top: 50%; transform:translate(0,-50%);}
	.star-road-section .detail-box .title-box .title1{ font-size: 0.36rem;}
	.star-road-section .detail-box .title-box .title2{ font-size: 0.28rem;}
	.star-road-section .detail-box .btn-box a{ font-size: 0.24rem; line-height: 0.54rem;}
	
	/* .celestial-body-box{ background: url(../images/star-road-bg.png) center no-repeat #02112d; background-size: cover;}
	.celestial-body-inner{ background: none;} */
	.celestial-body-block{ transform:scale(1.25);}
	.celestial-body .detail-box .title-box{ text-shadow: -0.02rem 0.02rem 0 #8655d0, 0.02rem 0.02rem 0 #8655d0, 0.02rem -0.02rem 0 #8655d0, -0.02rem -0.02rem 0 #8655d0;}
	.celestial-body .detail-box .title-box .title span{ padding: 0.05rem 0.1rem;}
	.celestial-body .detail-box .title-box .title1{ font-size: 0.24rem;}
	.celestial-body .detail-box .title-box .title2{ font-size: 0.2rem;}
	.celestial-body .detail-box .btn-box{ margin-top: 0.1rem;}
	.celestial-body .detail-box .btn-box a{ font-size: 0.16rem; line-height: 0.36rem; padding: 0 0.2rem;}
	
	
	.celestial-body1{ width: 41.171%; left: 8.697%; top: 60.861%;}
	.celestial-body2{ width: 41.25%; left: 57.1875%; top: 54.555%;}
	.celestial-body2 .star{ left: auto; right: 0;}
	.celestial-body2 .detail-box{ left: auto; right: 75%;}
	.celestial-body3{ width: 44.947%; right: 7.447%; top: 31.361%;}
	.celestial-body3 .star{ left: auto; right: 0;}
	.celestial-body3 .detail-box{ left: auto; right: 90%; bottom: 8%; width: 80%;}
	.celestial-body4{ width: 32.473%; left: 10.208%; top: 13.064%;}
	.celestial-body4 .detail-box{ bottom: 15%; left: 100%;}
	.celestial-body5{ width: 31.197%; right: 11.666%; top: 5.972%;}
	.celestial-body5 .star{ left: auto; right: 0;}
	.celestial-body5 .detail-box{ left: auto; right: 75%; bottom: 25%;}
	
	.list-container{ padding: 0 0.4rem;}
	.list-container li{ float: none; width: 100%; margin-bottom: 0.6rem;}
	.list-container li .block-box .pic-box{ width: 50%;}
	.list-container li .block-box .cont-box{ width: 50%; padding-left: 0.2rem;}
	.list-container li .block-box .cont-box .type{ font-size: 0.24rem;}
	.list-container li .block-box .cont-box .type span{ height: 0.52rem; line-height: 0.52rem; width: 100%; padding-right: 0.5rem; width: 2.2rem;}
	.list-container li .block-box .cont-box .title{ font-size: 0.26rem; margin-top: 0.2rem;}
	
	.content-container{ padding: 0 0.4rem 1rem 0.4rem;}
	.content-container .content-inner{ width: 100%; padding: 0.6rem 0.4rem 0.2rem 0.4rem; background-size: 1.5rem auto;}
	.content-container .content-inner .top-title-box .title{ font-size: 0.32rem;}
	.content-container .content-inner .top-title-box .time{ font-size: 0.24rem; margin-top: 0.2rem;}
	.content-container .content-inner .content-inner-box{ font-size: 0.24rem; margin-top: 0.4rem;}
	.content-container .content-inner .content-inner-box p{ margin-bottom: 0.3rem;}
	.content-container .content-inner .content-inner-box .img{ font-size: 0.24rem; margin-bottom: 0.4rem;}
	.content-container .content-inner .content-inner-box .img img{ width: 100%;}
	.content-container .content-inner .content-inner-box .title{ font-size: 0.26rem;}
	.content-container .content-inner .content-inner-box .title span{ padding: 0.05rem 0.25rem;}
	.content-container .content-inner .content-inner-box .img p{ margin-top: 0.2rem;}
	
	.guide-down .icon{ width: 0.8rem; height: 0.8rem;}
	.guide-down p{ font-size: 0.26rem; margin-top: 0.2rem;}
	
	/* 视频弹框 */
	.video-layer .layer-inner{ width: 100%;}
	.video-layer .layer-inner .layer-close{ width: 0.6rem; height: 0.6rem; background-size: 0.4rem; top: -0.8rem; right: 0.3rem;}
	.video-layer .layer-container .title{ font-size: 0.26rem; margin-top: 0.4rem; padding: 0 0.4rem;}
	
	
}