@charset "utf-8";
/* CSS Document */
/*----------
Banner
----------*/
#index-banner{position:relative; width:100%; overflow:hidden; }
#index-banner  .indexbanner-img,#index-banner .indexsmallimg{width:100%; }
#index-banner .swiper-button-next,#index-banner .swiper-button-prev{ width:50px; height:50px; padding:1.4rem 2rem; border-radius:50%; background-color:#fff; font-size:24px; color:#fff;}
#index-banner .swiper-button-prev:after{width:50px; height:50px; padding:1.4rem 1.8rem; border-radius:50%; background-color:var(--web-theme-color); font-size:24px;}
#index-banner .swiper-button-next:after {width:50px; height:50px; padding:1.4rem 2rem; border-radius:50%; background-color:var(--web-theme-color); font-size:24px;}
#index-banner .swiper-button-next:after{right:14.6%; top:93%; }
#index-banner .swiper-button-prev:after{left:80%;top:93%;}
.indexsmallimg{ display:none;}
/*----------
Products Series
----------*/
#product-catalog{ padding-bottom:18rem; overflow:hidden;}
#product-catalog h2{ padding-top:1.3rem; line-height:1.4em;} 
#product-catalog h2 span{color:var(--web-theme-color);}
.product-catalog-title{display: -webkit-flex; display: flex; align-items: center;}
.product-catalog-title h4{ margin-left:1.4rem;}
#product-catalog .wrap-flex{justify-content: space-between; align-items: center;}
#product-catalog .wrap-flex p{ line-height:0;}
#product-catalog .grid{grid-template-columns:repeat(3,1fr); grid-column-gap:4rem;  margin-top:6rem;}
#product-catalog .grid a{ position:relative;}
#product-catalog .grid a:hover p,#product-catalog .grid a:hover h3{color:var(--web-theme-color-yellow);}
#product-catalog .grid a:hover .info-arrow{ background-color:var(--web-theme-color-black); border:none;}
#product-catalog .grid a:hover .info-arrow i{color:var(--web-theme-color);}
.product-series-infobg { overflow:hidden;  border-radius:20px; }
.product-series-infobg img{transition: all .3s ease-in-out; }
#product-catalog .grid a:hover .product-series-infobg img{-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
.product-series-info{ position:absolute; left:0; bottom:0; top:26rem; right:2rem; display: -webkit-flex; display: flex; align-items: center; }
.product-series-info-content{ padding-top:6rem; }
.product-series-info-content h3,.product-series-info-content p{padding-left:2rem; color:var(--web-theme-color-white); }
.product-series-info-content h3{ font-size:2.4rem; white-space:nowrap;}
.product-series-info-content p{  padding-top:2rem; line-height:1.4em; }
/*----------
Featured Products
----------*/
#featured-products{background-image: linear-gradient(90deg, rgba(224,224,232,1), rgba(255,255,255,1)); padding-top:7rem; padding-bottom:10rem; overflow:hidden;}
#featured-products h1{ text-align:right; color:rgba(224,224,232,.3);}
#featured-products .grid{grid-template-columns:repeat(2,1.5fr);  margin-top:4rem;}
.featured-products-info .com-line{  width:6rem;}
.featured-products-info img{ width:100%;}
.featured-products-info-content{margin-left:3rem;}
.featured-products-info-keyword{ padding:2rem 0; font-size:2.4rem;}
.featured-products-info-content h3{ padding-top:4rem; padding-bottom:1.4rem; font-weight:bold;}
#featured-products .featured-products-info-content .grid-1{ border:var(--web-theme-color) solid 1px; border-radius:15px; padding:2rem; grid-template-columns:repeat(3,1fr); grid-gap:15px 20px;  margin-top:4rem;}
.featured-products-feature{ font-size:1.65rem; font-weight:bold;}
.featured-products-feature span{ font-weight:normal; font-size:1.4rem; color:var(--web-theme-color);}
#featured-products .more{ margin-top:10rem;}
#featured-products .more i{ padding-left:1.2rem; color:var(--web-theme-color);}
#featured-products .more:hover i{color:var(--web-theme-color-white);} 
/*swiper*/
#featured-products-list .swiper-wrapper{ padding-bottom:4rem;}
#featured-products-list .swiper-pagination-bullet-active{ background-color:var(--web-theme-color);}
/*----------
Company Overiew
----------*/
#about-gl{ background:url(../images/index/about/workshop.webp) no-repeat; background-size:cover; overflow:hidden;}
#about-gl .sy-container{  position:relative;}
#about-gl h2{color:var(--web-theme-color);}
#about-gl .wrap-flex{justify-content: center;}
.about-glimg{ position:absolute; left:38rem; top:0; right:0; bottom:0;  display: -webkit-flex; display: flex;justify-content: center;align-items: center;}
.about-glimg img{  width:12rem;}
.company-overiew,.company-info{ background-color:rgba(0,0,0,.3); border:#5c6271 solid 1px;}
.company-overiew{flex:0 0 60%; padding:8rem;}
.company-info{flex:0 0 40%; color:rgba(255,255,255,.4); }
.company-overiew h3{ padding:2rem 0; color:rgba(255,255,255,.6);}
.company-overiew p{  color:rgba(255,255,255,.6); }
.company-overiew .com-line{ width:6rem; height:3px; margin-bottom:4rem;}
#about-gl .company-overiew  .info-arrow{ display:inline-block; width:50px; height:50px; border:var(--web-theme-color-white) solid 1px; color:var(--web-theme-color-white); }
#about-gl .company-overiew  .info-arrow i{ display:inline-block; padding-top:1.4rem; padding-left:1.5rem;  color:var(--web-theme-color-white);   -ms-transform: rotate(-40deg);transform: rotate(-40deg); -webkit-text-stroke: 1px var(--web-theme-color-white);}
#about-gl .company-overiew  .info-arrow:hover{ border:none;  background-color:var(--web-theme-color);} 
#about-gl .grid{ grid-template-columns:repeat(2,1fr)}
.company-info-content{ padding:8rem; background-color:rgba(0,0,0,.3); border:#5c6271 solid 1px;  color:var(--web-theme-color-white);}
.company-info-content-title{ display: -webkit-flex;  display: flex; text-align:center; font-size:5rem; font-weight:bold; line-height:1.2em;}
.company-info-content-title span{ display:block; padding-top:1rem; margin-left:8px; font-size:1.8rem; font-weight:normal;vertical-align:text-bottom;}
.company-info-content p{ color:rgba(255,255,255,1); }
/*----------
Company News
----------*/
#gl-news{ padding-bottom:10rem;}
#gl-news .grid{grid-template-columns:repeat(3,1fr); grid-column-gap:3rem;  margin-top:6rem;}
.news-item:first-child img{ border-radius:20px;}
.news-item em{ display:inline-block; position:relative; z-index:2; border-radius:20px; padding:8px 4rem; margin-top:-2.4rem; margin-left:4rem; background-color:var(--web-theme-color); text-align:center; color:var(--web-theme-color-white); }
.news-item h3{ padding-top:2rem; color:var(--web-theme-color-black); font-weight:bold;}
.news-item p{width:min(80%,420px); padding-top:2rem;}
#gl-news .more{ margin:0 auto; margin-top:6rem;}
#gl-news a:hover h3,#gl-news a:hover p{color:var(--web-theme-color);}
#gl-news a:hover img{opacity:0.6;}
@media screen and (max-width: 1023px) {
/*banner*/	
#index-banner{margin-top:0rem; }
#index-banner .swiper-button-next,#index-banner .swiper-button-prev{ width:35px; height:35px; padding:1.2rem 1rem; font-size:18px;}
#index-banner .swiper-button-prev:after{ width:35px; height:35px; padding:1.2rem 1.6rem;  font-size:18px;}
#index-banner .swiper-button-next:after { width:35px; height:35px; padding:1.2rem 1.6rem; font-size:18px;}
#index-banner .swiper-button-next:after{right:14.6%; top:50%; }
#index-banner .swiper-button-prev:after{left:80%;top:50%;}
.indexbanner-img{ display:none;}
.indexsmallimg{ display:block;}
/*Products Series*/
#product-catalog{ padding-bottom:12rem;}
#product-catalog h2{ padding-top:1rem;} 
.product-catalog-title .com-line{ display:none;}
.product-catalog-title h4{ margin-left:0;}
#product-catalog .wrap-flex p{ line-height:1.8em;}
#product-catalog .wrap-flex{   padding-top:1rem; flex-direction: column; align-items:flex-start ;}
#product-catalog .wrap-flex img{ padding-top:1.4rem; width:40%;}
#product-catalog .grid{grid-template-columns:1fr; grid-column-gap:0; grid-row-gap:12rem; margin-top:4rem;}
#product-catalog .grid a:nth-child(2){ margin-top:4rem;}
.product-series-info{ position:absolute; left:0; bottom:0; top:24rem; right:2rem;  }
.product-series-info-content{ padding-top:2rem; }
.product-series-info-contentimg{ width:80%;}
/*Featured Products*/
#featured-products{ padding-top:2rem; padding-bottom:4rem;}
#featured-products h1{ display:none;}
#featured-products .grid{grid-template-columns:1fr; grid-row-gap:15px;  margin-top:3rem;}
.featured-products-info .com-line{ display:none;}
.featured-products-info-keyword{ padding:1.4rem 0; font-size:16px; font-weight:bold;}
.featured-products-info-content{margin-left:0rem;}
.featured-products-info-content h3{ display:none;}
.featured-products-info-content p{ display:none;}
#featured-products .featured-products-info-content .grid-1{  border:none; padding:0; grid-template-columns:1fr; grid-gap:15px 0;  margin-top:1.2rem;}
.featured-products-feature{ font-size:14px; line-height:1.6em; }
#featured-products .more{ margin-top:4rem;}
#featured-products .more i{ padding-left:1.2rem;}
/*Company Overiew*/
#about-gl .wrap-flex{  flex-direction: column; justify-content: center;}
#about-gl  h2{ white-space:nowrap;}
.about-glimg{ position:absolute; left:0; top:-36rem; right:0; bottom:0;}
.about-glimg img{  width:8rem;}
.company-overiew{flex:1; padding:4rem;}
.company-info{flex:1; }
.company-overiew h3{ padding-top:2rem; }
.company-overiew p{ width:100%;  }
#about-gl .company-overiew  .info-arrow{ display:inline-block; width:35px; height:35px;}
#about-gl .company-overiew  .info-arrow i{ display:inline-block; font-size:1.7rem; padding-top:1.2rem; padding-left:1.2rem; }
#about-gl .grid{ grid-template-columns:1fr;}
.company-info-content{ padding:6rem; background-color:rgba(0,0,0,.3); border:#5c6271 solid 1px;  color:var(--web-theme-color-white);}
/*Company News*/
#gl-news{ padding-bottom:6rem;}
#gl-news .grid{grid-template-columns:1fr; grid-column-gap:0rem; grid-row-gap:3rem; margin-top:4rem;}
.news-item:first-child img{ border-radius:20px;}
.news-item em{ display:inline-block; position:relative; z-index:2; border-radius:20px; padding:8px 4rem; margin-top:-2.4rem; margin-left:4rem; background-color:var(--web-theme-color); text-align:center; color:var(--web-theme-color-white); }
.news-item h3{ padding-top:2rem; color:var(--web-theme-color-black); font-weight:bold;}
.news-item p{width:min(80%,420px); padding-top:2rem;}
#gl-news .more{ margin:0 auto; margin-top:6rem;}

}