﻿.constr_wrapper {
  background: url(/Sites/Uploaded/UserUpLoad/20211116/20211116111306.png)no-repeat left bottom;
  width: 100%;
  height: 870px;
  margin: 40px auto 150px;
}

.side_menu_inside  .lv1_ul .lv1_li .current a{
  background: url(/Sites/Uploaded/UserUpLoad/20211116/20211116111410.png) no-repeat top center;
}
.side_menu_inside  .lv1_ul .lv1_li p a{
  color: #B80608;
}
.side_menu_inside  .lv1_ul .lv1_li{
 border-left: 1px solid rgba(184, 6, 8, 0.4);
}
.side_menu_inside  .lv1_ul .lv1_li::after {
  background: rgba(184, 6, 8, 0.4);
}
.side_menu_inside  .lv1_ul .lv1_li:last-of-type{
  border-right: 1px solid rgba(184, 6, 8, 0.4);
}
.side_menu_inside  .lv1_ul .lv1_li:last-of-type::before{
  background: rgba(184, 6, 8, 0.4);
}
.constr_info {
  width: 1608px;
  height: 634px;
  box-sizing: border-box;
  padding: 120px 0 0 85px;
  position: relative;
  background: url(/Sites/Uploaded/UserUpLoad/20211111/20211111150922.png)no-repeat;
  background-size: cover;
  float: right;
}

.info_left {
  width: 565px;
}

.constr_infoH2 {
  font-size: 30px;
  font-weight: 500;
  color: #7F5B3C;
  position: relative;
  padding-bottom: 36px;
  margin-bottom: 40px;
}

.constr_infoH2::before {
  width: 40px;
  height: 3px;
  background: #7F5B3C;
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
}

.constr_infoH2::after {
  width: 100%;
  height: 1px;
  content: "";
  display: block;
  background: #7F5B3C;
  position: absolute;
  bottom: 1px;
  left: 0;
}

.constr_infoP {
  font-size: 16px;
  color: #666666;
  line-height: 36px;
}

.constr_infoP2 {
  text-indent: 2em;
}

.info_right {
  position: absolute;
  left: 735px;
  top: 118px;
  background: url(/Sites/Uploaded/UserUpLoad/20211111/20211111151943.png)no-repeat;
  background-size: cover;
  width: 618px;
  height: 826px;
  padding: 10px;
  z-index: 1;
  box-sizing: border-box;
}

.constr_infoImg {
  width: 100%;
}

.big_par {
  background: url(/Sites/Uploaded/UserUpLoad/20211111/20211111190201.jpg)no-repeat;
  width: 1840px;
  height: 650px;
  position: relative;
  margin: 0 auto;
}

.big_par>div {
  /* overflow: hidden; */
  width: 1100px;
  margin: 0 auto;
}


.techn_wrapper {
  width: 1200px;
  height: 500px;
  margin: 0 auto;
  position: relative;
}

.techn_con {
  width: 50%;
  float: right;
  padding: 0 60px;
  box-sizing: border-box;
}

.techn_wrapper::after {
  position: absolute;
  content: "";
  display: block;
  width: 1024px;
  height: 8px;
  background: #B80608;
  right: 0;
  bottom: 0;
}

.techn_wrapper::before {
  position: absolute;
  content: "";
  display: block;
  width: 1024px;
  height: 420px;
  background: #fff;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.techn_wrapper .articleImg {
  position: absolute;
  left: 0;
  top: 0;
}

.techn_con .articleH2 {
  font-size: 30px;
  font-weight: 400;
  color: #000000;
}

.techn_con .articleP {
  font-size: 16px;
  font-weight: 400;
  color: #666;
  line-height: 36px;
  margin-top: 90px;
  position: absolute;
  width: 490px;
}

.techn_con .more {
  width: 150px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  color: #7F5B3C;
  margin-top: 40px;
  background: url(/Sites/Uploaded/UserUpLoad/20211116/20211116113723.png)no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  top: 307px;
}

.course {
  width: 100%;
  background: url(/Sites/Uploaded/UserUpLoad/20211111/20211111181957.png)no-repeat;
  height: 725px;
  padding: 110px 0;
  box-sizing: border-box;
}

.track_wrapper{
  background: url(/Sites/Uploaded/UserUpLoad/20211116/20211116134429.png)no-repeat;
  background-size: cover;
  width: 100%;
  height: 800px;
  padding: 80px 0 60px;
  margin-bottom: 80px;
  box-sizing: border-box;
}
.track_h2{
  font-size: 30px;
  color: #EBBB14;
  text-align: center;
}
.track_con{
  margin-left: 44%;
  height: 100%;
  background: url(/Sites/Uploaded/UserUpLoad/20211116/20211116134738.png)no-repeat 60px center;
}
.track_conUl{
  position: relative;
}
.track_conLi{
  font-size: 16px;
  color: #EBBB14;
  line-height: 40px;
  position: absolute;
  transform: translateY(100px);
  transition: all 1s;
  -webkit-transition: all 1s;
   opacity: 0;
}
.active .track_conLi {
 opacity: 1;
 transform: translateY(0px);
 
}
.track_conLi .track_conSpan{
  width: 40px;
  height: 40px;
  background: url("/Sites/Uploaded/UserUpLoad/20211116/20211116102901.png") no-repeat;
  position: absolute;
  background-size: 100% 100%;
  animation: animat 1s alternate infinite;
}
.track_conLi:hover .track_conSpan{
 transform: scale(1.5, 1.5) rotate(180deg) !important;
 transition: all 1s;
}
.track_conLi1{
  top: 54px;
  left: -10px;
  transition-delay: 2.3s;
  -webkit-transition-delay: 2.3s;
}
.track_conLi2{
  left: 320px;
  top: 44px;
  padding-top: 30px;
 transition-delay: 2.1s;
  -webkit-transition-delay: 2.1s;
}
.track_conLi3{
  top: 151px;
  left: -14px;
  transition-delay: 1.9s;
  -webkit-transition-delay: 1.9s;
}
.track_conLi4{
  top: 270px;
  left: -8px;
 transition-delay: 1.7s;
  -webkit-transition-delay: 1.7s;
}
.track_conLi5{
  top: 287px;
  left: 201px;
  padding-left: 40px;
 transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
}
.track_conLi6{
  top: 310px;
  left: -13px;
 transition-delay: 1.3s;
  -webkit-transition-delay: 1.3s;
}

.track_conLi7{
  top: 321px;
  left: 212px;
  padding-left: 40px;
 transition-delay: 1.1s;
  -webkit-transition-delay: 1.1s;
}
.track_conLi8{
  top: 400px;
  left: -31px;
 transition-delay: 0.9s;
  -webkit-transition-delay: 0.9s;
}

.track_conLi9{
  top: 424px;
  left: 162px;
  padding-left: 40px;
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
}
.track_conLi10{
  top: 500px;
  left: 110px;
  padding-left: 40px;
 transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}
.track_conLi11{
  top: 574px;
  left: 40px;
  padding-left: 40px;
 transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}
.track_conLi1 .track_conSpan{
 animation-delay: 0.244s;
}
.track_conLi2 .track_conSpan{
  top: 0;
  left: 80px;
 animation-delay: 0.100459s;
}
.track_conLi3 .track_conSpan{
  animation-delay: 0.144s;
}
.track_conLi4 .track_conSpan{
  animation-delay: 0.314s;
}
.track_conLi5 .track_conSpan{
  left: 0;
  animation-delay: 0.174s;
}
.track_conLi6 .track_conSpan{
  animation-delay: 0.351s;
}
.track_conLi7 .track_conSpan{
  left: 0;
  animation-delay: 0.214s;
}
.track_conLi6 .track_conSpan{
  animation-delay: 0.714s;
}
.track_conLi9 .track_conSpan{
  left: 0;
  animation-delay: 0.267;
}
.track_conLi10 .track_conSpan{
  left: 0;
  animation-delay: 0.412;
}
.track_conLi11 .track_conSpan{
  left: 0;
  animation-delay: 0.251;
}

.memory_wrapper{
  width: 100%;
  margin-bottom: 80px;
}
.memory_h2{
  font-size: 30px;
  font-weight: 400;
  color: #000000;
  text-align: center;
}
.memory_con{
  background: url(/Sites/Uploaded/UserUpLoad/20211116/20211116154123.png)no-repeat center bottom;
  width: 1274px;
  height: 646px;
  margin: 0 auto;
  margin-top: 50px;
}
.memory_conUl{
  position: relative;
  width: 100%;
  height: 100%;
}
.memory_conLi{
  position: absolute;
  transition: all 1s;
  -webkit-transition: all 1s;
   opacity: 0;
}
.active .memory_conLi {
 opacity: 1;
 transform: translateY(0px);
}
.memory_conLi1{
  background: url(/Sites/Uploaded/UserUpLoad/20211116/20211116145435.png)no-repeat;
  background-size: cover;
  width: 94px;
  height: 432px;
  left: 39px;
  bottom: 86px;
  transform: translateY(-100px);
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}
.memory_conLi span{
  font-size: 24px;
  color: #FFFFFF;
  position: absolute;
  padding-top: 36px;
  letter-spacing: 4px;
  text-align: center;
  padding-left: 4px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.memory_conLi span::before{
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(/Sites/Uploaded/UserUpLoad/20211116/20211116152042.png)no-repeat center;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
} 
.memory_conLi img{
  width: 100%;
}
.memory_conLi2{
  left: 170px;
  bottom: 138px;
  transform: translateY(100px);
  transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
  }
.memory_conLi3{
  width: 104px;
  height: 380px;
  left: 234px;
  bottom: 10px;
  background: url(/Sites/Uploaded/UserUpLoad/20211116/20211116145435.png)no-repeat;
  background-size: cover;
   transform: translateY(-100px);
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}
.memory_conLi4 {
 width: 80px;
 height: 338px;
 left: 342px;
 bottom: 230px;
 background: url(/Sites/Uploaded/UserUpLoad/20211116/20211116145435.png)no-repeat;
 background-size: cover;
 transform: translateY(100px);
 transition-delay: 0.6s;
 -webkit-transition-delay: 0.6s;
}

.memory_conLi5 {
 width: 82px;
 height: 404px;
 left: 457px;
 bottom: 0;
 background: url(/Sites/Uploaded/UserUpLoad/20211116/20211116145435.png)no-repeat;
 background-size: cover;
 z-index: 1;
  transform: translateY(-100px);
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
}

.memory_conLi6 {
 width: 193px;
 height: 504px;
 left: 488px;
 bottom: 100px;
   transform: translateY(100px);
  transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
}

.memory_conLi7 {
 width: 82px;
 height: 404px;
 left: 605px;
 bottom: 110px;
 background: url(/Sites/Uploaded/UserUpLoad/20211116/20211116145435.png)no-repeat;
 background-size: cover;
 z-index: 1;
  transform: translateY(-100px);
  transition-delay: 0.9s;
  -webkit-transition-delay: 0.9s;
}

.memory_conLi8 {
 width: 76px;
 height: 404px;
 left: 695px;
 bottom: 35px;
 background: url(/Sites/Uploaded/UserUpLoad/20211116/20211116145435.png)no-repeat;
 background-size: cover;
 z-index: 1;
 text-align: center;
 transform: translateY(100px);
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
}

.memory_conLi9 {
 width: 104px;
 height: 294px;
 left: 794px;
 bottom: 207px;
 background: url(/Sites/Uploaded/UserUpLoad/20211116/20211116145435.png)no-repeat;
 background-size: cover;
 z-index: 1;
 text-align: center;
 transform: translateY(-100px);
  transition-delay: 1.1s;
  -webkit-transition-delay: 1.1s;
}

.memory_conLi10 {
 width: 86px;
 height: 404px;
 left: 925px;
 bottom: 150px;
 background: url(/Sites/Uploaded/UserUpLoad/20211116/20211116145435.png)no-repeat;
 background-size: cover;
 z-index: 1;
 transform: translateY(100px);
  transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
}

.memory_conLi11 {
 width: 136px;
 height: 402px;
 left: 966px;
 bottom: 55px;
 transform: translateY(-100px);
  transition-delay: 1.3s;
  -webkit-transition-delay: 1.3s;
}

.memory_conLi12 {
 width: 86px;
 height: 332px;
 left: 1043px;
 bottom: 28px;
 background: url(/Sites/Uploaded/UserUpLoad/20211116/20211116145435.png)no-repeat;
 background-size: cover;
 z-index: 1;
 transform: translateY(100px);
  transition-delay: 1.4s;
  -webkit-transition-delay: 1.4s;
}

.memory_conLi13 {
 width: 86px;
 height: 332px;
 left: 1153px;
 bottom: 100px;
 background: url(/Sites/Uploaded/UserUpLoad/20211116/20211116145435.png)no-repeat;
 background-size: cover;
 z-index: 1;
 transform: translateY(100px);
  transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
}
.memory_conLi:hover{
  transform: translateY(-20px);
  transition: all 0.3s;
}

@keyframes animat {
 0% {
 opacity: 0;
 }

 100% {
 opacity: 1;
 }
}

@media screen and (max-width:1400px){
  .info_left {
 width: 550px;
  }
  .info_right{
 left: 680px;
  }
  .constr_info{
 width: 100%;
 padding: 120px 0 0 70px;
  }

} 