﻿@charset "utf-8";
@media screen and (min-width:1301px){nav .container>ul.menu{width:calc(100% - 240px);justify-content:center}}
@media screen and (max-width:1500px){.container{max-width:1200px}}
.index section.products ul li a img{min-height:inherit;max-height:inherit;max-width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain}
.index section.products ul li a{padding:5px}
.inprpic{position:relative;width:100%;padding-bottom:100%}
@media screen and (max-width:750px){.index section.products .container{padding:0 10px}}
.feedback #feedbackForm .send-inquiry:nth-child(n+2){display:none}
.productscontent .btn{flex-wrap:wrap;padding:5px 0}
.productscontent .btn>*{margin-bottom:12px}
.indboth{display:flex;justify-content:space-between}
.indboth .bothlef{width:48%}
.indboth .bothlef lite-youtube{max-width:100%}
.indboth .bothrig{width:48%;line-height:1.6}
.index section.about-us .container .box .circle{display:none}
.index section.about-us .container .box{padding:60px}
a.bothbtn{color:#fff;display:inline-block;margin-top:20px;line-height:38px;padding:0 20px;background:#222;transition:.3s}
a.bothbtn:hover{background:var(--color)}
@media (max-width:1024px){.indboth{flex-wrap:wrap}
.indboth .bothlef{width:100%}
.indboth .bothrig{width:100%;margin-top:15px}}
@media (max-width:768px){.index section.about-us .container .box{padding:30px}}
@media (max-width:480px){.index section.about-us .container .box{padding:10px}}
.index section.recommended .container .swiper-box ul li>a{position:relative;height:0;padding-bottom:100%}
.index section.recommended .container .swiper-box ul li>a img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain}