ff@charset "utf-8";
/*-----------------------------------Index pagecontent----------------------------------------------------*/
/*-------
Banner
-------*/
#index-bar{ position:relative;}
#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{font-size:24px;color:#333;}
#index-bar .swiper-button-next:after,#index-bar .swiper-button-prev:after{font-size:24px;color:#333;}
.banner-txt { position:absolute;right:0%; top:20%;}
.banner-mid-title{ display:inline-block;  border-radius:20px; border:#fff solid 1px; padding:2px 4rem 2px 1.2rem; font-size:1.8rem; font-weight:500; color:#fff; }
.banner-large-title{ width:min(60%,600px);padding-top:2rem; font-size:6rem; line-height:1.1em; color:#fff; font-weight:600;}
.banner-small-title{ padding-top:2rem;  font-size:1.4rem;line-height:1.6em; color:rgba(255,255,255,.8); }
.banner-txt a{ display:inline-block;display: -webkit-flex;  display: flex; align-items: center; color:#fff; text-decoration:none; margin-top:8rem;}
.banner-txt a:hover{ text-decoration:underline; color:var(--web-theme-color);} 
/*-------
product series
-------*/
#index-products-top{ padding:3rem 15px 2rem 15px; border-bottom:#f7f7f7 solid 2px;}
#index-products-top .grid{grid-template-columns:repeat(2,auto);justify-content: space-between; align-items: center;}
.index-product-conent ul{display: -webkit-grid; display: grid; grid-template-columns:repeat(6,auto);}
.index-product-conent ul li{border-right:rgba(110,113,114,.3) solid 1px;}
.index-product-conent ul li:last-child{ border:none;}
.index-product-conent ul li{ padding:0 1.2rem;} 
.index-product-conent ul li a{ font-size:1.8rem; color:#333; }
.index-product-conent .more{ padding:8px 2rem;  color:#fff;}
.index-product-conent  a:hover{ text-decoration:underline;}
.index-product-conent .more:hover{ color:#fff; text-decoration:none;}
/*product Overview*/
#product-Overview{ padding:4rem 0;}
#product-Overview .grid{grid-template-columns:repeat(2,1fr); align-items: center;}
#product-Overview h2{ text-align:left;}
#product-Overview p{ padding-top:2rem;}
/*hot products*/
#hotproduct-series{ position:relative; }
.hotprobg img{width:100%;}
.hotproductsmallimg{ display:none;}
.hotproduct-conent{ position:absolute; left:2%; top:25%;}
.hotproduct-conent h2,.hotproduct-conent p{ color:#fff; text-align:left;}
.hotproduct-conent p{ width:min(80%,600px); padding-top:2rem;}
.hotproduct-conent .more{ margin-top:6rem;}
/*hot product conent*/
#hotproduct-conent{ position:relative; padding:4rem 15px;}
#hotproduct-conent .swiper-button-next,#hotproduct-conent .swiper-button-prev{font-size:24px;color:#333;}
#hotproduct-conent .swiper-button-next:after,#hotproduct-conent .swiper-button-prev:after{font-size:24px;color:#333;}
.hot-product-img{ position:relative;border:#eeeeee solid 2px;  padding:2rem 4rem 4rem 2rem; overflow:hidden;}
.hot-product-img img{ padding-top:6rem;transition: all .3s ease-in-out; }
.hot-product-img .more{  border-radius:5px; padding:5px 4rem;}
.hot-product h3{ padding-top:2rem;color:var(--web-theme-color);}
.hot-product a:hover .more{ background-color:#003f98; color:#fff;}
.hot-product a:hover img{-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
.hot-product a:hover h3{ color:#333;}
.hot-product a:hover p{color:var(--web-theme-color);}
/*product list*/
#index-productlist{padding:0 15px; padding-top:8rem; padding-bottom:6rem; border-bottom:#f7f7f7 solid 2px;}
#index-productlist .grid{grid-template-columns:repeat(2,1fr); grid-gap:20px;}
#index-productlist .wrap-flex{ padding:4rem 0;}
.index-productlist-content{ position:relative;  overflow: hidden;}
.index-productlist-content img{ width:100%;}
.index-productlist-content a{ margin-top:2rem; margin-left:5rem; overflow:hidden;  border: 1px solid #d8d9d7;}
.index-productlist-content:after{
    content: '';
    position: absolute;
    width:160px;
    height: 100%;
    top: 0;
    left: -500px;  
    overflow: hidden;
    z-index:1;
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.3)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3)50%,rgba(255,255,255,0) 100%);
    background: linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.index-productlist-content:hover:after{
    -webkit-transition: left 1.5s ease-in-out;
    transition: left 1.5s ease-in-out;
    left: 1200px; 
}
.productlist-txt{ position:absolute; left:4%; top:22%;}
.productlist-txt h2{ text-align:left; text-indent:1em;}
.productlist-txt h2,.productlist-txt p{ color:#fff;}
.productlist-txt .wrap-flex{ padding:4rem 0;}
.productlist-txt p{ width:min(60%,390px); padding-left:1.4rem;}
.productlist-bottomtxt{ position:absolute; left:2%; top:22%;}
.productlist-bottomtxt h2{ text-align:left; text-indent:1em;}
.productlist-bottomtxt h2,.productlist-bottomtxt p{ color:#333;}
.productlist-bottomtxt p{ width:min(60%,390px); padding-left:1.2rem;}
.index-productlist-content .more{ margin-left:4.5rem;}
.index-productlist-content:hover .more{ background-color:#003f98; color:#fff;}
/*-------
about shenyu
-------*/
#about-shenyu .grid{grid-template-columns:repeat(2,1fr);}
.about-shenyu-content{ overflow:hidden;}
.about-shenyu-content h2,.about-shenyu-content h4{ text-align:left;}
.about-shenyu-content h4{ padding-top:1.4rem; color:#333;}
.about-shenyu-content h2{ padding:1.8rem 0; }
.about-shenyu-content p{width:min(80%,560px); padding-top:4rem; color:#999;}
.about-shenyu-content img{ width:100%;}
.about-shenyu-content .more{ margin-top:6rem;}
/*-------
moblic phone
-------*/
@media (max-width:1023px){	
/*banner*/
.indexbarimg{ display:none;}
.indexsmallimg{ display:block;}
.banner-txt { position:absolute;left:4%; top:12%;}
.banner-large-title{ width:100%;padding-top:2rem;font-size:3.3rem; white-space:nowrap; }
.banner-small-title{ display:none;}
/*product series*/
.index-product-conent ul li{ padding:0 1.6rem; margin-top:1.2rem;}
.index-product-conent ul li a{ font-size:1.6rem;}
.index-product-conent:last-child{ padding-top:1.6rem;} 
/*product Overview*/
#product-Overview{ padding-bottom:2rem;}
#product-Overview .grid{grid-template-columns:1fr;}
.product-overview-conent p{ width:100%;}
.product-overview-conent img{ display:none;}
/*hot products*/
.hotproductimg{ display:none;}
.hotproductsmallimg{ display:block;}
.hotproduct-conent{ position:absolute; left:3%; top:20%;}
.hot-product-img{  padding:1rem 1rem 8rem 1rem;}
.hotproduct-conent p{ width:min(80%,200px); padding-top:2rem;}
.hotproduct-conent .more{ margin-top:2rem;}
/*product list*/
#index-productlist{padding:0 15px; padding-top:8rem; border-bottom:#f7f7f7 solid 2px;}
#index-productlist .wrap-flex{ padding:2rem 0;}
.productlist-txt{ position:absolute; left:4%; top:12%;}
.productlist-txt h2{ text-indent:2em;}
.index-productlist-content .more{ margin-top:0 ;margin-left:5rem;}
#index-productlist .grid{grid-template-columns:1fr;}
/*about shenyu*/
#about-shenyu .grid{grid-template-columns:1fr;}
.about-shenyu-content p{width:100%; padding-top:0; }
.about-shenyu-content .more{ margin-top:4rem;}
.about-shenyu-content:last-child{ padding-top:4rem;}
}
@media (max-width:980px){
	/*product series*/
	#index-products-top .grid{grid-template-columns:auto;}
	.index-product-conent ul{display: -webkit-grid; display: grid; grid-template-columns:repeat(3,auto);}
}	
