@charset "utf-8";
/*----------------------------------内页---------------------------------------------------------*/
/*-------
about company
-------*/
/*company video*/
#about-compangyvideo{ position:relative; padding:0;background-color:var(--web-theme-color);}
#about-compangyvideo h1{ text-align:center;} 
#about-compangyvideo .grid{grid-template-columns:repeat(2,1fr);justify-content: space-between;align-items: center;}
.videoitem-img{ position:absolute; left:0; bottom:0;}
.videoitem-img img{ width:90%;}
.videoitem-right{ position:relative; width:100%; overflow:hidden;}
.indexabout-video img{
	width:100%;
}

#playbox{ 
position:absolute; 
left:0; 
top:0; 
	width:100%;
	 height:100%;
	display: -webkit-flex; 
 display: flex;
 justify-content:center;
align-items:center;
text-align:center;
color:var(--web-theme-color);}
.indexabout-video a:hover .circle{
	display:none;
}
#playbox i{
	font-size:6rem;
}
.indexabout-video .circle{
    position: absolute;
	left:45%;
	top:40%;
	 width: 10%;
    height: 20%;

    border-radius:100%;
    opacity: 0;
    background: rgba(255,255,255,0.6) ;
	z-index:1;
}
.indexabout-video .circle{
    animation: circle-opacity 2s infinite;
}

@keyframes circle-opacity{
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(1.8);
    }
}

/*company profile*/

#about-company{ padding-bottom:2rem;}
#about-company .grid{grid-template-columns:repeat(2,auto);justify-content: space-between;}
#about-company h2{ text-align:left; color:var(--web-theme-color);}
#about-company h3{ color:#333;}
#about-company  .wrap-flex img{ margin-left:2rem;}
#about-company .com-txt{ width:min(45%,900px);color:#333;}
.about-company-item:last-child{ margin-top:8rem;}
.about-company-item p:last-child{ padding-top:2.6rem;} 
#about-company p{width:min(90%,1200px);}
.about-company-img{ margin-top:6rem; }

/*company supplier*/

#about-company-supplier{ background-color:#f4f4f4;}
#about-company-supplier .com-txt{ margin:0 auto; text-align:center; color:#383838;}
#about-company-supplier .grid{grid-template-columns:repeat(4,1fr);justify-content:center; margin-top:4rem; grid-column-gap:6rem;}
.company-supplier-item p{ width:100%; margin:0 auto; padding-top:2rem; text-align:center;}

/*company design*/
.about-design-img{flex:1;} 
.about-design-img img{border:var(--web-theme-color) solid 5px;}
.about-design-cont{flex:1; margin-left:4rem; margin-top:8rem;} 
.about-design-cont p{ width:min(80%,800px); margin-top:2rem;}
.about-design-cont h2{ text-align:left; color:var(--web-theme-color);}
#about-design-1{ position:relative; width:auto; overflow:hidden; margin-top:4rem;}
#about-design-1 .swiper-button-next,#about-design-1 .swiper-button-prev{
	top:50%;
	font-size:24px;
	background-color:var(--web-theme-color);
	color:#fff;
}
#about-design-1 .swiper-button-next:after,#about-design-1 .swiper-button-prev:after{
	top:50%;
	font-size:24px;
	background-color:var(--web-theme-color);
	color:#fff;
}

/*company honors*/
#about-honors{ position:relative;} 
#about-honors .wrap-flex{ width:26rem; margin:0 auto; margin-top:4rem;padding:8px 8rem;background-color:var(--web-theme-color); border-radius:30px;justify-content: center;align-items: center;}
#about-honors h3{color:#fff;}
#about-honors img{ margin-left:1.2rem;}
#about-honors .com-txt{ margin:2rem auto; padding:0; text-align:center;color:#666666;}
.about-honorsbg{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:40%;
	background-color:var(--web-theme-color);
}
#about-honors .grid{  position:relative; z-index:5; grid-template-columns:repeat(4,auto);justify-content:center; margin-top:10rem; grid-column-gap:8rem;}

/*indexmeeting*/
#indexshowmeeting{ padding-top:0;}
#indexshowmeeting h1{ text-align:center;font-size:18rem; white-space:nowrap; color:rgba(243,243,245,.4); overflow:hidden;}
#indexshowmeeting h2{ padding-top:2rem;}
#indexshowmeeting .com-txt{margin:0 auto; text-align:center;color:#333;}
#indexshowmeeting .wrap-flex{ margin-top:6rem; justify-content:center;}
.showmeeting-tiem:nth-child(2){ margin:0 4rem;}
.showmeeting-tiem{ position:relative;}
.showmeeting-tiem h4{color:#fff;}
#indexshowmeeting .wrap-flex-1{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	overflow:hidden;
	padding:1rem 4rem;
	background-color:#00757f;
	color:#fff;
	border-radius:10px;
  justify-content: space-between;
  align-items: center;
}
.indexnewsmore:nth-child(2){ margin:0 4rem;}
.showmeeting-tiem-txt em{ display:block; padding-top:2rem;}
.indexnewsmore:hover .indexnewsimg{opacity:0.6; }
#indexshowmeeting .meetingmore{ display:block; width:22rem; padding:15px 4rem;margin:4rem auto;background-color:var(--web-theme-color-gray); color:#333; text-align:center;border-radius:10px;}
#indexshowmeeting .meetingmore:hover{ background-color:rgba(227,41,68); color:#fff;}
/*mobile phone*/
@media (max-width:1023px){
	#about-company p{ width:100%;}
	#about-compangyvideo h1{ position:relative; padding:8rem 0;}
	#about-compangyvideo .grid{grid-template-columns:auto;}
	#about-compangyvideo .videoitem-img{ display:none;}
	#about-company .grid{grid-template-columns:auto;}
	
	/*company supplier*/
	#about-company-supplier .grid{grid-template-columns:repeat(2,1fr);justify-content:center; margin-top:4rem;grid-row-gap:20px; grid-column-gap:2vw;}
	#about-company-supplier .company-supplier-item img{ width:30%; margin:0 auto;}
	#about-company-supplier .company-supplier-item p{ margin:0 auto; margin-left:0;padding-top:2rem; text-align:center;}
	
	/*company design*/
	#about-design { padding:15px;}
	#about-design .about-design-cont{  margin-left:0; margin-top:6rem;}
	#about-design .about-design-cont p{ width:100%; margin-top:2rem;}
	#about-design .wrap-flex{ flex-direction: column;}
	#about-design #aboutswiper-design{ position:relative; width:800px;overflow:hidden;margin-top:6rem;}
	#about-design #aboutswiper-design img{ width:100%; margin:0 auto;}
	
	
	#about-honors .about-honorsbg{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:35%;
	background-color:var(--web-theme-color);
}
	#about-honors .grid{  position:relative; z-index:5; grid-template-columns:repeat(2,1fr);justify-content:center; grid-column-gap:2rem; grid-row-gap:4rem;}
	#about-honors .abouthonors-more a{ margin-top:4rem;padding:15px 4rem; }
	#about-honors .abouthonors-more .aboutcom-box{ position:absolute; left:1%; bottom:0;right:0; top:0;width:24rem; margin:0 auto; margin-top:1rem; padding:2.6rem 4rem;}
#indexshowmeeting{ padding-top:4rem;}
#indexshowmeeting .wrap-flex{   flex-direction: column; margin-top:6rem; justify-content:center;}
#indexshowmeeting .showmeeting-tiem:nth-child(2){ margin:2rem 0;}
#indexshowmeeting h1{ display:none;}
#indexshowmeeting .com-txt{color:#333;}
.showmeeting-tiem-txt-crile{ width:30px;height:30px; padding-top:6px;padding-left:1.8rem;background-color:#34a2ab; color:#fff; border-radius:30px;}
#indexshowmeeting .indexnewsmore{ margin-top:2rem; }
#indexshowmeeting .indexnewsmore:nth-child(1){ margin-bottom:2rem;}
#indexshowmeeting .indexnewsmore:nth-child(2){ margin:0;}
}