/* 重构 */
* {
  margin: 0;
  padding: 0;
}
body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.center {
  width: 1140px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.top {
  height: 60px;
  position: relative;
}
.top > .transormwords {
  position: absolute;
  right: 0%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  width: 40px;
  height: 20px;
  text-align: center;
  color: #769fd1;
}
.transormwords div {
  font-size: 16px;
}
/* 中英文 的切换布局 */

.top-left {
  width: 25%;
  height: 100%;
  overflow: hidden;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-left > img {
  width: 70%;
  height: 90%;
  display: block;
}

.top-right > ul > li a {
  font-size: 16px;
}
.top-right {
  width: 70%;
  height: 100%;
  float: right;
  display: flex;
  justify-content: space-around;
}
.top-right > ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.top-right > ul > li {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-right > ul > .active {
  background-color: #0061ae;
  color: #000;
}
.nav1,
.nav2,
.nav3,
.nav4,
.nav4,
.nav5,
.nav6 {
  font-size: 16px;
}
.top-right a {
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s, color 0.3s; /* 添加过渡效果 */
}
.top-right a:hover {
  background-color: #0061ae;
  color: #fff;
}
.picture {
  height: 456px;
  text-align: center;
  width: 100vw;
  height: 90vh;
  position: relative;
}
.prevButton, .nextButton {
  position: absolute;
  top: 50%;
  /* transform: translateY(-50%); */
  /* background: rgba(0, 0, 0, 0.5); */
  /* color: white; */
  border: none;
  padding: 10px;
  cursor: pointer;
  /* width: 100px; */
  /* height: 50px; */
  opacity: 0.5;
}

.prevButton {
  left: 6%;
  transform: translate(-50%,-50%);
  font-size: 80px;
}

.nextButton {
  right: 4%;
  transform: translate(-50%,-50%);
  font-size: 80px;

}
.slideshow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: slideShow 3s;
  width: 100%;
  height: 100%;
}
@keyframes slideShow {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.slideshow img {
  width: 100%;
  height: 100%;
  display: none;
}

.slideshow img:first-child {
  display: block;
}

.middle {
  width: 100%;
  height: 600px;
  position: relative;
}
.picture_box {
  width: 80%;
  height: 200px;
  background-color: #fff;
  position: absolute;
  top: 3%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.box1 {
  width: 18%;
  height: 90%;
  display: flex;
  padding-top: 20px;
  flex-direction: column;
}
.box1 > img {
  width: 40%;
  height: 20%;
  margin-left: 8px;
}
.box1 > h2 {
  margin-top: 20px;
  font-weight: 700;
  margin-left: 10px;
}
.box1 > p {
  font-size: 12px;
  margin-top: 20px;
  letter-spacing: 2px;
  line-height: 20px;
  color: rgb(147, 145, 145);
  margin-left: 10px;
}

.middle_content {
  width: 100%;
  height: 100%;
  background-image: url("http://sb6wob1z5.hd-bkt.clouddn.com/main_images.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.middle_content > .middle_content_left {
  position: absolute;
  left: 35%;
  top: 55%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 40%;
}

.middle_content > .middle_content_left > .middle_title {
  font-size: 20px;
  font-weight: 700;
  width: 45%;
  height: 70px;
  line-height: 30px;
  letter-spacing: 5px;
}
.middle_content > .middle_content_left > .middle_txt {
  font-size: 12px;
  width: 45%;
  height: 70px;
  line-height: 20px;
  letter-spacing: 5px;
  font-weight: 500;
  margin-top: 10px;
}
.middle_content > .middle_content_left > .middle_box {
  width: 100px;
  height: 32px;
  background-color: #0061ae;
  border-bottom-left-radius: 12px;
  border-top-right-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12%;
  margin-top: 30px;
}
.middle_content > .middle_content_left > .middle_box > .words {
  color: #fff;
  text-align: center;
}
.middle_content > .middle_bottom {
  position: absolute;
  left: 50%;
  bottom: -50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 50%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.middle_content > .middle_bottom > .title {
  font-size: 25px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  letter-spacing: 4px;
  font-weight: 700;
}
.middle_content > .middle_bottom > .middle_bottom_box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.middle_content > .middle_bottom > .middle_bottom_box > .bottom_box1 {
  width: 20%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  border: 0.1px solid rgb(198, 198, 198);
}
.middle_content > .middle_bottom > .middle_bottom_box > .bottom_box1 > p {
  color: #000;
  font-size: 15px;
  height: 18%;
  width: 100%;
  position: absolute;
  top: 2%;
  left: 2%;
  letter-spacing: 2px;
  line-height: 20px;
  text-align: center;
}
.middle_content
  > .middle_bottom
  > .middle_bottom_box
  > .bottom_box1
  > .showimg1 {
  width: 90%;
  height: 40%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.middle_content
  > .middle_bottom
  > .middle_bottom_box
  > .bottom_box1
  > .showbottom {
  width: 12%;
  height: 10%;
  position: absolute;
  bottom: 5%;
  left: 2%;
}
.job .job_top_left {
  width: 60%;
  height: 30%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.job .job_top_left .job_top_left_box {
  width: 80%;
  height: 100%;
  background-color: #0061ae;
}
.job .job_top_left .job_top_left_content .job_top_left_title {
  color: #000;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 27px;
  margin-left: 10px;
}
.job .job_top_left .job_top_left_content .job_top_left_words {
  color: rgb(166, 161, 161);
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 23px;
  margin-left: 10px;
  margin-top: 2px;
}
.job .job_top_right {
  width: 20%;
  height: 100%;
  background-color: #0061ae;
}
.grey .Talent .Talent_right {
  width: 50%;
  height: 40px;
  background-color: #981515;
}
.whilte {
  background-color: #fff;
  position: relative;
}
.right_title {
  position: absolute;
  top: 20%;
  right: 10%;
  color: white;
  font-size: 50px;
  font-weight: 600;
  letter-spacing: 10px;
}
.product_bg {
  position: absolute;
  bottom: 30%;
  left: 14%;
}
.product_bg img {
  width: 58%;
  height: 80%;
}
.product_left .product_show {
  width: 100%;
  height: 35%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-bottom: 20px;
}
.product_left .product_show .product_parts1 {
  width: 24%;
  height: 80%;
  background-color: #9c9595;
}
.product {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 6%;
}
.product-box {
  width: 100%;
  height: 720px;
  position: relative;
}
.product .product_left {
  width: 50%;
  height: 100%;
}
.product .product_left .product_title {
  font-size: 36px;
  color: black;
  font-weight: 600;
  line-height: 60px;
}
.product .product_left .product_star {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 30%;
  height: 50px;
  margin-top: 10px;
}
.product .product_left .product_star img {
  width: 30px;
  height: 30px;
}
.product .product_left .product_content {
  width: 80%;
  height: 160px;
  margin-top: 2px;
}
.product .product_left .product_content p {
  font-size: 16px;
  color: rgb(154, 146, 146);
  letter-spacing: 2px;
  line-height: 27px;
  text-align: left;
}
.product .product_left .product_avatar {
  width: 100%;
  height: 80px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  margin-top: 10px;
}
.product .product_left .product_avatar .avatar1 {
  margin-left: -20px;
}
.product .product_left .product_avatar img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.product .product_right {
  width: 50%;
  height: 100%;
  background-color: black;
  position: relative;
}

.product .product_right img {
  width: 100%;
  height: 100%;
}

.global {
  width: 100%;
  height: 900px;
  background-image: url("https://pic.imgdb.cn/item/663117380ea9cb14034e58b8.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
}
.global > .global_expect {
  position: absolute;
  top: 10%;
  left: 48%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 15%;
}
.global > .global_title {
  position: absolute;
  top: 26%;
  left: 48%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 15%;
}
.global > .global_work {
  position: absolute;
  top: 42%;
  left: 48%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 15%;
}
.global > .global_box {
  position: absolute;
  top: 54%;
  right: 8%;
  transform: translate(20%, -50%);
  width: 55%;
  height: 15%;
}
.global > .global_respect {
  position: absolute;
  top: 78%;
  right: 11%;
  transform: translate(20%, -50%);
  width: 51%;
  height: 34%;
}
.global > .global_right {
  position: absolute;
  bottom: 0%;
  right: 0%;
  transform: translate(-50%, -50%);
  width: 15%;
  height: 10%;
}
.global > .global_bottom {
  position: absolute;
  bottom: -12%;
  right: 0%;
  width: 60%;
  height: 28%;
  background-color: #336894;
  display: flex;
  flex-direction: row;
  justify-content: start;
}
.global_bottom_box {
  width: 15%;
  height: 100%;
  position: relative;
}
.global_bottom_box > img {
  width: 30%;
  height: 20%;
  position: absolute;
  top: 40%;
  left: 25%;
}
.global_bottom_box > p {
  position: absolute;
  bottom: 10%;
  left: 18%;
  font-size: 16px;
  color: #000;
  letter-spacing: 4px;
}

.global_txt1,
.global_txt2,
.global_txt3,
.global_txt4,
.global_txt5,
.global_txt6 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 4px;
}
.global_words1,
.global_words2,
.global_words3,
.global_words4,
.global_words5 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 4px;
}

.identify {
  width: 100%;
  height: 600px;
}
.identify_content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.identify_content > .identify_top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 36%;
}
.identify_content > .identify_top > .identify_left {
  width: 65%;
  height: 100%;
  position: relative;
}
.identify_left > .identify_title {
  width: 100%;
  height: 20%;
  position: absolute;
  bottom: 60%;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 2px;
}
.identify_left > .identify_words {
  width: 100%;
  height: 20%;
  position: absolute;
  bottom: 35%;
  font-size: 15px;
  letter-spacing: 4px;

}

.identify_content > .identify_top > .identify_right {
  width: 30%;
  height: 100%;
  position: relative;
}
.identify_right > .identify_bg {
  width: 40%;
  height: 20%;
  position: absolute;
  bottom: 16%;
  background-color: #0061ae;
  border-bottom-left-radius: 14px;
  border-top-right-radius: 14px;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.identify_right > .identify_bg > p {
  text-align: center;
  color: #fff;
}
.identify_content > .identify_bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 55%;
  /* margin-top: 20px; */
}
.identify_content > .identify_bottom > .identifyimg1 {
  width: 43%;
  height: 100%;
}
.identify_content > .identify_bottom > .identifyimg2 {
  width: 24%;
  height: 100%;
}

.news {
  width: 100%;
  height: 700px;
}
.news_content {
  width: 100%;
  height: 100%;
  position: relative;
}
.news_content > .news_title {
  font-size: 20px;
  font-weight: 700;
  width: 50%;
  height: 4%;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 10%;
}
.news_content > .news_title1 {
  font-size: 20px;
  font-weight: 700;
  width: 80%;
  height: 4%;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 16%;
}

.news_content > .news_words {
  font-size: 16px;
  width: 50%;
  height: 4%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 17%;
  text-align: center;
  font-weight: 500;
  font-weight: 700;
}
.news_content > .news_bottom {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 20%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;

}
.news_content > .news_bottom > .bottom_left {
  width: 46%;
  height: 100%;

}
.news_content > .news_bottom > .bottom_left .date,
.news_content > .news_bottom > .bottom_right .date {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
}
.news_content > .news_bottom > .bottom_left .left_words1,
.news_content > .news_bottom > .bottom_left .left_words2,
.news_content > .news_bottom > .bottom_right .left_words3,
.news_content > .news_bottom > .bottom_right .left_words4 {
  font-size: 14px;
  font-weight: 700;
  margin-top: 10px;
}
.news_content > .news_bottom > .bottom_left .left_txt,
.news_content > .news_bottom > .bottom_right .left_txt {
  font-size: 12px;
  font-weight: 500;
  line-height: 25px;
  font-weight: 500;
  margin-top: 10px;
}
.bottom_left > .img1,
.bottom_right > .img1 {
  width: 100%;
  height: 40%;
  margin-top: 20px;
}
.news_content > .news_bottom > .bottom_right {
  width: 46%;
  height: 100%;

}

.img-container {
  display: flex;
  transition: transform 1s cubic-bezier(0.25, 0.1, 0.25, 1); /* 自定义速度曲线 */
}

.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
  height: 100%;
}
.mySlides ,
.mySlides_1
{
  
  width: 100%;
  height: 30%;
}
.mySlides > img,
.mySlides_1 > img {
  width: 100%;
  height: 20%;
  padding-top: 20px;
}

.bottom_container,
.bottom_container1 {
  cursor: pointer;
  
}

.logo1 {
  margin: 0 auto;
  display: block;
}
.margin1 {
  height: 395px;
}

.items {
  position: fixed;
  right: 48px;
  top: 35%;
  z-index: 99999;
}
.items li {
  margin-bottom: 30px;
  border-radius: 28px;
  cursor: pointer;
  width: 28px;
  height: 28px;
  background-color: #dfdcdc;
  transition: all 0.3s ease-in-out;
}
.items li.e,
.items li:hover {
  background-color: #0061ae;
}
.margins {
  overflow: hidden;
}

.title {
  width: 100%;
  text-align: center;
}

.bottom {
  width: 100%;
  height: 580px;
  display: none;
}

.bottom .map {
  background: url("http://sb6wob1z5.hd-bkt.clouddn.com/map2.png")
    no-repeat;
  background-size: 100% 60%;
  /* background-color: #0061ae; */
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.map .copyRight_words {
  color: white;
  font-size: 40px;
}
.bbb {
  width: 100%;
  height: 80px;
  background-color: #0061ae;
  display: flex;
  justify-content: center;
  position: absolute;
  margin-top: 50px;
}
.bbb > p {
  color: whitesmoke;
  font-size: 14px;
  letter-spacing: 2px;
  position: relative;
  bottom: -30%;
}

.map .footer{
  width: 100%;
  height: 25%;
  background-color: #fff;
  position: absolute;
  bottom: 10%;
  left: 0%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.map > .bottom-top {
  width: 18%;
  height: 30%;
  position: absolute;
  top: -15%;
  left: 14%;
}
.map > .bottom-top > img {
  width: 100%;
  height: 100%;
}
.map .copyRight {
  width: 80%;
  height: 25%;
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.map .copyRight_footer {
  width: 80%;
  height: 5%;
  position: absolute;
  bottom: 10%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.map .copyRight_footer p {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 2px;
  align-self: center;
  color: #fff;
}

.map .copyRight .copyRight_title {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 50%;
  height: 20%;
}
.map .copyRight .copyRight_title p {
  font-size: 15px;
  color: #fff;
  letter-spacing: 2px;
}

.map .copyRight .copyRight_img img {
  width: 100%;
  height: 40%;
}

.map .footer .message {
  width: 30%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.map .footer .message .img1 {
  width: 10%;
  height: 100%;
  display: flex;
}

.map .footer .message .img1 img {
  width: 50px;
  height: 50px;
  align-self: center;
}
.map .footer .message .img2 {
  width: 10%;
  height: 100%;
  display: flex;
}
.map .footer .message .img2 img {
  width: 50px;
  height: 50px;
  align-self: center;
}
.map .footer .message .img3 {
  width: 10%;
  height: 100%;
  display: flex;
}
.map .footer .message .img3 img {
  width:50px;
  height: 60px;
  align-self: center;
}
.map .footer .message .text {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 20px;
}
.map .footer .message .text .text_words_title_place,
.map .footer .message .text .text_words_title_phone,
.map .footer .message .text .text_words_title_mail {
  align-self: flex-start;
  margin-left: 9px;
  font-size: 16px;
  font-weight: 600;
  color: black;
  letter-spacing: 4px;

}
.text_words_title_mail{
  margin-top: 7px;
}
.text_words_title_phone{
  margin-top: 7px;
}
.map .footer .message .text .text_words_title_place{

  margin-top: 24px;
}
.map .footer .message .text .text_words {
  font-size: 15px;
  color: #939393;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-left: 9px;
  width: 300px;
  height: 30%;
}
.map .footer .message .text .text_words_title1 {
  align-self: flex-start;
  font-size: 15px;
  color: #939393;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-left: 9px;
}

.contact_us {
  width: 674px;
  background: #fff;
  margin: 0 auto;
}
.contact_us .title {
  background: #cb1f19;
}
.contact_us .title img {
  display: block;
}
.contact_font {
  padding: 30px 32px 15px;
  overflow: hidden;
}
.contact_font h3 {
  padding: 12px 0;
}
.contact_font h3 img {
  width: 60%;
}
.contact_font h4 {
  padding: 12px 0 0 0;
  float: right;
}
.contact_font p {
  font-family: "微软雅黑";
  font-size: 16px;
  line-height: 45px;
  color: #9f9f9f;
}
.location {
  display: block;
  width: 96px;
  height: 128px;
  background: url(../images/location.png) no-repeat;
  position: absolute;
  right: -96px;
  top: 212px;
}

/* banner */
.banner {
  width: 100%;
  height: 600px;
  background-color: #f3f9fb;
  position: relative;
  padding-top: 100px;
}
.banner_bottom {
  width: 50%;
  height: 30%;
  background-color: #6a8fad;
  position: absolute;
  bottom: -10%;
  right: 20%;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 10px;
  padding-right: 10px;
}
.banner_bottom > .txt_bottom {
  font-size: 12px;
  color: #fff;
  letter-spacing: 6px;
  line-height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner_bottom > h6 {
  color: #fff;
  display: flex;
  justify-content: flex-start;
  margin-top: 10px;
}
.banner_content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.banner_content > .banner_left {
  width: 38%;
  height: 100%;
  padding-top: 20px;
  position: relative;
  margin-left: 6%;
}
.banner_left > .left1 {
  color: #000;
  font-size: 30px;
  font-weight: 700;
}
.banner_content > .banner_left > .left_bottom {
  width: 200px;
  height: 200px;
  bottom: 0%;
  left: 0%;
  position: absolute;
}
.banner_content > .banner_left > .banner_location {
  font-size: 16px;
  color: #0061ae;
  letter-spacing: 2px;
  margin-top: 5px;
  padding-left: 2px;
}
.banner_content > .banner_left > .txt_title {
  font-size: 16px;
  color: rgb(163, 156, 156);
  letter-spacing: 4px;
  line-height: 30px;
  margin-top: 10px;
  padding-left: 2px;
}
.banner_content > .banner_left > .banner_more {
  width: 100%;
  height: 10%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px;
}
.banner_content > .banner_left > .banner_more > .banner_more_box {
  width: 28%;
  height: 40px;
  background-color: #0061ae;
  border-radius: 20px;
  display: flex;
  justify-content: center;
}
.banner_content > .banner_left > .banner_more > .banner_more_box p {
  color: #fff;
  font-size: 18px;
  text-align: center;
  align-self: center;
  font-weight: 500;
}
.banner_content > .banner_left > .banner_more h6 {
  align-items: center;
  margin-right: 40px;
  display: flex;
  justify-content: center;
}

.banner_content > .banner_right {
  width: 46%;
  height: 70%;
  padding-top: 25px;
  position: relative;
  display: flex;
  justify-content: center;
  margin-right: 5%;
  
}
.banner_content > .banner_right > img {
  width: 100%;
  height: 100%;
}
.banner_content > .banner_right > .banner_words {
  width: 75%;
  height: 30%;
  position: absolute;
  bottom: -23%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
}
.banner_content > .banner_right > .banner_words > .banner_title {
  font-size: 14px;
  color: #fff;
  letter-spacing: 2px;
}
/* 发明专利 */
.invent {
  width: 100%;
  height: 550px;
  background-color: rgb(246, 246, 246);
  margin-top: 20px;
}
.invent .invent_content {
  width: 100%;
  height: 500px;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}
.invent .invent_content >.carousel {
  width: 72%;
  height: 100%;
  position: relative;
  /* margin-top: 10px; */
  overflow: hidden;
  left: 10%;
  transform: translate(10%,5%);
  

}
/* .carousel {
  width: 60%;
  overflow: hidden;
  position: relative;
} */
.carousel-container {
  display: flex;
  transition: transform 0.5s ease;
  width: 35.8%;
  height: 100%;
  cursor: pointer;
}
.carousel-item {
  flex: 0 0 auto;
  width: 90%;
  margin-right: 10px;

}
/* .invent .invent_content > .invent_left > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  border-radius: 10px;
  left: 10%;

  transform: translate(-10%, -50%);
} */
.invent .invent_content > .invent_right {
  width: 100%;
  height: 40%;
  position: relative; 
  
}
.invent .invent_content > .invent_right > .title_invent {
  font-size: 20px;
  letter-spacing: 2px;
  position: absolute;
  top: 15%;
  font-size: 30px;
  font-weight: 700;
  transform: translate(0%, -20%);
  text-align: left;
}
.invent .invent_content > .invent_right > .words_invent {
  font-size: 16px;
  letter-spacing: 4px;
  line-height: 40px;
  position: absolute;
  top: 50%;
  text-align: left;
  transform: translate(0%, -20%);
}


.dawn {
  width: 100%;
  height: 50px;
  background-color: rgb(40, 39, 39);
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin-top: 10px; */
}
.dawn p {
  color: whitesmoke;
  font-size: 14px;
  letter-spacing: 2px;
}
.promote{
  width: 100%;
  height: 400px;
  background-color: #0061ae;
}