@charset "utf-8"; 
:root{--fontfamily:"Montserrat", sans-serif;--color:#002c63}
@media (max-width:500px){.productsDetails-article .details .right{padding-top:100%;}}
@media (max-width:700px){.productsDetails-article .details .left .swiper-box .swiper-container{top:0;}}
@media (max-width:768px){header .top-box .nav-box .left a img{max-width:200px;height:auto;}}
@media (min-width:1025px){header .top-box .nav-box .right ul.nav1>li>a{color:var(--fontcolor)}
header .top-box .nav-box{background:#fff}}
main.index section.products .item ul li>div .rule-box {max-height: inherit;height: auto;}
@media (min-width:1025px){
header .top-box{width: 100%;max-width: 1920px;}
header .top-box .info{padding: 5px 40px;}
header .top-box .nav-box{width: 100%;max-width: 100%;padding: 0 40px;}
header .top-box .nav-box.top-0{padding: 0 40px;}
header .top-box .nav-box .left{padding-left: 0;}}
@media (min-width: 1930px) {header .top-box .nav-box.top-0 {padding: 0 9vw;}}
.mb { background: unset;}
.item-faq.row-1 ul li .box .right p:nth-of-type(1){font-size:var(--fontsize16);font-weight:normal}
@media (max-width:768px){header .top-box .nav-box{background:#fff;color:var(--fontcolor)}}
@media (max-width:680px){.swiper-box{position:initial;transform:initial}
main.index{margin-top:0;}}
header .top-box .nav-box .left a img{max-height: 45px;}
main.index section.about-us .block-box .content{background: #fafafa82;}
@media (max-width: 750px) {.banner2-box {position: static;height: auto;min-height: initial;padding-top: 48px;display: block;}
.banner2-box .pagesbanner  img {display: block;min-height:initial}}
.swiper-index .swiper-slide .ban1{position:absolute;bottom:11%;left:8.5%;}
.swiper-index .swiper-slide .ban2{position:absolute;bottom:21.3%;left:14.5%;}
.swiper-index .swiper-slide .ban a{border-radius: 30px;padding:8.5% 23%;background:#DB923E;color:#fff;transition: all .3s;display:inline-flex;white-space: nowrap;font-size:1vw;z-index:5}
.swiper-index .swiper-slide .ban a:hover{background:var(--color)}
@media (max-width:1600px){.swiper-index .swiper-slide .ban a{padding:9.5% 25%;}}
@media (max-width:768px){.swiper-index .swiper-slide .ban a{font-size:12px;padding:2px 13px;}}
@media (max-width:550px){.swiper-index .swiper-slide .ban1{bottom:auto;top:20%;}
.swiper-index .swiper-slide .ban2{bottom:14.5%}}
.home-aboutus{max-width:1600px;margin-bottom:30px;width:86.33333%}
.home-aboutus .img{width:100%;display:block !important;height:auto}
.home-aboutus .img img{width:100%;display:block;height:auto;max-width:100%;max-height:initial;}
.home-aboutus .about-words{padding-top:10px;text-align: center;}
.home-aboutus .about-words h2{font-size:32px;color:var(--color)}
.home-aboutus .about-words .button-box a{margin-top:10px;display: inline-block;padding:7px 20px;transition: all .3s;background:#fff;border:1px solid var(--fontcolor)}
.home-aboutus .about-words .button-box a:hover{color:#fff;background: var(--color);border-color:var(--color)}
@media (max-width:1024px){.home-aboutus{width:100%;margin:0 4vw 20px 4vw}}
@media (max-width:680px){.home-aboutus .about-words h2{font-size:25px;}}
.swiper-index .swiper-slide .ban .top-btn{display:flex;margin-bottom:20px}
.swiper-index .swiper-slide .ban1 .top-btn a{background:linear-gradient(to right,#db923e,transparent );border-radius:0  !important;padding:5px 10px;margin-right:10px}   
@media (min-width:1025px){header .top-box .nav-box .right ul.nav1>li>a{color:var(--color)}
header .top-box .nav-box{background:none;}
header .top-box,header .top-box .nav-box.top-0{background:rgba(0,0,0,0.6)}
header .top-box .nav-box .right ul.nav1>li:hover{background:none;}
header .top-box .nav-box .right ul.nav1>li .inmenu_1,header .top-box .nav-box .right ul.nav1>li>a{color:#fff;background:none}}
  .index-swiper .swiper-slide a{display:inline-block;width:100%;height:100%}
.index-swiper .swiper-slide a img{display:inline-block;width:100%;height:100%}
.swiper-index .swiper-slide .ban2 a{display: inline-block;padding: 10px 20px;}
@media(max-width:768px){.swiper-index .swiper-slide .ban2{display:none;}}

.index .products .item{position: relative;}
.index .products .pro-swiper{position: relative;margin-bottom: 50px;margin: 0 50px;overflow: hidden;}
.index .products .pro-slide{position: relative;border-radius: 8px;}
.index .products .pro-slide img{border-radius: 8px;width: 100%;vertical-align: bottom;}
.index .products .pro-slide-text{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;border-radius: 8px;background: rgba(0, 0, 0, .5);display: flex;flex-direction: column;align-items: flex-start;justify-content: center;color: #FFFFFF;transition: all .2s linear;padding: 20px;opacity: 0;}
.index .products .pro-slide-p1{font-size: var(--fontsize20);position: relative;padding-bottom: 10px;margin-bottom: 10px;}
.index .products .pro-slide-p1::after{content: "";position: absolute;left: 0px;bottom: 0px;width: 60px;height: 4px;background: var(--color);}
.index .products .pro-slide:hover .pro-slide-text{opacity: 1;}
.index .products .pro-swiper-prev,.index .products .pro-swiper-next{position: absolute;top: calc(50% - 20px);transform: translateY(-50%);z-index: 1;display: flex;align-items: center;justify-content: center;border-radius: 50%;width: 40px;height: 40px;cursor: pointer;transition: all .2s linear;background: #fff;box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.1);cursor: pointer;}
.index .products .pro-swiper-prev{left: 0;}
.index .products .pro-swiper-next{right: 0;}
.index .products .pro-swiper-prev .fa{display: inline-block;transform: rotate(-90deg);font-size: var(--fontsize20);color: var(--color);font-weight: bold;}
.index .products .pro-swiper-next .fa{display: inline-block;transform: rotate(90deg);font-size: var(--fontsize20);color: var(--color);font-weight: bold;}
.index .products .pro-swiper .swiper-pagination{position: relative;margin-top: 30px;}
.index .products .pro-swiper .swiper-pagination-bullet{width: 10px;height: 10px;}
.index .products .pro-swiper .swiper-pagination .swiper-pagination-bullet{background: #ddd;opacity: 1;}
.index .products .pro-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: var(--color);}
@media (min-width:1024px){body{padding-top:100px;}
.swiper-box.index-swiper{margin-top: 100px;}}
body{background: #FAFAFA;}
main.page-template-1 .max-width-box aside ul.nav1 li p{color: var(--color);}
main.page-template-1 .max-width-box aside ul.nav1 li a{color: var(--color);}
footer .footer-info h4{color:var(--footercolor)}