/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.xypg-right-content{font-size: 16px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

.wh1{max-width: 1500px;margin: 0 auto;padding: 0 15px;}


.section{overflow: hidden;width: 100%;}


button {
    border: none;
    background: transparent;
}

#wrap{overflow: hidden;}

.english {
	font-family:'微软雅黑', 'Saira', sans-serif;
}
.f300 {
	font-weight: 300;
}
.f400 {
	font-weight: 400;
}
.f500 {
	font-weight: 500;
}
.f600 {
	font-weight: 600;
}
.f700 {
	font-weight: 700;
}

/* width */
.w1400 {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}
.w1500 {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
	transform: translateX(-50px);
}

/* header (header-drop-menu) */
header {
    position: fixed;
    width: 100%;
    height: 80px;
    top: 0;
    left: 0;
	right: 0;
	z-index: 1000;
}
.header-in {
	width: 100%;
	height: 80px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header-in > h2 {
    display: block;
    position: relative;
}
.header-in > h2 a img {
    position: absolute;
    top: 50%;
    left: 5.3vw;
    transform: translateY(-50%);
	width: 100%;
}
.header-in > h2 a img:first-child {
    display: block;
}
.header-in > h2 a img:last-child {
    display: none;
}
.header-in h2,
.header-in .header-menu-btn-box {
	width: 18.7%;
	/* width: 286px; */
}
.header-in .header-menu {
	display: flex;
	width: 100%;
	height: 80px;
	align-items: center;
	transition: all 0.4s;
}
.header-in .header-menu > ul {
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
    justify-content: center;
	margin-left: 0px;
}
.header-in .header-menu > ul > li > a {
    color: #1c2084;
	transition: all 0.2s;
	display:inline-block; 
	font-weight: bold;
	font-size: 16px;
	line-height: 80px;
	padding: 0 30px;
}
.header-in .header-menu > ul > li > a span{
	position: relative;
}
.header-in .header-menu > ul > li {position: relative;}
.header-in .header-menu > ul > li > a span::after{
	content:"";
	position: absolute;
    border-radius: 50%;
    background: #1c2084;
    width: 4px;
    height: 4px;
    right: -6px;
    top: 2px;
	opacity: 0;
	transition: all 0.2s;
}
.dropdown-menu2 {
	 position: absolute;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 20px 0;
    border-radius: 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background: hsla(0,0%,100%,.9);
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
	width: 300px;
    transform: translateX(-50%);
    top: 100%;
    left: 50%;
}

.dropdown-menu2 .menu-item {
    display: block;
    max-width: inherit;
    padding: 10px 0;
	text-align: center;
    background: transparent
}

.dropdown-menu2 .menu-item:hover a {
    font-weight: 700
}

.dropdown-menu2 .menu-item a {
    height: inherit;
    background-color: transparent;
    font-weight: 400;
	line-height: 36px;
    color: #1c2084
}

.dropdown-menu2 .menu-item a:hover {
    border-bottom: 0;
    font-weight: 700
}
/* .header-in .header-menu > ul > li:hover>a:first-child{border-bottom: 11px solid #1c2084;} */



.header-in .header-menu > ul > li:nth-child(3),.header-in .header-menu > ul > li:nth-child(4){position: static;}
.header-in .header-menu > ul > li:nth-child(3) .dropdown-menu2,.header-in .header-menu > ul > li:nth-child(4) .dropdown-menu2{width: 1172px;padding: 20px 15px;}
 .dropdown-menu2 .menu-item.has-image {
        display:inline-block;
		width: 32.33333333%;
		padding: 10px 0;
    }





.fp-viewing-3 .header-in .header-menu > ul > li > a,.fp-viewing-4 .header-in .header-menu > ul > li > a{color: #1c2084;}

/* menu hover css */
.header-in.header-scroll-bg,
.header-in.header-menu-bg {
	background: #fff;
	transition: all 0.2s;
	border-color: #d2d2d2;
}
.fp-viewing-2 .header-in.header-menu-bg,.fp-viewing-3 .header-in.header-menu-bg,.fp-viewing-4 .header-in.header-menu-bg,.fp-viewing-5 .header-in.header-menu-bg{background: transparent;}
.header-in.header-scroll-bg > h2 img:first-child,
.header-in.header-menu-bg > h2 img:first-child {
    display: block;
}
.header-in.header-scroll-bg > h2 img:last-child,
.header-in.header-menu-bg > h2 img:last-child {
    display: none;
}
.header-in.header-scroll-bg .header-menu > ul > li > a,
.header-in.header-menu-bg .header-menu > ul > li > a {
	color: #1c2084;

}
.header-in .header-menu > ul > li.header-menu-on > a {
    color: #1c2084;
	position: relative;
	transition: all 0.4s;
}
.header-in .header-menu > ul > li.header-menu-on > a span::after{
	opacity: 1;
}
/* .header-in .header-menu > ul > li.header-menu-on > a > span {
    display: block;
	position: absolute;
    border-radius: 50%;
    background: #1c2084;
    width: 4px;
    height: 4px;
    right: -6px;
    top: 2px;
	transition: all 0.2s;
} */
/* header sub menu */
.header-in .header-sub-menu {
	display: none;
	/* width: 100%; */
	/* max-width: 790px; */
	position: absolute;
	top: 80px;
	height: 60px;
    flex-flow:wrap;
	align-items: center;
	justify-content: center;
	z-index: 200;
}
.header-in.header-menu-bg:hover{background: #fff;}
.header-sub-menu-bg {
	width: 100%;
	height: 60px;
	background: #f0f0f0;
	position: absolute;
    top: 80px;
    left: 0;
	display: none;
}

.header-in .header-sub-menu > li > a {
    color: #666666;
	padding: 0 25px;
	line-height: 60px;
}
.header-in .header-sub-menu > li:hover > a {
	color: #1c2084;
	transition: all 0.2s;
}
.header-in .header-menu li:nth-child(1) .header-sub-menu,
.header-in .header-menu li:nth-child(4) .header-sub-menu,
.header-in .header-menu li:nth-child(5) .header-sub-menu {
	margin: 0 0 0 30px;
}
.header-in .header-menu li:nth-child(2) .header-sub-menu {
	margin: 0 0 0 -160px;
}
.header-in .header-menu li:nth-child(3) .header-sub-menu {
	margin: 0 0 0 25px;
	left: 0;
}
.header-in .header-menu li:nth-child(3) .header-sub-menu > li ,.header-in .header-menu li:nth-child(3) .header-sub-menu > li > a{line-height:30px;height: 30px;}

/* header menu open btn */
.menu-open-btn-box {
    position: relative;
	width: 130px;
	height: 80px;
	z-index: 9992000;
}
.menu-open-btn-box button {
    position: absolute;
	width: 30px;
	height: 40px;
    top: 20px;
    right: 40px;
	outline: none;
}
.menu-open-btn-box button > span {
	display: block;
    width: 30px;
    height: 1px;
    margin: 10px 0;
	background: #ffffff;
}
.menu-open-btn-box button > span.scroll-btn-on,
.menu-open-btn-box button > span.menu-btn-on,.header-menu-bg .menu-open-btn-box button > span {
	background: #333333;
}

/* header (main-menu) */
.main-menu {
	width: 0;
	height: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	right: 0;
	background-image: url(../images/3094ec2c57aa655b56d960bff4d815f7d194b755.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	padding-top: 280px;
	z-index: 1;
}
.main-menu.main-menu-on {
	width: 100%;
	height: 100vh;
	opacity: 1;
	top: 0;
	z-index: 2000;
	transition: all 0.2s ease-in-out;
}
.main-menu > ul {
	width: 100%;
	max-width: 1450px;
	margin: 0 auto;
	display: flex;
	flex-flow: row nowrap;
}
.main-menu ul > li {
	color: #ffffff;
	font-family: 'Saira', sans-serif;
	font-weight: 500;
	font-size: 20px;
	width: calc(100% / 5);
	padding-right: 10px;
}
.main-menu ul > li:nth-child(3) > ul{overflow-y: scroll;height: 400px;}
.main-menu ul > li:nth-child(3) > ul::-webkit-scrollbar-track {
	border: 1px solid #393836;
	background-color: #fff
}

.main-menu ul > li:nth-child(3) > ul::-webkit-scrollbar {
	width:2px;
	background-color: #393836
}

.main-menu ul > li:nth-child(3) > ul::-webkit-scrollbar-thumb {
	background-color: #1c2084
}


.main-menu ul > li > span.main-menu-line {
	display: block;
	width: 80%;
	height: 1px;
	background: #393836;
	position: relative;
	margin: 40px 0;
}
.main-menu ul > li > span.main-menu-line::before {
	content: '';
	position: absolute;
	width: 10%;
	height: 1px;
	top: 0;
	left: 0;
	background: #1c2084;
	opacity: 100%;
}
.main-menu ul > li:hover > span.main-menu-line::before {
	width: 100%;
	transition: all 0.2s;
}
.main-menu ul > li > ul {
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
}
.main-menu ul > li > ul > li {
	font-weight: 300;
	font-size: 17px;
	margin-bottom: 30px;
	width: 100%;
}
.main-menu ul > li > ul > li > a {
	color: #ffffff;
	opacity: 50%;
	display:inline-block; 
	width: 100%;
}
.main-menu ul > li > ul > li:hover > a {
	opacity: 100%;
}

/* header menu close btn */
.menu-close-btn-box {
	position: absolute;
	top: 0;
	right: 40px;
	width: 130px;
	height: 80px;
	z-index: 1000;
	display: none;
}
.menu-close-btn-box button {
    position: absolute;
	width: 30px;
	height: 40px;
    top: 20px;
    right: 0;
}
.menu-close-btn-box button > span {
	display: block;
    width: 30px;
    height: 1px;
    margin: 10px 0;
	background: #fff;
	position: absolute;
	top: 7.5px;
	right: 0px;
}
.menu-close-btn-box button > span:first-child {
	transform: rotate(45deg);
}
.menu-close-btn-box button > span:last-child {
	transform: rotate(-45deg);
}

/*footer*/
.footer-box {
	background: #000;
	padding: 50px 100px;
	display: flex;
	align-items: center;
	color: #777777;
	font-size: 15px;
	position: relative;
	z-index: 20;
}
.footer-logo {
	margin: 0 60px 0 0;
}
.footer-cont {
	display: flex;
	flex-flow: column nowrap;
}
.footer-info {
	display: flex;
	margin: 0 0 15px;
	align-items: center;
}
.footer-info > div:first-child {
	margin-right: 30px;
}
.footer-info .english {
	display: flex;
}
.footer-info .korean {
	color: #444444;
	margin: 0 10px 0 0;
	transform: translateY(-1px);
}
.footer-info hr {
	width: 1px;
	height: 12px;
	margin: 3px 15px 0;
	border-left: none;
	border-top: none;
	border-bottom: none;
	border-right: 1px solid #444444;
}
.footer-info > div:last-child {
	position: absolute;
	right: 100px;
}
.footer-info > div:last-child > a:first-child {
	margin: 0 30px 0 0;
}
.footer-box {
	position: relative;
}
.scroll-box {
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}
.scroll-box.on {
	display: block;
}

/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; margin-top:8px;}
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }

@media screen and (max-width: 1800px) {
	.w1500 {
		padding: 0 50px;
		box-sizing: border-box;
		transform: translateX(0);
	}
}

@media screen and (max-width: 1700px) {
	.w1400,
	.w1500 {
		transform: translateX(-50px);
	}
	.footer-box {
		padding: 50px;
	}
	.footer-info > div:last-child {
		right: 50px;
	}
}

@media screen and (max-width: 1600px) {
	.w1400 {
		padding: 0 16px;
	}
	.w1500 {
		padding: 0 86px;
	}
}

@media screen and (max-width: 1600px) {
	.w1400 {
		padding: 0 100px;
	}
	.main-menu > ul {
		padding: 0 50px;
		box-sizing: border-box;
	}
	.header-in .header-menu > ul {
		margin-left: 0px;
	}
	.header-in .header-menu > ul > li > a{padding: 0 15px;}
}

@media screen and (max-width: 1400px) {
	.main-menu ul > li {
		font-size: 30px;
	}
	.header-in .header-menu > ul {
		margin-left: 0px;
	}
	.header-in .header-menu > ul > li > a{padding: 0 10px;}
}

@media screen and (max-width: 1300px) {
	.header-in .header-menu > ul {
		margin-left: 0px;
	}
	.header-in .header-menu > ul > li > a {
		padding: 0 10px;
	}
	.header-in .header-menu > ul > li > a{padding: 0 5px;}
}

@media screen and (max-width: 1200px) {
	.w1400,
	.w1500 {
		transform: translateX(0);
		padding: 0 40px;
	}
	.header-in .header-menu {
		display: none;
	}
	.menu-open-btn-box {
		margin-left: auto;
	}
	.main-menu {
		padding-top: 0;
		background-image: url(../images/a71bad8c6fd215ba466a8caaf3c96c5b0909f9fd.jpg);
		background-position: center center;
	}
	.main-menu.main-menu-on {
		width: 340px;
/*		height: 100vh;*/
		display: flex;
/*		background-image: url("/img/main/main-mobile-bg.jpg");*/
	}
	.main-menu > ul {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		margin: 80px 0 0;
		padding: 30px 40px;
		padding: 0 25px;
	}
	.main-menu > ul > li {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-flow: row wrap;
		font-size: 18px;
	}
	.main-menu > ul > li > span {
		display: block;
		width: 100%;
		margin: 35px 0 0;
		position: relative;
	}
	.main-menu > ul > li > span.main-menu-line {
		display: none;
	}
	.main-menu a.english {
		font-size: 16px;
	}
	.main-menu a.korean {
		font-size: 18px;
	}
	.main-menu ul > li > ul {
		display: none;
		margin: 0 0 25px;
		transform: translateX(-30px);
	}
	.main-menu ul > li > ul > li {
		margin-bottom: 0;
		text-indent: 0;
		margin: 20px 0 0;
		text-indent: 15px;
	}
	.main-menu ul > li > ul > li > a {
		padding: 5px 0;
	}
	.main-menu > ul > li.on > span.main-menu-title {
		text-indent: 35px;
	}
	.main-menu > ul > li.on > span.main-menu-title::before {
		content: '';
		display: block;
		width: 20px;
		height: 2px;
		background: #1c2084;
		position: absolute;
		left: 0;
		top: 13px;
	}
/*	.main-menu ul > li.on > ul {*/
/*		margin: 0 0 25px;*/
/*	}*/
	.footer-box {
		padding: 50px 40px;
	}
	.footer-info {
		flex-flow: row wrap;
	}
	.footer-info .english {
		width: 100%;
		margin: 10px 0 0 0;
	}
}

@media screen and (max-width: 1000px) {
	.footer-info {
		flex-flow: column nowrap;
		align-items: flex-start;
	}
	.footer-info > div:last-child {
		position: inherit;
		margin: 10px 0 20px 0;
	}
}
@media screen and (max-width: 768px) {
	.w1400,
	.w1500 {
		padding: 0 20px;
	}
	.header-in > h1 a img {
		left: 20px;
	}
	.menu-open-btn-box button,
	.menu-close-btn-box {
		right: 20px;
	}
	.footer-box {
		padding: 50px 20px;
	}
}

@media screen and (max-width: 700px) {
/*	.main-menu > ul {*/
/*		padding: 0 25px;*/
/*	}*/
/*	.main-menu ul > li > ul > li {*/
/*		text-indent: 15px;*/
/*	}*/
	.footer-box {
		flex-flow: column nowrap;
		align-items: flex-start;
	}
	.footer-logo {
		margin: 0 0 30px 0;
	}
}

@media screen and (max-width: 600px) {
	.header-in > h1 a img {
		left: 20px;
	}
	.menu-open-btn-box button {
		right: 20px;
	}
	.footer-box {
		font-size: 14px;
	}
	.footer-info > div:first-child {
		margin-right: 0;
	}
}

@media screen and (max-width: 400px) {
	.footer-box,
	.footer-info {
		align-items: center;
	}
	.footer-info div:first-child {
		margin-right: 0;
	}
	.footer-info hr {
		display: none;
	}
	.footer-info .english {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
	}
	.footer-info .english div:last-child {
		margin: 10px 0 0;
	}
	.footer-copy {
		text-align: center;
	}
}
/*主体样式*/
/* slick-slider 필수 css */
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px; -webkit-transform: translate3d(0,0,0);}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block; margin:0 auto;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-slide {
   -webkit-transform: translate3d(0,0,0);
}
/* loading page */
.loading-page {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20000;
}
.loading-img {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
    justify-content: center;
	background-image: url("/img/main/loading-bg.jpg");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.loading-page.on img {
	opacity: 0;
	transform: scale(2);
	transition: 2.4s;
	transition-delay: 0.4s;
}

/* section side */
.section-side {
    width: 100px;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    border-left: 1px solid rgba(255, 255, 255, 0.14);
	transition: all 0.8s;
}
.side-top-span,
.side-bottom-span {
    width: 4px;
    height: 4px;
    display: block;
    border-left: 1px solid #aaaaaa;
    position: absolute;
    right: 96px;
}
.side-top-span {
    border-bottom: 1px solid #aaaaaa;
    top: 76px;
}
.side-bottom-span {
    border-top: 1px solid #aaaaaa;
    bottom: 96px;
}
.side-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 93px;
}
.side-nav > ul {
	display: flex;
    flex-flow: column nowrap;
    align-items: center;
}
.side-nav > ul li {
    display: flex;
    align-items: center;
    width: 13px;
    height: 13px;
	margin: 12px 0;
	cursor: pointer;
	transition: all 0.4s;
	position: relative;
	background: transparent;
}
.side-nav > ul li::after {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	top: 50%;
	left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.3);
}
.side-nav > ul li a {
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    opacity: 0;
	white-space:nowrap;
	display: block;
	margin: 0 0 0 25px;
	transition: all 0.4s;
	padding: 12px 30px;
	transform: translateX(-30px);
	position: relative;
	z-index: 200;
}
.side-nav > ul li:hover::after,
.side-nav > ul li.on::after {
    width: 13px;
    height: 13px;
    background:rgba(255, 255, 255, 1);
	transition: all 0.8s;
}
.side-nav > ul li:hover a,
.side-nav > ul li.on a {
    opacity: 1;
	transition: all 0.4s;
}
.section-side.on .side-bottom-span,
.section-side.on .scroll-icon {
	display: none;
	/* opacity: 0;
	transition-delay: 0.5s; */
}
/* scroll icon */
.scroll-icon {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 13px;
    color: #fff;
	text-align: center;
	letter-spacing: 0.15em;
	transition: all 0.8s;
}
.scroll-icon span {
	display: block;
}
.scroll-icon > span {
    width: 16px;
    height: 26px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.7);
	margin: 25px auto 10px;
}
.scroll-icon > span > span {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    margin: 6px auto 0;
    background: rgba(255, 255, 255, 0.7);
	animation: scroll-on 3.2s infinite;
}
@keyframes scroll-on {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(8px);
	}
	100% {
		transform: translateY(0px);
	}
}
/* section1 */
.section1 {
	position: relative;
}
/* .section1-img{width: 100vw;} */
.section1-img .mv{
    width: 100%;
    height: 100vh; 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.section1-img div.slick-active {
    /* animation: slick-scale 8s; */
}
.section1-img .mv img {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}

.section1-title-box {
	width: 100%;
	position: absolute;
    top: 200px;
}
.section1-title {
	color: #222222;
	width: 100%;
	margin: 80px 0 0;
}
.section1-title h3 {
    font-size: 60px;
    line-height: 1.2;
    font-weight: 600;
	opacity: 1;
	max-width: 599px;
}
.section1-title h3 b {
    font-weight: 700;
}
.section1-title h2 {
	margin: 25px 0 0;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 300;
	opacity: 0;
	color: #999999;
}

.section1-title h3.section1-title1 {
	font-size: 85px;
	font-weight: 700;
	line-height: 1;
}
.section1-title .slick-now h1 {
    animation: slick-h 8s;
}
.section1-title .slick-now h2 {
    animation: slick-h 7.2s 0.8s;
}
@keyframes slick-scale {
	0% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes slick-scale {
	0% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes slick-h {
	0% {
        transform: translateX(30px);
        opacity: 0;
    }
    30% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

/* section1 dots */
.section1-dots-line {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
    position: absolute;
    bottom: 100px;
    z-index: 100;
}
.slick-dots {
	display: flex;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 100px;
	width: 100%;
	max-width: 1500px;
    z-index: 400;
}
.slick-dots li {
    margin-right: 15px;
}
.slick-dots li button {
    font-family: 'Saira', sans-serif;
    font-size: 15px;
    opacity: 0.7;
	color: rgba(34, 34, 34, 0.5);
	padding: 10px 20px 0 0;
	outline: none;
}
.slick-dots li.slick-active button{color: #222;}
.slick-dots li button::before {
	content: '0';
}
.slick-dots li.slick-active {
	display: block;
	width: 200px;
    height: 40px;
	border-bottom: 1px solid rgba(34, 34, 34, 0.1);
	position: relative;
	
}
.slick-dots li.slick-active::after {
    content: '';
    display: block;
    width: 0;
	height: 40px;
	border-bottom: 1px solid #e10217;
    position: absolute;
    top: 0;
    left: 0;
    animation: dotOn 8s;
}
.slick-dots li.slick-active button {
    opacity: 1;
}
@keyframes dotOn {
    0% {
        width: 0;
    }
    100% {
        width: 200px;
    }
}

@media(max-width: 1500px){
	
	.section1-title h3{font-size: 50px;}
}


/* section1 button */
.section1-btn > div {
    width: 100%;
    z-index: 10;
    display: flex;
	margin: 55px 0 0;
}
.section1-btn button {
	transition: all 0.4s;
    cursor: pointer;
	border:1px solid #1c2084;
}
.play-btn {
    border-radius: 50%;
    background: #1c2084;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin-right: 15px;
}
.play-btn span {
    width: 1px;
    height: 12px;
    background: #fff;
    display: block;
}
.play-btn span:first-child {
    margin-right: 2px;
}
.play-btn span:last-child {
    margin-left: 2px;
}
.about-btn {
    background: transparent;
    border-radius: 30px;
    width: 185px;
    height: 60px;
    display: flex;
    align-items: center;
    font-size: 16px;
    justify-content: center;
    color: #1c2084;
}
.about-btn img {
    margin-right: 15px;
}
.play-btn.on,
.play-btn:hover,
.about-btn:hover {
	/* background: #1c2084;
	border: 1px solid #1c2084; */
	transition: all 0.4s;
}
.play-btn.on span:first-child {
	width: 0;
	height: 0;
	margin-right: 0;
	margin-left: 2px;
	background: transparent;
	border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #fff;
    border-right: 12px solid none;
}
.play-btn.on span:last-child {
	display: none;
}

/* section more btn */
.section-more {
    width: 140px;
    height: 95px;
    position: relative;
	cursor: pointer;
	z-index: 1000;
    display: block;
}
.section-more > span {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 1px;
    display: block;
    background: rgba(255, 255, 255, 0.2);
	z-index: 100;
	overflow: hidden;
}
.section-more > span::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 2px;
	background: rgba(255, 255, 255, 1);
}
.section-more > div:first-child {
	width: 95px;
	height: 95px;
	display: flex;
    position: absolute;
	right: 0;
    top: 50%;
    transform: translate(0, -50%);
	align-items: center;
    justify-content: center;
	color: #fff;
	overflow: hidden;
}
.section-more > div:first-child > span {
	color: rgba(255, 255, 255, 0.7);
	position: absolute;
    top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
	letter-spacing: 0.1em;
}
.section-more:hover > div:first-child > span {
    animation: more-text-on 0.6s;
	position: absolute;
}

.aul li:hover .section3-more > div:first-child > span {
    animation: more-text-on 0.6s;
	position: absolute;
}
@keyframes more-text-on {
	0% {
		left: 50%;
	}
    48% {
		left: 100%;
    }
	50% {
		opacity: 0;
	}
	52% {
		left: -100%;
	}
	100% {
		left: 50%;
	}
}
.section-more:hover > span::before {
	width: 100%;
	/* left: 60px; */
	transition: all 0.2s;
}
.aul li:hover .section3-more > span::before {
	width: 100%;
	/* left: 60px; */
	transition: all 0.2s;
}
.svg-box {
	width: 95px;
	height: 95px;
    position: absolute;
	top: 0;
    right: 0;
}
.svg-box svg {
    stroke: #fff;
    stroke-width: 1px;
	fill: none;
	position: absolute;
    top: -2px;
    right: 0;
}
.svg-box svg:first-child {
    opacity: 0.2;
	stroke-dasharray: 0;
    stroke-dashoffset: 0;
}
.svg-box svg:last-child {
    opacity: 1;
    stroke-dasharray: 302;
    stroke-dashoffset: 302;
	transform: rotate(-90deg);
}

/* more box position */
.section2-more {
    position: absolute;
    top: 355px;
    right: 0;
}

.section4-more {
	position: absolute;
	top: 190px;
	right: 0;
}

/* section2 */
.section2 {
	position: relative;
}
.section2-wrap {
    display: flex;
    align-items: center;
    color: #fff;
	position: absolute;
    top: 50%;
    left: 50%;
	transform:translate(-50%,-50%);
	width: 100%;
}
.section2-bg img{width: 100%;}
.section2-bg {
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	vertical-align: top;
}

.section2-top {
	margin: 15vw 0 0;
}
.section2-top-title {
    display: flex;
    height: 200px;
	width: 100%;
}
.section2-cont-box {
    display: flex;
    width: 100%;
	margin: 23px 0 0;
}
.section2-num-box {
	display: flex;
	align-items: center;
	transform: translateY(-45px);
}
.section2-num-box > p {
	color: #fff;
    transform: rotate(-90deg);
	width: 65px;
    text-align: center;
}
.section2-num-box > p > b {
    font-weight: 500;
    opacity: 1;
}
.section2-num-box > p > i {
    font-weight: 300;
    opacity: 0.4;
    font-style: normal;
}
.section2-num-box > p > i:nth-child(2) {
	display: inline-block;
	margin: 0 5px;
}
.section2-line {
    width: 60px;
    height: 2px;
    background: #e10217;
    display: block;
	margin: 0 35px 0 35px;
}
.section2-cont-title {
    display: flex;
    align-items: flex-end;
}
.section2-cont > div > h2 {
    font-size: 42px;
	font-weight: 600;
}
.section2-cont > div > h3 {
    font-size: 18px;
	font-family: 'arial';
    margin-left: 15px;
}
.section2-cont > div > p {
    font-size: 18px;
	line-height: 2;
	color: rgba(255, 255, 255, 0.8);
	margin: 35px 0 0;
}
.section2-bottom {
    margin: 80px 0 0;
    position: relative;
	width: 100%;
    height: 260px;
	display: flex;
	align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.section2-icon-box {
	position: relative;
    width: 100%;
}
.section2-icon-box .slick-list{
	padding: 10px 0;
}
.section2-icon-box .slick-slide {
	height: 260px;
	display: flex;
	justify-content: center;
	position: relative;
}
.section2-icon-box .slick-slide:nth-child(9) {
	opacity: 1;
}
.section2-icon-box .slick-slide > div {
	width: 100%;
}
.section2-icon-box .slick-slide::after {
	opacity: 0;
	content: '';
	display: block;
	width: 100%;
	height: 280px;
	background: #1d2083;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.4s;
}
/*.section2-icon-box .slick-slide:nth-child(9)::after {*/
/*	opacity: 0;*/
/*	content: '';*/
/*	display: block;*/
/*	width: 100%;*/
/*	height: 280px;*/
/*	background: transparent;*/
/*	position: absolute;*/
/*	left: 50%;*/
/*	top: 50%;*/
/*	transform: translate(-50%, -50%);*/
/*	transition: all 0.4s;*/
/*}*/
.section2-icon-box .slick-slide.on::after {
	opacity: 1;
}
.section2-icon-box .slick-slide.on span {
	opacity: 0.1;
}
/*.section2-icon-box .slick-slide:nth-child(9).on span {*/
/*	opacity: 0;*/
/*}*/
.section2-icon-box .slick-active.s2-icon-on {
	/* opacity: 0.4; */
}
.section2-icon-box .slick-active.s2-icon-on:hover {
	opacity: 1;
}
.section2-icon.on.s2-icon-on {
	opacity: 1;
}
.section2-icon > a {
    display: flex;
    flex-flow: column nowrap;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 1;
    height: 100%;
	padding: 52px 0 0;
	box-sizing: border-box;
	width: 100%;
}
.section2-icon.on > a {
	opacity: 1;
}
.section2-icon > a > h5 {
    margin: 25px 0 15px;
	font-size: 20px;
}
.section2-icon > a > h6 {
	font-size: 14px;
}
.section2-icon > a > span {
	opacity: 0;
	font-weight: 700;
	font-size: 100px;
	font-family: 'Saira', sans-serif;
	position: absolute;
	display: block;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
    z-index: 200;
}

/* section2 arrow */
.slide-arrow {
	width: 12px;
	height: 12px;
	display: block;
	position: absolute;
    transform: translateY(-50%);
	z-index: 400;
    cursor: pointer;
	padding: 26px;
}
.prev-arrow {
    transform: rotate(45deg);
	left: -35px;
}
.prev-arrow::after {
	content: '';
	width: 12px;
	height: 12px;
	display: block;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(10px);
}
.next-arrow {
    transform: rotate(-45deg);
	right: -35px;
}
.next-arrow::after {
	content: '';
	width: 12px;
	height: 12px;
	display: block;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	transform: translate(10px, 10px)
}
/* section3, section4 */
.section3-cont-box,.section4-cont-box {
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: column nowrap;
}
.section34-title {
	opacity: 0;
}
.section34-title h5 {
    font-weight: 500;
    color: #222222;
    font-size: 16px;
    margin: 0 0 20px;
	font-family: Arial;
}
.section34-title h2 {
    font-size: 42px;
    color: #222222;
	line-height: 1.4;
	font-weight: bold;
}
.section34-title h2 > b {
    font-weight: 700;
}
.section-date {
    font-weight: 300;
    opacity: 0.4;
    font-size: 14px;
}

/* section3 */
.section3 {
    width: 100%;
    background-image: url("/img/main/section3-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center center;
}
.section3-cont-box .section34-title {
	margin: 70px 0 0;
}
.section3-cont {
	width: 50%;
	margin: 45px 0 0;
	opacity: 0;
}
.section3-cont > div {
    padding: 0 10px;
	box-sizing: border-box;
}
.section3-cont > div > a {
	display: flex;
    align-items: center;
	color: #fff;
    height: 100px;
}
.section3-cont > div > a > span:first-child {
    background: #1c2084;
    border-radius: 14px;
    width: 75px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    font-size: 14px;
    margin: 0 30px 0 0;
	color: rgba(255, 255, 255, 0.8);
}
.section3-cont > div:nth-child(1) {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.section3-cont > div:nth-child(2) {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.section3-cont > div:nth-child(3) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.section3-cont > div > a > .section-date {
    margin-left: 0;
}
.section3-cont > div > a > h5 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: calc(100% - 200px);
	color: rgba(255, 255, 255, 0.8);
	font-weight: 400;
	font-size: 18px;
}

/* section4 news */
.section4 {
    background-image: url(../images/feb95bcfb734b68d581bbfe62f0c44cf0c41d356.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.section4-cont-box .section34-title {
	margin: 75px 0 0;
}
.section4-more > div:first-child{color: rgba(0, 0, 0, 0.5);}
.section4-more > div:first-child > span{color: rgba(0, 0, 0, 0.5);}
.section4-more > span::before{background: rgba(0, 0, 0, 0.1);}
.section4-more .svg-box svg{stroke: rgba(0, 0, 0, 0.4);}
.section4-more > span{background: rgba(0, 0, 0, 0.2);}
.mySwiper {overflow: hidden;margin-top: 4.5vw;}
.mySwiper .swiper-slide{background-color: #f3f3f3;padding: 3vw 1.5vw 2vw;}
.mySwiper .swiper-slide h3{color: #333333;font-size:24px;font-weight: bold;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.mySwiper .swiper-slide  a>p{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 3;color: #666666;font-size: 16px;line-height: 30px;margin: 1.5vw 0 5vw;}
.shi{align-items: center;}
.shi p{color: #999999;font-size: 14px;}
.shi span{color: #e10217;font-size: 30px;}
.mySwiper .swiper-slide:hover{background-color: #1d2083;}
.mySwiper .swiper-slide:hover h3{color: #fff;}
.mySwiper .swiper-slide:hover a >p,.mySwiper .swiper-slide:hover .shi p{color: rgba(255, 255, 255, 0.6);}












/* animate */
.active .section2-cont-box ,
.active .section34-title  {
	animation: section2-title 8s forwards;
}
.active .section3-cont  {
	animation: section2-title 8s 0.4s forwards;
}
@keyframes section2-title {
	0% {
        transform: translateX(30px);
        opacity: 0;
    }
    30% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.section4-cont.on > div:nth-child(1) {
	animation: divOn 1s 0.2s forwards;
}
.section4-cont.on > div:nth-child(2) {
	animation: divOn 1s 0.4s forwards;
}
.section4-cont.on > div:nth-child(3) {
	animation: divOn 1s 0.6s forwards;
}
@keyframes iconOn {
	0% {
		transform: translateY(40px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 0.75;
	}
}
@keyframes iconOn-l {
	0% {
		transform: translateY(40px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 0.4;
	}
}
@keyframes divOn {
	0% {
		transform: translateY(40px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@media screen and (max-width: 1800px) {
	.slide-arrow {
		padding: 20px;
	}
	.prev-arrow {
		left: -15px;
	}
	.next-arrow {
		right: -15px;
	}
}

@media screen and (max-width: 1700px) {
	.section1-btn > div {
		margin: 80px 0 0 50px;
	}
	.slick-dots {
		transform: translateX(-50%) translateX(-50px)
	}
	.section2-more {
		right: 50px;
	}
}

@media screen and (max-width: 1600px) {
	.section1-btn > div {
		margin: 80px 0 0 34px;
	}
	.slick-dots {
		transform: translateX(-50%) translateX(-32px)
	}
    .prev-arrow {
        left: -10px;
    }
    .next-arrow {
        right: -10px;
    }
    .section2-more {
		right: 85px;
	}
    .section4-more {
        right: 16px;
    }
}

@media screen and (max-width: 1500px) {
	.section1-btn.w1400 {
		padding: 0;
	}
	.section1-btn > div {
		margin: 80px 0 0 48px;
	}
	.slick-dots {
		transform: translateX(-50%) translateX(48px)
	}
    .prev-arrow {
        left: -10px;
    }
    .next-arrow {
        right: -10px;
    }
    .section2-more,
    .section4-more {
        right: 100px;
    }
	.section2-icon-box .slick-active.s2-icon-on {
		opacity: 0.75;
	}
}
@media screen and (max-width: 1400px) {
	.section-more {
		transform: scale(0.9);
	}
	.section2-cont > div > p {
		width: 70%
	}
	.section3-cont {
		width: 60%;
	}
}

@media screen and (max-width: 1300px) {
	.section2-more {
		top: 170px;
	}
}

@media screen and (max-width: 1200px) {
	.loading-page img {
		transform: scale(0.8)
	}
	.loading-page.on img {
		transform: scale(1.8);
	}
	.section1-btn > div {
		margin: 80px 0 0 0;
	}
	.section1-title h3 {
		font-size: 36px;
	}
	.section1-title h2{font-size: 15px;}
	.section-side {
		display: none;
	}
    .section2-more,
    .section4-more {
		right: 40px;
    }
	.section2-line {
		margin: 0 30px 0 20px;
	}
	.section2-cont > div > p br {
		display: none;
	}
}

@media screen and (max-width: 1000px) {
	.section-more {
		transform: scale(1);
	}
	.section2-more {
		top: 400px;
		right: 40px;
	}
    .section4-more {
        right: 40px;
		top: auto;
		bottom: -120px;
    }
	.section2-wrap {
		top: 40%;
	}
	.section2-bottom {
		margin: 180px 0 0;
	}
	.section34-title h2 {
		font-size: 45px;
	}
	.section3-cont-box,
	.section4-cont-box {
		height: auto;
		padding: 30px 0 ;
		box-sizing: border-box;
	}
	.section3-cont-box .section34-title,
	.section4-cont-box .section34-title {
		margin: 0;
	}
	.section3-cont {
		width: 100%;
	}
	.section4-cont {
		flex-flow: column nowrap;
	}
	.section4-cont > div {
		width: 100%;
		padding: 30px 0 0;
	}
	.section4-cont > div .section4-line {
		margin: 0 0 30px;
	}
	.section4-cont > div:nth-child(2) {
		margin: 0;
	}
	.section4-cont > div > a > p {
		margin: 20px 0 40px;
	}
}
.x-banner{position: relative;}

@media screen and (max-width: 768px) {
	.section1-img .mv {
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
	}
	.section1-img1 {
		background-image: url("../images/e77bb17072dbad71e8672999fb07f59181ec8452.jpg");
	}
	.section1-img2 {
		background-image: url("../images/e77bb17072dbad71e8672999fb07f59181ec8452.jpg");
	}
	.section1-img3 {
		background-image: url("../images/e77bb17072dbad71e8672999fb07f59181ec8452.jpg");
	}
	.slick-dots {
		transform: translateX(-50%) translateX(20px);
	}
	.section1-title h3 {
		font-size: 36px;
	}
	.section1-title h3.section1-title1 {
		font-size: 70px;
	}
	.section1-btn {
		padding: 0 50px;
	}
	.section2-line {
		width: 50px;
		margin: 0 20px 0 10px;
	}
	.section2-cont > div > h2 {
		font-size: 40px;
	}
	.section2-bottom {
		margin: 160px 0 0;
	}
	.prev-arrow {
		left: 10px;
	}
	.next-arrow {
		right: 10px;
	}
	.section-more {
		transform: scale(0.8);
		right: 0;
	}
	.section3 {
		background-image: url("/img/main/section3-mb-bg.jpg");
	}
	.section3-cont > div {
		padding: 0;
	}
}

@media screen and (max-width: 700px) {
	.section1-title-box {
		top:150px;
		z-index: 400;
	}
	.section1-btn > div {
		bottom: 0;
		height: 50px;
		margin: 30px 0 0 0;
	}
	.play-btn {
		width: 50px;
		height: 50px;
	}
	.about-btn {
		width: 165px;
		height: 50px;
	}
	.section1-dots-line,
	.slick-dots{
		bottom: 50px;
	}
	/* .section2-more {
		top: -100px;
	} */
	.section34-title h2 {
		font-size: 40px;
	}
}

@media screen and (max-width: 600px) {
	.header-in h2, .header-in .header-menu-btn-box{width: 120px;}
	.section1-title h3 {
		font-size: 40px;
	}
	.section1-title h3.section1-title1 {
		font-size: 60px;
	}
	.section1-btn {
		padding: 0 20px;
	}
	.section2-wrap {
		top: 48%;
	}
	.section2-more {
		top: 238px;
	}
	.section2-top-title {
		display: block;
		height: auto;
	}
	.section2-num-box {
		transform: translateY(-35px);
	}
	.section2-num-box > p {
		transform: rotate(0);
		order: 2;
	}
	.section2-line {
		width: 40px;
		margin: 0 20px 0 0;
		order: 1;
	}
	.section2-cont-box {
		margin: 0;
	}
	.section2-cont > div > h3 {
		margin-left: 0;
		margin: 15px 0 0 10px;
		font-size: 16px;
	}
	.section2-cont > div > p {
		font-size: 16px;
		width: 100%;
		margin: 20px 0 0;
	}
	.section2-bottom {
		height: 160px;
	}
	.section2-icon > a{padding-top: 78px;}
	.section2-icon-box .slick-slide::after {
		height: 180px;
	}
	.section2-icon > a > h5 {
		margin: 10px 0;
		font-size: 16px;
	}
	.section2-icon > a > span {
		font-size: 80px;
		top: 200px;
	}
	.section34-title h2 {
		font-size: 35px;
	}
	.section3-cont > div > a {
		flex-flow: column nowrap;
		align-items: flex-start;
		justify-content: center;
	}
	.section3-cont > div > a > h5 {
/*		width: calc(100% - 75px);*/
		width: calc(100% - 20px);
		margin: 10px 0;
	}
	.section4-cont > div > a > h5 {
		font-size: 19px;
	}
	.section4-cont > div > a > p {
		font-size: 16px;
	}
}

@media screen and (max-width: 500px) {
	.loading-page img {
		transform: scale(0.6)
	}
	.loading-page.on img {
		transform: scale(1.2);
	}
	.slick-dots li {
		margin-right: 20px;
	}
	.slick-dots li.slick-active {
		width: 120px;
	}
	@keyframes dotOn {
		0% {
			width: 0;
		}
		100% {
			width: 120px;
		}
	}
	.section1-title-box {
		top: 100px;
	}
	.section1-title h3 {
		font-size: 30px;
	}
	.section1-title h3.section1-title1 {
		font-size: 40px;
	}
	.section1-title h2 {
		font-size: 16px;
	}
	.section1-title h2 br {
		/* display: none; */
	}
	.section2 {
		height: auto;
	}
	.section2-cont > div > h2 {
		font-size: 25px;
	}
	.section34-title h2 {
		font-size: 30px;
	}
/*	.section3-cont > div > a {*/
/*		display: flex;*/
/*		flex-flow: row wrap;*/
/*		height: auto;*/
/*		padding: 25px 0;*/
/*	}*/
/*	.section3-cont > div > a > span:first-child {*/
/*		margin: 0 20px 0 0;*/
/*		width: 65px;*/
/*	}*/
	/* .section3-cont > div > a > span:first-child {
		margin: 0 10px 0 0;
		width: 65px;
	}
	.section3-cont > div > a > h5 {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: calc(100% - 75px);
	}
	.section3-cont > div > a > .section-date {
		margin: 20px 0 0 auto;
	} */
	.section2-icon-box.on .slick-slide:nth-child(2) {
		animation: divOn-l 1s 0.6s;
	}
	.section2-icon-box.on .slick-slide:nth-child(3) {
		animation: divOn 1s 0.8s;
	}
}

@media screen and (max-width: 400px) {
/*	.section2-bottom {*/
/*		margin: 20px 0 0;*/
/*	}*/
	.section34-title h2 {
		font-size: 26px;
	}
	.section3-cont > div > a > h5 {
		font-size: 16px;
	}
	.section4-cont > div > a > h5 {
		font-size: 18px;
	}
	.section4-cont > div > a > p {
		font-size: 16px;
	}
}



/*  */
.section22 {width: 100%;}
.bt1{text-align: center;padding-top: 8.5vw;}
.bt1 dd{color: #222222;font-size: 16px;font-family: 'arial';}
.bt1 dd img{margin-right: 3px;}
.bt1 dt{color: #222222;font-size: 42px;font-weight: bold;}
.swiper_mainProd .swiper-wrapper{align-items: center;}
.swiper_mainProd {padding-top:3vw; margin:0 auto; overflow:hidden;}
.swiper_mainProd .swiper-container {width:670px; max-height:640px; overflow:visible;}
.swiper_mainProd .swiper-button-next-mainProd:hover,.swiper_mainProd .swiper-button-prev-mainProd:hover{background-color: #e10217;}
.swiper_mainProd .swiper-button-next-mainProd {outline: none; z-index:1; position:absolute; right:-52px; top:50%; width:53px; height:53px; background:#1d2083 url(../images/cac8368f79842fcd995e097f72950cbc5bc182bb.png) no-repeat center; transform:translateY(-50%); cursor:pointer;border-radius: 50%;}
.swiper_mainProd .swiper-button-prev-mainProd {outline: none;z-index:1; position:absolute; left:-52px; top:50%;width: 53px;height: 53px;background:#1d2083 url(../images/2cf19bdb85992559458f9057b2b81c38aa633c95.png) no-repeat center ;transform:translateY(-50%); cursor:pointer;border-radius: 50%;}
.swiper_mainProd .swiper-slide {padding:50px 120px; transition:all .3s;}
.swiper_mainProd .swiper-slide-active {padding:0 75px;}
.swiper_mainProd .item_mainPord {position:relative;/* max-width:640px; margin:0 auto;*/}
.swiper_mainProd .item_mainPord .img_box {display:block; position:relative; padding-bottom:100%; background-color:#F5f5f5; border-radius:100%; overflow:hidden;}
.swiper_mainProd .item_mainPord .img_box .img {position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%);}
.swiper_mainProd .item_mainPord .img_box .img img {width:100%;}
.swiper_mainProd .item_mainPord .no {z-index:1; position:absolute; left:20px; top:20px;line-height: 1; overflow:hidden;font-size: 94px;font-family: 'Arial black';color: #222222; text-align:center;font-weight: bold;opacity: 0;}

.swiper_mainProd .item_mainPord .info_box {display:none; position:absolute; left:403px; bottom:35px; width:260px;}
.swiper_mainProd .item_mainPord .info_box .tit {color:#333; font-family:'MyriadPro', sans-serif; font-size:30px; line-height:30px; font-weight:700;}
.swiper_mainProd .item_mainPord .info_box .txt {display:none; margin-top:15px; color:#333; font-size:16px; line-height:24px; font-weight:400;}
.swiper_mainProd .item_mainPord .info_box_slide {position:absolute; left:0; bottom:5%; width:100%; text-align:center;}
.swiper_mainProd .item_mainPord .info_box_slide .tit {color:#222;font-size:15px;line-height:30px;font-weight: normal;display: none;}
.swiper_mainProd .swiper-slide-active .item_mainPord .info_box_slide .tit { color: #999999;font-size: 16px;}
.swiper_mainProd .swiper-slide-active   .no{opacity: 1;}
.swiper_mainProd .swiper-slide-active {z-index:1;}
.swiper_mainProd .swiper-slide-active .item_mainPord .img_box {transition:all .3s ease; background-color:#F3F3F3;}
.swiper_mainProd .swiper-slide-active .item_mainPord .img_box img{opacity:100%;}
.swiper_mainProd .swiper-slide-active .item_mainPord .info_box {z-index:1; display:block; text-align:left;}
.swiper_mainProd .swiper-slide-active .item_mainPord .info_box .tit {font-size:28px; line-height:1; font-weight:800;display: none;}
.swiper_mainProd .swiper-slide-active .item_mainPord .info_box .txt {display:block;color: #999;font-size: 15px;}
.swiper_mainProd .swiper-slide-active .item_mainPord .info_box_slide {display:none;}



.fp-viewing-2 .section-side,.fp-viewing-5 .section-side,.fp-viewing-1 .section-side{border-color: rgba(0, 0, 0, 0.14);}
.fp-viewing-2 .side-nav > ul li a,.fp-viewing-5 .side-nav > ul li a,.fp-viewing-1 .side-nav > ul li a{color: #222;}
.fp-viewing-2 .side-nav > ul li::after,.fp-viewing-5 .side-nav > ul li::after,.fp-viewing-1 .side-nav > ul li::after{background: rgba(0, 0, 0, 0.14);}
.fp-viewing-2 .side-nav > ul li.on::after,.fp-viewing-5 .side-nav > ul li.on::after,.fp-viewing-1 .side-nav > ul li.on::after{background: #e10217;}
.fp-viewing-2 .scroll-icon,.fp-viewing-5 .scroll-icon,.fp-viewing-1 .scroll-icon{color: #999999;border-color: rgba(0, 0, 0, 0.14);}
.fp-viewing-2 .scroll-icon > span > span,.fp-viewing-5 .scroll-icon > span > span,.fp-viewing-1 .scroll-icon > span > span{background: #e00117;}
.fp-viewing-2 .scroll-icon > span,.fp-viewing-5 .scroll-icon > span,.fp-viewing-1 .scroll-icon > span{border-color: rgba(0, 0, 0, 1);}

.fp-viewing-1 .header-in {border-bottom:1px solid #dbdbdb;}
.fp-viewing-1 .header-in > h2 a img{display: none;}
.fp-viewing-1 .header-in > h2 a img:first-child{display: block;}
.fp-viewing-1 .menu-open-btn-box button > span{background: #333;}







@media screen and (max-width:1024px) {
    .swiper_mainProd {padding:20px 0 80px;}
	.swiper_mainProd .swiper-slide {padding:6%;}
	.swiper_mainProd .swiper-slide-active {padding:0;}
    .swiper_mainProd .swiper-button-prev-mainProd {left:5%; width:30px; height:30px;background-size: 7px;}
    .swiper_mainProd .swiper-button-next-mainProd {right:5%; width:30px; height:30px;background-size: 7px;}
    
    .swiper_mainProd .swiper-slide-active .item_mainPord .info_box .tit {font-size:20px; line-height:20px;}
    .swiper_mainProd .swiper-slide-active .item_mainPord .info_box .txt {font-size:12px; line-height:16px; word-break:keep-all;}
    /*.swiper_mainProd .item_mainPord {width:300px;}*/
    .swiper_mainProd .item_mainPord .info_box {width:100%; left:0; transform:translateX(0); text-align:center;}
    .swiper_mainProd .item_mainPord .info_box .tit {font-size:15px; line-height:15px;}
    .swiper_mainProd .item_mainPord .info_box .txt {margin-top:14px; font-size:12px; line-height:18px;}
    .swiper_mainProd .item_mainPord .no {top:8%; left:8%;}
     
}



/*  */
.wh{max-width: 1370px;margin: 0 auto;padding: 0 15px;}
.gsjj{background: url(../images/e868aa9ea08c45f3038f2412070108bb3cb6d605.jpg) no-repeat center;background-size: cover;}
.gsjj .fp-tableCell{display: table-cell;vertical-align: middle;}
.bt2{text-align: center;font-weight: bold;color: #fff;font-size: 52px;padding-top: 10%;}
.acon{color: #ffffff;font-size: 18px;line-height: 30px;max-width: 977px;text-align: center;margin: 2.3vw auto 4vw;}
.aul li{text-align: center;position: relative;transition: all 0.5s;cursor: pointer;}
.aul li:hover{transform: translateY(-28px);}
.aul li h3{color: #ffffff;font-size: 28px;font-weight: bold;margin: 1vw 0 1.4vw;}
.aul li p{color: #ffffff;font-size: 16px;line-height: 25px;height: 50px;overflow: hidden;}
.aul li .img{height: 70px;line-height: 70px;}
.section3-more{position: relative;margin: 0 auto; margin-top: 2vw;height: 72px;width: 72px;}
.section3-more > span{left: -41px;}
.section3-more .svg-box,.section3-more > div:first-child{width: 72px;height: 72px;}
.section3-more > div:first-child > span{color: #fff;font-size: 14px;letter-spacing: 0;}
.section3-more > span{width: 48px;background: rgba(255, 255, 255, 0.3);opacity: 0;}
.aul li:hover .section3-more > span{opacity: 1;}
.aul li:hover .section3-more .svg-box svg:last-child{background-color: #1d2083;border-color: #1d2083;border-radius: 50%;}
.section3-more > div:first-child{z-index: 999;}
.aul li:hover .section3-more .svg-box svg{stroke:#1d2083;}
.section3-more > span::before{height: 1px;}




.fp-viewing-6 .section-side{display: none;}


.box{display:inline-block; vertical-align: top;}
.ban{font-size: 14px;color: rgba(255, 255, 255, 0.5);line-height: 1.6;margin-top: 26px;}
.ban a{color: rgba(255, 255, 255, 0.5);}
.bq{font-size: 14px;color: rgba(255, 255, 255, 0.2);margin-top: 20px;}
.bq a{color: rgba(255, 255, 255, 0.2);}
.footer .index_foo{font-size:0;}
.footer .index_foo .box{position:relative; width: 50%; overflow: hidden; height: 320px;}
.footer .index_foo .box .img{position:absolute; top: 0; left: 0; width: 100%; height: 320px; background-size:cover; transition:0.3s}
.footer .index_foo .box:last-of-type .img{background:url(/img/main/footer_link02.jpg) 50% 50% no-repeat; background-size:cover}
.footer .index_foo .box a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;} 
.footer .index_foo .box .txt{position:absolute; top: 50%; width: 100%; left: 0; text-align: center; transform:translateY(-50%);	}
.footer .index_foo .box .txt h4{ font-weight:bold; font-size:16px; color: #fff;}
.footer .index_foo .box .txt h3{font-weight:normal; font-size:36px;color: #fff; margin: 14px 0 45px;}
.footer .index_foo .box .txt p{display:inline-block; position:relative;  font-size:16px;color: #fff;}
.footer .index_foo .box .txt p::after{content:""; position:absolute; bottom: -4px; left: 0; width: 100%; height: 1px; background: #fff;}
.footer .foo{background: #1d2083; box-sizing:border-box; padding: 50px 0; font-size:0;}
.footer .foo .foo_logo img{width: 192px;}

.footer .foo .family_ctn{display:inline-block; vertical-align: top; text-align: right;}
.footer .foo .family_ctn .family{display:inline-block; text-align: left; width: 200px; height: 42px; margin-bottom:44px;}
.footer .foo .family_ctn .family > li{position:relative; }
.footer .foo .family_ctn .family > li span{position:relative;  display:inline-block; width: 100%; line-height:42px; background: #384657; font-size:12px; letter-spacing:-0.03em; color: #fff; padding: 0 16px; box-sizing:border-box; cursor: pointer;}
.footer .foo .family_ctn .family > li span i{position:absolute; display:inline-block;  top: 50%; right: 16px; transform:translateY(-50%); width: 9px; height: 1px; background: #fff;}
.footer .foo .family_ctn .family > li span i::after{content:""; position: absolute; display:inline-block;  top: -4px; left: 4px; width: 1px; height: 9px; background: #fff;}
.footer .foo .family_ctn .family > li > ul{display:none; position:absolute; width: 100%; bottom: 42px; background: #566271; z-index: 10;}
.footer .foo .family_ctn .family > li > ul li{}
.footer .foo .family_ctn .family > li > ul li a{display:inline-block; font-size:12px; line-height:42px; width: 100%; box-sizing:border-box; padding: 0 16px; color: #aaa;}
.footer .foo .family_ctn .tel{}
.footer .foo .family_ctn .tel p{ font-weight: 600; font-size:38px; letter-spacing:-3px; color: #fff;}
.footer .foo .family_ctn .tel p span{display:inline-block;font-weight:400; color: #fff; font-size:16px; letter-spacing:-0.03em; opacity: 0.2; margin-right: 14px;}


.footer .index_foo .box:hover .img{transform:scale(1.2);}
.footer .foo .family_ctn .family > li > ul li a:hover{color: #fff;}
.footer .foo .family_ctn .family.on > li span i::after{display:none;}



@media screen and (max-width:1600px){
	.footer .foo .foo_logo{display:block; }
	.footer .foo .mid_ctn{padding-left: 0; width: 100%; margin-bottom:20px;}
	.footer .foo .family_ctn{display:block;width: 100%; text-align: left;}
}

@media screen and (max-width:1550px) and (max-height: 850px){
	.footer .foo .foo_logo{display:block; }
	.footer .foo .mid_ctn{padding-left: 0; width: calc(100% - 291px);}
}

@media screen and (max-width:1000px){
	.footer .foo{overflow: hidden;}
	.footer .foo .mid_ctn ul{margin-bottom:26px;}
	.footer .foo .mid_ctn .add{font-size:14px;}
	.footer .foo .mid_ctn .add address{width: 100%; margin-right: 0; word-break:keep-all}

	.footer .foo .family_ctn .family{margin-bottom:24px;}
	.footer .foo .family_ctn .tel p{font-size:30px;}
	.footer .index_foo .box .txt h3{font-size: 30px;}

}



@media screen and (max-width:760px){
	.footer .foo .family_ctn .tel p{font-size:24px;}
}



/*  */







@media(max-width: 1600px){
	.swiper_mainProd .item_mainPord .no{font-size: 70px;}
	.swiper_mainProd .swiper-container{width: 500px;}
	.swiper_mainProd .swiper-slide{padding: 50px 90px;}
	.swiper_mainProd .swiper-slide-active{padding: 0 40px;}
	.swiper_mainProd .item_mainPord .info_box{left: 311px;bottom: 20px;}
	.bt2{font-size: 46px;}
	.aul li h3{font-size: 24px;}
	.section34-title h2{font-size: 38px;}
}



@media(max-width: 1200px){
	.mySwiper .swiper-slide h3{font-size: 20px;}
	.section34-title{opacity: 1;}
	.section4{padding-bottom: 6%;}
	.section4-cont-box .section34-title{margin-top: 6%;}
	.section4-cont-box{height: auto;}
	.section4-more{top:40px;}
	.bt2{font-size: 40px;}
	.gsjj{padding: 8% 0;}
	.acon{font-size: 16px;line-height: 2;}
	.aul li h3{font-size: 20px;}
	.swiper_mainProd .swiper-container{width:700px;}
	.section22{padding-bottom: 8.5%;}
	.swiper_mainProd .swiper-slide{padding:20px 70px;}
	.swiper_mainProd .swiper-slide-active{padding: 0 30px;}
	.swiper_mainProd .swiper-button-prev-mainProd{left: 173px;}
	.swiper_mainProd .swiper-button-next-mainProd{right: 173px;}
	.bt1 dt,.section34-title h2{font-size: 36px;}
	.swiper_mainProd .swiper-slide-active .item_mainPord .info_box .tit{font-size: 20px;}
	.swiper_mainProd .swiper-slide-active .item_mainPord .info_box .txt{margin-top: 10px;}
}

@media(max-width: 1024px){
	.bt2{font-size: 36px;}
	.swiper_mainProd .swiper-container{width:900px;}
}

@media(max-width: 768px){
	.swiper_mainProd .swiper-container{width: 700px;}
	.swiper_mainProd .item_mainPord .no{font-size: 50px;}
	.swiper_mainProd .swiper-slide{padding: 25px 60px;}
	.swiper_mainProd .swiper-slide-active{padding: 20px 40px;}
	.swiper_mainProd .item_mainPord .info_box{left: 69%;}
	.bt1 dt{font-size: 30px;}
	.section34-title h2{font-size: 24px;}
	.bt2{font-size: 32px;}
	.aul li p{font-size: 14px;}
	.section4-cont-box .section34-title{margin-top: 0;}
	.mySwiper .swiper-slide a>p{font-size: 14px;line-height: 2;}
}

@media(max-width: 640px){
	.section1-title h2{font-size: 14px;}
	.section1-title h3,.bt1 dt{font-size: 24px;}
	.section34-title h2{font-size: 20px;}
	.section4-more{top: -22px;}
	.swiper_mainProd{padding-bottom: 30px;}
	.swiper_mainProd .swiper-container{width: 100%;}
	.swiper_mainProd .swiper-slide{padding: 25px 30px;}
	.swiper_mainProd .swiper-slide-active{padding: 20px 10px;}
	.section22{padding-bottom: 0;}
	.swiper_mainProd .item_mainPord .no{font-size: 40px;left: -10px;top:10px;}
	.swiper_mainProd .swiper-button-prev-mainProd{left: 79px;}
	.swiper_mainProd .swiper-button-next-mainProd{right: 79px;}
	.swiper_mainProd .item_mainPord .info_box{bottom: -20px;left: 54px;}
	.swiper_mainProd .swiper-slide-active .item_mainPord .info_box .tit{font-size: 16px;}
	.swiper_mainProd .swiper-slide-active .item_mainPord .info_box .txt{margin-top: 5px;}
	.aul li{width: 48%;margin-bottom: 15px;}
	.gsjj{padding: 50px 0 30px;}
	.bt2{font-size: 24px;padding-top: 0;}
	.acon{margin-top: 20px;font-size: 14px;}
	.aul li p br{display: none;}
	.aul li h3{font-size: 18px;margin: 5px 0;}
	.swiper_mainProd{height: 270px;overflow: hidden;}
	.mySwiper{margin-top: 30px;}
	.mySwiper .swiper-slide{padding: 20px 10px;}
	.mySwiper .swiper-slide h3{font-size: 16px;}
	.mySwiper .swiper-slide a>p{line-height: 1.6;margin-top: 10px 0 20px;font-size: 13px;}
	.shi span{font-size: 24px;}
	.footer .foo{padding: 30px 0;}
	.footer .foo .foo_logo img{width: 150px;}
	.footer .index_foo .box{width: 100%;height: 200px;}
	.footer .index_foo .box .txt h3{font-size: 22px;margin: 10px 0 20px;}
}


@media (min-width: 1201px) {
      .sun-delay0 {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
    .sun-delay1 {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }
    .sun-delay2 {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }
    .sun-delay3 {
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s;
    }
    .sun-delay4 {
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
    }
    .sun-delay5 {
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s;
    }
    .sun-delay6 {
        -webkit-transition-delay: 1.4s;
        transition-delay: 1.4s;
    }
    .sun-delay7 {
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s;
    }
    .sun-delay8 {
        -webkit-transition-delay: 1.8s;
        transition-delay: 1.8s;
    }
    .sun-delay9 {
        -webkit-transition-delay: 2s;
        transition-delay: 2s;
    }
    .sun-delay10 {
        -webkit-transition-delay: 2.2s;
        transition-delay: 2.2s;
    }
    .sun-ani-left,
    .sun-ani-down,
    .sun-ani-up,
    .sun-ani-right {
        opacity: 0;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: .7s;
        transition-duration: .7s;
    }
    .sun-ani-left {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    .sun-ani-down {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    .sun-ani-up {
        -webkit-transform: translateY(-200px);
        transform: translateY(200px);
    }
    .sun-ani-right {
        -webkit-transform: translatex(100px);
        transform: translatex(100px);
    }
    .actives .sun-ani-left {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .active .sun-ani-left {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .active .sun-ani-down {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .active .sun-ani-up {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .active .sun-ani-right {
        opacity: 1;
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }

      .active2 .sun-ani-left {
        opacity: 1;
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }
     .active2 .sun-ani-right {
        opacity: 1;
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }
     .active2 .sun-ani-up {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
  }



  @media(min-width: 990px){
	 /* .fen .xypg-left-title{display: none;}
	  .fen  .xypg-left-con{border: none;}
	  .fen  .xypg-left-nav > li > a{color: #222222;font-size: 18px;font-weight: bold;padding: 25px 0;}
	   .fen .xypg-left-nav > li .first-nav-btn{top:21px;right: 0;width: 11px;}
	  .fen  .xypg-left-nav > li .first-nav-btn, .fen .xypg-left-nav > li .first-nav-btn.clicked{background: url(../images/a646a49b85c5102bfc02900f7d0f5c4a10d811ad.png) no-repeat center;}
	 .fen   .xypg-left-nav .xypg-left-subnav{margin-bottom: 30px;}
	 .fen   .xypg-left-nav .xypg-left-subnav > li{border: none;}
	  .fen  .xypg-left-nav .xypg-left-subnav > li > a{color: #999;font-size: 16px;padding: 0;line-height: 34px;border-bottom: none;}
	  .fen  .xypg-left-nav .xypg-left-subnav > li.clicked > a, .fen .xypg-left-nav .xypg-left-subnav > li > a:hover{color: #e10217;text-decoration: underline;} */
  }





  .page-solution-list {overflow: hidden;}
.page-solution-item {position: relative;overflow: hidden;margin-bottom: 8%;}
.page-solution-item:last-child {margin-bottom: 1%;}
.page-solution-item a {display: block;-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;}
.page-solution-item .img {float: right;width: 62%;z-index: 1;background: #e3e3e3;-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;}
.page-solution-item .text {position: absolute;left: 0;top: 55%;z-index: 1;width: 43%;z-index: 11;transform: translateY(-50%);-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;}
.page-solution-item .img img{width: 100%;}
.page-solution-item .text-1  {color: #1d2083;font-size: 24px;font-weight: bold;}
.page-solution-item .title-2  {color: #222222;font-size: 28px;font-weight: bold; padding-bottom: 5%;position: relative;margin-top: 1%;}
.page-solution-item .title-2::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #222;}
.page-solution-item .text-2  {color: #666666;margin-top: 4%;}
.page-solution-item .text-2 p {margin: 0;padding: 0;}
.page-solution-item .jiantou-1 {width: 27px;height: 16px;background: url(../images/41f4e325834d78315bee916d442a9bf8b729867b.png);margin-top: 10%;}	
.page-solution-item a:hover .text-1 {color: #e10217;}	 
.page-solution-item a:hover .title-2::after {background: #1f1c5e;}
.page-solution-item a:hover .text {left: 10px;}
.page-solution-item a:hover .img {transform: translateX(-10px);}
.page-solution-item.fr2 .img{float: left;}
.page-solution-item.fr2 .text {left: auto;right: 0;}
.page-solution-item.fr2 .text-1 {padding-left: 20%;}
.page-solution-item.fr2 .title-2 {padding-left: 20%;}
.page-solution-item.fr2 .text-2 {padding-left: 20%;}
.page-solution-item.fr2 .jiantou-1 {margin-left: 20%;}
.page-solution-item.fr2 a:hover .text {right: 10px;left: auto;}
.page-solution-item.fr2 a:hover .img {transform: translateX(10px);}
.page-solution-item a:hover .jiantou-1{background: url(../images/de86f849d65fe73df6e4dea717199f7035ec7418.png);}

@media(max-width: 1360px){
	.page-solution-item .title-2{font-size: 22px;}
	.page-solution-item .text-1{font-size: 18px;}
}

@media(max-width: 640px){
	.page-solution-item .img{width: 100%;float: none;}
	.page-solution-item .text {position: relative;left:auto;top:auto;width: 100%;transform:none;overflow: hidden;margin-top: 15px;}
	.page-solution-item a:hover .img,.page-solution-item.fr2 a:hover .img {transform: none;}
	.page-solution-item a:hover .text ,.page-solution-item.fr2 a:hover .text{left:auto;right: auto;}
	.page-solution-item.fr2 .text-1,.page-solution-item.fr2 .title-2,.page-solution-item.fr2 .text-2,.page-solution-item.fr2 .jiantou-1 {padding-left: 0;margin-left: 0;}
	.page-solution {padding: 5% 0 15% 0;}
	.page-solution-detail,.page-news-detail {padding-top: 60px;}
	.page-solution-item .title-2{font-size: 18px;}
	.page-solution-item .text-1{font-size: 14px;}
	.page-solution-detail .div-path a:last-child,.parameters-item .img,.news-detail-date li:nth-child(2),.news-detail-date li:nth-child(3),.news-detail-right-bottom a span {display: none;}
	

}



	.bwz{position: absolute;top:40%;left: 15px;z-index: 99;}
	.bwz h3{font-size: 24px;font-weight: bold;color: #fff;}
	.bwz h2{margin: 25px 0 0;font-size: 14px;line-height: 1.6;font-weight: 300;color: #ffffff;}



@media(max-width: 640px){
	.bwz{position: absolute;top:40%;left: 15px;z-index: 99;}
	.bwz h3{font-size: 15px;font-weight: bold;color: #fff;max-width: 137px;}
	.bwz h2{margin: 15px 0 0;font-size: 12px;line-height: 1.6;font-weight: 300;color: #ffffff;}
	
}




.flexible-content.text-photo {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative
}





.flexible-content.text-photo .subtitle {
    position: relative;
    padding-bottom: 25px;
    font-size: 20px;
    margin: 0 0 68px;
	text-transform: uppercase;
    letter-spacing: .25em;
	color: #1c2084;
	font-family: 'Roboto,Helvetica,Arial,sans-serif';
    font-weight: 700
}
.yy2.flexible-content.text-photo .subtitle{margin-bottom: 30px;}
.yy2 img{max-width: 100%;}
.flexible-content.text-photo .subtitle:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 65px;
    height: 5px;
    background-color: #1c2084
}

.yybx .flexible-content:nth-child(2){background:#f5f6f2;}
.yybx .flexible-content img{width: 100%;}
.flexible-content.text-photo .text {
    text-align: justify;
	font-size: 16px;
    line-height: 1.7;
    color: #333;
}

.flexible-content.text-photo .image {
    margin-top: 45px
}

.flexible-content.products-slider .fc-title {
    text-transform: uppercase;
    letter-spacing: .25em;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative;
    font-weight: 700
}

.flexible-content.products-slider .fc-title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 65px;
    height: 5px;
    background-color: #1c2084
}

.flexible-content.products-slider .product-name {
    position: relative;
    z-index: 1;
    margin: 0 0 20px;
    font-weight: 300;
    text-transform: none
}

.flexible-content.products-slider .image-wrapper {
    position: relative
}


.yy2{background: #f5f6f2;}

@media screen and (min-width: 768px) {
    .flexible-content.products-slider .image-wrapper:before {
        width:400px;
        height: 400px;
        border-radius: 200px
    }
}

@media screen and (min-width: 992px) {
    .flexible-content.products-slider .image-wrapper:before {
        width:450px;
        height: 450px;
        border-radius: 225px
    }
}

@media screen and (min-width: 1200px) {
    .flexible-content.products-slider .image-wrapper:before {
        width:530px;
        height: 530px;
        border-radius: 265px
    }
}

.flexible-content.products-slider .image-wrapper .product-image {
    position: relative
}

.flexible-content.products-slider .title {
    margin: 20px 0;
    font-size: 18px;
    font-weight: 700
}

.flexible-content.products-slider .text {
    margin-bottom: 20px
}

.flexible-content.products-slider .slick-dots {
    top: -50px;
    right: 0;
    bottom: auto;
    width: auto
}

.flexible-content.world {
    min-height: 300px;
    background: url(../images/world-background.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding-bottom: 40px;
    padding-top: 40px
}

.flexible-content.world .title {
    position: relative;
    text-transform: uppercase;
    letter-spacing: .25em;
    margin: 0 0 25px;
    padding-bottom: 30px;
    font-size: 22px;
    font-weight: 700
}

.flexible-content.world .title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 65px;
    height: 5px;
    background-color: #1c2084
}

.flexible-content.services {
    background-color: #1c2084;
    color: #fff;
    padding: 30px 0
}

.flexible-content.services .section-header:after,.flexible-content.services .section-header:before {
    content: " ";
    display: table
}

.flexible-content.services .section-header:after {
    clear: both
}

.flexible-content.services .section-header .section-title {
    position: relative;
    padding-bottom: 25px;
    font-size: 20px;
    margin: 0 0 30px;
    font-weight: 700;
    color: #6bc6ef;
    float: left
}

.flexible-content.services .section-header .section-title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 65px;
    height: 5px;
    background-color: #6bc6ef
}

@media(max-width: 640px){
	.flexible-content.text-photo{padding: 30px 0;}
	.flexible-content.text-photo .subtitle{margin-bottom: 25px;padding-bottom: 15px;}
	.flexible-content.text-photo .text{font-size: 16px;margin-bottom: 20px;}
}