html {
	font-size: 5.21vw;
	font-family: 'Microsoft YaHei'

}

/* @font-face {
	font-family: myFont;
	src: url('../fonts/MFYueYuan_Noncommercial-Regular.otf');
} */

.w1200 {

	width: 12rem;
}

/* 头部 */

.container_head {
	height: .88rem;
	line-height: .88rem;
	margin: 0 auto;
	position: relative;
}

.container_logo {
	display: inline-block;
	/* align-self */
	width: 2.18rem;
}

.container_logo img {

	vertical-align: middle;
}

.head_left {
	display: block;
	font-size: .14rem;
	color: #333333;
	padding-left: .218rem;
	background: url(../image/phone@2x.png) no-repeat left center;
	line-height: 1rem;
}

.head_left_text {
	font-size: .363rem;
	color: #dd2600;
	font-family: "Arial";
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}

.head_left_btn {
	display: block;
	float: right;
	width: .48rem;
	height: .38rem;
	margin-right: 4%;
	background: url(../image/sy2.png) no-repeat center;
	margin-top: .33rem;
	background-size: .48rem .38rem;
}

.mynavbar-fixd {
	position: fixed;
	width: 100%;
	z-index: 1000;
}

/*banner样式*/

.banner_sm {
	width: 100%;
	height: 13.5rem;
	background: url(../image/bjt.png);
	background-size: cover;
}

.headerimg {
	position: relative;
}

.headerimg p {
	position: absolute;
	font-size: 0.55rem;
	font-weight: bold;
	color: #ffffff;
	top: 1.5rem;
	left: 4.9rem;
	letter-spacing: 0.12rem;
	text-shadow: 0.03rem 0.03rem grey;
}

/* UHPC材料简介样式 */

/* uhpc 选择标签 */
.maldiv {
	height: 1.5rem;
	line-height: 1.5rem;
	margin: 0 auto;
}

.maldiv>ul>li {
	width: 2.4rem;
	height: 0.52rem;
	line-height: 0.52rem;
	display: inline-block;
	font-size: 0.2rem;
	font-family: "Microsoft YaHei";
	font-weight: normal;
	border: 1px solid #34b2c3;
	border-radius: 0.26rem;
	margin-right: 0.83rem;
	color: #34b2c3;
	text-align: center;
	text-decoration: none;
}

.maldiv>ul .active1 {
	background-color: #34b2c3;
	color: #FFFFFF;
}


/* a:hover {
	background-color: #34b2c3;
	color: #fff;
} */





/* 1、UHPC 材料简介 */
.malintro {
	width: 100%;
	height: 4.8rem;
	/* position: relative; */
	border-bottom: 0.03rem solid #34b2c3;
}

/* 图片 */
.imgintrobg {
	width: 8.3rem;
	height: 4.8rem;
	background: #34b2c3;
	position: relative;
}

.imgintro {
	width: 6.4rem;
	height: 4.5rem;
	position: absolute;
	top: 0.3rem;
	left: 3.6rem;

}

/* 文本 */
.malintrotext {
	width: 100%;
	font-size: 0.32rem;
	font-weight: bold;
	color: #333333;
	position: absolute;
	left: 10.6rem;
	top: 0.6rem;
}

.malintrotext_icon {
	width: 0.57rem;
	height: 0.5rem;
	position: absolute;
	display: inline-block;
	top: 0.7rem;
	left: 12.0rem;
}

.malintrotext1_icon {
	width: 0.57rem;
	height: 0.5rem;
	position: absolute;
	display: inline-block;
	right: 4.8rem;
}

.malintrotext_line {
	width: 1.3rem;
	height: 0.08rem;
	border-radius: 0.04rem;
	background: #34b2c3;
	position: absolute;
	top: 1.1rem;
	left: 10.6rem;
}

.malintrotext1_line {
	width: 2.9rem;
	height: 0.08rem;
	border-radius: 0.04rem;
	background: #34b2c3;
	position: absolute;
	top: 1.1rem;
	left: 10.6rem;
}

.malintrotext_detail {
	width: 5.0rem;
	/* height: 1.3rem; */
	line-height: 0.26rem;
	position: absolute;
	top: 1.3rem;
	left: 10.6rem;
}

.malintrotext_detail p {
	font-size: 0.2rem;
	margin: 0 auto;

}

/* 图片切换 */
.swiper-containerone {
	width: 12rem;
	height: 5.5rem;
	margin: 0 auto;
}

.swiper-slide-inner {
	/* padding-left: 1.2rem;
	padding-right: 1.2rem; */
	box-sizing: border-box;
	background: #ffffff;
	height: 3.2rem;
	margin-top: 1.1rem;
	display: flex;
}

.first {
	width: 5.7rem;
	height: 100%;
}

.swiper-slide p {
	background: #34b2c3;
	color: #ffffff;
	width: 5.60rem;
	height: 0.42rem;
	font-size: 0.20rem;
	text-align: center;
	margin: 0 auto;
	line-height: 0.42rem;
}


.swiper-containertwo {
	width: 12rem;
	height: 4.5rem;
	margin: 0 auto;
}

.swiper-slide-inner3 {

	box-sizing: border-box;
	background: #ffffff;
	height: 2.5rem;
	margin-top: 0.9rem;
	display: flex;
	position: relative;
	/* justify-content: space-between; */

}


.swiper-containertwo .swiper-slide {
	width: 3.7rem;
	/* height: 3rem; */
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-containertwo .swiper-slide img {
	width: 3.7rem;
	height: 2.5rem;
}

.swiper-containertwo .swiper-slide p {
	background: #34b2c3;
	color: #ffffff;
	width: 3.7rem;
	height: 0.42rem;
	font-size: 0.18rem;
	text-align: center;
	line-height: 0.42rem;
	position: absolute;
	bottom: 0.59rem;
}


.swiper-button-prev {
	display: none;
}

.swiper-button-next {
	display: none;
}

.malimgqh {
	height: 5.5rem;
	position: relative;
}

.malimgqhtwo {
	height: 4.5rem;
	position: relative;

}

.malimgqh_icon1 {
	width: 0.8rem;
	height: 0.8rem;
	position: absolute;
	left: 2.5rem;
	top: 2.2rem;
}

.malimgqh_icon2 {
	width: 0.8rem;
	height: 0.8rem;
	position: absolute;
	right: 2.5rem;
	top: 2.2rem;
}





/* 8大特性 */
.maltx {

	width: 100%;
	height: 8.04rem;
	background-color: #E9E9E9;
	font-size: 0.42rem;
	position: relative;

	/* text-align: center; */
}

.maltximg {

	width: 11.97rem;
	height: 5.47rem;
	display: block;
	position: absolute;
	top: 1.8rem;
	left: 3.6rem;
}

.maltx.maltx_container_head {
	/* width: 100%; */
	height: 1.8rem;

}

.maltx_container_head_icon img {
	width: 0.57rem;
	height: 0.5rem;
	position: absolute;
	top: 1.0rem;
	/* transform: translateY(-50%); */
	left: 7.3rem;
	right: 0.05rem;
}

.maltx_container_head_text {
	/* width: 2.9rem;
	height: 0.4rem; */
	display: inline-block;
	font-size: 0.42rem;
	font-weight: bold;
	font-family: "Microsoft YaHei";
	color: #333333;
	position: absolute;
	top: 0.87rem;
	left: 8.1rem;
}

/* 2、发展历史 */
.fzhistory {
	height: 11rem;
	margin: 0 auto;
	margin-bottom: 0.7rem;
	position: relative;
}

.fzhistory_img {
	width: 12rem;
	height: 6.8rem;
	margin-bottom: 0.2rem;
}


.shouhangsj {
	width: 12rem;
	font-size: 0.18rem;
	line-height: 0.35rem;
	text-indent: 0.4rem;
	letter-spacing: 0.01rem;
}

/* 3、应用现状 */