.container{max-width:100%;}
.nav .container,.contact_bottom .container{max-width:1600px;}
.index-container{max-width:1600px;padding:80px 0;margin:0 auto;}
.banner-bg1{background-image:url(../images/banner-1.jpg);background:image-set(url(../images/banner-1.webp))}
.banner-bg2{background-image:url(../images/banner-2.jpg);background:image-set(url(../images/banner-2.webp))}
.banner-bg3{background-image:url(../images/banner-3.jpg);background:image-set(url(../images/banner-3.webp))}
.banner-bg4{background-image:url(../images/banner-4.jpg);background:image-set(url(../images/banner-4.webp))}
.owl-picshow{position:var(--r);width:100%;height:660px;height:100vh;background-color:var(--w);overflow:hidden}
.owl-pic,.owl-pic .owl-stage-outer,.owl-pic .owl-stage,.owl-pic .owl-item,.owl-pic .item{height:100%;overflow:hidden}
.owl-pic .item{background-repeat:no-repeat;background-size:cover;background-position:center}
.owl-pic .banner-table{padding-top:60px;background:linear-gradient(to bottom,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.2) 100%);}
.owl-pic .pic-box{position:var(--r);z-index:2;max-width:1000px;padding:0 25px;display:block;margin:50px auto;text-align:center}
.owl-pic .pic-box h2{color:var(--b);font-size:42px;line-height:52px;font-weight:400;margin-top:0px;margin-bottom:20px}
.owl-pic .pic-box h2 span{color:var(--m)}
.owl-pic .pic-box p{color:var(--b);line-height:30px;font-size:18px;font-weight:400}
.owl-pic .pic-box .banner-firstrow{font-weight:bold;text-transform:uppercase}
.owl-pic .btn{background:var(--m);color:var(--w);border:0;margin-top:20px}
.owl-pic .btn:hover{border:0;background:var(--v);color:var(--w)}
.owl-pic .owl-dots{display:block;width:100%;position:var(--a);bottom:20px;left:0}
.owl-pic .owl-dots .owl-dot span{width:30px !important;height:8px !important;border-radius:0 !important;background:var(--w) !important}
.owl-pic .owl-dots .owl-dot.active span,.owl-pic .owl-dots .owl-dot:hover span{background:var(--m) !important}
.owl-pic .owl-nav [class*=owl-]{opacity:0;padding:10px 15px 10px 10px;top:auto;bottom:0;width:42px;height:100%;color:var(--w);background-color:none}
.owl-pic .owl-nav [class*=owl-]:before{font-size:30px !important;line-height:660px;line-height:100vh;color:var(--m)}
.owl-pic .owl-nav .owl-prev:hover{opacity:1}
.owl-pic .owl-nav .owl-next:hover{opacity:1}
.owl-pic .owl-nav .owl-prev{left:0 !important;border-radius:0 !important}
.owl-pic .owl-nav .owl-next{right:0 !important;border-radius:0 !important}
.index-search{align-items:center}
.index-search-left .submit_search input{border:1px solid var(--m);}
.index-search-left .submit_search button{color:var(--w);background:var(--v);width:66px;height:48px;line-height:48px;bottom:5px;right:0px}
.index-search-left .submit_search button:hover{background:var(--m)}
.index-search-right{position:var(--r)}
.index-search-right .btn{position:var(--a);left:10%;bottom:50%;margin-bottom:-30px;display:block;width:80%;font-size:20px;font-weight:bold}
.pro-contentbox{width:auto;height:100%;text-align:center;padding:10px 0 0;margin:10px;background:var(--w);box-shadow:0 0 8px var(--g1);transition:var(--t);}
.pro-contentbox .structure{display:table;width:100% !important;height:140px;margin-bottom:25px}
.pro-contentbox .structure-cell{display:table-cell;vertical-align:middle}
.pro-contentbox .page-tit4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:10px;padding-right:10px}
.pro-contentbox p{font-size:0.9rem;line-height:1.5;padding-left:10px;padding-right:10px}
.btn-box{margin:0;position:var(--r);height:50px}
.btn-box .btn{display:block;position:var(--a);bottom:0;width:50%;font-size:1.25rem;height:45px;z-index:1;border:0}
.btn-box .inquiry-btn{left:0;background:#e6e9de;color:var(--m)}
.btn-box .cart-btn{background:var(--v);right:0}
.btn-box .inquiry-btn:hover,.btn-box .cart-btn:hover{width:100%;z-index:2}
.btn-box .cart-btn:hover{background:var(--v)}
.owl-carousel-pro .owl-nav .owl-prev{left:-30px;color:var(--m) !important;opacity:0}
.owl-carousel-pro .owl-nav .owl-next{right:-30px;color:var(--m) !important;opacity:0}
.owl-carousel-pro .owl-controls .owl-dot span{width:20px !important}
.owl-carousel-proshow{position:var(--r);padding-left:140px}
.owl-carousel-proshow .index-headline-pro{position:var(--a);left:0;top:-80px;color:var(--w)}
.owl-carousel-proshow .index-headline-pro .index-tithot{padding:20px 10px;background:var(--m);width:120px}
.owl-carousel-proshow .index-headline-pro .index-headline{background:var(--m);width:120px;text-align:center}
.owl-carousel-proshow .index-headline-pro h2{font-size:1.15rem;padding:20px 10px;margin:0}
.owl-carousel-proshow .index-headline-pro .index-triangle{width:0;height:0;border-top:60px solid var(--m);border-right:60px solid transparent;border-left:60px solid transparent}
.index-about p{text-align:center;font-size:18px;line-height:36px;width:100%;margin:0 auto}
.title-line{position:var(--r);width:100px;height:3px;background:var(--m)}
.text-center .title-line{margin:0 auto}
.index-one,.index-two,.index-services{margin-top:50px}
.index-one>div,.index-two>div,.index-services>div{margin-bottom:30px}
.index-onebox{position:var(--r);overflow:hidden}
.index-onebox img{vertical-align:middle;min-width:0;min-height:200px;width:100%;max-height:100%;opacity:0.95;transition:var(--t);}
.index-onebox:hover img{opacity:1;transform:scale(1.1);}
.index-onebox .pagetable{position:var(--a);left:0;top:0;background:rgba(0,0,0,.25)}
.index-onebox h3{margin:0;padding:0;text-align:center;font-size:1.5rem;font-weight:normal;transition:var(--t);}
.index-onebox a h3{color:var(--w)}
.index-onebox a{display:block}
.index-onebox .index-oneinfo{position:var(--a);top:0;bottom:0;left:0;right:0;display:table;width:100%;height:100%;text-align:center;backface-visibility:hidden;background:linear-gradient(to right,rgba(168,183,82,.9),rgba(130,171,40,.9),rgba(128,159,57,.9));visibility:hidden;opacity:0;pointer-events:none;transition:var(--t);}
.index-onebox .index-oneinfo h3{color:var(--w);text-align:center;padding:0 10px}
.index-onebox .index-oneinfo p{color:var(--w);font-size:0.9rem;padding:10px 10px 0;text-align:center;display:-webkit-box;display:-o-box;display:-moz-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;-o-box-orient:vertical;-o-line-clamp:5;-moz-box-orient:vertical;-moz-line-clamp:5;overflow:hidden}
.index-onebox a:hover .index-oneimg h3{opacity:0}
.index-onebox a:hover .index-oneinfo{visibility:visible;opacity:1}
.index-onebox .index-oneinfo{transform:translateX(100%)}
.index-onebox a:hover .index-oneinfo{transform:translateX(0)}
.index-twobox{display:block;width:100%;height:100%;position:var(--r);padding:0;margin-bottom:40px;overflow:hidden}
.index-twobox .index-twoimg h3{color:var(--m)}
.index-twobox .index-twoimg p{color:var(--b);font-size:0.9rem;padding-top:10px;padding-bottom:0}
.index-twobox .btn{background:none;border:1px solid var(--g1);padding:5px 20px;color:var(--b);font-size:1rem}
.index-twobox .btn:hover{border:1px solid var(--m);background:var(--m);color:var(--w)}
.isotopicbg{overflow:hidden;}
.isotopicbg .isotopicimg{max-width:1000px;width:1000px;margin-left:calc(100% - 660px);opacity:0.75;margin-top:0}
.isotopicbg .index-twobox{height:auto;min-height:200px;margin-bottom:30px}
.isotopicbg .index-twobox .index-twoimg{display:flex;align-items:center;width:100%;height:100%;min-height:200px;padding:20px 30px;border:1px solid;border-image:linear-gradient(to right,#82ab28 10%,#82ab28 90%) 100 100;border-image-slice:10;box-shadow:0 0 10px #82ab28;overflow:hidden;transition:var(--t);}
.isotopicbg .index-twobox .index-twoimg .index-twoimg-left{flex:1;position:var(--r);padding-right:50px;text-align:left}
.isotopicbg .index-twobox .index-twoimg .index-twoimg-right{width:120px;position:var(--r)}
.isotopicbg .index-twobox .index-twoinfo{position:var(--a);top:0;bottom:0;left:0;right:0;display:table;width:100%;height:100%;padding:20px 30px;backface-visibility:hidden;background:var(--w);opacity:0;visibility:hidden;transition:var(--t);}
.isotopicbg .index-twobox .index-twoinfo h3{color:var(--b)}
.isotopicbg .index-twobox .index-twoinfo p{color:var(--b);padding:10px 0;font-size:0.9rem;border-top:1px solid rgba(255,255,255,0.5)}
.isotopicbg .index-twobox a:hover .index-twoimg{opacity:0}
.isotopicbg .index-twobox a:hover .index-twoinfo{visibility:visible;opacity:1}
.isotopicbg .index-twobox .index-twoimg{transform:translateZ(0) rotateX(0)}
.isotopicbg .index-twobox .index-twoinfo{transform:translateZ(-1000px) rotateX(-90deg)}
.isotopicbg .index-twobox a:hover .index-twoimg{transform:translateZ(-1000px) rotateX(90deg)}
.isotopicbg .index-twobox a:hover .index-twoinfo{transform:translateZ(0) rotateX(0)}
.isotopicbg .index-headline{position:var(--r);z-index:1}
.isotopicbg .title-line{z-index:1}
.index-servicesbox{display:block;width:auto;height:100%;background:var(--w);color:var(--b);margin-bottom:20px;box-shadow:0 0 8px var(--g1);transition:var(--t);}
.index-servicesbox img{width:100%}
.index-servicesbox .index-services-detail{padding:40px 40px 0}
.index-servicesbox .btn{left:50px;bottom:40px;margin-left:0;padding:8px 30px}
.index-servicesbox:hover{color:var(--m);}
.indexbg1{background-repeat:no-repeat;background-size:cover;background-position:center;color:var(--w)}
.indexbg1 .banner-table{padding:80px 0}
.indexbg1 .btn:hover{background:none;border:2px solid var(--w)}
.index-adv{color:var(--m)}
.index-adv img{padding-top:15px}
.index-adv h3{font-weight:normal;padding:15px 0;margin:0}
.index-adv h3 a{color:var(--m)}
.index-adv h3 a:hover{color:var(--v)}
@media (max-width:1400px){.index-onebox .index-oneinfo h3{font-size:1.1rem}}
@media (max-width:1024px){.owl-picshow{height:600px}
.owl-pic .owl-nav [class*=owl-]:before{line-height:600px}
.owl-pic .banner-table{padding-top:0;}
.owl-pic .pic-box h2{font-size:30px;line-height:36px;margin-bottom:10px}
.owl-pic .pic-box p{line-height:24px;font-size:15px}
.owl-pic .btn{margin-top:10px}
.owl-pic .banner-table{padding-bottom:40px}}
@media (max-width:992px){.index-search-right .btn{font-size:18px;margin-bottom:-25px}
.isotopicbg .isotopicimg{width:100%;margin-left:0}}
@media (max-width:600px){.index-about>div{padding-left:20px;padding-right:20px}
.index-search-right .btn{font-size:16px;padding:10px;margin-bottom:-24px}
.index-servicesbox .index-services-detail{padding:30px 15px}
.index-about p{width:100%}
.banner-bg1{background:image-set(url(../images/banner-1s.webp))}
.banner-bg2{background:image-set(url(../images/banner-2s.webp))}
.banner-bg3{background:image-set(url(../images/banner-3s.webp))}
.banner-bg4{background:image-set(url(../images/banner-4s.webp))}}
@media (max-width:450px){.owl-carousel-proshow{padding-left:0}
.owl-carousel-proshow .index-headline-pro{display:none}
.isotopicbg .index-twobox .index-twoimg .index-twoimg-left{padding-right:0px}}
@media (min-width:1400px){.index-search,.index-services{margin-left:-50px;margin-right:-50px}
.index-search>div,.index-services>div{padding-left:50px;padding-right:50px}}
.banner-bg5{background-image:url(../images/banner-20230104.jpg);background-image:image-set( url(../images/banner-20230104.webp));background-size:cover;background-position:center right !important}
.owl-pic .banner-img img{width:240px !important;height:auto;opacity:1}
.owl-pic .banner-bg5 h2 span{font-size:1.5rem;color:var(--w)}
.owl-pic .banner-bg5 h2 span span{font-size:3.5rem;color:var(--gr)}
@media (max-width:1024px){.owl-pic .banner-bg5 h2 span span{font-size:2rem}}