.bg-light {  background: rgba(255, 255, 255, 0.85) !important;}@media screen and (max-width: 1920px) {  .container,  .container-sm,  .container-md,  .container-lg,  .container-xl {    max-width: 1300px;  }}@media screen and (max-width: 1600px) {  .container,  .container-sm,  .container-md,  .container-lg,  .container-xl {    max-width: 1260px;  }}@media screen and (max-width: 1366px) {  .container,  .container-sm,  .container-md,  .container-lg,  .container-xl {    max-width: 1150px;  }}.carousel .carousel-control-prev {  background: transparent;  border: transparent;}.carousel .carousel-control-next {  background: transparent;  border: transparent;}header .header-nav {  width: 100%;  margin: 0 auto;  padding: 0px;}header .header-nav .navbar {  padding: 0px;  margin: 0 auto;}header .header-nav .navbar .container {  padding: 0px;  margin: 0 auto;}header .header-nav .navbar .container .navbar-nav .nav-item {  padding: 0 20px;  margin: 0 auto;  border-bottom: transparent solid 2px;  transition: all 0.5s linear;  position: relative;}header .header-nav .navbar .container .navbar-nav .nav-item::before {  width: 100px;  background: #262576;  content: "";  position: absolute;  right: 0px;  bottom: 0px;  transition: all 0.3s linear;}header .header-nav .navbar .container .navbar-nav .nav-item:hover {  border-bottom: #262576 solid 2px;}header .header-nav .navbar .container .navbar-nav .nav-item:hover::before {  /*border-bottom: #262576 solid 2px; */  right: 0px;}header .header-nav .navbar .container .navbar-nav .nav-item .nav-link {  argin: 0 auto;  padding: 0px;  line-height: 100px;}header .header-nav .navbar .container .navbar-text{}header .header-nav .navbar .container .navbar-text ul{  display: flex; flex-direction: row; margin: 0 auto; padding: 0px;}header .header-nav .navbar .container .navbar-text ul li{ list-style-type: none;margin: 0 6px 0 0; padding: 0px; }@media screen and (max-width: 768px) {  header .header-nav .navbar .container .navbar-nav .nav-item .nav-link {    argin: 0 auto;    padding: 0px;    line-height: 2em;  }}.index-class {  width: 100%;  margin: 0 auto;  padding: 0px;  height: 600px;}.index-class .container {  margin-top: 100px;}.index-class .container .products {  width: 100%;  margin: 0 auto;  padding: 0px;  display: flex;  flex-direction: row;  flex-wrap: wrap;}.index-class .container .products .prod-list {  position: relative;}.prod-list{width: calc((100% - 40px) / 4);  margin: 5px;}@media  screen and (max-width: 768px) {  /*#index-banner{margin-top: 100px;}*/  .index-class .container {    margin-top: 20px;  }  .prod-list{width: calc((100% - 40px) / 2);  margin: 5px;}}.index-class .container .products .prod-list img {  max-width: 100%;}.index-class .container .products .prod-list .info {  width: 80%;  position: absolute;  bottom: 20px;  left: 10%;}.index-class .container .products .prod-list .info h3 {  font-size: 20px;  color: #24237d;}.index-class .container .products .prod-list .info p {  width: 100%;  height: 1px;  padding: 0px;  margin: 0 auto;  background: #24237d;  display: none;}.index-class .container .products .prod-list .info a {  color: #24237d;  text-decoration: none;  display: none;  border: #24237d solid 1px;  width: 120px;  padding: 5px 15px;  text-align: center;}.index-class .container .products .prod-list .info p{  margin: 10px auto;}.index-class .container .products .prod-list .info:hover {  cursor: pointer;}.index-class .container .products .prod-list .info:hover p {  display: block;}.index-class .container .products .prod-list .info:hover a {  display: block;}.index-class .container .products .prod-list .info:hover a:hover {  background: #1c7dbf;  color: #ffffff;  border: #1c7dbf solid 1px;}.index-class .container .products .prod-list:hover{  cursor: pointer;}.index-class .container .products .prod-list:hover p{  display: block;}.index-class .container .products .prod-list:hover a{  display: block;}.index-products{  width: 100%;margin: 0 auto; padding: 70px 30px;  background: #f5f5f5;}.index-products h2{ font-size: 48px; line-height: 1.4em; margin-bottom: 60px; color: #2a476c;}@media screen and (max-width: 768px) {  .index-class .container .products .prod-list .info h3 {    font-size: 16px;  }  .index-products{    width: 100%;margin: 0 auto; padding: 20px 30px;}  .index-products h2{ font-size: 1.6rem; line-height: 1.4em; margin-bottom: 20px; color: #2a476c;}}.index-products .swiper .swiper-slide .swiper-button-next{ color: #ffffff;}.index-products .swiper .swiper-slide .prod{}.index-products .swiper .swiper-slide .prod img{max-width: 100%; border-bottom: #e9c02c solid 2px;}.index-products .swiper .swiper-slide .prod h3 a{ color: #666; text-decoration: none; font-weight: normal; font-size: 16px;}.index-about{width: 100%; margin: 0 auto; padding: 70px 0px;    }.index-about .title{ position: relative;font-size: 58px;line-height: 1.4em; color: #2a476c;}@media  screen and (max-width: 768px) {  .index-about .title{font-size: 1.6rem;}}.index-about .title::before{ content: ""; width: 100px; position:absolute;height: 4px; left: 0px; top: -10px; background: #262576;}.index-about .desc p{font-size: 18px;line-height: 1.8em; color: #595959;}.index-news{width: 100%; margin: 0 auto; padding: 70px 0px;    }.index-news .container .title{position: relative;font-size: 30px;line-height: 1.6em; color: #2a476c;}.index-news .container .title::before{content: ""; width: 100px; position:absolute;height: 4px; left: 0px; top: -10px; background: #262576;}.index-news .container p{ color: #2a476c;font-size: 18px;}.index-news .container .news{width: 100%; margin: 0 auto; display: flex;flex-direction: row;}.index-news .container .news a{width: calc((100% - 30px) / 3); margin: 5px; background: #f5f5f5; border-bottom: #d9d9d9 solid 2px;text-decoration: none;}.index-news .container .news a:hover{border-bottom: #24237d solid 2px; background: #24237d;}.index-news .container .news a .news-list{ padding: 20px;}.index-news .container .news a .news-list h4{font-size: 14px;color: #787878; line-height: 1.6em;}.index-news .container .news a .news-list h4 span{ color: #787878;font-size: 24px;}.index-news .container .news a .news-list h3{font-size: 1rem; color: #636363;}.index-news .container .news a .news-list p{font-size: 0.9rem; color: #a8a8a8;margin-bottom: 60px;}.index-news .container .news a .news-list h5{font-size: 1rem; color: #999999;}.index-news .container .news a:hover h4,.index-news .container .news a:hover h4 span,.index-news .container .news a:hover h5,.index-news .container .news a:hover h3,.index-news .container .news a:hover p{  color: #ffffff;}@media screen and (max-width: 768px) {  .index-news .container .title {    font-size: 1.4rem;  }  .index-news .container .news{width: 100%; margin: 0 auto; display: flex;flex-direction: row;flex-wrap: wrap;}  .index-news .container .news a{width: calc((100% - 10px) / 1); margin: 5px;}  }footer{  background: #272727; width: 100%; margin: 0 auto; padding: 0px;}footer .footer-link{  padding: 40px 0px;}footer .footer-link .container .col-lg-3 .title{  position: relative;}footer .footer-link .container .col-lg-3 .title+img{max-width: 134px; margin-top: 30px;}footer .footer-link .container .col-lg-3 .title p{ color: #ccc; line-height: 2em; font-size: 14px;}footer .footer-link .container .col-lg-3 .title p a{  color:#A9A9A9;line-height: 2em;}footer .footer-link .container .col-lg-3>p{  color:#A9A9A9;}footer .footer-link .container .col-lg-3>p>a{  color:#A9A9A9;}footer .footer-link .container .col-lg-3 .title::before{position: absolute;content: ""; width: 100%; height: 3px; left: 0px; bottom: -10px;background: #3f3f3f}footer .footer-link .container .col-lg-3 .title::after{position: absolute;content: ""; width: 34px; height: 3px; left: 0px; bottom: -10px;background: #24237d}footer .footer-link .container .col-lg-3 .list-group{margin-top: 40px; background: transparent}footer .footer-link .container .col-lg-3 .list-group .list-group-item{background: transparent; border: transparent; border-bottom: #3f3f3f solid 1px; padding: 8px 0;}footer .footer-link .container .col-lg-3 .list-group .list-group-item a{ color: #999999;text-decoration: none;}footer .footer-link .container .col-lg-3:nth-child(3) p a{text-decoration: none; color: #a9a9a9;}footer .footer-copy{  border-top: #3d3d3d solid 1px;margin-top: 30px; width: 100%; overflow: hidden; height: 80px;}footer .footer-copy .container p{ color: #a9a9a9; line-height: 5em;font-size: 16px; text-align: center;}@media screen and (max-width: 768px) {  footer .footer-copy{    height: 50px;  }  footer .footer-copy .container p{ color: #a9a9a9; line-height: 50px;font-size: 12px; text-align: center;}  footer .footer-copy .container p span{display: none;}}.mySwiper2 .swiper-slide img{max-height: 350px;}#index-banner{  margin-top: 120px;  @media screen and (max-width: 768px) {    margin-top: 120px;  }}