@charset "UTF-8";

/*** 公共 ****/
#mainVisual {
	overflow: hidden;
	height: 100vh;
	position: relative;
}

.main-visual-wrapper {
	position: relative;
	height: 100%;
}

/* 메인비주얼 :: 이미지 */
.main-visual-slider {
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-color: #000;
}

.main-visual-slider .swiper-slide {
	overflow: hidden;
	color: #fff;
}

.main-visual-slider .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 1;
	background: -moz-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(to bottom, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#c9000000', GradientType=0);
	transition: all 2.5s ease;
}
.zzbox{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	z-index: 99;
}
.main-visual-slider .swiper-slide-duplicate-active .overlay,
.main-visual-slider .swiper-slide-active .overlay {
	opacity: .7;
}

.main-visual-slider .swiper-slide .visual-img {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	width: 1649px;
	height: 100vh;
	width: 100%;
	/* background-size:cover !important; */
}

.main-visual-slider .swiper-container {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.main-visual-slider .slide-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
}

/* 메인비주얼 :: 텍스트 */
.main-visual-item .visual-txt-con {
	z-index: 11;
	color: #fff;
	position: relative;
	top: -7px;
	width: 100%;
	z-index: 9999
}

.main-visual-item .visual-txt-con span {
	display: block;
	transform: translateY(100%);
	text-align: left;

}

.main-visual-item .visual-txt-con .main-visual-tit {
	overflow: hidden;
	font-size: 2.8em;
	letter-spacing: 8px;
/*	margin-bottom: 38px;*/
 line-height: 1.33;
}

.main-visual-item .visual-txt-con .main-visual-tit.test {
	font-weight: 400;
}

.main-visual-item .visual-txt-con .main-visual-txt {
	overflow: hidden;
	font-size: 1.7em;
	font-weight: 300;
	letter-spacing: -0.7px;
	opacity: 1;
	margin-top: 30px;
}

.main-visual-item .visual-txt-con .main-visual-btn-box {
	overflow: hidden;
	margin-top: 2.2em;
}

.main-visual-item .visual-txt-con .main-visual-btn {
	overflow: hidden;
	width: 185px;
	border: 0;
	text-align: left;
	border-bottom: 1px solid #fff;
	padding: 22px 0;
	text-align: left;
	transform: translateY(100%)
}

.main-visual-item .visual-txt-con .main-visual-btn:before {
	background-color: #fff;
}

.main-visual-item .visual-txt-con .main-visual-btn em {
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.25px;
	color: #fff;
}

.main-visual-item .visual-txt-con .main-visual-btn i {
	position: absolute;
	top: 50%;
	right: 0px;
	margin-top: -10px;
	color: #fff;
	font-size: 20px;
	transition: all 0.3s
}

@media all and (min-width: 1025px) {

	.main-visual-item .visual-txt-con .main-visual-btn:hover em,
	.main-visual-item .visual-txt-con .main-visual-btn:hover i {
		color: #222;
	}

	.main-visual-item .visual-txt-con .main-visual-btn:hover em {
		text-indent: 20px;
		letter-spacing: 0.75px
	}

	.main-visual-item .visual-txt-con .main-visual-btn:hover i {
		right: 20px;
	}
}

/* -------- 사이드 -------- */
/* 메인 비주얼 :: 사이드 :: 텍스트 */
.main-visual-side-con {
	position: absolute;
	top: 170px;
	bottom: 0px;
	left: 0px;
	width: 255px;
}

.main-visual-side-con .main-visual-side-txt {
	position: absolute;
	bottom: 280px;
	left: 50%;
	width: 400px;
	margin-left: -8px;
	color: #000;
	color: rgba(0, 0, 0, 0.5);
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 300;
	transform: rotate(-90deg);
	transform-origin: 0% 0%;
}

.main-visual-side-con .main-visual-side-txt em {}

/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	height: 180px;
	z-index: 9;
	background-color: #cfcfcf;
}

.main-scroll-icon::after {
	display: block;
	content: "";
	width: 100%;
	height: 28px;
	background: #7fb278;
	position: absolute;
	top: 0;
	left: 0;
	animation: scroll_ani 2s infinite;
}

@keyframes scroll_ani {

	0%,
	20% {
		top: -28px;
	}

	100% {
		top: 100%;
	}
}

/* 메인 비주얼 :: 버튼, 카운터, 로딩바 */
.main-visual-controls {
	position: absolute;
	width: 165px;
	height: 94px;
	right: 0;
	bottom: 0px;
	padding: 0 45px;
	background-color: #fff;
	z-index: 11;
	text-align: center;
}

.main-visual-control-btns {
	margin: 40px 0 20px;
}

.main-visual-control-btns button {
	width: 34px;
	height: 11px;
}

.main-visual-control-btns .slide-prev-btn {
	float: left;
	background: url("/images/icon/cm_prev_arrow.svg") no-repeat;
}

.main-visual-control-btns .slide-next-btn {
	float: right;
	background: url(/images/icon/cm_next_arrow.svg) no-repeat
}

.main-visual-control-btns .main-visual-conuter {
	display: inline-block;
	position: relative;
	top: -2px;
	vertical-align: middle;
	line-height: 11px;
	font-size: 12px;
	color: #000;
}

.main-visual-control-btns .main-visual-conuter .total-num {
	position: relative;
	margin-left: 20px;
	color: rgba(0, 0, 0, 0.5)
}

.main-visual-control-btns .main-visual-conuter .total-num:before {
	position: absolute;
	left: -10px;
	width: 1px;
	height: 13px;
	background-color: #e5e5e5;
	content: "";
}

.main-visual-loading-bar {
	width: 100%;
	height: 2px;
	background-color: #eee;
}

.main-visual-loading-bar span {
	display: block;
	width: 0;
	height: 100%;
	background-color: #000
}

/* 메인 비주얼 :: Custom Bullet */
.main-visual-pagination {
	position: absolute;
	bottom: 53px;
	left: -32px;
	z-index: 11;
}

.main-visual-pagination .main-visual-paging-item {
	float: left;
	filter: grayscale(100%);
	margin-left: 23px;
	cursor: pointer;
	background-color: #000;
}

.main-visual-pagination .main-visual-paging-item:focus {
	outline: none;
}

.main-visual-pagination .main-visual-paging-item:first-child {
	margin-left: 0
}

.main-visual-pagination span {
	display: block;
	overflow: hidden;
	width: 179px;
	height: 102px;
	border: 1px solid #9a9a9a;
}

.main-visual-pagination img {
	width: 100%;
	height: 100%;
	transition: all 1s;
	transform: scale(1.1)
}

.main-visual-pagination .swiper-pagination-bullet-active {
	filter: grayscale(0);
}

.main-visual-pagination .swiper-pagination-bullet-active span {
	border-color: #fff
}

.main-visual-pagination .swiper-pagination-bullet-active img {
	transform: scale(1.0)
}

body.ie-browser .main-visual-pagination .main-visual-paging-item img {
	opacity: 0.3
}

body.ie-browser .main-visual-pagination .swiper-pagination-bullet-active img {
	opacity: 1
}


/* **************************************** *
 * Main Content
 * **************************************** */

/* ******************  메인 제품영역 ********************** */
#mainProductContent {
	position: relative;
	padding: 107px 0 195px
}

/* -------- 제품영역 :: 왼쪽 -------- */
.main-prd-wrapper {
	position: relative;
	max-width: 1602px;
}

/* 제품영역 :: 왼쪽 */
.main-prd-wrapper .main-prd-left-box {
	position: relative;
}

.main-prd-wrapper .main-visual-controls {
	right: auto;
	left: 54%;
	transform: translateX(-100%)
}

.main-prd-item .main-prd-photo-con {
	overflow: hidden;
	/* float:left; */
	position: relative;
	width: 54%;
	/* height:747px; */
}

.main-prd-item .main-prd-photo-con:after {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #eee;
	content: "";
	transition: height 1s cubic-bezier(0.22, 0.16, 0, 0.91);
	z-index: 1;
}

.main-prd-item .main-prd-photo-con span {
	display: block;
	height: 0;
	padding-top: 86.05%;
	position: relative;
	opacity: 0;
	transition: all 1s;
	transform: scale(1.2)
}

.main-prd-item .main-prd-photo-con img {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	transition: all 1s;
}

[data-aos=prd-img-bg].aos-animate .main-prd-item .main-prd-photo-con:after {
	height: 0;
}

[data-aos=prd-img-bg].aos-animate .main-prd-item .main-prd-photo-con span {
	opacity: 1.0;
	transform: scale(1)
}

/* 제품영역 :: 우측정보 */
.main-prd-item .main-prd-info-con {
	position: relative;
	/* float:right; width:46%; height:747px; */
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 46%;
	font-size: 16px;
	letter-spacing: -0.35px;
	color: #1b1b1b;
	box-sizing: border-box;
	padding-left: 211px;
}

.main-prd-item .main-prd-info-con span {
	display: inline-block;
}

.main-prd-item .main-prd-info-con .main-prd-cate {
	overflow: hidden;
	font-size: 1.25em;
	margin-bottom: 2em;
}

.main-prd-item .main-prd-info-con .main-prd-cate span {
	font-weight: 700;
	padding-bottom: 10px;
	border-bottom: 3px solid #1b1b1b;
}

.main-prd-item .main-prd-info-con .main-prd-name {
	overflow: hidden;
	font-size: 2.5em;
	letter-spacing: -0.5px;
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 0.825em;
}

.main-prd-item .main-prd-info-con .main-prd-name b {
	font-weight: 700;
}

.main-prd-item .main-prd-info-con .main-prd-txt {
	overflow: hidden;
	color: #666;
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 4.125em
}

.main-prd-item .main-prd-info-con .main-prd-more-btn-box {
	overflow: hidden;
}

.main-prd-item .main-prd-info-con .main-prd-more-btn {
	width: 228px;
	height: 58px;
	line-height: 58px;
}

/* 제품영역 :: Deco :: 라인 */
.main-prd-deco-line-box {
	position: absolute;
	top: 180px;
	left: 54%;
	z-index: 11;
}

.main-prd-deco-line-box span {
	position: relative;
	display: block !important;
	height: 12px;
	width: 80px;
	margin-bottom: 14px;
	transition: transform 0.7s;
	transform: scaleX(0)
}

.main-prd-deco-line-box .deco-line1 {
	margin-left: 20px;
	background-color: #0b1c3e;
	transform-origin: right center;
}

.main-prd-deco-line-box .deco-line2 {
	width: 214px;
	margin-left: -34px;
	background-color: #7fb278;
	transform-origin: left center;
}

.main-prd-deco-line-box .deco-line3 {
	background-color: #9dd7e1;
	transform-origin: center center;
}

/* 제품영역 :: Deco :: Circle */
.main-prd-deco-circle-box {
	position: absolute;
	top: 0;
	left: 54%;
	transform: translate(-50%);
	z-index: 11;
}

.main-prd-deco-circle-box span {
	display: inline-block;
	opacity: 0;
	transition: opacity 1.2s 0.5s
}

[data-aos=decoline].aos-animate span {
	transform: scaleX(1);
}

[data-aos=decocircle].aos-animate span {
	opacity: 1.0;
	animation: spin 15s linear infinite;
	-webkit-animation: spin 15s linear infinite;
}


/* -------- 제품영역 :: 오른쪽 -------- */
.main-prd-copy-wrapper {
	position: absolute;
	top: 180px;
	/* right:0px;  */
	left: 1602px;
	width: 867px;
}

.main-prd-copy-wrapper .main-prd-deco-circle-box {
	top: auto;
	bottom: 0px;
	left: 0;
	right: auto;
	transform: translate(-50%, 50%);
	z-index: 0
}

.main-prd-copy-wrapper .main-prd-copy-item {
	position: relative;
	overflow: hidden;
	height: 670px;
	background-color: #000;
}

.main-prd-copy-wrapper .main-prd-copy-item img {
	position: absolute;
	bottom: 0px;
	left: 0px;
	opacity: 0.3
}

/* ******************  메인 CompanyInfo/News ********************** */
#mainInfoNewsContent {
	position: relative;
	padding: 183px 0 0;
}

/* -------- Company Info -------- */
#mainCompanyContent {
	position: relative;
	padding-bottom: 90px;
	border-bottom: 1px solid #fff;
	border-bottom-color: rgba(255, 255, 255, 0.2);
}

.main-company-top-box {
	position: relative;
	color: #fff;
	font-size: 16px;
	letter-spacing: -0.35px;
}

.main-company-top-box .fade-up {
	display: inline-block;
	transform: translateY(100%);
	transition: all 1s
}

.main-company-top-box .main-company-en-txt {
	display: block;
	overflow: hidden;
	color: #fff;
	font-size: 1.25em;
	font-weight: 700;
}

.main-company-top-box .main-company-en-txt em {
	display: inline-block;
}

.main-company-top-box .main-company-txt {
	overflow: hidden;
	font-size: 2.5em;
	font-weight: 300;
	letter-spacing: -0.65px;
	line-height: 1.4;
	margin: 0.65em 0 1em;
}

.main-company-top-box .main-company-txt .fade-up {
	transition-delay: 0.2s;
	transition-duration: 1.5s
}

.main-company-top-box .main-company-txt b {
	font-weight: 600;
}

.main-company-top-box .main-company-txt2 {
	overflow: hidden;
	color: #a1b1ba;
	font-size: 1em;
}

.main-company-top-box .main-company-txt2 .fade-up {
	transition-delay: 0.7s;
}

/* 우측 more 버튼 */
.main-company-more-btn {
	position: absolute;
	top: 45px;
	left: 525px;
	width: 92px;
	height: 92px;
	border: 3px solid #fff;
	border-color: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	opacity: 0;
	transition: transform 0.5s 1s, opacity 0.5s 1s;
	transform: translateY(30px);
}

.main-company-more-btn .arrow-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.main-company-more-btn .arrow-icon svg {
	width: 35px;
	height: 35px;
}

.main-company-more-btn .arrow-icon path {
	fill: #eff5f7;
}

.main-company-top-box .circle-icon svg {
	overflow: visible;
	position: absolute;
	top: 0px;
	left: -1px;
	fill: none;
	stroke: #fff;
	transform: rotate(-90deg);
}

.main-company-top-box .circle-icon svg circle {
	transform-origin: center;
	stroke: #fff;
	stroke-dasharray: 360;
	stroke-dashoffset: 360;
	stroke-width: 3px;
}

.main-company-more-btn:hover .circle-icon svg circle {
	animation: circleAni ease 1s alternate forwards;
}

.main-company-more-btn:hover .arrow-icon path {
	fill: #fff;
}

/* Circle 데코 */
.main-company-deco-circle-box {
	position: absolute;
	top: 0px;
	left: 0px;
	transform: translate(-50%, -50%)
}

.main-company-deco-circle-box .deco-circle {
	display: block;
	opacity: 0;
}

/* Section Active */
[data-aos=company-fade-up].aos-animate .fade-up {
	transform: translateY(0);
}

[data-aos=company-fade-up].aos-animate .deco-circle {
	display: inline-block;
	opacity: 1.0;
	-webkit-animation: spin 15s linear infinite;
	animation: spin 15s linear infinite;
}

[data-aos=company-fade-up].aos-animate .main-company-more-btn {
	opacity: 1.0;
}

@media all and (min-width: 801px) {
	[data-aos=company-fade-up].aos-animate .main-company-more-btn {
		transform: translateY(0);
	}
}

/* -------- 뉴스 -------- */
#mainNewsContent {
	position: relative;
}

#mainNewsContent .main-news-inner {
	overflow: hidden;
	overflow: hidden;
	padding: 70px 0
}

/* 뉴스 :: 타이틀박스 */
.main-news-tit-inner {
	transition: all 1s;
	transform: translateY(100%)
}

.main-news-tit-box {
	overflow: hidden;
	margin-bottom: 54px;
}

.main-news-tit-box h3 {
	float: left;
	color: #fff;
	font-size: 40px;
	font-weight: 700
}

.main-news-tit-box .main-news-controls {
	float: left;
	margin-left: 90px;
}

.main-news-tit-box .main-news-controls i {
	font-size: 28px;
	color: #fff;
}

.main-news-tit-box .main-news-controls button {
	opacity: .5;
	display: inline-block;
	vertical-align: middle;
	transition: all 0.5s
}

.main-news-tit-box .main-news-controls a {
	display: inline-block;
	vertical-align: middle;
	margin: 0 25px;
}

.main-news-tit-box .main-news-controls button:hover {
	opacity: 1.0
}

.main-news-tit-box .main-news-controls .news-prev-btn:hover {
	transform: translateX(-5px)
}

.main-news-tit-box .main-news-controls .news-next-btn:hover {
	transform: translateX(5px)
}

/* 뉴스 :: 리스트 */
.main-news-list-con {
	margin: 0 -29px;
}

.main-news-list-con .bbs-basic-gallery-con {
	margin: 0
}

.main-news-list-con .bbs-basic-gallery-con li {
	margin: 0 30px;
}

.main-news-list-con .bbs-basic-gallery-con li a .gallery-txt-con {
	padding-bottom: 0
}

.main-news-list-con .bbs-basic-gallery-con li a .gallery-txt-con .gal-tit {
	color: #fff;
}

body:not(.ie-browser) .main-news-list-con .bbs-basic-gallery-con li a {
	opacity: 0;
	transition: all 0.5s;
}

body:not(.ie-browser) .main-news-list-con .bbs-basic-gallery-con .gallery-thum-box:after {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #eee;
	content: "";
	transition: height 1s cubic-bezier(0.22, 0.16, 0, 0.91);
	z-index: 1;
}

body:not(.ie-browser) .main-news-list-con .bbs-basic-gallery-con .gallery-thum {
	opacity: 0;
	transition: all 1s;
	transform: scale(1.2)
}

/* 뉴스 :: Active */
[data-aos=news-fade-up].aos-animate .main-news-tit-inner {
	transform: translateY(0)
}

body:not(.ie-browser) [data-aos=news-fade-up].aos-animate .bbs-basic-gallery-con a {
	opacity: 1.0;
}

body:not(.ie-browser) [data-aos=news-fade-up].aos-animate .bbs-basic-gallery-con .gallery-thum-box:after {
	height: 0;
}

body:not(.ie-browser) [data-aos=news-fade-up].aos-animate .bbs-basic-gallery-con .gallery-thum {
	opacity: 1.0;
	transform: scale(1)
}

/* -------- 하단 BG -------- */
.main-bottom-bg-con {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #051a2b;
}

.main-bottom-bg-con .bg-img {
	position: absolute;
	width: 120%;
	height: 120%;
	top: -10%;
	left: -10%;
	background: url(/images/main/main_company_news_bg.jpg) no-repeat 50% 50%;
	background-size: cover;
}

.main-visual-tit i {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 50%;
	vertical-align: 20px;
	margin-left: -25px;
	margin-right: 10px;
}
.home{
	position: relative;
	z-index: 999;
}
.home1btn {
	color: #fff;
	opacity: .5;
}

.home1btn1 {
	right: 3em;
}

.home1btn2 {
	left: 3em;
}

.title h1 {
	text-align: center;
	font-size: 3em;
	padding-top: 2.33em;

}

.title h6 {
	font-size: 1em;
	text-align: center;
	margin-top: 20px;
}

.home3 {
	background: url(/content/img/images/home2.png) center no-repeat;
	background-size: cover;
	padding-bottom: 5em;
}

.home3text h2 {
	font-size: 1.6em;
	font-weight: bold;
}

.home3text .text {
	font-size: 18px;
	line-height: 24px;
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid #cccccc;
	height: 115px;
}

.home3text .text span {
	display: block;
	color: #666666;
}

.bigImg {
	display: block;
	margin: 30px auto 0;
	display: none;
}

.home3box {
	height: 420px;
	box-shadow: 2px 0 10px rgba(0, 0, 0, .1);
}

.home3img {
	height: 420px;
	transition: all .5s;
	border-radius: 9px;
}

.home3text {
	padding: 2.4em 1.5em 0;
}

.home3box {
	transition: all .5s;
	position: relative;
}

.home3swip {
	padding: 15px;
	padding-top: 4.75em;

}

.home3text {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
}

.btns {
	background-color: #007cba;
	font-size: 16px;
	text-align: center;
	width: 200px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	border-radius: 35px;
	margin: 4.06em auto 0;
}

.home3Btn {
	width: 50px;
	height: 50px;
	opacity: .5;
	border: 1px solid #000;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	z-index: 999;
}

.home3Btn svg {
	width: 15px;
	height: 25px;
}

.home3Btn1 {
	left: -4.75em;
}

.home3Btn2 {
	right: -4.75em;
}

.home4 {
	background-image: url(/content/img/images/home9.png);
	padding: 12.5em 0 10.75em;
}

.home4box {
	
	margin: auto;
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
}
.home4box .home4btns+.home4btns{
	margin-left: 1em;
}
.home4 h2 {
	text-align: center;
	color: #fff;
	font-size: 3em;
}

.home5left {
	width: 18%;
}

.home4btns {
	background-color: #007cba;
	font-size: 16px;
	text-align: center;
	width: 200px;
	height: 50px;
	line-height: 45px;
	color: #fff;
	border-radius: 35px;
}

.home4btns2 {
	background: transparent;
	border: 2px solid #fff;
	overflow: hidden;
}

.home4box {
	margin-top: 4em;
}

.home4btns2 a {
	position: relative;
	z-index: 999;
}

.home4btns2 {
	position: relative;
}

.cm-button-style01:hover:before {
	transform: scaleY(1);
	transform-origin: center bottom;
}

.cm-button-style01:hover em {
	color: #fff;
}

.cm-button-style01:before {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #035095;
	content: "";
	transition: transform 0.5s;
	transform: scaleY(0);
	transform-origin: center top;
}

.home4btns2:hover {
	border: 2px solid transparent;
}

.home5 h1 {
	text-align: center;
	font-size: 3em;
}

.home5 li {
	padding: 1.5em;
	border-bottom: 1px solid #e0e0e0;
}

.home5 ul {
	margin-top: 2.5em;
}

.home5 li a {
	display: block;
	overflow: hidden;
}

.home5text {
	width: 77%;
}

.home5text {
	margin-left: 2%;
}

.home5text h3 {
	font-size: 1.2em;
	display: inline-block;
	  white-space: nowrap; 
	  width: 100%; 
	  overflow: hidden;
	  text-overflow:ellipsis;
	margin-top: 12px;
}

.home5Img {
	transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
}

.home5 li:hover .home5Img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
}

.home5 li:hover h3 {
	color: #035095;
}

.home5text .text {
	font-size: 16px;
	line-height: 20px;
	color: #666666;
	margin: 20px 0 37px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	height: 40px;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.home5text .time {
	font-size: 16px;
	color: #666;
}

.home5text .time img {
	margin-right: 8px;
	vertical-align: 0;
	width: 12px;
	height: 12px;
}

.home5 .more {
	font-size: 16px;
	color: #045197;
	text-align: right;
	margin-top: 30px;
}

.home5 {

	background-image: url(/content/img/images/homebg.jpg);
}

.home5 .global-inner {
	padding: 5em 0 4.95em;
}
.ani{
	position: relative;
}
#leaf2 {
	position: absolute;
	right: 12.7%;
	top: 29vh;
	transition: all 1s ease-out;
	opacity: 0;
}

.home2Left {
	height: 100%;
	width: 50%;
	position: relative;
}

.home2Right {
	height: 100%;
	width: 50%;
	position: relative;
}

.home2 {
	height: 87vh;
	margin-top: 2.5em;
}
.home2web,.home2wap{
	height: 100%;
}
.text_box {
	position: absolute;
	top: 8.7%;
	
	left: 6em;
}

.home2 .item {
	font-size: .9em;
	color: #fff;
	line-height: 26px;
	float: left;
	width: 35%;
	color: #007cba;
}

.home2 .item{
	margin-bottom: 2px;
}

.home2 .text {
	margin-top: 1.25em;
	overflow: hidden;
	width: 95%;
}
.home2 h2 {
	font-size: 2.4em;
	color: #007cba;
}
.home2Btn {
	width: 160px;
	line-height: 50px;
	height: 50px;
	border-radius: 35px;
	text-align: center;
	color: #fff;
	background: #007cba;
	font-size: 16px;
	margin-top: 5.5em;
}
.home2Right .text {
	max-width: 500px;
	font-size: .9em;
	line-height: 34px;
	color: #fff;
}
.home2 .home2Right h2{
	color: #fff
}
.home2Right .home2Btn {
	background-color: #007cba;
	margin-top: 4em;
}

.ce-hero-slider-scroll {
	width: 20px;
	height: 80px;
	position: absolute;
	bottom: 35px;
	z-index: 999;
	left: 50%;
	margin-left: -10px;
	z-index: 1;
	display: none;
}
.home1 img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
#my-video1_html5_api{
	object-fit: cover!important;
}
/* 1.25 */
.alllink{
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;

}
.homeNew2 .home2tit{
	font-size: 3em;
	text-align: center;
}
.homeNew2 .text2{
	font-size: 1em;
	text-align: center;
	line-height: 1.66em;
	max-width: 900px;
	margin:1.66em auto 0;
}
.homenew2Cen li{
	overflow: hidden;
	position: relative;
}
.homenew2Cen .imgs{
	height: 16em;
	width: 50%;
}
.homenew2Cen li .righttext{
	float: left!important;
	background-color: #0e9ba6;
	height: 16em;
}
.homenew2Cen li:nth-child(odd) .imgs{
	float: right!important;
}
.righttext{
	width: 50%;
	padding-top: 2.75em;
}
.homenew2Cen h1{
	font-size: 1.2em;
	line-height: 1.25em;
	color: #fff;
}
.homenew2Cen .home4btns{
	margin-top: 3.6em;
	cursor: pointer;
}
.homenew2Cen .cm-button-style01:before{
	background-color: #fff;
}
.homenew2Cen .cm-button-style01:hover span{
	color: #035095;
}
.homenew2Cen span{
	position: relative;
	z-index: 9999;
}
.homenew2Cen .textbox{
	opacity: 0;
}
.homenew2Cen li+li .righttext{
	background-color: #007cba;
}
.homenew2Cen li+li+li .righttext{
	background-color: #035095;
}
.homenew2Cen li+li+li+li .righttext{
	background-color: #0e9ba6;
}
.homenew2Cen li+li+li+li+li .righttext{
	background-color: #007cba;
}
.homenew2Cen li+li+li+li+li+li .righttext{
	background-color: #035095;
}
.homenew2Cen li:nth-child(2) .righttext{
	padding-left: 5em!important;
}
.morehome2 a{
	padding: 0 18px;
	color: #fff;
	opacity: .5;
	font-size: .8em;
	transition: all .5s;
}
.morehome2 a+a{
	margin-left: 30px;
}
.morehome2 a{
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}
.morehome2{
	margin-top: 25px;
}
.morehome2 a:hover{
	opacity: 1;
}
.homenew2Cen li+li+li .home4btns{
	margin-top: 3.25em;
}
.homenew2Cen li+li{
	margin-top: 10px;
}
.homenew2Cen{
	margin-top:2.75em;
}
.homeNew2{
	margin-top: 5em;
}
.home3Nav .item{
	width: 10em;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 35px;
	border: 1px solid #c8c8c8;
	cursor: pointer;
	transition: all .5s;
}
.home3Nav{
	display: flex;
	width: 410px;
	justify-content: space-between;
	margin:2em auto 0;
	text-align: center;
	color: #666666;
}
.home3Nav .active{
	background-color: #007cba;
	color: #fff;
	border: 1px solid transparent;
}
.home3Nav .item:hover{
	background-color: #007cba;
	color: #fff;
	border: 1px solid transparent;
}
.home3swip2 .imgs{
	width: 100%;
	height: 16em;
	transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
}
.home3swip2 h6{
	font-size: .9em;
	color: #007cba;
	font-weight: 500;
}
.home3swip2 h1{
	font-size: 1.1em;
	line-height: 1.3;
	margin-top:5px;
	font-weight: 500;
}

.home3swip2 .paddingbox{
	padding: 1.5em 1.5em .7em;
	background-color: #fff;

}
.homeshow .homeitem{
	display: none;
}
.homeshow .active{
	display: block;
}
.home3swip2{
	margin-top: 3em;
}
.home3_2Btn {
	width: 50px;
	height: 50px;
	border: 1px solid #c0c7d2;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	z-index: 999;
}

.home3_2Btn svg {
	width: 15px;
	height: 25px;
	color: #c0c7d2;
}

.home3_2Btn1 {
	left: -4.75em;
}

.home3_2Btn2 {
	right: -4.75em;
}
.home3_2Btn:hover{
	background-color: #007cba;
	border: 1px solid transparent;
	
}
.home3_2Btn:hover svg{
	color: #fff;
}
.swiper-button-disabled{
	display: none;
}
.home3swip2 .swiper-slide:hover .imgs{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
@media(max-width:991.98px){
	.swiper-scrollbar-drag {
	    height: 0.09rem;
	    background-color: #007cba;
	    top: -2px;
	}
	.swiper-container-horizontal>.swiper-scrollbar {
	    top: auto!important;
	    height: 1px;
	    background-color: #007cba;
		bottom: 0!important;
	}
	.home3swip2 h6{
		font-size: .28rem;
	}
	.home3swip2 h1{
		font-size: .32rem;
	}
	.homeNew2 .home2tit{
		font-size: .6rem;
	}
	.homeNew2 .text2{
		font-size: .28rem;
		line-height: .45rem;
		padding: 0 .3rem;
	}
	.home3swip2{
		padding-bottom: .45rem;
	}
	.homeNew2{
		margin-top: .9rem;
	}
	.home3Nav{
		width: 100%;
		padding: 0 .8rem;
	}
	.homenew2Cen li:nth-child(odd) .imgs{
		float: none!important;
		width: 100%;
	}
	.homenew2Cen li .righttext{
		float: none!important;
		width: 100%;
	}
	.homenew2Cen li .imgs{
		float: none;
		width: 100%;
	}
	.homenew2Cen .textbox{
		padding-left:.3rem;
		padding-right: .3rem;
	}
	.homenew2Cen li:nth-child(2) .righttext{
		padding-left: 0!important;
	}
	.homenew2Cen .home4btns2{
		border: 1px solid #fff;
		background-color: transparent;
		margin-top: .8rem;
		display: none;
	}
	.homenew2Cen h1{
		font-size: .36rem;
	}
	.homenew2Cen li .righttext{
		height: auto;
		padding: .45rem 0 .45rem;
	}
	.homenew2Cen li+li+li .righttext{
		padding-bottom: .6rem;
	}
}

























@media(max-width: 1700px){
.visual-txt-con .global-inner{
max-width: 1400px;
}
}
@media(min-width:992px) {
	/* .foot-swiper .swiper-wrapper{
		transform:translate3d(0,0,0)!important;
	} */
	.home3box:hover .home3img {
		background-image: none !important;
		background-color: #0e9ba6;
	}
    .foot-swiper .swiper-wrapper{
		height: 30px;
	}
	.home3box:hover h2 {
		color: #fff;
	}

	.home3box:hover .text {

		border-top: 1px solid #fff;
	}

	.home3box:hover .text span {
		color: #fff;
	}

	.home3box:hover .bigImg {
		display: block;
	}

	.home3box:hover h2 img {
		display: none;
	}

	.home3box:hover .home3img {
		transform: scale(1.05);
		transform-origin: center;
	}
}

@media(max-width:991.98px) {
	.home4box{
		width: 100%;
	}
	.home2Left {
		width: 100%;
		float: none;
		height: 11rem;
		background-image: url(/content/img/images/homewap1.png);
	}
    .home2Right .text{
		height: auto;
	}
	.home2Right {
		width: 100%;
		float: none;
		height: 11rem;
	}

	.home2 {
		height: auto;
	}
    .home3img{
		background-position: right;
	}
	.text_box {
		padding: 1rem .6rem 0;
		transform: translateY(0);
		left: 0;
		top: 0;
	}

	.home2 h2 {
		font-size: .6rem;
	}

	.home2 .text {
		margin-top: .66rem;
		overflow: hidden;
		width: 100%;
	}

	.home2 .item {
		font-size: .28rem;
	}

	.home2 .item {
		float: left;
		width: 50%;
	}

	.home2 .item+.item {
		margin-top: 0;
	}

	.home2Btn {
		width: 100%;
		line-height: .8rem;
		height: .8rem;
		margin-top: 5.5rem;
		font-size: .28rem;
	}

	.home2Right .text {
		font-size: .28rem;
		line-height: .48rem;
	}

	.home2Right .home2Btn {
		margin-top: 5rem;
		font-size: .28rem;
	}

	.title h1 {
		padding-top: 1rem;
		font-size: .6rem;

	}

	.title h6 {
		font-size: .28rem;
		margin-top: .3rem;
	}

	.home3swip .swiper-wrapper {
		display: block;
	}

	.home3swip .swiper-slide {
		width: 50%;
		float: left;
		padding: 0 .1rem;
		margin-bottom: .2rem;
	}

	.home3swip {
		padding: 0;
	}

	.home3img {
		height: 5rem;
	}

	.home3box {
		height: 5rem;
	}

	.home3text .text {
		font-size: .28rem;
		line-height: .48rem;
		padding-top: .23rem;
		margin-top: .23rem;
	}

	.home3text .text span+span {
		display: none;
	}

	.home3text h2 img {
		margin-top: -2px;
		width: .26rem;
	}

	.home3swip {
		margin: .8rem -.1rem 0;
	}

	.btns {
		width: 100%;
		line-height: .8rem;
		height: .8rem;
		font-size: .28rem;
		margin-top: .6rem;
	}

	.padding {
		padding: 0 .6rem;
	}

	.home3 {
		padding-bottom: .8rem;
	}

	.home4 h2 {
		font-size: .6rem;
		line-height: .9rem;
		max-width: 4.2rem;
		margin: auto;
	}

	.home4btns {
		width: 100%;
	}

	.home4box {
		padding: 0 .6rem;
		margin-top: 2.6rem;
	}

	.home4btns2 {
		margin-top: .4rem;
	}

	.home4btns {
		height: .8rem;
		line-height: .8rem;
	}

	.home4 {
		padding: 2.63rem 0 1rem;
		background-image: url(/content/img/images/homew-2.jpg);
	}

	.home4btns2 {
		border: 1px solid #0e9ba6;
		background-color: #0e9ba6;
	}

	#leaf2 {
		display: none;
	}

	.home5 h1 {
		font-size: .6rem;

	}

	.home5 .global-inner {
		padding: 1rem 0 1rem;
	}

	.home5left {
		width: 100%;
	}

	.home5text {
		margin-left: 0;
		width: 100%;
	}

	.home5 li {
		padding: .8rem 0 .8rem;
	}

	.home5 {
		padding: 0 .4rem;
	}

	.home5 ul {
		margin-top: 0;
	}

	.home5text h3 {
		font-size: .36rem;
		margin-top: .6rem;
	}

	.home5text .text {
		font-size: .28rem;
		line-height: .48rem;
		height: auto;
		margin: .3rem 0;
	}

	.home5 .more {
		font-size: .3rem;
		margin-top: .6rem;
	}

	.home1btn {
		display: none;
	}

	.main-visual-item .visual-txt-con .main-visual-tit {
		font-size: .72rem;
		letter-spacing: 0;
		margin-bottom: .4rem;
	}

	.main-visual-item .visual-txt-con .main-visual-txt {
		font-size: .34rem;
		margin-top: 0;
	}

	.main-visual-tit i {
		width: .1rem;
		height: .1rem;
		margin-left: 0;
		vertical-align: 11px;
	}

	.wapbanner {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.home1pag {
		position: absolute;
		z-index: 999;
		text-align: center;
		bottom: 19vh !important;
	}

	.circle-big {
		position: relative;
		width: 72px;
		height: 72px;
		margin: 0 auto;
	}

	.circle-big .num {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		font-size: 1.25rem;
		font-family: "Roboto", sans-serif;
		font-weight: 600;
	}

	.circle-big svg {
		width: 72px;
		height: 72px;
		opacity: 0;
	}
.swiper-pagination-bullet-active  svg{
	opacity: 1;
}
	.circle-big .bg {
		fill: none;
		stroke-width: 3px;
		stroke: rgba(255, 255, 255, 0.2);
	}

	.circle-big .progress1 {
		fill: none;
		stroke-width: 3px;
		stroke: #fff;
		stroke-dasharray: 188.4;
		stroke-dashoffset: 188.4;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}

/* 	@-webkit-keyframes big {
		0% {
			stroke-dashoffset: 210;
			opacity: 0.6;
		}

		50% {
			opacity: 1;
		}

		100% {
			stroke-dashoffset: 0;
		}
	}

	@keyframes big {
		0% {
			stroke-dashoffset: 210;
			opacity: 0.6;
		}

		50% {
			opacity: 1;
		}

		100% {
			stroke-dashoffset: 0;
		}


	} */

	.home1pag .swiper-pagination-bullet {
		color: #fff;
		text-align: center;
		
	}
	.home1pag i{
		font-style: normal;
		position: relative;
		left: .8rem;
		font-size: .32rem;
		font-weight: bold;
		font-family: arial;
	}
	.main-visual-item .visual-txt-con{
		position: relative;
		top: -1.9rem;
	}
}