html {font-family:"PingFangSC-Semibold, PingFang SC";-ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; }
body {margin: 0; padding: 0; background: #FFE100;}
* {box-sizing: border-box; margin: 0; padding: 0; list-style: none;font-style:normal}

a {background-color: transparent;}



.blank8,.blank16,.blank24,.blank30,.blank36{clear: both; display: block; overflow: hidden;}
.blank8{height: 8px}
.blank16{height: 16px}
.blank24{height: 24px}
.blank30{height: 30px}
.blank36{height: 36px}




.main {position: relative;}


.heading{width: 100%; height: 24px; position: relative; z-index: 100}
.heading .title{text-align: center; height: 24px; line-height: 24px; margin: auto; width: 116px;}
.heading .title strong{line-height: 24px; font-size: 17px; font-weight: 600; color: #151241; margin: 0 8px; float: left;}
.heading .title i{width:16px; height: 24px; float: left;}
.heading .title img{width: 16px; height: 24px}
.them_ico_right{position: absolute; right: 0; top: -58px; width: 83px; height: 108px;}
.atlas_ico_left{position: absolute; left: 0; top: -80px; width: 87px; height: 120px;}
.video_ico_left{position: absolute; left: 0; top: -24px; width: 50px; height: 90px;}
.video_ico_right{position: absolute; right: 0; top: -24px; width: 118px; height: 106px;}



.banner{width: 100%;}
.banner img{width: 100%}



.content-wrap{width: 100%;}
.flickity-enabled {position: relative;}
.flickity-enabled:focus { outline: none; }
.flickity-enabled.is-draggable {-webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.flickity-enabled.is-draggable .flickity-viewport {cursor: move; cursor: -webkit-grab; cursor: grab;}
.flickity-viewport {overflow: hidden; position: relative; height: 100%;}
.flickity-slider {position: absolute; width: 100%; height: 100%;}
.gallery-cell {width: 76.81%; height: 178px; margin-right: 10px; background: #8C8; counter-increment: gallery-cell; border-radius: 3px;}
.flickity-page-dots {position: absolute; width: 100%; bottom: 8px; right: 13.53%; padding: 0; margin: 0; list-style: none; text-align: right; line-height: 1;}
.flickity-page-dots .dot.is-selected {filter: alpha(opacity=100); /* IE8 */ opacity: 1; background: #FFE100;}
.flickity-page-dots .dot {display: inline-block; width: 8px; height: 8px;  margin: 0 2px; border-radius: 50%; filter: alpha(opacity=25); /* IE8 */ cursor: pointer;border: 2px solid #151140}
.flickity-prev-next-button{display: none;}
.gallery-cell img{width: 100%; height: 178px;}

.introduce{padding: 0 30px; position: relative; z-index: 200}
.introduce_left,.introduce_right{width: 10px; height: 10px;position: absolute;}
.introduce_left{top: 0; left: 0;}
.introduce_right{transform: rotate(180deg); right: 0; bottom: 0;}
.introduce_con{ padding: 0 18px; position: relative;}
.introduce_con span{font-size: 14px; font-weight: 600; color: #151140; line-height: 20px; letter-spacing: 1px;}

/*主题*/
.theme{padding: 0 4.83%}
.theme li{width: 100%; float: left; background: rgba(255, 255, 255, 0.4); border: 2px solid #151241; border-radius: 8px; overflow: hidden; padding:16px; position: relative; margin-bottom: 20px;}
.theme img{width: 100%; height: 192px; border-radius: 6px; background: #cecece; }
.theme em{width: 160px; height: 36px; border: 2px solid #151241; border-radius: 8px; background: #FFF; color: #151241; line-height: 20px; font-weight: 600; font-size: 16px; padding: 6px; display: block; position: absolute; left: 16px; top: 190px;}
.theme i{width: 20px; height: 20px; background: url(../images/theme_ico02.png) no-repeat; float: left; margin-right: 4px;}
.theme span{height: 20px; display: block; width: 100%; font-size: 14px; font-weight: 600; color: #151241; line-height: 20px;}
.theme p{line-height: 20px; color: #151241; font-weight: 400; font-size: 14px;}

/*精彩*/
.atlas{padding: 0 20px;}
.atlas img{width: 32.69%; height: 92px; float: left; margin-right: 0.97%; margin-bottom: 4px; background: #cecece;}
.atlas img:nth-child(3n+0){margin-right: 0;}

/*视频*/
.video{padding: 0 20px; position: relative; z-index: 200;}
.video ul{width: 100%;}
.video li{width: 32.69%; height: 69.33%; float: left; margin-right: 0.97%; position: relative; overflow: hidden;}
.video li:nth-child(3n+0){margin-right: 0;}
.video li img{width: 100%; max-height: 217px; min-height: 160px; background: #cecece;}
.video li i{width: 60px; height: 60px; position: absolute; top: calc(50% - 30px); left: calc(50% - 30px); background: url(../images/m_play.png) no-repeat;}

/*感谢*/
.thank{padding: 0 20px; background: #FFF;}
.link{width: 100%; margin: auto}
.link img{width: 100%}