.container {
   margin-top: -50px;
   background-color: rgba(255, 255, 255, 0.95);
   box-shadow: 0 1px 10px 0 #17171733;
   padding: 49px 20px;
   margin-bottom: 60px;
}

.container .module_title {
   display: flex;
   justify-content: center;
   margin-bottom: 40px;
}

.container .module_title img {
   width: 100%;
}

@keyframes fadeInDown {
   from {
      opacity: 0;
      transform: translate3d(0, -50px, 0);
   }

   to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
   }
}

.container .enter .banner {
   display: flex;
   height: 300px;
   margin-top: 42px;
}

.container .enter .banner .banner_item {
   display: flex;
   height: 100%;
   margin-right: 14px;
}

.container .enter .banner .banner_item.active .banner_inner {
   display: block;
}

.container .enter .banner .banner_item.active .banner_inner .main {
   border-color: #99c0e5;
}

.container .enter .banner .banner_item:first-child .banner_title {
   color: #016bb5;
   background-image: url(../images/bg_enter_1.png);
 }
.container .enter .banner .banner_item:nth-child(2) .banner_title {
   color: #016bb5;
   background-image: url(../images/bg_enter_2.png);
 }
 .container .enter .banner .banner_item:nth-child(3) .banner_title {
   color: #919072;
   background-image: url(../images/bg_enter_3.png);
 }
 .container .enter .banner .banner_item:nth-child(4) .banner_title {
   color: #73a75f;
   background-image: url(../images/bg_enter_4.png);
 }
 .container .enter .banner .banner_item:last-child {
   margin-right: 0;
 }
 .container .enter .banner .banner_item:last-child .banner_title {
   color: #a0462b;
   background-image: url(../images/bg_enter_5.png);
 }

.container .enter .banner .banner_item:last-child .banner_inner .main {
   border-color: #bdbca2;
}
.container .enter .banner .banner_item .banner_title {
   display: flex;
   align-items: center;
   width: 75px;
   height: 100%;
   background: url(../images/bg_enter_1.png) no-repeat;
   background-size: 100% 100%;
   font-size: 24px;
   color: #1392a1;
   font-weight: 700;
   writing-mode: vertical-rl;
   padding-top: 60px;
   letter-spacing: 3px;
   cursor: pointer;
}

.container .enter .banner .banner_item .banner_inner {
   display: none;
   height: 100%;
   margin-left: 10px;
}

.container .enter .banner .banner_item .banner_inner .main {
   display: flex;
   width: 245px;
   height: 100%;
   border: 1px solid #94d5ce;
   animation-name: fadeInDown;
   animation-duration: 1.2s;
   padding: 15px;
}

.container .enter .banner .banner_item .banner_inner .main img {
   display: none;
   width: 0px;
   height: 100%;
}

.container .enter .banner .banner_item .banner_inner .main .desc {
   flex: 1;
   margin-left: 15px;
   text-indent: 2em;
   font-size: 14px;
   color: #333;
   line-height: 20px;
}

.container .enter .banner .banner_item .banner_inner .main .desc .check {
   color: #1392a1;
}

.container .impression {
   margin-top: 50px;
}

.container .impression .swiper {
   width: 100%;
   height: 210px;
}

.container .impression .swiper .swiper-slide {
   width: 100%;
   height: 100%;
   background-color: #f7f8fd;
}

.container .impression .swiper .swiper-slide a {
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
}

.container .impression .swiper .swiper-slide a img {
   width: 100%;
   height: 160px;
}

.container .impression .swiper .swiper-slide a .title {
   display: flex;
   align-items: center;
   justify-content: center;
   flex: 1;
   font-size: 22px;
   font-weight: 700;
   color: #015293;
}

.container .impression .swiper .swiper-button-next::after,
.container .impression .swiper .swiper-button-prev::after {
   display: none;
}

.container .invest {
   margin-top: 50px;
}

.container .invest .investSlide .head {
   display: flex;
   justify-content: space-between;
}

.container .invest .investSlide .head li {
   width: 302px;
   height: 46px;
   background: url(../images/bg_invest.png) no-repeat;
   background-size: 100% 100%;
}

.container .invest .investSlide .head li:hover,
.container .invest .investSlide .head li.on {
   background: url(../images/bg_invest_active.png) no-repeat;
   background-size: 100% 100%;
}

.container .invest .investSlide .head li:hover a,
.container .invest .investSlide .head li.on a {
   color: #fff;
}

.container .invest .investSlide .head li a {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   font-size: 18px;
   color: #3874b5;
}

.container .invest .investSlide .invest_inner {
   width: 100%;
   margin-top: 22px;
   background-color: #f7fbff;
   padding: 20px;
}

.container .invest .investSlide .invest_inner .list {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.container .invest .investSlide .invest_inner .list li {
   position: relative;
   display: flex;
   align-items: center;
   height: 60px;
   font-size: 18px;
   width: 100%;
   border-bottom: 1px solid #f1f2f2;
   padding-left: 24px;
}

.container .invest .investSlide .invest_inner .list li::before {
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   width: 5px;
   height: 5px;
   background-color: #3874b5;
   transform: translateY(-50%);
}

.container .invest .investSlide .invest_inner .list li a {
   display: flex;
   justify-content: space-between;
   width: 100%;
   color: #333;
}

.container .invest .investSlide .invest_inner .list li a:hover {
   color: #015293;
}

.container .live {
   margin-top: 50px;
 }
 .container .live .live_inner {
   display: flex;
   flex-wrap: wrap;
 }
 .container .live .live_inner .live_item {
   width: 25%;
   height: auto;
   overflow: hidden;
 }
 .container .live .live_inner .live_item .img {
   width: 100%;
   height: 100%;
   background-color: #bbf;
   transition: all 0.5s;
 }
 .container .live .live_inner .live_item .img:hover {
   transform: scale(1.1);
 }
 .container .live .live_inner .live_item .list {
   color: #fff;
   font-size: 18px;
   line-height: 38px;
   padding: 10px;
 }
 .container .live .live_inner .live_item .list li {
   position: relative;
   padding-left: 25px;
 }
 
 .container .live .live_inner .live_item .list li a {
   color: #fff;
 }
 
 .container .live .live_inner .live_item .list li::before {
   content: "";
   position: absolute;
   left: 10px;
   top: 50%;
   transform: translateY(-50%);
   width: 5px;
   height: 5px;
   background-color: #fff;
   border-radius: 50%;
 }
 
.container .socio-economic {
   margin-top: 50px;
 }
 
 .container .socio-economic .socio-economic_inner {
   display: flex;
   justify-content: space-between;
   margin-top: 40px;
   flex-wrap: wrap;
 }
 
 .container .socio-economic .socio-economic_inner .socio-economic_item { 
   width: 288px;
   display: flex;
   flex-direction: column;
   justify-content : space-between;
   align-items: center;
   padding: 36px;
   background-color: #f7f8fd;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
 }
 
 .container .socio-economic .socio-economic_inner .socio-economic_item img {
   width: 120px;
 }
 
 .container .socio-economic .socio-economic_inner .socio-economic_item .title {
   margin-top: 40px;
   color: #333;
 }
 
 .container .socio-economic .socio-economic_inner .socio-economic_item .more a { 
   display: inline-block;
   margin-top: 26px;
   color: #333 ;
 }