.constr_wrapper{
 background: url(/Sites/Uploaded/UserUpLoad/20211111/20211111150732.png)no-repeat left bottom;
 width: 100%;
 height: 870px;
 margin-top: 45px;
}
.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%;
}
.subject_left{
 width: 926px;
 height: 790px;
 background: url(/Sites/Uploaded/UserUpLoad/20211111/20211111160020.png)no-repeat;
 background-size: cover;
 padding: 160px 220px 0 320px;
 box-sizing: border-box;
}
.subject_leftH2{
 font-size: 30px;
 color: #333333;
}
.subject_leftP{
 font-size: 16px;
 color: #666666;
 line-height: 36px;
 margin-top: 30px;
}

.lead_wrapper{
 margin-top: 150px;
 width: 100%;
 height: 860px;
 background: url(/Sites/Uploaded/UserUpLoad/20211112/20211112133054.png)repeat-x right;
}
.lead_conTit{
 width: 460px;
 height: 860px;
 background: url(/Sites/Uploaded/UserUpLoad/20211112/20211112133258.png)no-repeat;
 background-size: cover;
 float: left;
 padding-right: 110px;
 box-sizing: border-box;
 padding-top: 100px;
}
.lead_conSwiper{
 float: left;
 width: 1100px;
 height: 860px;
}
.conTit_text{
 writing-mode: tb-rl;
 float: right;
 font-size: 24px;
 font-family: Microsoft YaHei;
 font-weight: 400;
 color: #FFFFFF;
 line-height: 30px;
 padding-bottom: 100px;
 background: url(/Sites/Uploaded/UserUpLoad/20211112/20211112135810.png)no-repeat bottom center;
}
.swiper-container {
 width: 100%;
 height: 100%;
 background: #665855;
}
.swiper-wrapper{
 transition-delay:.3s;
 width: 980px;
 margin: 0 auto;
}
.swiper-slide {
 text-align: center;
 font-size: 18px;
}
.swiper_ul li{
 width: 230px;
 height: 860px;
 background: url(/Sites/Uploaded/UserUpLoad/20211112/20211112171424.jpg)no-repeat bottom center;
 border-left: 1px solid #746562;
 border-right: 1px solid #746562;
 margin-right: 20px;
 padding-top: 80px;
 box-sizing: border-box;
 float: left;
}
.swiper_ul li .img_box{
 width: 100%;
 height: 306px;
 display: block;
 overflow: hidden;
}
.swiper_ul li .img_box img{
 width: 100%;
}
.swiper_ul li:nth-child(4n){
 margin-right: 0;
}
.swiper_ul li .text_box{
 padding: 30px;
 box-sizing: border-box;
}
.swiper_ul li .text_box .text_tit{
 writing-mode: tb-rl;
 float: right;
 color: #FFFEFE;
}
.swiper_ul li .text_box .text_tit .title_type{
 font-size: 20px;
 color: #FFFEFE;
}
.swiper_ul li .text_box .text_tit .SubTitle{
 font-size: 16px;
 margin-top: 10px;
}
.swiper_ul li .text_box .text_p{
 writing-mode: tb-rl;
 float: right;
 font-size: 14px;
 color: rgba(255, 254, 254, 0.5);
 line-height: 26px;
 height: 355px;
 margin-right: 10px;
 text-align: justify;
}
.swiper_ul li:hover{
 background: #746562;
}
/*.swiper-slide li{
 transform:translateY(-100px);
 opacity:0;
 transition:all 0.1s;
}
.ani-slide li{
 transform:translateX(0);
 opacity:1;
}*/
.swiper-container-vertical>.swiper-pagination-bullets{
 transform: inherit;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
 background: #fff;
}
.swiper-pagination-progressbar {
 background: rgba(255,255,255,.4);
}


.figure_wrepper{
 background: url(/Sites/Uploaded/UserUpLoad/20211112/20211112180728.png)repeat-x;
 width: 100%;
 height: 825px;
 margin-top: 80px;
 overflow: hidden;
}
.figure_left{
 width: 540px;
 height: 100%;
 background: url(/Sites/Uploaded/UserUpLoad/20211112/20211112180959.png)no-repeat;
 background-size: cover;
 float: left;
 position: relative;
}

.figure_leftCen{
 width: 442px;
 height: 442px;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%,-50%);
 line-height: 440px;
 text-align: center;
}
.figure_leftCen::before{
 content: "";
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: url(/Sites/Uploaded/UserUpLoad/20211112/20211112181347.png)no-repeat;
 background-size: cover;
 -webkit-transform: rotate(360deg);
 animation: rotation 20s linear infinite;
 -moz-animation: rotation 20s linear infinite;
 -webkit-animation: rotation 20s linear infinite;
 -o-animation: rotation 20s linear infinite;
}

.figure_right{
 width: 1052px;
 height: 100%;
 float: left;
 background: url(/Sites/Uploaded/UserUpLoad/20211112/20211112182133.png)no-repeat;
 background-size: cover;
}
.figure_rightUl{
 height: 100%;
 display: flex;
 justify-content: space-evenly;
 padding: 0 15px;
}

.figure_rightUl li{
 width: 23px;
 height: 100%;
 writing-mode: tb-rl;
 line-height: 23px;
 text-align: center;
 letter-spacing: 4px;
 position: relative;
 box-sizing: border-box;
 padding-top: 10px;
}
.figure_rightUl li::before{
 position: absolute;
 content: "";
 display: block;
 width: 1px;
 height: 100%;
 background: #DBDBDB;
 left: 50%;
 top: 0;
 transform: translateX(-50%);
}
.figure_rightUl li a.title_type{
 padding: 25px 0;
 width: 23px;
 text-align: center;
 line-height: 23px;
 display: block;
 height: fit-content;
 transition: all 0.3s;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 background: url(/Sites/Uploaded/UserUpLoad/20211112/20211112182133.png)no-repeat;
}
.figure_rightUl li a.title_type::before{
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 23px;
 height: 17px;
 background: url(/Sites/Uploaded/UserUpLoad/20211112/20211112183852.png)no-repeat;
}

.figure_rightUl li a.title_type::after{
 content: "";
 display: block;
 position: absolute;
 bottom: 0;
 left: 0;
 width: 23px;
 height: 17px;
 background: url(/Sites/Uploaded/UserUpLoad/20211112/20211112183905.png);
}

.figure_rightUl li a.title_type:hover{
 color: #B31212;
}
.figure_rightUl li:hover ::before{
 background: #B31212;
}
.figure_rightUl li:hover a.title_type::before{
 background: url(/Sites/Uploaded/UserUpLoad/20211115/20211115100214.png)no-repeat;
}
.figure_rightUl li:hover a.title_type::after{
 background: url(/Sites/Uploaded/UserUpLoad/20211115/20211115100226.png)no-repeat;
}
.figure_rightUl li a.title_type::before{

}
.figure_rightUl li:nth-child(1) a.title_type{
 top: 50%;
}
.figure_rightUl li:nth-child(2) a.title_type{
 top: 42%;
}
.figure_rightUl li:nth-child(3) a.title_type{
 top: 49%;
}
.figure_rightUl li:nth-child(4) a.title_type{
 top: 35%;
}
.figure_rightUl li:nth-child(5) a.title_type{
 top: 49%;
}
.figure_rightUl li:nth-child(6) a.title_type{
 top: 34%;
}
.figure_rightUl li:nth-child(7) a.title_type{
 top: 54%;
}
.figure_rightUl li:nth-child(8) a.title_type{
 top: 45%;
}
.figure_rightUl li:nth-child(9) a.title_type{
 top: 61%;
}
.figure_rightUl li:nth-child(10) a.title_type{
 top: 44%;
}
.figure_rightUl li:nth-child(11) a.title_type{
 top: 55%;
}
.figure_rightUl li:nth-child(12) a.title_type{
 top: 38%;
}
.figure_rightUl li:nth-child(13) a.title_type{
 top: 48%;
}
.figure_rightUl li:nth-child(14) a.title_type{
 top: 42%;
}
.figure_rightUl li:hover a.title_type {
 transform: translateY(-58%);
 transition: all 0.3s;
}



 @-webkit-keyframes rotation {
 from {
 -webkit-transform: rotate(0deg);
 }
 to {
 -webkit-transform: rotate(360deg);
 }
}
.figure_rightUl .Li_Odd {
 transform: translateY(-100px);
 transition: all 1s;
 -webkit-transition: all 1s;
 opacity: 0;
}
.figure_rightUl .Li_Even {
 transform: translateY(100px);
 transition: all 1s;
 -webkit-transition: all 1s;
 opacity: 0;
}
.active .figure_rightUl li {
 opacity: 1;
 transform: translateY(0px);
 transition-delay: 0.3s;
 -webkit-transition-delay: 0.3s;
}

@media screen and (max-width:1400px){
  .info_left {
 width: 550px;
  }
  .info_right{
 left: 680px;
  }
  .constr_info{
 width: 100%;
 padding: 120px 0 0 70px;
  }
  .lead_conTit{
 width: 26%;
  }
  .lead_conSwiper{
 width: 74%;
  }
  .figure_left{
  width:  26%;
  }
  .figure_right {
  width: 74%;
  }
  .figure_leftCen{
 width: 260px;
 height: 260px;
 line-height: 260px;
  }
  .leftCen_img{
 width: 80%;
  }

}