body {
    --BG-0: #ededed;
    --BG-1: #f7f7f7;
    --BG-2: #fff;
    --BG-3: #f7f7f7;
    --BG-4: #4c4c4c;
    --BG-5: #fff;
    --FG-0: rgba(0, 0, 0, 0.9);
    --FG-HALF: rgba(0, 0, 0, 0.9);
    --FG-1: rgba(0, 0, 0, 0.5);
    --FG-2: rgba(0, 0, 0, 0.3);
    --FG-3: rgba(0, 0, 0, 0.1);
    --RED: #fa5151;
    --ORANGE: #fa9d3b;
    --YELLOW: #ffc300;
    --GREEN: #91d300;
    --LIGHTGREEN: #95ec69;
    --BRAND: #07c160;
    --BLUE: #10aeff;
    --INDIGO: #1485ee;
    --PURPLE: #6467f0;
    --LINK: #576b95;
    --TEXTGREEN: #06ae56;
    --FG: black;
    --BG: white;
    --weui-BTN-DEFAULT-COLOR: #06ae56;
    --weui-BTN-DISABLED-FONT-COLOR: rgba(0, 0, 0, 0.2);
    --weui-BTN-DEFAULT-BG: #f2f2f2;
    --weui-BRAND: #07c160;
}

@media (prefers-color-scheme: dark) {
    body {
        --BG-0: #191919;
        --BG-1: #1f1f1f;
        --BG-2: #232323;
        --BG-3: #2f2f2f;
        --BG-4: #606060;
        --BG-5: #2c2c2c;
        --FG-0: rgba(255, 255, 255, 0.8);
        --FG-HALF: rgba(255, 255, 255, 0.6);
        --FG-1: rgba(255, 255, 255, 0.5);
        --FG-2: rgba(255, 255, 255, 0.3);
        --FG-3: rgba(255, 255, 255, 0.05);
        --RED: #fa5151;
        --ORANGE: #c87d2f;
        --YELLOW: #cc9c00;
        --GREEN: #74a800;
        --LIGHTGREEN: #28b561;
        --BRAND: #07c160;
        --BLUE: #10aeff;
        --INDIGO: #1196ff;
        --PURPLE: #8183ff;
        --LINK: #7d90a9;
        --TEXTGREEN: #259c5c;
        --FG: white;
        --BG: black;
        --weui-BTN-DEFAULT-COLOR: #06ae56;
        --weui-BTN-DISABLED-FONT-COLOR: rgba(255, 255, 255, 0.2);
        --weui-BTN-DEFAULT-BG: rgba(255, 255, 255, 0.08);
    }
}

body {
    background: var(--BG-0) !important;
/* 	padding-bottom: calc(1400px * 125/1200); */
	font-family: "Microsoft Yahei";
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
/* 	-webkit-user-select: auto!important; */
/* 	-khtml-user-select: auto!important; */
/* 	-moz-user-select: auto!important; */
/* 	-ms-user-select: auto!important; */
/* 	-o-user-select: auto!important; */
/* 	user-select: auto!important; */
}
*, #L_con, #L_con * {
	-webkit-user-select: text!important;
	-khtml-user-select: text!important;
	-moz-user-select: text!important;
	-ms-user-select: text!important;
	-o-user-select: text!important;
	user-select: text!important;
}
	#L_con {
		margin: 3vw auto auto;
	}
	#L_con img {
		max-width: 100%;
		height: auto;
	}

/* common */
p {
	color: #333;
}
*.kl-bg-white, .kl-bg-white {
	background: white;
}
	.mui-table-view.kl-family-column li .kl-icon-word.kl-bg-white {
		background: white;
	}

.mui-bar-tab .mui-tab-item .mui-icon {
	width: auto;
}

.mui-bar .mui-icon {
	font-size: 5.334vw;
}

.mui-toast-container {
	width: 90%;
}
.mui-toast-message {
	padding: 3vw 5vw;
	background-color: #06c;
}

.ui-list {
	margin: auto auto 5.334vw;
}

.ui-list-img-square {
	width: 84px;
	height: 84px;
	border-radius: 2vw;
}

.ui-list li h4 {
	line-height: 28px;
}
	.ucenter .ui-list.kl-uc-p li h4 {
		padding-left: 30px;
	}
		.ucenter .ui-list.kl-uc-p li h4 .keyline {
			position: absolute;
			left: 0;
			top: 45%;
			font-size: 20px;
			transform: translateY(-50%);
		}
			.ucenter .ui-list.kl-uc-p-club li:nth-child(1) h4 .keyline, .ucenter .ui-list.kl-uc-p-club li:nth-child(2) h4 .keyline {
				color: green;
			}
			.ucenter .ui-list.kl-uc-p-matchs li:nth-child(1) h4 .keyline, .ucenter .ui-list.kl-uc-p-matchs li:nth-child(2) h4 .keyline, .ucenter .ui-list.kl-uc-p-matchs li:nth-child(3) h4 .keyline {
				color: #007aff;
			}
	.ui-list li h4 .kl-number-mid {
		height: 20px;
		font-size: 14px;
	}

.ui-txt-info.signature {
	text-align: right;
    max-width: 80%;
}

.ui-avatar-lgx, .ui-avatar-onex {
	width: 22vw;
	height: 22vw;
}

/*btn*/
.btn-bg-fd4938 {
	background: #fd4938 !important;
}
.btn-c-white {
	color: white !important;
}

/* unset */
.kl-overflow-unset {
	overflow: unset !important;
}

/* overflow */
.kl-overflow-hidden {
	overflow: hidden !important;
}

/* swiper */
.swiper-pagination-bullet {
	background: #808080;
	opacity: .4;
	width: 10px;
	height: 10px;
}
.swiper-pagination-bullet-active {
	background: #808080;
	opacity: 1;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background: url("../../../img/icon/arrow_left_circle_white_256.png") no-repeat left top/cover;
	width: calc(100vw * 47/1200);
	height: calc(100vw * 47/1200);
	left: calc(100vw * 113/1200);
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background: url("../../../img/icon/arrow_right_circle_white_256.png") no-repeat left top/cover;
	width: calc(100vw * 47/1200);
	height: calc(100vw * 47/1200);
	right: calc(100vw * 113/1200);
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
	display: none;
}
.swiper-slide {

}
	.kl-banner .swiper-slide img, .kl-banner-pyb .swiper-slide img {
		width: 100%;
		height: auto;
	}
	.kl-banner .swiper-slide h2, .kl-banner .swiper-slide p, .kl-banner-pyb .swiper-slide h2, .kl-banner-pyb .swiper-slide p {
		position: absolute;
		display: inline-block;
		left: 50%;
		transform: translateX(-50%);
		color: white;
	}
	.kl-banner .swiper-slide h2, .kl-banner-pyb .swiper-slide h2 {
		top: 50%;
		transform: translate(-50%, -50%);
		font-size: calc(100vw * 70/1200);
		font-weight: bold;
	}
	.kl-banner .swiper-slide p, .kl-banner-pyb .swiper-slide p {
		top: calc(100vw * 380/1200);
		font-size: calc(100vw * 30/1200);
	}

/* ui-switch */
.ui-switch {
	margin-top: unset;
	transform: translateY(-50%);
}
	.ui-switch input:after {
		top: 2px;
	}

/* ui-col */
.ui-col-48 {
    width: 48%;
}
label.ui-col {
	position: relative;
}

.kl-hidden {
	display: none;
}

#kl-relative {
	position: relative;
	overflow: unset;
}

.ui-dialog-bd img, .mui-card-content-inner img {
	max-width: 100%;
}

.ui-dialog-bd video, .mui-card-content-inner video {
	max-width: 100%;
}

.ui-subscript.ui-subscript-purple {
    background-color: #8a6de9;
}

.ui-subscript.ui-subscript-gray {
	background-color: gray;
}

.mui-icon .mui-badge.gray {
	background-color: gray;
}

#deposit_qocode {
	background: rgba(234, 234, 234, 1);
}

button.kl-btn-simple-top {
	margin: 40vw auto auto;
}

.kl-btn-simple-tips {
	text-align: center;
	color: #dd524d;
	margin: 2vw auto;
}

/* position */
.kl-right-none {
	right: 0;
}
.kl-right-45d1080p {
	right: calc(100vw * 45/1080);
}

/* color */
.kl-color-0f0f0e {
	color: #0f0f0e;
}
.kl-color-red {
	color: red;
}
.kl-color-333 {
	color: #333;
}
.kl-color-black {
	color: black;
}
.kl-color-orange {
	color: orange;
}
.kl-color-yellow {
	color: yellow;
}
.kl-color-green {
	color: green;
}
.kl-color-cyan {
	color: cyan;
}
.kl-color-blue {
	color: blue;
}
.kl-color-purple {
	color: purple;
}
.kl-color-gray {
	color: gray;
}
.kl-color-pink {
	color: pink;
}
.kl-color-white {
	color: white;
}
.kl-color-brown {
	color: brown;
}
.kl-color-354053 {
	color: #354053;
}
.kl-bgcolor-f2f2f2 {
	background: #f2f2f2;
}
.kl-bgcolor-transparent {
	background: transparent !important;
}
.kl-bgcolor-black {
	background: black;
}
.kl-bgcolor-red {
	background: red;
}
.kl-bgcolor-orange {
	background: orange;
}
.kl-bgcolor-yellow {
	background: yellow;
}
.kl-bgcolor-green {
	background: green;
}
.kl-bgcolor-cyan {
	background: cyan;
}
.kl-bgcolor-blue {
	background: blue;
}
.kl-bgcolor-purple {
	background: purple;
}
.kl-bgcolor-gray {
	background: gray;
}
.kl-bgcolor-pink {
	background: pink;
}
.kl-bgcolor-white {
	background: white;
}
.kl-bgcolor-brown {
	background: brown;
}
.kl-bgcolor-333333 {
	background: #333333 !important;
}
.kl-border-6AC63D {
	border: .5vw solid #6AC63D;
}
.kl-border-green {
	border: solid 1px green;
}
.kl-border-purple {
	border: solid 1px purple;
}
.kl-border-dd524d, input.kl-border-dd524d, select.kl-border-dd524d {
	border: solid 1px #dd524d !important;
}
	.kl-uc .kl-con .kl-right .kl-label-con select.kl-border-dd524d {
		border: solid 1px #dd524d !important;
	}
.kl-border-left-none {
	border-left: none !important;
}
.kl-border-radius-unset {
	border-radius: unset !important;
}
.kl-border-bottom-none {
	border-bottom: none !important;
}
.kl-border-bottom-solid-E6EAEE-1px {
	border-bottom: 1px solid #E6EAEE;
}
.kl-overflow-y-scroll {
	overflow-y: scroll !important;
}
.kl-border-image-t-333333-333333 {
	border-image: -webkit-linear-gradient(to right, transparent, #333333, #333333) 1 0;
	border-image: -moz-linear-gradient(to right, transparent, #333333, #333333) 1 0;
	border-image: -o-linear-gradient(to right, transparent, #333333, #333333) 1 0;
	border-image: linear-gradient(to right, transparent, #333333, #333333) 1 0;
}
.kl-border-bottom-1-solid-333333 {
	border-bottom: 1px solid #333333 !important;
}

/*gwyIcon*/
.gwyIcon {
	width: calc(100vw * 100/1242);
	height: calc(100vw * 100/1242);
	overflow: hidden;
	display: inline-block;
	position: relative;
	z-index: 1;
}
	.gwyIcon .bg {
		width: 90%;
		height: 90%;
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 3;
	}
	.gwyIcon .icon {
		display: inline-block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 4;
		transform: translateX(calc(-100vw * 100/1242));
	}
		.gwyIcon .icon.detail {
			background: url("../../../img/icon/detail.svg") no-repeat left top/cover;
			filter: drop-shadow(#ffffff calc(100vw * 100/1242) 0);
		}
		.gwyIcon .icon.collapse {
			background: url("../../../img/icon/collapse.svg") no-repeat left top/cover;
			filter: drop-shadow(#ffffff calc(100vw * 100/1242) 0);
		}

/* contentbox */
.kl-contentbox-max {
	padding: 8vw 0 0;
}
	#preview_img_bg .kl-contentbox-max {
		padding: 0 0 0;
	}
.kl-contentbox-12px, .kl-alerts .ui-form-item.kl-contentbox-12px {
	padding: 0 12px 0;
}
.kl-contentbox-45d1080p, .kl-alerts .ui-form-item.kl-contentbox-45d1080p {
	padding: 0 calc(100vw * 45/1080) 0;
}


/* margin */
.kl-margin-b-8vw, .ui-dialog-bd h2.kl-margin-b-8vw, .ui-dialog-bd h3.kl-margin-b-8vw {
	margin-bottom: 8vw;
}
.kl-margin-b-5vw {
	margin-bottom: 5vw;
}
.kl-margin-b-6vw {
	margin-bottom: 6vw;
}
.kl-margin-b-2vw, .ui-dialog-bd h2.kl-margin-b-2vw, .ui-dialog-bd h3.kl-margin-b-2vw {
	margin-bottom: 2vw;
}
.kl-margin-b-auto, .kl-alerts .ui-form-item.kl-margin-b-auto {
	margin-bottom: auto;
}
.kl-margin-top-10px {
	margin-top: 10px !important;
}

/* padding */
.kl-p-top-5vw, *.kl-p-top-5vw, .kl-views.kl-p-top-5vw {
	padding-top: 0;
}
.kl-padding-top-25vw {
	padding-top: 25vw;
}

/* width */
.kl-width-percent-60 {
	width: 60% !important;
}

/* font */
.kl-font-18px, .kl-alerts .ui-form label.kl-font-18px {
	font-size: 18px;
}
.kl-fs-16vw, .mui-table-view.kl-family-column li .kl-icon-word .keyline.kl-fs-16vw {
	font-size: 16vw;
}
.kl-font-size-52s1242 {
	font-size: calc(100vw * 52/1242) !important;
	line-height: calc(100vw * 52/1242) !important;
}

/* fonts load */
.kl-font-FZZJLJDXKWZB {
	font-family: "FZZJLJDXKWZB";
	font-size: 0;
	color: transparent;
	position: fixed;
	left: -1vw;
	top: -1vw;
	z-index: -99999;
	width: 1px;
	height: 1px;
}

/* kl-con */
.kl-con {
	position: relative;
	width: 1400px;
	margin: 0 auto;
	height: 100%;
}


/* is it me? */
.kl-my-border {
	border: 1vw solid green;
}


.kl-wechat {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y: scroll;
	z-index: 1;
	top: 0;
	left: 0;
	background: #f2f2f2;
	padding-bottom: 50px;
}
	.kl-wechat * {
		position: relative;
	}
	.kl-wechat.kl-order-views {
		padding-bottom: 30vw;
	}
	.kl-wechat .kl-top-bg {
		background: #f2f2f2;
		position: fixed;
		width: 100vw;
		height: 100vh;
		z-index: 0;
		top: 0;
		left: 0;
	}
	.kl-wechat.kl-embed {
		overflow: hidden;
	}
	.kl-box .ui-btn {
		width: 100%;
		padding: 0 1vw;
	}
	.kl-wechat .kl-icon-des {
		font-size: small;
	}
	.kl-ul-top {
		margin: auto auto 5.334vw;
		background: white;
	}
		.kl-ul-top.low {
			margin: auto auto 1vw;
		}
	.kl-ul-top > li {
		margin-left: unset;
		padding: 6vw 15px;
	}
		.kl-ul-top > li.l {

		}
			.kl-ul-top > li.l h4 {
				line-height: 6vw;
				font-size: 6vw;
			}
				.kl-ul-top > li.l h4 i {
					font-size: small;
					font-weight: normal;
					color: gray;
					margin: auto auto auto 1vw;
				}
			.kl-ul-top > li.l p {
				font-size: small;
			}
		.kl-ul-top > li.r {

		}
			.kl-ul-top > li.r span {
				font-size: 8vw;
			}
	#mySlides {

	}
		#mySlides li .mui-table-cell {
			display: block;
			overflow: hidden;
		}
			#mySlides li .mui-table-cell .kl-cmaker, .kl-views .mui-card .kl-cmaker {
				position: absolute;
				left: unset;
				right: 0;
				transform: rotate(45deg) translate(31%, -104%);
			}
				#mySlides li .mui-table-cell .kl-cmaker.kl-cmaker-default {
					transform: rotate(45deg) translate(31%, -180%);
				}
			#mySlides li .mui-table-cell p {
				line-height: 6vw;
			}
				#mySlides li .mui-table-cell p .family {
					color: #007aff;
				}
					#mySlides li .mui-table-cell p .family.kl-color-red {
						color: red;
					}
				#mySlides li .mui-table-cell .ctime {
					position: absolute;
					right: 0;
					bottom: 0;
				}
			#mySlides li .mui-table-cell h4 {
				line-height: 10vw;
			}
	.kl-wechat.ucenter {

	}
		.kl-wechat.ucenter .kl-uc-top {

		}
			.kl-wechat.ucenter .kl-uc-top li:nth-child(1) {
				padding-bottom: 5vw;
			}
			.kl-wechat.ucenter .kl-uc-top .ui-list-info .kl-uc-id {
				position: absolute;
				top: 4px;
				right: 0;
			}

/*webview*/
.kl-webview {
	position: fixed;
	width: 100%;
	/*height: calc(100vh - 100vw * 55/414);*/
	height: calc(100vh);
	overflow: hidden;
	overflow-y: scroll;
	z-index: 1;
	top: 0;
	left: 0;
	background: #f2f2f2;
}
.kl-webview-footer-box {
	height: calc(100vw * 55/414);
}
	.kl-webview-footer-box .mainNavBox {
		position: relative;
		overflow: unset !important;
	}
		.kl-webview-footer-box .mainNav {
			position: absolute;
			padding-top: calc(100vw * 6/375);
			bottom: calc(100vw * 10/375);
			left: 50%;
			transform: translateX(-50%);
			z-index: 999;
			height: calc(100vw * 52/375);
			line-height: calc(100vw * 20/375);
			width: calc(100vw * 52/375);
			display: inline-block;
			border-radius: 50%;
			background: #7d6f1d;
			color: #e3d051;
			font-size: calc(100vw * 14/375);
		}
			.kl-webview-footer-box .otherNavBox .keyline {
				color: #717d73;
			}
			.kl-webview-footer-box .otherNavBox .mui-tab-label {
				color: #717d73;
			}
.kl-webview-btn-back {
	right: calc(100vw * 20/375);
	bottom: calc(100vw * 10/375);
	background: transparent;
	padding: calc(100vw * 6/375) 0 0 calc(100vw * 18/375);
}
	.kl-webview-btn-back:hover, .kl-webview-btn-back:active, .kl-webview-btn-back:focus {
		background: transparent !important;
	}

/*background*/
.kl-bg-413b10 {
	background: #413b10 !important;
}
	.kl-bg-413b10 .mui-bar {
		background-color: #413b10 !important;
	}

/* kl-top */
.kl-top {
	height: calc(1400px * 125/1200);
	margin: auto auto;
	background: white;
	position: relative;
	z-index: 2;
}

/*kl-text*/
.kl-text-right {
	text-align: right !important;
}

/* kl-logo */
	.kl-logo {
		position: absolute;
		height: calc(1400px * 94/1200);
		width: auto;
		top: 50%;
		transform: translateY(-50%);
	}
		.kl-logo * {
			position: relative;
		}
		.kl-logo h1 {
			height: 100%;
		}
			.kl-logo h1 img {
				height: 100%;
				width: auto;
			}

/* kl-btn-login */
.kl-btn-login {
	position: relative;
}
	.kl-top .kl-btn-login {
		position: absolute;
		height: calc(1400px * 42/1200);
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.index .kl-btn-login {

	}
		.index .kl-btn-login h3 {
			width: calc(1400px * 144/1200);
			height: calc(1400px * 42/1200);
			line-height: calc(1400px * 42/1200);
			border-radius: calc(1400px * 21/1200);
			background: #4167AB;
			text-align: center;
			color: white;
			font-size: calc(1400px * 16/1200);
			letter-spacing:calc(1400px * 10/1200);
			text-align: center;
			text-indent: calc(1000px * 10/1200);
			opacity: .8;
		}
			.index .kl-btn-login h3:hover {
				cursor: pointer;
				opacity: 1;
			}
	.kl-all .kl-btn-login {

	}
		.kl-all .kl-btn-login h3 {
			width: calc(1400px * 144/1200);
			height: calc(1400px * 42/1200);
			line-height: calc(1400px * 42/1200);
			border-radius: calc(1400px * 21/1200);
			background: #4167AB;
			text-align: center;
			color: white;
			font-size: calc(1400px * 16/1200);
			letter-spacing:calc(1400px * 10/1200);
			text-align: center;
			text-indent: calc(1000px * 10/1200);
			opacity: .8;
		}
			.kl-all .kl-btn-login h3:hover {
				cursor: pointer;
				opacity: 1;
			}
		.kl-all .kl-btn-login .kl-user-status {
			width: calc(1400px * 144/1200);
			height: calc(1400px * 42/1200);
			line-height: calc(1400px * 42/1200);
			border-radius: calc(1400px * 21/1200);
			font-size: calc(1400px * 16/1200);
			box-shadow: 0 calc(1400px * 4/1200) calc(1400px * 8/1200) 0 rgba(0, 0, 0, 0.1), 0 calc(1400px * 6/1200) calc(1400px * 20/1200) 0 rgba(0, 0, 0, 0.09);
			overflow: hidden;
		}
			.kl-all .kl-btn-login .kl-user-status:hover {
				cursor: pointer;
			}
				.kl-all .kl-btn-login .kl-user-status:hover .kl-user-name {
					text-decoration: underline;
					color: #4167AB;
				}
				.kl-all .kl-btn-login .kl-user-status:hover i {
					color: red;
				}
			.kl-all .kl-btn-login .kl-user-status .kl-img-box {
				height: 100%;
				display: inline-block;
				border-radius: 50%;
				overflow: hidden;
				border: calc(1400px * 4/1200) solid white;
			}
				.kl-all .kl-btn-login .kl-user-status .kl-img-box img {
					height: 100%;
					width: auto;
				}
			.kl-all .kl-btn-login .kl-user-status .kl-user-name {
				display: inline-block;
				vertical-align: top;
				color: #8C8B8B;
				font-size: calc(1400px * 12/1200);
			}
			.kl-all .kl-btn-login .kl-user-status i {
				display: inline-block;
				vertical-align: top;
				color: #D8D8D8;
				font-size: calc(1400px * 16/1200);
				float: right;
				margin-right: calc(1400px * 12/1200);
			}

/* kl-menus-main */
.kl-menus-main {
	position: relative;
	font-size: calc(1400px * 16/1200);
	letter-spacing: calc(1400px * .7/1200);
	text-indent: calc(1400px * .7/1200);
	text-align: center;
}
	.kl-top .kl-menus-main {
		position: absolute;
		right: calc(1400px * 220/1200);
		top: 50%;
		transform: translateY(-50%);
		text-align: right;
	}
	.index .kl-menus-main {
		width: calc(1400px * 510/985);
	}
	.kl-menus-main nav a {
		padding: calc(1400px * 5/1200) 0;
		margin-left: calc(1400px * 30/1200);
		display: inline-block;
		border-bottom: 2px solid transparent;
		position: relative;
	}
		.kl-menus-main nav a:hover, .kl-menus-main nav a.active {
			border-color: #4167AB;
		}
		.kl-menus-main nav a img {
			width: calc(1400px * 5/1200);
			heigh: auto;
		}
			.kl-menus-main nav a img.kl-nav-icons {
				width: calc(1400px * 23/1200);
				height: auto;
				vertical-align: top;
			}
			.kl-menus-main nav a img.kl-triangle-bottom {
				width: calc(1400px * 7/1200);
				display: none;
			}
			.kl-menus-main nav a.active img.kl-triangle-right {
				display: none;
			}
			.kl-menus-main nav a.active img.kl-triangle-bottom {
				display: inline-block;
			}
		.kl-menus-main nav a ul {
			position: absolute;
			display: none;
			background: black;
			opacity: .65;
			width: calc(1400px * 100/1200);
			list-style: none;
			top: calc(1400px * 5/1200 + 100%);
			padding-bottom: calc(1400px * 5/1200);
		}
			.kl-menus-main nav a.active ul {
				display: block;
			}
			.kl-menus-main nav a ul li {
				text-align: left;
				font-size: calc(1400px * 14/1200);
				padding-left: calc(1240px * 15/1200);
				padding-right: 0;
				border-bottom: 1px solid transparent;
			}
				.kl-menus-main nav a ul li:after {
					display: none;
				}
				.kl-menus-main nav a ul li:hover {
					border-bottom: 1px solid white;
				}

/* kl-search */
.kl-search {
	position: relative;
	cursor: pointer;
}
	.kl-search * {
		position: relative;
	}
	.kl-top .kl-search {
		position: absolute;
		right: calc(1400px * 165/1200);
		top: 50%;
		transform: translateY(-50%);
	}
		.kl-top .kl-search img {
			width: calc(1400px * 15/1200);
			height: auto;
		}

/* kl-content */
.kl-content {
	position: relative;
}

/* kl-banner */
.kl-banner {
	position: relative;
	height: calc(100vw * 578/1200);
	overflow: hidden;
}
.kl-banner-pyb {
	position: relative;
	height: calc(100vw * 175/800);
	overflow: hidden;
}

/* kl-about */
.kl-about {
	background: #F5F8FA;
	padding: calc(1400px * 60/1200) 0 calc(1400px * 70/1200);
}
	.kl-about-des, .kl-about-des-pyb {

	}
		.kl-about-des h3, .kl-about-des-pyb h3 {
			color: #3040A9;
			font-size: calc(1400px * 24/1200);
			height: calc(1400px * 41/1200);
			line-height: calc(1400px * 41/1200);
			font-weight: bold;
		}
		.kl-about-des p, .kl-about-des-pyb p {
			margin-top: calc(1400px * 20/1200);
			color: #747474;
			width: calc(1400px * 1086/1200);
			font-size: calc(1400px * 14/1200);
			line-height: calc(1400px * 20/1200);
			font-weight: bold;
		}
		.kl-about-des button, .kl-about-des-pyb button {
			margin-top: calc(1400px * 36/1200);
			color: white;
			background: #4167AB;
			width: calc(1400px * 144/1200);
			height: calc(1400px * 42/1200);
			font-weight: bold;
			border-radius: calc(1400px * 21/1200);
			opacity: .8;
		}
			.kl-about-des button:hover, .kl-about-des-pyb button:hover {
				opacity: 1;
			}
			.kl-about-des button a, .kl-about-des-pyb button a {
				display: block;
				color: white;
				height: 100%;
				line-height: calc(1400px * 42/1200);
			}
	.kl-about-video {
		text-align: right;
	}
		.kl-about-video .kl-cover {
			width: calc(1400px * 346/1200);
			height: calc(1400px * 194/1200);
			overflow: hidden;
			position: relative;
			float: right;
			cursor: pointer;
		}
			.kl-about-video .kl-cover .kl-imgs-bg {
				position: absolute;
				width: 100%;
				height: auto;
				z-index: 1;
				left: 0;
				top: 0;
				opacity: .7;
			}
				.kl-about-video .kl-cover:hover .kl-imgs-bg {
					opacity: 1;
				}
			.kl-about-video .kl-cover .kl-icons-play {
				position: absolute;
				width: calc(1400px * 63/1200);
				height: auto;
				z-index: 2;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
			}
				.kl-about-video .kl-cover:hover .kl-icons-play {
					opacity: .7;
				}
		#videoShow {
			position: fixed;
			width: 60vw;
			height: 50vh;
			left: 20vw;
			top: 25vh;
			z-index: 1000;
		}
	.kl-about-icons {
		margin-top: calc(1400px * 115/1200);
	}
		.kl-about-icons ul, .kl-about-icons .mui-table-view-cell.mui-active {
			background: transparent;
			font-size: 0;
		}
			.kl-about-icons .mui-table-view:before, .kl-about-icons .mui-table-view:after, .kl-about-icons .mui-table-view-cell:after {
				display: none;
			}
			.kl-about-icons ul li {
				display: inline-block;
				width: 20%;
				text-align: center;
			}
				.kl-about-icons ul li:hover {
					cursor: pointer;
				}
					.kl-about-icons ul li:hover h3 a {
						text-decoration: underline;
					}
				.kl-about-icons ul li img {
					width: calc(1400px * 50/1200);
					height: auto;
				}
				.kl-about-icons ul li h3 {
					margin: calc(1400px * 20/1200) auto calc(1400px * 15/1200);
					font-size: calc(1400px * 21/1200);
					font-weight: bold;
					color: #4167AB;
				}
					.kl-about-icons ul li h3 a {
						color: #4167AB;
					}
				.kl-about-icons ul li p {
					font-size: calc(1400px * 14/1200);
					font-weight: bold;
					color: #4167AB;
				}

/* kl-news */
.kl-news {
	background: white;
	padding: calc(1400px * 100/1200) 0;
}
	.kl-news-headline {
		text-align: left;
	}
		.kl-news-headline-img {
			width: calc(1400px * 462/1200);
			height: calc(1400px * 183/1200);
			overflow: hidden;
			cursor: pointer;
		}
			.kl-news-headline-img img {
				width: 125%;
				height: auto;
				opacity: .7;
			}
			.kl-news-headline-img:hover img {
				opacity: 1;
			}
		.kl-news-headline-img-pyb {
			width: 100%;
			height: auto;
			overflow: hidden;
			cursor: pointer;
		}
			.kl-news-headline-img-pyb img {
				margin: auto;
				width: 96%;
				height: auto;
				opacity: .7;
			}
			.kl-news-headline-img-pyb:hover img {
				opacity: 1;
			}
		.kl-news-headline h3 {
			margin: calc(1400px * 30/1200) 0 calc(1400px * 15/1200);
			width: calc(1400px * 462/1200);
			font-size: calc(1400px * 18/1200);
			font-weight: bold;
		}
			.kl-news-headline h3, .kl-news-headline h3 * {
				color: black;
			}
			.kl-news-headline h3 a:hover {
				text-decoration: underline;
				color: #4167AB;
			}
		.kl-news-headline p {
			width: calc(1400px * 462/1200);
			font-size: calc(1400px * 14/1200);
			color: black;
		}
		.kl-news-headline em {
			margin-top: calc(1400px * 20/1200);
			width: calc(1400px * 462/1200);
			font-size: calc(1400px * 14/1200);
			color: black;
			display: inline-block;
		}
	.kl-news-recommend {
		text-align: right;
	}
		.kl-news-recommend .mui-table-view:before {
			display: none;
		}
		.kl-news-recommend ul {
			width: calc(1400px * 453/1200);
			text-align: left;
			float: right;
		}
			.kl-news-recommend ul li {
				padding: calc(1400px * 15/1200) 0;
			}
				.kl-news-recommend ul li h3 {
					font-size: calc(1400px * 16/1200);
					font-weight: bold;
				}
					.kl-news-recommend ul li h3, .kl-news-recommend ul li h3 * {
						color: black;
					}
					.kl-news-recommend ul li h3 a:hover {
						text-decoration: underline;
						color: #4167AB;
					}
				.kl-news-recommend ul li p {
					margin: calc(1400px * 5/1200) 0 auto;
					font-size: calc(1400px * 14/1200);
					color: #7F8FA4;
				}
				.kl-news-recommend ul li em {
					position: absolute;
					right: 0;
					font-size: calc(1400px * 14/1200);
					color: black;
					display: inline-block;
				}

/* kl-cases */
.kl-cases {
	background: white;
	padding: 0 0 calc(1400px * 30/1200);
}
	.business .kl-cases {
		padding: calc(1400px * 80/1200) 0 calc(1400px * 50/1200);
		text-align: center;
	}
		.business .kl-cases .kl-title {
			margin: auto auto calc(1400px * 50/1200);
			font-size: calc(1400px * 24/1200);
			font-weight: bold;
			line-height: calc(1400px * 30/1200);
		}
	.kl-cases .kl-con .kl-lists {
		text-align: center;
		min-height: calc(1400px * 110/1200);
		position: relative;
	}
		.kl-cases .kl-con .kl-lists img {
			margin: auto;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: calc(1400px * 157/1004);
			height: auto;
		}
/* 			.kl-cases .kl-con .kl-lists:nth-child(1) img { */
/* 				width: calc(1400px * 157/1200); */
/* 				height: auto; */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(2) img { */
/* 				width: calc(1400px * 135/1200); */
/* 				height: auto; */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(3) img { */
/* 				width: calc(1400px * 137/1200); */
/* 				height: auto; */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(4) img { */
/* 				width: calc(1400px * 66/1200); */
/* 				height: auto; */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(5) img { */
/* 				width: calc(1400px * 100/1200); */
/* 				height: auto; */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(6) img { */
/* 				width: calc(1400px * 110/1200); */
/* 				height: auto; */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(7) img { */
/* 				width: calc(1400px * 81/1200); */
/* 				height: auto; */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(8) img { */
/* 				width: calc(1400px * 87/1200); */
/* 				height: auto; */
/* 			} */

/* kl-team */
.kl-team {
	background: white;
	padding: calc(1400px * 30/1200) 0 calc(1400px * 60/1200);
}
	.business .kl-team {
		padding: calc(1400px * 50/1200) 0;
		text-align: center;
	}
		.business .kl-team .kl-title {
			margin: auto auto calc(1400px * 50/1200);
			font-size: calc(1400px * 24/1200);
			font-weight: bold;
			line-height: calc(1400px * 30/1200);
		}
	.kl-team .kl-con {
		overflow: hidden;
	}
		.kl-team .swiper-container-team .swiper-slide {
			text-align: center;
		}
			.kl-team .swiper-container-team .swiper-slide a {
				display: inline-block;
			}
				.kl-team .swiper-container-team .swiper-slide a h3 {
					color: black;
				}
					.kl-team .swiper-container-team .swiper-slide a:hover h3 {
						text-decoration: underline;
						color: #4167AB;
					}
			.kl-team .swiper-container-team .swiper-slide .kl-swiper-slide-img {
				width: calc(1400px * 200/1200);
				height: calc(1400px * 300/1200);
				overflow: hidden;
				margin: auto auto calc(1400px * 24/1200);
			}
				.kl-team .swiper-container-team .swiper-slide .kl-swiper-slide-img img {
					width: 100%;
					height: auto;
				}
				.kl-team .swiper-container-team .swiper-slide .kl-swiper-slide-img.kl-w-auto img {
					height: 100%;
					width: auto;
					margin-left: 50%;
					transform: translateX(-50%);
				}
			.kl-team .swiper-container-team .swiper-slide .kl-job, .kl-team .swiper-container-team .swiper-slide .kl-des {
				font-size: calc(1400px * 14/1200);
			}
			.kl-team .swiper-container-team .swiper-slide .kl-job {
				margin: auto auto calc(1400px * 20/1200);
			}
			.kl-team .swiper-container-team .swiper-slide h3 {
				font-size: calc(1400px * 16/1200);
				margin: calc(1400px * 24/1200) auto calc(1400px * 10/1200);
			}
		.kl-team .swiper-container-team .swiper-pagination {
			margin-top: calc(1400px * 40/1200);
			margin-bottom: calc(1400px * 40/1200);
			position: relative;
		}
		.kl-team .swiper-container-team .kl-swiper-btn {
			width: calc(1400px * 180/1200);
			height: calc(1400px * 46/1200);
			border-radius: calc(1400px * 23/1200);
			background: #4167AB;
			color: white;
			opacity: .8;
			margin-left: 50%;
			transform: translateX(-50%);
		}
			.kl-team .swiper-container-team .kl-swiper-btn:hover {
				opacity: 1;
			}
			.kl-team .swiper-container-team .kl-swiper-btn a {
				display: inline-block;
				color: white;
				width: 100%;
				height: 100%;
				line-height: calc(1400px * 46/1200);
			}
		.kl-team .swiper-container-team-m .swiper-slide {
			text-align: center;
		}
			.kl-team .swiper-container-team-m .swiper-slide a {
				display: inline-block;
			}m
				.kl-team .swiper-container-team-m .swiper-slide a h3 {
					color: black;
				}
					.kl-team .swiper-container-team-m .swiper-slide a:hover h3 {
						text-decoration: underline;
						color: #4167AB;
					}
			.kl-team .swiper-container-team-m .swiper-slide .kl-swiper-slide-img {
				width: calc(1400px * 200/1200);
				height: calc(1400px * 300/1200);
				overflow: hidden;
				margin: auto auto calc(1400px * 24/1200);
			}
				.kl-team .swiper-container-team-m .swiper-slide .kl-swiper-slide-img img {
					width: 100%;
					height: auto;
				}
				.kl-team .swiper-container-team-m .swiper-slide .kl-swiper-slide-img.kl-w-auto img {
					height: 100%;
					width: auto;
					margin-left: 50%;
					transform: translateX(-50%);
				}
			.kl-team .swiper-container-team-m .swiper-slide .kl-job, .kl-team .swiper-container-team-m .swiper-slide .kl-des {
				font-size: calc(1400px * 14/1200);
			}
			.kl-team .swiper-container-team-m .swiper-slide .kl-job {
				margin: auto auto calc(1400px * 20/1200);
			}
			.kl-team .swiper-container-team-m .swiper-slide h3 {
				font-size: calc(1400px * 16/1200);
				margin: calc(1400px * 24/1200) auto calc(1400px * 10/1200);
			}
		.kl-team .swiper-container-team-m .swiper-pagination {
			margin-top: calc(1400px * 40/1200);
			margin-bottom: calc(1400px * 40/1200);
			position: relative;
		}
		.kl-team .swiper-container-team-m .kl-swiper-btn {
			width: calc(1400px * 180/1200);
			height: calc(1400px * 46/1200);
			border-radius: calc(1400px * 23/1200);
			background: #4167AB;
			color: white;
			opacity: .8;
			margin-left: 50%;
			transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
		}
			.kl-team .swiper-container-team-m .kl-swiper-btn:hover {
				opacity: 1;
			}
			.kl-team .swiper-container-team-m .kl-swiper-btn a {
				display: inline-block;
				color: white;
				width: 100%;
				height: 100%;
				line-height: calc(1400px * 46/1200);
			}

/* kl-map */
.kl-map {
	position: relative;
	height: calc(100vw * 440/1200);
	min-height: calc(1400px * 440/1200);
}
	.kl-map .kl-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		z-index: 0;
	}
	.kl-map .kl-con {
		z-index: 1;
		padding: calc(1400px * 44/1200) 0 calc(1400px * 64/1200);
	}
		.kl-map .kl-con select, .kl-map .kl-con input, .kl-map .kl-con textarea, .kl-map .kl-con em {
			display: inline-block;
		}
		.kl-map .kl-con select, .kl-map .kl-con input, .kl-map .kl-con textarea {

		}
		.kl-map .kl-con em {

		}
		.kl-map .kl-con .kl-qr {
			position: absolute;
			bottom: calc(1400px * 64/1200);
			right: 0;
			height: calc(1400px * 91/1200);
			z-index: 2;
		}
			.kl-map .kl-con .kl-qr .kl-qr-list {
				height: 100%;
				margin-left: calc(1400px * 5/1200);
				display: inline-block;
				vertical-align: top;
			}
				.kl-map .kl-con .kl-qr .kl-qr-list:hover {
					cursor: pointer;
				}
					.kl-map .kl-con .kl-qr .kl-qr-list:hover img {
						opacity: 1;
					}
				.kl-map .kl-con .kl-qr .kl-qr-list img {
					height: 100%;
					width: auto;
					opacity: .9;
				}
				.kl-map .kl-con .kl-qr .kl-qr-list p {
					width: calc(1400px * 91/1200);
					text-align: center;
					font-size: calc(1400px * 12/1200);
					color: white;
				}
		.kl-map .kl-con .kl-map-address {
			position: absolute;
			bottom: calc(1400px * 64/1200);
			right: calc(1400px * 240/1200);
			color: white;
			font-size: calc(1400px * 14/1200);
			line-height: calc(1400px * 26/1200);
			z-index: 2;
		}
		.kl-map .kl-con .kl-form {
			position: absolute;
			top: calc(1400px * 44/1200);
			left: 0;
			width: calc(1400px * 532/1200);
			z-index: 2;
		}
			.kl-map .kl-con .kl-form h3 {
				line-height: calc(1400px * 26/1200);
				font-size: calc(1400px * 14/1200);
				color: white;
				margin-bottom: calc(1400px * 12/1200);
			}
			.kl-map .kl-con .kl-form .kl-col-3 {
				padding: 0 calc(1400px * 13.3334/1200);
			}
				.kl-map .kl-con .kl-form .kl-col-3:nth-child(2) {
					padding-left: 0;
				}
				.kl-map .kl-con .kl-form .kl-col-3:nth-child(5) {
					padding-right: 0;
				}
			.kl-map .kl-con .kl-form .kl-col-4 {
				padding: 0 calc(1400px * 13.3334/1200);
			}
				.kl-map .kl-con .kl-form .kl-col-4:nth-child(2) {
					padding-left: 0;
				}
				.kl-map .kl-con .kl-form .kl-col-4:nth-child(4) {
					padding-right: 0;
				}
			.kl-map .kl-con .kl-form input, .kl-map .kl-con .kl-form textarea {
				padding: calc(1400px * 5/1200) calc(1400px * 10/1200);
				line-height: calc(1400px * 26/1200);
				font-size: calc(1400px * 14/1200);
			}
			.kl-map .kl-con .kl-form textarea {
				padding: calc(1400px * 10/1200);
				height: calc(1400px * 169/1200);
			}
			.kl-map .kl-con .kl-form button {
				margin-top: calc(1400px * 25/1200);
				width: calc(1400px * 180/1200);
				height: calc(1400px * 46/1200);
				background: #2167AF;
				color: white;
				float: left;
				opacity: .8;
				font-size: calc(1400px * 14/1200);
				letter-spacing: calc(1400px * 20/1200);
				text-align: center;
				text-indent: calc(1400px * 20/1200);
				word-spacing: calc(1400px * 20/1200);
			}
				.kl-map .kl-con .kl-form button:hover {
					opacity: 1;
				}
			.kl-map .kl-con .kl-form .kl-tips {
				margin-top: calc(1400px * 25/1200);
				color: white;
				font-size: calc(1400px * 13/1200);
				line-height: calc(1400px * 46/1200);
				float: left;
				margin-left: calc(1400px * 20/1200);
			}
				.kl-map .kl-con .kl-form .kl-tips a {
					color: #2167AF;
					font-size: calc(1400px * 13/1200);
				}
					.kl-map .kl-con .kl-form .kl-tips a:hover {
						text-decoration: underline;
					}

/* footer */
footer.body {
/* 	position: fixed; */
/* 	bottom: 0; */
/* 	left: 0; */
	width: 100%;
	height: calc(1400px * 125/1200);
	margin: auto auto;
	background: #3B3D40;
	z-index: 99;
}
	footer.body * {
		position: relative;
	}
	.kl-logo-footer {
		height: calc(1400px * 125/1200);
		text-align: left;
		overflow: hidden;
	}
		.kl-logo-footer img {
			width: calc(1400px * 211/1200);
			position: absolute;
			top: 50%;
			height: auto;
			max-height: 100%;
			transform: translateY(-50%);
		}
	.kl-copyright-footer {
		height: calc(1400px * 125/1200);
		text-align: center;
		overflow: hidden;
		color: white;
	}
		.kl-copyright-footer h3 {
			font-weight: normal;
			position: absolute;
			top: 50%;
			left: 0;
			width: 100%;
			transform: translateY(-50%);
		}
			.kl-copyright-footer h3, .kl-copyright-footer h3 * {
				color: white;
				font-size: calc(1400px * 10/1200);
			}
		.kl-copyright-footer p {
			display: inline-block;
		}
	.kl-btns-footer {
		height: calc(1400px * 125/1200);
		text-align: right;
		overflow: hidden;
		color: white;
	}
		.kl-btns-footer .kl-btns-nav {
			position: absolute;
			top: 50%;
			right: 0;
			width: calc(1400px * 180/1200);
			height: calc(1400px * 42/1200);
			transform: translateY(-50%);
			border: 2px solid white;
			color: white;
			opacity: .8;
			font-size: calc(1400px * 14/1200);
		}
			.kl-btns-footer .kl-btns-nav:hover {
				opacity: 1;
			}
			.kl-btns-footer .kl-btns-nav i {
				font-size: calc(1400px * 14/1200);
			}
				.kl-btns-footer .kl-btns-nav i.show {
					display: inline-block;
				}
				.kl-btns-footer .kl-btns-nav i.hide {
					display: none;
				}

/* kl-mask-black */
.kl-mask-black {
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 999;
	opacity: .5;
	background: black;
}

/* kl-nav */
.kl-nav {
	position: relative;
	height: calc(100vw * 154/1920);
	min-height: calc(1400px * 154/1920);
}
	.business .kl-nav {
		height: calc(100vw * 200/1200);
		min-height: calc(1400px * 200/1200);
	}
	.kl-nav .kl-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		z-index: 0;
	}
	.kl-nav .kl-con {
		position: relative;
	}
		.kl-nav .kl-con .kl-sub {
			height: calc(1400px * 21/1200);
			position: absolute;
			top: 60%;
			left: 0;
			transform: translateY(-50%);
			color: white;
			z-index: 1;
			font-size: calc(1400px * 14/1200);
		}
			.kl-nav .kl-con .kl-sub * {
				color: white;
				font-size: calc(1400px * 14/1200);
			}
			.kl-nav .kl-con .kl-sub a {
				margin: auto calc(1400px * 7/1200);
				text-align: left;
			}
				.kl-nav .kl-con .kl-sub a:hover {
					text-decoration: underline;
				}
				.kl-nav .kl-con .kl-sub a:nth-child(1) {
					margin-left: auto;
				}
		.kl-nav .kl-con .kl-nav-title {
			position: absolute;
			bottom: calc(1400px * 40/1200);
			left: 0;
			color: white;
			z-index: 1;
		}
			.kl-nav .kl-con .kl-nav-title img {
				height: calc(1400px * 48/1200);
				width: auto;
				display: block;
			}
			.kl-nav .kl-con .kl-nav-title h2 {
				font-size: calc(1400px * 36/1200);
				font-weight: bold;
				margin: calc(1400px * 20/1200) auto calc(1400px * 20/1200);
			}
			.kl-nav .kl-con .kl-nav-title h3 {
				font-size: calc(1400px * 21/1200);
				font-weight: bold;
			}

/* kl-news-list */
.kl-news-list {
	position: relative;
	background: white;
	padding: calc(1400px * 50/1200) 0 calc(1400px * 20/1200);
}
	.kl-news-list .kl-con {

	}
		.kl-news-list .kl-con .kl-left {
			width: calc(1400px * 704/1004);
			display: inline-block;
		}
			.kl-news-list .kl-con .kl-left .kl-h {
				padding: calc(1400px * 22/1200) calc(1400px * 20/1200);
				border: solid #E6EAEE 1px;
				border-bottom: none;
			}
				.kl-news-list .kl-con .kl-left .kl-h * {
					display: inline-block;
				}
				.kl-news-list .kl-con .kl-left .kl-h h2 {
					font-size: calc(1400px * 24/1200);
					color: #354052;
					font-weight: normal;
					margin-right: calc(1400px * 30/1200);
				}
					.kl-news-list .kl-con .kl-left .kl-h h2.kl-title {
						font-size: calc(1400px * 14/1200);
						font-weight: bold;
						display: block;
						color: #354052;
					}
				.kl-news-list .kl-con .kl-left .kl-h h3 {
					font-size: calc(1400px * 14/1200);
					color: #7F8FA4;
					font-weight: normal;
				}
				.kl-news-list .kl-con .kl-left .kl-h .kl-info {
					display: block;
					margin: calc(1400px * 15/1200) auto calc(1400px * 8/1200);
					color: #7F8FA4;
					font-size: calc(1400px * 12/1200);
				}
					.kl-news-list .kl-con .kl-left .kl-h .kl-info .kl-date {
						float: right;
						font-weight: bold;
						color: #354052;
						font-size: calc(1400px * 14/1200);
					}
				.kl-news-list .kl-con .kl-left .kl-h .kl-search-input {
					font-size: calc(1400px * 12/1200);
					height: calc(1400px * 40/1200);
					border-radius: calc(1400px * 5/1200);
				}
				.kl-news-list .kl-con .kl-left .kl-h .kl-search-button {
					font-size: calc(1400px * 12/1200);
					height: calc(1400px * 40/1200);
					opacity: .9;
					background: #2167AF;
					width: calc(1400px * 100/1200);
					text-align: center;
					color: white;
				}
					.kl-news-list .kl-con .kl-left .kl-h .kl-search-button:hover {
						opacity: 1;
					}
			.kl-news-list .kl-con .kl-left .kl-ul {
				border: solid #E6EAEE 1px;
			}
				.kl-news-list .kl-con .kl-left .kl-ul .kl-ul-h {
					background: #F5F8FA;
					color: #7F8FA4;
					font-size: calc(1400px * 14/1200);
					font-weight: bold;
					height: calc(1400px * 36/1200);
					line-height: calc(1400px * 36/1200);
					padding: 0 calc(1400px * 20/1200);
				}
				.kl-news-list .kl-con .kl-left .kl-ul .kl-li {
					padding: calc(1400px * 14/1200) calc(1400px * 20/1200);
					border-bottom: 1px solid #E6EAEE;
				}
					.kl-news-list .kl-con .kl-left .kl-ul .kl-li:last-child {
						border-bottom: none;
					}
					.kl-news-list .kl-con .kl-left .kl-ul .kl-li .kl-li-title {
						font-size: calc(1400px * 14/1200);
					}
						.kl-news-list .kl-con .kl-left .kl-ul .kl-li .kl-li-title a {
							color: #354052;
							font-weight: bold;
						}
							.kl-news-list .kl-con .kl-left .kl-ul .kl-li .kl-li-title a:hover {
								text-decoration: underline;
								color: #4167AB;
							}
						.kl-news-list .kl-con .kl-left .kl-ul .kl-li .kl-li-des {
							font-size: calc(1400px * 13/1200);
							color: #7F8FA4;
						}
						.kl-news-list .kl-con .kl-left .kl-ul .kl-li .kl-li-keywords {
							font-size: calc(1400px * 12/1200);
						}
							.kl-news-list .kl-con .kl-left .kl-ul .kl-li .kl-li-keywords span {
								color: red;
							}
					.kl-news-list .kl-con .kl-left .kl-ul .kl-li .kl-li-date {
						color: #354052;
						font-size: calc(1400px * 14/1200);
						font-weight: bold;
					}
					.kl-news-list .kl-con .kl-left .kl-ul .kl-li.kl-li-content {
						font-size: calc(1400px * 14/1200);
						padding-bottom: calc(1400px * 30/1200);
					}
				.kl-news-list .kl-con .kl-left .kl-ul .kl-li-comments-title {
					font-size: calc(1400px * 14/1200);
					background: #E6EAEE;
				}
				.kl-news-list .kl-con .kl-left .kl-ul h4 {
					font-size: calc(1400px * 12/1200);
					font-weight: bold;
				}
					.kl-news-list .kl-con .kl-left .kl-ul .kl-li-comments article {
					    padding: calc(1400px * 10/1200) 0;
					}
					.kl-news-list .kl-con .kl-left .kl-ul .kl-li-comments footer {
					    border-top: 1px solid #E6EAEE;
					    font-size: calc(1400px * 12/1200);
					    height: calc(1400px * 30/1200);
					    line-height: calc(1400px * 30/1200);
					}
			.kl-news-list .kl-con .kl-left .kl-page {
				margin: calc(1400px * 30/1200) auto auto;
			}
				.kl-news-list .kl-con .kl-left .kl-page ul {
					text-align: center;
				}
					.kl-news-list .kl-con .kl-left .kl-page ul li {
						width: calc(1400px * 36/1200);
						height: calc(1400px * 36/1200);
						line-height: calc(1400px * 36/1200);
						display: inline-block;
						border: solid 1px #E6EAEE;
						text-align: center;
						margin-right: calc(1400px * 10/1200);
					}
						.kl-news-list .kl-con .kl-left .kl-page ul li:hover {
							border-color: #4167AB;
							cursor: pointer;
						}
						.kl-news-list .kl-con .kl-left .kl-page ul li:hover * {
							text-decoration: underline;
							color: #4167AB;
						}
						.kl-news-list .kl-con .kl-left .kl-page ul li, .kl-news-list .kl-con .kl-left .kl-page ul li * {
							color: #7F8FA4;
							font-size: calc(1400px * 12/1200);
						}
						.kl-news-list .kl-con .kl-left .kl-page ul li:first-child {
							float: left;
							margin-right: auto;
						}
						.kl-news-list .kl-con .kl-left .kl-page ul li:last-child {
							float: right;
							margin-right: auto;
						}
						.kl-news-list .kl-con .kl-left .kl-page ul li.active {
							color: #4167AB;
							border-color: #4167AB;
						}
							.kl-news-list .kl-con .kl-left .kl-page ul li.active * {
								color: #4167AB;
							}
						.kl-news-list .kl-con .kl-left .kl-page ul li.disabled {
							color: #E6EAEE;
							border-color: #E6EAEE;
						}
							.kl-news-list .kl-con .kl-left .kl-page ul li.disabled * {
								color: #E6EAEE;
							}
						.kl-news-list .kl-con .kl-left .kl-page ul li a {
							display: inline-block;
							width: 100%;
							height: 100%;
						}
		.kl-news-list .kl-con .kl-right {
			width: calc(1400px * 250/1004);
			float: right;
		}
			.kl-news-list .kl-con .kl-right .kl-contact {
				border: 1px solid #E6EAEE;
				padding: calc(1400px * 7/1004);
				position: relative;
				height: calc(1400px * 59/1004);
			}
				.kl-news-list .kl-con .kl-right .kl-contact img {
					width: calc(1400px * 52/1200);
					height: auto;
					display: inline-block;
					position: absolute;
					left: calc(1400px * 7/1004);
					top: 50%;
					transform: translateY(-50%);
				}
				.kl-news-list .kl-con .kl-right .kl-contact h3, .kl-news-list .kl-con .kl-right .kl-contact p {
					display: inline-block;
					float: right;
				}
				.kl-news-list .kl-con .kl-right .kl-contact h3 {
					font-size: calc(1400px * 14/1200);
					font-weight: bold;
					color: #354052;
				}
				.kl-news-list .kl-con .kl-right .kl-contact p {
					position: absolute;
					right: calc(1400px * 7/1200);
					bottom: calc(1400px * 7/1200);
					font-size: calc(1400px * 12/1200);
				}
	.cases .kl-news-list {
		padding: calc(1400px * 50/1200) 0 calc(1400px * 40/1200);
	}
		.kl-news-list .kl-con .kl-cases-list {

		}
			.kl-news-list .kl-con .kl-cases-list:nth-child(3n+1) {
				text-align: left;
			}
			.kl-news-list .kl-con .kl-cases-list:nth-child(3n+2) {
				text-align: center;
			}
				.kl-news-list .kl-con .kl-cases-list:nth-child(3n+2) .kl-cases-list-box {
					margin: auto auto;
				}
			.kl-news-list .kl-con .kl-cases-list:nth-child(3n+3) {
				text-align: right;
			}
				.kl-news-list .kl-con .kl-cases-list:nth-child(3n+3) .kl-cases-list-box {
					float: right;
				}
			.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box {
				width: calc(1400px * 270/1004);
				height: calc(1400px * 240/1004);
				overflow: hidden;
				border: 1px solid #E6EAEE;
				text-align: center;
				border-radius: 1vw;
			}
				.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box:hover {
					cursor: pointer;
				}
					.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box:hover .kl-title a {
						text-decoration: underline;
						color: #4167AB;
					}
					.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box:hover .kl-img-box img {
						opacity: 1;
					}
				.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box .kl-img-box {
					width: 100%;
					height: calc(1400px * 160/1004);
					overflow: hidden;
					text-align: center;
					background: #E6EAEE;
				}
					.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box .kl-img-box img {
						width: 100%;
						height: auto;
						opacity: .8;
					}
					.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box .kl-img-box i, .kl-news-list .kl-con .kl-cases-list .kl-cases-list-box .kl-img-box span {
						margin: auto auto;
						display: block;
						color: gray;
					}
				.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box .kl-title {
					margin: calc(1400px * 20/1004) auto;
					font-size: calc(1400px * 16/1200);
					font-weight: bold;
				}
					.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box .kl-title a {
						color: #354052;
					}
				.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box .kl-date {
					font-size: calc(1400px * 14/1200);
					color: #7F8FA4;
				}
			.cases .kl-news-list .kl-con .kl-ft .kl-page {
				margin: calc(1400px * 30/1200) auto auto;
			}
				.cases .kl-news-list .kl-con .kl-ft .kl-page ul {
					text-align: center;
				}
					.cases .kl-news-list .kl-con .kl-ft .kl-page ul li {
						width: calc(1400px * 36/1200);
						height: calc(1400px * 36/1200);
						line-height: calc(1400px * 36/1200);
						display: inline-block;
						border: solid 1px #E6EAEE;
						text-align: center;
						margin-right: calc(1400px * 10/1200);
					}
						.cases .kl-news-list .kl-con .kl-ft .kl-page ul li:hover {
							border-color: #4167AB;
							cursor: pointer;
						}
						.cases .kl-news-list .kl-con .kl-ft .kl-page ul li:hover * {
							text-decoration: underline;
							color: #4167AB;
						}
						.cases .kl-news-list .kl-con .kl-ft .kl-page ul li, .cases .kl-news-list .kl-con .kl-ft .kl-page ul li * {
							color: #7F8FA4;
							font-size: calc(1400px * 12/1200);
						}
						.cases .kl-news-list .kl-con .kl-ft .kl-page ul li:first-child {
							float: left;
							margin-right: auto;
						}
						.cases .kl-news-list .kl-con .kl-ft .kl-page ul li:last-child {
							float: right;
							margin-right: auto;
						}
						.cases .kl-news-list .kl-con .kl-ft .kl-page ul li.active {
							color: #4167AB;
							border-color: #4167AB;
						}
							.cases .kl-news-list .kl-con .kl-ft .kl-page ul li.active * {
								color: #4167AB;
							}
						.cases .kl-news-list .kl-con .kl-ft .kl-page ul li.disabled {
							color: #E6EAEE;
							border-color: #E6EAEE;
						}
							.cases .kl-news-list .kl-con .kl-ft .kl-page ul li.disabled * {
								color: #E6EAEE;
							}
						.cases .kl-news-list .kl-con .kl-ft .kl-page ul li a {
							display: inline-block;
							width: 100%;
							height: 100%;
						}


/* kl-news-news */
.kl-news-view {
	position: relative;
	background: white;
	padding: calc(1400px * 50/1200) 0 calc(1400px * 40/1200);;
}

/* kl-team-list */
.kl-team-list {
	position: relative;
	background: white;
	padding: calc(1400px * 50/1200) 0 calc(1400px * 70/1200);;
}
	.kl-team-list .kl-con {

	}
		.kl-team-list .kl-team-list {
			position: relative;
			text-align: center;
		}
			.kl-team-list .kl-team-list:nth-child(4n+1) .kl-team-list-box {
				float: left;
			}
			.kl-team-list .kl-team-list:nth-child(4n+4) .kl-team-list-box {
				float: right;
			}
			.kl-team-list .kl-team-list .kl-team-list-box {
				position: relative;
				width: calc(1400px * 200/1004);
				height: calc(1400px * 380/1004);
				overflow: hidden;
				margin: auto auto;
			}
				.kl-team-list .kl-team-list .kl-team-list-box:hover {
					cursor: pointer;
				}
					.kl-team-list .kl-team-list .kl-team-list-box:hover .kl-team-list-img img {
						opacity: 1;
					}
					.kl-team-list .kl-team-list .kl-team-list-box:hover a {
						color: #4167AB;
						text-decoration: underline;
					}
				.kl-team-list .kl-team-list:nth-child(4n+2) .kl-team-list-box {
					margin-left: calc((1400px/4 - 1400px * 200/1004)/3);
				}
				.kl-team-list .kl-team-list:nth-child(4n+3) .kl-team-list-box {
					margin-right: calc((1400px/4 - 1400px * 200/1004)/3);
				}
				.kl-team-list .kl-team-list .kl-team-list-box .kl-team-list-img {
					height: calc(1400px * 200/1004 * 300/200);
					overflow: hidden;
				}
					.kl-team-list .kl-team-list .kl-team-list-box .kl-team-list-img img {
						width: 100%;
						height: auto;
						opacity: .9;
					}
					.kl-team-list .kl-team-list .kl-team-list-box .kl-team-list-img.kl-w-auto img {
						height: 100%;
						width: auto;
						margin-left: 50%;
						transform: translateX(-50%);
					}
				.kl-team-list .kl-team-list .kl-team-list-box .kl-job {
					font-size: calc(1400px * 13/1200);
					color: #242526;
				}
				.kl-team-list .kl-team-list .kl-team-list-box a {
					font-size: calc(1400px * 15/1200);
					color: #747474;
					font-weight: bold;
					margin: calc(1400px * 20/1004) auto calc(1400px * 10/1004);
					display: inline-block;
				}
			.kl-team-list .kl-con .kl-ft .kl-page {
				margin: calc(1400px * 30/1200) auto auto;
			}
				.kl-team-list .kl-con .kl-ft .kl-page ul {
					text-align: center;
				}
					.kl-team-list .kl-con .kl-ft .kl-page ul li {
						width: calc(1400px * 36/1200);
						height: calc(1400px * 36/1200);
						line-height: calc(1400px * 36/1200);
						display: inline-block;
						border: solid 1px #E6EAEE;
						text-align: center;
						margin-right: calc(1400px * 10/1200);
					}
						.kl-team-list .kl-con .kl-ft .kl-page ul li:hover {
							border-color: #4167AB;
							cursor: pointer;
						}
						.kl-team-list .kl-con .kl-ft .kl-page ul li:hover * {
							text-decoration: underline;
							color: #4167AB;
						}
						.kl-team-list .kl-con .kl-ft .kl-page ul li, .kl-team-list .kl-con .kl-ft .kl-page ul li * {
							color: #7F8FA4;
							font-size: calc(1400px * 12/1200);
						}
						.kl-team-list .kl-con .kl-ft .kl-page ul li:first-child {
							float: left;
							margin-right: auto;
						}
						.kl-team-list .kl-con .kl-ft .kl-page ul li:last-child {
							float: right;
							margin-right: auto;
						}
						.kl-team-list .kl-con .kl-ft .kl-page ul li.active {
							color: #4167AB;
							border-color: #4167AB;
						}
							.kl-team-list .kl-con .kl-ft .kl-page ul li.active * {
								color: #4167AB;
							}
						.kl-team-list .kl-con .kl-ft .kl-page ul li.disabled {
							color: #E6EAEE;
							border-color: #E6EAEE;
						}
							.kl-team-list .kl-con .kl-ft .kl-page ul li.disabled * {
								color: #E6EAEE;
							}
						.kl-team-list .kl-con .kl-ft .kl-page ul li a {
							display: inline-block;
							width: 100%;
							height: 100%;
						}

/* kl-team-news */
.kl-team-view {
	position: relative;
	background: white;
	padding: calc(1400px * 50/1200) 0 calc(1400px * 50/1200);
}
	.kl-team-view .kl-con {

	}
		.kl-team-view .kl-con .kl-left {
			text-align: left;
		}
			.kl-team-view .kl-con .kl-left .kl-team-box {
				width: calc(1400px * 250/1004);
			}
				.kl-team-view .kl-con .kl-left .kl-bcard {
					border: 1px solid #E6EAEE;
					padding: calc(1400px * 7/1200);
					position: relative;
					font-size: 0;
					text-align: center;
					margin: auto auto calc(1400px * 10/1200);
				}
					.kl-team-view .kl-con .kl-left .kl-bcard .kl-bg {
						position: relative;
						width: 100%;
						height: auto;
						z-index: 0;
					}
					.kl-team-view .kl-con .kl-left .kl-bcard .kl-team-headimg {
						width: calc(1400px * 74/1004);
						height: calc(1400px * 74/1004);
						overflow: hidden;
						border-radius: 50%;
						border: 2px solid white;
						background: white;
						z-index: 1;
						position: relative;
						margin: auto auto;
						transform: translateY(-50%);
					}
						.kl-team-view .kl-con .kl-left .kl-bcard .kl-team-headimg img {
							width: 100%;
							height: auto;
						}
					.kl-team-view .kl-con .kl-left .kl-bcard h2 {
						text-align: center;
						font-size: calc(1400px * 15/1200);
						color: #354052;
						font-weight: bold;
						margin-top: calc(-1400px * 37/1004 + 1400px * 5/1004);
					}
					.kl-team-view .kl-con .kl-left .kl-bcard p {
						text-align: center;
						font-size: calc(1400px * 14/1200);
						color: #7F8FA4;
					}
						.kl-team-view .kl-con .kl-left .kl-bcard .kl-email {
							margin: calc(1400px * 5/1004) auto calc(1400px * 10/1004);
						}
						.kl-team-view .kl-con .kl-left .kl-bcard .kl-phone {
							font-size: calc(1400px * 12/1200);
						}
						.kl-team-view .kl-con .kl-left .kl-bcard .kl-fax {
							font-size: calc(1400px * 12/1200);
						}
					.kl-team-view .kl-con .kl-left .kl-bcard .kl-team-qrimg {
						width: calc(1400px * 53/1004);
						height: calc(1400px * 53/1004);
						overflow: hidden;
						margin: calc(1400px * 10/1004) auto;
					}
						.kl-team-view .kl-con .kl-left .kl-bcard .kl-team-qrimg img {
							width: 100%;
							height: auto;
						}
					.kl-team-view .kl-con .kl-left .kl-bcard button {
						width: calc(1400px * 144/1200);
						height: calc(1400px * 42/1200);
						margin: auto auto calc(1400px * 10/1004);
						background: black;
						color: white;
						border: 1px solid #979797;
						font-size: calc(1400px * 12/1200);
						border-radius: calc(1400px * 21/1200);
						opacity: .8;
					}
						.kl-team-view .kl-con .kl-left .kl-bcard button:hover {
							opacity: 1;
						}
				.kl-team-view .kl-con .kl-left .kl-contact {
					border: 1px solid #E6EAEE;
					padding: calc(1400px * 7/1200);
					position: relative;
					margin: auto auto calc(1400px * 10/1200);
				}
					.kl-team-view .kl-con .kl-left .kl-contact img {
						height: calc(1400px * 42/1200);
						width: auto;
						display: inline-block;
						position: absolute;
						left: calc(1400px * 7/1004);
						top: 50%;
						transform: translateY(-50%);
					}
					.kl-team-view .kl-con .kl-left .kl-contact h3, .kl-team-view .kl-con .kl-left .kl-contact p {
						display: inline-block;
						float: right;
					}
					.kl-team-view .kl-con .kl-left .kl-contact h3 {
						font-size: calc(1400px * 14/1200);
						font-weight: bold;
						color: #354052;
					}
					.kl-team-view .kl-con .kl-left .kl-contact p {
						position: absolute;
						right: calc(1400px * 7/1200);
						bottom: calc(1400px * 7/1200);
					}
		.kl-team-view .kl-con .kl-right {
			text-align: right;
		}
			.kl-team-view .kl-con .kl-right .kl-team-box {
				width: calc(1400px * 659/1004);
				float: right;
			}
				.kl-team-view .kl-con .kl-right .kl-team-box .kl-h {
					padding: calc(1400px * 20/1004);
					text-align: left;
					border: 1px solid #E6EAEE;
					border-bottom: none;
				}
					.kl-team-view .kl-con .kl-right .kl-team-box .kl-h h2 {
						color: #354052;
						font-weight: bold;
						font-size: calc(1400px * 14/1004);
					}
				.kl-team-view .kl-con .kl-right .kl-team-box .kl-common-c {
					padding: calc(1400px * 20/1004);
					text-align: left;
					border: 1px solid #E6EAEE;
					font-size: calc(1400px * 14/1004);
					color: #747474;
				}
					.kl-team-view .kl-con .kl-right .kl-team-box .kl-common-c img {
						max-width: 100%;
					}

/* kl-business */
.kl-business {
	position: relative;
	background: white;
	padding: calc(1400px * 50/1200) 0;
}
	.kl-business .kl-con {

	}
		.kl-business .kl-con .kl-about-icons {
			margin-top: auto;
		}
		.kl-business .kl-con .kl-business-box {
			border: 1px solid #E6EAEE;
		}
			.kl-business .kl-con .kl-business-box h3 {
				padding: calc(1400px * 30/1200);
				border-bottom: 1px solid #E6EAEE;
				font-size: calc(1400px * 14/1200);
				font-weight: bold;
				color: #354052;
			}
			.kl-business .kl-con .kl-business-box .kl-business-content {
				padding: calc(1400px * 24/1200);
				font-size: calc(1400px * 14/1200);
				color: #747474;
			}

/* kl-business-process */
.kl-business-process {
	position: relative;
	background: white;
	height: calc(100vw * 200/1200);
	min-height: calc(1400px * 200/1200);
}
	.kl-business-process .kl-bg {
		width: 100%;
		height: auto;
	}

/* kl-contact */
.kl-contact {
	background: white;
	padding: calc(1400px * 50/1200) 0 calc(1400px * 100/1200);
	text-align: center;
}
	.kl-contact .kl-title {
		margin: auto auto calc(1400px * 40/1200);
		font-size: calc(1400px * 24/1200);
		font-weight: bold;
		line-height: calc(1400px * 30/1200);
	}
	.kl-contact .kl-con {

	}
		.kl-contact .kl-con .kl-address {
			color: #747474;
			font-size: calc(1400px * 18/1200);
		}
		.kl-contact .kl-con .kl-phone {
			margin: calc(1400px * 40/1200) auto;
			color: #747474;
			font-size: calc(1400px * 18/1200);
		}
		.kl-contact .kl-con .kl-map-iframe {
			width: 100%;
			height: calc(1400px * 526/1200);
			border: none;
		}

/* kl-login */
.kl-login {
	background: #3B3D40;
	padding: calc(1400px * 100/1200) 0;
	text-align: center;
	height: calc(100vh - 1400px * 125/1200);
}
	.kl-login .kl-con {

	}
		.kl-login .kl-con .kl-qr {
			margin: auto auto;
			width: calc(1400px * 250/1200);
			height: auto;
			border-radius: 5px;
		}
		.kl-login .kl-con .kl-tips {
			margin: auto auto;
			font-size: calc(1400px * 14/1200);
			color: gray;
			line-height: calc(1400px * 30/1200);
		}

/* kl-uc */
.kl-uc {
	background: white;
	padding: calc(1400px * 50/1200) 0;
	text-align: center;
}
	.kl-uc .kl-con {
		padding: 0 0;
	}
		.kl-uc .kl-con .kl-left {

		}
			.kl-uc .kl-con .kl-left .kl-box {
				width: calc(1400px * 200/1004);
			}
				.kl-uc .kl-con .kl-left .kl-box ul {
					text-align: left;
				}
					.kl-uc .kl-con .kl-left .mui-table-view:before, .kl-uc .kl-con .kl-left .mui-table-view:after {
						display: none;
					}
					.kl-uc .kl-con .kl-left .kl-box ul .kl-title {
						font-size: calc(1400px * 18/1200);
						color: #9FA9BA;
					}
					.kl-uc .kl-con .kl-left .kl-box ul .mui-table-view-cell:after {
						display: none;
					}
					.kl-uc .kl-con .kl-left .kl-box ul li {
						font-size: calc(1400px * 14/1200);
					}
						.kl-uc .kl-con .kl-left .kl-box ul li.kl-list:hover {
							cursor: pointer;
							text-decoration: underline;
							background: #4167AB;
							color: white;
						}
						.kl-uc .kl-con .kl-left .kl-box ul li.active {
							background: #4167AB;
							color: white;
						}
		.kl-uc .kl-con .kl-right {

		}
			.kl-uc .kl-con .kl-right .kl-box {
				width: calc(1400px * 763/1004);
				float: right;
			}
				.kl-uc .kl-con .kl-right .kl-box h2 {
					font-size: calc(1400px * 24/1200);
					color: #354052;
					text-align: left;
					font-weight: normal;
					margin-bottom: calc(1400px * 24/1200);
				}
				.kl-uc .kl-con .kl-right .kl-box h3 {
					font-size: calc(1400px * 16/1200);
					color: #354052;
					text-align: left;
					font-weight: normal;
				}
				.kl-uc .kl-con .kl-right .kl-box-list {
					border: 1px solid #E6EAEE;
					padding: 0 calc(1400px * 30/1200) calc(1400px * 60/1200);
					margin-top: calc(1400px * 20/1200);
				}
					.kl-uc .kl-con .kl-right .kl-box-list:nth-child(1) {
						margin-top: auto;
					}
					.kl-uc .kl-con .kl-right .ui-row-flex, .kl-uc .kl-con .kl-right .ui-row {
						padding: calc(1400px * 24/1200) 0;
						border-bottom: 1px solid #E6EAEE;
						position: relative;
					}
						.kl-uc .kl-con .kl-right .ui-row-flex:nth-child(1) {
							border-bottom: none;
						}
					.kl-uc .kl-con .kl-right .kl-label, .kl-uc .kl-con .kl-right .kl-label-con {
						text-align: left;
						font-size: calc(1400px * 14/1200);
						color: #354052;
					}
						.kl-uc .kl-con .kl-right .kl-label .ki-tips {
							color: red;
							display: inline-block;
							vertical-align: middle;
						}
						.kl-uc .kl-con .kl-right .kl-label-con .kl-img-box {
							width: calc(1400px * 70/1200);
							height: calc(1400px * 70/1200);
							overflow: hidden;
							border-radius: 50%;
						}
							.kl-uc .kl-con .kl-right .kl-label-con .kl-img-box img {
								width: 100%;
								height: auto;
							}
						.kl-uc .kl-con .kl-right .kl-label-con textarea, .kl-uc .kl-con .kl-right .kl-label-con input[type = 'text'], .kl-uc .kl-con .kl-right .kl-label-con select {
							padding: calc(1400px * 15/1200);
							z-index: 1;
							font-size: calc(1400px * 14/1200);
						}
							.kl-uc .kl-con .kl-right .kl-label-con input[type = 'text'] {
								height: calc(1400px * 50/1200);
								line-height: calc(1400px * 50/1200);
								margin: auto auto;
							}
							.kl-uc .kl-con .kl-right .kl-label-con select {
								border: 1px solid rgba(0, 0, 0, .2) !important;
							}
								.kl-uc .kl-con .kl-right .kl-label-con select option {
									appearance: none;
									-moz-appearance: none;
									-webkit-appearance: none;
									background: black;
									color: white;
								}
						.kl-uc .kl-con .kl-right .kl-label-con .kl-word-limit {
							text-align: right;
							color: #D8D8D8;
							font-size: calc(1400px * 12/1200);
						}
						.kl-uc .kl-con .kl-right .kl-label-con .kl-clear-content {
							position: absolute;
							font-size: calc(1400px * 14/1200);
							color: #D8D8D8;
							right: calc(1400px * 15/1200);
							top: calc(1400px * 39/1200);
							z-index: 2;
						}
							.kl-uc .kl-con .kl-right .kl-label-con .kl-clear-content:hover {
								color: black;
								cursor: pointer;
							}
						.kl-uc .kl-con .kl-right .kl-label-con .mui-input-row {
							display: inline-block;
							padding-left: calc(1400px * 35/1200);
							margin-right: calc(1400px * 20/1200);
						}
							.kl-uc .kl-con .kl-right .kl-label-con .mui-checkbox label, .kl-uc .kl-con .kl-right .kl-label-con .mui-radio label {
								padding-right: unset;
								padding-left: 0;
							}
							.kl-uc .kl-con .kl-right .kl-label-con .mui-checkbox input[type=checkbox], .kl-uc .kl-con .kl-right .kl-label-con .mui-radio input[type=radio] {
								width: calc(1400px * 30/1200);
								height: calc(1400px * 30/1200);
								left: 0;
								top: calc((1400px * 30/1200 - 28)/2);
								right: unset;
							}
				.kl-uc .kl-con .kl-right .kl-course-list {

				}
					.kl-uc .kl-con .kl-right .kl-course-list .kl-list-box {
						text-align: left;
						width: calc(1400px * 270/1200);
						overflow: hidden;
						background: #F7F9FB;
						border: 1px solid #E6EAEE;
					}
						.kl-uc .kl-con .kl-right .kl-course-list .kl-type {
							font-size: calc(1400px * 16/1200);
							color: #354052;
							font-weight: normal;
							margin: auto auto calc(1400px * 10/1004);
							height: calc(1400px * 22/1004);
							line-height: calc(1400px * 22/1004);
							background: white;
							padding: 0 4%;
							border-bottom: 3px solid #00AAFF;
						}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-type em {
								color: #7F8FA4;
								font-weight: bold;
								font-size: calc(1400px * 16/1200);
								font-style: normal;
								margin-left: calc(1400px * 25/1200);
							}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-ellipses {
								float: right;
								height: 100%;
								display: inline-block;
								position: relative;
								width: calc(1400px * 18/1004);
							}
								.kl-uc .kl-con .kl-right .kl-course-list .kl-ellipses img {
									height: calc(1400px * 4/1004);
									width: auto;
									position: absolute;
									top: 50%;
									transform: translateY(-50%);
									opacity: .9;
								}
								.kl-uc .kl-con .kl-right .kl-course-list .kl-ellipses:hover {
									cursor: pointer;
								}
									.kl-uc .kl-con .kl-right .kl-course-list .kl-ellipses:hover img {
										opacity: 1;
									}
						.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info {
							width: 92%;
							margin: calc(1400px * 10/1004) 4%;
							background: white;
							border: 1px solid #E6EAEE;
							border-left: 3px solid #00AAFF;
							overflow: hidden;
							border-radius: calc(1400px * 5/1004);
							position: relative;
							padding-bottom: calc(1400px * 12/1004);
						}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info:hover {
								cursor: pointer;
							}
								.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info:hover .kl-list-title {
									text-decoration: underline;
									color: #4167AB;
								}
								.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info:hover .kl-list-views {
									colro: black;
								}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-list-title {
								padding: calc(1400px * 10/1004) calc(1400px * 12/1004);
								text-align: left;
								font-size: calc(1400px * 14/1200);
								color: #354052;
								font-weight: normal;
							}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-list-des {
								padding: 0 calc(1400px * 12/1004);
								text-align: left;
								font-size: calc(1400px * 12/1200);
								color: gray;
							}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-list-views {
								padding: 0 calc(1400px * 12/1004);
							}
								.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-list-views, .kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-list-views * {
									font-size: calc(1400px * 12/1200);
								}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-img-box {
								position: relative;
							}
								.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-img-box img {
									width: 100%;
									height: auto;
									margin: auto auto;
									opacity: .8;
								}
								.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-img-box:hover img {
									opacity: 1;
								}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-avatar {
								position: absolute;
								right: calc(1400px * 21/1200);
								bottom: calc(1400px * 27/1004);
								width: calc(1400px * 32/1200);
								height: calc(1400px * 32/1200);
								border-radius: 50%;
								overflow: hidden;
								text-align: center;
							}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-avatar-name {
								position: absolute;
								bottom: calc(1400px * 12/1004);
								right: calc(1400px * 12/1200);
								font-size: calc(1400px * 12/1200);
								height: calc(1400px * 15/1200);
								line-height: calc(1400px * 15/1200);
								width: calc(1400px * 50/1200);
								text-align: center;
							}
								.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-avatar-name:hover {
									text-decoration: underline;
									color: #4167AB;
								}
				.kl-uc .kl-con .kl-right .kl-h {
					height: calc(1400px * 113/1200);
					padding: calc(1400px * 20/1200) calc(1400px * 30/1200);
					border: 1px solid #E6EAEE;
					border-bottom: none;
					position: relative;
					border-top-left-radius: calc(1400px * 5/1200);
					border-top-right-radius: calc(1400px * 5/1200);
				}
					.kl-uc .kl-con .kl-right .kl-h .kl-title {
						font-weight: bold;
						color: #354052;
						font-size: calc(1400px * 14/1200);
						display: inline-block;
						max-width: 80%;
						text-align: left;
						overflow: hidden;
						line-height: calc(1400px * 20/1200);
						position: absolute;
						left: calc(1400px * 30/1200);
						top: calc(1400px * 20/1200);
					}
					.kl-uc .kl-con .kl-right .kl-h .kl-info {
						position: absolute;
						left: calc(1400px * 30/1200);
						bottom: calc(1400px * 20/1200);
						width: calc(100% - 1400px * 60/1200);
						text-align: left;
						display: inline-block;
					}
						.kl-uc .kl-con .kl-right .kl-h .kl-info .kl-author, .kl-uc .kl-con .kl-right .kl-h .kl-info .kl-views {
							color: #7F8FA4;
							font-weight: normal;
							font-size: calc(1400px * 12/1200);
							margin-right: calc(1400px * 25/1200);
						}
						.kl-uc .kl-con .kl-right .kl-h .kl-info .kl-date {
							float: right;
							color: #354052;
							font-weight: bold;
							font-size: calc(1400px * 14/1200);
						}
					.kl-uc .kl-con .kl-right .kl-h .kl-img-box {
						width: calc(1400px * 32/1200);
						height: calc(1400px * 32/1200);
						border-radius: 50%;
						overflow: hidden;
					}
						.kl-uc .kl-con .kl-right .kl-h .kl-img-box img {
							width: 100%;
							height: auto;
						}
						.kl-uc .kl-con .kl-right .kl-h .kl-avatar {
							position: absolute;
							right: calc(1400px * 30/1200);
							top: calc(1400px * 20/1200);
						}
				.kl-uc .kl-con .kl-right .kl-ul {
					border: 1px solid #E6EAEE;
					border-bottom-left-radius: calc(1400px * 5/1200);
					border-bottom-right-radius: calc(1400px * 5/1200);
					text-align: left;
					padding: calc(1400px * 25/1200) calc(1400px * 30/1200);
				}
					.kl-uc .kl-con .kl-right .kl-ul.mui-table-view:before, .kl-uc .kl-con .kl-right .kl-ul.mui-table-view:after {
						display: none;
					}
					.kl-uc .kl-con .kl-right .kl-ul .kl-li-comments-title {
						font-size: calc(1400px * 14/1200);
						background: #E6EAEE;
					}
					.kl-uc .kl-con .kl-right .kl-ul .kl-li-comments {
						border: 1px solid #E6EAEE;
						border-top: none;
					}
						.kl-uc .kl-con .kl-right .kl-ul .kl-li-comments h4 {
							font-size: calc(1400px * 12/1200);
							font-weight: bold;
						}
						.kl-uc .kl-con .kl-right .kl-ul .kl-li-comments article {
							padding: calc(1400px * 10/1200) 0;
						}
						.kl-uc .kl-con .kl-right .kl-ul .kl-li-comments footer {
							border-top: 1px solid #E6EAEE;
							font-size: calc(1400px * 12/1200);
							height: calc(1400px * 30/1200);
							line-height: calc(1400px * 30/1200);
						}
				.kl-uc .kl-con .kl-right .kl-btns {
					text-align: center;
					padding: calc(1400px * 20/1200) calc(1400px * 30/1200);
				}
					.kl-uc .kl-con .kl-right .kl-btns button {
						margin: auto auto;
						width: calc(1400px * 130/1200);
						height: calc(1400px * 36/1200);
						background: #2167AF;
						color: white;
						letter-spacing: calc(1400px * 20/1200);
						text-align: center;
						text-indent: calc(1400px * 20/1200);
						opacity: .9;
					}
						.kl-uc .kl-con .kl-right .kl-btns button:hover {
							cursor: pointer;
							opacity: 1;
						}


/* kl-clubs */
.kl-clubs {
	margin-top: 10vw;
}

/* kl-club-list */
.kl-club-list {
	padding: 2vw;
}
	.ui-flex .ui-col.kl-club-list, .ui-row-flex .ui-col.kl-club-list {
		max-width: calc((100vw - 24px)/2);
		min-width: calc((100vw - 24px)/3);
	}
	.ui-flex.kl-flex, .ui-row-flex.kl-flex, .ui-tiled.kl-flex {
		display: table;
	}
	.ui-flex > li.kl-club-list, .ui-tiled > li.kl-club-list {
		width: 0;
	}
	.kl-club-list .kl-box {
		width: 100%;
		background: white;
		border-radius: 2vw;
	}
		.kl-club-list .kl-box .ui-avatar-lg {
			margin: 1vw auto;
			background: white;
		}
		.kl-club-list .kl-box h3 {
			margin: 3vw auto;
		}

/* views */
.kl-views {
	padding-top: 8vw;
	z-index: 1;
}
	.kl-views.kl-views-fs {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.kl-views h1 {
		padding: 0 8vw;
		font-size: 6vw;
		text-align: center;
		line-height: 9vw;
	}
		.kl-views h1 .s {
			color: green;
		}
		.kl-views h1 .t {
			color: red;
		}
	.kl-views .kl-des {
		padding: 0 8vw;
		text-align: center;
		line-height: 5vw;
		margin: 3vw auto 8vw;
	}
		.kl-views .kl-des span {
			margin: auto 3vw;
		}
		.kl-views .kl-des .c_time, .kl-views .kl-des .mui-badge {
			font-size: calc(100vw * 14/375);
		}
	.kl-views #setting {
		position: absolute;
	    top: 8vw;
	    right: 15px;
	    font-size: 8vw;
	    line-height: 9.6vw;
	}
	.kl-views .mui-content {
		height: calc(100vh - 33vw - 50px);
		overflow: hidden;
		background-color: transparent;
	}
		.kl-views .mui-content.kl-uc-matchs {
			height: calc(100vh - 230px);
		}
		.kl-views .mui-content.kl-uc-deposits {
			height: calc(100vh - 160px);
		}
		.kl-views .mui-content .mui-slider {
			height: 100%;
		}
			.kl-views .mui-content .mui-slider .mui-slider-group .mui-slider-item {
				height: calc(100vh - 33vw - 90px);
			}
				#ask, #passive {
					height: calc(100vh - 270px);
				}
				#admin_my, #admin_other {
					height: calc(100vh - 200px);
				}
				.kl-views .mui-content .mui-slider .mui-slider-group .mui-slider-item .mui-scroll-wrapper {
					height: 100%;
				}
					#ask .mui-scroll-wrapper, #passive .mui-scroll-wrapper, #admin_my .mui-scroll-wrapper, #admin_other .mui-scroll-wrapper {
						padding: 3vw 3.2vw;
					}
					.kl-views .mui-content .mui-slider .mui-slider-group .mui-slider-item .mui-scroll-wrapper .mui-scroll {
						padding-bottom: 10vw;
					}
						.mui-scroll .kl-family-cname {
							line-height: 8vw;
							margin: 5vw auto 3vw;
							text-align: center;
							border-bottom: 1px solid gray;
							width: 33vw;
						}
						.mui-scroll .kl-contents {
							margin: 5vw auto 3vw;
						}
							.mui-scroll .kl-contents p {
								color: unset;
							}
						.mui-scroll .ui-tooltips {
							margin: auto auto 3vw;
						}
						.kl-views .mui-content .mui-slider .mui-slider-group .mui-slider-item .mui-scroll-wrapper .mui-scroll .mui-table-view {
							padding: 2vw 0;
						}
						.mui-table-view.kl-family-column {

						}
							.mui-table-view.kl-family-column li {
								padding: 0 0;
								text-align: center;
								margin: auto auto 3vw;
							}
								.mui-table-view.kl-family-column li .kl-icon-word {
									width: calc(100vw * 80/375);
									height: calc(100vw * 80/375);
									line-height: calc(100vw * 80/375);
									margin: auto auto;
									text-align: center;
									border-radius: 2vw;
									background: #92949f;
									color: white;
									overflow: hidden;
									font-size: 10vw;
								}
									.mui-table-view.kl-family-column li .kl-icon-word img {
										width: 100%;
									}
									.mui-table-view.kl-family-column li .kl-icon-word .keyline {
										font-size: 18vw;
									}
										.mui-table-view.kl-family-column li .kl-icon-word .keyline.create_avatar {
/* 											background: radial-gradient(red, green, #007aff); */
/* 											-webkit-background-clip: text; */
											color: #007aff;
										}
										.mui-table-view.kl-family-column li .kl-icon-word .keyline.server_chess {
											color: #4b5cc4;
										}
								.mui-table-view.kl-family-column li .ui-avatar-lg {
									margin: auto auto;
								}
								.mui-table-view.kl-family-column li .kl-family-gname {
									margin: 2vw auto;
								}
								.mui-table-view.kl-family-column li .kl-family-auth {

								}
								.mui-table-view.kl-family-column li .kl-family-abandon {
									background: #4cd964;
								}
									.mui-table-view.kl-family-column li .kl-family-abandon.false {
										background: rgba(0, 0, 0, .15);
									}
							.mui-table-view.kl-family-column li h4 {
								max-width: 90%;
								overflow: hidden;
								text-align: center;
								margin: 2vw auto;
							}
							.mui-table-view.kl-family-column li:after {
								display: none;
							}

			.kl-views .mui-content .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {
				border-bottom: none;
				border-top: none;
			}
		.kl-views .mui-content .mui-slider .mui-table-view {
			background: transparent;
		}
		.kl-views .mui-content .mui-slider .mui-segmented-control .mui-control-item h2 {
			line-height: 38px;
		}
		#freshData {
			height: calc(100vh - 40vw - 50px);
			border: 1px solid gray;
			border-radius: 1vw;
		}
			#freshData .mui-pull-top-pocket, #freshData .mui-scroll, #freshData .mui-pull {
				position: absolute;
			}
			#freshData .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object {
				border: 1px solid #ccc;
			    border-radius: 2vw;
			    padding: 1vw;
			}

	.kl-views .mui-search {
		font-size: calc(100vw * 17/375);
		line-height: calc(100vw * 21/375);
	}
	#kl-form-list {
		padding: calc(100vw * 12/375) 0;
		background: transparent;
	}
		#kl-form-list h4.kl-sub-title {
			height: 8vw;
			line-height: 8vw;
		}
			#kl-form-list h4.kl-sub-title .mui-icon, #kl-form-list h4.kl-sub-title .mui-badge {
				margin: auto auto auto 3vw;
				font-size: 20px;
			}
				#kl-form-list h4.kl-sub-title .mui-icon-help {
					color: #dd524d;
				}
				#kl-form-list h4.kl-sub-title .mui-badge {
					font-size: 14px;
				}
		#kl-form-list .kl-scroll-box {
			padding: 0 calc(100vw * 12/375);
			height: 58vh;
			overflow: hidden;
/* 			border: 1px solid #c8c7cc; */
			overflow-y: scroll;
			border-radius: 2vw;
		}
			#kl-form-list .kl-scroll-box .mui-table-view {

			}
				#kl-form-list .kl-scroll-box .mui-table-view:after {
					display: none;
				}
				#kl-form-list .kl-scroll-box .mui-table-view .mui-table-view-cell {
					border-bottom: 1px solid #c8c7cc;
					padding: 3vw 0;
				}
					#kl-form-list .kl-scroll-box .mui-table-view .mui-table-view-cell:last-child {
						border-bottom: none;
					}
					#kl-form-list .kl-scroll-box .mui-table-view-cell:after {
						display: none;
					}
					#kl-form-list .kl-scroll-box .mui-table-view .mui-table-view-cell #L_con {
						margin: 1vw auto;
						width: 96%;
					}
			#kl-form-list .kl-scroll-box #L_con {
				width: 100%;
			}
			#kl-form-list .mui-table-view {
				border-radius: 2vw;
				overflow: hidden;
			}
				#kl-form-list .mui-table-view .mui-table-view-cell {
					padding: 3vw 4vw;
				}
					#kl-form-list .mui-table-view .mui-table-view-cell:last-child {
						border-bottom: none;
					}
					#kl-form-list .mui-table-view-cell:after {
						width: calc(100% - 8vw);
					}
			#kl-form-list .kl-sub-con {
				padding: 2vw 3vw;
			}
				#kl-form-list .kl-sub-con .kl-upload-img-box {
					width: calc(100vw * 100/375);
					min-height: calc(100vw * 100/375);
					border: 1px solid #c8c7cc;
					text-align: center;
				}
					#kl-form-list .kl-sub-con .kl-upload-img-box .mui-icon, #kl-form-list .kl-sub-con .kl-upload-img-box img {
						position: absolute;
						z-index: 3;
					}
						#kl-form-list .kl-sub-con .kl-upload-img-box .mui-icon.mui-icon-plusempty {
							position: relative;
							width: 100%;
							height: auto;
							display: block;
							font-size: calc(100vw * 70/375);
							line-height: calc(100vw * 100/375);
							margin: auto auto;
							color: #c8c7cc;
						}
							#kl-form-list .kl-sub-con .kl-upload-img-box .mui-icon.mui-icon-plusempty div:nth-child(2) {

							}
						#kl-form-list .kl-sub-con .kl-upload-img-box .mui-icon.mui-icon-closeempty {
							right: .5vw;
							top: .5vw;
							background: black;
							color: white;
							border-radius: 50%;
							opacity: .4;
							display: none;
						}
					#kl-form-list .kl-sub-con .kl-upload-img-box img {
						z-index: 1;
						width: 100%;
						position: relative;
						height: auto;
					}
					#kl-sub-img-serverlist, #kl-sub-img-ranking {
						font-size: 0;
					}
						#kl-sub-img-serverlist .webuploader-pick, #kl-sub-img-ranking .webuploader-pick {
							padding: 0 0;
							width: 100%;
							background: white;
						}
						#kl-sub-img-serverlist div:nth-child(2), #kl-sub-img-ranking div:nth-child(2) {
							z-index: 3;
						}
					#kl-form-list .kl-sub-con .kl-upload-img-box .kl-upload-img-list.absolute {
						position: absolute;
						width: 100%;
						min-height: 100%;
						z-index: 2;
					}
						#kl-form-list .kl-sub-con .kl-upload-img-box .kl-upload-img-list .thumbnail {
							width: 100%;
							min-height: 100%;
						}
							#kl-form-list .kl-sub-con .kl-upload-img-box .kl-upload-img-list .thumbnail .kl-cover {
								position: absolute;
								width: 100%;
								height: 100%;
								background: white;
								opacity: .4;
								z-index: 2;
								top: 0;
								left: 0;
							}
		#kl-form-list .kl-textarea-box {
			background: white;
			border-radius: 2vw;
			margin: 3vw auto auto;
			padding: 3vw 4vw;
			min-height: calc(100vw * 200/375);
		}
			#kl-form-list .kl-textarea-box .webuploader-pick {
			    background: unset;
			    padding: unset;
			    color: unset;
			    text-align: unset;
			    border-radius: unset;
			    overflow: unset;
			}
		#kl-form-list .ui-btn-wrap {
			padding: calc(100vw * 12/375) 0 0;
		}
		#kl-form-list .Eleditor-textEditor {
			height: calc(100vh - 50px);
		}
		#kl-form-list .Eleditor-delete-layer {
			bottom: 60px;
		}
		#kl-form-list .Eleditor-delete-revoke {
			bottom: 120px;
		}
		#kl-form-list .Eleditor-delete-clear {
			bottom: 180px;
		}
		#kl-form-list .Eleditor-method {
			bottom: 3vw;
		}
	#kl-datas-list {
		height: calc(100vh - 33vw - (100vw * 100/375));
		overflow: hidden;
		overflow-y: scroll;
		margin: auto auto;
		padding: 1vw 0 3vw;
		border-radius: 1.6vw;
		box-shadow: 0 0 1vw grey;
	}
		#kl-datas-list li {

		}
			#kl-datas-list li .kl-cmaker {
				position: absolute;
				left: unset;
				right: 0;
				transform: rotate(45deg) translate(30%, -200%);
			}
		#kl-datas-list .ui-avatar, #kl-datas-list .ui-square, #kl-datas-list .ui-avatar-lg, #kl-datas-list .ui-avatar-s, #kl-datas-list .ui-avatar-one, #kl-datas-list .ui-avatar-tiled {
			background: #e9f0f7;
			background-image: unset;
		}
		#kl-datas-list .ui-avatar-lg {
			padding: 1vw;
			border-radius: 50%;
			overflow: hidden;
		}
		#kl-datas-list .ui-nowrap {

		}
			#kl-datas-list .ui-nowrap .o {
				color: red;
			}
			#kl-datas-list .ui-nowrap .t {
				color: green;
			}
	.kl-views .mui-card {
		margin: auto auto 3vw;
		border-radius: 1.6vw;
	}
		.kl-views .mui-card .mui-card-footer, .kl-views .mui-card .mui-card-header {
			-webkit-box-pack: unset;
		    -webkit-justify-content: unset;
		    justify-content: unset;
			padding: calc(100vw * 10/375) calc(100vw * 12/375);
		}
			#admin_my .mui-card .mui-card-footer, #admin_other .mui-card .mui-card-footer {
				justify-content: flex-end;
			}
			.kl-views .mui-card .mui-card-header .avatar {
				border: 1px solid gray;
				padding: .5vw;
				background: #e9f0f7;
				border-radius: 50%;
				margin: auto 2vw auto 0;
			}
			.kl-views .mui-card .mui-card-header .kl-card-name {
				position: absolute;
				right: calc(100vw * 12/375);
			}
			.kl-views .mui-card .mui-card-header .kl-right, .kl-views .mui-card .mui-card-footer .kl-right {
				position: absolute;
				right: calc(100vw * 12/375);
			}
			.kl-views .mui-card .mui-card-header .systemname {
				font-size: small;
				color: #999;
			}
		.kl-views .mui-card .mui-card-content {
			padding: calc(100vw * 10/375) calc(100vw * 12/375);
		}
		.kl-views .mui-card #kl-uas-info {

		}
			.kl-views .mui-card #kl-uas-info p span {
				color: black;
			}
				.kl-views .mui-card #kl-uas-info p .ui-badge {
					color: white;
				}
			#kl-uas-info .ui-list>li {
				margin-left: 1vw;
			}
			#kl-uas-info .ui-list-function .ui-btn, #kl-uas-info .ui-list-function .ui-btn-s {
				right: 1vw;
			}
		.kl-views .mui-card .ui-subscript {
			position: absolute;
		}
			.kl-views .mui-card .ui-subscript.kl-cmaker-WFOrders, .kl-views .mui-card .ui-subscript.kl-cmaker-Order, .kl-views .mui-card .ui-subscript.kl-cmaker-DTOrder, .kl-views .mui-card .ui-subscript.kl-cmaker-OOrder {
				transform: rotate(45deg) translate(31%, -180%);
			}
		.kl-views .mui-card .mui-card-content-inner {
			padding: 0 1vw;
		}
			.kl-views .mui-card .mui-card-content-inner pre {
				background: black;
				color: white;
				margin: 1vw auto 3vw;
				padding: 1vw 2vw;
				word-wrap: break-word;
				white-space: pre-wrap;
				border-radius: 1vw;
			}
	.kl-views .kl-total-info {
		margin: 10vw auto 5vw;
		text-align: left;
	}
		.kl-views .kl-total-info .replies {
			float: right;
		}

	/* kl-lol */
	.kl-lol {

	}
		.kl-lol .kl-lol-race {

		}
			.kl-lol .kl-lol-race .mui-navigate-right {
				font-weight: bold;
			}
			.kl-lol .kl-lol-race .ui-row .ui-col {
				height: 10vw;
				line-height: 10vw;
				text-align: center;
			}
				.kl-lol .kl-lol-race .ui-row .ui-col.kl-lol-box {
					padding: 1vw;
					height: auto;
					line-height: normal;
				}
				.kl-lol .kl-lol-race .ui-row .ui-col .kl-lol-icon {
					padding: 2px;
					font-size: 0;
					border-radius: 1vw;
					-webkit-border-radius: 1vw;
					-moz-border-radius: 1vw;
					-ms-border-radius: 1vw;
					-o-border-radius: 1vw;
					overflow: hidden;
					border-width: 2px;
				}
					.kl-lol .kl-lol-race .ui-row .ui-col .kl-lol-icon img {
						width: 100%;
						height: auto;
					}
				.kl-lol .kl-lol-race .ui-row .ui-col .kl-lol-chess-name {
					margin: 1vw auto auto;
					width: 100%;
					font-size: calc(100vw * 12/375);
					text-align: center;
					min-height: calc(100vw * 30/375);
					line-height: calc(100vw * 15/375);
					padding: 0 1vw;
				}

/* kl-btns */
.kl-btns {

}
	.kl-btns.kl-ft {

	}
		.kl-btns.kl-ft button {

		}

/* kl-alerts */
.kl-alerts {

}
	.kl-alerts .ui-form {
		font-size: small;
		width: 100%;
		margin: 2vw auto auto;
	}
		#ini_family_prefix .ui-form, #ini_avatar_sign .ui-form {
			text-align: center;
			max-height: calc(100vh - 31vw - 120px);
			overflow: hidden;
			overflow-y: scroll;
		}
		.kl-views .ui-tooltips-cnt, .kl-alerts .ui-form .ui-tooltips-cnt {
			text-overflow: unset;
			overflow: unset;
			white-space: unset;
			height: auto;
			line-height: 1.5;
			padding: 0 3vw 5vw;
		}
			.kl-views .ui-tooltips-cnt-link:after, .kl-alerts .ui-form .ui-tooltips-cnt-link:after {
				display: none;
			}
		.kl-alerts .ui-form label {
			font-size: smaller;
		}
			.kl-alerts .ui-form label * {
				max-height: 100%;
			}
		.kl-alerts .ui-btn-wrap {
			font-size: small;
		}
		.kl-alerts .ui-form .ui-btn-wrap {
			padding: 0 2vw;
			position: relative;
		}
			.kl-alerts .ui-form .ui-btn-wrap button {
				margin: 2vw auto;
				height: 8vw;
			}
			.kl-alerts .ui-form .ui-btn-wrap .unit {
				width: 15%;
				height: 100%;
				display: inline-block;
				position: absolute;
				top: 0;
				text-align: center;
			}
		.kl-alerts .ui-form-item {
			padding: 0 0;
			position: relative;
			height: 12vw;
			line-height: 12vw;
			margin: auto auto 3vw;
		}
			.kl-alerts .ui-form-item.kl-setting-list {
				height: calc(100vw * 144/1080);
			}
				.ui-form-item-link.kl-setting-list:after, .ui-form-item.kl-setting-list .ui-icon-close {
					font-size: 18px;
					right: calc(100vw * 45/1080);
				}
				.ui-form-item.kl-setting-list .ui-icon-close {
					line-height: normal;
					top: 50%;
					transform: translateY(-50%);
				}
				.kl-alerts .ui-form-item.kl-setting-list .kl-setting-list-val {
					position: absolute;
					right: calc(100vw * 45/1080 + 8px + 2vw);
					top: 50%;
					transform: translateY(-50%);
					font-size: 16px;
					color: #666;
				}
			.kl-alerts .ui-form-item input {
				padding: 0 0;
				margin: auto;
				height: 12vw;
				line-height: 12vw;
				display: inline-block;
			}
				.kl-alerts .ui-form-item.kl-setting-list input {
					height: 100%;
					line-height: normal;
				}
				.kl-alerts .ui-form-item input[name='combat'], .kl-alerts .ui-form-item input[name='min_combat'] {
					width: 85%;
					vertical-align: top;
				}
				.kl-alerts .ui-form-item input[type='checkbox'] {
					height: unset;
					line-height: unset;
					display: unset;
				}
			.kl-alerts .ui-form-item p {
				line-height: normal;
				margin: 2vw auto;
			}
				.kl-alerts .ui-form-item p.tips {
					color: red;
				}
				.kl-alerts .ui-form-item.kl-setting-list p {
					margin: unset;
					font-size: 18px;
				}
		.kl-alerts .ui-form .ui-form-tips {
			margin: 1vw auto calc(100vw * 24/1080);
			padding-right: calc(100vw * 12/375);
		}
			.kl-alerts .ui-form .ui-form-tips i {
				position: absolute;
				left: calc(100vw * 12/375);
				color: red;
				font-weight: bold;
			}
		#ini_family_prefix .ui-form hr, #ini_avatar_sign .ui-form hr {
			border-top: 1px solid #ddd;
		}
		#ini_family_prefix .ui-form button, #ini_avatar_sign .ui-form button {
			margin: 5vw auto;
			width: calc(100vw - 100vw * 45/1080);
			padding: 3vw 0;
		}
	#family_list .ui-form, #family_list_edit .ui-form {

	}
		#family_list .ui-form ul li, #family_list_edit .ui-form ul li {
			height: 8vw;
		    line-height: 8vw;
		    text-align: center;
		    margin: auto 2% 2vw auto;
		    background: #dfdfdf;
		}
			#family_list .ui-form ul li:nth-child(even), #family_list_edit .ui-form ul li:nth-child(even) {
				margin-right: 0;
			}
			#family_list .ui-form ul li.active, #family_list_edit .ui-form ul li.active {
				background: #00a5e0;
				color: white;
			}
	#font_avatar_nickname .ui-form, #ini_family_sign .ui-form, #font_avatar_sign .ui-form {

	}
		#font_avatar_nickname .ui-form .kl-ul , #ini_family_sign .ui-form .kl-ul, #font_avatar_sign .ui-form .kl-ul {

		}
			#font_avatar_nickname .ui-form .kl-ul li, #ini_family_sign .ui-form .kl-ul li, #font_avatar_sign .ui-form .kl-ul li {
				width: auto;
				display: inline-block;
				padding: 2vw 2vw;
				border: 1px solid gray;
				border-radius: 1vw;
				margin: auto 2vw 2vw auto;
			}
				#ini_family_sign .ui-form .kl-ul li {
					padding: 2vw 10vw;
				}
				#font_avatar_nickname .ui-form .kl-ul li.active, #ini_family_sign .ui-form .kl-ul li.active, #font_avatar_sign .ui-form .kl-ul li.active {
					border-color: green;
					color: green;
				}
	#gfr_list .ui-form {

	}
		#gfr_list .ui-form .mui-table-view {
			max-height: calc(100vw * 250/375);
			overflow: hidden;
			overflow-y: scroll;
		}
			#gfr_list .ui-form .mui-table-view .active {
				background: grey;
				color: white;
			}
	.kl-alerts .kl-alert-bg {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 9999;
		-webkit-box-orient: horizontal;
		-webkit-box-pack: center;
		-webkit-box-align: center;
		background: rgba(0,0,0,0.4);
		display: none;
	}
		.kl-alerts .kl-alert-bg.show {
			display: -webkit-box;
		}
		.mui-table-view-cell > a .kl-setting-right {
			position: absolute;
			right: 15px;
			top: 11px;
		}
		.ui-dialog-cnt.kl-alert-ft {
			width: 100%;
			height: calc(100vh * 2/3);
			bottom: 0;
			left: 0;
			position: absolute;
			border-top-left-radius: 5vw;
			border-top-right-radius: 5vw;
		}
			.ui-dialog-cnt.kl-alert-higher {
				height: calc(100vh * 4/5);
			}
			.ui-dialog-cnt.kl-alert-ft.kl-fun-panel {
				height: calc(100vh * 2/5);
			}
				#fun_panel_min .ui-dialog-cnt.kl-alert-ft.kl-fun-panel {
					height: calc(100vh - 85vw);
				}
			.ui-dialog-cnt.kl-alert-ft.kl-trim-panel {
				height: calc(100vh - 85vw);
			}
			#uas_list .ui-form, #family_member_list .ui-form {
				height: calc(100vh * 2/3 - 140px);
				overflow: hidden;
			}
			#uas_list .mui-table-view, #family_member_list .mui-table-view {
				max-height: calc(100vh * 2/3 - 140px);
				overflow: hidden;
				overflow-y: scroll;
			}
				#uas_list .mui-table-view:after, #family_member_list .mui-table-view:after {
					display: none;
				}
				#uas_list .ui-tooltips-warn, #family_member_list .ui-tooltips-warn {
					position: absolute;
					bottom: 0;
				}
				#uas_list .mui-table-view li.active, #family_member_list .mui-table-view li.active {
					background: #dfdfdf;
				}
			.ui-dialog-cnt.kl-alert-fullscreen {
				height: calc(100vh);
				border-top: unset;
				border-radius: unset;
			}
		#img_serverlist .ui-dialog-cnt, #img_ranking .ui-dialog-cnt, #system_qrcode .ui-dialog-cnt, #deposit_qocode .ui-dialog-cnt {
			width: 80vw;
			border: 1vw solid #12B7F5;
			border-radius: 1vw;
		}
			#img_serverlist .ui-dialog-cnt .ui-dialog-bd, #img_ranking .ui-dialog-cnt .ui-dialog-bd, #system_qrcode .ui-dialog-cnt .ui-dialog-bd, #deposit_qocode .ui-dialog-cnt .ui-dialog-bd {
				padding: 0 0;
				border-radius: unset;
				font-size: 0;
			}
				#img_serverlist .ui-dialog-cnt .ui-dialog-bd .mui-icon-closeempty, #img_ranking .ui-dialog-cnt .ui-dialog-bd .mui-icon-closeempty, #system_qrcode .ui-dialog-cnt .ui-dialog-bd .mui-icon-closeempty, #deposit_qocode .ui-dialog-cnt .ui-dialog-bd .mui-icon-closeempty {
					position: absolute;
					right: -4vw;
					top: -4vw;
					font-size: 8vw;
					background: #12B7F5;
					color: white;
					border-radius: 50%;
					z-index: 1;
				}
				#system_qrcode .ui-dialog-cnt .ui-dialog-bd p, #deposit_qocode .ui-dialog-cnt .ui-dialog-bd p {
					font-size: small;
				}
		#fun_panel .ui-dialog-cnt, #fun_panel_min .ui-dialog-cnt, #trim_avatar_sign .ui-dialog-cnt, #trim_avatar_nickname .ui-dialog-cnt {
			border-top: 1vw solid black;
			background: transparent;
			z-index: 1;
		}
			#fun_panel .ui-dialog-bd, #fun_panel_min .ui-dialog-bd, #trim_avatar_sign .ui-dialog-bd, #trim_avatar_nickname .ui-dialog-bd {
				display: block;
				height: calc(100vh * 2/5 - 50px);
				padding: 5vw 3vw;
				position: relative;
			}
				#fun_panel_min .ui-dialog-bd, #trim_avatar_sign .ui-dialog-bd, #trim_avatar_nickname .ui-dialog-bd {
					height: calc(100vh - 85vw - 50px);
					overflow: hidden;
					overflow-y: scroll;
				}
					#trim_avatar_sign .ui-dialog-bd, #trim_avatar_nickname .ui-dialog-bd {
						padding: 3vw 3vw;
					}
				#fun_panel .ui-dialog-bd ul li, #fun_panel_min .ui-dialog-bd ul li {
					text-align: center;
				}
					#fun_panel .ui-dialog-bd button, #fun_panel_min .ui-dialog-bd button {
						width: calc(100vw * 50/375);
					    height: calc(100vw * 50/375);
					    line-height: calc(100vw * 50/375);
					    margin: auto auto;
					    text-align: center;
					    border-radius: 2vw;
					    background: rgba(255,255,255,.2);
					    color: white;
					    overflow: hidden;
					    font-size: 10vw;
						padding: 0 0;
					}
						#fun_panel_min .ui-dialog-bd button {
							background: rgba(0, 0, 0, .5);
						}
							#fun_panel_min .ui-dialog-bd button[data-name = 'trim_avatar_sign'] {

							}
								#fun_panel_min .ui-dialog-bd button[data-name = 'trim_avatar_sign'] .keyline {
									vertical-align: top;
								}
					#fun_panel .ui-dialog-bd ul li h4, #fun_panel_min .ui-dialog-bd ul li h4 {
						margin: 2vw auto;
						font-size: calc(100vw * 12/375);
						color: white;
					}
						#fun_panel_min .ui-dialog-bd ul li h4 {
							color: #333;
						}
				#fun_panel .ui-dialog-bd .ui-row-flex.kl-fun-panel-btns, #fun_panel_min .ui-dialog-bd .ui-row-flex.kl-fun-panel-btns {
					position: absolute;
					bottom: 5vw;
					left: 0;
					padding: 0 0;
				}
					#fun_panel .ui-dialog-bd .ui-row-flex .ui-col, #fun_panel_min .ui-dialog-bd .ui-row-flex .ui-col {
						text-align: center;
					}
						#fun_panel .ui-dialog-bd .ui-row-flex .ui-col .mui-btn, #fun_panel_min .ui-dialog-bd .ui-row-flex .ui-col .mui-btn {
							width: 80%;
						}
			#fun_panel .ui-dialog-ft, #fun_panel_min .ui-dialog-ft, #ini_family_prefix .ui-dialog-ft, #ini_avatar_sign .ui-dialog-ft, #ini_family_nickname .ui-dialog-ft, #font_avatar_nickname .ui-dialog-ft, #ini_family_sign .ui-dialog-ft, #font_avatar_sign .ui-dialog-ft {
				position: absolute;
				bottom: 0;
				background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #666666));
			}
				#fun_panel_min .ui-dialog-ft {
					background: #ccc;
					box-shadow: 0 0 10vw grey;
				}
				#ini_family_prefix .ui-dialog-ft, #ini_avatar_sign .ui-dialog-ft, #ini_family_nickname .ui-dialog-ft, #font_avatar_nickname .ui-dialog-ft, #ini_family_sign .ui-dialog-ft, #font_avatar_sign .ui-dialog-ft {
					display: block;
					height: auto;
					border-top: none;
					bottom: 0;
					background: none;
					box-shadow: 0 0 10vw grey;
				}
					#ini_family_prefix .ui-dialog-ft button, #ini_avatar_sign .ui-dialog-ft button, #ini_family_nickname .ui-dialog-ft button, #font_avatar_nickname .ui-dialog-ft button, #ini_family_sign .ui-dialog-ft button, #font_avatar_sign .ui-dialog-ft button {
						margin: 5vw auto;
					}
		#fun_panel .ui-dialog-cnt-bg, #fun_panel_min .ui-dialog-cnt-bg, #trim_avatar_sign .ui-dialog-cnt-bg, #trim_avatar_nickname .ui-dialog-cnt-bg {
			position: absolute;
			width: 100%;
			height: calc(100vh * 2/5);
			background: black;
			opacity: .8;
			bottom: 0;
			left: 0;
			z-index: 0;
			border-top-left-radius: 5vw;
			border-top-right-radius: 5vw;
		}
			#fun_panel_min .ui-dialog-cnt-bg, #trim_avatar_sign .ui-dialog-cnt-bg, #trim_avatar_nickname .ui-dialog-cnt-bg {
				height: calc(100vh - 85vw);
				background: white;
				opacity: .9;
			}
		#trim_avatar_sign .ui-col .keyline, #trim_avatar_nickname .ui-col .keyline {
			font-size: 8vw;
			margin: auto 1vw auto auto;
		}
			#trim_avatar_sign .ui-col .keyline.kl-move-btn, #trim_avatar_nickname .ui-col .keyline.kl-move-btn {
				font-size: 4.5vw;
			}
		#trim_avatar_sign .kl-color-panel, #trim_avatar_nickname .kl-color-panel {
			border: .5vw solid gray;
			border-radius: 0.5vw;
		}
			#trim_avatar_sign .kl-color-panel div, #trim_avatar_nickname .kl-color-panel div {
				height: 7vw;
			}
		#trim_avatar_sign .kl-move-panel, #trim_avatar_nickname .kl-move-panel {
			width: 60px;
			margin: auto auto;
		}
			#trim_avatar_sign .kl-move-panel div, #trim_avatar_nickname .kl-move-panel div {
				height: 20px;
				width: 20px;
				overflow: hidden;
			}
				#trim_avatar_sign .kl-move-panel div i, #trim_avatar_nickname .kl-move-panel div i {
					position: absolute;
				}
					#trim_avatar_sign .kl-move-panel div i.b, #trim_avatar_nickname .kl-move-panel div i.b {
						bottom: 0;
						left: 50%;
						transform: translateX(-50%);
					}
					#trim_avatar_sign .kl-move-panel div i.t, #trim_avatar_nickname .kl-move-panel div i.t {
						top: 0;
						left: 50%;
						transform: translateX(-50%);
					}
					#trim_avatar_sign .kl-move-panel div i.l, #trim_avatar_nickname .kl-move-panel div i.l {
						left: 0;
						top: 50%;
						transform: translateY(-50%);
					}
					#trim_avatar_sign .kl-move-panel div i.r, #trim_avatar_nickname .kl-move-panel div i.r {
						right: 0;
						top: 50%;
						transform: translateY(-50%);
					}
		#trim_avatar_sign .ui-col, #trim_avatar_nickname .ui-col {
			text-align: center;
		}
			#trim_avatar_sign .ui-col p, #trim_avatar_nickname .ui-col p {
				text-align: center;
			}
		#uas_list_setting .kl-alert-ft .ui-dialog-bd {

		}
			#uas_list_setting .kl-alert-ft .ui-dialog-bd .ui-form .mui-table-view {
				height: calc(100vh * 2/3 - 180px);
				overflow: hidden;
				overflow-y: scroll;
			}
		#deposit_logs .kl-alert-ft .ui-dialog-bd {

		}
			#deposit_logs .kl-alert-ft .ui-dialog-bd .ui-form .mui-table-view {
				height: calc(100vh * 4/5 - 130px);
				overflow: hidden;
				overflow-y: scroll;
			}
				#deposit_logs .kl-alert-ft .ui-dialog-bd .ui-form .mui-table-view li {
					color: gray;
				}
					#deposit_logs .kl-alert-ft .ui-dialog-bd .ui-form .mui-table-view li .s {
						color: #dd524d;
					}
					#deposit_logs .kl-alert-ft .ui-dialog-bd .ui-form .mui-table-view li .g {
						font-weight: bold;
					}
					#deposit_logs .kl-alert-ft .ui-dialog-bd .ui-form .mui-table-view li .t {
						color: #dd524d;
					}
		#ini .kl-alert-ft .ui-dialog-bd {

		}
			#ini .kl-alert-ft .ui-dialog-bd .ui-form, #ini_family .kl-alert-ft .ui-dialog-bd .ui-form {
				height: calc(100vh - 20vw - 65px);
				overflow: hidden;
				overflow-y: scroll;
			}
		#preview_img_bg .ui-form, #preview_img_single_page .ui-form {
			padding: 5vw 1vw;
			text-align: center;
			margin: auto auto;
		}
			#preview_img_bg .ui-border-t:before {
				border-top: none;
			}
		#preview_img_bg .kl-avatar-box {
			width: 90vw;
			height: 90vw;
			margin: auto auto;
			position: relative;
			background: black;
			border-radius: 50%;
			overflow: hidden;
		}
			#preview_img_bg .kl-avatar-box .kl-bg {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: auto;
				z-index: 1;
			}
			#preview_img_bg .kl-avatar-box .kl-family-sign {
				position: absolute;
				z-index: 10;
				top: 50%;
				left: 10%;
				/* width: calc(90vw * 193/768);
				height: calc(90vw * 200/768); */
				/* line-height: calc(90vw * 200/768); */
				/* background: url("../../../img/icon/seal.png") no-repeat left top/cover; */
				/* font-size: calc(90vw * 146/768); */
				text-align: center;
				transform: translateY(-50%);
				font-size: 0;
				line-height: normal;
			}
				/* #preview_img_bg .kl-avatar-box .kl-family-sign:after {
					content: '\e636';
					font-family: 'keyline';
					color: red;
					font-size: calc(90vw * 193/768);
				} */
				#preview_img_bg .kl-avatar-box .kl-family-sign i {
					position: relative;
					font-size: calc(90vw * 193/768);
				}
				#preview_img_bg .kl-avatar-box .kl-family-sign img {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
				}
			#preview_img_bg .kl-avatar-box .kl-family-nickname {
				position: absolute;
				z-index: 10;
				top: calc(90vw * 50/768);
				left: calc(90vw * 50/768);
				font-family: "FZZJLJDXKWZB";
				font-size: calc(90vw * 245/768);
				/* max-width: calc(90vw - 90vw * 100/768 - 90vw * 193/768); */
				height: calc(90vw - 90vw * 100/768);
				width: calc(90vw - 90vw * 100/768);
				overflow: hidden;
				line-height: calc(90vw * 300/768);
			}
				#preview_img_bg .kl-avatar-box .kl-family-nickname.kl-diycss-3w {
					font-size: calc(90vw * 190/768);
					line-height: calc(90vw * 190/768);
					top: 11%;
					left: 50%;
				}
				#preview_img_bg .kl-avatar-box .kl-family-nickname.kl-diycss-4w {
					font-size: calc(90vw * 170/768);
					line-height: calc(90vw * 200/768);
					top: 24%;
				}
				#preview_img_bg .kl-avatar-box .kl-family-nickname .kl-font-LingWaiSCMedium {
					font-family: "LingWaiSCMedium";
				}
				#preview_img_bg .kl-avatar-box .kl-family-nickname img {
					position: absolute;
					top: 0;
					left: 0;
				}
				#preview_img_bg .kl-avatar-box .kl-family-nickname img:nth-child(1):nth-last-child(1) {
					width: 80%;
					top: 10%;
					left: 10%;
				}
				#preview_img_bg .kl-avatar-box .kl-family-nickname img:nth-child(1):nth-last-child(2), #preview_img_bg .kl-avatar-box .kl-family-nickname img:nth-child(2):nth-last-child(1) {
					width: 50%;
					top: 0%;
					left: 25%;
				}
					#preview_img_bg .kl-avatar-box .kl-family-nickname img:nth-child(2):nth-last-child(1) {
						top: 50%;
					}
				#preview_img_bg .kl-avatar-box .kl-family-nickname img:nth-child(1):nth-last-child(3), #preview_img_bg .kl-avatar-box .kl-family-nickname img:nth-child(2):nth-last-child(2), #preview_img_bg .kl-avatar-box .kl-family-nickname img:nth-child(3):nth-last-child(1) {
					width: 40%;
					top: 0%;
					left: 30%;
				}
					#preview_img_bg .kl-avatar-box .kl-family-nickname img:nth-child(2):nth-last-child(2) {
						top: 30%;
					}
					#preview_img_bg .kl-avatar-box .kl-family-nickname img:nth-child(3):nth-last-child(1) {
						top: 60%;
					}
				#preview_img_bg .kl-avatar-box .kl-family-nickname img:nth-child(1):nth-last-child(4), #preview_img_bg .kl-avatar-box .kl-family-nickname img:nth-child(2):nth-last-child(3), #preview_img_bg .kl-avatar-box .kl-family-nickname img:nth-child(3):nth-last-child(2), #preview_img_bg .kl-avatar-box .kl-family-nickname img:nth-child(4):nth-last-child(1) {
					width: 45%;
					top: 7%;
					left: 20%;
				}
					#preview_img_bg .kl-avatar-box .kl-family-nickname img:nth-child(2):nth-last-child(3), #preview_img_bg .kl-avatar-box .kl-family-nickname img:nth-child(4):nth-last-child(1) {
						left: 50%;
					}
					#preview_img_bg .kl-avatar-box .kl-family-nickname img:nth-child(3):nth-last-child(2), #preview_img_bg .kl-avatar-box .kl-family-nickname img:nth-child(4):nth-last-child(1) {
						top: 45%;
					}
		#preview_img_bg .ui-dialog-ft, #preview_img_single_page .ui-dialog-ft {
			padding: 10vw 5vw;
		}
			#preview_img_bg .ui-dialog-ft button {
			    margin: auto 2vw;
			}
		#preview_img_bg .kl-guides {
			position: absolute;
			top: calc(90vw * 50/768);
			left: calc(90vw * 50/768);
			width: calc(90vw - 90vw * 100/768);
			height: calc(90vw - 90vw * 100/768);
			z-index: 100;
			border: 1px dashed #00ffff;
			border-radius: 50%;
		}
		#preview_img_bg .kl-guides-tips {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			z-index: 100;
			color: #00ffff;
			font-size: 8vw;
			width: 100%;
			font-family: "HWCY";
		}
		#preview_img_single_page .kl-img-box {
			width: 90vw;
			height: 90vw;
			margin: auto auto;
			position: relative;
			background: black;
		}

/* kl-acts */
.kl-acts {

}
	.kl-acts .mui-btn {
		z-index: 3;
		position: fixed;
	}
		.kl-acts .mui-btn[data-name = 'more'] {
			background: #12B7F5;
			bottom: 15vw;
			right: 3vw;
			height: 13vw;
			width: 13vw;
			border: none;
			color: white;
			border-radius: 50%;
			font-size: 10vw;
		    text-align: center;
		    line-height: 13vw;
		    padding: 0;
		}
		.kl-acts .mui-btn[data-name = 'reply'] {
			background: #4cd964;
			bottom: 15vw;
			right: 18vw;
			height: 13vw;
			width: 13vw;
			border: none;
			color: white;
			border-radius: 50%;
			font-size: 10vw;
		    text-align: center;
		    line-height: 13vw;
		    padding: 0;
		}
		.kl-acts .mui-btn[data-name = 'trim_avatar'] {
			background: #4cd964;
			top: calc(82vw);
			right: 5vw;
			height: 13vw;
			width: 13vw;
			border: none;
			color: white;
			border-radius: 50%;
			font-size: 10vw;
		    text-align: center;
		    line-height: 13vw;
		    padding: 0;
			z-index: 10000;
		}

	/* kl-block */
	.kl-block {

	}
		.kl-block h2 {
			color: #cc0000;
			font-size: 5vw;
			margin: 6vw auto 6vw;
		}
		.kl-block h3 {
			margin: auto auto 5vw;
		}
			.kl-block h3 span {
				position: absolute;
				right: 0;
				font-size: small;
				color: #336699;
			}
		.kl-block .kl-list {
			margin: auto auto 2vw;
		}
			.kl-block .kl-list li {
				text-align: center;
				padding: 0 6vw 5vw;
				margin: auto auto 2vw;
			}
				.kl-block .kl-list li.ui-col-100 {
					text-align: left;
				}
				.kl-block .kl-list li:before {
					content: "";
					border-top: 1px solid #DDDDDD;
					display: block;
					margin: auto auto 3vw;
				}
			.kl-block .kl-list li p {
				writing-mode: tb-rl;
				-webkit-writing-mode: tb-rl;
				-ms-writing-mode: tb-rl;
				margin: auto;
				font-size: 6vw;
				font-weight: lighter;
				letter-spacing: 1vw;
				text-align: center;
				text-indent: 1vw;
			}
		.kl-block hr {
			margin: 5vw auto auto;
			height: 0;
			border: none;
			border-top: 1px dashed #ddd;
		}

	/* kl-iframe */
	.kl-iframe {
		width: 100%;
		height: calc(100vh - 8vw - 100px);
		border: none;
		border-radius: 1vw;
		-webkit-border-radius: 1vw;
		-moz-border-radius: 1vw;
		-ms-border-radius: 1vw;
		-o-border-radius: 1vw;
		box-shadow: 0 1vw 1vw rgba(0, 0, 0, .5) inset, 0 -1vw 1vw rgba(0, 0, 0, 0.5) inset;
		padding: 1vw;
	}


/* kl-serverlist */
.ui-dialog-cnt.kl-serverlist {
	height: 82vh;
    overflow: hidden;
}
	.ui-dialog-cnt.kl-serverlist .ui-tab {

	}
		.ui-dialog-cnt.kl-serverlist .ui-tab .kl-datas {
			height: 55vh;
			overflow: hidden;
			overflow-y: scroll;
			font-size: smaller;
			padding: 2vw 0 0;
		}
			.ui-dialog-cnt.kl-serverlist .ui-tab .kl-datas ul li {
				height: 8vw;
				line-height: 8vw;
				text-align: center;
				margin: auto 2% 2vw auto;
				background: #dfdfdf;
			}
				.ui-dialog-cnt.kl-serverlist .ui-tab .kl-datas ul li:nth-child(even) {
					margin-right: 0;
				}
				.ui-dialog-cnt.kl-serverlist .ui-tab .kl-datas ul li.active {
					background: #00a5e0;
					color: white;
				}

/* kl-btns-cancle */
.kl-btns-cancle {
	color: gray;
}
	.kl-btns-cancle.kl-color-black {
		color: black;
	}
.kl-btns-ok {
	color: #12B7F5;
}
.kl-btn-min {
	padding: .5vw 2vw;
    margin: auto auto auto 2vw;
}
.kl-btns-done {
	background: #64bd63;
	color: white;
}
	.kl-btns-done.kl-disabled {
		background: #F9F9F9;
    	color: #999;
	}
.kl-btns-cancel {
	background: #bbb;
	color: white;
}
.kl-btns-selected {

}

.kl-copyright {
	text-align: center;
	color: gray;
	margin: 30px auto;
	font-size: small;
}


.kl-footer {
	position: fixed;
	width: 100%;
	overflow: hidden;
	overflow-y: scroll;
	z-index: 2;
	bottom: 0;
	left: 0;
	background: #f2f2f2;
}
	.kl-footer * {
		position: relative;
	}


/* media query */
@media (max-width: 1480px) {
body {
	overflow-x: hidden;
}
}

@media (max-width: 1440px) {
body {
/* 	padding-bottom: calc(1240px * 125/1200); */
}
	.kl-con {
	    width: 1240px;
	}

	.kl-top {
		height: calc(1240px * 125/1200);
	}

	.kl-top .kl-btn-login {
			height: calc(1240px * 42/1200);
		}
		.index .kl-btn-login {

		}
			.index .kl-btn-login h3 {
				width: calc(1240px * 144/1200);
				height: calc(1240px * 42/1200);
				line-height: calc(1240px * 42/1200);
				border-radius: calc(1240px * 21/1200);
				font-size: calc(1240px * 16/1200);
				letter-spacing: calc(1240px * 10/1200);
				text-align: center;
				text-indent: calc(1240px * 10/1200);
			}
		.kl-all .kl-btn-login {

		}
			.kl-all .kl-btn-login h3 {
				width: calc(1240px * 144/1200);
				height: calc(1240px * 42/1200);
				line-height: calc(1240px * 42/1200);
				border-radius: calc(1240px * 21/1200);
				font-size: calc(1240px * 16/1200);
				letter-spacing:calc(1240px * 10/1200);
				text-align: center;
				text-indent: calc(1240px * 10/1200);
			}
			.kl-all .kl-btn-login .kl-user-status {
				width: calc(1240px * 144/1200);
				height: calc(1240px * 42/1200);
				line-height: calc(1240px * 42/1200);
				border-radius: calc(1240px * 21/1200);
				font-size: calc(1240px * 16/1200);
				box-shadow: 0 calc(1240px * 4/1200) calc(1240px * 8/1200) 0 rgba(0, 0, 0, 0.1), 0 calc(1240px * 6/1200) calc(1240px * 20/1200) 0 rgba(0, 0, 0, 0.09);
			}
				.kl-all .kl-btn-login .kl-user-status .kl-img-box {
					border: calc(1240px * 4/1200) solid white;
				}
				.kl-all .kl-btn-login .kl-user-status .kl-user-name {
					font-size: calc(1240px * 12/1200);
				}
				.kl-all .kl-btn-login .kl-user-status i {
					font-size: calc(1240px * 16/1200);
					margin-right: calc(1240px * 12/1200);
				}


	.kl-logo {
	    height: calc(1240px * 94/1200);
	}
		.kl-logo h1 img {
		    height: calc(1240px * 94/1200);
		}

	.kl-top .kl-menus-main {
		right: calc(1240px * 220/1200);
	}
	.kl-menus-main {
		font-size: calc(1240px * 16/1200);
		letter-spacing: calc(1240px * .7/1200);
		text-indent: calc(1240px * .7/1200);
	}
		.index .kl-menus-main {
	   		width: calc(1240px * 510/985);
		}
		.kl-menus-main nav a {
			padding: calc(1240px * 5/1200) 0;
			margin-left: calc(1240px * 30/1200);
		}
			.kl-menus-main nav a img {
				width: calc(1240px * 5/1200);
			}
				.kl-menus-main nav a img.kl-nav-icons {
					width: calc(1240px * 23/1200);
				}
				.kl-menus-main nav a img.kl-triangle-bottom {
					width: calc(1240px * 7/1200);
				}
			.kl-menus-main nav a ul {
				width: calc(1240px * 100/1200);
				top: calc(1240px * 5/1200 + 100%);
				padding-bottom: calc(1240px * 5/1200);
			}
				.kl-menus-main nav a.active ul {

				}
				.kl-menus-main nav a ul li {
					font-size: calc(1240px * 14/1200);
					padding-left: calc(1240px * 15/1200);
					padding-right: 0;
				}

	.kl-top .kl-search {
		right: calc(1240px * 165/1200);
	}
		.kl-top .kl-search img {
			width: calc(1240px * 15/1200);
		}

	footer.body {
		height: calc(1240px * 125/1200);
	}
		.kl-logo-footer {
			height: calc(1240px * 125/1200);
		}
			.kl-logo-footer img {
				width: calc(1240px * 211/1200);
			}
		.kl-copyright-footer {
			height: calc(1240px * 125/1200);
		}
			.kl-copyright-footer h3 {

			}
				.kl-copyright-footer h3, .kl-copyright-footer h3 * {
					font-size: calc(1240px * 10/1200);
				}
			.kl-copyright-footer p {

			}
		.kl-btns-footer {
			height: calc(1240px * 125/1200);
		}
			.kl-btns-footer .kl-btns-nav {
				width: calc(1240px * 180/1200);
				height: calc(1240px * 42/1200);
			}
				.kl-btns-footer .kl-btns-nav i {
					font-size: calc(1240px * 14/1200);
				}

	/* kl-about */
	.kl-about {
		padding: calc(1240px * 60/1200) 0 calc(1240px * 70/1200);
	}
		.kl-about-des h3 {
			font-size: calc(1240px * 24/1200);
			height: calc(1240px * 41/1200);
			line-height: calc(1240px * 41/1200);
		}
		.kl-about-des p {
			margin-top: calc(1240px * 20/1200);
			width: calc(1240px * 543/1200);
			font-size: calc(1240px * 14/1200);
			line-height: calc(1240px * 20/1200);
		}
		.kl-about-des button {
			margin-top: calc(1240px * 36/1200);
			width: calc(1240px * 144/1200);
			height: calc(1240px * 42/1200);
			border-radius: calc(1240px * 21/1200);
		}
			.kl-about-des button a {
				line-height: calc(1240px * 42/1200);
			}
		.kl-about-video .kl-cover {
			width: calc(1240px * 346/1200);
			height: calc(1240px * 194/1200);
		}
			.kl-about-video .kl-cover .kl-icons-play {
				width: calc(1240px * 63/1200);
			}
		.kl-about-icons {
			margin-top: calc(1240px * 115/1200);
		}
			.kl-about-icons ul li img {
				width: calc(1240px * 50/1200);
			}
			.kl-about-icons ul li h3 {
				margin: calc(1240px * 20/1200) auto calc(1240px * 15/1200);
				font-size: calc(1240px * 21/1200);
			}
			.kl-about-icons ul li p {
				font-size: calc(1240px * 14/1200);
			}

	/* kl-news */
	.kl-news {
		padding: calc(1240px * 100/1200) 0;
	}
		.kl-news-headline-img {
			width: calc(1240px * 462/1200);
			height: calc(1240px * 183/1200);
		}
		.kl-news-headline h3 {
			margin: calc(1240px * 30/1200) 0 calc(1240px * 15/1200);
			width: calc(1240px * 462/1200);
			font-size: calc(1240px * 18/1200);
		}
		.kl-news-headline p {
			width: calc(1240px * 462/1200);
			font-size: calc(1240px * 14/1200);
		}
		.kl-news-headline em {
			margin-top: calc(1240px * 20/1200);
			width: calc(1240px * 462/1200);
			font-size: calc(1240px * 14/1200);
		}
		.kl-news-recommend ul {
			width: calc(1240px * 453/1200);
		}
			.kl-news-recommend ul li {
				padding: calc(1240px * 15/1200) 0;
			}
				.kl-news-recommend ul li h3 {
					font-size: calc(1240px * 16/1200);
				}
				.kl-news-recommend ul li p {
					margin: calc(1240px * 5/1200) 0 auto;
					font-size: calc(1240px * 14/1200);
				}
				.kl-news-recommend ul li em {
					font-size: calc(1240px * 14/1200);
				}

	/* kl-map */
	.kl-map {
		min-height: calc(1240px * 440/1200);
	}
		.kl-map .kl-bg {

		}
		.kl-map .kl-con {
			padding: calc(1240px * 44/1200) 0 calc(1240px * 64/1200);
		}
			.kl-map .kl-con .kl-qr {
				bottom: calc(1240px * 64/1200);
				height: calc(1240px * 91/1200);
			}
				.kl-map .kl-con .kl-qr .kl-qr-list {
					margin-left: calc(1240px * 5/1200);
				}
					.kl-map .kl-con .kl-qr .kl-qr-list p {
						width: calc(1240px * 91/1200);
						font-size: calc(1240px * 12/1200);
					}
			.kl-map .kl-con .kl-map-address {
				bottom: calc(1240px * 64/1200);
				right: calc(1240px * 240/1200);
				font-size: calc(1240px * 14/1200);
				line-height: calc(1240px * 26/1200);
			}
			.kl-map .kl-con .kl-form {
				top: calc(1240px * 44/1200);
				width: calc(1240px * 532/1200);
			}
				.kl-map .kl-con .kl-form h3 {
					line-height: calc(1240px * 26/1200);
					font-size: calc(1240px * 14/1200);
					margin-bottom: calc(1240px * 12/1200);
				}
				.kl-map .kl-con .kl-form .kl-col-4 {
					padding: 0 calc(1240px * 13.3334/1200);
				}
				.kl-map .kl-con .kl-form input, .kl-map .kl-con .kl-form textarea {
					padding: calc(1240px * 5/1200) calc(1240px * 10/1200);
					line-height: calc(1240px * 26/1200);
					font-size: calc(1240px * 14/1200);
				}
				.kl-map .kl-con .kl-form textarea {
					padding: calc(1240px * 10/1200);
					height: calc(1240px * 169/1200);
				}
				.kl-map .kl-con .kl-form button {
					margin-top: calc(1240px * 25/1200);
					width: calc(1240px * 180/1200);
					height: calc(1240px * 46/1200);
					font-size: calc(1240px * 14/1200);
					letter-spacing: calc(1240px * 20/1200);
					text-align: center;
					text-indent: calc(1240px * 20/1200);
					word-spacing: calc(1240px * 20/1200);
				}
				.kl-map .kl-con .kl-form .kl-tips {
					margin-top: calc(1240px * 25/1200);
					font-size: calc(1240px * 13/1200);
					line-height: calc(1240px * 46/1200);
					margin-left: calc(1240px * 20/1200);
				}
					.kl-map .kl-con .kl-form .kl-tips a {
						font-size: calc(1240px * 13/1200);
					}

	/* kl-nav */
	.kl-nav {
		min-height: calc(1240px * 98/1200);
	}
		.business .kl-nav {
			min-height: calc(1240px * 200/1200);
		}
		.kl-nav .kl-con .kl-sub {
			height: calc(1240px * 21/1200);
			font-size: calc(1240px * 14/1200);
		}
			.kl-nav .kl-con .kl-sub * {
				font-size: calc(1240px * 14/1200);
			}
			.kl-nav .kl-con .kl-sub a {
				margin: auto calc(1240px * 7/1200);
			}
		.kl-nav .kl-con .kl-nav-title {
			bottom: calc(1240px * 40/1200);
		}
			.kl-nav .kl-con .kl-nav-title img {
				height: calc(1240px * 48/1200);
			}
			.kl-nav .kl-con .kl-nav-title h2 {
				font-size: calc(1240px * 36/1200);
				margin: calc(1240px * 20/1200) auto calc(1240px * 20/1200);
			}
			.kl-nav .kl-con .kl-nav-title h3 {
				font-size: calc(1240px * 21/1200);
			}

	/* kl-news-list */
	.kl-news-list {
		padding: calc(1240px * 50/1200) 0 calc(1240px * 20/1200);;
	}
		.kl-news-list .kl-con {

		}
			.kl-news-list .kl-con .kl-left {
				width: calc(1240px * 704/1004);
			}
				.kl-news-list .kl-con .kl-left .kl-h {
					padding: calc(1240px * 22/1200) calc(1240px * 20/1200);
				}
					.kl-news-list .kl-con .kl-left .kl-h h2 {
						font-size: calc(1240px * 24/1200);
						margin-right: calc(1240px * 30/1200);
					}
						.kl-news-list .kl-con .kl-left .kl-h h2.kl-title {
							font-size: calc(1240px * 14/1200);
						}
					.kl-news-list .kl-con .kl-left .kl-h h3 {
						font-size: calc(1240px * 14/1200);
					}
					.kl-news-list .kl-con .kl-left .kl-h .kl-info {
						margin: calc(1240px * 15/1200) auto calc(1240px * 8/1200);
						font-size: calc(1240px * 12/1200);
					}
						.kl-news-list .kl-con .kl-left .kl-h .kl-info .kl-date {
							font-size: calc(1240px * 14/1200);
						}
					.kl-news-list .kl-con .kl-left .kl-ul .kl-ul-h {
						font-size: calc(1240px * 14/1200);
						height: calc(1240px * 36/1200);
						line-height: calc(1240px * 36/1200);
						padding: 0 calc(1240px * 20/1200);
					}
					.kl-news-list .kl-con .kl-left .kl-ul .kl-li {
						padding: calc(1240px * 14/1200) calc(1240px * 20/1200);
					}
						.kl-news-list .kl-con .kl-left .kl-ul .kl-li .kl-li-title {
							font-size: calc(1240px * 14/1200);
						}
							.kl-news-list .kl-con .kl-left .kl-ul .kl-li .kl-li-des {
								font-size: calc(1240px * 13/1200);
							}
						.kl-news-list .kl-con .kl-left .kl-ul .kl-li .kl-li-date {
							font-size: calc(1240px * 14/1200);
						}
					.kl-news-list .kl-con .kl-left .kl-ul .kl-li.kl-li-content {
						font-size: calc(1240px * 14/1200);
						padding-bottom: calc(1240px * 30/1200);
					}
				.kl-news-list .kl-con .kl-left .kl-ul .kl-li-comments-title {
					font-size: calc(1240px * 14/1200);
				}
				.kl-news-list .kl-con .kl-left .kl-ul h4 {
					font-size: calc(1240px * 12/1200);
				}
					.kl-news-list .kl-con .kl-left .kl-ul .kl-li-comments article {
					    padding: calc(1240px * 10/1200) 0;
					}
					.kl-news-list .kl-con .kl-left .kl-ul .kl-li-comments footer {
					    font-size: calc(1240px * 12/1200);
					    height: calc(1240px * 30/1200);
					    line-height: calc(1240px * 30/1200);
					}
				.kl-news-list .kl-con .kl-left .kl-page {
					margin: calc(1240px * 30/1200) auto auto;
				}
					.kl-news-list .kl-con .kl-left .kl-page ul li {
						width: calc(1240px * 36/1200);
						height: calc(1240px * 36/1200);
						line-height: calc(1240px * 36/1200);
						margin-right: calc(1240px * 10/1200);
					}
						.kl-news-list .kl-con .kl-left .kl-page ul li, .kl-news-list .kl-con .kl-left .kl-page ul li * {
							font-size: calc(1240px * 12/1200);
						}
			.kl-news-list .kl-con .kl-right {
				width: calc(1240px * 250/1004);
			}
				.kl-news-list .kl-con .kl-right .kl-contact {
					padding: calc(1240px * 7/1004);
					height: calc(1240px * 59/1004);
				}
					.kl-news-list .kl-con .kl-right .kl-contact img {
						width: calc(1240px * 52/1200);
						left: calc(1240px * 7/1004);
					}
					.kl-news-list .kl-con .kl-right .kl-contact h3 {
						font-size: calc(1240px * 14/1200);
					}
					.kl-news-list .kl-con .kl-right .kl-contact p {
						right: calc(1240px * 7/1200);
						bottom: calc(1240px * 7/1200);
						font-size: calc(1240px * 12/1200);
					}
				.cases .kl-news-list {
					padding: calc(1240px * 50/1200) 0 calc(1240px * 40/1200);
				}
					.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box {
						width: calc(1240px * 270/1004);
						height: calc(1240px * 240/1004);
					}
						.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box .kl-img-box {
							height: calc(1240px * 160/1004);
						}
						.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box .kl-title {
							margin: calc(1240px * 20/1004) auto;
							font-size: calc(1240px * 16/1200);
						}
						.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box .kl-date {
							font-size: calc(1240px * 14/1200);
						}
					.cases .kl-news-list .kl-con .kl-ft .kl-page {
						margin: calc(1240px * 30/1200) auto auto;
					}
						.cases .kl-news-list .kl-con .kl-ft .kl-page ul li {
							width: calc(1240px * 36/1200);
							height: calc(1240px * 36/1200);
							line-height: calc(1240px * 36/1200);
							margin-right: calc(1240px * 10/1200);
						}
							.cases .kl-news-list .kl-con .kl-ft .kl-page ul li, .cases .kl-news-list .kl-con .kl-ft .kl-page ul li * {
								font-size: calc(1240px * 12/1200);
							}

	/* kl-news-news */
	.kl-news-view {
		padding: calc(1240px * 50/1200) 0 calc(1240px * 40/1200);;
	}

	/* kl-team */
	.kl-team {
		padding: calc(1240px * 30/1200) 0 calc(1240px * 60/1200);
	}
		.business .kl-team {
			padding: calc(1240px * 50/1200) 0;
		}
			.business .kl-team .kl-title {
				margin: auto auto calc(1240px * 50/1200);
				font-size: calc(1240px * 24/1200);
				line-height: calc(1240px * 30/1200);
			}
				.kl-team .swiper-container-team .swiper-slide .kl-swiper-slide-img {
					width: calc(1240px * 200/1200);
					height: calc(1240px * 300/1200);
					margin: auto auto calc(1240px * 24/1200);
				}
				.kl-team .swiper-container-team .swiper-slide .kl-job, .kl-team .swiper-container-team .swiper-slide .kl-des {
					font-size: calc(1240px * 14/1200);
				}
				.kl-team .swiper-container-team .swiper-slide .kl-job {
					margin: auto auto calc(1240px * 20/1200);
				}
				.kl-team .swiper-container-team .swiper-slide h3 {
					font-size: calc(1240px * 16/1200);
					margin: calc(1240px * 24/1200) auto calc(1240px * 10/1200);
				}
			.kl-team .swiper-container-team .swiper-pagination {
				margin-top: calc(1240px * 40/1200);
				margin-bottom: calc(1240px * 40/1200);
			}
			.kl-team .swiper-container-team .kl-swiper-btn {
				width: calc(1240px * 180/1200);
				height: calc(1240px * 46/1200);
				border-radius: calc(1240px * 23/1200);
			}
				.kl-team .swiper-container-team .kl-swiper-btn a {
					line-height: calc(1240px * 46/1200);
				}

	/* kl-team-list */
	.kl-team-list {
		padding: calc(1240px * 50/1200) 0 calc(1240px * 70/1200);;
	}
		.kl-team-list .kl-team-list .kl-team-list-box {
			width: calc(1240px * 200/1004);
			height: calc(1240px * 380/1004);
		}
			.kl-team-list .kl-team-list:nth-child(4n+2) .kl-team-list-box {
				margin-left: calc((1240px/4 - 1240px * 200/1004)/3);
			}
			.kl-team-list .kl-team-list:nth-child(4n+3) .kl-team-list-box {
				margin-right: calc((1240px/4 - 1240px * 200/1004)/3);
			}
			.kl-team-list .kl-team-list .kl-team-list-box .kl-team-list-img {
				height: calc(1240px * 200/1004 * 300/200);
			}
			.kl-team-list .kl-team-list .kl-team-list-box .kl-job {
				font-size: calc(1240px * 13/1200);
			}
			.kl-team-list .kl-team-list .kl-team-list-box a {
				font-size: calc(1240px * 15/1200);
				margin: calc(1240px * 20/1004) auto calc(1240px * 10/1004);
			}
			.kl-team-list .kl-con .kl-ft .kl-page {
				margin: calc(1240px * 30/1200) auto auto;
			}
				.kl-team-list .kl-con .kl-ft .kl-page ul li {
					width: calc(1240px * 36/1200);
					height: calc(1240px * 36/1200);
					line-height: calc(1240px * 36/1200);
					margin-right: calc(1240px * 10/1200);
				}
					.kl-team-list .kl-con .kl-ft .kl-page ul li, .kl-team-list .kl-con .kl-ft .kl-page ul li * {
						font-size: calc(1240px * 12/1200);
					}

	/* kl-team-news */
	.kl-team-view {
		padding: calc(1240px * 50/1200) 0 calc(1240px * 50/1200);;
	}
		.kl-team-view .kl-con .kl-left .kl-team-box {
			width: calc(1240px * 250/1004);
		}
			.kl-team-view .kl-con .kl-left .kl-bcard {
				padding: calc(1240px * 7/1200);
				margin: auto auto calc(1240px * 10/1200);
			}
				.kl-team-view .kl-con .kl-left .kl-bcard .kl-team-headimg {
					width: calc(1240px * 74/1004);
					height: calc(1240px * 74/1004);
				}
				.kl-team-view .kl-con .kl-left .kl-bcard h2 {
					font-size: calc(1240px * 15/1200);
					margin-top: calc(-1240px * 37/1004 + 1240px * 5/1004);
				}
				.kl-team-view .kl-con .kl-left .kl-bcard p {
					font-size: calc(1240px * 14/1200);
				}
					.kl-team-view .kl-con .kl-left .kl-bcard .kl-email {
						margin: calc(1240px * 5/1004) auto calc(1240px * 10/1004);
					}
					.kl-team-view .kl-con .kl-left .kl-bcard .kl-phone {
						font-size: calc(1240px * 12/1200);
					}
					.kl-team-view .kl-con .kl-left .kl-bcard .kl-fax {
						font-size: calc(1240px * 12/1200);
					}
				.kl-team-view .kl-con .kl-left .kl-bcard .kl-team-qrimg {
					width: calc(1240px * 53/1004);
					height: calc(1240px * 53/1004);
					margin: calc(1240px * 10/1004) auto;
				}
				.kl-team-view .kl-con .kl-left .kl-bcard button {
					width: calc(1240px * 144/1200);
					height: calc(1240px * 42/1200);
					margin: auto auto calc(1240px * 10/1004);
					font-size: calc(1240px * 12/1200);
					border-radius: calc(1240px * 21/1200);
				}
			.kl-team-view .kl-con .kl-left .kl-contact {
				padding: calc(1240px * 7/1200);
				margin: auto auto calc(1240px * 10/1200);
			}
				.kl-team-view .kl-con .kl-left .kl-contact img {
					height: calc(1240px * 42/1200);
				}
				.kl-team-view .kl-con .kl-left .kl-contact h3 {
					font-size: calc(1240px * 14/1200);
				}
				.kl-team-view .kl-con .kl-left .kl-contact p {
					right: calc(1240px * 7/1200);
					bottom: calc(1240px * 7/1200);
				}
		.kl-team-view .kl-con .kl-right .kl-team-box {
			width: calc(1240px * 659/1004);
		}
			.kl-team-view .kl-con .kl-right .kl-team-box .kl-h {
				padding: calc(1240px * 20/1004);
			}
				.kl-team-view .kl-con .kl-right .kl-team-box .kl-h h2 {
					font-size: calc(1240px * 14/1004);
				}
			.kl-team-view .kl-con .kl-right .kl-team-box .kl-common-c {
				padding: calc(1240px * 20/1004);
				font-size: calc(1240px * 14/1004);
			}

	/* kl-cases */
	.kl-cases {
		padding: 0 0 calc(1240px * 30/1200);
	}
		.business .kl-cases {
			padding: calc(1240px * 80/1200) 0 calc(1240px * 50/1200);
		}
			.business .kl-cases .kl-title {
				margin: auto auto calc(1240px * 50/1200);
				font-size: calc(1240px * 24/1200);
				line-height: calc(1240px * 30/1200);
			}
		.kl-cases .kl-con .kl-lists {
			min-height: calc(1240px * 110/1200);
		}
			.kl-cases .kl-con .kl-lists img {
				width: calc(1240px * 157/1004);
			}
/* 			.kl-cases .kl-con .kl-lists:nth-child(1) img { */
/* 				width: calc(1240px * 157/1200); */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(2) img { */
/* 				width: calc(1240px * 135/1200); */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(3) img { */
/* 				width: calc(1240px * 137/1200); */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(4) img { */
/* 				width: calc(1240px * 66/1200); */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(5) img { */
/* 				width: calc(1240px * 100/1200); */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(6) img { */
/* 				width: calc(1240px * 110/1200); */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(7) img { */
/* 				width: calc(1240px * 81/1200); */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(8) img { */
/* 				width: calc(1240px * 87/1200); */
/* 			} */

	/* kl-business */
	.kl-business {
		padding: calc(1240px * 50/1200) 0;
	}
		.kl-business .kl-con .kl-business-box h3 {
			padding: calc(1240px * 30/1200);
			font-size: calc(1240px * 14/1200);
		}
		.kl-business .kl-con .kl-business-box .kl-business-content {
			padding: calc(1240px * 24/1200);
			font-size: calc(1240px * 14/1200);
		}

	/* kl-business-process */
	.kl-business-process {
		min-height: calc(1240px * 200/1200);
	}

	/* kl-contact */
	.kl-contact {
		padding: calc(1240px * 50/1200) 0 calc(1240px * 100/1200);
	}
		.kl-contact .kl-title {
			margin: auto auto calc(1240px * 40/1200);
			font-size: calc(1240px * 24/1200);
			line-height: calc(1240px * 30/1200);
		}
		.kl-contact .kl-con {

		}
			.kl-contact .kl-con .kl-address {
				font-size: calc(1240px * 18/1200);
			}
			.kl-contact .kl-con .kl-phone {
				margin: calc(1240px * 40/1200) auto;
				font-size: calc(1240px * 18/1200);
			}
			.kl-contact .kl-con .kl-map-iframe {
				height: calc(1240px * 526/1200);
			}

	/* kl-login */
	.kl-login {
		padding: calc(1240px * 100/1200) 0;
		height: calc(100vh - 1240px * 125/1200);
	}
		.kl-login .kl-con .kl-qr {
			width: calc(1240px * 250/1200);
		}
		.kl-login .kl-con .kl-tips {
			font-size: calc(1240px * 14/1200);
			line-height: calc(1240px * 30/1200);
		}

	/* kl-uc */
	.kl-uc {
		padding: calc(1240px * 50/1200) 0;
	}
		.kl-uc .kl-con .kl-left .kl-box {
			width: calc(1240px * 200/1004);
		}
			.kl-uc .kl-con .kl-left .kl-box ul .kl-title {
				font-size: calc(1240px * 18/1200);
			}
			.kl-uc .kl-con .kl-left .kl-box ul li {
				font-size: calc(1240px * 14/1200);
			}
		.kl-uc .kl-con .kl-right .kl-box {
			width: calc(1240px * 763/1004);
		}
			.kl-uc .kl-con .kl-right .kl-box h2 {
				font-size: calc(1240px * 24/1200);
				margin-bottom: calc(1240px * 24/1200);
			}
			.kl-uc .kl-con .kl-right .kl-box h3 {
				font-size: calc(1240px * 16/1200);
			}
			.kl-uc .kl-con .kl-right .kl-box-list {
				padding: 0 calc(1240px * 30/1200) calc(1240px * 60/1200);
				margin-top: calc(1240px * 20/1200);
			}
				.kl-uc .kl-con .kl-right .ui-row-flex, .kl-uc .kl-con .kl-right .ui-row {
					padding: calc(1240px * 24/1200) 0;
				}
				.kl-uc .kl-con .kl-right .kl-label, .kl-uc .kl-con .kl-right .kl-label-con {
					font-size: calc(1240px * 14/1200);
				}
					.kl-uc .kl-con .kl-right .kl-label-con .kl-img-box {
						width: calc(1240px * 70/1200);
						height: calc(1240px * 70/1200);
					}
					.kl-uc .kl-con .kl-right .kl-label-con textarea, .kl-uc .kl-con .kl-right .kl-label-con input[type = 'text'], .kl-uc .kl-con .kl-right .kl-label-con select {
						padding: calc(1240px * 15/1200);
						font-size: calc(1240px * 14/1200);
					}
						.kl-uc .kl-con .kl-right .kl-label-con input[type = 'text'] {
							height: calc(1240px * 50/1200);
							line-height: calc(1240px * 50/1200);
						}
					.kl-uc .kl-con .kl-right .kl-label-con .kl-word-limit {
						font-size: calc(1240px * 12/1200);
					}
					.kl-uc .kl-con .kl-right .kl-label-con .kl-clear-content {
						font-size: calc(1240px * 14/1200);
						right: calc(1240px * 15/1200);
						top: calc(1240px * 39/1200);
					}
					.kl-uc .kl-con .kl-right .kl-label-con .mui-input-row {
						padding-left: calc(1240px * 35/1200);
						margin-right: calc(1240px * 20/1200);
					}
						.kl-uc .kl-con .kl-right .kl-label-con .mui-checkbox input[type=checkbox], .kl-uc .kl-con .kl-right .kl-label-con .mui-radio input[type=radio] {
							width: calc(1240px * 30/1200);
							height: calc(1240px * 30/1200);
							top: calc((1240px * 30/1200 - 28)/2);
						}
				.kl-uc .kl-con .kl-right .kl-course-list {

				}
					.kl-uc .kl-con .kl-right .kl-course-list .kl-list-box {
						width: calc(1240px * 270/1200);
					}
						.kl-uc .kl-con .kl-right .kl-course-list .kl-type {
							font-size: calc(1240px * 16/1200);
							margin: auto auto calc(1240px * 10/1004);
							height: calc(1240px * 22/1004);
							line-height: calc(1240px * 22/1004);
						}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-type em {
								font-size: calc(1240px * 16/1200);
								margin-left: calc(1240px * 25/1200);
							}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-ellipses {
								width: calc(1240px * 18/1004);
							}
								.kl-uc .kl-con .kl-right .kl-course-list .kl-ellipses img {
									height: calc(1240px * 4/1004);
								}
						.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info {
							margin: calc(1240px * 10/1004) 4%;
							border-radius: calc(1240px * 5/1004);
							padding-bottom: calc(1240px * 12/1004);
						}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-list-title {
								padding: calc(1240px * 10/1004) calc(1240px * 12/1004);
								font-size: calc(1240px * 14/1200);
							}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-list-des {
								padding: 0 calc(1240px * 12/1004);
								font-size: calc(1240px * 12/1200);
							}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-list-views {
								padding: 0 calc(1240px * 12/1004);
							}
								.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-list-views, .kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-list-views * {
									font-size: calc(1240px * 12/1200);
								}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-avatar {
								right: calc(1240px * 21/1200);
								bottom: calc(1240px * 27/1004);
								width: calc(1240px * 32/1200);
								height: calc(1240px * 32/1200);
							}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-avatar-name {
								bottom: calc(1240px * 12/1004);
								right: calc(1240px * 12/1200);
								font-size: calc(1240px * 12/1200);
								height: calc(1240px * 15/1200);
								line-height: calc(1240px * 15/1200);
								width: calc(1240px * 50/1200);
							}
				.kl-uc .kl-con .kl-right .kl-h {
					height: calc(1240px * 113/1200);
					padding: calc(1240px * 20/1200) calc(1240px * 30/1200);
					border-top-left-radius: calc(1240px * 5/1200);
					border-top-right-radius: calc(1240px * 5/1200);
				}
					.kl-uc .kl-con .kl-right .kl-h .kl-title {
						font-size: calc(1240px * 14/1200);
						line-height: calc(1240px * 20/1200);
						left: calc(1240px * 30/1200);
						top: calc(1240px * 20/1200);
					}
					.kl-uc .kl-con .kl-right .kl-h .kl-info {
						left: calc(1240px * 30/1200);
						bottom: calc(1240px * 20/1200);
						width: calc(100% - 1240px * 60/1200);
					}
						.kl-uc .kl-con .kl-right .kl-h .kl-info .kl-author, .kl-uc .kl-con .kl-right .kl-h .kl-info .kl-views {
							font-size: calc(1240px * 12/1200);
							margin-right: calc(1240px * 25/1200);
						}
						.kl-uc .kl-con .kl-right .kl-h .kl-info .kl-date {
							font-size: calc(1240px * 14/1200);
						}
					.kl-uc .kl-con .kl-right .kl-h .kl-img-box {
						width: calc(1240px * 32/1200);
						height: calc(1240px * 32/1200);
					}
						.kl-uc .kl-con .kl-right .kl-h .kl-avatar {
							right: calc(1240px * 30/1200);
							top: calc(1240px * 20/1200);
						}
				.kl-uc .kl-con .kl-right .kl-ul {
					border-bottom-left-radius: calc(1240px * 5/1200);
					border-bottom-right-radius: calc(1240px * 5/1200);
					padding: calc(1240px * 25/1200) calc(1240px * 30/1200);
				}
					.kl-uc .kl-con .kl-right .kl-ul .kl-li-comments-title {
						font-size: calc(1240px * 14/1200);
					}
					.kl-uc .kl-con .kl-right .kl-ul .kl-li-comments {

					}
						.kl-uc .kl-con .kl-right .kl-ul .kl-li-comments h4 {
							font-size: calc(1240px * 12/1200);
						}
						.kl-uc .kl-con .kl-right .kl-ul .kl-li-comments article {
							padding: calc(1240px * 10/1200) 0;
						}
						.kl-uc .kl-con .kl-right .kl-ul .kl-li-comments footer {
							font-size: calc(1240px * 12/1200);
							height: calc(1240px * 30/1200);
							line-height: calc(1240px * 30/1200);
						}
				.kl-uc .kl-con .kl-right .kl-btns {
					padding: calc(1240px * 20/1200) calc(1240px * 30/1200);
				}
					.kl-uc .kl-con .kl-right .kl-btns button {
						width: calc(1240px * 130/1200);
						height: calc(1240px * 36/1200);
						letter-spacing: calc(1240px * 20/1200);
						text-indent: calc(1240px * 20/1200);
					}

}

@media (max-width: 1279px) {
body {
/* 	padding-bottom: calc(1000px * 125/1200); */
}
	.kl-con {
	    width: 1000px;
	    min-width: 1000px;
	}

	.kl-top {
		height: calc(1000px * 125/1200);
	}

	.kl-top .kl-btn-login {
		height: calc(1000px * 42/1200);
	}
	.index .kl-btn-login {

	}
		.index .kl-btn-login h3 {
			width: calc(1000px * 144/1200);
			height: calc(1000px * 42/1200);
			line-height: calc(1000px * 42/1200);
			border-radius: calc(1000px * 21/1200);
			font-size: calc(1000px * 16/1200);
			letter-spacing:calc(1000px * 10/1200);
			text-align: center;
			text-indent: calc(1000px * 10/1200);
		}
	.kl-all .kl-btn-login {

		}
			.kl-all .kl-btn-login h3 {
				width: calc(1000px * 144/1200);
				height: calc(1000px * 42/1200);
				line-height: calc(1000px * 42/1200);
				border-radius: calc(1000px * 21/1200);
				font-size: calc(1000px * 16/1200);
				letter-spacing:calc(1000px * 10/1200);
				text-align: center;
				text-indent: calc(1000px * 10/1200);
			}
			.kl-all .kl-btn-login .kl-user-status {
				width: calc(1000px * 144/1200);
				height: calc(1000px * 42/1200);
				line-height: calc(1000px * 42/1200);
				border-radius: calc(1000px * 21/1200);
				font-size: calc(1000px * 16/1200);
				box-shadow: 0 calc(1000px * 4/1200) calc(1000px * 8/1200) 0 rgba(0, 0, 0, 0.1), 0 calc(1000px * 6/1200) calc(1000px * 20/1200) 0 rgba(0, 0, 0, 0.09);
			}
				.kl-all .kl-btn-login .kl-user-status .kl-img-box {
					border: calc(1000px * 4/1200) solid white;
				}
				.kl-all .kl-btn-login .kl-user-status .kl-user-name {
					font-size: calc(1000px * 12/1200);
				}
				.kl-all .kl-btn-login .kl-user-status i {
					font-size: calc(1000px * 16/1200);
					margin-right: calc(1000px * 12/1200);
				}

	.kl-logo {
	    height: calc(1000px * 94/1200);
	}
		.kl-logo h1 img {
		    height: calc(1000px * 94/1200);
		}

	.kl-top .kl-menus-main {
		right: calc(1000px * 220/1200);
	}
	.kl-menus-main {
		font-size: calc(1000px * 16/1200);
		letter-spacing:calc(1000px * .7/1200);
		text-indent: calc(1000px * .7/1200);
	}
		.index .kl-menus-main {
	   		width: calc(1000px * 510/985);
		}
		.kl-menus-main nav a {
			padding: calc(1000px * 5/1200) 0;
			margin-left: calc(1000px * 30/1200);
		}
			.kl-menus-main nav a img {
				width: calc(1000px * 5/1200);
			}
				.kl-menus-main nav a img.kl-nav-icons {
					width: calc(1000px * 23/1200);
				}
				.kl-menus-main nav a img.kl-triangle-bottom {
					width: calc(1000px * 7/1200);
				}
			.kl-menus-main nav a ul {
				width: calc(1000px * 100/1200);
				top: calc(1000px * 5/1200 + 100%);
				padding-bottom: calc(1000px * 5/1200);
			}
				.kl-menus-main nav a.active ul {

				}
				.kl-menus-main nav a ul li {
					font-size: calc(1000px * 14/1200);
					padding-left: calc(1000px * 15/1200);
					padding-right: 0;
				}

	.kl-top .kl-search {
		right: calc(1000px * 165/1200);
	}
		.kl-top .kl-search img {
			width: calc(1000px * 15/1200);
		}

	footer.body {
		height: calc(1000px * 125/1200);
	}
		.kl-logo-footer {
			height: calc(1000px * 125/1200);
		}
			.kl-logo-footer img {
				width: calc(1000px * 211/1200);
			}
		.kl-copyright-footer {
			height: calc(1000px * 125/1200);
		}
			.kl-copyright-footer h3 {

			}
				.kl-copyright-footer h3, .kl-copyright-footer h3 * {
					font-size: calc(1000px * 10/1200);
				}
			.kl-copyright-footer p {

			}
		.kl-btns-footer {
			height: calc(1000px * 125/1200);
		}
			.kl-btns-footer .kl-btns-nav {
				width: calc(1000px * 180/1200);
				height: calc(1000px * 42/1200);
			}
				.kl-btns-footer .kl-btns-nav i {
					font-size: calc(1000px * 14/1200);
				}

	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		width: calc(1000px * 47/1200);
		height: calc(1000px * 47/1200);
		left: calc(1000px * 113/1200);
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		width: calc(1000px * 47/1200);
		height: calc(1000px * 47/1200);
		right: calc(1000px * 113/1200);
	}

	/* kl-about */
	.kl-about {
		padding: calc(1000px * 60/1200) 0 calc(1000px * 70/1200);
	}
		.kl-about-des h3 {
			font-size: calc(1000px * 24/1200);
			height: calc(1000px * 41/1200);
			line-height: calc(1000px * 41/1200);
		}
		.kl-about-des p {
			margin-top: calc(1000px * 20/1200);
			width: calc(1000px * 543/1200);
			font-size: calc(1000px * 14/1200);
			line-height: calc(1000px * 20/1200);
		}
		.kl-about-des button {
			margin-top: calc(1000px * 36/1200);
			width: calc(1000px * 144/1200);
			height: calc(1000px * 42/1200);
			border-radius: calc(1000px * 21/1200);
		}
			.kl-about-des button a {
				line-height: calc(1000px * 42/1200);
			}
		.kl-about-video .kl-cover {
			width: calc(1000px * 346/1200);
			height: calc(1000px * 194/1200);
		}
			.kl-about-video .kl-cover .kl-icons-play {
				width: calc(1000px * 63/1200);
			}
		.kl-about-icons {
			margin-top: calc(1000px * 115/1200);
		}
			.kl-business .kl-con .kl-about-icons {
				display: none;
			}
				.kl-business .kl-con .kl-about-icons ul li {
						width: 33%;
				}
			.kl-about-icons ul li img {
				width: calc(1000px * 50/1200);
			}
			.kl-about-icons ul li h3 {
				margin: calc(1000px * 20/1200) auto calc(1000px * 15/1200);
				font-size: calc(1000px * 21/1200);
			}
			.kl-about-icons ul li p {
				font-size: calc(1000px * 14/1200);
			}

	/* kl-news */
	.kl-news {
		padding: calc(1000px * 100/1200) 0;
	}
		.kl-news-headline-img {
			width: calc(1000px * 462/1200);
			height: calc(1000px * 183/1200);
		}
		.kl-news-headline h3 {
			margin: calc(1000px * 30/1200) 0 calc(1000px * 15/1200);
			width: calc(1000px * 462/1200);
			font-size: calc(1000px * 18/1200);
		}
		.kl-news-headline p {
			width: calc(1000px * 462/1200);
			font-size: calc(1000px * 14/1200);
		}
		.kl-news-headline em {
			margin-top: calc(1000px * 20/1200);
			width: calc(1000px * 462/1200);
			font-size: calc(1000px * 14/1200);
		}
		.kl-news-recommend ul {
			width: calc(1000px * 453/1200);
		}
			.kl-news-recommend ul li {
				padding: calc(1000px * 15/1200) 0;
			}
				.kl-news-recommend ul li h3 {
					font-size: calc(1000px * 16/1200);
				}
				.kl-news-recommend ul li p {
					margin: calc(1000px * 5/1200) 0 auto;
					font-size: calc(1000px * 14/1200);
				}
				.kl-news-recommend ul li em {
					font-size: calc(1000px * 14/1200);
				}

	/* kl-map */
	.kl-map {
		min-height: calc(1000px * 440/1200);
	}
		.kl-map .kl-bg {

		}
		.kl-map .kl-con {
			padding: calc(1000px * 44/1200) 0 calc(1000px * 64/1200);
		}
			.kl-map .kl-con .kl-qr {
				bottom: calc(1000px * 64/1200);
				height: calc(1000px * 91/1200);
			}
				.kl-map .kl-con .kl-qr .kl-qr-list {
					margin-left: calc(1000px * 5/1200);
				}
					.kl-map .kl-con .kl-qr .kl-qr-list p {
						width: calc(1000px * 91/1200);
						font-size: calc(1000px * 12/1200);
					}
			.kl-map .kl-con .kl-map-address {
				bottom: calc(1000px * 64/1200);
				right: calc(1000px * 240/1200);
				font-size: calc(1000px * 14/1200);
				line-height: calc(1000px * 26/1200);
			}
			.kl-map .kl-con .kl-form {
				top: calc(1000px * 44/1200);
				width: calc(1000px * 532/1200);
			}
				.kl-map .kl-con .kl-form h3 {
					line-height: calc(1000px * 26/1200);
					font-size: calc(1000px * 14/1200);
					margin-bottom: calc(1000px * 12/1200);
				}
				.kl-map .kl-con .kl-form .kl-col-4 {
					padding: 0 calc(1000px * 13.3334/1200);
				}
				.kl-map .kl-con .kl-form input, .kl-map .kl-con .kl-form textarea {
					padding: calc(1000px * 5/1200) calc(1000px * 10/1200);
					line-height: calc(1000px * 26/1200);
					font-size: calc(1000px * 14/1200);
				}
				.kl-map .kl-con .kl-form textarea {
					padding: calc(1000px * 10/1200);
					height: calc(1000px * 169/1200);
				}
				.kl-map .kl-con .kl-form button {
					margin-top: calc(1000px * 25/1200);
					width: calc(1000px * 180/1200);
					height: calc(1000px * 46/1200);
					font-size: calc(1000px * 14/1200);
					letter-spacing: calc(1000px * 20/1200);
					text-align: center;
					text-indent: calc(1000px * 20/1200);
					word-spacing: calc(1000px * 20/1200);
				}
				.kl-map .kl-con .kl-form .kl-tips {
					margin-top: calc(1000px * 25/1200);
					font-size: calc(1000px * 13/1200);
					line-height: calc(1000px * 46/1200);
					margin-left: calc(1000px * 20/1200);
				}
					.kl-map .kl-con .kl-form .kl-tips a {
						font-size: calc(1000px * 13/1200);
					}

	/* kl-nav */
	.kl-nav {
		min-height: calc(1000px * 98/1200);
	}
		.business .kl-nav {
			min-height: calc(1000px * 200/1200);
		}
		.kl-nav .kl-con .kl-sub {
			height: calc(1000px * 21/1200);
			font-size: calc(1000px * 14/1200);
		}
			.kl-nav .kl-con .kl-sub * {
				font-size: calc(1000px * 14/1200);
			}
			.kl-nav .kl-con .kl-sub a {
				margin: auto calc(1000px * 7/1200);
			}
		.kl-nav .kl-con .kl-nav-title {
			bottom: calc(1000px * 40/1200);
		}
			.kl-nav .kl-con .kl-nav-title img {
				height: calc(1000px * 48/1200);
			}
			.kl-nav .kl-con .kl-nav-title h2 {
				font-size: calc(1000px * 36/1200);
				margin: calc(1000px * 20/1200) auto calc(1000px * 20/1200);
			}
			.kl-nav .kl-con .kl-nav-title h3 {
				font-size: calc(1000px * 21/1200);
			}

	/* kl-news-list */
	.kl-news-list {
		padding: calc(1000px * 50/1200) 0 calc(1000px * 20/1200);;
	}
		.kl-news-list .kl-con {

		}
			.kl-news-list .kl-con .kl-left {
				width: calc(1000px * 704/1004);
			}
				.kl-news-list .kl-con .kl-left .kl-h {
					padding: calc(1000px * 22/1200) calc(1000px * 20/1200);
				}
					.kl-news-list .kl-con .kl-left .kl-h h2 {
						font-size: calc(1000px * 24/1200);
						margin-right: calc(1000px * 30/1200);
					}
						.kl-news-list .kl-con .kl-left .kl-h h2.kl-title {
							font-size: calc(1000px * 14/1200);
						}
					.kl-news-list .kl-con .kl-left .kl-h h3 {
						font-size: calc(1000px * 14/1200);
					}
					.kl-news-list .kl-con .kl-left .kl-h .kl-info {
						margin: calc(1000px * 15/1200) auto calc(1000px * 8/1200);
						font-size: calc(1000px * 12/1200);
					}
						.kl-news-list .kl-con .kl-left .kl-h .kl-info .kl-date {
							font-size: calc(1000px * 14/1200);
						}
					.kl-news-list .kl-con .kl-left .kl-ul .kl-ul-h {
						font-size: calc(1000px * 14/1200);
						height: calc(1000px * 36/1200);
						line-height: calc(1000px * 36/1200);
						padding: 0 calc(1000px * 20/1200);
					}
					.kl-news-list .kl-con .kl-left .kl-ul .kl-li {
						padding: calc(1000px * 14/1200) calc(1000px * 20/1200);
					}
						.kl-news-list .kl-con .kl-left .kl-ul .kl-li .kl-li-title {
							font-size: calc(1000px * 14/1200);
						}
							.kl-news-list .kl-con .kl-left .kl-ul .kl-li .kl-li-des {
								font-size: calc(1000px * 13/1200);
							}
						.kl-news-list .kl-con .kl-left .kl-ul .kl-li .kl-li-date {
							font-size: calc(1000px * 14/1200);
						}
					.kl-news-list .kl-con .kl-left .kl-ul .kl-li.kl-li-content {
						font-size: calc(1000px * 14/1200);
						padding-bottom: calc(1000px * 30/1200);
					}
				.kl-news-list .kl-con .kl-left .kl-ul .kl-li-comments-title {
					font-size: calc(1000px * 14/1200);
				}
				.kl-news-list .kl-con .kl-left .kl-ul h4 {
					font-size: calc(1000px * 12/1200);
				}
					.kl-news-list .kl-con .kl-left .kl-ul .kl-li-comments article {
					    padding: calc(1000px * 10/1200) 0;
					}
					.kl-news-list .kl-con .kl-left .kl-ul .kl-li-comments footer {
					    font-size: calc(1000px * 12/1200);
					    height: calc(1000px * 30/1200);
					    line-height: calc(1000px * 30/1200);
					}
				.kl-news-list .kl-con .kl-left .kl-page {
					margin: calc(1000px * 30/1200) auto auto;
				}
					.kl-news-list .kl-con .kl-left .kl-page ul li {
						width: calc(1000px * 36/1200);
						height: calc(1000px * 36/1200);
						line-height: calc(1000px * 36/1200);
						margin-right: calc(1000px * 10/1200);
					}
						.kl-news-list .kl-con .kl-left .kl-page ul li, .kl-news-list .kl-con .kl-left .kl-page ul li * {
							font-size: calc(1000px * 12/1200);
						}
			.kl-news-list .kl-con .kl-right {
				width: calc(1000px * 250/1004);
			}
				.kl-news-list .kl-con .kl-right .kl-contact {
					padding: calc(1000px * 7/1004);
					height: calc(1000px * 59/1004);
				}
					.kl-news-list .kl-con .kl-right .kl-contact img {
						width: calc(1000px * 52/1200);
						left: calc(1000px * 7/1004);
					}
					.kl-news-list .kl-con .kl-right .kl-contact h3 {
						font-size: calc(1000px * 14/1200);
					}
					.kl-news-list .kl-con .kl-right .kl-contact p {
						right: calc(1000px * 7/1200);
						bottom: calc(1000px * 7/1200);
						font-size: calc(1000px * 12/1200);
					}
				.cases .kl-news-list {
					padding: calc(1000px * 50/1200) 0 calc(1000px * 40/1200);
				}
					.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box {
						width: calc(1000px * 270/1004);
						height: calc(1000px * 240/1004);
					}
						.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box .kl-img-box {
							height: calc(1000px * 160/1004);
						}
						.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box .kl-title {
							margin: calc(1000px * 20/1004) auto;
							font-size: calc(1000px * 16/1200);
						}
						.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box .kl-date {
							font-size: calc(1000px * 14/1200);
						}
					.cases .kl-news-list .kl-con .kl-ft .kl-page {
						margin: calc(1000px * 30/1200) auto auto;
					}
						.cases .kl-news-list .kl-con .kl-ft .kl-page ul li {
							width: calc(1000px * 36/1200);
							height: calc(1000px * 36/1200);
							line-height: calc(1000px * 36/1200);
							margin-right: calc(1000px * 10/1200);
						}
							.cases .kl-news-list .kl-con .kl-ft .kl-page ul li, .cases .kl-news-list .kl-con .kl-ft .kl-page ul li * {
								font-size: calc(1000px * 12/1200);
							}

	/* kl-news-news */
	.kl-news-view {
		padding: calc(1000px * 50/1200) 0 calc(1000px * 40/1200);;
	}

	/* kl-team */
	.kl-team {
		padding: calc(1000px * 30/1200) 0 calc(1000px * 60/1200);
	}
		.business .kl-team {
			padding: calc(1000px * 50/1200) 0;
		}
			.business .kl-team .kl-title {
				margin: auto auto calc(1000px * 50/1200);
				font-size: calc(1000px * 24/1200);
				line-height: calc(1000px * 30/1200);
			}
				.kl-team .swiper-container-team .swiper-slide .kl-swiper-slide-img {
					width: calc(1000px * 200/1200);
					height: calc(1000px * 300/1200);
					margin: auto auto calc(1000px * 24/1200);
				}
				.kl-team .swiper-container-team .swiper-slide .kl-job, .kl-team .swiper-container-team .swiper-slide .kl-des {
					font-size: calc(1000px * 14/1200);
				}
				.kl-team .swiper-container-team .swiper-slide .kl-job {
					margin: auto auto calc(1000px * 20/1200);
				}
				.kl-team .swiper-container-team .swiper-slide h3 {
					font-size: calc(1000px * 16/1200);
					margin: calc(1000px * 24/1200) auto calc(1000px * 10/1200);
				}
			.kl-team .swiper-container-team .swiper-pagination {
				margin-top: calc(1000px * 40/1200);
				margin-bottom: calc(1000px * 40/1200);
			}
			.kl-team .swiper-container-team .kl-swiper-btn {
				width: calc(1000px * 180/1200);
				height: calc(1000px * 46/1200);
				border-radius: calc(1000px * 23/1200);
			}
				.kl-team .swiper-container-team .kl-swiper-btn a {
					line-height: calc(1000px * 46/1200);
				}

	/* kl-team-list */
	.kl-team-list {
		padding: calc(1000px * 50/1200) 0 calc(1000px * 70/1200);;
	}
		.kl-team-list .kl-team-list .kl-team-list-box {
			width: calc(1000px * 200/1004);
			height: calc(1000px * 380/1004);
		}
			.kl-team-list .kl-team-list:nth-child(4n+2) .kl-team-list-box {
				margin-left: calc((1000px/4 - 1000px * 200/1004)/3);
			}
			.kl-team-list .kl-team-list:nth-child(4n+3) .kl-team-list-box {
				margin-right: calc((1000px/4 - 1000px * 200/1004)/3);
			}
			.kl-team-list .kl-team-list .kl-team-list-box .kl-team-list-img {
				height: calc(1000px * 200/1004 * 300/200);
			}
			.kl-team-list .kl-team-list .kl-team-list-box .kl-job {
				font-size: calc(1000px * 13/1200);
			}
			.kl-team-list .kl-team-list .kl-team-list-box a {
				font-size: calc(1000px * 15/1200);
				margin: calc(1000px * 20/1004) auto calc(1000px * 10/1004);
			}
			.kl-team-list .kl-con .kl-ft .kl-page {
				margin: calc(1000px * 30/1200) auto auto;
			}
				.kl-team-list .kl-con .kl-ft .kl-page ul li {
					width: calc(1000px * 36/1200);
					height: calc(1000px * 36/1200);
					line-height: calc(1000px * 36/1200);
					margin-right: calc(1000px * 10/1200);
				}
					.kl-team-list .kl-con .kl-ft .kl-page ul li, .kl-team-list .kl-con .kl-ft .kl-page ul li * {
						font-size: calc(1000px * 12/1200);
					}

	/* kl-team-news */
	.kl-team-view {
		padding: calc(1000px * 50/1200) 0 calc(1000px * 50/1200);;
	}
		.kl-team-view .kl-con .kl-left .kl-team-box {
			width: calc(1000px * 250/1004);
		}
			.kl-team-view .kl-con .kl-left .kl-bcard {
				padding: calc(1000px * 7/1200);
				margin: auto auto calc(1000px * 10/1200);
			}
				.kl-team-view .kl-con .kl-left .kl-bcard .kl-team-headimg {
					width: calc(1000px * 74/1004);
					height: calc(1000px * 74/1004);
				}
				.kl-team-view .kl-con .kl-left .kl-bcard h2 {
					font-size: calc(1000px * 15/1200);
					margin-top: calc(-1000px * 37/1004 + 1000px * 5/1004);
				}
				.kl-team-view .kl-con .kl-left .kl-bcard p {
					font-size: calc(1000px * 14/1200);
				}
					.kl-team-view .kl-con .kl-left .kl-bcard .kl-email {
						margin: calc(1000px * 5/1004) auto calc(1000px * 10/1004);
					}
					.kl-team-view .kl-con .kl-left .kl-bcard .kl-phone {
						font-size: calc(1000px * 12/1200);
					}
					.kl-team-view .kl-con .kl-left .kl-bcard .kl-fax {
						font-size: calc(1000px * 12/1200);
					}
				.kl-team-view .kl-con .kl-left .kl-bcard .kl-team-qrimg {
					width: calc(1000px * 53/1004);
					height: calc(1000px * 53/1004);
					margin: calc(1000px * 10/1004) auto;
				}
				.kl-team-view .kl-con .kl-left .kl-bcard button {
					width: calc(1000px * 144/1200);
					height: calc(1000px * 42/1200);
					margin: auto auto calc(1000px * 10/1004);
					font-size: calc(1000px * 12/1200);
					border-radius: calc(1000px * 21/1200);
				}
			.kl-team-view .kl-con .kl-left .kl-contact {
				padding: calc(1000px * 7/1004);
    			height: calc(1000px * 59/1004);
			}
				.kl-team-view .kl-con .kl-left .kl-contact img {
					height: calc(1000px * 42/1200);
				}
				.kl-team-view .kl-con .kl-left .kl-contact h3 {
					font-size: calc(1000px * 14/1200);
				}
				.kl-team-view .kl-con .kl-left .kl-contact p {
					right: calc(1000px * 7/1200);
					bottom: calc(1000px * 7/1200);
    				font-size: calc(1000px * 12/1200);
				}
		.kl-team-view .kl-con .kl-right .kl-team-box {
			width: calc(1000px * 659/1004);
		}
			.kl-team-view .kl-con .kl-right .kl-team-box .kl-h {
				padding: calc(1000px * 20/1004);
			}
				.kl-team-view .kl-con .kl-right .kl-team-box .kl-h h2 {
					font-size: calc(1000px * 14/1004);
				}
			.kl-team-view .kl-con .kl-right .kl-team-box .kl-common-c {
				padding: calc(1000px * 20/1004);
				font-size: calc(1000px * 14/1004);
			}

	/* kl-cases */
	.kl-cases {
		padding: 0 0 calc(1000px * 30/1200);
	}
		.business .kl-cases {
			padding: calc(1000px * 80/1200) 0 calc(1000px * 50/1200);
		}
			.business .kl-cases .kl-title {
				margin: auto auto calc(1000px * 50/1200);
				font-size: calc(1000px * 24/1200);
				line-height: calc(1000px * 30/1200);
			}
		.kl-cases .kl-con .kl-lists {
			min-height: calc(1000px * 110/1200);
		}
			.kl-cases .kl-con .kl-lists img {
				width: calc(1000px * 157/1004);
			}
/* 			.kl-cases .kl-con .kl-lists:nth-child(1) img { */
/* 				width: calc(1000px * 157/1200); */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(2) img { */
/* 				width: calc(1000px * 135/1200); */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(3) img { */
/* 				width: calc(1000px * 137/1200); */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(4) img { */
/* 				width: calc(1000px * 66/1200); */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(5) img { */
/* 				width: calc(1000px * 100/1200); */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(6) img { */
/* 				width: calc(1000px * 110/1200); */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(7) img { */
/* 				width: calc(1000px * 81/1200); */
/* 			} */
/* 			.kl-cases .kl-con .kl-lists:nth-child(8) img { */
/* 				width: calc(1000px * 87/1200); */
/* 			} */

	/* kl-business */
	.kl-business {
		padding: calc(1000px * 50/1200) 0;
	}
		.kl-business .kl-con .kl-business-box h3 {
			padding: calc(1000px * 30/1200);
			font-size: calc(1000px * 14/1200);
		}
		.kl-business .kl-con .kl-business-box .kl-business-content {
			padding: calc(1000px * 24/1200);
			font-size: calc(1000px * 14/1200);
		}

	/* kl-business-process */
	.kl-business-process {
		min-height: calc(1000px * 200/1200);
	}

	/* kl-contact */
	.kl-contact {
		padding: calc(1000px * 50/1200) 0 calc(1000px * 100/1200);
	}
		.kl-contact .kl-title {
			margin: auto auto calc(1000px * 40/1200);
			font-size: calc(1000px * 24/1200);
			line-height: calc(1000px * 30/1200);
		}
		.kl-contact .kl-con {

		}
			.kl-contact .kl-con .kl-address {
				font-size: calc(1000px * 18/1200);
			}
			.kl-contact .kl-con .kl-phone {
				margin: calc(1000px * 40/1200) auto;
				font-size: calc(1000px * 18/1200);
			}
			.kl-contact .kl-con .kl-map-iframe {
				height: calc(1000px * 526/1200);
			}

	/* kl-login */
	.kl-login {
		padding: calc(1000px * 100/1200) 0;
		height: calc(100vh - 1000px * 125/1200);
	}
		.kl-login .kl-con .kl-qr {
			width: calc(1000px * 250/1200);
		}
		.kl-login .kl-con .kl-tips {
			font-size: calc(1000px * 14/1200);
			line-height: calc(1000px * 30/1200);
		}

	/* kl-uc */
	.kl-uc {
		padding: calc(1000px * 50/1200) 0;
	}
		.kl-uc .kl-con .kl-left .kl-box {
			width: calc(1000px * 200/1004);
		}
			.kl-uc .kl-con .kl-left .kl-box ul .kl-title {
				font-size: calc(1000px * 18/1200);
			}
			.kl-uc .kl-con .kl-left .kl-box ul li {
				font-size: calc(1000px * 14/1200);
			}
		.kl-uc .kl-con .kl-right .kl-box {
			width: calc(1000px * 763/1004);
		}
			.kl-uc .kl-con .kl-right .kl-box h2 {
				font-size: calc(1000px * 24/1200);
				margin-bottom: calc(1000px * 24/1200);
			}
			.kl-uc .kl-con .kl-right .kl-box h3 {
				font-size: calc(1000px * 16/1200);
			}
			.kl-uc .kl-con .kl-right .kl-box-list {
				padding: 0 calc(1000px * 30/1200) calc(1000px * 60/1200);
				margin-top: calc(1000px * 20/1200);
			}
				.kl-uc .kl-con .kl-right .ui-row-flex, .kl-uc .kl-con .kl-right .ui-row {
					padding: calc(1000px * 24/1200) 0;
				}
				.kl-uc .kl-con .kl-right .kl-label, .kl-uc .kl-con .kl-right .kl-label-con {
					font-size: calc(1000px * 14/1200);
				}
					.kl-uc .kl-con .kl-right .kl-label-con .kl-img-box {
						width: calc(1000px * 70/1200);
						height: calc(1000px * 70/1200);
					}
					.kl-uc .kl-con .kl-right .kl-label-con textarea, .kl-uc .kl-con .kl-right .kl-label-con input[type = 'text'], .kl-uc .kl-con .kl-right .kl-label-con select {
						padding: calc(1000px * 15/1200);
						font-size: calc(1000px * 14/1200);
					}
						.kl-uc .kl-con .kl-right .kl-label-con input[type = 'text'] {
							height: calc(1000px * 50/1200);
							line-height: calc(1000px * 50/1200);
						}
					.kl-uc .kl-con .kl-right .kl-label-con .kl-word-limit {
						font-size: calc(1000px * 12/1200);
					}
					.kl-uc .kl-con .kl-right .kl-label-con .kl-clear-content {
						font-size: calc(1000px * 14/1200);
						right: calc(1000px * 15/1200);
						top: calc(1000px * 39/1200);
					}
					.kl-uc .kl-con .kl-right .kl-label-con .mui-input-row {
						padding-left: calc(1000px * 35/1200);
						margin-right: calc(1000px * 20/1200);
					}
						.kl-uc .kl-con .kl-right .kl-label-con .mui-checkbox input[type=checkbox], .kl-uc .kl-con .kl-right .kl-label-con .mui-radio input[type=radio] {
							width: calc(1000px * 30/1200);
							height: calc(1000px * 30/1200);
							top: calc((1000px * 30/1200 - 28)/2);
						}
				.kl-uc .kl-con .kl-right .kl-course-list {

				}
					.kl-uc .kl-con .kl-right .kl-course-list .kl-list-box {
						width: calc(1000px * 270/1200);
					}
						.kl-uc .kl-con .kl-right .kl-course-list .kl-type {
							font-size: calc(1000px * 16/1200);
							margin: auto auto calc(1000px * 10/1004);
							height: calc(1000px * 22/1004);
							line-height: calc(1000px * 22/1004);
						}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-type em {
								font-size: calc(1000px * 16/1200);
								margin-left: calc(1000px * 25/1200);
							}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-ellipses {
								width: calc(1000px * 18/1004);
							}
								.kl-uc .kl-con .kl-right .kl-course-list .kl-ellipses img {
									height: calc(1000px * 4/1004);
								}
						.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info {
							margin: calc(1000px * 10/1004) 4%;
							border-radius: calc(1000px * 5/1004);
							padding-bottom: calc(1000px * 12/1004);
						}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-list-title {
								padding: calc(1000px * 10/1004) calc(1000px * 12/1004);
								font-size: calc(1000px * 14/1200);
							}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-list-des {
								padding: 0 calc(1000px * 12/1004);
								font-size: calc(1000px * 12/1200);
							}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-list-views {
								padding: 0 calc(1000px * 12/1004);
							}
								.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-list-views, .kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-list-views * {
									font-size: calc(1000px * 12/1200);
								}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-avatar {
								right: calc(1000px * 21/1200);
								bottom: calc(1000px * 27/1004);
								width: calc(1000px * 32/1200);
								height: calc(1000px * 32/1200);
							}
							.kl-uc .kl-con .kl-right .kl-course-list .kl-list-info .kl-avatar-name {
								bottom: calc(1000px * 12/1004);
								right: calc(1000px * 12/1200);
								font-size: calc(1000px * 12/1200);
								height: calc(1000px * 15/1200);
								line-height: calc(1000px * 15/1200);
								width: calc(1000px * 50/1200);
							}
				.kl-uc .kl-con .kl-right .kl-h {
					height: calc(1000px * 113/1200);
					padding: calc(1000px * 20/1200) calc(1000px * 30/1200);
					border-top-left-radius: calc(1000px * 5/1200);
					border-top-right-radius: calc(1000px * 5/1200);
				}
					.kl-uc .kl-con .kl-right .kl-h .kl-title {
						font-size: calc(1000px * 14/1200);
						line-height: calc(1000px * 20/1200);
						left: calc(1000px * 30/1200);
						top: calc(1000px * 20/1200);
					}
					.kl-uc .kl-con .kl-right .kl-h .kl-info {
						left: calc(1000px * 30/1200);
						bottom: calc(1000px * 20/1200);
						width: calc(100% - 1000px * 60/1200);
					}
						.kl-uc .kl-con .kl-right .kl-h .kl-info .kl-author, .kl-uc .kl-con .kl-right .kl-h .kl-info .kl-views {
							font-size: calc(1000px * 12/1200);
							margin-right: calc(1000px * 25/1200);
						}
						.kl-uc .kl-con .kl-right .kl-h .kl-info .kl-date {
							font-size: calc(1000px * 14/1200);
						}
					.kl-uc .kl-con .kl-right .kl-h .kl-img-box {
						width: calc(1000px * 32/1200);
						height: calc(1000px * 32/1200);
					}
						.kl-uc .kl-con .kl-right .kl-h .kl-avatar {
							right: calc(1000px * 30/1200);
							top: calc(1000px * 20/1200);
						}
				.kl-uc .kl-con .kl-right .kl-ul {
					border-bottom-left-radius: calc(1000px * 5/1200);
					border-bottom-right-radius: calc(1000px * 5/1200);
					padding: calc(1000px * 25/1200) calc(1000px * 30/1200);
				}
					.kl-uc .kl-con .kl-right .kl-ul .kl-li-comments-title {
						font-size: calc(1000px * 14/1200);
					}
					.kl-uc .kl-con .kl-right .kl-ul .kl-li-comments {

					}
						.kl-uc .kl-con .kl-right .kl-ul .kl-li-comments h4 {
							font-size: calc(1000px * 12/1200);
						}
						.kl-uc .kl-con .kl-right .kl-ul .kl-li-comments article {
							padding: calc(1000px * 10/1200) 0;
						}
						.kl-uc .kl-con .kl-right .kl-ul .kl-li-comments footer {
							font-size: calc(1000px * 12/1200);
							height: calc(1000px * 30/1200);
							line-height: calc(1000px * 30/1200);
						}
				.kl-uc .kl-con .kl-right .kl-btns {
					padding: calc(1000px * 20/1200) calc(1000px * 30/1200);
				}
					.kl-uc .kl-con .kl-right .kl-btns button {
						width: calc(1000px * 130/1200);
						height: calc(1000px * 36/1200);
						letter-spacing: calc(1000px * 20/1200);
						text-indent: calc(1000px * 20/1200);
					}

}

@media (max-width: 1000px) {
	.kl-mobile {
		display: block !important;
	}
	.kl-all .kl-btn-login, .kl-all .kl-menus-top, .kl-all .kl-menus-main, .kl-all .kl-search {
		display: none;
	}
	.kl-con {
		width: 100vw;
		min-width: 100vw;
	}
		.kl-con .kl-con-title {
			text-align: center;
		}
			.kl-con .kl-con-title h3 {
				font-size: calc(100vw * 25/750);
				color: #4167AB;
				font-weight: bold;
			}
			.kl-con .kl-con-title h2 {
				margin: calc(100vw * 18/750) auto;
				font-size: calc(100vw * 34/750);
				color: #4167AB;
				font-weight: bold;
			}
		.kl-logo {
			height: calc(100vw * 93/750);
			left: calc(100vw * 57/750);
		}
			.kl-logo h1 img {
				height: calc(100vw * 93/750);
			}
	.kl-top {
		position: absolute;
		background: transparent;
		height: calc(100vw * 145/750);
	}
	.kl-banner {
		height: calc(100vw * 400/750);
	}
		.kl-banner .swiper-button-prev, .swiper-button-next {
			display: none;
		}
		.kl-banner.swiper-container-horizontal>.swiper-pagination-bullets {
			display: none;
		}
		.kl-banner .swiper-slide img {
			height: 100%;
			width: auto;
			margin-left: calc((100vw - 100%)/2);
		}
	.kl-banner-pyb {
		height: calc(100vw * 165/750);
	}
		.kl-banner-pyb .swiper-button-prev, .swiper-button-next {
			display: none;
		}
		.kl-banner-pyb.swiper-container-horizontal>.swiper-pagination-bullets {
			display: none;
		}
		.kl-banner-pyb .swiper-slide img {
			height: 100%;
			width: auto;
			margin-left: calc((100vw - 100%)/2);
		}
	.kl-about {
		background: white;
		padding: calc(100vw * 70/750) 0 calc(100vw * 50/750)
	}
		.kl-about .kl-about-des, .kl-about .kl-about-video, .kl-about .kl-about-icons {
			display: none;
		}
		.kl-about .kl-about-icons {
			margin-top: auto;
		}
			.kl-about .kl-about-icons ul {
				padding: 0 calc(100vw * 50/750);
				text-align: center;
			}
				.kl-about .kl-about-icons ul li {
					width: calc(100vw * 200/750);
					height: calc(100vw * 220/750);
					padding: calc(100vw * 20/750) 0;
					margin: auto 2% calc(100vw * 25/750) auto;
					overflow: hidden;
					box-shadow: 0 0 1px gray;
				}
					.kl-about .kl-about-icons ul li:nth-child(3n) {
						margin-right: auto;
					}
					.kl-about-icons ul li h3 {
						margin: calc(100vw * 20/750) auto calc(100vw * 10/750);
						font-size: calc(100vw * 21/750);
					}
					.kl-about-icons ul li p {
						font-size: calc(100vw * 12/750);
					}
					.kl-about-icons ul li img {
						width: calc(100vw * 50/750);
					}
		.kl-about .kl-about-video {
			height: calc(100vw * 82/750);
			text-align: center;
			margin: calc(100vw * 50/750) auto;
		}
			.kl-about .kl-about-video button {
				width: calc(100vw * 220/750);
				height: calc(100vw * 82/750);
				line-height: calc(100vw * 82/750);
				border: solid calc(100vw * 6/750) #4167AB;
				border-radius: calc(100vw * 41/750);
				-webkit-border-radius: calc(100vw * 41/750);
				-moz-border-radius: calc(100vw * 41/750);
				-ms-border-radius: calc(100vw * 41/750);
				-o-border-radius: calc(100vw * 41/750);
			}
				.kl-about .kl-about-video button img {
					width: calc(100vw * 45/750);
					height: auto;
				}
				.kl-about .kl-about-video button a {
					display: inline-block;
					height: calc(100vw * 70/750);
					line-height: calc(100vw * 70/750);
					color: #4167AB;
					font-size: calc(100vw * 24/750);
					vertical-align: top;
				}
		.kl-about .kl-about-des {
			padding: 0 calc(100vw * 50/750);
		}
			.kl-about-des h3 {
				text-align: center;
				font-size: calc(100vw * 36/750);
			}
			.kl-about-des p {
				margin-top: calc(100vw * 25/750);
				width: 100%;
				font-size: calc(100vw * 20/750);
				line-height: unset;
			}
			.kl-about-des button {
				display: none;
			}
	.kl-news {
		display: none;
		padding: calc(100vw * 38/750) 0 calc(100vw * 55/750);
	}
		.kl-news .kl-con {
			padding: 0 calc(100vw * 50/750);
			overflow: hidden;
		}
			.kl-news-headline-img {
				width: 100%;
				height: calc(100vw * 264/750);
			}
			.kl-news-headline h3 {
				width: 100%;
				font-size: calc(100vw * 32.4/750);
				margin: calc(100vw * 20/750) auto;
			}
			.kl-news-headline p {
				width: 100%;
				font-size: calc(100vw * 18.9/750);
			}
			.kl-news-headline em {
				width: 100%;
				margin-top: calc(100vw * 15/750);
			}
			.kl-news-recommend ul {
				width: 100%;
				margin-top: calc(100vw * 50/750);
			}
				.kl-news-recommend ul li h3 {
					font-size: calc(100vw * 16/750);
				}
				.kl-news-recommend ul li p {
					margin: calc(100vw * 5/750) 0 auto;
					font-size: calc(100vw * 14/750);
				}
				.kl-news-recommend ul li em {
					font-size: calc(100vw * 14/750);
				}
			.kl-news .kl-con .kl-btns {
				margin-top: calc(100vw * 50/750);
				text-align: center;
			}
				.kl-news .kl-con .kl-btns button {
					width: calc(100vw * 252/750);
					height: calc(100vw * 65/750);
					border-radius: calc(100vw * 29.5/750);
					-webkit-border-radius: calc(100vw * 29.5/750);
					-moz-border-radius: calc(100vw * 29.5/750);
					-ms-border-radius: calc(100vw * 29.5/750);
					-o-border-radius: calc(100vw * 29.5/750);
					border: calc(100vw * 6/750) solid #4167AB;
					background: transparent;
				}
					.kl-news .kl-con .kl-btns button a {
						height: calc(100vw * 53/750);
						line-height: calc(100vw * 53/750);
						color: #4167AB;
						font-size: calc(100vw * 16/750);
						display: inline-block;
						width: 100%;
						height: 100%;
						position: absolute;
						top: 0;
						left: 0;
					}
	.kl-cases {
		padding: calc(100vw * 50/750) 0;
	}
		.kl-cases .kl-con {
			padding: 0 calc(100vw * 50/750);
		}
		.kl-cases .kl-con .kl-lists img {
			max-width: 100%;
			height: auto;
		}
	.kl-team {
		padding: calc(100vw * 50/750) 0 calc(100vw * 50/750);
	}
		.kl-team .kl-con {
			padding: 0 calc(100vw * 130/750);
		}
			.kl-team .kl-con .kl-con-title {
				margin-bottom: calc(100vw * 50/750);
			}
			.kl-team .kl-con.swiper-container-team {
				display: none;
			}
			.kl-team .swiper-container-team-m {

			}
				.kl-team .swiper-container-team-m .swiper-slide .kl-swiper-slide-img {
					width: calc(100vw * 200/750);
					height: calc(100vw * 300/750);
					margin: auto auto calc(100vw * 24/750);
				}
				.kl-team .swiper-container-team-m .swiper-slide .kl-job, .kl-team .swiper-container-team-m .swiper-slide .kl-des {
					font-size: calc(100vw * 14/750);
				}
				.kl-team .swiper-container-team-m .swiper-slide .kl-job {
					margin: auto auto calc(100vw * 20/750);
				}
				.kl-team .swiper-container-team-m .swiper-slide h3 {
					font-size: calc(100vw * 18/750);
					margin: calc(100vw * 30/750) auto calc(100vw * 15/750);
				}
			.kl-team .swiper-container-team-m .swiper-pagination {
				margin-top: calc(100vw * 56/750);
				margin-bottom: calc(100vw * 35/750);
			}
			.kl-team .swiper-container-team-m .kl-swiper-btn {
				width: calc(100vw * 252/750);
				height: calc(100vw * 65/750);
				border-radius: calc(100vw * 29.5/750);
				-webkit-border-radius: calc(100vw * 29.5/750);
				-moz-border-radius: calc(100vw * 29.5/750);
				-ms-border-radius: calc(100vw * 29.5/750);
				-o-border-radius: calc(100vw * 29.5/750);
				border: calc(100vw * 6/750) solid #4167AB;
				background: transparent;
			}
				.kl-team .swiper-container-team-m .kl-swiper-btn a {
					height: calc(100vw * 53/750);
					line-height: calc(100vw * 53/750);
					color: #4167AB;
					font-size: calc(100vw * 16/750);
					position: absolute;
					top: 0;
					left: 0;
				}
	.kl-map {
		display: none;
		background: linear-gradient(to bottom, #2167AF, white);
		height: auto;
	}
		.kl-map .kl-con {
			padding: calc(100vw * 40/750) 0 0;
		}
			.kl-map .t, .kl-map .b {
				position: relative;
			}
			.kl-map .t {
				padding: 0 calc(100vw * 50/750)
			}
				.kl-map .t h3 {
					color: white;
					margin: auto auto calc(100vw * 40/750);
				}
				.kl-map .t textarea, .kl-map .t input, .kl-map .t select {
					padding: calc(100vw * 22/750) calc(100vw * 22/750);
					line-height: calc(100vw * 52/750);
				}
				.kl-map .t textarea {
					height: calc(100vw * 202/750);
				}
				.kl-map .t input {
					height: calc(100vw * 96/750);
				}
				.kl-map .t button {
					height: calc(100vw * 96/750);
					background: #2167AF;
					color: white;
					display: block;
					width: 100%;
				}
				.kl-map .t p {
					margin-bottom: calc(100vw * 30/750);
				}
			.kl-map .b {
				height: calc(100vw * 468/750);
			}
				.kl-map .b .kl-box {
					position: relative;
					height: 100%;
				}
				.kl-map .kl-con .kl-map-address {
					bottom: unset;
					right: unset;
					top: calc(100vw * 250/750);
					left: 50%;
					font-size: calc(100vw * 28/750);
					transform: translateX(-50%);
					-webkit-transform: translateX(-50%);
					-moz-transform: translateX(-50%);
					-ms-transform: translateX(-50%);
					-o-transform: translateX(-50%);
					width: 100%;
					text-align: center;
				}
	footer.body {
		height: auto;
	}
		footer.body .kl-con {
			padding: calc(100vw * 69/750) calc(100vw * 50/750);
		}
			footer.body .kl-logo-footer {
				width: 100%;
				text-align: center;
				height: calc(100vw * 63/750);
			}
				footer.body .kl-logo-footer img {
					width: auto;
					height: calc(100vw * 63/750);
					top: unset;
					left: 50%;
					max-height: unset;
					transform: translateX(-50%);
					-webkit-transform: translateX(-50%);
					-moz-transform: translateX(-50%);
					-ms-transform: translateX(-50%);
					-o-transform: translateX(-50%);
				}
			footer.body .kl-copyright-footer {
				width: 100%;
			}
			footer.body .kl-btns-footer {
				width: 100%;
				text-align: center;
				display: none;
			}
	.kl-nav .kl-bg {
		height: 100%;
		width: auto;
	}
		.kl-nav .kl-con .kl-sub {
			top: 80%;
			font-size: 14px;
			height: auto;
		}
	.business .kl-nav {
		min-height: calc(100vw * 400/750);
	}
		.kl-nav .kl-con {
			padding: 0 calc(100vw * 50/750);
		}
			.kl-nav .kl-con .kl-nav-title {
				bottom: calc(100vw * 40/750);
				left: calc(100vw * 50/750);
			}
				.kl-nav .kl-con .kl-nav-title img {
					height: calc(100vw * 48/750);
				}
				.kl-nav .kl-con .kl-nav-title h2 {
					font-size: 16px;
					margin: calc(100vw * 20/750) auto calc(100vw * 20/750);
				}
				.kl-nav .kl-con .kl-nav-title h3 {
					font-size: 14px;
				}
	.kl-business {
		padding: calc(100vw * 50/750) 0;
	}
		.kl-business .kl-con .kl-business-box h3 {
			padding: calc(100vw * 30/750);
			font-size: 14px;
		}
		.kl-business .kl-con .kl-business-box .kl-business-content {
			padding: calc(100vw * 24/750) calc(100vw * 50/750);
			font-size: calc(100vw * 14/750);
			font-size: calc(100vw * 28/750);
		}
			.kl-business .kl-con .kl-business-box .kl-business-content p {
				font-size: 12px;
			}
		.kl-business-process {
			display: none;
		}
	.business .kl-team, .business .kl-cases .kl-title {
		display: none;
	}
	.business .kl-cases {
		padding: 0 0 calc(100vw * 50/750);
	}
	.kl-nav {
		min-height: calc(100vw * 300/750);
		overflow: hidden;
	}
	.kl-uc {
		padding: calc(100vw * 50/750) 0;
	}
		.kl-uc .kl-con {
			padding: 0 calc(100vw * 50/750);
		}
			.kl-uc .kl-con .kl-left, .kl-uc .kl-con .kl-right {
				width: 100%;
			}
			.kl-uc .kl-con .kl-left .kl-box {
				width: 100%;
			}
				.kl-uc .kl-con .kl-left .kl-box .mui-table-view {
					display: none;
					border-bottom: 1px solid gray;
				}
				.kl-uc .kl-con .kl-left .kl-box ul .kl-title {
					font-size: 14px;
				}
				.kl-uc .kl-con .kl-left .kl-box ul .kl-list {
					width: 33%;
					display: inline-block;
					vertical-align: top;
				}
					.kl-uc .kl-con .kl-left .kl-box ul .kl-list:nth-child(4) {

					}
					.kl-uc .kl-con .kl-left .kl-box ul li.active {
						background: unset;
						color: unset;
					}
						.kl-uc .kl-con .kl-left .kl-box ul li.active h3 {
							background: #4167AB;
							color: white;
							padding: 0 calc(100vw * 10/750);
						}
					.kl-uc .kl-con .kl-left .kl-box ul li.kl-list:hover {
						background: unset;
						color: unset;
					}
					.kl-uc .kl-con .kl-left .kl-box ul .kl-list h3 {
						font-size: 14px;
						height: 40px;
						line-height: 40px;
						border-bottom: 1px solid gray;
					}
					.kl-uc .kl-con .kl-left .kl-box ul .kl-list .kl-ul-sub {
						width: 100%;
					}
						.kl-uc .kl-con .kl-left .kl-box ul .kl-list .kl-ul-sub li {
							width: 100%;
							font-size: 12px;
						}
						.kl-uc .kl-con .kl-left .kl-box ul .kl-list .kl-ul-sub li.active {
							background: #4167AB;
							color: white;
						}
				.kl-uc .kl-con .kl-right .kl-box {
					width: 100%;
				}
					.kl-uc .kl-con .kl-right .kl-course-list {
						width: 50%;
						overflow: hidden;
					}
					.kl-uc .kl-con .kl-right .kl-course-list:nth-child(2n+1) {
						padding-right: calc(100vw * 10/750);
					}
					.kl-uc .kl-con .kl-right .kl-course-list:nth-child(2n) {
						padding-left: calc(100vw * 10/750);
					}
						.kl-uc .kl-con .kl-right .kl-course-list .kl-list-box {
							width: 100%;
						}
						.kl-uc .kl-con .kl-right .kl-course-list .kl-type {
							font-size: 14px;
							margin: auto auto calc(100vw * 10/650);
							height: calc(100vw * 50/650);
							line-height: calc(100vw * 50/650);
						}
					.kl-uc .kl-con .kl-right .kl-box-list {
						padding: 0 calc(100vw * 30/750) calc(100vw * 30/750);
					}
						.kl-uc .kl-con .kl-right .ui-row-flex, .kl-uc .kl-con .kl-right .ui-row {
							padding: calc(100vw * 24/750) 0;
						}
					.kl-uc .kl-con .kl-right .kl-label, .kl-uc .kl-con .kl-right .kl-label-con {
						width: 100%;
						font-size: 14px;
						position: relative;
					}
					.kl-uc .kl-con .kl-right .kl-label-con textarea, .kl-uc .kl-con .kl-right .kl-label-con input[type = 'text'], .kl-uc .kl-con .kl-right .kl-label-con select {
						padding: calc(100vw * 15/750);
						font-size: 14px;
					}
					.kl-uc .kl-con .kl-right .kl-label-con input[type = 'text'] {
						height: calc(100vw * 96/750);
						line-height: calc(100vw * 96/750);
					}
					.kl-uc .kl-con .kl-right .kl-label-con .kl-clear-content {
						font-size: 12px;
						right: calc(100vw * 15/750);
						top: 50%;
						transform: translateY(-50%);
						-webkit-transform: translateY(-50%);
						-moz-transform: translateY(-50%);
						-ms-transform: translateY(-50%);
						-o-transform: translateY(-50%);
					}
					.kl-uc .kl-con .kl-right .kl-label-con textarea ~ i {
						top: calc(100vw * 15/750) !important;
						transform: unset !important;
						-webkit-transform: unset !important;
						-moz-transform: unset !important;
						-ms-transform: unset !important;
						-o-transform: unset !important;
					}
				.kl-uc .kl-con .kl-right .kl-btns {
					padding: calc(100vw * 20/750) calc(100vw * 30/750);
				}
					.kl-uc .kl-con .kl-right .kl-btns button {
						width: 100%;
						height: calc(100vw * 96/750);
						letter-spacing: calc(100vw * 20/750);
						text-indent: calc(100vw * 20/750);
					}
	.kl-news-list {
		padding: calc(100vw * 50/750) 0 calc(100vw * 20/750);
	}
		.kl-news-list .kl-con {
			padding: 0 calc(100vw * 50/750);
		}
			.kl-news-list .kl-con .kl-left {
				width: 100%;
			}
				.kl-news-list .kl-con .kl-left .kl-h {
					padding: calc(100vw * 60/1200) calc(100vw * 20/1200);
				}
					.kl-news-list .kl-con .kl-left .kl-h h2 {
						font-size: 20px;
						margin-right: calc(100vw * 30/750);
					}
				.kl-news-list .kl-con .kl-left .kl-ul .kl-ul-h {
					font-size: 16px;
					height: calc(100vw * 76/750);
					line-height: calc(100vw * 76/750);
					padding: 0 calc(100vw * 20/750);
				}
				.kl-news-list .kl-con .kl-left .kl-ul .kl-li .kl-li-title {
					font-size: 14px;
				}
				.kl-news-list .kl-con .kl-left .kl-ul .kl-li .kl-li-des {
					font-size: 13px;
				}
				.kl-news-list .kl-con .kl-left .kl-ul .kl-li .kl-li-date {
					font-size: 12px;
				}
			.kl-news-list .kl-con .kl-right {
				display: none;
			}
		.cases .kl-news-list {
			padding: calc(100vw * 50/750) 0 calc(100vw * 40/750);
		}
			.kl-news-list .kl-con .kl-cases-list {
				width: 100%;
				margin: auto auto calc(100vw * 20/650);
			}
				.kl-news-list .kl-con .kl-cases-list:nth-child(3n+1), .kl-news-list .kl-con .kl-cases-list:nth-child(3n) {
					text-align: center;
				}
				.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box {
					width: 100%;
					height: auto;
					padding: 0 0 calc(100vw * 10/650);
				}
					.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box .kl-img-box {
						height: calc(100vw * 160/650);
						font-size: 12px;
					}
					.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box .kl-title {
						margin: calc(100vw * 20/650) auto;
						font-size: 14px;
					}
					.kl-news-list .kl-con .kl-cases-list .kl-cases-list-box .kl-date {
						font-size: 12px;
					}
					.kl-news-list .kl-con .kl-left .kl-h h2.kl-title {
						font-size: 16px;
						line-height: 20px;
					}
					.kl-news-list .kl-con .kl-left .kl-h .kl-info {
						font-size: 12px;
					}
					.kl-news-list .kl-con .kl-left .kl-ul .kl-li.kl-li-content {
						font-size: 14px;
						padding: calc(100vw * 10/750) calc(100vw * 20/750);
					}
	.kl-team-list {
		padding: calc(100vw * 30/750) 0 calc(100vw * 50/750);
	}
		.kl-team-list .kl-con {
			padding: 0 calc(100vw * 50/750);
		}
			.kl-team-list .kl-team-list {
				width: 50%;
				text-align: center;
			}
				.kl-team-list .kl-team-list .kl-team-list-box {
					width: calc(100vw * 200/650);
					height: calc(100vw * 420/650);
				}
				.kl-team-list .kl-team-list:nth-child(4n+1) .kl-team-list-box, .kl-team-list .kl-team-list:nth-child(4n+4) .kl-team-list-box {
					float: unset;
				}
				.kl-team-list .kl-team-list:nth-child(4n+2) .kl-team-list-box {
					margin-left: 50%;
					transform: translateX(-50%);
					-webkit-transform: translateX(-50%);
					-moz-transform: translateX(-50%);
					-ms-transform: translateX(-50%);
					-o-transform: translateX(-50%);
				}
				.kl-team-list .kl-team-list .kl-team-list-box .kl-team-list-img {
					height: calc(100vw * 200/650 * 300/200);
				}
	.kl-team-view {
		padding: calc(100vw * 50/750) 0 calc(100vw * 50/750);
	}
		.kl-team-view .kl-con {
			padding: 0 calc(100vw * 50/750);
		}
			.kl-team-view .kl-con .kl-left, .kl-team-view .kl-con .kl-left .kl-team-box, .kl-team-view .kl-con .kl-right, .kl-team-view .kl-con .kl-right .kl-team-box {
				width: 100%;
			}
			.kl-team-view .kl-con .kl-left .kl-contact {
				display: none;
			}
			.kl-team-view .kl-con .kl-right .kl-team-box .kl-h h2 {
				font-size: 16px;
			}
			.kl-team-view .kl-con .kl-right .kl-team-box .kl-common-c {
				font-size: 14px;
			}
	.kl-contact {
		padding: calc(100vw * 50/750) 0 calc(100vw * 100/750);
	}

}