.container {max-width: 1440px !important;}
.head_layer{background-color: #000 !important;}
.header_language{cursor: pointer;}
.banner{position: relative;overflow: hidden;}
.banner img{width: 100%;vertical-align: middle;}
/* .banner_mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);z-index: 9;} */
.banner .swiper-button-next, .banner .swiper-button-prev{ z-index: 9999; position: absolute;  border-radius: 50%;overflow: hidden; width: 55px;height: 55px;line-height: 55px;text-align: center;background-color: #a31b29;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 20px;color: #fff;font-weight: bold;}
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover{background-color: #000;}
.banner_main{position: absolute;top: 80%;left: 25%;transform: translate(-25%,-80%); margin: 0 auto; width: 100%;z-index: 99;}
.banner_main h3{font-size: 36px;font-weight: bold; text-shadow: 3px 3px 15px #000; word-wrap: break-word;color: #fff;line-height:55px;}
.banner_btn{display: flex;justify-content: center;align-items: center;padding: 15px 40px; width: 15%; margin-top: 40px; background-color: #a31b29;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.banner_btn p{font-size: 16px;color: #fff;}
.banner_btn i{font-size: 18px;color: #fff;margin-left: 15px;}
.banner_btn:hover{box-shadow:  4px 5px 0px 0px rgba(255,255,255, 0.2);}
/* indexmedia */
.indexmedia{padding: 30px  100px;display: flex;justify-content: flex-end;align-items: center;}
.indexmedia a{display: block;margin: 5px;}
.indexmedia img{display: block;width: 40px;height: 40px;vertical-align: middle;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexmedia a:hover img{transform: scale(1.1);}
/* indexproduct */
.indexproduct{padding: 40px 0;}
.indexproduct_title{margin-bottom: 30px;}
.indexproduct_title h2{font-size: 48px;color: #a31b29;font-weight: bold;text-align: center;margin-bottom: 10px;word-wrap: break-word;}
.indexproduct_title p{font-size: 18px;color: #666;font-weight: bold;  text-align: center;word-wrap: break-word;}
.indexproduct_flex{display: flex;flex-wrap: wrap;}
.indexproduct_li{position: relative;}
.indexproduct_box{height: 100%;position: relative;padding: 20px;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexproduct_img{width: 100%;height: auto;overflow: hidden;display: block;position: relative;padding-top: 42%;}
.indexproduct_img img{width: 100%;height: auto;position: absolute;top: 0;left: 0;vertical-align: middle;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexproduct_content{padding: 20px 0;}
.indexproduct_content h3{ margin-bottom: 15px; font-size: 22px;color: #000;font-weight: bold;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexproduct_content .indexproduct_h3{font-size: 22px;color: #000;font-weight: bold;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexproduct_content p{font-size: 14px;color: #666; line-height: 25px;  word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;overflow: hidden;}
.indexproduct_btn{display: flex;justify-content: flex-start;align-items: center;margin-top:15px;}
.indexproduct_btn h6{font-size: 16px;color: #000;text-transform: uppercase;font-weight: bold;}
.indexproduct_btn i{font-size: 16px;color: #000;margin-left: 10px;}
.indexproduct_box:hover {box-shadow: 3px 3px 15px rgba(0,0,0,0.3);}
.indexproduct_box:hover .indexproduct_img img{transform: scale(1.1);}
.indexproduct_box:hover .indexproduct_content h3,.indexproduct_box:hover .indexproduct_content .indexproduct_h3{color: #a31b29;}
/* indexabout */
.indexabout_title{display: flex; flex-wrap: wrap; justify-content: flex-start;align-items: center;margin-bottom: 30px;}
.indexabout_title h2{font-size: 48px;color: #a31b29;font-weight: bold;word-wrap: break-word;word-break: break-all;margin-right: 10px;}
.indexabout_title h3{font-size: 48px;color: #000;font-weight: bold;word-wrap: break-word;word-break: break-all;}
.indexabout_img img{width: 100%;vertical-align: middle;}
.indexabout_img{position: relative;overflow: hidden;}
.indexabout_main{margin-top: 40px;}
.indexabout_company{display: flex;justify-content: center;align-items: center;margin-bottom: 15px;}
.indexabout_company h4{font-size: 30px;font-weight: bold;color: #000;}
.indexabout_company h5{font-size: 30px;font-weight: bold;color: #a31b29;margin: 0 10px;}
.indexabout_main p{font-size: 16px;color: #333;text-align: center;word-wrap: break-word;line-height: 28px;}
.indexabout_data ul{display: flex;justify-content: space-between;}
.indexabout_data{margin-top: 50px;}
.indexabout_data li{width: 24%;overflow: hidden;}
.indexabout_data li p{font-size: 14px;color: #666;text-align: center;word-wrap: break-word;}
.indexabout_num{display: flex;justify-content: center;align-items: center;margin-bottom: 10px;}
.indexabout_num h3{font-size: 48px;color: #000;font-family: "impact";}
.indexabout_video_mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
/* indexbrand */
.indexbrand{padding:90px 0 60px 0;}
.indexbrand_title{margin-bottom: 20px;}
.indexbrand_title h2{font-size:36px;color: #a31b29;font-weight: bold;text-align: center;margin-bottom: 15px;word-wrap: break-word;}
.indexbrand_title p{font-size: 16px;color: #666;text-align: center;word-wrap: break-word;}
.indexbrand_img img{width: 100%;vertical-align: middle;}
/* indexwhy */
.indexwhy{background-color: #f1f1f1;padding: 70px 0 30px 0;}
.indexwhy_flex{display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 50px;}
.indexwhy_img{width: 100%;height: auto;overflow: hidden;display: block;position: relative;padding-top: 75%;}
.indexwhy_img img{width: 100%;height: auto;position: absolute;top: 0;left: 0;vertical-align: middle;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexwhy_content p{font-size: 16px;color: #333;word-wrap: break-word;line-height: 28px;display: -webkit-box;-webkit-line-clamp:7; -webkit-box-orient: vertical;overflow: hidden;}
.indexwhy_btn{display: flex;justify-content: center;align-items: center;padding: 15px 40px; width: 30%; margin-top:30px; background-color: #000;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexwhy_btn h6{font-size: 16px;color: #fff;}
.indexwhy_btn i{font-size: 18px;color: #fff;margin-left: 15px;}
.indexwhy_btn:hover{box-shadow:  4px 5px 0px 0px rgba(0,0,0, 0.3);background-color: #a31b29;}
.indexwhy_flex:nth-child(even){flex-direction: row-reverse;}
.indexwhy .indexabout_title h3,.indexwhy .indexabout_title h2{font-size: 36px;word-wrap: break-word;word-break: break-all;}
/* indexnews */
.indexnews{padding: 15px 0 40px 0;background-color: #f1f1f1;}
.indexnews .indexabout_title{justify-content: center;}
.indexnews_flex{display: flex;flex-wrap: wrap;}
.indexnews_li{margin-bottom: 30px;}
.indexnews_box{height: 100%;position: relative;background-color: #fff;box-shadow: 3px 3px 15px rgba(0,0,0,0.07);}
.indexnews_img{width: 100%;height: auto;overflow: hidden;display: block;position: relative;padding-top: 75%;}
.indexnews_img img{width: 100%;height: auto;position: absolute;top: 0;left: 0;vertical-align: middle;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexnews_content{padding: 20px;}
.indexnews_content h3{margin-bottom: 15px;   font-size: 20px;color: #000;font-weight: bold;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden;}
.indexnews_content .indexnews_h3{font-size: 20px;color: #000;font-weight: bold;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.indexnews_content span{font-size: 14px;color:#a31b29;display: block;word-wrap: break-word;margin-bottom: 10px;}
.indexnews_content p{font-size: 14px;color: #666;line-height: 25px;word-wrap: break-word;word-break: break-all;display: -webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;overflow: hidden;}
.indexnews_time{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.indexnews_time h6{font-size: 16px;color: #000;font-weight: bold;}
.indexnews_time i{font-size: 18px;color: #000;font-weight: bold;}
.indexnews_box:hover .indexnews_img img{transform: scale(1.1);}
.indexnews_line{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 0%;height: 3px;background-color: #a31b29;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexnews_box:hover .indexnews_line{width: 100%;}
/* indexcontactus */
.indexcontactus{
    padding: 120px 0;
    
    position: relative;
    overflow: hidden;
}
.indexcontactus_mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 9;background-color: rgba(0,0,0, 0.3);}
.indexcontactus h2{font-size: 48px;color: #fff;font-weight: bold;text-align: center;word-wrap: break-word;margin-bottom: 30px;}
.indexcontactus p{font-size: 18px;color: #fff;text-align: center;word-wrap: break-word;}
.indexcontactus .container{z-index: 999;position: relative;}
.indexcontactus_btn{display:flex;  justify-content: center;align-items: center;width: 20%; font-size: 16px;font-weight: bold;color: #fff; padding: 15px 40px;text-align: center;background-color: #a31b29;border-radius: 30px;margin: 40px auto 0 auto;transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;}
.indexcontactus_btn:hover{background-color: #000;box-shadow:  4px 5px 0px 0px rgba(255,255,255, 0.3);}
/* footer */
.footer{background: url(../images/p12.jpg) no-repeat 50% 50%;background-size: cover;padding: 80px 0;position: relative;overflow: hidden;}
.footer_hd{display: flex;justify-content: space-between;align-items: center;padding-bottom: 40px;margin-bottom: 60px;border-bottom: 1px solid #fff;}
.footer_logo img{max-height: 100px;vertical-align: middle;}
.footer_hd .indexmedia{padding: 0;}
.footer_flex{display: flex;flex-wrap: wrap;}
.footer_box h3{font-size: 22px;color: #fff;font-weight: bold;margin-bottom: 20px;word-wrap: break-word;}
.footer_box a{font-size: 16px;color: #ccc;display: block;margin-bottom:15px;word-wrap: break-word;}
.footer_box a:hover{color: #a31b29;}
.footer_box li{margin-bottom: 15px;}
.footer_box span{font-size: 16px;color: #ccc;display: inline;}
.footer_box li a,.footer_box p{font-size: 16px;color: #ccc;display: inline;}
/* shi pei */ 
@media (max-width: 576px) {
  .indexabout_company{flex-wrap:wrap;}
  .indexnews .indexabout_title{flex-wrap: wrap;}
  .indexwhy .indexabout_title h3, .indexwhy .indexabout_title h2{font-size: 28px;}
  .banner_main h3{font-size: 14px;line-height: 25px;}
  .banner_main{top: 80%;display:none}
  .banner_btn{display: none;}
  .indexmedia{padding: 10px 15px;}
  .indexproduct{padding: 0 0 40px 0;}
  .indexproduct_title{
      margin-bottom: 15px;
  }
  .indexproduct_title h2{font-size: 36px;}
  .indexabout_title h3,.indexabout_title h2{font-size: 36px;}
  .indexabout_data ul{flex-wrap: wrap;}
  .indexabout_data li{width: 48%;margin-bottom: 20px;}
  .indexabout_num h3{font-size: 24px;}
  .indexbrand{padding: 40px 0 30px 0;}
  .indexbrand_title h2{font-size: 30px;}
  .indexwhy{padding: 30px 0;}
  .indexwhy_btn{width: 60%;}
  .indexwhy_img{margin-top: 30px;}
  .indexcontactus{padding: 40px 0;}
  .indexcontactus h2{font-size: 36px;}
  .indexcontactus_btn{width: 80%;}
  .footer{padding: 40px 0  100px 0;}
  .footer_hd{flex-wrap: wrap;margin-bottom: 20px;padding-bottom: 20px;}
  .footer_hd .indexmedia{margin-top: 20px;}
  .footer_li{margin-bottom: 15px;}
  .banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;}
  .container-fluid{flex-wrap: nowrap !important;}
  .navbar-brand img, .offcanvas-title img{max-width: 200px;}
  .mobile{height: 60px !important;background-color: #212529 !important;}
  .indexmedia img{width: 30px;height: 30px;}
}
@media (min-width: 577px) and (max-width: 768px) {
  .indexabout_company{flex-wrap:wrap;}
  .indexnews .indexabout_title{flex-wrap: wrap;}
  .indexwhy .indexabout_title h3, .indexwhy .indexabout_title h2{font-size: 28px;}
  .banner_main h3{font-size: 24px;line-height: 40px;}
  .banner_main{top: 84%;display:none;}
  .banner_btn{display: none;}
  .indexproduct_title{
      margin-bottom: 15px;
  }
  .indexmedia{padding:10px 15px;}
  .indexproduct{padding: 0 0 40px 0;}
  .indexproduct_title h2{font-size: 36px;}
  .indexabout_title h3,.indexabout_title h2{font-size: 36px;}
  .indexabout_data ul{flex-wrap: wrap;}
  .indexabout_data li{width: 48%;margin-bottom: 20px;}
  .indexabout_num h3{font-size: 36px;}
  .indexbrand{padding: 40px 0 30px 0;}
  .indexbrand_title h2{font-size: 30px;}
  .indexwhy{padding: 30px 0;}
  .indexwhy_btn{width: 40%;}
  .indexwhy_img{margin-top: 30px;}
  .indexcontactus{padding: 40px 0;}
  .indexcontactus h2{font-size: 36px;}
  .indexcontactus_btn{width: 40%;}
  .footer{padding: 40px 0  100px 0;}
  .footer_hd{flex-wrap: wrap;margin-bottom: 20px;padding-bottom: 20px;}
  .footer_hd .indexmedia{margin-top: 20px;}
  .footer_li{margin-bottom: 15px;}
  .banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;}
  .container-fluid{flex-wrap: nowrap !important;}
  .navbar-brand img, .offcanvas-title img{max-width: 200px;}
  .mobile{height: 56px !important;}
}
@media (min-width: 769px) and (max-width: 992px) {
  .indexabout_company{flex-wrap:wrap;}
  .indexnews .indexabout_title{flex-wrap: wrap;}
  .indexwhy .indexabout_title h3, .indexwhy .indexabout_title h2{font-size: 28px;}
  .banner_main h3{font-size: 28px;line-height: 45px;}
  .banner_main{top: 80%;display:none}
  .banner_btn{display: none;}
  .indexmedia{padding: 10px 15px;}
  .indexproduct{padding: 0 0 40px 0;}
  .indexproduct_title h2{font-size: 36px;}
  .indexabout_title h3,.indexabout_title h2{font-size: 36px;}
  .indexabout_data ul{flex-wrap: wrap;}
  .indexabout_data li{width: 48%;margin-bottom: 20px;}
  .indexabout_num h3{font-size: 36px;}
  .indexbrand{padding: 40px 0 30px 0;}
  .indexbrand_title h2{font-size: 30px;}
  .indexwhy{padding: 30px 0;}
  .indexwhy_btn{width: 40%;}
  .indexwhy_img{margin-top: 30px;}
  .indexcontactus{padding: 40px 0;}
  .indexcontactus h2{font-size: 36px;}
  .indexcontactus_btn{width: 40%;}
  .footer{padding: 40px 0  100px 0;}
  .footer_hd{flex-wrap: wrap;margin-bottom: 20px;padding-bottom: 20px;}
  .footer_hd .indexmedia{margin-top: 20px;}
  .footer_li{margin-bottom: 15px;}
  .banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;}
  .container-fluid{flex-wrap: nowrap !important;}
  .navbar-brand img, .offcanvas-title img{max-width: 200px;}
  .mobile{height: 56px !important;}
}
@media (min-width: 993px) and (max-width: 1200px) { 
  .indexabout_company{flex-wrap:wrap;}
  .indexnews .indexabout_title{flex-wrap: wrap;}
  .indexwhy .indexabout_title h3, .indexwhy .indexabout_title h2{font-size: 28px;}
  .banner_main h3{font-size: 32px;line-height: 52px;}
  .banner_main{top: 80%;display:none}
  .banner_btn{display: none;}
  .indexmedia{padding: 10px 15px;}
  .indexproduct{padding: 0 0 40px 0;}
  .indexproduct_title h2{font-size: 36px;}
  .indexabout_title h3,.indexabout_title h2{font-size: 36px;}
  .indexabout_num h3{font-size: 36px;}
  .indexbrand{padding: 40px 0 30px 0;}
  .indexbrand_title h2{font-size: 30px;}
  .indexwhy{padding: 30px 0;}
  .indexwhy_btn{width: 40%;}
  .indexwhy_img{margin-top: 30px;}
  .indexcontactus{padding: 40px 0;}
  .indexcontactus h2{font-size: 36px;}
  .indexcontactus_btn{width: 40%;}
  .footer{padding: 40px 0  100px 0;}
  .footer_hd{flex-wrap: wrap;margin-bottom: 20px;padding-bottom: 20px;}
  .footer_hd .indexmedia{margin-top: 20px;}
  .footer_li{margin-bottom: 15px;}
  .banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;}
  .container-fluid{flex-wrap: nowrap !important;}
  .navbar-brand img, .offcanvas-title img{max-width: 200px;}
  .mobile{height: 56px !important;}
  .indexwhy_content p{ -webkit-line-clamp: 3;}
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .indexcontactus_btn{width: 30%;}
  .banner_main h3{font-size: 30px;line-height: 50px;}
  .banner_btn{width: 20%;}
  .banner_main {width: 80%;}
}
@media (min-width: 1401px) and (max-width: 1680px) {
}
.banner_btn{
    display: none;
}