@charset "utf-8";
.rebox{cursor:pointer;position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000;-webkit-filter:none !important;background:rgb(0,0,0);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);background:rgba(0,0,0,0.7)}
.rebox *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}
.rebox-contents{position:absolute;top:5%;left:5%;text-align:center;width:90%;height:90%}
.rebox-contents .rebox-content{border:5px solid #fff;box-shadow:0 0 20px #000;border-radius:1px;max-width:100%;max-height:100%}
.rebox-loading{width:31px;height:31px;margin:-16px 0 0 -16px;position:absolute;top:48%;left:50%}
.rebox-caption{display:none;position:absolute;left:0;bottom:0;width:100%;text-align:center;z-index:1000;background:#000;background:rgba(0,0,0,0.7)}
.rebox-caption p{margin:0 auto;max-width:70%;display:inline-block;*display:inline;*zoom:1;padding:10px;color:#fff;font-size:12px;line-height:18px}
.rebox-button{position:absolute;z-index:9999;min-width:40px;height:40px;line-height:40px;background:rgb(0,0,0);opacity:0.4;text-decoration:none;font-size:24px;color:#fff;text-align:center;vertical-align:middle;-webkit-border-radius:32px;-moz-border-radius:32px;-ms-border-radius:32px;border-radius:32px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.rebox-button:hover,.rebox-button:focus{opacity:1;-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}
.rebox-close{right:10px;top:10px}
.rebox-next{right:10px;top:48%}
.rebox-prev{left:10px;top:48%}
.rebox-loading{left:50%;top:48%;-webkit-animation-name:spin;-webkit-animation-duration:2000ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:2000ms;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:2000ms;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:2000ms;animation-iteration-count:infinite;animation-timing-function:linear}
@-ms-keyframes spin{from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}}
@-moz-keyframes spin{from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}}
@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}}
@keyframes spin{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}}
.rebox-contents{display:flex;align-items:center;justify-content:center}
.rebox-button:hover{color:#fff}
h1,h2,h3,h4,h5,h6{font-size:initial}
.item-aboutus .article p{line-height:2;margin-bottom:3px}
.item-faqdetails .article p,.item-aboutus .article p{line-height:1.75;margin-bottom:1px}
.about-us .mb,main.index section.about-us .block-box{display:none}
main.index section.about-us{height:auto}
main.index section.about-us,.abimg-wrapper{width:100%}
section.project{width:100%;max-width:1600px}
.project .sun{position:static;transform:none}
.project-tabs{margin:30px 0 50px}
.project-tabs ul{display:flex;justify-content:center}
.project-tabs ul li{box-sizing:border-box;padding:15px;font-size:20px;font-weight:bold;margin-right:15px;border-bottom:4px solid #abb0a6;color:#abb0a6}
.project-tabs ul li a{color:inherit}
.project-listitem:not(.active){display:none}
.project-listitem{display:flex;flex-wrap:wrap;justify-content:space-between}
.project-listitem li{width:48%;margin-bottom:20px;position:relative}
.project-listitem li img{width:100%;display:block}
.project-listitem li .text{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);color:#fff;padding:30px;box-sizing:border-box;transition:.4s}
.project-listitem li:hover .text{opacity:1}
.project-listitem li .text .title{font-size:20px;font-weight:bold;position:relative;padding-bottom:20px;margin-bottom:20px}
.project-listitem li .text .title:after{content:'';position:absolute;bottom:0;width:60px;height:1px;background:#fff;left:0}
@media (max-width:1210px){.project{padding:0 4vw;box-sizing:border-box}}
@media (max-width:768px){.project-tabs ul{flex-wrap:wrap;justify-content:space-between}
.project-tabs ul li{width:48%;margin-right:0;font-size:16px}}
.project-tabs ul li.active{color:#000;border-color:#000}
.ab-content{display:flex;justify-content:space-between}
.ab-content .abimg-wrapper,.ab-content .text-wrapper{width:50%}
.abimg-swiper{width:100%}
main.index section.about-us{display:block}
.abimg-wrapper img{width:100%}
.ab-content .text-wrapper{background:#f6f6f7;padding:40px;display:flex;justify-content:center;flex-direction:column}
.ab-content .text-wrapper h2{font-size:30px;font-weight:bold;margin-bottom:20px}
.ab-content .text-wrapper p{font-size:18px;margin-bottom:15px}
.ab-content .text-wrapper .rm{width:200px;height:50px;font-size:18px;background:#fff;border:2px solid #000;display:flex;align-items:center;justify-content:center}
@media (max-width:991px){.ab-content .abimg-wrapper,.ab-content .text-wrapper{width:100%}
.ab-content{flex-wrap:wrap}
.ab-content .text-wrapper{padding:15px}}
main.index section.products{margin-top:50px}
.max-width-box article .item-aboutus .article img{transition:all 0.1s linear}
.max-width-box article .item-aboutus .article img:hover{transform:scale(1.1)}