.container {
  max-width: 1720px !important;
}
.headernav_box{display: flex;justify-content: space-between;align-items: center;border: 1px solid #333;border-radius: 30px;width: 15%;padding: 0 15px;}
.headernav_box button{border: none;background: none;outline: none;}
.headernav_box input{width: 100%; margin-right: 20px; height: 45px;line-height: 45px;font-size: 16px;color: #000;border: none;outline: none;background: none;}
.banner_video video{width: 100%;object-fit: cover;vertical-align: middle;}
.indexproduct{padding: 90px 0;background-color: #f6f6f6;}
.indexpagetitle{margin-bottom: 50px;}
.indexpagetitle h3{font-size: 114px;color:#ebebeb;font-family: "impact";letter-spacing:4px;}
.indexpagetitle h2{font-size: 70px;color: #000;font-family: "impact";margin-top: -100px;letter-spacing: 3px;}
.indexproduct_main .swiper-container {
  width: 100%;
  height: 100%;
}
.indexproduct_main .swiper-slide {
  text-align: center;
  font-size: 18px;
  border-radius: 10px;
  padding-bottom: 60px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
transition: 300ms;
transform: scale(0.8);
}
.indexproduct_main .swiper-slide-active,.swiper-slide-duplicate-active{
  transform: scale(1);
}
.indexproduct_main{overflow: hidden;position: relative;}
.indexproduct_main_box{background-color: #fff; width: 100%;  height: 100%;box-shadow: 3px 3px 15px rgba(0,0,0,0.1);}
.indexproduct_main_title{background-color: #f1f1f1;padding: 20px;border-radius: 10px 10px 0 0;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_main_title h3{font-size: 18px;color: #000; font-weight: bold; text-align: center;word-break: break-all;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_main_title a{font-size: 18px;color: #000; font-weight: bold; text-align: center;word-break: break-all;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_main_img{width: 100%;height: auto;display: block;position: relative;overflow: hidden;padding-top: 100%;}
.indexproduct_main_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_main_more{border-radius:0 0 10px 10px;background-color: #3187d7;display: block;width: 100%;padding: 13px 0;font-size:20px;font-weight: bold;text-align: center;color: #fff;text-transform: uppercase;}
.indexproduct_main_box:hover .indexproduct_main_title{background-color: #3187d7;}
.indexproduct_main_box:hover .indexproduct_main_title h3,.indexproduct_main_box:hover .indexproduct_main_title a{color: #fff;}
.indexproduct_main_box:hover .indexproduct_main_img img{transform: scale(1.2);}
.indexproduct_main .swiper-pagination-bullet {
  opacity: 1 !important;
  width: 15px;
  height: 15px;
  border: 2px solid #a0a0a0;
  border-radius: 50%;
  background: transparent;
}

.indexproduct_main .swiper-horizontal > .indexproduct_main .swiper-pagination-bullets,
.indexproduct_main .swiper-pagination-bullets .indexproduct_main.swiper-pagination-horizontal,
.indexproduct_main .swiper-pagination-custom,
.indexproduct_main .swiper-pagination-fraction {
  bottom: 15px;
}

.indexproduct_main .swiper-pagination-bullet-active {
  opacity: 1 !important;
  border: 2px solid #000;
  background-color: #000;
}

.indexproduct_main .swiper-button-next,
.indexproduct_main .swiper-button-prev {
  color: #a0a0a0;
  /* width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  border: 2px solid #fff;
  text-align: center; */
}

.indexproduct_main .swiper-button-next:after,
.indexproduct_main .swiper-button-prev:after {
  font-size: 48px;
  font-weight: bold;
}

/* indexabout */
.indexabout{padding: 0 0 90px 0;background-color: #f6f6f6;}
.indexabout_main h2{font-size: 48px;font-weight: bold;  text-align: center;font-weight: bold;color: #000;margin-bottom: 30px;}
.indexabout_flex{display: flex;flex-wrap: wrap;}
.indexabout_img{display: block;position: relative;overflow: hidden;width: 100%;height: auto;padding-top: 100%;}
.indexabout_img img{width: 100%;vertical-align: middle;height: auto;position: absolute;top: 0;left: 0;}
.indexabout_main .swiper-pagination-fraction{background-color: rgba(0,0,0,0.5);padding:10px 0;margin-bottom: -15px;color: #fff;}
/* indexoffers */
.indexoffers{padding: 0 0 90px 0;background-color: #f6f6f6;}
.indexoffers_flex{display: flex;flex-wrap: wrap;align-items: center;}
.indexoffers_form{background-color: #3187d7;padding: 30px 30px 10px 30px;border-radius: 15px;}
.indexoffers_form h2{font-size: 24px;font-weight: bold;color: #fff;text-align: center;margin-bottom: 10px;word-wrap: break-word;}
.indexoffers_form p{font-size: 16px;color: #fff;text-align: center;font-weight: bold;margin-bottom: 15px;}
.indexoffers_form .yandex-form #form #submit{background-color: #fff;border-radius: 15px; font-weight: bold; color: #3187d7;font-weight: bold;}
.indexoffers_form .yandex-form #form .list input,.indexoffers_form .yandex-form #form .list textarea{background: transparent;border-radius: 15px;color: #fff;}
.indexoffers_form .yandex-form #form .list input::placeholder,.indexoffers_form .yandex-form #form .list textarea::placeholder{color: #fff;}
.indexoffers_swiper_flex{width: 100%;display: flex;flex-wrap: wrap;align-items: center;}
.indexoffers_swiper_img{display: block;position: relative;overflow: hidden;width: 100%;height: auto;padding-top: 100%;}
.indexoffers_swiper_img img{width: 100%;vertical-align: middle;height: auto;position: absolute;top: 0;left: 0;}
.indexoffers_mySwiper_content h2{font-size: 48px;color: #3187d7;font-weight: bold;margin-bottom: 30px;word-wrap: break-word;}
.indexoffers_mySwiper_content p{font-size: 16px;color: #3187d7;line-height: 30px;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp:6; -webkit-box-orient: vertical;overflow: hidden;}
.indexoffers_mySwiper_btns{display: flex;justify-content: flex-start;align-items: center;margin-top: 40px;}
.indexoffers_mySwiper_btn1{display: block;padding: 15px 30px;font-size: 18px;font-weight: bold;color: #fff;text-align: center;background-color: #3187d7;border: 1px solid #3187d7;border-radius: 5px;margin-right: 40px;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;}
.indexoffers_mySwiper_btn2{display: block;padding: 15px 30px;font-size: 18px;font-weight: bold;color: #3187d7;text-align: center;border-radius: 5px;border: 1px solid #3187d7;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;}
.indexoffers .indexpagetitle{margin-bottom: 0;}
.indexoffers_mySwiper_btn1:hover{background-color: #000;border: 1px solid #000;}
.indexoffers_mySwiper_btn2:hover{background-color: #000;border: 1px solid #000;color: #fff;}
.indexoffers .swiper-pagination-bullet {
  opacity: 1 !important;
  width: 15px;
  height: 15px;
  border: 1px solid #a0a0a0;
  border-radius: 50%;
  background: transparent;
}

.indexoffers .swiper-horizontal > .indexoffers .swiper-pagination-bullets,
.indexoffers .swiper-pagination-bullets .indexoffers .swiper-pagination-horizontal,
.indexoffers .swiper-pagination-custom,
.indexoffers .swiper-pagination-fraction {
  bottom: 15px;
}

.indexoffers .swiper-pagination-bullet-active {
  opacity: 1 !important;
  border: 1px solid #000;
  background-color: #000;
}
/* indexnews */
.indexnews{padding: 0 0 90px 0;background-color: #f6f6f6;}
.indexnews_flex{display: flex;flex-wrap: wrap;align-items: center;}
.indexnews_box{background-color: #fff; box-shadow: 3px 3px 15px rgba(0,0,0,0.1);   height: 100%;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_img{display: block;position: relative;overflow: hidden;width: 100%;height: auto;padding-top: 100%;}
.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 30px;}
.indexnews_content span{font-size: 16px;color: #666;display: block;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 h3{margin: 15px 0 0 0;  font-size: 18px;color: #000;font-weight: bold;word-break: break-all;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;}
.indexnews_content a{font-size: 18px;color: #000;font-weight: bold;word-break: break-all;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;}
.indexnews_alltitle{margin-bottom: 40px;display: flex;justify-content: space-between;align-items: flex-start;}
.indexnews_alltitle_content{flex: 1;margin-right: 40px;}
.indexnews_alltitle_content h3{font-size: 36px;color: #000;font-weight: bold;margin-bottom: 20px;word-wrap: break-word;}
.indexnews_alltitle_content p{font-size: 16px;color: #666;line-height: 30px;word-wrap: break-word;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.indexnews_alltitle_content span{font-size: 14px;color: #999;margin-top: 15px;display: block;}
.indexnews_alltitle_more{display: flex;justify-content: flex-end;align-items: center;}
.indexnews_alltitle_more p{font-size: 18px;color: #000;font-weight: bold;}
.indexnews_alltitle_more i{font-size: 18px;color: #000;font-weight: bold;margin-left: 5px;}
.indexnews_alltitle_more:hover p,.indexnews_alltitle_more:hover i{color: #3187d7;}
.indexnews_box:hover {background-color: #3187d7;}
.indexnews_box:hover .indexnews_img img{transform: scale(1.1);}
.indexnews_box:hover  .indexnews_content h3,.indexnews_box:hover  .indexnews_content span,.indexnews_box:hover  .indexnews_content a{color: #fff;}
/* indexmap */
.indexmap{padding: 0 0 40px 0;background-color: #f6f6f6;}
.indexmap_title{display: flex;justify-content: space-between;align-items: center;}
.indexmap_title p{font-size: 22px;color: #000;flex: 0 40%;text-align: right;}
.indexmap_main img{width: 100%;vertical-align: middle;}
/* footer */
.footer{background-color: #173578;padding: 70px 0;}
.footer_flex{display: flex;flex-wrap: wrap;}
.footer_main h3{font-size: 20px;color: #fff;font-weight: bold;margin-bottom: 20px;line-height: 35px;word-wrap: break-word;}
.footer_main a{font-size: 36px;color: #fff; font-family: "impact";  display: block;margin-bottom: 5px;}
.footer_main p{font-size: 18px;color: #fff;font-weight: bold;}
.footer_list h3,.footer_way h3{font-size: 24px;color: #fff;font-weight: bold;margin-bottom: 20px;}
.footer_list a{font-size: 16px;color: #fff;word-wrap: break-word;word-break: break-all;display: block;margin-bottom: 20px;}
.footer_contact li{display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}
.footer_contact li i{font-size: 24px;color: #fff;margin-right: 15px;}
.footer_contact li a{font-size: 16px;color: #fff;flex: 1;word-break: break-all;word-wrap: break-word;display: block;}
.footer_contact li p{font-size: 16px;color: #fff;flex: 1;word-break: break-all;word-wrap: break-word;display: block;}
.footer_ma ul{display: flex;justify-content: center;align-items: center;}
.footer_ma{margin-top: 40px;}
.footer_ma li {margin: 10px 30px;}
.footer_ma li img{vertical-align: middle;max-width: 100%;}
.footer_li:first-child{border-right: 1px solid #e5e5e5;}
.footer_li:nth-child(2){padding-left: 80px;}
.footer_list a:hover{text-decoration: underline !important;}
.bg-dark{background-color: #fff !important;}
.navbar-toggler{background-color: #000 !important;}

/* shi pei */
@media (max-width: 576px) {
    .indexoffers_swiper_flex{margin: 0 auto;width:100%;}
    .swiper-button-next, .swiper-button-prev{display:none!important;}
  .indexpagetitle h3{font-size: 40px;color: #999;}
  .indexpagetitle h2{font-size: 36px;margin-top: 0;}
  .indexnews_alltitle{flex-wrap: wrap;}
  .indexmap_title{flex-wrap: wrap;}
  .indexproduct{padding: 40px 0;}
  .indexproduct .swiper-pagination{display: none;}
  .indexproduct_main .swiper-slide{padding-bottom: 0;}
  .indexabout_main h2{font-size: 36px;}
  .indexabout_li{margin: 15px 0;}
  .indexabout{padding: 0 0 40px 0;}
  .indexoffers .indexpagetitle{margin-bottom: 40px;}
  .indexpagetitle {margin-bottom: 30px;}
  .indexoffers_mySwiper_content h2{font-size: 36px;}
  .indexoffers_mySwiper_btns{flex-wrap: wrap;}
  .indexoffers_mySwiper_btn1{margin-bottom: 20px;}
  .indexoffers .swiper-slide{padding-bottom: 40px;}
  .indexoffers_form{margin-top: 40px;}
  .indexoffers{padding: 0 0 40px 0;}
  .indexnews_box{margin-bottom: 30px;}
  .indexnews_alltitle_more{margin-top: 30px;}
  .indexnews{padding: 0 0 40px 0;}
  .indexmap_title p{flex: 1;text-align: center;font-size: 18px;}
  .footer{padding: 40px 0 120px 0;}
  .footer_li:nth-child(2){display: none;}
  .footer_li{margin: 15px 0;}
  .footer_contact li{margin-bottom: 10px;}
  .footer_ma{margin-top: 0;}
}
@media (min-width: 577px) and (max-width: 768px) {
    .swiper-button-next, .swiper-button-prev{display:none!important;}
  .indexpagetitle h3{font-size: 40px;color: #999;}
  .indexpagetitle h2{font-size: 36px;margin-top: 0;}
  .indexnews_alltitle{flex-wrap: wrap;}
  .indexmap_title{flex-wrap: wrap;}
  .indexproduct{padding: 40px 0;}
  .indexproduct .swiper-pagination{display: none;}
  .indexproduct_main .swiper-slide{padding-bottom: 0;}
  .indexabout_main h2{font-size: 36px;}
  .indexabout_li{margin: 15px 0;}
  .indexabout{padding: 0 0 40px 0;}
  .indexoffers .indexpagetitle{margin-bottom: 40px;}
  .indexpagetitle {margin-bottom: 30px;}
  .indexoffers_mySwiper_content h2{font-size: 36px;}
  .indexoffers_mySwiper_btns{flex-wrap: wrap;}
  .indexoffers .swiper-slide{padding-bottom: 40px;}
  .indexoffers_form{margin-top: 40px;}
  .indexoffers{padding: 0 0 40px 0;}
  .indexnews_box{margin-bottom: 30px;}
  .indexnews_alltitle_more{margin-top: 30px;}
  .indexnews{padding: 0 0 40px 0;}
  .indexmap_title p{flex: 1;text-align: center;font-size: 18px;}
  .footer{padding: 40px 0 120px 0;}
  .footer_li:nth-child(2){display: none;}
  .footer_li{margin: 15px 0;}
  .footer_contact li{margin-bottom: 10px;}
  .footer_ma{margin-top: 0;}
  .indexmap_title{display: grid;}
}
@media (min-width: 769px) and (max-width: 992px) {
    .swiper-button-next, .swiper-button-prev{display:none!important;}
  .indexpagetitle h3{font-size: 40px;color: #999;}
  .indexpagetitle h2{font-size: 36px;margin-top: 0;}
  .indexnews_alltitle{flex-wrap: wrap;}
  .indexmap_title{flex-wrap: wrap;}
  .indexproduct{padding: 40px 0;}
  .indexproduct .swiper-pagination{display: none;}
  .indexproduct_main .swiper-slide{padding-bottom: 0;}
  .indexabout_main h2{font-size: 36px;}
  .indexabout_li{margin: 15px 0;}
  .indexabout{padding: 0 0 40px 0;}
  .indexoffers .indexpagetitle{margin-bottom: 40px;}
  .indexpagetitle {margin-bottom: 30px;}
  .indexoffers_mySwiper_content h2{font-size: 36px;}
  .indexoffers_mySwiper_btns{flex-wrap: wrap;}
  .indexoffers .swiper-slide{padding-bottom: 40px;}
  .indexoffers_form{margin-top: 40px;}
  .indexoffers{padding: 0 0 40px 0;}
  .indexnews_box{margin-bottom: 30px;}
  .indexnews_alltitle_more{margin-top: 30px;}
  .indexnews{padding: 0 0 40px 0;}
  .indexmap_title p{flex: 1;text-align: center;font-size: 18px;}
  .footer{padding: 40px 0 120px 0;}
  .footer_li{margin: 15px 0;}
  .footer_contact li{margin-bottom: 10px;}
  .footer_ma{margin-top: 0;}
  .indexmap_title{display: grid;}
  .footer_li:first-child{border-right: none;}
  .footer_li:nth-child(2){padding-left: 0;}
}
@media (min-width: 993px) and (max-width: 1200px) {
  .indexpagetitle h3{font-size: 40px;color: #999;}
  .indexpagetitle h2{font-size: 36px;margin-top: 0;}
  .indexnews_alltitle{flex-wrap: wrap;}
  .indexmap_title{flex-wrap: wrap;}
  .indexproduct{padding: 40px 0;}
  .indexproduct .swiper-pagination{display: none;}
  .indexproduct_main .swiper-slide{padding-bottom: 0;}
  .indexabout_main h2{font-size: 36px;}
  .indexabout_li{margin: 15px 0;}
  .indexabout{padding: 0 0 40px 0;}
  .indexoffers .indexpagetitle{margin-bottom: 40px;}
  .indexpagetitle {margin-bottom: 30px;}
  .indexoffers_mySwiper_content h2{font-size: 36px;}
  .indexoffers_mySwiper_btns{flex-wrap: wrap;}
  .indexoffers .swiper-slide{padding-bottom: 40px;}
  .indexoffers_form{margin-top: 40px;}
  .indexoffers{padding: 0 0 40px 0;}
  .indexnews_box{margin-bottom: 30px;}
  .indexnews_alltitle_more{margin-top: 30px;}
  .indexnews{padding: 0 0 40px 0;}
  .indexmap_title p{flex: 1;text-align: center;font-size: 18px;}
  .footer{padding: 40px 0 120px 0;}
  .footer_li{margin: 15px 0;}
  .footer_contact li{margin-bottom: 10px;}
  .footer_ma{margin-top: 0;}
  .indexmap_title{display: grid;}
  .footer_li:first-child{border-right: none;}
  .footer_li:nth-child(2){padding-left: 0;}
}
@media (min-width: 1201px) and (max-width: 1440px) {
  .nav_wrap .head_nav > li > a{padding-left: 10px;padding-right: 10px;}
  .headernav_box {width: 20%;}
  .indexoffers .swiper-slide{padding-bottom:60px;}
  .footer_li:nth-child(2){padding-left: 30px;}
}
@media (min-width: 1401px) and (max-width: 1680px) {
}
.headernav_box form{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.indexoffers_mySwiper_left{margin-bottom:20px;}