@charset "utf-8";
/*-----------------------------------首页内容----------------------------------------------------*/
/*-------
banner
-------*/
#indexcompanyvideo{ position:relative; z-index:8; overflow:hidden;}	
#indexcompanyvideo  img{width:100%; overflow:hidden;}
.banner1{ position:absolute; left:0; top:35%; width:100%;  z-index:7; color:#fff; text-align:center;}
.banner1-small-title{ font-size:2rem;}
.banner1-mide-title{ padding-top:2rem; font-size:4rem; font-weight:700; letter-spacing:0.7rem;}
#videoyl{width:100%;}
#video-play{
	position:absolute;
	left:48%;
	top:0;
	padding-top:12rem;
}
#indexcompanyvideo #video-play svg{ display:block; width:20%;}
#indexcompanyvideo #video-play  .play-btn:hover #play-button-circle,#video-play .play-btn:hover #play-button-triangle{stroke:var(--web-theme-color);}
/*-------
indexbusiness 
-------*/
#index-business  h2{ text-align:left; padding-top:2rem;}
#index-business  .wrap-flex{justify-content:center; align-items: center;}
.index-business-txt{flex:0 0 32%; margin-left:12rem;}
.index-business-txt p{ width:min(100%,600px);margin:4rem 0 auto;}

/*-------
index-product
-------*/
#index-products{ position:relative; z-index:8;} 
#index-products .swiper-button-next,#index-products .swiper-button-prev{
	font-size:24px;
	background-color:var(--web-theme-color);
	color:#fff;
}
#index-products img{ width:100%; overflow:hidden;}
#index-products .swiper-button-next:after,#index-products .swiper-button-prev:after{
	font-size:24px;
	background-color:var(--web-theme-color);
	color:#fff;
}
.indexpro-1{ position:absolute; left:6%; top:25%; z-index:7; color:#fff;}
.indexpro-2{ position:absolute; left:6%; top:25%; z-index:7; color:#fff;}
#index-products .indexproimg{ display:none;}
.indexpro-1 .more,.indexpro-2 .more{ margin-top:6rem;}
#index-products h1{ color:#fff; padding-top:2rem; text-transform:capitalize;}
#index-products h2{ padding-top:3rem; text-align:left; color:var(--web-theme-color); font-weight:normal;}
#index-products h3{ padding-top:3rem; text-align:left;  font-weight:normal;}
.indexpro-txt{ padding:2rem 0; font-size:2.2rem;}
#index-products ul li{ line-height:1.8em;  color:rgba(255,255,255,.6);}
.indexpro-2 ul{ padding-top:4rem;}
.indexpro-2 ul li{ color:rgba(255,255,255,.6);line-height:2em;}
.indexpro-2 ul li:first-child{ max-width:700px;}
.indexpro-2 ul li span{color:var(--web-theme-color); font-size:1.8rem;}
.indexpro-2 p{ max-width:400px;padding:4rem 0; color:rgba(255,255,255,.6);}
.indexpro-2-txt{ padding-top:2rem; color:var(--web-theme-color); font-size:2.2rem;}


/*-------
index-hotproducts
-------*/
#index-hotproducts .wrap-flex{justify-content: space-between; align-items: center;}
#index-hotproducts h2{color:var(--web-theme-color-blue);}
#index-hotproducts h4{ margin-left:2rem; color:var(--web-theme-color-blue);}
#index-hotproducts .wrap-flex-1{ margin-top:1.4rem;}
.hotprotxt{ width:min(80%,800px);padding-top:2rem;}

/*swiper*/

#indexproinfo { position:relative; overflow:hidden; width:100%; max-width:1800px; margin:4rem auto; padding-top:2rem; padding-bottom:5rem;padding-left:1.4rem; padding-right:1.4rem;}
.hotpro-box{width:100%; overflow:hidden; border-radius:15px; box-shadow: 0  0 8px rgba(80,80,80,0.4);}
#indexproinfo  .swiper-pagination-bullet-active {
	background:var(--web-theme-color-blue);
	
}
#indexproinfo .swiper-slide a{ display:block; border-radius:15px; text-decoration:none;}
#indexproinfo .swiper-slide a img {
	width:100%;
	transition:1s linear;
}
#indexproinfo .swiper-slide  a:hover img{
	-webkit-transform: scale3d(1.1, 1.1, 1);
              transform: scale3d(1.1, 1.1, 1);
			   transition: all .3s ease-in-out;
}
.indexpro-txtbg{ border-radius:0 0 15px 15px; background-color:var(--web-theme-color-blue); margin-top:2rem; padding:1.2rem 0;color:#fff;}
#indexproinfo .swiper-slide a h4{text-align:center; color:#fff; padding-top:1.2rem;}
#indexproinfo .swiper-slide a h3{ font-size:2.4rem; text-align:center; }
.indexpro-txtbg:hover{background-color:var(--web-theme-color);color:#fff;} 
#indexproinfo .swiper-slide a:hover h4{color:#fff;}

/*-------
index-about
-------*/

/*indexabout-data*/
#indexabout-data{ position:relative; overflow:hidden;}
#indexabout-data h4,#indexabout-data h1{ text-align:center; }
#indexabout-data h4{ text-transform:uppercase;color:var(--web-theme-color-blue);}
#indexabout-data h2{ padding-top:1.6rem;}
#indexabout-data h1{ padding-top:2rem; text-transform:capitalize; color:#333;}
#indexabout-data h1 span{font-size:1.8rem; vertical-align:text-top;}
.about-data-unit{ font-size:1.8rem; vertical-align:text-bottom;}
#indexabout-data  .grid{grid-template-columns:repeat(4,auto);}
.indexabout-data-item{ border-right:rgba(255,255,255,.3) solid 1px; padding: 0 8rem;}  
.indexabout-data-item:nth-child(4){ border:none;}
#indexabout-data .indexabout-data-item h1,.indexabout-data-item p{ color:#fff;}
#indexabout-data .index-com-cont p{ text-align:center; padding-top:3rem;}

/*index-aboutcompany*/
#index-aboutcompany h2{ font-size:3.6rem; text-align:left; text-transform:uppercase; }
#index-aboutcompany .wrap-flex{justify-content: center;}
.index-abouttext{ margin-left:6rem;}
.index-aboutcomimg,.index-abouttext{flex:1;}
.index-aboutcomimg img{ width:100%;border-radius:20px;  overflow:hidden;}
.index-abouttext{ margin-top:4rem;}
.index-abouttext p{ width:min(80%,800px); margin-top:2rem; line-height:2em;}
.index-abouttext p b{ font-weight:600;}
/*-------
index-news
-------*/
#index-news{ padding-bottom:18rem;}
#index-news  h2{ padding-top:2rem; text-align:left;}
#index-news .wrap-flex{ margin-top:6rem; }
.indexnews-item{ flex:1; padding-bottom:4rem;background-color:#fefefe; border-radius:20px;}
.indexnews-item:nth-child(2){ margin:0 6rem;}
.indexnews-item:hover{box-shadow: 0 0 10px rgba(80,80,80,0.4); background-color:#fff;}
.indexnews-item a{ color:#333; text-decoration:none;}
.indexnews-item a i{ position:relative; left:0; transition: all .3s ease-in-out;}
.indexnews-item a:hover{color:var(--web-theme-color-blue); border-radius:20px;}
.indexnews-item a:hover img{opacity:0.6;}
.indexnews-item a:hover i{ left:15px;}
.indexnews-item a:hover .indexnews-itemimgtxt{color:var(--web-theme-color-blue);}
.indexnews-itemimg{ position:relative;} 
.indexnews-itemimg img{width:100%; border-radius:20px 20px 0 0; overflow:hidden;}
.indexnews-itemimgtxt{ position:absolute; left:0; bottom:0; width:30%; display: -webkit-flex;  display: flex;  justify-content: space-between; align-items: center;padding:1.6rem 15px;background-color:#fff; border-radius:0 20px  0 0;}
.indexnews-itemimgtxt{ color:#84898B;}
.indexnews-item h3{ padding-top:4rem; padding-left:4rem;}
.indexnews-item p{ width:min(80%,600px); padding-top:2rem; padding-left:4rem;}

@media (max-width:1000px){
#indexabout-data .index-aboutimg{ display:none;}
#indexabout-data .index-smallaboutimg{ display:block;}
}
/*mobile phone*/
@media (max-width:1023px){
.banner1{ position:absolute; left:0; top:35%;}
.banner1-small-title{ font-size:1.2em;}
.banner1-mide-title{ padding-top:2rem; font-size:3.6rem; }

/*indexabout-data*/
#indexabout-data  .grid{padding-top:6rem;  grid-template-columns:repeat(2,1fr); grid-row-gap:8rem;}
#indexabout-data .index-aboutimg{ display:none;}
#indexabout-data .index-smallaboutimg{ display:block;}
.indexabout-data-item:nth-child(2){ border:none;}
#indexabout-data h1{ padding-top:1.4rem; font-size:4.6rem;}
#indexabout-data h1 span{ vertical-align:text-top;}
#indexabout-data  .index-comimg{ margin-top:4rem;} 
/*-------
indexbusiness 
-------*/
#index-business  .wrap-flex{  flex-direction: column;}
.index-business-txt{flex:1; padding-top:4rem; margin-left:15px;}
#index-business img{ width:50%;} 
/*-------
index-product
-------*/
#index-products{ position:relative; z-index:8;}
.indexproimg{ display:block;}
#index-products .swiper-button-next,#index-products .swiper-button-prev{font-size:18px;}
#index-products img{ width:100%; overflow:hidden;}
#index-products .swiper-button-next:after,#index-products .swiper-button-prev:after{font-size:18px;}
#index-products .indexpro-1{ position:absolute; left:8%; top:12%;}
#index-products .indexpro-2{ position:absolute; left:8%; top:12%;}
.indexpro-iconimg{ display:none;}
#index-products h1{ padding-top:1.2rem;font-size:3rem; }
#index-products h2{ padding-top:1.2rem; font-size:2.4rem; }
#index-products ul{ display:none;}
#index-products .indexpro-2 p{ display:none;}
.indexpro-2-txt{ display:none;}
#index-products .more{padding:5px 2rem; margin-top:10rem;}
#index-products .swiper-button-next,#index-products .swiper-button-prev{
	font-size:24px;
	background-color:transparent;
	color:#fff;
}
#index-products img{ width:100%; overflow:hidden;}
#index-products .swiper-button-next:after,#index-products .swiper-button-prev:after{
	font-size:24px;
	background-color:transparent;
	color:#fff;
}
/*-------
index-hotproducts
-------*/
#index-hotproducts .wrap-flex{  flex-direction: column; justify-content: flex-start; align-items:flex-start ;}
#index-hotproducts .hotpro-img{ width:40%; padding-top:2rem;}
.hotprotxt{ width:min(100%,900px);padding-top:4rem;}
.banner1 .commore{ background-color:rgba(42,90,166,.8);}
#indexproinfo .swiper-slide a h3{ font-size:2rem;padding-top:5px; white-space:nowrap;}

/*index-aboutcompany*/
#index-aboutcompany h2{ padding-top:6rem;}
#index-aboutcompany .wrap-flex{  flex-direction: column;}
#index-aboutcompany .index-aboutcomimg img{ border-radius:8px;  overflow:hidden;}
.index-abouttext{ margin-left:0;}
.index-abouttext p{ width:100%; margin-top:2rem; line-height:2em;}
#index-aboutcompany .index-abouttext p{ width:100%; margin-top:4rem;}
#indexabout-data{ padding-top:4rem;}
/*index-news */
#index-news{ padding-bottom:0;}
.indexnews-itemimgtxt{display: flex;  justify-content:flex-start; align-items: center; border-radius:0 8px  0 0;}
.indexnews-itemimgtxt i{ margin-left:4rem;}
#index-news .wrap-flex{ flex-direction: column; }
.indexnews-itemimg img{border-radius:8px 8px 0 0; }
#index-news .indexnews-item:nth-child(2){ margin:2rem 0;}
}