@charset "utf-8";
/*-----------------------------------Index pagecontent----------------------------------------------------*/
/*-------
Banner
-------*/
#index-bar{ position:relative;}
#banner-video{position:fixed; right:5rem; bottom:5rem; width: max(20%,200px); z-index:30; z-index:100000;}
#video{ width:100%; max-width:1280px;}
#index-bar .swiper-slide{ position:relative; overflow:hidden; }
#index-bar .swiper-slide> a .indexbarimg{width:100%;height:auto;min-height:100%;transition:0.6s linear 1s;transform:scale(1.2,1.2);}		
#index-bar .swiper-slide-active  a .indexbarimg,#index-bar .swiper-slide-duplicate-active  a .indexbarimg{transition:1s linear;transform:scale(1,1);}
#index-bar img{ width:100%;}
.indexsmallimg{ display:none;}
#index-bar .swiper-button-next,#index-bar .swiper-button-prev{ padding:2rem;background-color:#3e465d;font-size:24px;color:#fff;}
#index-bar .swiper-button-next:after,#index-bar .swiper-button-prev:after{ padding:2rem;background-color:#3e465d;font-size:24px;color:#fff;}
/*-------
Products
-------*/
/*Product title*/
#product-title{ padding-top:2rem;} 
#product-title .grid{grid-template-columns:repeat(2,auto);justify-content: space-between;  align-items:center; padding:0 2rem; padding-bottom:1.4rem;}
.product-title-box{ visibility:hidden;}
/*Product series*/
#product-series{ padding-bottom:4rem; border-top:#efefef solid 1px;}
#product-series .sy-container{ border-bottom:#ccc solid 1px; padding-bottom:2rem;}
#product-series .grid{grid-template-columns:repeat(2,auto);justify-content: space-between;  align-items:center; border-bottom:#efefef solid 1px; padding-bottom:4rem;}
.product-series-catalog ul li a{ margin-left:2rem; color:#333;}
.product-series-catalog ul li a:hover{ color:var(--web-theme-color);}
.product-list-content-Category{position: relative; display: inline-block; margin-left:5rem; z-index:8; }
.sewvtop{ border:#6c6c6a solid 1px; border-radius:10px; width:34rem; cursor:pointer; overflow: hidden;padding:1.2rem 2rem; background-color:transparent; color:var(--web-theme-color-black); font-size:1.8rem;  }
.sewvtop:hover{background:var(--web-theme-color);color: #fff;}
.sewvtop em{float:right;vertical-align: middle; color:var(--web-theme-color-black);}
.sewvbm{width:34rem; position: absolute; left:0; top: 50px; display: none; z-index:8; background-color:#fff; box-shadow: 0 0 10px rgba(80,80,80,0.4);}
.product-menu-content .sewvbm a{ display:block; cursor:pointer; width:100%; padding:1rem 1.2rem; margin-left:0; border-bottom:#ccc dashed 1px;  color:var(--web-theme-color-black);}
.sewvbm a:last-child{ border:none;}
.sewvbm a:hover{background: #dbe9e5;}
.lbaxztop{animation: rotatete 0.3s linear forwards;}
.lbaxztop2{animation: rotatete2 0.3s linear forwards;}
.product-series-search-form form input {
      color: #7d7d7d;
      border: 1px solid transparent;
      height: 40px;
      line-height: 24px;
      padding: 7px 15px;
      width:100%;
	  border: 1px solid #7d7d7d;}
.product-series-search-form{ position:relative; background-color:#333;width:max(100%,34rem); }
.product-series-search-form form button{
	position: absolute;
      right: 0;
      top: 0;
      background-color: transparent;
      color: #333;
      width: 40px;
      height: 40px;
      border: none;
      cursor: pointer; }
@keyframes rotatete{
from{transform: rotate(0deg);}
to{transform: rotate(180deg);}
}
			
@keyframes rotatete{
from{transform: rotate(0deg);}
to{transform: rotate(180deg);}
}		
	
@-moz-keyframes rotatete2{
from{transform: rotate(180deg);}
to{transform: rotate(0deg);}
}

@keyframes rotatete2{
from{transform: rotate(180deg);}
to{transform: rotate(0deg);}
}
#product-series .grid-1{grid-template-columns:repeat(5,auto);justify-content: space-between;  align-items:center;}
.product-series-menu{ display:flex; align-items: center; padding-top:2rem;}
#product-series .grid-1 a:first-child .product-series-menu{border-top:var(--web-theme-color) solid 5px; }
.product-series-menu-title{ margin-left:6rem; text-align:right;}
#product-series .grid-1 a{ color:var(--web-theme-color-gray);}
#product-series .grid-1 a b{ color:var(--web-theme-color-black);}
#product-series .grid-1 a .product-series-menu:hover{ border-top:var(--web-theme-color) solid 5px;  color:var(--web-theme-color);}
.product-series-menu-iconimg-1{display:none; }
.product-series-menu-icon:hover .product-series-menu-iconimg-1{ display:block;}
.product-series-menu-icon:hover .product-series-menu-iconimg{ display:none;}
.product-series{ position:relative; overflow:hidden; margin-top:6rem;}
.product-series .swiper-wrapper{ padding-bottom:4rem;}
.product-series img{ width:100%;}
/*-------
About us
-------*/
#company-overiew-title{ overflow:hidden; width:100%; padding:2rem 0;}
#company-overiew-title .swiper-slide{
	width:90% !important; 
	text-align: center;
 	color:#eef0f6;
	transition:all .7s ease 0s;
}
.company-overiew-info{ text-transform:uppercase; font-size:4rem; white-space:nowrap; }
/*Our Advantages*/
#our-advantages{ padding:0;}
#our-advantages .grid{grid-template-columns:repeat(3,1fr); margin-top:6rem; grid-gap:4rem 5rem;}
.our-advantages-content{ display: -webkit-flex; display: flex; border:#c4c4c4 solid 2px; border-radius:15px; padding:4rem 2rem 1rem 2rem;}
.our-advantages-contentimg{ padding-top:5px;}
.our-advantages-content-txt{ padding-left:1.4rem;}
.our-advantages-content-txt h3{ line-height:1.6em;}
#our-advantages .our-advantages-content-txt p{ width:100%; padding:0;text-align:left;}
#our-advantages .more{ margin:6rem auto;}
/*marquee*/
        .marquee-container {
            width: 100%;
            height:16rem;
			margin:4rem 0;
            overflow: hidden;
            position: relative;
            color: #eef0f6;
        }

        .marquee-track {
            display: flex;
            position: absolute;
            height: 100%;
            animation: marquee 200s linear infinite;
        }

        .marquee-item {
            flex-shrink: 0;
            display: flex;
            align-items: center;
            padding: 0 2rem;
            font-size:12rem;
            white-space: nowrap;
        }

        @keyframes marquee {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-100%);
            }
        }
        .marquee-item::after {
            content: attr(data-text);
            padding-left: 40px;
        }
/*Company Overiew*/
#company-overiew{ position:relative; padding:0;}
#company-overiew img{ width:100%;}
#company-overiew h2{ text-transform:capitalize; text-align:left; line-height:1.6em;  color:var(--web-theme-color-black); font-weight:bold;}
#company-overiew h2 span{ color:var(--web-theme-color);}
.company-overiew-box{ position:absolute; left:8%; top:0; width:max(700px,35%);   border-radius:0 0 20px 20px; background-color:rgba(251,252,253,.8); padding:8rem 4rem 8rem 5rem; }
#company-overiew .grid{grid-template-columns:repeat(2,24rem);  grid-gap:5rem 0; margin-top:9rem;} 
#company-overiew p{  padding-top:5rem; text-align:left; color:rgba(0,0,0,.6)}
#company-overiew p:first-child(){ display:block; padding-top:12rem;}
#company-overiew .company-info-content  h2{line-height:1.2em;}
#company-overiew .company-info-content h2 span{ display:block; margin-top:-1rem; padding-left:1rem; font-size:1.6rem; vertical-align:text-top; font-weight:500; color:var(--web-theme-color-black);}
#company-overiew .company-info-content:first-child h2{  background-image: linear-gradient(rgba(0,63,152,1) , rgba(0,160,233,1));-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;color: transparent;}
#company-overiew .company-info-content:first-child h2 span{color:var(--web-theme-color-black);}
#company-overiew .company-info-content p{padding:0;}
#company-overiew .more{ margin:0; margin-top:8rem;}
/*-------
news
-------*/
#news-overiew{ padding:0;}
.indexnews-list{  display: -webkit-grid; display: grid;grid-template-columns:repeat(2,1fr);margin-top:6rem; grid-column-gap:3rem; grid-row-gap:2rem;}
.indexnews-list .news-cont{ width:100%;}
.indexnews-item{ width:100%;}
.news-first .wrap-flex div{ padding-right:2rem;}
.indexnews-list .news-cont a{display:block;position:relative;overflow:hidden; border-radius:10px;box-shadow: 0 0 10px rgba(80,80,80,0.4);overflow:hidden;color:#cb141d;margin-top:2rem}
.indexnews-list .news-cont a .news-first{position:relative;z-index:1; background-color:var(--web-theme-color-white); padding:2rem;}
.indexnews-list .news-cont a .more{ width:16rem;ont-size:1.2rem; padding:10px 1rem; }
.news-first a:hover{color:var(--web-theme-color);}
.news-cont a img{width:100%; transition: all .5s ease-in-out;}
.news-cont a:hover img{-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}	
.news-cont .wrap-flex{align-items:center; overflow:hidden;}
.first-title{flex:1; font-size:2.2rem; font-weight:600;color:var(--web-theme-color-black);}
.news-first p{ font-size:1.4rem; margin-top:1rem; }	
 .indexnews-list p{width:100%; overflow:hidden; word-break: break-all;  }
.news-cont a:hover .first-title{color:var(--web-theme-color);}                                     	
.indexnews-box{display: -webkit-flex;  display: flex; align-items: center; border:#ccc solid 1px; border-radius:20px; padding:2rem 0 2rem 2rem; margin-top:2rem;}
.indexnews-time{ border-right:#ccc solid 1px; padding-right:2rem;}
.news-title{ padding-left:2rem; font-size:2.4rem;}
.indexnews-item a .news-title{color:var(--web-theme-color-black);}
.news-title p{ padding-top:8px; font-size:1.6rem;}
.indexnews-item a:hover .news-title{color:var(--web-theme-color);}
.bigday{font-size:3em;	color:var(--web-theme-color); height:1.2em;line-height:1.3em;text-align:center; padding-left:2rem;}
.smallday{font-size:1.2em; color:#ccc;height:2em;line-height:2em;text-align:center; padding-left:2rem;}		
.news-icon { margin-top:10rem; margin-right:2rem; }
.news-icon i{ text-align:right; font-size:2.6rem; -ms-transform: rotate(-50deg); transform: rotate(-50deg); color:var(--web-theme-color-red);  -webkit-text-stroke: 1px var(--web-theme-color-red) none;}
@media (max-width:1023px){	
#product-series .product-list-content-Category{ margin-left:2rem;}
.sewvtop{width:25rem; cursor:pointer; overflow: hidden; padding:1.2rem 2rem; background-color:#333; color:#fff; font-size:1.8rem;  }
.sewvtop:hover{background:var(--web-theme-color);color: #fff;}
.sewvtop em{float:right;vertical-align: middle; color:#fff;}
.sewvbm{width:25rem; position: absolute; left:0; top: 50px; display: none; z-index:8; overflow:hidden;}
.product-list-content .sewvbm a{ display:block; cursor:pointer; width:100%; padding:2rem; margin-left:0;}
.sewvbm a:last-child{ border:none;}
.sewvbm a:hover{background: #dbe9e5;}
.indexbarimg{ display:none;}
.indexsmallimg{ display:block;}
#product-series { padding-top:0;}
#product-series .grid{ border:none; padding-bottom:2rem; grid-template-columns:1fr; width:100%;}
.product-series-search-form{ margin-top:2rem; width:100%;}
.product-series-title h2{ text-align:left;}
#product-series .sy-container{ border-bottom:none; padding-bottom:2rem;}
.product-series{ margin-top:0rem;}
#our-advantages .grid{grid-template-columns:1fr;}
.marquee-container {
            height:8rem;
			margin:2rem 0;
        }
 .marquee-item {
	 font-size:6rem;
 }
 .company-overiew-box{ position:static;  width:100%;   border-radius:0 0 0 0; background-color:#fff; padding:4rem 1rem; }
 #company-overiew .more{ margin:0; margin-top:6rem;}
 #company-overiew p{  padding-top:3rem; text-align:left; }
 #company-overiew .grid{grid-template-columns:repeat(2,auto); grid-gap:2rem;overflow:hidden; margin-top:4rem;} 
 #company-overiew .company-info-content  h2{ font-size:3.2rem; line-height:1.2em;}
#company-overiew .company-info-content h2 span{ display:block; margin-top:-1rem; padding-left:1rem; font-size:1.4rem; vertical-align:text-top; font-weight:500; color:var(--web-theme-color-black);}
 .indexnews-list{grid-template-columns:1fr;}
 .news-first .wrap-flex{  flex-direction: column;}
 .indexnews-item { overflow:hidden;}
.first-title{word-break:break-all; padding:1rem 0;}
.first-title{padding:1rem 0;}
.news-first .wrap-flex div{ padding-right:0rem;}
.indexnews-box .indexnews-time{ display:none;}
.indexnews-list .news-cont a .more{ margin-top:3rem;}
}