.clearfix:before, .clearfix:after { display: table; content: ''; }

.clearfix:after { clear: both; }

img { display: block; max-width: 100%; }

* { font-family: Arial, Helvetica, sans-serif; box-sizing: border-box; margin: 0; padding: 0; }

ul { list-style: none; }

.bgfff { background-color: #fff; }

.Productsnav:hover .submenu { display: block !important; }

#go-top { position: fixed; right: 5%; bottom: 100px; z-index: 999; }

.bottompage .activeBtn { color: #fff !important; border: 1px solid transparent; background-color: #eb585e; }

.bottompage .btnClick { color: #fff !important; border: 1px solid transparent; background-color: #eb585e !important; }

.paginationWrap { text-align: center; }

.paginationWrap .pagination { display: flex; justify-content: center; padding: 0; margin: 0; align-items: center; }

.paginationWrap .pagination li { display: inline; }

.paginationWrap .pagination li a { display: block; font-size: 14px; width: 50px; height: 50px; color: #666666; text-align: center; line-height: 50px; font-weight: bold; text-decoration: none; margin: 0 10px; border: 1px solid #dddddd; }

.paginationWrap .pagination li .crcBTN { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; text-align: center; background-color: transparent; }

.paginationWrap .pagination li .crcBTN a { font-size: 34px; }

.submenu { display: none; position: absolute; width: 100%; top: 40px; padding: 80px 8px 20px 8px; left: 0; transition: all .3s; background-color: rgba(255, 255, 255, 0.9); }
.header .submenu{
  width: 135%;
  left:-10px
}
.submenu .subbgcont { width: 100%; }

.submenu .subbgcont p { text-align: center; font-size: 16px; color: #333333; line-height: 1.5; margin-bottom: 10px; word-break: break-all; }

.submenu .subbgcont p:hover { cursor: pointer; color: #eb585e; }

* { font-family: 'Arial'; color: #333; }

.h2title { text-align: center; font-size: 30px; color: black; }

.getmore { width: 98px; height: 98px; line-height: 98px; border-radius: 100%; font-size: 12px; color: #ffffff; text-align: center; background-color: #76d7dd; transition: all .3s; user-select: none; }

.getmore:hover { cursor: pointer; }

.getmore:active { transform: scale(0.8); }

.requireicon { position: relative; }

.requireicon::after { content: '*'; color: #eb585e; }

@font-face { font-family: 'BebasNeue'; src: url("../font/BebasNeue-1.woff.html"); }

@font-face { font-family: 'Techna'; src: url("../font/Techna-Sans-Regular-2.woff.html"); }

.container { max-width: 1400px; margin: 0 auto; }

a { text-decoration: none; }

.header { position: absolute; top: 0; left: 0; z-index: 22; width: 100%; padding: 20px 36px; }

.header .logo { float: left; }

.header .nav-list { float: right; display: flex; justify-content: space-around; align-items: center; height: 115px; padding-top: 25px; }

.header .nav-list .list { position: relative; margin-left: 15px; }

.header .nav-list .list.active .text { background: #eb585e; color: #fff; }

.header .nav-list .list .text { display: inline-block; border-radius: 100px; padding: 0 25px; font-size: 16px; line-height: 40px; font-weight: bold; color: #333; }

.header .nav-list .list:hover .text { background: #eb585e; color: #fff; }

.head-info { position: absolute; right: 61px; top: 0px; display: flex; align-items: center; height: 50px; }

.head-info .search-info { width: 230px; display: flex; height: 100%; margin-right: 35px; align-items: center; border-bottom: 1px solid #8b9192; }

.head-info .search-info input { border: none; height: 100%; line-height: 50px; color: #333; font-size: 14px; outline: none; flex: 1; background: rgba(255, 255, 255, 0); }

.head-info .search-info .btn { width: 30px; height: 100%; background: url(../img/index/search-icon.png) no-repeat 100% 50%; background-size: 16px 15px; }

.head-info .language-tab { position: relative; }

.head-info .language-tab .info { display: flex; align-items: center; }

.head-info .language-tab .name { font-size: 16px; font-weight: bold; }

.head-info .language-tab .icon { display: block; margin-left: 5px; }

.head-info .language-tab .language-list { display: none; position: absolute; top: 30px; right: 0px; width: 100px; background: rgba(255, 255, 255, 0.7); padding: 10px 20px; box-shadow: 0px 0px 5px 0px #dfdfdf; }

.head-info .language-tab .language-list .language { font-size: 14px; line-height: 30px; text-align: right; }

.seach-main { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.4); }

.seach-main img { width: 18px; height: 17px; }

.seach-main .seach-form { display: none; }

.layer { margin-top: 155px !important; }

.footer { padding: 60px 0 0; background: url(../img/index/foot-bg.jpg) no-repeat 50% 50%; background-size: cover; }

.footer .foot-info { padding-bottom: 65px; display: flex; justify-content: space-between; }

.footer .foot-info .logo img { width: 140px; }

.footer .foot-info .foot-contact .name { font-size: 18px; line-height: 30px; color: #fff; font-weight: bold; }

.footer .foot-info .foot-contact .text { margin-top: 10px; font-size: 14px; line-height: 30px; color: #fff; }

.footer .foot-info .share-list { font-size: 0; }

.footer .foot-info .share-list .list { display: inline-block; }

.footer .foot-info .share-list .list img { width: 60px; margin-left: 10px; }

.footer .copyright { border-top: 1px solid rgba(255, 255, 255, 0.1); display: flex; text-align: left; color: #fff; font-weight: bold; font-size: 13px; line-height: 60px; }

.footer .copyright span { flex: 1; text-align: right; color: #fff; font-weight: bold; color: #fff }
.footer .copyright span a { color: #fff;}
.foot-menu { width: 740px; font-size: 0; }

.foot-menu .menu-list { display: inline-block; vertical-align: top; width: 65%; margin-bottom: 30px; }

.foot-menu .menu-list:nth-child(odd) { width: 35%; }

.foot-menu .menu-list .title { font-size: 16px; line-height: 18px; margin-bottom: 15px; font-weight: bold; color: #fff; }

.foot-menu .menu-list .list { font-size: 18px; line-height: 20px; font-weight: bold; margin-bottom: 10px; color: #999; }

.foot-menu .menu-list a { display: inline-block; transition: all 0.4s; }

.foot-menu .menu-list a:hover { color: #eb585e; }

.foot-copyright { display: flex; justify-content: space-between; align-items: center; padding: 20px 0 40px; border-top: 1px solid rgba(255, 255, 255, 0.3); }

.foot-copyright .logo img { height: 60px; }

.foot-copyright .copyright { margin-top: 2.4%; display: flex; font-size: 13px; line-height: 20px; color: #fff; }

.foot-copyright .copyright a { padding-left: 25px; font-size: 13px; line-height: 20px; color: #acacac; }

.search-module { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding-top: 90px; background: rgba(0, 0, 0, 0.8); z-index: 88888888; }

.search-module .close-btn { position: absolute; top: 40px; right: 50px; width: 50px; height: 50px; margin: 0 0 0 auto; border-radius: 50%; background: url(../img/comm/colse.png.html) no-repeat 50% 50%; background-size: 15px 15px; background-color: #3b3c3e; transition: all 0.4s; }

.search-module .close-btn:hover { background-color: #eb585e; }

.search-module .search-box { margin-top: 6%; display: flex; align-items: center; border-bottom: 2px solid rgba(255, 255, 255, 0.3); }

.search-module .search-box .input { flex: 1; height: 70px; line-height: 70px; color: #fff; font-size: 18px; font-weight: bold; background: transparent; border: none; outline: none; }

.search-module .search-box .input::placeholder { color: #fff; font-size: 18px; font-weight: bold; }

.search-module .search-box .btn { width: 50px; height: 50px; background: url(../img/comm/search-icon.png.html) no-repeat 50% 50%; background-size: 18px 17px; }

.menu-btn { display: none; }

@media only all and (max-width: 1600px) { .container { max-width: 1200px; }
  .header { padding: 13px 28px; }
  .header .logo img { height: 80px; }
  .header .nav-list { height: 80px; }
  .layer { margin-top: 106px !important; }
  .head-info { height: 40px; }
  .submenu { top: 42px; } }

@media only all and (max-width: 1400px) { .container { max-width: 1020px; } }

@media only all and (max-width: 1100px) { .container { max-width: 700px; }
  .submenu { top: 38px; }
  .submenu .subwrap .subucont .prodectslist { width: 33.3%; }
  .layer { margin-top: 91px !important; }
  .header .logo img { height: 65px; }
  .header .nav-list { height: 65px; }
  .header .nav-list .list .text { padding: 0 16px; font-size: 16px; line-height: 32px; }
  .header .nav { display: block; position: fixed; top: 0; left: 0; height: 100%; bottom: 0; width: 60%; background: #7c858d; box-shadow: 0px 10px 12px 0px rgba(9, 9, 9, 0.5); }
  .header .nav .nav-list { display: block; padding: 15px 25px; }
  .header .nav .nav-list .list { margin: 0 0 20px; }
  .header .nav .nav-list .list .name { font-size: 20px; }
  .header .nav { left: -150%; transition: left 0.6s; }
  .header .nav.active { left: 0; }
  .seach-main { width: 30px; height: 30px; margin-left: 25px; }
  .footer .foot-info .logo img { width: 85px; }
  .footer .foot-info .foot-contact .text { font-size: 12px; line-height: 24px; }
  .footer .foot-info { padding-bottom: 35px; }
  .footer .foot-info .share-list .list img { width: 35px; margin-left: 5px; }
  .footer .copyright { font-size: 12px; line-height: 40px; } }

@media only all and (max-width: 750px) { .Productsnav:hover .submenu { display: none !important; }
  .container { padding: 0 15px !important; }
  body { padding-top: 60px; }
  .layer { margin-top: 5px !important; }
  .header .logo img { height: 40px; }
  .menu-btn { display: flex; width: 40px; height: 26px; align-items: center; justify-content: center; flex-wrap: wrap; margin-right: 0; margin-left: auto; position: relative; }
  .menu-btn.active span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
  .menu-btn.active span:nth-child(2) { display: none; }
  .menu-btn.active span:nth-child(1) { margin-bottom: 0; transform: translate(-50%, -50%) rotate(45deg); transform-origin: 50%, 50%; }
  .menu-btn.active span:nth-child(3) { margin-bottom: 0; transform: translate(-50%, -50%) rotate(-45deg); transform-origin: 50%, 50%; }
  .menu-btn span { display: block; width: 75%; height: 2px; background: #eb585e; border-radius: 2px; margin-bottom: 8px; }
  .menu-btn span:last-child { margin-bottom: 0; }
  .head-info { position: static; margin-top: 15px; height: 35px; }
  .head-info .search-info { width: 70%; margin-right: 20px; }
  .head-info .search-info input { display: block; width: 100%; }
  .footer .foot-info { flex-wrap: wrap; }
  .footer .foot-info .logo { order: 1; }
  .footer .foot-info .share-list { order: 2; }
  .footer .foot-info .foot-contact { margin-top: 25px; order: 3; width: 100%; }
  .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; display: flex; padding: 0 15px; height: 55px !important; align-items: center; }
  .header.active { background: #fff; }
  .header .logo-moblie { display: block; }
  .header .logo-moblie img { height: 35px; }
  .header .nav-list { display: none; }
  .menu-btn { width: 35px; }
  .menu-btn span { margin-bottom: 0px; }
  .header .nav-list { display: block; position: fixed; top: 0; left: -150%; height: 100%; bottom: 0; width: 60%; padding-top: 15px !important; background: #fff; box-shadow: 0px 10px 12px 0px rgba(9, 9, 9, 0.5); transition: left 0.6s; }
  .header .nav-list.active { left: 0; }
  .header .nav-list .list { display: flex; align-items: center; margin-top: 25px; }
  .header .nav-list .list .text { font-size: 16px; padding: 0 20px; }
  .header .nav-list .list a { padding: 10px 10px 10px 0; }
  .header .nav-list .list a img { width: 30px !important; height: 22px !important; object-fit: contain; }
  .header .nav-list .logo-list { display: none; } }

.swiper-container-banner .info-box { position: absolute; top: 32%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; z-index: 2; }

.swiper-container-banner .info-box .title { font-size: 60px; line-height: 60px; color: #333; }

.swiper-container-banner .info-box .sub-title { font-size: 40px; line-height: 60px; color: #333; }

.swiper-container-banner .info-box .text { max-width: 515px; margin-top: 25px; font-size: 20px; line-height: 26px; font-family: 'Arial'; color: #333; }

.swiper-container-banner .info-box .more { margin-top: 50px; display: block; width: 160px; line-height: 50px; border-radius: 100px; background: #eb585e; font-weight: bold; font-size: 16px; color: #fff; text-align: center; }

.swiper-container-banner .swiper-pagination-bullet-active { background: #fff; }

.product { padding: 135px 0 115px; }

.product .title { font-size: 36px; text-align: center; font-weight: bold; }

.swiper-container-product { padding-top: 50px; padding-bottom: 140px; }

.swiper-container-product .swiper-wrapper { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.swiper-container-product .swiper-slide { width: 22%; padding: 0 30px; }

.swiper-container-product .swiper-slide.swiper-slide-active { width: 34% !important; }

.swiper-container-product .swiper-slide.swiper-slide-active .more { display: block; }

.swiper-container-product .swiper-slide.swiper-slide-active .name { position: absolute; top: 0; right: 15px; z-index: 2; padding: 8px 20px; border-radius: 6px; max-width: 200px; background: #76d7dd; color: #fff; }

.swiper-container-product .swiper-slide.swiper-slide-active .name::after { content: ''; display: block; border: 10px solid transparent; border-top-color: #76d7dd; position: absolute; bottom: -18px; left: 50%; }

.swiper-container-product .swiper-slide .name { margin-top: 20px; font-size: 18px; color: #333; text-align: center; }

.swiper-container-product .more { position: absolute; left: 50%; bottom: 60px; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; width: 158px; line-height: 40px; border: 1px solid #b2b2b2; text-align: center; margin: 30px auto 0; font-size: 16px; font-weight: bold; color: #333; border-radius: 100px;margin-bottom: 20px; }

.swiper-container-product .more:hover { border-color: #76d7dd; background: #76d7dd; color: #fff; }
.swiper-container-product .swiper-button-next, .swiper-container-product .swiper-button-prev{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #666;
  background-size: 12px 30px;
}
.swiper-container-product .swiper-button-prev{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E");
  top:auto;
  bottom: 0;
  left: 50%;
  margin-left: -50px;
}
.swiper-container-product .swiper-button-prev:hover{
  background-image: url("../img/index/left.png");
  background-size: 20px 20px;
  background-color: #76d7dd;
  border: 0 none;
}
.swiper-container-product .swiper-button-next{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E");
  top:auto;
  bottom: 0;
  left: 50%;
  right: auto;
  margin-left: 10px;
}
.swiper-container-product .swiper-button-next:hover{
  background-image: url("../img/index/right.png");
  background-size: 20px 20px;
  background-color: #76d7dd;
  border: 0 none;
}
.swiper-container-product .swiper-pagination { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 800px !important; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0 !important; }

.swiper-container-product .swiper-pagination .swiper-pagination-bullet { -webkit-flex: 1; -ms-flex: 1; flex: 1; border-radius: 0; background: #fff !important; margin: 0 !important; height: auto !important; padding-bottom: 14px; opacity: 1 !important; border-bottom: 1px solid #cccccc; }

.swiper-container-product .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-bottom-color: #76d7dd; border-bottom-width: 2px; }

.about { padding: 115px 0 240px; background: url(../img/index/about-bg.jpg) no-repeat 50% 50%; background-size: cover; overflow: hidden; }

.about .title { float: left; font-size: 36px; font-weight: bold; color: #fff; }

.about .info-text { float: right; width: 52%; }

.about .info-text .sub-title { font-size: 20px; line-height: 26px; color: #fff; }

.about .info-text .text { margin-top: 20px; font-size: 14px; color: #fff; line-height: 28px; }

.about .info-text .more { display: block; width: 158px; margin-top: 40px; line-height: 48px; border: 1px solid rgba(255, 255, 255, 0.6); font-size: 16px; border-radius: 100px; text-align: center; font-weight: bold; color: #fff; }

.video { margin-top: -140px; margin-bottom: 140px; position: relative; }

.video .video-box { display: block; width: 100%; }

.video:hover .btn { display: block; }

.video .btn { display: none; position: absolute; left: 5%; bottom: 9%; width: 5vw; height: 5vw; z-index: 2; background: url(../img/index/video-btn.png) no-repeat 50% 50%; background-size: 100% 100%; }

.factory { padding: 60px 0; background: url(../img/index/show-bg.jpg) no-repeat 50% 50%; background-size: cover; }

.factory .container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.factory .text-info { -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.factory .text-info .title { font-size: 36px; color: #fff; font-weight: 600; }

.factory .text-info .list-text { max-width: 425px; padding-top: 25px; }

.factory .text-info .list-text .text { position: relative; padding-left: 15px; font-size: 18px; line-height: 28px; color: #fff; }

.factory .text-info .list-text .text::after { content: ''; display: block; position: absolute; top: 11px; left: 0; width: 8px; height: 8px; border-radius: 50%; background: #fff; }

.factory .img-list { width: 52%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.factory .img-list img { border-radius: 8px; }

.factory .img-list .right img { width: 100%; }

.factory .img-list .right .img3 { margin-bottom: 8%; }

.factory .img-list .left { width: 52%; margin-right: 4%; }

.factory .img-list .left .img2 { margin-top: 8%; }

.factory .img-list .left .img1, .factory .img-list .left .img2 { width: 100%; object-fit: cover; }

.factory .img-list .right { width: 44%; }

.partenr { padding: 115px 0 90px; }

.partenr .title { font-size: 36px; text-align: center; font-weight: bold; }

.partenr .swiper-container-partner { margin-top: 50px; padding: 0 30px; }

.partenr .swiper-container-partner .swiper-wrapper { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.partenr .swiper-container-partner .swiper-slide { width: 16.66%; }

.partenr .swiper-container-partner .swiper-slide img { max-width: 80%; margin: 0 auto; transition: all 0.4s; }

.partenr .swiper-container-partner .swiper-slide img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

.partenr .swiper-container-partner .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E"); }

.partenr .swiper-container-partner .swiper-button-next:hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23eb585e'%2F%3E%3C%2Fsvg%3E"); }

.partenr .swiper-container-partner .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E"); }

.partenr .swiper-container-partner .swiper-button-prev:hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23eb585e'%2F%3E%3C%2Fsvg%3E"); }

@media only all and (max-width: 1400px) { .about { padding: 85px 0 100px; }
  .about .info-text { width: 65%; }
  .video { margin-top: -40px; margin-bottom: 80px; } }

@media only all and (max-width: 1100px) { .swiper-container-banner .info-box .title { font-size: 50px; line-height: 50px; }
  .swiper-container-banner .info-box .sub-title { font-size: 24px; line-height: 40px; }
  .swiper-container-banner .info-box .text { font-size: 18px; line-height: 24px; margin-top: 10px; max-width: 470px; }
  .swiper-container-banner .info-box .more { margin-top: 30px; width: 135px; line-height: 38px; font-size: 14px; }
  .product, .about, .partenr { padding: 80px 0; }
  .product .title, .about .title, .partenr .title { font-size: 35px; }
  .swiper-container-product .swiper-slide { padding: 0 15px; }
  .swiper-container-product .swiper-slide { width: 220px; }
  .swiper-container-product .swiper-slide.swiper-slide-active { width: 350px !important; }
  .swiper-container-product .swiper-slide .name { font-size: 18px; margin-top: 10px; }
  .swiper-container-product .swiper-pagination { width: 70% !important; }
  .about .info-text .sub-title { font-size: 20px; line-height: 28px; }
  .about .info-text .text { font-size: 14px; line-height: 24px; margin-top: 10px; }
  .about .info-text .more { width: 135px; line-height: 38px; font-size: 14px; margin-top: 20px; }
  .factory .text-info .title { font-size: 35px; }
  .factory .text-info .list-text .text { font-size: 18px; line-height: 24px; }
  .factory .text-info .list-text .text::after { width: 5px; height: 5px; }
  .partenr .swiper-container-partner .swiper-slide { width: 25%; padding: 15px; }
  .swiper-container-product .more{
    margin-bottom: 0;
  }
  .swiper-container-product .swiper-button-next, .swiper-container-product .swiper-button-prev{
    width:40px; height: 40px;
    background-size: 20px 20px;
  }
  .swiper-container-partner .swiper-button-next,.swiper-container-partner .swiper-button-prev { width: 15px; height: 30px; margin-top: -15px; background-size: contain !important; } 
}

@media only all and (max-width: 750px) { .swiper-container-banner .info-box .title { font-size: 28px; line-height: 30px; }
  .swiper-container-banner .info-box .sub-title { font-size: 16px; line-height: 18px; display: none; }
  .swiper-container-banner .info-box { top: 28%; }
  .swiper-container-banner .info-box .text { font-size: 12px; line-height: 14px; max-width: 75%; }
  .swiper-container-banner .info-box .more { width: 90px; line-height: 27px; margin-top: 10px; font-size: 12px; }
  .product, .about, .partenr { padding: 40px 0; }
  .product .title, .about .title, .partenr .title { font-size: 20px; }
  .swiper-container-product .swiper-slide { width: 150px; }
  .swiper-container-product .swiper-slide.swiper-slide-active { width: 200px !important; }
  .swiper-container-product .swiper-slide .more { width: 90px; line-height: 27px; font-size: 12px; margin-top: 15px; }
  .swiper-container-product .swiper-slide.swiper-slide-active .name { padding: 4px 8px; }
  .swiper-container-product .swiper-slide.swiper-slide-active .name::after { bottom: -8px; border-width: 4px; margin-top: 4px; }
  .swiper-container-product .swiper-slide .name { font-size: 12px; }
  .swiper-container-product .swiper-pagination .swiper-pagination-bullet { padding-bottom: 8px; }
  .about .title { float: none; text-align: center; }
  .about .info-text { margin-top: 25px; width: 100%; float: none; }
  .about .info-text .more { width: 90px; line-height: 27px; font-size: 12px; }
  .video { margin: 40px auto; }
  .factory .container { display: block; }
  .factory .img-list { width: 100%; margin-top: 25px; } }
@media only all and (max-width: 550px){
  .footer .copyright{
    display: block;
  }
  .footer .copyright a{
    display: block;
  }
}
/*# sourceMappingURL=../map/index.css.map */