@charset "utf-8";



.fs-36 {
                font-size: 32px;
                line-height: 49px;
                letter-spacing: 0;
				text-align: center; 
				 color:#000000;
            }
			
.fw-700 {
                font-weight: 800
            }
			
			
.color-light-blue,light-blue {
                color:  var(--color);
            }
.mt-3 {
                margin-top: 1rem!important
            }

#mainVisual {
	overflow:hidden;
	width:100%;
	height:400px;
	position:relative;
}
#mainVisual.full-height {
	height:460px
}
.slick-track, .slick-list {
}
#mainVisual .main-visual-list-con, #mainVisual .main-visual-con, #mainVisual .slick-list, #mainVisual .slick-track, .main-visual-item {
	height:100%;
}
.main-visual-con {
	z-index:1;
}
.main-visual-item {
	position:relative;
}
.main-visual-item .main-visual-pc-img {
	width:100%;
	height:100%;
	background-size:cover !important;
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition:transform 9000ms ease-out;
	-moz-transition:transform 9000ms ease-out;
	-o-transition:transform 9000ms ease-out;
	-ms-transition:transform 9000ms ease-out;
	transition:transform 9000ms ease-out;
}
.main-visual-item .main-visual-m-img {
	display:none;
}
.main-visual-item .main-visual-txt-con {
	position:absolute;
	bottom:0;
	left:60px;
	width:100%;
	margin-bottom: 90px;
}

.main-visual-item .main-visual-txt-con li{
	 list-style: none; /* 移除默认列表符号 */
    position: relative;
    padding-left: 24px; /* 预留图标空间 */
}

.main-visual-item .main-visual-txt-con li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url('/images/xiaotu1.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.main-visual-item .main-visual-txt-con .main-visual-txt2, .main-visual-item .main-visual-txt-con .main-visual-txt3 {
}
.main-visual-item .main-visual-txt-con .main-visual-txt1 {
	margin-top: 28px;
	display: block;
	font-size:17px;
	padding-left: 10px;
	color:#fff;
	font-weight: 800;
	line-height: 45px;
	color: #fff;
	background: url(../images/iico_03.png) no-repeat left center;
	background-color: #d9ab20;
	height: 50px;
	width: 200px;
	border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.main-visual-item .main-visual-txt-con .main-visual-txt1:hover {
    background-color: #ff4d4d; /* 悬停时变为红色 */

	
}
.main-visual-item .main-visual-txt-con .main-visual-txt1 img {
	max-width: 100%;
}
.main-visual-item .main-visual-txt-con .main-visual-txt3 .off {
	display:none;
}
.main-visual-item .main-visual-txt-con .main-visual-txt2 {
	font-size:40px;
	color:#fff;
	font-weight: 300;
	margin-bottom:20px;
	line-height: 65px;
	-webkit-transition-delay:0.3s;
	-moz-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
}
.main-visual-item .main-visual-txt-con .main-visual-txt2 b {
	font-weight: 600;
	color: #000000;
}
.main-visual-item .main-visual-txt-con .main-visual-txt3 {
	font-size:16px;
	white-space: pre-line;
	letter-spacing:1px;
	color:#000000;
	font-weight: 400;
	margin-bottom: 20px;
	line-height:100%;
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
	transition-delay:0.5s;
}
.main-visual-item .main-visual-txt-con .main-visual-txt3 b {
	font-weight: 600;
}
.main-visual-item02 .main-visual-txt-con .main-visual-txt2 {
	color:#fff;
}
.main-visual-item02 .main-visual-txt-con .main-visual-txt3 {
	color: #fff;
}
.main-visual-item.active-item .main-visual-pc-img {
	-ms-transform: scale(1.1, 1.1) rotate(0.0001deg);
	-o-transform: scale(1.1, 1.1) rotate(0.0001deg);
	-moz-transform: scale(1.1, 1.1) rotate(0.0001deg);
	-webkit-transform: scale(1.1, 1.1) rotate(0.0001deg);
	transform: scale(1.1, 1.1) rotate(0.0001deg);
}
.main-visual-item.active-item .main-visual-txt3 {
	opacity:0.9;
	filter:Alpha(opacity=90);
}
.main-visual-item02.active-item .main-visual-txt3 {
}
.slick-dots {
	position: absolute;
	bottom: 30px;
	display: block;
	right: 5%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: right;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 65px;
	height: 7px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 65px;
	height: 7px;
	background: #fff;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	opacity: .5;
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover, .slick-dots li button:focus {
	opacity: 1;
}
.slick-dots li.slick-active button {
	opacity: 1;
}
.main-visual-current-next-tit-con {
	position:absolute;
	bottom: 40px;
	left:0px;
	right:0;
	font-size: 15px;
	font-weight: 300;
	color: #fff;
}
.main-visual-current-next-tit-con .current-con {
	float: left;
}
.main-visual-current-next-tit-con .next-con {
	float: right;
}
.main-visual-current-next-tit-con .current-con span, .main-visual-current-next-tit-con .next-con span {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-color: #fff;
	color: rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.75px;
	line-height: 32px;
	text-align: center;
}
.main-visual-current-next-tit-con .current-con span {
	margin-right: 10px;
}
.main-visual-current-next-tit-con .next-con span {
	margin-left: 10px;
}
.main-visual-prev-next-btn-con {
	position:absolute;
	bottom:67px;
	left:0px;
	right:0;
}
.main-visual-prev-next-btn-con .btn {
	font-size: 15px;
	font-weight: 300;
	font-family: 'Poppins', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic", "돋움", Dotum, Arial, sans-serif;
	color: #fff;
	display: block;
	cursor: pointer;
}
.main-visual-prev-next-btn-con .prev-btn {
	float: left;
}
.main-visual-prev-next-btn-con .next-btn {
	float: right;
}
.main-visual-prev-next-btn-con .btn span {
	display: inline-block;
	vertical-align: middle;
}
.main-visual-prev-next-btn-con .btn i {
	display: inline-block;
	vertical-align: middle;
}
.main-ovio-con {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.main-ovio-con .fl {
	width: 50%;
	height: 575px;
	float: left;
	text-align: center;
}
.main-ovio-con .pd-img {
	display: inline-block;
}
.main-ovio-con .pd-img img {
}
.main-ovio-con .fr {
	width: 50%;
	height: 575px;
	float: right;
	text-align: center;
}
.main-ovio-con .txt-con {
	position: relative;
	display: inline-block;
	padding: 0 120px;
	margin-top: 101px;
}
.main-ovio-con .txt-con .tit-up {
	font-size: 22px;
	font-weight: 300;
	letter-spacing: -0.75px;
	color: #868f9a;
}
.main-ovio-con .txt-con .tit-up span {
	font-weight: 500;
}
.main-ovio-con .txt-con .tit-down {
	margin-top: 10px;
	font-size: 55px;
	font-weight: 600;
	letter-spacing: -0.75px;
	line-height: 1.11em;
	color: #286abd;
}
.main-ovio-con .txt-con .txt {
	margin-top: 22px;
	font-size: 16.5px;
	font-weight: 300;
	line-height: 1.81em;
	color: #6f6f6f;
	-ms-word-break: keep-all;
	word-break: keep-all;
}
.main-ovio-con .txt-con .txt span {
	display:block;
}
.main-ovio-con .txt-con .btn-more {
	position: absolute;
	width: 95px;
	bottom: -117px;
	display: block;
	padding: 9px;
	border-bottom: 3px solid #ccc;
	font-size: 16px;
	font-weight: 500;
	line-height: 2.06em;
	color: #626262;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ovio-con01.main-ovio-con .txt-con .btn-more {
	left:120px
}
.ovio-con02.main-ovio-con .txt-con .btn-more {
	right:120px;
}
.main-ovio-con .txt-con .btn-more:after {
	display: block;
	content:"";
	width: 0;
	height: 3px;
	background-color: #333;
	position: absolute;
	bottom: -3px;
	left: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.main-ovio-con .cir-con {
	display: block;
	width: 78px;
	height: 78px;
	border: 10px solid #fff;
	text-align: center;
	line-height: 78px;
	position: absolute;
	margin: auto;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.main-ovio-con .cir-con i {
	color: #fff;
	font-size: 32px;
}
.main-ovio-con.ovio-con01 .fl {
	background: url("../images/main_bg01.jpg") no-repeat 0 0;
}
.main-ovio-con.ovio-con01 .fr {
	text-align: left;
	background-color: #fff;
}
.main-ovio-con.ovio-con01 .fr a {
	display: block;
	height: 100%;
}
.main-ovio-con.ovio-con02 .fl {
	text-align: right;
	background: url("../images/grad_bg.png") no-repeat 0 0;
}
.main-ovio-con.ovio-con02 .fl a {
	display: block;
	height: 100%;
}
.main-ovio-con.ovio-con02 .fr {
	background: url("../images/main_bg02.jpg") no-repeat 0 0;
}
.main-ovio-con.ovio-con01 .txt-con {
	width: 500px;
	text-align: left;
}
.main-ovio-con.ovio-con02 .txt-con {
	width: 500px;
	text-align: right;
}
.main-ovio-con.ovio-con01 .cir-con {
	background-color: #e0ddd8;
}
.main-ovio-con.ovio-con02 .cir-con {
	background-color: #b0c3d7;
}
 @media all and (min-width:1220px) {
 .fade-in {
 opacity:0;
filter:Alpha(opacity=0);
 margin-top: 300px;
 -webkit-transition: all .8s ease;
 transition: all 1s ease;
}
 .fade-in.fade-in-02 {
-webkit-transition-delay:0.2s;
transition-delay:0.2s;
}
 .fade-in.fade-in-03 {
-webkit-transition-delay:0.4s;
transition-delay:0.4s;
}
 .fade-in.fade-in-04 {
-webkit-transition-delay:0.5s;
transition-delay:0.5s;
}
 .fade-in.fade-in-05 {
-webkit-transition-delay:0.7s;
transition-delay:0.7s;
}
 .scroll-active-animate .fade-in {
 opacity:1.0;
filter:Alpha(opacity=100);
 margin-top: 120px;
}
 .move-down {
 opacity:0;
filter:Alpha(opacity=0);
 margin-top: -50px;
 -webkit-transition: all .8s ease;
 transition: all .8s ease;
}
 .move-down.move-down-02 {
-webkit-transition-delay:0.4s;
transition-delay:0.4s;
}
 .move-down.move-down-03 {
-webkit-transition-delay:0.7s;
transition-delay:0.7s;
}
 .scroll-active-animate .move-down {
 opacity:1.0;
filter:Alpha(opacity=100);
 margin-top: 0;
}
 .main-ovio-con .txt-con .btn-more {
 opacity:0;
filter:Alpha(opacity=0);
 bottom: -80px;
 -webkit-transition: all 1.2s ease;
 transition: all 1.2s ease;
}
 .scroll-active-animate .txt-con .btn-more {
 opacity:1.0;
filter:Alpha(opacity=100);
 -webkit-transition-delay:1s;
transition-delay:1s;
 bottom: -117px;
}
}
#mainContent2 {
	padding: 93px 0;
}
.main-con-tit {
	text-align: center;
	font-weight: 300;
	font-size: 42px;
	line-height: 1.34em;
	color: #333;
	letter-spacing: -0.75px;
}
.main-con-tit span {
	font-weight: 400;
}
.main-con-txt {
	margin-top: 10px;
	text-align: center;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.83em;
	letter-spacing: -0.75px;
}
.main-product-con {
	margin-top: 23px;
}
.main-product-con .slide-btn {
	text-align: center;
}
.main-product-con .slide-btn .btn {
	display: inline-block;
	cursor: pointer;
}
.main-product-con .slide-btn .btn i {
	font-size: 50px;
	color: #7f7f7f;
}
.main-product-con .slide-btn .prev-btn {
}
.main-product-con .slide-btn .next-btn {
}
.main-product-con .slide-btn .center-img {
	display: inline-block;
	margin: 0 66px;
	position: relative;
}
.main-product-con .slide-btn .center-img i {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin-top: -15px;
	color: #000;
	font-size: 30px;
}
.product-con-group {
	margin-top: 30px;
}
.product-con-group-inner {
	float: left;
	width: 21.83%;
}
.product-con-group-inner a {
	display: block;
	margin: 0 6.2%;
}
.product-con-group-inner .product-img {
	position: relative;
	padding-top: 100%;
}
.product-con-group-inner .product-img span {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: hidden;
}
.product-con-group-inner .product-img span img {
	width: 100%;
	display: block;
	margin: 0 auto;
transition:all .5s
}
.product-con-group-inner .product-name {
	width:100%;
	text-align: center;
	position: relative;
	bottom: 0;
}
.product-con-group-inner .product-name h5 {
	font-size: 24px;
	font-weight: 400;
	color: #444;
	padding: 0 10px;
	height:24px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.product-con-group-inner .product-name p {
	margin-top: 13px;
	font-size: 16.5px;
	font-weight: 400;
	color: #848484;
	padding: 0 10px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.team .product-con-group.list-ver .product-con-group-inner .product-img {
	padding-top: 120%;
}
.team .product-con-group.list-ver .product-con-group-inner a {
	padding: 10px 0;
}
.team .product-con-group.list-ver .product-con-group-inner .product-name {
	margin-top: 30px;
}
.team-content .product_view {
	padding: 3rem;
}
.team-content .product_view img {
	max-width: 100%;
	margin-bottom: 2rem;
}
.team-content .product_view p {
}
.team-content .product_view .txt, .team-content .product_view .info-tit {
	padding-left: 1rem;
}
.team-content .product_view .info-tit h5 {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.8;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	color: #06a3e0;
}
.team-content .product_view .info-tit h5 span {
	font-weight: 400;
	font-size: 20px;
	color: #666;
}
#mainContent2 .slick-list a:hover img {
	-webkit-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
	-webkit-transition: -webkit-transform 0.6s ease 0;
	transition: transform 0.6s ease 0;
}
#mainContent2 .qiehuan {
}
#mainContent2 .qiehuan .main-con-txt {
	padding: 20px 0 30px;
	display: flex;
	justify-content: center;
}
#mainContent2 .qiehuan .main-con-txt a {
	border: 1px solid #ddd;
	padding: 12px 5rem;
}
#mainContent2 .qiehuan .main-con-txt a:nth-child(2) {
 border-right:none;
}
#mainContent2 .qiehuan .main-con-txt a:nth-child(1) {
 border-right:none;
}
#mainContent2 .qiehuan .main-con-txt a  #mainContent2 .qiehuan .main-con-txt a:hover {
	background: #eee;
}
.pop-back {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .7);
	z-index: 400;
	display: none;
}
.pop-video {
	width: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	top: -500%;
	position: fixed;
	margin: auto;
	z-index: 500;
	height: 50%;
}
.pop-video iframe {
	width: 100%;
	height: 100%;
}
#mainContent2 .slick-list {
	overflow: visible;
}
#mainContent2 .slick-slide {
	opacity: 0.3;
}
#mainContent2 .slick-active {
	opacity: 1;
}
#mainContent2 .no-rolling-pc .slick-slide {
	opacity:1.0;
	filter:Alpha(opacity=100);
}
#mainContent2 .no-rolling-m .slick-slide {
	opacity:1.0;
	filter:Alpha(opacity=100);
}
#mainContent3 {
	width: 100%;
	position: relative;
}
.main-info-con {
	position: absolute;
	top: 68px;
	text-align: center;
	margin: auto;
	right: 0;
	left: 0;
	z-index: 1;
}
.main-info-con .info-top-tit {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 2.55px;
	color: #868f9a;
}
.main-info-con .info-down-tit {
	margin-top: 23px;
	font-size: 56px;
	font-weight: 300;
	letter-spacing: -0.75px;
	line-height: 1.14em;
	color: #286abd;
}
.main-info-con .info-down-tit span {
	font-weight: 500;
}
.main-info-con .info-txt {
	margin-top: 21px;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.83em;
	letter-spacing: -0.75px;
	color: #9c9c9c;
}
.main-info-con .center-img {
	display: inline-block;
	margin-top: 47px;
	position: relative;
}
.main-info-con .center-img i {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin-top: -15px;
	color: #000;
	font-size: 30px;
}
.bottom-img {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.bottom-img img {
	width: 100%;
	height: auto;
}
.main-full-banner-box {
	width:100%;
	overflow:hidden;
}
.main-full-banner-box > div {
	width: 50%;
	position:relative;
	overflow: hidden;
}
.main-full-banner-box > div img {
	width: 100%;
	height: auto;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.main-full-banner-box > div a:hover img {
	-webkit-transform: scale(1.1) rotate(0.02deg);
	-moz-transform: scale(1.1) rotate(0.02deg);
	-ms-transform: scale(1.1) rotate(0.02deg);
	-o-transform: scale(1.1) rotate(0.02deg);
	transform: scale(1.1) rotate(0.02deg);
}
.main-full-banner-box .main-full-banner-left {
	float: left;
}
.main-full-banner-box .main-full-banner-right {
	float: right;
}
.main-full-banner-box .full-banner-inner {
	position: absolute;
	top: 50%;
	margin-top: -76px;
	left: 10%;
	color: #fff;
}
.main-full-banner-box .full-banner-inner strong {
	display:block;
	font-weight:600;
	font-size:24px;
	padding-bottom:0px;
	opacity:0.6;
	filter:Alpha(opacity=60);
}
.main-full-banner-box .full-banner-inner .tit {
	font-size:40px;
	font-weight: 300;
	line-height:1.97em;
	letter-spacing:-0.45px;
}
.main-full-banner-box .full-banner-inner .tit span {
	font-weight: 600;
}
.main-full-banner-box .full-banner-inner .txt {
	font-weight: 300;
	font-size:18px;
	line-height:1.44em;
	letter-spacing:-0.75px;
	opacity: 0.6;
}
 @media all and (min-width:1220px) {
 .fade-in {
 opacity:0;
filter:Alpha(opacity=0);
 margin-top: 300px;
 -webkit-transition: all .8s ease;
 transition: all 1s ease;
}
 .fade-in.fade-in-02 {
-webkit-transition-delay:0.2s;
transition-delay:0.2s;
}
 .fade-in.fade-in-03 {
-webkit-transition-delay:0.4s;
transition-delay:0.4s;
}
 .fade-in.fade-in-04 {
-webkit-transition-delay:0.5s;
transition-delay:0.5s;
}
 .fade-in.fade-in-05 {
-webkit-transition-delay:0.7s;
transition-delay:0.7s;
}
 .scroll-active-animate .fade-in {
 opacity:1.0;
filter:Alpha(opacity=100);
 margin-top: 120px;
}
 .move-down {
 opacity:0;
filter:Alpha(opacity=0);
 margin-top: -50px;
 -webkit-transition: all .8s ease;
 transition: all .8s ease;
}
 .move-down.move-down-02 {
-webkit-transition-delay:0.4s;
transition-delay:0.4s;
}
 .move-down.move-down-03 {
-webkit-transition-delay:0.7s;
transition-delay:0.7s;
}
 .scroll-active-animate .move-down {
 opacity:1.0;
filter:Alpha(opacity=100);
 margin-top: 0;
}
 .main-ovio-con .txt-con .btn-more {
 opacity:0;
filter:Alpha(opacity=0);
 bottom: -80px;
 -webkit-transition: all 1.2s ease;
 transition: all 1.2s ease;
}
 .scroll-active-animate .txt-con .btn-more {
 opacity:1.0;
filter:Alpha(opacity=100);
 -webkit-transition-delay:1s;
transition-delay:1s;
 bottom: -117px;
}
}
#mainContent2 {
	padding: 93px 0;
}
.main-con-tit {
	text-align: center;
	font-weight: 300;
	font-size: 42px;
	line-height: 1.34em;
	color: #333;
	letter-spacing: -0.75px;
}
.main-con-tit span {
	font-weight: 400;
}
.main-con-txt {
	margin-top: 10px;
	text-align: center;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.83em;
	letter-spacing: -0.75px;
}
.main-product-con {
	margin-top: 23px;
}
.main-product-con .slide-btn {
	text-align: center;
}
.main-product-con .slide-btn .btn {
	display: inline-block;
	cursor: pointer;
}
.main-product-con .slide-btn .btn i {
	font-size: 50px;
	color: #7f7f7f;
}
.main-product-con .slide-btn .prev-btn {
}
.main-product-con .slide-btn .next-btn {
}
.main-product-con .slide-btn .center-img {
	display: inline-block;
	margin: 0 66px;
	position: relative;
}
.main-product-con .slide-btn .center-img i {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin-top: -15px;
	color: #000;
	font-size: 30px;
}
.product-con-group {
	margin-top: 30px;
}
.product-con-group-inner {
	float: left;
	width: 21.83%;
}
.product-con-group-inner a {
	display: block;
	margin: 0 6.2%;
}
.product-con-group-inner .product-img {
	position: relative;
	padding-top: 100%;
}
.product-con-group-inner .product-img span {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: hidden;
}
.product-con-group-inner .product-img span img {
	width: 100%;
	display: block;
	margin: 0 auto;
transition:all .5s
}
.product-con-group-inner .product-name {
	width:100%;
	text-align: center;
	position: relative;
	bottom: 0;
}
.product-con-group-inner .product-name h5 {
	font-size: 24px;
	font-weight: 400;
	color: #444;
	padding: 0 10px;
	height:24px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.product-con-group-inner .product-name p {
	margin-top: 13px;
	font-size: 16.5px;
	font-weight: 400;
	color: #848484;
	padding: 0 10px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.team .product-con-group.list-ver .product-con-group-inner .product-img {
	padding-top: 120%;
}
.team .product-con-group.list-ver .product-con-group-inner a {
	padding: 10px 0;
}
.team .product-con-group.list-ver .product-con-group-inner .product-name {
	margin-top: 30px;
}
.team-content .product_view {
	padding: 3rem;
}
.team-content .product_view img {
	max-width: 100%;
	margin-bottom: 2rem;
}
.team-content .product_view p {
}
.team-content .product_view .txt, .team-content .product_view .info-tit {
	padding-left: 1rem;
}
.team-content .product_view .info-tit h5 {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.8;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	color: #06a3e0;
}
.team-content .product_view .info-tit h5 span {
	font-weight: 400;
	font-size: 20px;
	color: #666;
}
#mainContent2 .slick-list a:hover img {
	-webkit-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
	-webkit-transition: -webkit-transform 0.6s ease 0;
	transition: transform 0.6s ease 0;
}
#mainContent2 .qiehuan {
}
#mainContent2 .qiehuan .main-con-txt {
	padding: 20px 0 30px;
	display: flex;
	justify-content: center;
}
#mainContent2 .qiehuan .main-con-txt a {
	border: 1px solid #ddd;
	padding: 12px 5rem;
}
#mainContent2 .qiehuan .main-con-txt a:nth-child(2) {
 border-right:none;
}
#mainContent2 .qiehuan .main-con-txt a:nth-child(1) {
 border-right:none;
}
#mainContent2 .qiehuan .main-con-txt a  #mainContent2 .qiehuan .main-con-txt a:hover {
	background: #eee;
}
.pop-back {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .7);
	z-index: 400;
	display: none;
}
.pop-video {
	width: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	top: -500%;
	position: fixed;
	margin: auto;
	z-index: 500;
	height: 50%;
}
.pop-video iframe {
	width: 100%;
	height: 100%;
}
#mainContent2 .slick-list {
	overflow: visible;
}
#mainContent2 .slick-slide {
	opacity: 0.3;
}
#mainContent2 .slick-active {
	opacity: 1;
}
#mainContent2 .no-rolling-pc .slick-slide {
	opacity:1.0;
	filter:Alpha(opacity=100);
}
#mainContent2 .no-rolling-m .slick-slide {
	opacity:1.0;
	filter:Alpha(opacity=100);
}
#mainContent3 {
	width: 100%;
	position: relative;
}
.main-info-con {
	position: absolute;
	top: 68px;
	text-align: center;
	margin: auto;
	right: 0;
	left: 0;
	z-index: 1;
}
.main-info-con .info-top-tit {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 2.55px;
	color: #868f9a;
}
.main-info-con .info-down-tit {
	margin-top: 23px;
	font-size: 56px;
	font-weight: 300;
	letter-spacing: -0.75px;
	line-height: 1.14em;
	color: #286abd;
}
.main-info-con .info-down-tit span {
	font-weight: 500;
}
.main-info-con .info-txt {
	margin-top: 21px;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.83em;
	letter-spacing: -0.75px;
	color: #9c9c9c;
}
.main-info-con .center-img {
	display: inline-block;
	margin-top: 47px;
	position: relative;
}
.main-info-con .center-img i {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin-top: -15px;
	color: #000;
	font-size: 30px;
}
.bottom-img {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.bottom-img img {
	width: 100%;
	height: auto;
}
.main-full-banner-box {
	width:100%;
	overflow:hidden;
}
.main-full-banner-box > div {
	width: 50%;
	position:relative;
	overflow: hidden;
}
.main-full-banner-box > div img {
	width: 100%;
	height: auto;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.main-full-banner-box > div a:hover img {
	-webkit-transform: scale(1.1) rotate(0.02deg);
	-moz-transform: scale(1.1) rotate(0.02deg);
	-ms-transform: scale(1.1) rotate(0.02deg);
	-o-transform: scale(1.1) rotate(0.02deg);
	transform: scale(1.1) rotate(0.02deg);
}
.main-full-banner-box .main-full-banner-left {
	float: left;
}
.main-full-banner-box .main-full-banner-right {
	float: right;
}
.main-full-banner-box .full-banner-inner {
	position: absolute;
	top: 50%;
	margin-top: -76px;
	left: 10%;
	color: #fff;
}
.main-full-banner-box .full-banner-inner strong {
	display:block;
	font-weight:600;
	font-size:24px;
	padding-bottom:0px;
	opacity:0.6;
	filter:Alpha(opacity=60);
}
.main-full-banner-box .full-banner-inner .tit {
	font-size:40px;
	font-weight: 300;
	line-height:1.97em;
	letter-spacing:-0.45px;
}
.main-full-banner-box .full-banner-inner .tit span {
	font-weight: 600;
}
.main-full-banner-box .full-banner-inner .txt {
	font-weight: 300;
	font-size:18px;
	line-height:1.44em;
	letter-spacing:-0.75px;
	opacity: 0.6;
}
 @charset "utf-8";
 @media all and ( max-width: 800px ) {
 .main-visual-item .main-visual-pc-img {
display:none;
}
 .main-visual-item .main-visual-m-img {
display:block;
}
 .main-visual-m-img img {
width:100%;
}
 .main-visual-item .main-visual-txt-con {
top:6.18%;
text-align: left;
left:40px;
width:85%;
}

 .main-visual-item .main-visual-txt-con a {
 display: block;
 text-align: left;
 white-space:nowrap;
}
 .main-visual-item .main-visual-txt-con .main-visual-txt1 {
 margin-bottom: 8px;
 width: 220px;
 font-size: 13px;

}
 .main-visual-item .main-visual-txt-con .main-visual-txt2 {
 font-size: 30px;
 margin-bottom: 20px;
 line-height: 1.18em;
 letter-spacing: 0;
}
 .main-visual-item02 .main-visual-txt-con .main-visual-txt2 {
color: #000000;
}
 .main-visual-item .main-visual-txt-con .main-visual-txt2 b {
color: #000000;
}
 .main-visual-item .main-visual-txt-con .main-visual-txt3 {
 font-size: 14px;
 line-height: 18px;
 margin-bottom: 30px;
 white-space: unset;
}
 .main-visual-item02 .main-visual-txt-con .main-visual-txt3 {
color: #fff;
}
 .main-visual-current-next-tit-con {
display: none;
}
 .main-visual-prev-next-btn-con {
bottom:25px;
}
 .main-visual-prev-next-btn-con .btn {
font-size: 12px;
}
 .main-visual-con .slick-dots {
 bottom: 30px;
 display: flex !important;
 justify-content: center;
 position: relative;
 right: 0;
}
 .main-visual-item .main-visual-txt-con .main-visual-txt3 .off {
display:block;
}
 #mainVisual .slick-arrow {
 width: 60px;
 height: 55px;
 margin-top: -20px;
 background: rgba(0, 0, 0, 0.5);
}
 .main-visual-con .slick-arrow.slick-prev {
left:0;
text-align: left;
}
 .main-visual-con .slick-arrow.slick-next {
right:0;
text-align: right;
}
}
 @media all and ( max-width: 800px ) {
 .main-tit {
margin-bottom:30px;
}
 .main-tit strong {
font-size:24px;
}
 .main-tit .main-sub-tit {
font-size:12px;
line-height:18px;
}
 .pop-back {
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.5);
 z-index: 400;
 display: none;
}
 .pop-video {
 width: 90%;
 left: 0;
 right: 0;
 bottom: 0;
 top: -200%;
 position: fixed;
 margin: auto;
 z-index: 500;
 height: 25%;
}
}
 @media all and (max-width:1220px) {
 .main-ovio-con .txt-con .txt br {
display: none;
}
 .main-ovio-con .txt-con .tit-down {
font-size: 42px;
}
 .main-ovio-con.ovio-con01 .txt-con, .main-ovio-con.ovio-con02 .txt-con {
width: auto;
max-width: 500px;
}
 .main-ovio-con .pd-img {
display: inline-block;
margin-top: 120px;
}
}
 @media all and (max-width:800px) {
 .main-ovio-con {
width: 95%;
padding: 2.5%;
background-color: #e6e5e3;
}
 .main-ovio-con:first-child {
padding-bottom: 0;
}
 .main-ovio-con .fl {
width: 100%;
height: 231px;
float: none;
overflow: hidden;
}
 .main-ovio-con .fr {
width: 100%;
height: 231px;
float: none;
overflow: hidden;
}
 .main-ovio-con.ovio-con01 .fr, .main-ovio-con.ovio-con02 .fl {
height: 200px;
}
 .main-ovio-con.ovio-con02 .fl a {
background-color: #fff;
}
 .main-ovio-con .pd-img {
margin-top: 38px;
}
 .main-ovio-con .pd-img img {
width: 44%;
height: auto;
}
 .main-ovio-con.ovio-con01 .txt-con, .main-ovio-con.ovio-con02 .txt-con {
width: 100%;
max-width: 100%;
padding: 0;
margin-top: 28px;
text-align:center;
}
 .main-ovio-con.ovio-con01 .txt-con, .main-ovio-con.ovio-con02 .txt-con span {
display:inline-block;
}
 .main-ovio-con .txt-con .tit-up {
font-size: 12px;
}
 .main-ovio-con .txt-con .tit-down {
margin-top: 9px;
font-size: 30px;
}
 .main-ovio-con .txt-con .tit-down:after {
margin-left: 2.5px;
width: 3px;
height: 3px;
border: 2px solid #286abd;
}
 .main-ovio-con .txt-con .txt {
margin-top: 9px;
font-size: 12px;
line-height: 1.37em;
}
 .main-ovio-con .txt-con .txt br {
display: block;
}
 .main-ovio-con .txt-con .btn-more {
display: none;
}
 .main-ovio-con .cir-con {
display: none;
}
}
 @media all and (max-width:1220px) {
}
@media all and (max-width:800px) {
 #mainContent2 {
padding: 33px 0;
}
 .main-con-tit {
font-size: 28px;
line-height: 1.34em;
-ms-word-break: keep-all;
 word-break: keep-all;
}
 .main-con-txt {
margin-top: 10px;
font-size: 13px;
line-height: 1.83em;
-ms-word-break: keep-all;
 word-break: keep-all;
}
 .main-product-con {
margin-top: 23px;
}
 .main-product-con .slide-btn .btn i {
font-size: 40px;
}
 .main-product-con .slide-btn .center-img {
display: inline-block;
margin: 0 33px;
}
 .main-product-con .slide-btn .center-img img {
width: 70%;
}
 .main-product-con .slide-btn .center-img i {
margin-top: -10px;
font-size: 25px;
}
 .product-con-group {
margin-top: 10px;
}
 #mainContent2 .qiehuan .main-con-txt {
 width: 90%;
 margin: auto;
 padding: 10px 0;
}
 #mainContent2 .qiehuan .main-con-txt a {
 padding: unset;
 padding-top: 10px;
 padding-bottom: 10px;
 width: 50%;
 text-align: center;
}
}
 @media all and (max-width:1220px) {
}
@media all and (max-width:800px) {
 #mainContent3 {
margin-top: 50px;
}
 .main-info-con {
top: 34px;
}
 .main-info-con .info-top-tit {
font-size: 12px;
}
 .main-info-con .info-down-tit {
margin-top: 11.5px;
font-size: 28px;
line-height: 1.14em;
-ms-word-break: keep-all;
 word-break: keep-all;
}
 .main-info-con .info-down-tit span {
font-weight: 500;
}
 .main-info-con .info-txt {
margin-top: 10.5px;
font-size: 12px;
line-height: 1.83em;
-ms-word-break: keep-all;
 word-break: keep-all;
}
 .main-info-con .center-img {
margin-top: 23.5px;
}
 .main-info-con .center-img img {
width: 50%;
}
 .main-info-con .center-img i {
margin-top: -6px;
font-size: 12px;
}
 .product-con-group-inner .product-name h5 {
font-size: 16px;
}
 .product-con-group-inner .product-name p {
margin-top: 7px;
font-size: 12px;
}
 .bottom-img {
max-width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
 .bottom-img img {
width: 100%;
height: auto;
}
}
 @media all and (max-width:1220px) {
 .main-full-banner-box .full-banner-inner {
margin-top: -39px;
}
 .main-full-banner-box .full-banner-inner strong {
display: none;
}
 .main-full-banner-box .full-banner-inner .tit {
}
 .main-full-banner-box .full-banner-inner .txt {
display: none;
}
}
@media (max-width:800px) {
 .main-full-banner-box > div {
width: 100%;
}
 .main-full-banner-box .main-full-banner-left {
float: none;
}
 .main-full-banner-box .main-full-banner-right {
float: none;
}
 .main-full-banner-box .full-banner-inner {
position: absolute;
top: 50%;
margin-top: -42px;
left: 8.12%;
color: #fff;
}
 .main-full-banner-box .full-banner-inner strong {
display: block;
font-size:11px;
}
 .main-full-banner-box .full-banner-inner .tit {
font-size:22px;
line-height:1.97em;
}
 .main-full-banner-box .full-banner-inner .txt {
display: block;
font-size:11px;
line-height:1.44em;
}
 .team-content .product_view .txt, .team-content .product_view .info-tit {
 padding-left: 0;
}
 .team-content .product_view {
 padding: 1rem;
}
}



/* latin-ext 原站的 */
@font-face {
 font-family: 'Lato';
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url(../fonts/s6u9w4bmutphh7usswapgr_p.woff2) format('woff2');
 unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
 font-family: 'Lato';
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url(../fonts/s6u9w4bmutphh7usswipgq.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
img {
	height:auto;
	max-width:100%;
}
.kche-color-theme {
	color:var(--color, #333)!important;
}
.kche-lg-theme {
	background-image:linear-gradient(to right, var(--color, #000), #FFF) !important;
}
.kche-bg-theme, .kche-forged-theme::after, .kche-forged-theme::before, .kche-forged-theme>li::before, .kche-lg-theme, .kche-forged-theme::after, .kche-forged-theme::before, .kche-forged-theme>li::before {
background-color:var(--color, #666)!important;
}
.kche-border-theme, .kche-table-border.kche-border-theme>tbody>tr>td, .kche-table-rules.kche-border-theme>tbody>tr>td {
	border-color:var(--color, #CCC)!important;
}
.kche-white {
	color:#FFF!important;
}
.kche-bg-white, .kche-forged-white::after, .kche-forged-white::before, .kche-forged-white>li::before {
background-color:#FFF!important;
}
.kche-border-white, .kche-table-border.kche-border-white>tbody>tr>td, .kche-table-rules.kche-border-white>tbody>tr>td {
	border-color:#FFF!important;
}
.kche-red {
	color:#ee2c2d!important;
}
.kche-red-light {
	color:#e00!important;
}
.kche-lg-red {
	background-image:linear-gradient(to right, #ee2c2d, #FFF);
}
.kche-lg-red-light {
	background-image:linear-gradient(to right, #e00, #FFF)!important;
}
.kche-bg-red, .kche-forged-red::after, .kche-forged-red::before, .kche-forged-red>li::before {
background-color:#ee2c2d!important;
}
.kche-bg-red-light, .kche-forged-red-light::after, .kche-forged-red-light::before, .kche-forged-red-light>li::before {
background-color:#e00!important;
}
.kche-border-red, .kche-table-border.kche-border-red>tbody>tr>td, .kche-table-rules.kche-border-red>tbody>tr>td {
	border-color:#ee2c2d!important;
}
.kche-border-red-light, .kche-table-border.kche-border-red-light>tbody>tr>td, .kche-table-rules.kche-border-red-light>tbody>tr>td {
	border-color:#e00!important;
}
.kche-yellow {
	color:#fcb026!important;
}
.kche-yellow-light {
	color:#f1a824!important;
}
.kche-lg-yellow {
	background-image:linear-gradient(to right, #fcb026, #FFF)!important;
}
.kche-lg-yellow-light {
	background-image:linear-gradient(to right, #f1a824, #FFF)!important;
}
.kche-bg-yellow, .kche-forged-yellow::after, .kche-forged-yellow::before, .kche-forged-yellow>li::before {
background-color:#fcb026!important;
}
.kche-bg-yellow-light, .kche-forged-yellow-light::after, .kche-forged-yellow-light::before, .kche-forged-yellow-light>li::before {
background-color:#f1a824!important;
}
.kche-border-yellow, .kche-table-border.kche-border-yellow>tbody>tr>td, .kche-table-rules.kche-border-yellow>tbody>tr>td {
	border-color:#fcb026!important;
}
.kche-border-yellow-light, .kche-table-border.kche-border-yellow-light>tbody>tr>td, .kche-table-rules.kche-border-yellow-light>tbody>tr>td {
	border-color:#f1a824!important;
}
.kche-border-blue, .kche-table-border.kche-border-blue>tbody>tr>td, .kche-table-rules.kche-border-blue>tbody>tr>td {
	border-color:#217fe1!important;
}
.kche-border-blue-light, .kche-table-border.kche-border-blue-light>tbody>tr>td, .kche-table-rules.kche-border-blue-light>tbody>tr>td {
	border-color:#1f9bed!important;
}
.kche-bg-blue, .kche-forged-blue::after, .kche-forged-blue::before, .kche-forged-blue>li::before {
background-color:#217fe1!important;
}
.kche-bg-blue-light, .kche-forged-blue-light::after, .kche-forged-blue-light::before, .kche-forged-blue-light>li::before {
background-color:#1f9bed!important;
}
.kche-lg-cyanblue {
	background-image:linear-gradient(to right, #1f94c7, #FFF)!important;
}
.kche-lg-cyanblue-light {
	background-image:linear-gradient(to right, #4ca9d2, #FFF)!important;
}
.kche-lg-blue {
	background-image:linear-gradient(to right, #217fe1, #FFF)!important;
}
.kche-lg-blue-light {
	background-image:linear-gradient(to right, #1f9bed, #FFF)!important;
}
.kche-green {
	color:#2cb740!important;
}
.kche-green-light {
	color:#28cd3f!important;
}
.kche-lg-green {
	background-image:linear-gradient(to right, #2cb740, #FFF)!important;
}
.kche-lg-green-light {
	background-image:linear-gradient(to right, #28cd3f, #FFF)!important;
}
.kche-bg-green, .kche-forged-green::after, .kche-forged-green::before, .kche-forged-green>li::before {
background-color:#2cb740!important;
}
.kche-bg-green-light, .kche-forged-green-light::after, .kche-forged-green-light::before, .kche-forged-green-light>li::before {
background-color:#28cd3f!important;
}
.kche-border-green, .kche-table-border.kche-border-green>tbody>tr>td, .kche-table-rules.kche-border-green>tbody>tr>td {
	border-color:#2cb740!important;
}
.kche-border-green-light, .kche-table-border.kche-border-green-light>tbody>tr>td, .kche-table-rules.kche-border-green-light>tbody>tr>td {
	border-color:#28cd3f!important;
}
.kche-black {
	color:#111!important;
}
.kche-black-light {
	color:#555!important;
}
.kche-lg-black {
	background-image:linear-gradient(to right, #111, #FFF)!important;
}
.kche-lg-black-light {
	background-image:linear-gradient(to right, #666, #FFF)!important;
}
.kche-bg-black, .kche-forged-black::after, .kche-forged-black::before, .kche-forged-black>li::before {
background-color:#111!important;
}
.kche-bg-black-light, .kche-forged-black-light::after, .kche-forged-black-light::before, .kche-forged-black-light>li::before {
background-color:#555!important;
}
.kche-border-black, .kche-table-border.kche-border-black>tbody>tr>td, .kche-table-rules.kche-border-black>tbody>tr>td {
	border-color:#111!important;
}
.kche-border-black-light, .kche-table-border.kche-border-black-light>tbody>tr>td, .kche-table-rules.kche-border-black-light>tbody>tr>td {
	border-color:#555!important;
}
.kche-blue {
	color:#217fe1!important;
}
.kche-lg-blue {
	background-image:linear-gradient(to right, #217fe1, #FFF)!important;
}
.kche-bg-blue, .kche-forged-blue::after, .kche-forged-blue::before, .kche-forged-blue>li::before {
background-color:#217fe1!important;
}
.kche-bg-darkblue, .kche-forged-darkblue::after, .kche-forged-darkblue::before, .kche-forged-darkblue>li::before {
background-color:#013299!important;
}
.kche-border-blue, .kche-table-border.kche-border-blue>tbody>tr>td, .kche-table-rules.kche-border-blue>tbody>tr>td {
	border-color:#217fe1!important;
}
.kche-flex {
	display:flex;
	flex-wrap:wrap
}
.kche-flex-row-reverse {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row-reverse
}
.kche-flex-column {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column
}
.kche-flex-column-reverse {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column-reverse
}
.kche-flex-ai-c {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.kche-flex-ai-fs {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start
}
.kche-flex-ai-fe {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end
}
.kche-flex-jc-c {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.kche-flex-jc-sb {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.kche-flex-jc-sa {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around
}
.kche-flex-jc-fe {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end
}
.kche-flex-jc-fs {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start
}
.kche-flex-jc-ai-c {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.kche-flex-jc-ai-sb {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
.kche-flex-item2 {
	width:49%;
	margin:10px 0px;
}
.kche-flex-item3 {
	width:32%;
	margin:10px 0px;
}
.kche-flex-item4 {
	width:24%;
	margin:10px 0px;
}
.kche-flex-item5 {
	width:19%;
	margin:10px 0px;
}
.kche-flex-item-auto {
	flex:1;
	margin:10px 0px;
}
.kche-flex-item-10 {
	width:10%;
	margin:10px 0px;
}
.kche-flex-item-20 {
	width:20%;
	margin:10px 0px;
}
.kche-flex-item-30 {
	width:30%;
	margin:10px 0px;
}
.kche-flex-item-40 {
	width:40%;
	margin:10px 0px;
}
.kche-flex-item-50 {
	width:50%;
	margin:10px 0px;
}
.kche-flex-item-60 {
	width:60%;
	margin:10px 0px;
}
.kche-flex-item-70 {
	width:70%;
	margin:10px 0px;
}
.kche-flex-item-80 {
	width:80%;
	margin:10px 0px;
}
.kche-flex-item-90 {
	width:90%;
	margin:10px 0px;
}
.kche-flex-item-100 {
	width:100%;
	margin:10px 0px;
}
.kche-text-align-c {
	text-align:center;
}
.kche-text-align-l {
	text-align:left;
}
.kche-text-align-r {
	text-align:right;
}
.kche-padding-left1 {
	padding-left:1%;
	box-sizing:border-box;
}
.kche-padding-left2 {
	padding-left:2%;
	box-sizing:border-box;
}
.kche-padding-left3 {
	padding-left:3%;
	box-sizing:border-box;
}
.kche-padding-left4 {
	padding-left:4%;
	box-sizing:border-box;
}
.kche-padding-left5 {
	padding-left:5%;
	box-sizing:border-box;
}
.kche-padding-right1 {
	padding-right:1%;
	box-sizing:border-box;
}
.kche-padding-right2 {
	padding-right:2%;
	box-sizing:border-box;
}
.kche-padding-right3 {
	padding-right:3%;
	box-sizing:border-box;
}
.kche-padding-right4 {
	padding-right:4%;
	box-sizing:border-box;
}
.kche-padding-right5 {
	padding-right:5%;
	box-sizing:border-box;
}
.kche-list-disc-customize {
	padding-left:0
}
.kche-list-disc-customize, .kche-list-disc-customize>li {
	list-style-type:none
}
.kche-list-disc-customize>li {
	padding-left:16px;
	position:relative
}
.kche-list-disc-customize>li::before {
content:'';
display:block;
position:absolute;
width:6px;
height:6px;
background-color:#000;
border-radius:50%;
left:1px;
top:8px;
}
.kche-list-decimal, .kche-list-disc {
	padding-left:20px;
}
.kche-list-disc, .kche-list-disc>li {
	list-style-type:disc
}
.kche-list-decimal, .kche-list-decimal>li {
	list-style-type:decimal
}
.kche-clearfix {
	zoom:1
}
.kche-clearfix::after {
content:'';
display:block;
clear:both;
height:0;
visibility:hidden
}
.kche-item-title {
	margin:6px 0
}
.kche-item-img {
	overflow:hidden;
}
.kche-item-img img {
	display:block;
	margin:0 auto;
	border:1px solid #eee;
	box-sizing: border-box;
}
.kche-position-title>.kche-flex-item {
	position:relative
}
.kche-position-title>div>.kche-item-title {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	margin:0;
	background:rgba(0, 0, 0, .15);
	color:#FFF;
	padding:6px 0px;
}
.kche-scale .kche-item-img img {
transition:all .3s
}
.kche-scale .kche-flex-item:hover .kche-item-img img {
	transform:scale(1.2)
}
.kche-table {
	width:100%;
	border-spacing:0;
	border-collapse:separate;
}
.kche-table>tbody>tr>td {
	padding:6px 8px;
	border:none
}
.kche-table-frame-box>tbody>tr>td, .kche-table-frame-hsides>tbody>tr>td, .kche-table-frame-vsides>tbody>tr>td, .kche-table-rules>tbody>tr>td {
	border:none
}
.kche-table-container {
	overflow-x:auto;
}
.kche-table-border {
	border-top:1px solid #CCC;
	border-left:.5px solid #CCC;
}
.kche-table-border>tbody>tr>td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.kche-table-topbg>tbody>tr:not(:first-child) {
background-color:#FFF;
font-weight:400
}
.kche-table-leftbg, .kche-table-topLeftbg, .kche-table-topbg {
	font-weight:600
}
.kche-table-leftbg>tbody>tr>td:not(:first-child) {
background-color:#FFF;
font-weight:400
}
.kche-table-topLeftbg>tbody>tr:nth-child(n+2)>td:not(:first-child) {
background-color:#FFF;
font-weight:400
}
.kche-table-tr-even>tbody>tr:nth-child(even) {
background-color:#FFF;
}
.kche-table-tr-odd>tbody>tr:nth-child(odd) {
background-color:#FFF;
}
.kche-table-td-even>tbody>tr>td:nth-child(even) {
background-color:#FFF;
}
.kche-table-td-odd>tbody>tr>td:nth-child(odd) {
background-color:#FFF;
}
.kche-table-rules-rows>tbody>tr:not(:last-child)>td {
border-bottom:1px solid #CCC;
}
.kche-table-rules-cols>tbody>tr>td:not(:last-child) {
border-right:1px solid #CCC;
}
.kche-table-rules-all>tbody>tr>td:not(:last-child), .kche-table-rules-all>tbody>tr>td:first-of-type {
border-right:1px solid #CCC;
}
.kche-table-rules-all>tbody>tr:not(:last-child)>td {
border-bottom:1px solid #CCC;
}
.kche-table-frame-box {
	border:1px solid #CCC;
}
.kche-table-frame-hsides {
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
}
.kche-table-frame-vsides {
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
.kche-border-radius {
	border-radius:8px;
}
.kche-border-radius>tbody>tr:first-child>td:first-child {
	border-top-left-radius:8px;
}
.kche-border-radius>tbody>tr:first-child>td:last-child {
	border-top-right-radius:8px;
}
.kche-border-radius>tbody>tr:last-child>td:first-child {
	border-bottom-left-radius:8px;
}
.kche-border-radius>tbody>tr:last-child>td:last-child {
	border-bottom-right-radius:8px;
}
.kche-flex-list>.kche-flex-item {
	border-radius:4px;
transition:box-shadow .2s;
	overflow:hidden
}
.kche-flex-list>.kche-flex-item:hover {
	box-shadow:0 0 10px #CCC;
}
.kche-flex-list>.kche-flex-item:nth-of-type(1)>.kche-flex-t {
background-color:#01edfe
}
.kche-flex-list>.kche-flex-item:nth-of-type(2)>.kche-flex-t {
background-color:#0191ff
}
.kche-flex-list>.kche-flex-item:nth-of-type(3)>.kche-flex-t {
background-color:#01d5b8
}
.kche-flex-list>.kche-flex-item:nth-of-type(4)>.kche-flex-t {
background-color:#00d471
}
.kche-flex-list>div>.kche-flex-t>p {
	border:3px solid #FFF;
	border-radius:50%;
	font-size:18px;
	color:#FFF;
	width:40px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:8% 0
}
.kche-flex-list>div>.kche-flex-b {
	background-color:#FFF;
	padding:10% 10px;
	border:1px solid #EEE
}
.kche-flex-b-text {
	font-size:16px;
	color:#555;
	margin-top:6px;
}
.kche-flex-curcle>.kche-flex-item:nth-of-type(1)>.kche-curcle-w {
background-color:#ee2c2d
}
.kche-flex-curcle>.kche-flex-item:nth-of-type(2)>.kche-curcle-w {
background-color:#2cb740
}
.kche-flex-curcle>.kche-flex-item:nth-of-type(3)>.kche-curcle-w {
background-color:#217fe1
}
.kche-flex-curcle>.kche-flex-item:nth-of-type(4)>.kche-curcle-w {
background-color:#fcb026
}
.kche-curcle-w {
	width:100%;
	height:0;
	padding-bottom:100%;
	background-color:#EEE;
	border-radius:50%;
	position:relative;
	border:1px solid #CCC;
}
.kche-curcle-n {
	position:absolute;
	width:60%;
	height:60%;
	top:50%;
	left:50%;
	background-color:#FFF;
	border-radius:50%;
	transform:translate(-50%, -50%);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:18px;
	border:1px solid #CCC;
transition:box-shadow .2s;
	margin:0px;
}
.kche-curcle-w:hover>.kche-curcle-n {
	box-shadow:0 0 10px #666
}
.kche-template-box-title {
	font-size:24px;
	text-align:center;
	color:#0c48a7;
	margin:20px 0;
	text-transform:capitalize
}
.kche-template-box-title>strong {
	display:inline-block;
	margin:0 10px;
}
.kche-template-box-title>span {
	display:inline-block;
	background:#0c48a7;
	transform:rotate(45deg);
	margin:0 4px;
}
.kche-template-box-title>span:nth-of-type(1), .kche-template-box-title>span:nth-of-type(6) {
width:4px;
height:4px;
opacity:.4
}
.kche-template-box-title>span:nth-of-type(2), .kche-template-box-title>span:nth-of-type(5) {
width:6px;
height:6px;
opacity:.6
}
.kche-template-box-title>span:nth-of-type(3), .kche-template-box-title>span:nth-of-type(4) {
width:8px;
height:8px;
}
.kche-history-item {
	width:calc(50% + 10px);
	padding:10px 0;
	box-sizing:border-box;
	position:relative
}
.kche-history-list {
	position:relative
}
.kche-history-item:nth-of-type(odd) {
float:right;
padding-left:26px;
}
.kche-history-item:nth-of-type(even) {
float:left;
text-align:right;
padding-right:26px;
}
.kche-history-line {
	position:absolute;
	top:0;
	left:50%;
	width:2px;
	height:100%;
	background-color:#EEE;
	margin-left:-1px;
}
.kche-history-item>.kche-history-title {
	font-size:22px;
	font-weight:400;
	color:#2cb740
}
.kche-history-item>p {
	font-size:16px;
	margin:6px 0;
	color:#555
}
.kche-history-item>.icon {
	box-sizing:border-box;
	width:8px;
	height:8px;
	background-color:#FFF;
	border:2px solid #2cb740;
	display:block;
	position:absolute;
	border-radius:50%;
	top:18px;
}
.kche-history-item:nth-of-type(even)>.icon {
right:6px;
}
.kche-history-item:nth-of-type(odd)>.icon {
left:6px;
}
@media(max-width:415px) {
.kche-history-item>p {
font-size:12px;
}
}
.kche-course-item {
	border-top:1px dashed #CCC;
}
.kche-course-item:nth-last-of-type(1) {
border-bottom:1px dashed #CCC;
}
.kche-course-item:nth-of-type(odd) {
background-color:#f6f7fb
}
.kche-course-item>strong {
	font-size:22px;
	font-weight:400;
	padding:10px 20px;
	border-right:1px dashed #CCC;
	line-height:1.1;
	font-family:serif
}
.kche-course-item>div {
	margin:0;
	flex:1;
	padding:10px 20px;
	position:relative;
	font-size:16px;
}
.kche-course-item>div>p {
	margin:0px;
}
.kche-course-item>div>.icon {
	position:absolute;
	display:block;
	width:8px;
	height:8px;
	border-radius:50%;
	background-color:#FFF;
	border:2px solid #2cb740;
	left:-4px;
	top:calc(50% - 4px);
	box-sizing:border-box;
}
@media(max-width:768px) {
.kche-flex-item4 {
width:49%
}
.kche-flex-item5 {
width:49%
}
}
@media(max-width:540px) {
.kche-flex-item-auto {
width:100%;
flex:auto;
padding:0px;
}
.kche-flex-item-auto+div {
width:100%;
text-align:left
}
.kche-flex-item3 {
width:49%
}
}
@media(max-width:415px) {
.kche-flex-item3 {
width:100%;
}
}
.float-left {
	float:left;
	margin-right:10px;
}
.kche-padding-1 {
	padding:1%
}
.kche-padding-2 {
	padding:2%
}
.kche-padding-3 {
	padding:3%
}
@media (max-width:500px) {
.float-left {
float:none;
max-width:100%;
margin-right:0
}
}
figure {
	text-align:center;
	outline:solid 1px #EEE;
	margin:10px;
	display:inline-block
}
figure>figcaption {
	text-align:center;
	display:block
}
.kche-flex-item5 {
	width:19%;
	margin:10px 0px;
}
@media(max-width:768px) {
.kche-flex-item5 {
width:49%
}
}
@media(max-width:480px) {
.kche-flex-item-10, .kche-flex-item-20, .kche-flex-item-30 {
width:48%
}
.kche-curcle-n {
font-size:16px;
width:65%;
height:65%
}
}
.kche-size-12 {
	font-size:12px!important;
}
.kche-size-13 {
	font-size:13px!important;
}
.kche-size-14 {
	font-size:16px!important;
}
.kche-size-15 {
	font-size:15px!important;
}
.kche-size-16 {
	font-size:16px!important;
}
.kche-size-17 {
	font-size:17px!important;
}
.kche-size-18 {
	font-size:18px!important;
}
.kche-size-19 {
	font-size:19px!important;
}
.kche-size-20 {
	font-size:20px!important;
}
.kche-size-21 {
	font-size:21px!important;
}
.kche-size-22 {
	font-size:22px!important;
}
.kche-size-23 {
	font-size:23px!important;
}
.kche-size-24 {
	font-size:24px!important;
}
.kche-size-25 {
	font-size:25px!important;
}
.kche-size-26 {
	font-size:26px!important;
}
.kche-size-27 {
	font-size:27px!important;
}
.kche-size-28 {
	font-size:28px!important;
}
.kche-size-29 {
	font-size:29px!important;
}
.kche-size-30 {
	font-size:30px!important;
}
.kche-size-31 {
	font-size:31px!important;
}
.kche-size-32 {
	font-size:32px!important;
}
.kche-size-33 {
	font-size:33px!important;
}
.kche-size-34 {
	font-size:34px!important;
}
.kche-size-35 {
	font-size:35px!important;
}
.kche-size-36 {
	font-size:36px!important;
}
.kche-size-37 {
	font-size:37px!important;
}
.kche-size-38 {
	font-size:38px!important;
}
.kche-size-39 {
	font-size:39px!important;
}
.kche-size-40 {
	font-size:40px!important;
}
.btn.gradient::after {
content:'';
position:absolute;
right:0;
top:0;
width:100%;
height:100%;
background:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
z-index:-1
}
.kche-wrap-bg {
	clear:both;
	width:100%;
	max-width:100%;
	box-sizing:border-box;
}
.kche-wrap-width {
	clear:both;
	margin:0 auto;
	width:100%;
	padding:15px 0;
	max-width:1600px;
	box-sizing:border-box;
}
.kche-wrap-width1 {
	clear:both;
	margin:0 auto;
	width:100%;
	padding:0;
	max-width:1600px;
	box-sizing:border-box;
}
@media(max-width:768px) {
.kche-t10>h5, .kche-t120 .kche-t120-outer-box h5, .kche-t13>h5, .kche-t1>h5, .kche-t3>h5, .kche-t4>h5, .kche-t5>h5, .kche-t67>.kche-item-title>h5, .kche-t68>.kche-template-title>h5, .kche-t69>.kche-template-title>h5, .kche-t6>h5, .kche-t70>.kche-template-title>h5, .kche-t71>.kche-template-item>h5, .kche-t72>.kche-template-item>h5, .kche-t73>.kche-template-item>.kche-template-title>h5, .kche-t74>.kche-template-item>h5, .kche-t7>h5, .kche-t80>.kche-template-item>h5, .kche-t81>.kche-template-item>.kche-template-title>h5, .kche-t82>.kche-template-item>.kche-template-title>h5, .kche-t83>h5, .kche-t84>.kche-template-item>.kche-template-title>h5, .kche-t8>h5, .kche-t95>h5, .kche-t9>h5, .kche-t128 .kche-template-item h5, .kche-t58 .kche-template-item h5, .kche-t59 .kche-template-item h5, .kche-t76 .kche-template-item h5, .kche-t77 .kche-template-item h5, .kche-t78 .kche-template-item h5, .kche-t79 .kche-template-item h5 {
font-size:18px!important
}
}
@media(max-width:480px) {
.kche-t10>h5, .kche-t120 .kche-t120-outer-box h5, .kche-t13>h5, .kche-t1>h5, .kche-t3>h5, .kche-t4>h5, .kche-t5>h5, .kche-t67>.kche-item-title>h5, .kche-t68>.kche-template-title>h5, .kche-t69>.kche-template-title>h5, .kche-t6>h5, .kche-t70>.kche-template-title>h5, .kche-t71>.kche-template-item>h5, .kche-t72>.kche-template-item>h5, .kche-t73>.kche-template-item>.kche-template-title>h5, .kche-t74>.kche-template-item>h5, .kche-t7>h5, .kche-t80>.kche-template-item>h5, .kche-t81>.kche-template-item>.kche-template-title>h5, .kche-t82>.kche-template-item>.kche-template-title>h5, .kche-t83>h5, .kche-t84>.kche-template-item>.kche-template-title>h5, .kche-t8>h5, .kche-t95>h5, .kche-t9>h5, .kche-t128 .kche-template-item h5, .kche-t58 .kche-template-item h5, .kche-t59 .kche-template-item h5, .kche-t76 .kche-template-item h5, .kche-t77 .kche-template-item h5, .kche-t78 .kche-template-item h5, .kche-t79 .kche-template-item h5 {
font-size:16px!important
}
}
.kche-t118 .kche-t118-into {
	width:45px;
	height:3px;
	background-color:var(--color, #3483f9);
	margin:0 auto;
	margin-bottom:10px
}
.kche-t118 .kche-t118-title {
	font-size:24px;
	font-weight:var(--fontbold5, 500);
	color:#000;
	margin:0;
	text-align:center
}
.kche-t118 .kche-t118-des {
	font-size:16px;
	text-align:center;
	color:#333;
	margin:5px 0
}
.kche-t118 .kche-t118-list {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.kche-t118 .kche-t118-list .kche-t118-item {
	position:relative;
	overflow:hidden;
	width:24%;
	box-sizing:border-box;
	border:1px solid #e3e3e3;
transition:all .1s linear;
	margin-top:20px
}
.kche-t118 .kche-t118-item .kche-t118-item-img img {
	width:100%;
	max-width:100%;
	display:block;
	height:auto;
transition:all .1s linear
}
.kche-t118 .kche-t118-item .kche-t118-item-info {
	position:absolute;
	bottom:0px;
	left:0;
	box-sizing:border-box;
	padding:0 10px;
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	z-index:10
}
.kche-t118 .kche-t118-item .kche-t118-item-bg {
	position:absolute;
	background-color:#fff;
	width:140%;
	height:25px;
	bottom:0px;
	left:50%;
	transform:translateX(-50%)
}
.kche-t118 .kche-t118-item .kche-t118-item-tit {
	font-size:16px;
	font-weight:var(--fontbold5, 500);
	margin:0;
	color:#000;
	text-align:center
}
.kche-t118 .kche-t118-item .kche-t118-item-des {
	color:#555;
	text-align:center;
	font-size:16px;
	margin:0;
	margin-top:10px
}
.kche-t118 .kche-t118-item:hover .kche-t118-item-img img {
	transform:scale(1.02)
}
@media(max-width:768px) {
.kche-t118 .kche-t118-list .kche-t118-item {
width:49%
}
}
@media(max-width:500px) {
.kche-t118 .kche-t118-title {
font-size:20px
}
.kche-t118 .kche-t118-into {
margin-bottom:10px
}
.kche-t118 .kche-t118-item .kche-t118-item-info {
bottom:-5px
}
.kche-t118 .kche-t118-item .kche-t118-item-bg {
bottom:-10px
}
}
.kche-template-item h5 {
	font-size:16px!important
}
}
.kche-t108 .kche-t108-into {
	width:30px;
	height:3px;
	background-color:var(--color, #10b098);
	margin:0 auto;
	margin-bottom:20px
}
.kche-t108 .kche-t108-title {
	font-size:24px;
	margin:0;
	font-weight:var(--fontbold5, 500);
	text-align:center
}
.kche-t108 .kche-t108-list {
	margin-top:30px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.kche-t108 .kche-t108-list .kche-t108-item {
	position:relative;
	width:32%;
	overflow:hidden
}
.kche-t108 .kche-t108-item-img img {
	max-width:100%;
	width:100%;
	height:auto;
	display:block;
transition:all .1s linear
}
.kche-t108 .kche-t108-item-info {
	position:absolute;
	width:calc(100% - 40px);
	margin:20px 20px 15px 20px;
	background-color:var(--color, #10b098);
	bottom:-100%;
	left:0;
transition:all .2s linear
}
.kche-t108 .kche-t108-item-info .kche-t108-item-des {
	color:#fff;
	text-align:center;
	line-height:24px;
	margin:0;
	padding:20px 20px 15px
}
.kche-t108 .kche-t108-item-btn {
	display:flex;
	margin-left:auto;
	width:48px;
	height:48px;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	position:relative;
	background-color:#fff
}
.kche-t108 .kche-t108-item-btn em {
	font-size:24px;
	position:relative;
	z-index:1;
transition:all .1s linear
}
.kche-t108 .kche-t108-item-btn a {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:#10b098;
	opacity:0;
transition:all .1s linear
}
.kche-t108 .kche-t108-item-btn:hover a {
	opacity:.7
}
.kche-t108 .kche-t108-item-btn:hover em {
	color:#fff
}
.kche-t108 .kche-t108-item-info .kche-t108-item-more {
	color:#fff;
	text-align:right;
	padding:0 20px 10px
}
.kche-t108 .kche-t108-item-info .kche-t108-item-more a {
	color:#fff
}
.kche-t108 .kche-t108-item:hover .kche-t108-item-img img {
	transform:scale(1.02)
}
.kche-t108 .kche-t108-item:hover .kche-t108-item-info {
	bottom:0
}
@media(max-width:768px) {
.kche-t108 .kche-t108-list .kche-t108-item {
width:100%;
margin-bottom:20px
}