/*---------------------------------*/

/* index hot product */
.hot_prd { 
	margin: auto;
 }

 h2 span {
    color: #2cacce;
    margin-right: 0.1rem;
}

.hot_prd_father {gap:5px;align-items:align-items-stretch;margin-top: 2rem;flex-flow:row wrap;}
/* 根据屏幕加载 */
@media screen and (max-width: 992px){
	.hot_prd_son {width: 100%;height: 30.78rem;padding:1rem;}
}
@media screen and (min-width:992px) {
	.hot_prd_son {width: calc(20% - 10px);position: relative;height: 30.78rem;padding: 1;}
	.hot_prd_son.on {width: 40%;}
}
/* .hot_prd_son {width: calc(20% - 10px);position: relative;height: 30.78rem;padding: 1;}
.hot_prd_son.on {width: 40%;} */

.hot_prd_son img{height: 100%;border: 0;vertical-align: middle;object-fit: cover;}
.hot_prd_son .prd_unit a {height: 100%;}
.prd_unit {
	background: url(/img/bg/prd_bj.jpg) no-repeat;
	background-size: cover;
	height: 100%;
}
.prd_unit a {
	text-decoration: none;
	color: black;
}
.prd_unit a:hover {
	color: black;
}
.hot_prd_father_txt {display:flex;align-items:align-items-stretch;}
.hot_prd_son_txt {width: 100%;position: relative;}
.hot_prd_son_txt.on {width: 50%;}

/* 文本居中 */
.hot_prd_vc {
	display: flex;
    align-items: center;
    justify-content: center;
}

.hot_prd_img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-shrink: 0;	
}

/* Revolutionary */
.rev {
	/* background: url(/img/rev/rev_1.jpg) no-repeat;*/
	background-size: cover;
	position: relative;
}
.rev_img {
	position: relative;
	z-index: -1;
}
/* 如果浏览器窗口的宽度为 900px 或更小时 */
@media only screen and (max-width: 900px) {
	.rev_img img {
		height: 500px;
	}
}
.rev_title {
	position:absolute;
	z-index: 1;
	display: inline;
	top: 40%;
	/*left: 50%;*/
	left:20%;
	-ms-transform: translate(-50%,-50%);
  	-webkit-transform: translate(-50%,-50%);
  	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
}

.video_title{
	position:absolute;
	z-index: 1;
	display: inline;
	top: 40%;
	left: 50%;	
	-ms-transform: translate(-50%,-50%);
  	-webkit-transform: translate(-50%,-50%);
  	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
}
/* product class */
.prd_cls
{
	margin: 20px;
	padding: 1rem;
	width: 90%;
}

.prd .prdcur:hover .row {	
	background-color:blueviolet;	

}

.prd .prdcur:hover div#prd1 {	
	display: block;
	background-color: tomato;

}

.prd .prdcur {
	flex-shrink: 1;
	background-color:darkturquoise;	
}


/* video */

/* why tech */
.why{
	margin: 20px;
	padding: 1rem;
	width: 72%;	
}
.why_img {
	display: flex;
    justify-content: center;
    align-items: center;
}

.why a:hover .card-body {
	color: deepskyblue;
	transform: scale(1.02);
	transition: all 0.8s ease 0s;
	-webkit-transform: scale(1.02);
}

/* ------------------------------------------- */

.tec_t{
	padding-top: 2rem;
	width: 72%;
}
.tec_t h6 {
	padding: 1rem;
	font-size: 1.0rem;
	line-height: 3;
}
.tech_m{margin-top: 5rem;}

.tech_m img{padding: 5rem 5rem 5rem 0rem;}
.tech_m_txt{width: 50%;}
.tech_m .card-body{
	margin-bottom: 0.15rem;
}
.tech_m .card-body h2{font-family: 'Montserrat_s';margin-bottom: 0.15rem;margin-top: 2rem;}
.tech_m_text span{color: #2cacce;display: block;font-family: 'Montserrat_s';}
.tech_m .card-body h6 {color: #666;margin-top: 0.35rem;line-height: 3;margin-top: 4rem;}
.tech_m .card-body h5 {color: #666;margin-top: 0.35rem;line-height: 3;}
.tech_m .card {
	margin-top: 2rem;
	background-color: transparent;
	border: 0;
}

.safety{
	margin-top: 2rem; background: #f8f8f8;
	align-items: center;
}
.safety-box {
	padding:  5rem 0rem 2rem 0rem;		
}
.safety-box h6{
	margin-top: 0.35rem;line-height: 3;
}
.safety-img {
	margin-top: 2rem;
	display: flex;
    justify-content: center;
    align-items: center;
}
/***********************************************/
/* manufacture */
.manu {
	margin-top: 2rem;
	align-items: center;
}

.manu h6,h5{
	margin-top: 0.35rem;line-height: 3;
}

.manu-img {
	margin-top: 2rem;
	display: flex;
    justify-content: center;
    align-items: center;
}
.manu .row .col-md-4 img {
	padding: 1rem 1rem 1rem 1rem;
}

.manu .row .col-md-4 img:hover {
	transform: scale(1.02);
	transition: all 0.8s ease 0s;
	-webkit-transform: scale(1.02);
}

/* Fllow us */
.fllowus{
	background: url(/img/bg/prd_bj.jpg) no-repeat;
	background-size: cover;
}
.fllow {
	margin: 10px;
	padding: 1rem;
	width: 80%;	
}
.ins {
	vertical-align:bottom; /* 居中对齐， */
	font-size:16 px;
}
.fllow img:hover {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 0 0 6px #999;
    box-shadow: 0 0 6px #999;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

/* prdview */
.prd-head {
	padding: 5;
}

.prd-nav {
	font-size:x-large;
	padding-top: 30px;
}
.prd-nav a {
    line-height: 40px;
    margin: 0 0.6rem;    
    position: relative;
}

.prd-list {
	margin: 20px;
	padding: 1rem;
	width: 70%;
}

.faq {
	margin: 20px;
	padding: 1rem;
	width: 70%;
	margin: 20px;
}

.prd-subimg{
	margin: 20px;
	padding: 1rem;
	width: 70%;
}

.tech{
	margin: 20px;
	padding: 1rem;
	width: 70%;
}

/* card  */
.card .row a{
	text-decoration:none;
	color:#333;
}

.card a {
	text-decoration:none;
	color:#333;
}

.card a:hover img {	
	transform: scale(1.02);
	transition: all 0.8s ease 0s;
	-webkit-transform: scale(1.02);
}
.card a img {
	transition: all 0.8s ease 0s;
}

/* about */
.cor {
	margin-top: 4rem;
}
.sub_h2{margin-bottom: 0.5rem;text-align: center;}
.sub_h2 h2{font-family: 'Montserrat_s';}
.cor_txt{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	padding: auto;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: rgba(0,0,0,0.3);
	overflow: hidden;}
.cor_txt h3{color: #fff;}
.cor_txt_p {display: none;}
.cor_txt_p p{color: #fff;line-height: 2;text-align: center;margin-top: 0.2rem;}

/* 图片伸缩 */
.son img:hover > .cor_txt_p{
	display: block;
}

.father {display:flex;gap:5px;align-items:align-items-stretch;margin-top: 2rem;}
.son{width: calc(25% - 10px);position: relative;height: 30.78rem;padding: 1;}
.son.on{width: 50%;}
.son img{height: 100%;width: 100%;border: 0;vertical-align: middle;object-fit: cover;}

/* about company */
.company{margin-top: 5rem; background: #f8f8f8;}
.company_box{display: flex;justify-content: space-between;align-items: center;}
.company img{padding: 5rem 5rem 5rem 0rem;}
.company_txt{width: 50%;}
.company .card-body{
	margin-bottom: 0.15rem;
}
.company .card-body h2{font-family: 'Montserrat_s';margin-bottom: 0.15rem;}
.company_txt span{color: #2cacce;display: block;font-family: 'Montserrat_s';}
.company .card-body h6 {color: #666;margin-top: 0.35rem;line-height: 1.9;}
.company .card-body h5 {color: #666;margin-top: 0.35rem;line-height: 1.9;}
.company .card {
	background-color: transparent;
	border: 0;
}

/* about history */
.history {
	padding: 5rem 0rem 2rem 0rem;
}

.history .title {
	height: 6rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.history .nav-item {
	float: left;
	display: block;
	margin-right: 1rem;
	width: 50px;
	height: 30px;
	line-height: 30px;
}

/* 点击的激活样式 */
.history .nav-item .active {
	background-color: #378ee6;
}

/* 轮播图的样式 */
.history .swiper {
	height: 300px;
	background-color: rgb(241, 235, 236);
	border-radius:3px;
}

.history ul li a {
    color:#333;
    display: block;
    padding: 0 7px 0 7px;
    margin: 0 0 10px;
    text-decoration: none;
    position: relative;
}
.swiper-slide{
	display: flex;
	align-items: center;
	justify-content: center;
}

.history .year 
{
	font-size: 10rem;
    color: rgba(0,0,0,0.03);
    font-family: 'Montserrat_s';
    display: block;
    line-height: 0.8;
}

.history .year_p{
	font-size: 1.2rem;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	flex-direction: column;
	justify-content: center;
	display: flex;
	padding: 0 2.25rem;
}

/* about customer */
.customer {
	padding: 3rem 0 2rem;
    background: #f5f5f5;
}

.customer_box{
	justify-content: center;
	align-items: center;
}

.customer .row-cols-1  {
	padding: 2rem 1.5rem 1.8rem;
	
}

.customer .card .card-title {
	padding: 2rem 1.5rem 1.8rem;
	font-size: 1.8rem;
}

.customer .card .card-text {
	padding: 0rem 1.5rem 3rem;
	font-size: 1.2rem;
}

/* contact */
.contact 
{
	margin-top: 3rem;
	padding: auto;

}
.contact_tel {
	margin-top: 2rem;
}

.contact_tel span {
	font-size: 1.0rem;
	margin-right: 2rem;
    color: #666;
}
.contact_not
{
	margin-top: 2rem;
	color: #666;
}