@charset "utf-8";

/* CSS Document */

@charset "utf-8";



/* CSS Document */

body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

pre,

form,

fieldset,

input,

p,

blockquote,

th,

td {

	margin: 0;

	padding: 0;

}



body {
	word-break: break-word;
	color: #000;
	background: #fff;
}



fieldset,

img {

	border: 0;

}



ol,

ul {

	list-style: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-size: 100%;

	font-weight: normal;

}



.cleardiv {

	width: 100%;

	height: 0;

	line-height: 0;

	font-size: 0;

	clear: both;

	zoom: 1;

	overflow: hidden;

	visibility: hidden;

	display: block

}



.clearflt {

	*zoom: 1

}



.clearflt:after {

	content: "";

	display: block;

	clear: both

}



a {

	text-decoration: none;

	blr: expression(this.onFocus=this.blur())

}



input,

button,

select,

textarea,

a:focus,

div:focus {

	outline: none

}



.re {

	position: relative

}



.ab {

	position: absolute

}



.ov {

	overflow: visible

}



.oh {

	overflow: hidden

}



header,

nav,

article,

section,

aside,

footer,

address,

dialog,

figure,

menu {

	display: block

}



em {

	font-style: normal;

}



input,

button,

select,

textarea {

	outline: none;

}



a {

	color: #000;

	text-decoration: none;

}



a:hover {

	text-decoration: none;

}

.margin-t-40{

	margin-top: .4rem;

}

.margin-t-50{

	margin-top: .5rem;

}



.margin-t-60{

	margin-top: .6rem;

}

.margin-t-70{

	margin-top: .7rem;

}

.margin-t-80{

	margin-top: .8rem;

}

.margin-t{

	margin-top: .6rem;

}

.p70{

	padding:2rem 0;

}

.fn-clear:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}



.fn-clear {

	zoom: 1;

}

.fn-left{

	float: left;

}

.fn-right{

	float: right;

}
.text-ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.text-clamp{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
input[type="button"],

input[type="submit"],

input[type="reset"] {

	-webkit-appearance: none;

}



.clearfix:after,

.clearfix:before {

	display: table;

	content: " ";

}



.clearfix:after {

	clear: both;

}



textarea {

	-webkit-appearance: none;

}



body,

html {

	overflow-x: hidden;

}



b {

	font-weight: normal;

}



.area {

	width: 95%;

	margin:0 auto;

}

.pt5{

	padding:1.5rem 0;

}
.kHeaderM>div {
    align-items: center;
}
.w85 {
    width: 85%;
    margin: 0 auto;
}
.kLogom img,.kListm img {
	width: auto;
	display: block;
	height: 2.2rem;
}

@media screen and (max-width: 750px) {

	.kHeader {

		display: none;

	}



	.w1200 {

		width: 93%;

	}



	.kHeaderM {

		box-sizing: border-box;

		width: 100%;

		background: #fff;

		display: block;

		overflow: hidden;

		box-shadow: 0px 8px 8px rgba(29, 29, 29, .04);

		height: 53px;

	}



	.fexd_f {

		position: fixed;

		z-index: 10001;

		top: 0;

	}



	.kHeaderM.hov {

		-webkit-box-shadow: 0px 8px 8px rgba(29, 29, 29, .04);

		box-shadow: 0px 8px 8px rgba(29, 29, 29, .04);

	}



	.kBgCon {

		display: none;

	}



	.kLogom {

		display: block;

		width: 85%;

		/* padding-top: .6rem;

		padding-bottom: .85rem; */

	}



	.kLogom img,

	.kListm img {
		width: auto;
		display: block;
		height: 2.2rem;
	}



	.kListm {

		width: 24px;

		display: block;

		height: 3.3rem;

		position: relative;

	}



	.menu-btn .line {

		top: 0;

		bottom: 0;

		-webkit-transition: border 0.3s;

		transition: border 0.3s;



	}



	.kListm span,

	.kListm span:before,

	.kListm span:after {

		color: #cea579;

		position: absolute;

		left: 0;

		right: 0;

		top: 0;

		bottom: 0;

		margin: auto;

		width: 18px;

		height: 0;

		border-top: 1px solid #000;

		border-bottom: 1px solid #000;

		border-radius: 3px;

	}



	.kListm span:before {



		-webkit-transform: translateY(-6px);

		transform: translateY(-6px);



	}



	.kListm span:before,

	.kListm span:after {

		content: '';

		-webkit-transform-origin: 50% 50%;

		transform-origin: 50% 50%;

		-webkit-transition: transform 0.3s;

		-webkit-transition: -webkit-transform 0.3s;

		transition: -webkit-transform 0.3s;

		transition: transform 0.3s;

		transition: transform 0.3s, -webkit-transform 0.3s;



	}



	.kListm span:after {



		-webkit-transform: translateY(6px);

		transform: translateY(6px);



	}



	.kListmClose span {



		border-color: transparent;



	}



	.kListmClose span:before {



		-webkit-transform: rotate(45deg);

		transform: rotate(45deg);



	}



	.kListmClose span:after {



		-webkit-transform: rotate(-45deg);

		transform: rotate(-45deg);



	}



	.ovhd {

		width: 100%;

		height: 100%;

		overflow: hidden;

		position: fixed;

	}



	.kNavM {

		/* overflow-y: scroll;  */

		width: 100%;

		position: absolute;

		left: 0;

		top: 53px;

		background: #fff;

		z-index: 1000;

		padding: 5px 0;

		box-sizing: border-box;

	}



	.kNavM li {

		line-height: 32px;

	}
	.kNavM li:first-child{
/*		display: none;*/
	}



	.kNavM li .kFir {

		width: calc(100% - 30px);

		margin: 0 15px;

		line-height: 42px;

		border-bottom: 1px solid #f1f1f1;

		font-size: .95rem;

		color: #757575;

		display: block;

		overflow: hidden;

		box-sizing: border-box;

		display: flex;

	}



	.kNavM li .kFir a {

		float: left;

		display: block;

		width: 100%;
		font-size: 1.6rem;
		color:#3c3c3c;
		text-transform: uppercase;
	}



	.kNavM li .kFir i {

		display: inline-block;

		float: right;

		padding-left: 20px;

	}



	.kNavM li .kFir i span {

		display: block;

		font-size: 1.1rem;

		color: #000;

		-webkit-transition: all 0.3s;

		transition: all 0.3s;

	}
	.kNavM li .kFir i span{
		-webkit-transform: rotate(-90deg);

		transform: rotate(-90deg);
	}



	.kNavM li .kFir i span.hov {

		-webkit-transform: rotate(90deg);

		transform: rotate(90deg);

	}



	.kNavM li p {

		background: #fafafa;

	}



	.kNavM li p a {

		font-size: 14px;

		display: block;

		width: calc(100% - 30px);

		margin: 0 15px;

		border-bottom: 1px solid #f0f0f0;

		color: #333;

		line-height: 50px;

	}



}
.re{
	position: relative;
}
.flex{
	display: flex;
	justify-content: space-between;
}
.flex-end{
	display: flex;
	justify-content: flex-end;
}
.flex-start-center{
	display: flex;
	justify-content: start;
	align-items: center;
}
.flex-start{
	display: flex;
	justify-content: start;
}
.flex-center{
	display: flex;
    justify-content: center;
    align-items: center;
}

.w1200{
	width: 95%;
	margin:0 auto;
}
.color-fff{
	color: #fff !important;
}
.head-tel{
	width: calc(100% - 30px);
    margin: 0 auto;
    line-height: 4rem;
}
.head-tel a{
	font-size: 20px;
    color: #333333;
    font-family: 'Arial Narrow Bold', sans-serif;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.head-tel i{
	color: #1662ec;
	font-size: 26px;
}
/* 底部 */
.footer{
	background: #f8f8f8;
    padding: 2rem 0 8rem 0;
    background: #17181b;
}
.footer .foot-bom{
	border-top: 1px solid #373737;
    padding-top: 1rem;
    
}
.footer .foot-bom p a{
	color: #989898;
    font-size: 12px;
    text-align: center;
    display: block;
}
.footer .foot-nav{
	width: 65%;
	overflow: hidden;
}
.footer .foot-top{
	padding-bottom: 1rem;
}
.footer .foot-nav ul li{

}
.footer .foot-nav ul li h5{
	color: #000;
	font-size: 16px;
	margin-bottom: 30px;
}
.footer .foot-nav ul li p a{
	font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    display: block;
}
.footer .foot-tel{
	
}
.footer .foot-tel h2{
	font-size: 12px;
    margin-bottom: .5vw;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.footer .foot-tel h2 a{
	color: #c29070;
    font-size: 25px;
    margin-right: 7px;
}
.footer .foot-tel p{
	font-size: 14px;
	color: #fff;
	text-align: center;
}
.footer .foot-tel .foot-icon{
	text-align: -webkit-right;
    margin: 20px 0 30px 0;
    position: relative;
}
.footer .foot-tel .icon-wx{
	font-size: 40px;
    cursor: pointer;
    color: #ccc;
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.footer .foot-tel .foot-img{
	text-align: right;
	position: relative;
}
.footer .foot-tel .foot-img::before{
	content: "";
    background: url(../images/foot-bg.png) no-repeat center;
    height: 91px;
    display: block;
    top: -8px;
    position: absolute;
    right: 0;
    width: 100%;
}
.footer .foot-tel .foot-img img{
	width: 60%;
    display: inline-block;
    top: 12px;
    position: absolute;
    right: 0;
    z-index: 1;
}
.footer .icon-wx:hover .foot-hide{
	opacity: 1;
	
}
.footer .icon-wx:hover{
	color: #c9a063;
}
.footer .foot-hide{
	position: absolute;
    bottom: 48px;
    z-index: 99;
    right: -55px;
    opacity: 0;
}
.footer .foot-hide img{
    width: 150px;
    height: 150px;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
}