@charset "utf-8";

/* 通用*/

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}

body,
button,
input,
select,
textarea {
  font: normal 16px "Microsoft Yahei";
  font: normal 16px "Pingfang SC";
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
  outline: none;
}

img {
  border: 0;
}


/*HC - 2021.07.07*/

.content div .main {
  width: 1200px;
  margin: 0 auto;
  display: block;
}

.glowing-div1 {  
  width: 10%; 
  height: 400px;  
  background-color: #f5f5f5;  
  color: #b5b5b5;  
  display: flex;  
  justify-content: center;  
  align-items: center;  
  font-size: 24px;  
  border-radius: 10px;  
  box-shadow: 0 0 3px 1px rgba(229, 230, 240, 0.6), /* 黄色发光 */  
            0 0 6px 2px rgba(229, 230, 240, 0.4), /* 另一层黄色发光，更大更模糊 */  
            0 0 9px 3px rgba(229, 230, 240, 0.2); /* 最大最模糊的黄色发光 */  
  animation: glow 2s infinite;  
  float: left;
  margin:2% 1%;
}  
.glowing-div2 {  
  width: 10%; 
  height: 400px;  
  background-color: #f5f5f5;  
  color: #b5b5b5;  
  display: flex;  
  justify-content: center;  
  align-items: center;  
  font-size: 24px;  
  border-radius: 10px;  
  box-shadow: 0 0 3px 1px rgba(229, 230, 240, 0.6), /* 黄色发光 */  
            0 0 6px 2px rgba(229, 230, 240, 0.4), /* 另一层黄色发光，更大更模糊 */  
            0 0 9px 3px rgba(229, 230, 240, 0.2); /* 最大最模糊的黄色发光 */  
  animation: glow 2s infinite;  
  float: left;
  margin:0 1%;
}  

/* 添加一个简单的动画，使发光效果循环变化 */  
@keyframes glow {  
  0%, 100% { box-shadow: 0 0 3px 1px rgba(229, 230, 240, 0.6), 0 0 6px 2px rgba(229, 230, 240, 0.4), 0 0 9px 3px rgba(229, 230, 240, 0.2); }  
  50% { box-shadow: 0 0 3px 1px rgba(229, 230, 240, 1), 0 0 6px 2px rgba(229, 230, 240, 0.8), 0 0 9px 3px rgba(229, 230, 240, 0.6); }  
}  

.zpli1 
{  
  width: 80px; 
  height: 80px;
  border-radius: 100px; 
  margin: 0 auto 10px;
  overflow: hidden;
}  
.zpli2 {  
  width: 100%;  
  margin-bottom: 10px; /* Add some spacing if needed */  
}  

.zpli1 img {  
  width: 100%; /* Make the image take full width of the li */  
  display: block; /* Remove any default margins or paddings */  
}  

.zpli2 {  
  display: flex;  
  flex-direction: row;  
  width: 100%;
  height: 300px;
}  
.p1, .p2 {  
  writing-mode: vertical-rl;  
  text-orientation: upright;  
}  

.p1 {  
  width: 33%;  
  writing-mode: vertical-rl; /* 文字竖列显示，从右到左 */  
  text-orientation: upright; /* 文字保持直立 */  
  display: grid;  
  align-items: flex-end; /* 文字底部对齐 */  

  font-size: 20px;
  text-align: end;
  line-height: 40px;
  padding: 2% 0 0 0;

}  

.p2 {  

  display: flex;  
  align-items: flex-start; /* 文字顶部对齐 */  

  font-size: 24px;
  color: #666;
  font-weight: 600;
  text-align: justify;
  padding: 2% 0 0 0;
}

.zpli2::after {  
  content: "";  
  display: table;  
  clear: both;  
} 

ul.list-unstyled {  
  list-style-type: none;  
  padding: 0;  
  margin: 0;  
  width: 100%;
  max-height: 100%;
}

.line_01 {
  height: 700px;
  background: url(images/banner.jpg) top center no-repeat;
  background-size: 100%;
}

.line_01 .main {

}

.line_02 {
  background: #f5f5f5;
}

.line_03 {
  background: #f5f5f5;
  padding-bottom: 60px;
}

.line_04 {
  height:900px;
  background-color: #ff6516;
}

.line_04 .main {
  height: 857px;
  background-color: #ff6516;
}

.line_06{
  background-color: #f5f5f5;
}
.line_07 {
  height: 650px;
  /* background: url(images/line_07.jpg) top center no-repeat; */
  background-color: #f5f5f5;
  padding-bottom: 50px;
}
.zpdiv{
  width: 96%;
  background-color: #ff6516;
  padding: 2%;
}
.zpdiv img{
  width: 100%;
  display: block;
}
.line_07 .main {
  height: 500px;
  background-image: url(images/一.jpg);
  background-position: bottom;
  background-size: 100%;
  background-repeat: no-repeat;
  padding-bottom: 30px;
}

.cont_btn1 {
  display: flex;
  justify-content: center;
  padding-top: 405px;
}

.btn_banner {
  width: 208px;
  height: 50px;
  background-image: linear-gradient(0deg, #ffbfe4 0%, #ffffff 100%), linear-gradient( #7f7f7f, #7f7f7f);
  box-shadow: 0px 8px 16px 0px rgba(13, 11, 67, 0.38);
  border-radius: 25px;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #060135;
}

.title_34 {
  font-size: 36px;
  font-weight: bold;
  padding-top: 100px;
  letter-spacing: 1px;
  color: #393939;
  text-align: center;

}

.text_18 {
  font-size: 18px;
  letter-spacing: 1px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
  background-image: url(images/一.jpg);
  background-position: bottom;
  background-size: 100%;
  background-repeat: no-repeat;
  padding-bottom: 40px;
}

/* .text_18::before {
  content: '';
  width: 81px;
  height: 7px;
  background: url(images/text_left.png) no-repeat top center;
  margin-right: 11px;
}

.text_18::after {
  content: '';
  width: 81px;
  height: 7px;
  background: url(images/text_right.png) no-repeat top center;
  margin-left: 11px;
} */

.cont_btn_1 {
  padding: 30px 0;
  display: flex;
  justify-content: center;
}

.btn_all {
  width: 272px;
  height: 62px;
background-color: #4e57cd;
  box-shadow: 0px 8px 16px 0px rgba(255, 106, 110, 0.38);
  border-radius: 31px;
  font-size: 20px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  background-size: 300% 100%;
  text-align: center;
  margin: 40px auto 0;
}

.btn_all:hover {
  background-position: 100% 0;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.cont_lb1 {
  width: 1250px;
  position: relative;
  padding: 20px 0;
}

.cont_lb1 .swiper-container {
  width: 1200px;
}

.zst {
  width: 382px;
  height: 278px;
  background-color: #fff;
  box-shadow: 0px 5px 20px 0px rgba(207, 207, 207, 0.26);
}

.zst .img_1 {
  width: 382px;
  height: 228px;
}

.zst .img_1 img {
  width: 100%;
}

.zst .text_1 {
  font-size: 14px;
  color: #595959;
  text-align: center;
  padding: 15px;
}

.cont_lb1 .swiper-button-prev {
  width: 52px;
  height: 54px;
  background: url(images/jt1.jpg) no-repeat top center;
}

.cont_lb1 .swiper-button-next {
  width: 52px;
  height: 54px;
  background: url(images/jt2.jpg) no-repeat top center;
}

.tab_box2 {
  width: 500px;
  height: 410px;
  display: flex;
  flex-direction: column;
  margin-top: 75px;
  position: absolute;
  z-index: 2;
  margin-left: 14px;
  background-color: #fff;
}

.tab_cont {
  position: relative;
  display: flex;
  height: 517px;
}

.tab_box2 li {
  width: 528px;
  height: 60px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 17px;
  color: #333;
  padding-left: 41px;
  box-sizing: border-box;
  font-weight: bold;
}

.tab_box2 li.li_box_active {
  height: 82px;
}

.tab_box2 li.li_box_active span {
  font-size: 58px;
  font-weight: bold;
  color: #fff;
}

.tab_box2 li.li_box_active {
  background-color: #4e57cd;
  font-weight: bold;
  color: #fff;
}

.box_cont2 {
  width: 729px;
  height: 410px;
}

.con_nrx2 {
  width: 729px;
  height: 410px;
  overflow: hidden;
  display: none;
  position: absolute;
  left: 510px;
  top: 75px
}

.con_nrx1,
.con_nrx2,
.con_nrx3,
.con_nrx4 {
  display: none;
}

.con_nrx.on_able,
.con_nrx1.on_able,
.con_nrx2.on_able,
.con_nrx3.on_able,
.con_nrx4.on_able {
  display: block;
}

.ul_bs {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 40px;
}

.ul_bs li {
  width: 382px;
  height: 278px;
  background: #f6f6f6;
  margin-top: 24px;
}

.ul_bs li .img_1 {
  width: 382px;
  height: 228px;
  overflow: hidden;
}

.ul_bs li .title_1 {
  font-size: 15px;
  padding-top: 15px;
  color: #393939;
  text-align: center;
}

.cont_btn_2 {
  display: flex;
  justify-content: center;
padding: 5% 0;
}


/* 往期火星学员作品一睹为快 */

.wqxy_box {
  overflow: hidden;
}

.wqxy_box .tab_box {
  width: 1200px;
  height: 66px;
  display: flex;
  padding-top: 70px;
  justify-content: space-between;
  margin: 0 auto 10px;
}

.wqxy_box .tab_box li {
  width: 142px;
  height: 66px;
  font-size: 17px;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid #000;
}

.wqxy_box .tab_box li:nth-last-child(1) {
  margin-bottom: 0;
}

.wqxy_box .tab_box li span {
  font-size: 17px;
  font-weight: normal;
}

.wqxy_box .tab_box li.li_box_active,
.wqxy_box .tab_box li:hover {
  background-image: linear-gradient(to bottom, #ffec56, #ec5811);
  /* background-image: -webkit-linear-gradient( 30deg, rgb(120, 23, 231) 0%, rgb(155, 34, 226) 100%);
  background-image: -ms-linear-gradient( 30deg, rgb(120, 23, 231) 0%, rgb(155, 34, 226) 100%); */
  color: #fff;
  border: none;
}

.shipei_box .box_cont {
  display: flex;
}

.shipei_box .con_nrx {
  display: none;
  position: relative;
}

.shipei_box .con_nrx.on_able {
  display: block;
}

.sp_img_cont1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.sp_img_cont1 li,
.sp_img_cont2 li {
  position: relative;
  z-index: 1;
}

.btn_tk {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100px;
  height: 40px;
  background-image: linear-gradient( to right, #f0383c, #ff883c, #f0383c, #ff883c);
  box-shadow: 0px 8px 16px 0px rgba(255, 106, 110, 0.38);
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  background-size: 300% 100%;
  border-radius: 50px;
  margin: auto;
  text-align: center;
  padding-top: 7px;
  box-sizing: border-box;
  color: #fff;
  display: none;
  cursor: pointer;
}

.sp_img_cont1 img {
  width: 100%;
  display: block;
}

.sp_img_cont1 li:nth-child(1) {
  width: 16.6666666666666666666666666%;
}

.sp_img_cont1 li:nth-child(2) {
  width: 33.3333333333333333333333%;
}

.sp_img_cont1 li:nth-child(3) {
  width: 20%;
}

.sp_img_cont1 li:nth-child(4) {
  width: 30%;
}

.sp_img_cont2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.sp_img_cont2 img {
  width: 100%;
  display: block;
}

.sp_img_cont2 li:nth-child(1) {
  width: 20%;
}

.sp_img_cont2 li:nth-child(2) {
  width: 30%;
}

.sp_img_cont2 li:nth-child(3) {
  width: 33.3333333333333333333333%;
}

.sp_img_cont2 li:nth-child(4) {
  width: 16.6666666666666666666666666%;
}


/* 火星最新动态 */

.hxzxdx_box {
  position: relative;
  padding-bottom: 70px;
}

.news_box {
  height: 328px;
  margin-top: 53px;
}

.news_box .left_pic {
  width: 564px;
  height: 306px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.news_box .right_msg {
  width: 1008px;
  height: 295px;
  position: absolute;
  top: 33px;
  right: 0;
  z-index: 1;
  background-image: -moz-linear-gradient( 30deg, rgb(120, 23, 231) 0%, rgb(155, 34, 226) 100%);
  background-image: -webkit-linear-gradient( 30deg, rgb(120, 23, 231) 0%, rgb(155, 34, 226) 100%);
  background-image: -ms-linear-gradient( 30deg, rgb(120, 23, 231) 0%, rgb(155, 34, 226) 100%);
}

.news_box .right_msg .col_msg {
  width: 474px;
  height: 165px;
  float: left;
  padding: 70px 0 0 403px;
}

.news_box .right_msg .col_msg .title_1 {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}

.news_box .right_msg .col_msg .title_2 {
  font-size: 15px;
  color: #fff;
  text-align: justify;
  padding-top: 26px;
  line-height: 2;
}

.news_box .right_msg .date_box {
  width: 75px;
  height: 50px;
  float: right;
  padding: 72px 25px 0 0;
}

.news_box .right_msg .date_box .title_1 {
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.news_box .right_msg .date_box .title_2 {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  text-align: right;
  opacity: .5;
}

.hxzxdx_ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.hxzxdx_ul li {
  width: 565px;
  height: 148px;
  position: relative;
  margin-top: 40px;
}

.hxzxdx_ul li .left_box {
  width: 92px;
  height: 92px;
  background-image: -moz-linear-gradient( 30deg, rgb(120, 23, 231) 0%, rgb(155, 34, 226) 100%);
  background-image: -webkit-linear-gradient( 30deg, rgb(120, 23, 231) 0%, rgb(155, 34, 226) 100%);
  background-image: -ms-linear-gradient( 30deg, rgb(120, 23, 231) 0%, rgb(155, 34, 226) 100%);
}

.hxzxdx_ul li .left_box .title_1 {
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 20px 0 0 0px;
}

.hxzxdx_ul li .left_box .title_2 {
  font-size: 16px;
  color: #fff;
  opacity: .5;
  padding: 5px 0 0 42px;
}

.hxzxdx_ul li .right_text {
  padding-left: 0;
}

.hxzxdx_ul li .right_text .title_1 {
  width: 450px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  color: #393939;
  font-weight: bold;
  padding: 22px 0 0 18px;
}

.hxzxdx_ul li .right_text .title_2 {
  width: 447px;
  color: #797979;
  font-size: 15px;
  padding: 18px 0 0 18px;
  line-height: 2;
}


/* 弹出视频 */

.video_box {
  width: 729px;
  height: 410px;
  position: relative;
  cursor: pointer;
}

.video_box .img_1 {
  position: absolute;
  z-index: 1;
}

.video_box .img_1 img {
  display: block;
}

.video_box .player_1 {
  width: 56px;
  height: 56px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 2;
  background: url(images/player.png) no-repeat top center;
}

#video1,
.video1 {
  width: 1200px;
  height: 765px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -382px 0 0 -600px;
  z-index: 999999999;
}

.close_btm {
  background: url(images/icon.png) no-repeat;
  position: absolute;
  width: 30px;
  height: 30px;
  background-position: -149px -31px;
  z-index: 9999999999;
  right: -11px;
  top: -11px;
  cursor: pointer;
}

.close_btm:hover {
  background-position: -180px -31px;
}