@charset "utf-8";
/* ===================首页样式========================== */

/* 产品中心 s */
.ind_pro{
	height: 100vh;
}
.ind_pro .swiper{
	height: 100%;
}
.ind_pro ul{
	height: 100%;
}
.ind_pro ul li{
	width: calc(100% / 3);
}
.ind_pro ul li a{
	display: block;
	position: relative;
	border-right: 1px solid #e6e6e6;
	text-align: center;
	height: 100%;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.ind_pro ul li:hover a{
	background: #eee;
}
.ind_pro ul li .tit{
	position: relative;
	color: #5c5c5c;
	font-size: 0.44rem;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	padding-top: 85px;
	font-family: "微软雅黑";
}
.ind_pro ul li:hover .tit{
	color: #d9150e;
	padding-top: 100px;
}
.ind_pro ul li .tit::after{
	position: absolute;
	content: "";
	width: 80px;
	height: 2px;
	background-color: #d9150e;
	left: 50%;
	bottom: -0.25rem;
	margin-top: 0.25rem;
	margin-left: -40px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.ind_pro ul li:hover .tit::after{
	top: auto;
	bottom: 0.7rem;
	background: #d9150e;
	width: 100px;
	margin-left: -50px;
}
.ind_pro ul li .info{
	color: #999;
	font-size: 18px;
	line-height: 1.5;
	margin-top: 50px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	font-family: 'Microsoft YaHei Light', 'Microsoft YaHei';
}
.ind_pro ul li:hover .info{
	margin-top: 35px;
}
.ind_pro ul li .more{
	position: absolute;
	top: 31%;
	left: 50%;
	display: block;
	width: 46px;
	height: 46px;
	border: 1px solid #888;
	border-radius: 100%;
	margin-left: -23px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.ind_pro ul li :hover .more{
	border-color: #d9150e;
	background-color: #d9150e;
}

.ind_pro ul li .more::before{
	content: '';
	display: block;
	width: 22px;
	height: 2px;
	background: #666;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -1px auto auto -11px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.ind_pro ul li .more::after{
	content: '';
	display: block;
	width: 2px;
	height: 22px;
	background: #666;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -11px auto auto -1px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.ind_pro ul li:hover .more:before, .ind_pro ul li:hover .more:after {
    background: #fff;
    transform: rotate(180deg);
}
.ind_pro ul li .pic{
	position: absolute;
	left: 9%;
	bottom: 0;
	width: 82%;
	height: auto;
}
.ind_pro ul li .pic img{
	max-width: 100%;
	margin: 0 auto;
}
/* 产品中心 e */



/* 关于我们 s */
.ind_ab{
	height: 100vh;
	background: url(../images/ind_ab_bg.jpg) no-repeat center;
	background-size: cover;
	color: white;
}
.ind_ab .ab_tit{}
.ind_ab .ab_tit .fl{}
.ind_ab .ab_tit .fl h3{
	font-size: 0.42rem;
	font-weight: bold;
	font-family: "微软雅黑";
}
.ind_ab .ab_tit .fl p{
	font-size: 0.28rem;
	/* font-weight: bold; */
	margin-top: 0.2rem;
}
.ind_ab .ab_tit .fl p::after{
	content: "";
	display: block;
	margin-top: 0.25rem;
	width: 75px;
	height: 3px;
	background-color: white;
}
.ind_ab .ab_tit .fr{}

.ind_ab .info{
	width: 8.75rem;
	max-width: 100%;
	font-size: 16px;
	line-height: 1.5;
	margin: 0.4rem 0;
	font-family: 'Microsoft YaHei Light', 'Microsoft YaHei';
}

.ind_ab ul{
	width: 9.6rem;
	max-width: 100%;
	background-color: #e62129;
}
.ind_ab ul li{
	float: left;
	width: 25%;
	padding: 0.18rem 0 0.25rem;
	text-align: center;
}
.ind_ab ul li .ico{
	width: 55px;
	height: 55px;
	text-align: center;
	line-height: 55px;
}
.ind_ab ul li .ico img{
	display: inline-block;
	max-height: 100%;
}
.ind_ab ul li p{
	font-size: 20px;
	font-weight: bold;
	margin-top: 0.06rem;
}
.ind_ab ul li p i{}
.ind_ab ul li p::after{
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	background-color: white;
	margin: 0.1rem 0;
}
.ind_ab ul li span{
	font-size: 14px;
	font-family: 'Microsoft YaHei Light', 'Microsoft YaHei';
}
/* 关于我们 e */


/* 环境 s */
.ind_env{
	height: 100vh;
	background-color: #f8f8f8;
}
.ind_env .con{}
.ind_env .con .item{}
.ind_env .con .item ul{
	padding: 1rem 0 0.7rem;
}
.ind_env .con .item ul li{
	float: left;
	width: 32%;
	margin-right: 2%;
}
.ind_env .con .item ul li:nth-child(3n){
	margin-right: 0;
}
.ind_env .con .item ul li a{}
.ind_env .con .item ul li a img{}
.ind_env .ind_more{}
/* 环境 e */


/* 合作伙伴 s */
.ind_par{
	height: 100vh;
	background: url(../images/ind_par_bg.jpg) no-repeat center;
	background-size: cover;
}
.ind_par .con{}
.ind_par .con .tit{
	font-size: 0.54rem;
	font-weight: bold;
	color: #4fa1e9;
	font-family: "微软雅黑";
}
.ind_par .con .tit::after{
	content: "";
	display: block;
	width: 100px;
	height: 2px;
	background-color: white;
	margin-top: 0.25rem;
}
.ind_par .con .info{
	font-size: 16px;
	width: 6.3rem;
	max-width: 100%	;
	line-height: 1.8;
	color: white;
	margin: 0.4rem 0 0.5rem;
}
.ind_par .con span{
	font-size: 24px;
	color: white;
	font-weight: bold;
}
.ind_par .con span img{
	display: inline-block;
	height: 20px;
}
.ind_par .con ul{
	width: 6.7rem;
}
.ind_par .con ul li{
	float: left;
	width: 25%;
	margin-top: 0.2rem;
	height: 80px;
	line-height: 80px;
	text-align: center;
}
.ind_par .con ul li img{
	display: inline-block;
}
/* 合作伙伴 e */


/* 新闻动态 s */
.ind_new{
	height: 100vh;
}
.ind_new .con{}
.ind_new .con ul{
	margin-top: 0.7rem;
}
.ind_new .con ul li{
	float: left;
	width: 32.5%;
	margin-right: 1.25%;
}
.ind_new .con ul li .rect-6794{
	padding-bottom: 67.94%;
}
.ind_new .con ul li:nth-child(3n){
	margin-right: 0;
}
.ind_new .con ul li .info{
	padding: 0.3rem 5%;
	background-color: #e5e5e5;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ind_new .con ul li:hover .info{
	color: white;
	background-color: #e62129;
}
.ind_new .con ul li .info h3{
	font-size: 20px;
	color: #414141;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.ind_new .con ul li .info span{
	display: block;
	margin-top: 0.35rem;
	font-size: 14px;
	color: #787878;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ind_new .con ul li:hover .info h3,.ind_new .con ul li:hover .info span{
	color: white;
}
/* 新闻动态 e */


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
	.ind_pro ul li .info{
		margin-top: 0.6rem;
	}
	.ind_pro ul li .more{
		top: 42%;
	}
	
}	

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
	.Footer-container .fr .foot_nav_item{
		display: none;
	}
	.Footer-container .fl{
		width: 70%;
	}
	.Footer-container .fr{
		width: 30%;
	}
	.Footer-container .fr .foot_wx{
		width: auto;
	}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
	.ind_pro,.ind_ab,.ind_env,.ind_par,.ind_new{
		height: auto;
	}
	
	.ind_pro ul li .tit{
		padding-top: 1rem;
	}
	.ind_pro ul li .pic{
		position: relative;
		left: 0;
		width: 80%;
		margin: 0 auto;
	}
	.ind_pro ul li .more{
		position: relative;
		left: 0;
		top: 0;
		margin: 0.4rem auto;
	}
	.ind_pro ul li .tit{
		font-size: 0.48rem;
	}
	.ind_pro ul li .info{
		font-size: 16px;
	}
	
	.ind_ab{
		padding: 1rem 0;
	}
	.ind_ab .info{
		width: 100%;
		margin: 0.6rem 0;
	}
	.ind_ab ul{
		width: 100%;
	}
	.ind_ab ul li{
		padding: 0.3rem 0 0.4rem;
	}
	.ind_ab ul li p{
		margin-top: 0.1rem;
	}
	.ind_ab ul li p::after{
		margin: 0.16rem 0;
	}
	.ind_ab ul li{
		width: 50%;
	}
	
	.ind_env{
		padding: 1rem 0;
	}
	.ind_tit .fr{
		display: none;
	}
	.ind_env .con .item ul{
		padding: 0.8rem 0 0.4rem;
	}
	.ind_env .con .item ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.4rem;
	}
	
	.ind_par{
		padding: 1rem 0;
	}
	.ind_par .con .info{
		width: 100%;
		font-size: 14px;
		margin: 0.6rem 0 0.7rem;
	}
	.ind_par .con span{
		font-size: 18px;
	}
	.ind_par .con ul{
		width: 80%;
	}
	.ind_par .con ul li{
		width: 25%;
		padding: 0 12px;
	}
	
	.ind_new{
		padding: 1rem 0;
	}
	.ind_new .con ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.45rem;
	}
	.ind_new .con ul li:last-child{
		margin-bottom: 0;
	}
}

@media all and (max-width:768px) {
	.ind_ab .ab_tit .fr{
		display: none;
	}
	.ind_ab .ab_tit .fl h3{
		font-size: 0.48rem;
	}
	.ind_ab .ab_tit .fl p{
		font-size: 0.32rem;
	}
	.ind_ab ul li span{
		display: block;
		font-size: 12px;
		line-height: 20px;
		height: 40px;
	}
	
	.ind_new .con ul li .info h3{
		font-size: 18px;
	}
	.ind_new .con ul li .info{
		padding: 0.5rem 5%;
	}
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
	.ind_ab .info{
		font-size: 14px;
		line-height: 1.75;
	}
	.ind_ab ul li .ico{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.ind_ab ul li .ico img{
		height: 35px;
	}
	
	.Footer-container .fl .foot_logo img{
		height: 50px;
	}
	.Footer-container .fr .foot_wx .top img{
		width: 120px;
	}
	.Footer-container .fr .foot_wx .top p{
		font-size: 14px;
	}
}

@media all and (max-width:480px) {
	.Footer-container .fl,.Footer-container .fr{
		width: 100%;
	}
	.Footer-container .fr{
		margin-top: 0.45rem;
	}
	.Footer-container .fr .foot_wx{
		float: none;
	}
}

@media all and (max-width:420px) {
	
}

@media all and (max-width:376px) {
	
}