@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;

}

.text-ellipsis{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.text-ellipsis-2{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.text-ellipsis-3{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}


body {

	/* text-align: justify; */
	word-break: break-word;

	font-size: 14px;

	color: #000;

	/*font-family: Helvetica Neue,PingFangSC-Regular,Microsoft Yahei,黑体, 新宋体, 'Arial Unicode MS';*/

	font-family: "Pingfang SC", "Hiragino Sans GB", "Helvetica", "Droid Sans", "Microsoft YaHei", "Arial", "sans-serif";

	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: 92.3%;

	margin:0 auto;

}

.pt5{

	padding:1.5rem 0;

}



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

	.kHeader {

		display: none;

	}



	.w75 {

		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;
		display: flex;
		justify-content: space-between;
		align-items: center;

	}



	.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: 1.7rem;
		/* margin: .9rem 0 0 .6rem; */
	}



	.kListm {

		width: 48px;

		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: #333;

		position: absolute;

		left: 0;

		right: 0;

		top: 0;

		bottom: 0;

		margin: auto;

		width: 20px;

		height: 0;

		border-top: 1px solid;

		border-bottom: 1px solid;

		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:nth-child(8),
	.kNavM li:nth-child(9),
	.kNavM li:nth-child(10),
	.kNavM li:nth-child(11),
	.kNavM li:nth-child(12){
		display: none;
	}

	.kNavM li .kFir {

		width: calc(100% - 30px);

		margin: 0 15px;

		line-height: 54px;

		border-bottom: 1px solid #cecece;

		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%;

		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: .95rem;

		color: #000;

		-webkit-transition: all 0.3s;

		transition: all 0.3s;

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

		transform: rotate(180deg);
	}



	.kNavM li .kFir i span.hov {

		-webkit-transform: rotate(360deg);

		transform: rotate(360deg);

	}



	.kNavM li p {

		background: #fafafa;

	}



	.kNavM li p a {

		font-size: .9rem;

		display: block;

		width: calc(100% - 30px);

		margin: 0 15px;

		border-bottom: 1px solid #f0f0f0;

		color: #333;

		line-height: 50px;

	}



}



/* 底部展示 */

.icon {

	background: url(../images/icon.png) no-repeat;

	display: inline-block;

	background-size: 4rem auto;

	vertical-align: middle;

}



.icon,

.iconn:before,

.iconn:after,

.iconbef:before,

.iconbef:after {

	content: "\20";

	display: block;

}



.iconn {

	background: url(../images/iconn.png) no-repeat;

	background-size: 1.4rem auto;

	vertical-align: middle;

}

.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;
}

.w75{
	width: 90%;
	margin:0 auto;
}
/* 返回顶部 */
#back_top .master_backTop .master_backTop_btn{
	width: 56px;
	height: 56px;
}
#back_top .master_backTop .master_backTop_btn .master_backTop_txt>i{
	font-size: 22px;
	display: inline-block;
	transform: rotate(-90deg);
}
#back_top{
	position:fixed;
	right: 10px;
    bottom: 70px;
	transform:translateY(100%);
	-webkit-transform:translateY(100%);
	z-index:888;
	transition:all .6s;
}
#back_top.onshow{
	opacity:1;
	-webkit-opacity:1;
	visibility:visible;
	transform:none;
	-webkit-transform:none;
}
#back_top .master_backTop .master_aperture{
	background: linear-gradient(to bottom, #849bf5, #0e31bb);
	position:absolute;
	width:100%;
	height:100%;
	border-radius:50%;
	-webkit-border-radius:50%;
	opacity:0;
	-webkit-opacity:0;
	z-index:-1;
}
#back_top .master_backTop .master_backTop_btn{color:#fff;width:40px;height:40px;border-radius:50%;-webkit-border-radius:50%;
align-items:center;justify-content:center;z-index:2;background: linear-gradient(to bottom,#849bf5, #0e31bb);}
#back_top .master_backTop .master_backTop_btn .master_backTop_txt>i{font-size:24px;}
#back_top .master_backTop .master_aperture.circle01{animation:scalej01 2s .5s infinite;-webkit-animation:scalej01 2s .5s infinite;}
@keyframes scalej01{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{ transform:scale(1.5);-webkit-transform:scale(1.5);opacity:0;-webkit-opacity:0;}
}  
@-webkit-keyframes scalej01{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{ transform:scale(1.5);-webkit-transform:scale(1.5);opacity:0;-webkit-opacity:0;}
}  
#back_top .master_backTop .master_aperture.circle02{animation:scalej02 2s infinite;-webkit-animation:scalej02 2s infinite;}
@keyframes scalej02{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;}
}  
@-webkit-keyframes scalej02{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;}
}  


/* 底部 */
.footer-box{
	width: 100%;
	background:#031429;
	padding:2.5rem 0 1rem 0;
}
.footer-box .img{
	border-bottom: 1px solid #525764;
	padding-bottom: 1.3rem;
}
.footer-box .img img{
	width: auto;
	height: 35px;
}
.footer-box .bottom{
	padding:1.5rem 0;
	border-bottom: 1px solid #525764;
}

.footer-box .bottom .b-contact h5{
	font-size: 17px;
	color:#fff;
	margin-bottom: 15px;
}
.footer-box .bottom .b-contact ul li{
	font-size: 1rem;
	color:#fff;
	margin-top: 10px;
}
.footer-box .bottom .b-contact:first-child ul li{
	display: flex;
    line-height: 22px;
}
.footer-box .bottom .b-contact ul li:last-child{
	font-size: .8rem;

}
.footer-box .bottom .b-contact ul li .iconfont{
	width: 24px;
	height: 24px;
	border-radius: 50px;
	background:#525764;
	font-size: 15px;
	display: inline-block;
	text-align: center;
	line-height: 24px;
	margin-right: 10px;
}
.footer-box .bottom .b-contact ul li:last-child .iconfont{
	width: 28px;
}
.footer-box .bottom .b-contact .link-box a{
	display: block;
	font-size: 14px;
	color:#96989d;
	margin-bottom: 10px;
}
.footer-box .bottom .b-contact .link-box a:last-child{
	margin-bottom: 0;
}
.footer-box .bottom .b-contact .wechat-box{
	display: flex;
}
.footer-box .bottom .b-contact:last-child{
	margin-top: 1.3rem;
}
.footer-box .bottom .b-contact .wechat-box>div{
	background:#eef3fa;
	border-radius: 10px;
	padding:10px;
	text-align: center;
	width: 30%;
}
.footer-box .bottom .b-contact .wechat-box>div:last-child{
	background:#fff;
}
.footer-box .bottom .b-contact .wechat-box>div img{
	display: inline-block;
	vertical-align: middle;
	width: 93px;
	height: auto;
}
.footer-box .bottom .b-contact .wechat-box>div h1{
	color:#000000;
	margin-top: 10px;
	font-size: 14px;
}
.footer-box .bottom .b-contact .wechat-box>div:last-child{
	margin-left: 10px;
}

.footer-box .ba-box{
	color:#96989d;
	text-align: center;
	margin-top: .8rem;
	font-size: .7rem;
}
.footer-box .ba-box a{
	color:#96989d;
}
.footer-box .ba-box a:first-child{
	margin-right: .5rem;
}

/* 代码 */
.logo_home{
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
	background:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.logo_home img{
	width: auto;
	height: 40px;
	/* visibility: visible !important; */
	animation:aniTop 1.2s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;
}
/* @keyframes aniTop{
	0% {transform:translateY(0);}
	100% {transform:translateY(-15px);}
} */
@keyframes aniTop{
	0% {
		transform:scale(0.8);
	}
	100% {
		transform:scale(1);
	}
}

@keyframes animate-mark {
    0% {
        opacity: 0;
        transform: translate(0, 0);
    }

    100% {
        opacity: 1;
        transform: translate(0.1rem, 0);
    }
}

.language-box{
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	color:#333;
	margin-right: 70px;
}
.language-box a{
	color:#333;
}
.language-box i{
	display: inline-block;
	margin:0 6px;
}