* {
	padding: 0px;
	margin: 0px;
}

html {
	overflow-x: hidden;
	font-family: Microsoft YaHei;
}

body {
	/* background-image: url(../image/index/snow-covered-mountain-2086620@2x.png);
	background-size: 100% 100%;
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-position:0px 400px; */
}

.header {
	width: 100%;
	height: 1.64rem;
	/* border-bottom: 1px solid red; */
	padding: 0rem 0.36rem 0px 1.44rem;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	font-family: Microsoft YaHei;
	font-weight: 400;
	background-color: #FFFFFF;
}

.header .item {
	display: flex;
	align-items: center;
}

.header .left {
	width: 3.98rem;
	height: 1.1rem;
	margin-top: 0.33rem;
}

.header .left img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.header .right {
	margin-right: 0.71rem;
}

.header .right .nav {
	height: 1.64rem;
	line-height: 1.64rem;
	list-style: none;
	margin-right: 0.2rem;
}

.header .right .nav li {
	text-align: center;
	margin-right: 0.4rem;
	float: left;
	font-size: 0.2rem;
	color: rgba(51, 51, 51, 1);
	width: 0.88rem;
	height: 1.64rem;
}

.header .right .nav li a {
	color: rgba(51, 51, 51, 1);
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: table;
	position: relative;
}

.header .right .nav li a::after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 0.04rem;
	bottom: -0.028rem;
	left: 0;
	background-color: #0066CC;
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

.header .right .nav li a:not(.navactive):hover::after {
	transform: scaleX(1);
	transform-origin: bottom center;
}

.navactive {
	border-bottom: 0.04rem solid #0066CC;
}



.header .right .rphone {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	/* 兼容IE */
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	/* NEW - Chrome */
	display: flex;
	align-items: center;
	font-size: 0.27rem;
	color: #FF4A3D;
	font-weight: bold;
}

.header .right .rphone img {
	width: 0.37rem;
	height: 0.37rem;
}



.container {
	width: 100%;
	height: 9.16rem;
	clear: both;
}

.anlei {
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	clear: both;
	display: table;
	padding: 1px;
	box-sizing: border-box;
	margin-top: 0.04rem;
	overflow: hidden;
	position: relative;
	/* z-index: 99;
	position: absolute; */
}

/* 服务业务 */
.fuwu {
	width: 100%;
	height: auto;
	background-color: #FFFFFF;

}

.fuwu .title {
	width: 100%;
	height: 4.44rem;
	position: relative;
	padding-top: 1px;
}

.fuwu .title .mb {
	width: 5.19rem;
	height: auto;
	position: absolute;
	left: 0px;
	top: 0.5rem;

}

.fuwu .title #fwline {
	width: 0px;
	height: 1px;
	background-color: #333333;
	margin-top: 2.49rem;
	position: absolute;
	right: 0px;
}

#kflc {
	width: 0px;
	height: 1px;
	background-color: #333333;
	margin-top: 2.49rem;
	position: absolute;
	left: 0px;
}

.fuwu .subtitle {
	position: absolute;
	right: 3.24rem;
	top: 1.5rem;
	/* overflow: hidden; */
}

.fuwu .subtitle .p1 {
	font-size: 0.6rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 0.4rem;
}

.fuwu .subtitle .p2 {
	font-size: 0.3rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(153, 153, 153, 1);
	width: 7.2rem;
	text-align: right;
	position: absolute;
	right: 0px;
}

.fuwurow {
	clear: both;
	width: 100%;
	justify-content: space-between;
	display: flex;
	display: -webkit-flex;
	padding: 0px 1.61rem;
	box-sizing: border-box;
	align-items: center;

}

.fuwurow .fwitem {
	width: 24.2%;
	height: 3.84rem;
	background: rgba(248, 248, 248, 1);
	justify-content: center;
	align-items: center;
	display: flex;
	text-align: center;
	align-content: center;
	color: rgba(51, 51, 51, 1);
	cursor: pointer;
	position: relative;
}

.fuwurow .fwitem .mm {
	position: absolute;
	background: rgba(51, 51, 51, 1);
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08);
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	width: 0px;
	height: 0px;
	opacity: 0;
}

.fuwurow .fwitem .mm .p1,
.fuwurow .fwitem .mm .p2 {
	color: #FFFFFF !important;
}

/* .fuwurow .fwitem:hover {
	color: #fff;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
} */


.fuwurow .fwitem .center {
	flex-direction: column;
}

.fuwurow .fwitem img {
	width: 1.7rem;
	height: 1.5rem;
}

.fuwurow .fwitem .p1 {
	font-size: 0.4rem;
	font-family: Microsoft YaHei;
	font-weight: bold;

	border-bottom: 1px solid rgba(51, 51, 51, 1);
	padding-bottom: 0.1rem;
}

.fuwurow .fwitem .mm .p1 {
	border-bottom: 1px solid #FFFFFF;
}

.fuwurow .fwitem .p2 {
	opacity: 0.6;
	font-size: 0.16rem;
	margin-top: 0.1rem;
}

.imgrow {
	width: 100%;
	height: auto;
	justify-content: space-between;
	padding: 0px 1.61rem;
	box-sizing: border-box;
	margin: 0.2rem 0px 0.6rem;
}

.imgrow img:last-child {
	float: right;
}

.imgrow img {
	width: 49.6%;
	height: auto;
}

.kffws {
	width: 100%;
	height: 4rem;
	margin-top: 1.1rem;
	justify-content: center;
	align-items: center;
	display: flex;
	display: -webkit-flex;
	background-color: #000000;

	/* background-image: url(../image/index/snow-covered-mountain-2086620@2x.png);
	background-size: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0px -5rem; */

}

.kffws .alcenter {
	display: flex;
	align-items: center;
	text-align: center;
	flex-direction: column;


}

.kffws .alcenter img {
	width: 4.83rem;
	height: auto;
}

.kffws .alcenter p {
	font-size: 0.6rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: rgba(41, 169, 255, 1);
	margin-top: 0.2rem;
}




/* 卡片翻转 */



.content {
	width: 100%;
	padding: 0px 1.61rem;
	box-sizing: border-box;
	justify-content: space-between;
	display: flex;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-wrap: wrap;
	margin-top: 0.3rem;
}


.hot_info {
	/* position: absolute;
	filter: alpha(Opacity=90); */
	width: 100%;
	height: 100%;
	left: 0px;
	bottom: 0px;
	background: rgba(0, 0, 0, 1);
	border: 1px solid rgba(255, 255, 255, 1);
	padding-top: 0.4rem;
	padding-left: 0.4rem;
	box-sizing: border-box;
	text-align: left;
}


.card {
	color: inherit;
	cursor: pointer;
	width: 20%;
	height: 3.2rem;
	/* perspective: 1000px; */
	/* margin: 1rem; */
	position: relative;
	overflow: hidden;
}

.front img {
	width: 1.67rem;
	height: 1.2rem;
	border-bottom: 1px solid #000000;
}

.front .p1 {
	font-size: 0.18rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(204, 204, 204, 1);
	margin: 0.12rem 0px;
}

.front .p2 {
	color: rgba(51, 51, 51, 1);
	font-size: 0.18rem;
	line-height: 0.28rem;
}

.liucheng .lcitem .hot_info {
	position: absolute;
	filter: alpha(Opacity=90);
	width: 100%;
	height: 100%;
	left: 0px;
	bottom: 0px;
	background: rgba(0, 0, 0, 1);
	border: 1px solid rgba(255, 255, 255, 1);
	padding-top: 0.4rem;
	padding-left: 0.4rem;
	box-sizing: border-box;
	display: none;
}

.front,
.back {
	display: flex;
	border-radius: 6px;
	background-position: center;
	background-size: cover;
	text-align: center;
	justify-content: center;

	position: absolute;
	height: 100%;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/* transform-style: preserve-3d;
	transition: ease-in-out 600ms; */
	text-align: left;
}

.front {
	background-size: cover;
	overflow: hidden;
	font-family: Poppins, sans-serif;
	flex-direction: column;
	padding-left: 0.4rem;
	box-sizing: border-box;
}

.front:before {
	position: absolute;
	display: block;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(248, 248, 248, 1);
	border: 1px solid rgba(255, 255, 255, 1);
	z-index: -1;
}

.back {
	position: absolute;
	bottom: 0px;
	height: 0px;

}

/* .card:hover .front {
	transform: rotateY(180deg);
}

.card:nth-child(even):hover .front {
	transform: rotateY(-180deg);
}

.back {
	
	transform: rotateY(-180deg);
}

.card:hover .back {
	transform: rotateY(0deg);
}

.card:nth-child(even) .back {
	transform: rotateY(180deg);
}

.card:nth-child(even):hover .back {
	transform: rotateY(0deg);
}
 */





/* 卡片翻转结束 */




.hot_info h2 {
	width: 1.7rem;
	font-size: 0.2rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 0.26rem;
	color: rgba(255, 255, 255, 1);
	border-bottom: 1px solid rgba(255, 255, 255, 1);
	padding-bottom: 0.12rem;
}

.hot_info .p3 {
	color: rgba(153, 153, 153, 1);
	font-size: 0.18rem;
	margin: 0.12rem 0px;
}

.hot_info .p4 {
	color: rgba(255, 255, 255, 1);
	font-size: 0.18rem;
	width: 90%;
}

.shuju {
	width: 100%;
	height: auto;
	margin: 1.1rem auto 0.9rem;
}

.hzhp {
	width: 100%;
	height: auto;
	flex-direction: column;
	/* 	display: flex; */
	justify-content: center;
	padding: 0px 1.61rem;
	box-sizing: border-box;
}

.hzhp .hbtitle {
	width: 100%;

	border-bottom: 0.04rem solid #000000;
	text-align: center;
	font-size: 0.6rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	padding-bottom: 0.4rem;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 0.5rem;
}

.hzhp .hzrow {
	width: 100%;
	flex-wrap: wrap;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}

.hzhp .hzrow .hzitem {
	width: 19%;
	height: auto;
	border: 1px solid rgba(238, 238, 238, 1);
	margin-bottom: 0.4rem;
	overflow: hidden;
	position: relative;
}

.hzhp .hzrow .hzitem .img {
	width: 100%;
	height: 2.40rem;
	cursor: pointer;
	transition: all 0.6s;
	background-color: #F8F8F8;
	display: flex;
	align-items: center;
	justify-content: center;
	object-fit: cover;

}

.hzhp .hzrow .hzitem .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* .hzhp .hzrow .hzitem .img img:hover {
	transform: scale(1.1);
} */
.hzhp .hzrow .hzitem .title {
	width: 100%;
	height: 0.5rem;
	line-height: 0.5rem;
	text-align: center;
	box-sizing: border-box;
	font-size: 0.14rem;
}

.hover-show-bg {
	color: #FFFFFF;
	background-color: #000000;
}

.hzhp .hovertitle {
	position: absolute !important;
	width: 100% !important;
	bottom: 0px;
	height: 0px;
	text-align: center;
}

.hzhp .hzrow .hzitem .subtitle {

	height: 0.6rem;
	line-height: 0.6rem;
	font-size: 0.16rem;
	text-align: center;
	background-color: #FFFFFF;
	color: #666;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hzhp .hzrow .hzitem .subtitle img {
	width: 0.8rem !important;
	height: 0.5rem !important;
	vertical-align: middle;
	object-fit: cover;
	/* position: absolute !important; */
	/* vertical-align: middle; */
}

.canyu {
	width: 100%;
	padding: 0px 1.61rem;
	box-sizing: border-box;
	height: 3.43rem;
}

.canyu .center {
	background-image: url(../image/index/canybj.png);
	width: 100%;
	height: 3.43rem;
	margin-top: 0.8rem;
	background-size: 100% 100%;
	padding: 0.4rem 1.62rem;
	box-sizing: border-box;
}

.canyu .center .title {
	font-size: 0.6rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
}

.canyu .center .subtitle {
	font-size: 0.16rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	opacity: 0.6;
	margin: 0.3rem 0px 0.1rem;
}

.canyu .center .phone {
	font-size: 0.32rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
}

.canyu .center .aboutus {
	font-size: 0.16rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	margin-top: 0.2rem;
	display: flex;
	align-items: center;
	/* margin-bottom: 0.6rem; */
}

.canyu .center .aboutus span {
	opacity: 0.6;
}

.canyu .center .zixun {
	display: flex;
	display: -webkit-flex;
	margin-left: 3.77rem;
	position: relative;

}

.canyu .center .zixun .zxewm {
	position: absolute;
	width: 1.1rem;
	height: 1.1rem;
	right: 0.37rem;
	bottom: 0.6rem;
	opacity: 0;
}

.canyu .center .zixun .item {
	display: flex;
	padding: 0px 0.2rem;
	height: 0.39rem;
	background: rgba(255, 255, 255, 1);
	opacity: 1;
	align-items: center;
	justify-content: center;
	color: #0066CC;
	font-size: 0.14rem;
	margin-right: 0.3rem;
	cursor: pointer;
}

.canyu .center .zixun .item img {
	width: 0.22rem;
	height: 0.22rem;
	vertical-align: middle;
	margin-right: 0.1rem;
}
.wxzx .img{
	width: 0.24rem !important;
	height: 0.24rem !important;
}


.canyu .center .zixun  a{
	color: #0066CC;
}
.alzs .on {
	width: 3.84rem;
	height: auto;
	display: flex;
	flex-direction: column;
}



/* 居中大标题 */

.alzs .title {
	position: relative;
	text-align: center;
	padding-top: 1.1rem;
	padding-bottom: 0.9rem;
	box-sizing: border-box;
}



.alzs .subtitle {}

.alzs .subtitle .p1 {
	font-size: 0.4rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 0.2rem;
}

.alzs .subtitle .p2 {
	font-size: 0.22rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 0.34rem;

}

.anl500 {
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	background:#66C5FF ;
	color: #FFFFFF;
	font-size: 0.92rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
}