@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:400,500|Noto+Sans+TC:400,500');

@-webkit-keyframes lds-ring {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes lds-ring {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes lds-ring {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes lds-ring {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes lds-ring {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.loading{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 1000;
	background-color: #1A1A1A;
	transition: opacity 0.5s ease 0.2s, visibility 0.5s ease 0.2s;
}

/*.home .loading{
	display: none;
}*/

.l_hide{
	opacity: 0;
	visibility: hidden;
}

.lds-ring{
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	transition: all 0.5s;
}

.l_hide .lds-ring{
	opacity: 0;
	visibility: hidden;
}

.home .lds-ring div{
	top: 50%;
}

.lds-ring div{
	display: block;
	box-sizing: border-box;
	position: absolute;
	top: 55%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	border: 4px solid #fff;
	border-radius: 50%;
	border-color: #aaa transparent transparent transparent;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.lds-ring div:nth-child(1){animation-delay: -0.3s;}
.lds-ring div:nth-child(2){animation-delay: -0.1s;}
.lds-ring div:nth-child(3){animation-delay: -0.2s;}

html{
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

html, body{
	padding: 0;
	margin: 0;
}

body{
	position: relative;
	font-family: 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	overflow-x: hidden;
	background-color: #1A1A1A;
}

body.cn{
	font-family: 'Noto Sans SC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
}

*,
*:before,
*:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6{
	font-weight: 500;
	line-height: 1.3;
	margin: 0;
}

.h1_box{
	display: block;
	float: left;
	width: 100%;
	text-align: center;
}

h1{
	font-size: 2vw;
	margin-bottom: 1vw;
}

.en h1{
	font-size: 1.7vw;
}

p{
	float: left;
	width: 100%;
	text-align: justify;
	margin: 0 0 20px 0;
}

a{
	color: #fff;
	text-decoration: none;
	transition: all 0.2s;
	outline: none;
	behavior: expression(this.onFocus=this.blur());
}

a:focus{
	text-decoration: none;
	outline: none;
	behavior: expression(this.onFocus=this.blur());
}

a:link, a:active, a:visited, a:hover{
	text-decoration: none;
}

button{
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	background-color: transparent;
	outline: none;
	behavior: expression(this.onFocus=this.blur());
}

button:link, button:active, button:visited, button:hover, button:focus{
	text-decoration: none;
	outline: none;
	behavior: expression(this.onFocus=this.blur());
}

ul, li{
	list-style: none;
	margin: 0;
	padding: 0;
}

br{
	font-family: 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
}

input{
	padding: 0;
	border: 0;
}

textarea{
	font-family: 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
}

header{
	position: fixed;
	top:0;
	width: 100%;
	height: 5.2vw;
	color: #fff;
	text-align: center;
	z-index: 1200;
	background-color: #fff;
	-webkit-transform: translateZ(0);
}

.home header{
	display: none;
}

/*防止IE開啟頁面跑動畫效果，再用JS拿掉*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	header.h_t *,
	header.h_t *:before,
	header.h_t *:after{
		-ms-transition: none !important;
		transition: none !important;
	}
}

.header_s{
	height: 80px;
}

.navigation{
	position: absolute;
	bottom: 0;
	width: 54vw;
	margin-left: 22vw;
}

.en header .navigation{
	width: 54.34vw;
}

.header_s .navigation{
	margin: 24px auto 0 auto;
}

.logo{
	float: left;
	width: 16.8vw;
	padding-bottom: 2.8vw;
	margin: 1.3vw 0 0 1.6vw;
	background-image: url(../img/logo.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	transition: all 0.2s;
}

.logo img{
	height: 100%;
}

.nav_box{
	float: left;
	width: 100%;
}

.nav_wrap{
	float: left;
	width: 100%;
}

.nav_news{
	position: fixed;
	top: 0;
	right: 18.3vw;
	width: 5vw;
	font-size: 1vw;
	line-height: 1.4;
	z-index: 200;
	background-color: #ec6c00;
	transition: opacity 0.2s;
}

.en header .nav_news{
	right: 17.95vw;
}

.en.es header .nav_news{
	font-size: 0.76vw;
}

.nav_news span{
	display: block;
	margin-top: 1.2vw;
}

.nav_news:hover{
	opacity: 0.9;
}

.en header .nav_news span{
	margin-top: 1.9vw;
}

.en.es header .nav_news span{
	margin-top: 2.06vw;
}

.nav_box nav{
	float: left;
	width: 100%;
}

.nav_box ul.menu{
	float: left;
	width: 100%;
}

.nav_box ul.menu > li{
	position: relative;
	float: left;
	width: 16.63%;
	z-index: 100;
}

.nav_box ul.menu > li.current{
	z-index: 50;
}

.nav_box ul.menu > li > a{
	position: relative;
	float: left;
	width: 100%;
	height: 3vw;
	color: #979797;
	font-size: 1.08vw;
	font-weight: 500;
	text-align: center;
	line-height: 1;
	letter-spacing: 1px;
	padding-top: 0.8vw;
	border-bottom: 8px solid #979797;
	transition: all 0.2s;
}

.en header .nav_box ul.menu > li, .en header .nav_box ul.menu ul.child_menu li{
	width: 16.61%;
}

.en header .nav_box ul.menu > li > a{
	height: 3.1vw;
	font-size: 0.9vw;
	letter-spacing: 0;
	line-height: 1.3;
	padding-top: 0.5vw;
}

.en header .nav_box ul.menu > li:nth-child(6) > a{
	padding-top: 0;
}

.en.es header .nav_box ul.menu > li > a{
	height: 3.1vw;
	line-height: 1.3;
	padding-top: 0.5vw;
}

.en.es header .nav_box ul.menu > li:nth-child(5) > a,.en.es header .nav_box ul.menu > li:nth-child(6) > a{
	padding-top: 0;
}

.en.ar header .nav_box ul.menu > li > a{
	font-size: 1vw;
}

.en.ar header .nav_box ul.menu > li:nth-child(6) > a{
	padding-top: 0.5vw;
}

.nav_box ul.menu > li > a.has_child:after{
	content: "";
	position: absolute;
	bottom: -1.12vw;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.8vw 0.55vw 0 0.55vw;
	margin-top: 8px;
	visibility: hidden;
	opacity: 0;
	z-index: 20;
	transform: translateX(-50%);
	pointer-events: none;
	transition: all 0.2s;
}

.nav_box ul.menu li a:active{
	background-color: transparent\9;
}

.nav_box ul.menu > li:hover > a{
	color: #000000;
	border-color: #000000;
}

.nav_box ul.menu > li:hover > a.has_child:after, .nav_box ul.menu > li.current > a.has_child:after{
	visibility: visible;
	opacity: 1;
}

li.c1:hover > a, li.c1.current > a, li.c1.current .current a{color: #BA6430 !important; border-color: #BA6430 !important;}
li.c1 li a:hover{color: #BA6430 !important;}
li.c1 > a.has_child:after{border-color: #BA6430 transparent transparent transparent;}

li.c2:hover > a, li.c2.current > a, li.c2.current .current a{color: #74477F !important; border-color: #74477F !important;}
li.c2 li a:hover{color: #74477F !important;}
li.c2 > a.has_child:after{border-color: #74477F transparent transparent transparent;}

li.c3:hover > a, li.c3.current > a, li.c3.current .current a{color: #AB4444 !important; border-color: #AB4444 !important;}
li.c3 li a:hover{color: #AB4444 !important;}
li.c3 > a.has_child:after{border-color: #AB4444 transparent transparent transparent;}

li.c4:hover > a, li.c4.current > a, li.c4.current .current a{color: #1F4785 !important; border-color: #1F4785 !important;}
li.c4 li a:hover{color: #1F4785 !important;}
li.c4 > a.has_child:after{border-color: #1F4785 transparent transparent transparent;}

/*li.c5:hover > a, li.c5.current > a, li.c5.current .current a{color: #AD801C !important; border-color: #AD801C !important;}
li.c5 li a:hover{color: #AD801C !important;}
li.c5 > a.has_child:after{border-color: #AD801C transparent transparent transparent;}*/

li.c5:hover > a, li.c5.current > a, li.c5.current .current a{color: #09878A !important; border-color: #09878A !important;}
li.c5 li a:hover{color: #09878A !important;}
li.c5 > a.has_child:after{border-color: #09878A transparent transparent transparent;}

li.c6:hover > a, li.c6.current > a, li.c6.current .current a{color: #AB4D6D !important; border-color: #AB4D6D !important;}
li.c6 li a:hover{color: #AB4D6D !important;}
li.c6 > a.has_child:after{border-color: #AB4D6D transparent transparent transparent;}


.nav_box ul.menu .n_a{
	display: none;
}

.nav_box ul.menu .child_menu_box{
	position: fixed;
	visibility: hidden;
	opacity: 0;
	top: 5.2vw;
	left: 0;
	width: 100%;
	height: 3.4vw;
	text-align: center;
	overflow: hidden;
	z-index: 10;
	border-top: 8px solid #CACACA;
	background-color: #E1E1E1;
}

/*IE10 & IE11 CSS Hack*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.nav_box ul.menu .child_menu_box{
		transition: opacity 0.25s;
	}
}

/*IE10 & IE11 CSS Hack end*/


/*高度動畫*/
/*@media screen and (min-width: 1051px){

	.nav_box ul.menu .child_menu_box{
		height: 0;
	}

	.nav_box ul.menu li:hover .child_menu_box, .nav_box ul.menu li.current .child_menu_box{
		height: 3.4vw;
	}

}*/

.nav_box ul.menu ul.child_menu{
	float: left;
	width: 60vw;
	margin-left: 22vw;
}

.nav_box ul.menu li.c2 ul.child_menu{
	width: 79.82vw;
	margin-left: 12vw;
}

.en .nav_box ul.menu li.c2 ul.child_menu{
	width: 79.7vw;
	margin-left: 12.05vw;
}

.nav_box ul.menu li:hover .child_menu_box, .nav_box ul.menu li.current .child_menu_box{
	visibility: visible;
	opacity: 1;
	transition: all 0.25s;
}

.nav_box ul.menu ul.child_menu li{
	float: left;
	width: 16.63%;
}

.nav_box ul.menu li.c2 ul.child_menu li{
	width: 12.5%;
}

.nav_box ul.menu ul.child_menu li a{
	float: left;
	width: 100%;
	height: 2.5vw;
	color: #979797;
	font-size: 1.02vw;
	font-weight: 500;
	line-height: 1;
	padding-top: 0.96vw;
	transition: all 0.2s;
}

.nav_box ul.menu ul.child_menu li a:hover{
	color: #74477F;
}

.nav_box ul.menu ul.child_menu li a{
	font-size: 0.9vw;
}

.nav_box ul.menu ul.child_menu ul{
	visibility: hidden;
	opacity: 0;
	top: 0;
	left: 100%;
	width: 140px;
}

.nav_box ul.menu ul.child_menu li:hover ul{
	visibility: visible;
	opacity: 1;
}

.current_item{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 14.2857143%;
	height: 8px;
	opacity: 0;
	z-index: 200;
	background-color: #74477F;
	pointer-events: none;
	transition: all 0.2s;
}

.current_item:after{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.8vw 0.55vw 0 0.55vw;
	border-color: #74477f transparent transparent transparent;
	margin-top: 8px;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all 0.2s;
}

.current_item.has_child:after{
	visibility: visible;
	opacity: 1;
}

.nav_link_box{
	position: fixed;
	top: 0.3vw;
	right: 1.5vw;
	z-index: 100;
}

.link_icon{
	display: inline-block;
	vertical-align: middle;
	width: 2vw;
	height: 2vw;
	margin: 0.45vw;
	/*-webkit-mask-size: cover;
	mask-size: cover;
	background-color: #ffffff;
	transition: background-color 0.2s;*/
}

.link_icon span{
	display: inline-block;
	width: 100%;
	height: 100%;
}

.i_wechat{
	position: relative;
	cursor: pointer;
}

.l_i_g svg path{
	fill: #979797;
}

.link_icon svg path{
	transition: fill 0.2s;
}

.link_icon:hover svg path{
	fill: #EC6C00;
}


/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.link_icon{
		transition: opacity 0.2s;
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-color: transparent;
		transition: opacity 0.2s;
	}
	.l_i_g{
		background-color: transparent;
	}
	.link_icon:hover{
		opacity: 0.8;
		background-color: transparent;
	}
	.i_line{background-image: url(../img/i_line.svg);}
	.i_wechat{background-image: url(../img/i_wechat.svg);}
	.i_mail{background-image: url(../img/i_mail.svg);}
	.i_skype{background-image: url(../img/i_skype.svg);}

	.l_i_g.i_line{background-image: url(../img/i_line_g.svg);}
	.l_i_g.i_wechat{background-image: url(../img/i_wechat_g.svg);}
	.l_i_g.i_mail{background-image: url(../img/i_mail_g.svg);}
	.l_i_g.i_skype{background-image: url(../img/i_skype_g.svg);}
}*/

/*.i_line{
	-webkit-mask: url(../img/i_line.svg) no-repeat 50% 50%;
	mask: url(../img/i_line.svg) no-repeat 50% 50%;
}

.i_wechat{
	-webkit-mask: url(../img/i_wechat.svg) no-repeat 50% 50%;
	mask: url(../img/i_wechat.svg) no-repeat 50% 50%;
}

.i_mail{
	-webkit-mask: url(../img/i_mail.svg) no-repeat 50% 50%;
	mask: url(../img/i_mail.svg) no-repeat 50% 50%;
}

.i_skype{
	-webkit-mask: url(../img/i_skype.svg) no-repeat 50% 50%;
	mask: url(../img/i_skype.svg) no-repeat 50% 50%;
}*/

.nav_link_box1 .i_fb, .nav_link_box1 .i_mail, .nav_link_box1 .i_youtube{
	display: block;
	float: left;
	width: 32px;
	height: 52px;
	margin: 0;
	background-size: auto 38%;
	background-position: center;
}

.nav_link_box1 .i_fb{
	width: 28px;
}

.nav_lan_box{
	position: fixed;
	top: 3.55vw;
	right: 1.3vw;
}

.lan{
	display: inline-block;
	vertical-align: top;
	color: #979797;
	font-size: 0.9vw;
	line-height: 1;
	margin-right: 0.96vw;
	transition: color 0.2s;
}

.lan:hover{
	color: #EC6C00;
}

.lan:before{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 0;
	height: 0;
	margin: 0.14vw 0.31vw 0 0;
	border-style: solid;
	border-width: 0.3vw 0 0.3vw 0.5vw;
	border-color: transparent transparent transparent #979797;
	transition: border-color 0.2s;
}

.lan:hover:before{
	border-color: transparent transparent transparent #EC6C00;
}

/*.arrow-bottom{
	position: absolute;
	top: 28px;
	right: 11px;
	display: inline-block;
	border-top: 6px solid #333;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}*/

.arrow-bottom{
	position: absolute;
	top: 28px;
	right: 13px;
	display: inline-block;
}

.arrow-bottom:after{
	content: " ";
	display: inline-block;
	width: 13px;
	height: 9px;
	background-image: url(../img/arrow-bottom.svg);
	transition: all 0.15s ease;
}

.current .arrow-bottom:after{
	background-image: url(../img/arrow-bottom-h.svg);
}

.nav_box ul.menu li:hover .arrow-bottom:after{
	background-image: url(../img/arrow-bottom-h.svg);	
}

/*.arrow-right{
	position: absolute;
	top: 13px;
	right: 12px;
	display: inline-block;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #bbb;
}*/

.search{
	position: absolute;
	top: 28px;
	right: 50px;
	width: 27px;
	height: 36px;
	z-index: 300;
	transition: top 0.35s;
}

.header_s .search{
	top: 6px;
}

.search:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 27px;
	height: 36px;
	opacity: 1;
	background-image: url(../img/search.svg);
	background-size: 100% auto;
	transition: opacity 0.2s;
}

.search:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 27px;
	height: 36px;
	opacity: 0;
	background-image: url(../img/x.svg);
	background-size: 100% auto;
	transition: opacity 0.2s;
}

.search_a:before{
	opacity: 0;
}

.search_a:after{
	opacity: 1;
}

.search_box{
	position: absolute;
	top: 0;
	left: 50px;
	width: calc( 100% - 100px );
	height: 100%;
	z-index: -2;
	opacity: 0;
	transition: opacity 0.18s ease;
}

.search_box input.form_control{
	width: 100%;
	height: 100%;
}

.search_box_a{
	z-index: 60;
	opacity: 1;
}

.m_menu_b{
	display: none;
}

.m_sub_menu{
	display: none;
}

#top{
	height: 80px;
}

#i_top #top{
	height: 0;
}

.all{
	position: relative;
	color: #fff;
	font-size: 1.1vw;
	font-weight: 500;
	padding-top: 5.2vw;
}

.all_home{
	padding: 0 !important;
}

.all_p2{
	padding-top: 8.6vw;
}

.kanban{
	position: relative;
	float: left;
	width: 100%;
	background-color: #000;
}

.kanban a{
	float: left;
	width: 100%;
}

.kanban_video_box{
	float: left;
	width: 100%;
	font-size: 0;
	text-align: center;
}

.kanban_video{
	position: relative;
	display: inline-block;
	/*width: 55.6%;*/
	width: 100%;
}

.kanban_video:before{
	/*content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 30;*/
}

.kanban_video a{
	display: none;
}

.kanban .video_container{
	padding-bottom: 31.3%;
	margin: 0;
}

.kanban .video_container iframe{
	/*top: -11%;
	height: 120%;*/
}

.kanban .kb_img{
	padding-bottom: 31.3%;
}

.kanban_video_box .p_img{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	transition: 0.3s;
}

.kanban_video_box .p_img.hide_img{
	opacity: 0;
	visibility: hidden;
}

.kb_img_m{
	display: none;
}

.swiper-container{
	width: 100%;
}

.swiper-container img{
	width: 100%;
}

.swiper-container *:focus{
	text-decoration: none;
	outline: none; /* for Firefox Google Chrome  */
	behavior: expression(this.onFocus=this.blur()); /* for IE */
}

.swiper-button-prev, .swiper-button-next{
	text-decoration: none;
	outline: none;
	behavior: expression(this.onFocus=this.blur());
}

.swiper-button-prev, .swiper-button-next{
	top: auto;
	bottom: 0;
	width: auto;
	height: auto;
	padding: 1.3vw;
	z-index: 20;
}

.swiper-button-prev{
	left: 0;
}

.swiper-button-next{
	right: 0;
}

.swiper-button-prev:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.8vw 1.2vw 0.8vw 0;
	border-color: transparent #fff transparent transparent;
}

.swiper-button-next:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.8vw 0 0.8vw 1.2vw;
	border-color: transparent transparent transparent #fff;
}

.a_carousel .swiper-button-prev, .a_carousel .swiper-button-next{
	padding: 0.9vw;
}

.swiper-button-prev:after, .swiper-button-next:after{
	display: none;
}

.swiper-pagination{
	bottom: 1.6vw !important;
}

.swiper-pagination-bullet{
	width: 0.66vw;
	height: 0.66vw;
	display: inline-block;
	background: #fff;
	opacity: 1;
	text-decoration: none;
	outline: none;
	margin: 0 0.5vw !important;
	behavior: expression(this.onFocus=this.blur());
}

.swiper-pagination-bullet-active{
    opacity: 1;
    background: #ec6c00;
}

.kv{
	float: left;
	width: 100vw;
	height: 0;
	text-align: center;
	padding-bottom: 17.5vw;
	background-image: url(../img/kv.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.kv img{
	width: 23.5%;
	margin: 3.9vw 0 2.2vw 0;
}

.home_lan_box .lan{
	color: #ffffff;
	font-size: 1.2vw;
	padding: 0.4vw 0.6vw;
}

.home_lan_box .lan:hover{
	color: #EC6C00;
}

.home_lan_box .lan:before{
	margin: 0.2vw 0.6vw 0 0;
	border-width: 0.5vw 0 0.5vw 0.8vw;
	border-color: transparent transparent transparent #ffffff;
}

.home_lan_box .lan:hover:before{
	border-color: transparent transparent transparent #EC6C00;
}

.home_menu .pbox:nth-child(1){border-color: #BA6430;}
.home_menu .pbox:nth-child(1) .p_tit_box{background-color: rgba(186,100,48,0.5);}
.home_menu .pbox:nth-child(2){border-color: #74477F;}
.home_menu .pbox:nth-child(2) .p_tit_box{background-color: rgba(116,71,127,0.5);}
.home_menu .pbox:nth-child(3){border-color: #ab4345;}
.home_menu .pbox:nth-child(3) .p_tit_box{background-color: rgba(171,67,69,0.5);}
.home_menu .pbox:nth-child(4){border-color: #1f4785;}
.home_menu .pbox:nth-child(4) .p_tit_box{background-color: rgba(31,71,133,0.5);}
/*.home_menu .pbox:nth-child(5){border-color: #ad801c;}
.home_menu .pbox:nth-child(5) .p_tit_box{background-color: rgba(173,128,28,0.5);}*/
.home_menu .pbox:nth-child(5){border-color: #09878a;}
.home_menu .pbox:nth-child(5) .p_tit_box{background-color: rgba(9,135,138,0.5);}
.home_menu .pbox:nth-child(6){border-color: #ab4d6d;}
.home_menu .pbox:nth-child(6) .p_tit_box{background-color: rgba(171,77,109,0.5);}
.home_menu .pbox:nth-child(7){border-color: #7A7A7A;}
.home_menu .pbox:nth-child(7) .p_tit_box{background-color: rgba(122,122,122,0.5);}

.home_menu .pbox .p_tit{
	bottom: 50%;
	left: 0;
	width: 100%;
	font-size: 1.6vw;
	text-align: center;
	padding: 0 1vw;
	transform: translateY(50%);
}

.home_menu .pbox .p_tit:before{
	display: none;
}

.en .home_menu .pbox .p_tit{
	font-size: 1.5vw;
}

.en.es .home_menu .pbox .p_tit{
	font-size: 1.2vw;
}

.en.ar .home_menu .pbox .p_tit{
	font-size: 1.7vw;
}

.home_menu .pbox .p_img{
	padding-bottom: 100%;
}

.h_link_box{
	float: left;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-color: #1A1A1A;
}

.h_link_t{
	float: left;
	width: 100%;
	font-size: 2.5vw;
	text-align: center;
	margin: 4.7vw 0 2vw 0;
}

.h_link{
	float: left;
	width: 100%;
	text-align: center;
}

.h_link_row{
	float: left;
	width: 100%;
}

.pbox a.link_icon{
	float: none;
	display: inline-block;
	width: 4vw;
	height: 4vw;
	margin: 1vw;
}

.content{
	float: left;
	width: 100%;
}

.products_box{
	float: left;
	width: 100%;
}

.products{
	float: left;
	width: 100%;
}

figure{
	float: left;
	width: 25%;
}

figcaption{
	display: none;
}

.name{
	display: block;
}

.specification{
	display: block;
}

.fancybox-thumbs{
	left: 0;
	right: auto;
	width: 350px;
	padding: 50px;
	z-index: 99997;
	background-color: #1A1A1A;
}

.fancybox-thumbs__list a{
	max-width: 100px;
	max-height: 100px;
	height: 100px;
	margin: 6px;
}

.fancybox-thumbs__list a:before{
	border: 2px solid #fff;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{
	width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{
	background: rgba(255,255,255,0.08);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{
	background: rgba(255,255,255,0.12);
}

.fancybox-show-thumbs .fancybox-inner{
	left: 350px;
	right: auto;
	width: calc( 100% - 350px );
}

.fancybox-slide{
	transition-property: opacity;
}

.fancybox-navigation .fancybox-button--arrow_left{
	left: 20px;
	padding: 31px 16px;
	background: transparent;
	text-decoration: none;
	outline: none;
	behavior: expression(this.onFocus=this.blur());
}

.fancybox-navigation .fancybox-button--arrow_right{
	right: 20px;
	padding: 31px 16px;
	background: transparent;
	text-decoration: none;
	outline: none;
	behavior: expression(this.onFocus=this.blur());
}

.fancybox-navigation .fancybox-button--arrow_left svg, .fancybox-navigation .fancybox-button--arrow_right svg{
	display: none;
}

.fancybox-navigation .fancybox-button--arrow_left div{
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	padding: 0;
	border-style: solid;
	border-width: 13px 20px 13px 0;
	border-color: transparent #fff transparent transparent;
}

.fancybox-navigation .fancybox-button--arrow_right div{
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	padding: 0;
	border-style: solid;
	border-width: 13px 0 13px 20px;
	border-color: transparent transparent transparent #fff;
}

.fancybox-button{
	width: 58px;
	height: 58px;
	padding: 12px;
}

.fancybox-slide--image{
	padding: 58px 0;
}

.fancybox-infobar{
	top: auto;
	left: auto;
	bottom: 0;
	right: 0;
	height: 60px;
	font-size: 16px;
	line-height: 60px;
	padding: 0 20px;
}

.fancybox-is-open .fancybox-bg{
	opacity: 1;
	background-color: #1A1A1A;
}

.fancybox-caption{
	font-size: 16px;
}

.fancybox-caption span{
	padding-bottom: 6px;
}

.fancybox-caption:before{
	background-image: none;
}

.pbox{
	position: relative;
	float: left;
	width: 25%;
	height: 0;
	padding-bottom: 25%;
	overflow: hidden;
	border-top: 0.8vw solid #EC6C00;
}

.home_menu .pbox{
	width: 16.6666666667%;
	padding-bottom: 16.6666666667%;
}

.pbox a{
	float: left;
	width: 100%;
	display: block;
}

.p_c1 .pbox:nth-child(4n+1){border-color: #ba6430;}
.p_c1 .pbox:nth-child(4n+2){border-color: #ba6430;}
.p_c1 .pbox:nth-child(4n+3){border-color: #ba6430;}
.p_c1 .pbox:nth-child(4n+4){border-color: #ba6430;}
.p_c1 .p_tit_box, .p_c1 .p_more{background-color: rgba(186,100,48,0.5);}

.p_c2 .pbox:nth-child(4n+1){border-color: #5C2768;}
.p_c2 .pbox:nth-child(4n+2){border-color: #74477F;}
.p_c2 .pbox:nth-child(4n+3){border-color: #94709C;}
.p_c2 .pbox:nth-child(4n+4){border-color: #B79EBC;}
.p_c2 .p_tit_box, .p_c2 .p_more{background-color: rgba(116,71,127,0.5);}

.p_c3 .pbox:nth-child(4n+1){border-color: #9d2426;}
.p_c3 .pbox:nth-child(4n+2){border-color: #ab4345;}
.p_c3 .pbox:nth-child(4n+3){border-color: #b75f61;}
.p_c3 .pbox:nth-child(4n+4){border-color: #c47b7d;}
.p_c3 .p_tit_box, .p_c3 .p_more{background-color: rgba(171,67,69,0.5);}

.p_c4 .pbox:nth-child(4n+1){border-color: #002e74;}
.p_c4 .pbox:nth-child(4n+2){border-color: #1f4785;}
.p_c4 .pbox:nth-child(4n+3){border-color: #395d93;}
.p_c4 .pbox:nth-child(4n+4){border-color: #4f6f9f;}
.p_c4 .p_tit_box, .p_c4 .p_more{background-color: rgba(31,71,133,0.5);}

/*.p_c5 .pbox:nth-child(4n+1){border-color: #966400;}
.p_c5 .pbox:nth-child(4n+2){border-color: #ad801c;}
.p_c5 .pbox:nth-child(4n+3){border-color: #b9933e;}
.p_c5 .pbox:nth-child(4n+4){border-color: #c9ab68;}
.p_c5 .p_tit_box, .p_c5 .p_more{background-color: rgba(173,128,28,0.5);}*/

.p_c5 .pbox:nth-child(4n+1){border-color: #006668;}
.p_c5 .pbox:nth-child(4n+2){border-color: #09878a;}
.p_c5 .pbox:nth-child(4n+3){border-color: #369d9f;}
.p_c5 .pbox:nth-child(4n+4){border-color: #65b3b5;}
.p_c5 .p_tit_box, .p_c5 .p_more{background-color: rgba(9,135,138,0.5);}

.p_c6 .pbox:nth-child(4n+1){border-color: #9c2d53;}
.p_c6 .pbox:nth-child(4n+2){border-color: #ab4d6d;}
.p_c6 .pbox:nth-child(4n+3){border-color: #b5637f;}
.p_c6 .pbox:nth-child(4n+4){border-color: #c27e95;}
.p_c6 .p_tit_box, .p_c6 .p_more{background-color: rgba(171,77,109,0.5);}

.intro_box{
	float: left;
	width: 100%;
	text-align: center;
	background-color: #1A1A1A;
}

.pbox_intro{
	float: left;
	width: 100%;
	text-align: center;
	padding: 4.2vw 16vw 4vw 16vw;
}

.intro_box .video_container a{
	display: none;
}

.intro{
	/*display: -webkit-box;
	max-height: 300px;*/
	line-height: 1.8;
	text-align: center;
	margin-bottom: 1vw;
	/*overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;*/
}

.en .intro{
	font-size: 1vw;
	line-height: 1.6;
}

.p_tit_box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	z-index: 200;
	background-color: rgba(236,108,0,0.5);
	transition: all 0.2s;
}

.p_tit{
	position: absolute;
	bottom: 1.2vw;
	left: 1.5vw;
	width: 92%;
	font-size: 1.6vw;
	line-height: 1.6;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.p_tit:before{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 0;
	height: 0;
	margin-top: 0.77vw;
	margin-right: 0.6vw;
	border-style: solid;
	border-width: 0.6vw 0 0.6vw 1vw;
	border-color: transparent transparent transparent #fff;
}

.en .p_tit{
	font-size: 1.5vw;
	line-height: 1.7;
}

.en .p_tit:before{
	margin-top: 0.7vw;
}

.pbox:hover .p_tit_box{
	visibility: visible;
	opacity: 1;
}

.p_img{
	float: left;
	width: 100%;
	padding-bottom: 100%;
	transition: transform 0.2s;
}

.p_img img{
	width: 160%;
	margin-left: -28%;
}

.pbox:hover .p_img{
	transform: scale(1.05);
}

.pbox_more .p_tit_box{
	display: none;
}

.p_more{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 200;
	background-color: rgba(236,108,0,0.5);
	background-image: url(../img/p_more.svg);
	background-size: 29% auto;
	background-repeat: no-repeat;
	background-position: center center;
}

.p_more_e{
	background-image: url(../img/p_more_e.svg);
}

.list{
	float: left;
	width: 100%;
	padding: 4vw 6vw;
	line-height: 1.3;
}

.libox{
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 1.1vw;
}

.litit{
	float: left;
	width: 100%;
	font-size: 1.7vw;
	cursor: pointer;
	text-indent: -1.7vw;
	padding: 0 3% 1.1vw 1.7vw;
	transition: opacity 0.2s;
}

.litit:hover{
	opacity: 0.8;
}

.litit:before{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 0;
	height: 0;
	margin: 0.7vw 0.9vw 0 0;
	border-style: solid;
	border-width: 0.5vw 0 0.5vw 0.8vw;
	border-color: transparent transparent transparent #ffffff;
}

.licon{
	float: left;
	width: 100%;
	height: 0;
	font-size: 1.2vw;
	padding: 0 1.5vw;
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s;
}

.licon.show{
	visibility: visible;
	opacity: 1;
}

.licon ul{
	float: left;
	width: 100%;
}

.licon ul li{
	float: left;
	width: 100%;
	height: 2.2vw;
}

.licon ul li a{
	float: left;
	width: 100%;
	font-weight: normal;
	padding: 0.3vw;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: default;
}

.licon ul li a:before{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 0.5vw;
	height: 0.5vw;
	margin: 0.6vw 0.5vw 0 0;
	background-image: url(../img/licon_b.svg);
	background-size: 100% auto;
}

.limore{
	position: absolute;
	top: 0.2vw;
	right: 0;
	width: 1.8vw;
	height: 1.8vw;
	pointer-events: none;
}

.limore:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 20%;
	transform: translateY(-50%);
	background-color: #fff;
}

.limore:after{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 20%;
	height: 100%;
	transform: translateX(-50%);
	background-color: #fff;
}

.limore.show:after{
	visibility: hidden;
	opacity: 0;
}

.about{
	float: left;
	width: 100%;
}

.about_intro_box{
	position: relative;
	float: left;
	width: 33.333333%;
	height: 0;
	text-align: center;
	padding-bottom: 33.333333%;
}

.about_intro{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 77%;
	transform: translate(-50%, -50%);
}

.a_intro{
	line-height: 1.8;
	text-align: justify;
	/*max-height: 300px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;*/
}

.en .a_intro{
	font-size: 1vw;
	text-align: left;
	line-height: 1.6;
}

.a01{
	float: left;
	width: 66.666666%;
	padding-bottom: 33.333333%;
	background: url(../img/a01.jpg?0717) no-repeat center;
	background-size: cover;
}

.a02{
	float: left;
	width: 33.333333%;
	padding-bottom: 66.666666%;
	background: url(../img/a02.jpg) no-repeat center;
	background-size: cover;
}

.a03{
	float: left;
	width: 33.333333%;
	border: 0.5vw solid #1a1a1a;
	border-right: 0.25vw solid #1a1a1a;
}

.a03_inner{
	float: left;
	width: 100%;
	padding-bottom: 100%;
	background: url(../img/a03.jpg?1231) no-repeat center;
	background-size: cover;
}

.a04{
	float: left;
	width: 33.333333%;
	border: 0.5vw solid #1a1a1a;
	border-left: 0.25vw solid #1a1a1a;
}

.a_carousel{
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
}

.a_carousel .swiper-pagination{
	bottom: 1.1vw !important;
}

.a04_img{
	float: left;
	width: 100%;
	padding-bottom: 100%;
}

.a05{
	float: left;
	width: 66.666666%;
	border: 0.5vw solid #1a1a1a;
	border-top: none;
}

.a05_img{
	float: left;
	width: 100%;
	padding-bottom: 49.6%;
}

.client_box{
	position: relative;
	float: left;
	width: 100%;
}

.client{
	float: left;
	width: 100%;
	padding-bottom: 33.333333%;
	background: #d1d1d1 url(../img/a06.png) no-repeat left bottom;
	background-size: 40.5% auto;
}

.client_text{
	position: absolute;
	top: 12%;
	left: 0;
	width: 33.333333%;
	color: #1a1a1a;
	padding: 0 4%;
	text-align: center;
}

.client_t{
	line-height: 1.8;
	text-align: left;
	/*max-height: 300px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;*/
}

.en .client_t{
	font-size: 1vw;
	text-align: left;
	line-height: 1.6;
}

.a07{
	position: absolute;
	top: 0;
	right: 0;
	width: 66.666666%;
	padding-bottom: 33.333333%;
	background: url(../img/a07.png?0927) no-repeat center;
	background-size: cover;
}

.a08{
	float: left;
	width: 33.333333%;
	padding-bottom: 33.333333%;
	background: url(../img/a08.jpg) no-repeat center;
	background-size: cover;
}

.a09{
	float: left;
	width: 33.333333%;
	padding-bottom: 33.333333%;
	background: url(../img/a09.jpg) no-repeat center;
	background-size: cover;
}

.a10{
	float: left;
	width: 33.333333%;
	padding-bottom: 33.333333%;
	background: url(../img/a10.jpg) no-repeat center;
	background-size: cover;
}

.b_c{
	display: inline-block;
	vertical-align: top;
	width: auto;
	height: auto;
	color: #000;
	font-size: 15px;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 10px 26px;
	border: 4px solid #F9F4B4;
	border-radius: 10px;
	transition: all 0.2s ease;
}

.b_c:hover{
	background-color: #F9F4B4;
}

.b1{
	float: right;
}

.b1_b{
	font-size: 17px;
	padding: 20px 50px;
	border: 6px solid #F9F4B4;
}

.b1_eaer{
	margin-top: 56px;
}

.b2{
	width: 240px;
	font-size: 17px;
	padding: 12px 26px;
	border: none;
	border-radius: 0;
	background-color: #F9F4B4;
}

.b2:hover{
	background-color: rgba(249,244,180,0.7);
}

.home_con{
	float: left;
	width: 100%;
	margin: 40px auto;
}

.h_e_box{
	float: left;
	width: 100%;
	padding-bottom: 10px;
}

.l_box{
	float: left;
	width: 225px;
	padding: 50px 20px 0 10px;
}

.l_nav{
	float: left;
	width: 100%;
}

.l_nav ul{
	float: left;
	width: 100%;
}

.l_nav ul li{
	float: left;
	width: 100%;
	padding-bottom: 10px;
}

.l_nav ul li a{
	position: relative;
	float: left;
	font-size: 17px;
	padding-left: 20px;
	margin-bottom: 10px;
}

.l_nav ul li a:before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 8px;
	height: 100%;
	z-index: -1;
	background-color: #F9F4B4;
	transition: width 0.2s ease;
}

.l_nav ul li a:hover:before{
	width: calc( 100% + 20px );
}

.l_nav ul li a.l_active:before{
	width: calc( 100% + 20px );
}

@media all and (-ms-high-contrast:none){
	.l_nav ul li a:hover:before{width: 120%;} /* IE10 */
	*::-ms-backdrop, .l_nav ul li a:hover:before{width: 120%;} /* IE11 */
}

.r_box{
	float: left;
	width: 940px;
}

.pagination_box{
	float: right;
	padding: 0 20px;
	margin-right: 45px;
}

.pagination{
	float: left;
}

.pagination li{
	float: left;
	margin-left: 3px;
}

.pagination li.active{
	background-color: #F9F4B4;
}

.pagination li a, .pagination li span{
	float: left;
	padding: 2px 10px;
	border: 2px solid transparent;
}

.pagination li a:hover{
	border: 2px solid #F9F4B4;
}

.n_s_box{
	float: left;
	width: 800px;
	max-width: 100%;
	padding-left: 30px;
}

.n_s_tit{
	font-size: 26px;
	line-height: 1.3;
}

.n_s_img_box{
	float: left;
	width: 100%;
	margin: 10px 0 20px 0;
}

.n_s_img_info{
	float: left;
	font-size: 13px;
	line-height: 19px;
}

.n_s_box img{
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

.a_l_box{
	float: left;
	width: 50%;
	text-align: justify;
	padding-right: 80px;
}

.a_r_box{
	float: left;
	width: 50%;
	text-align: justify;
	padding-left: 80px;
	border-left: 2px solid #FFE800;
}

.timeline{
	float: left;
	width: 100%;
}

.year{
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 100%;
	font-size: 24px;
}

.tl_row{
	float: left;
	width: 100%;
	padding: 20px 18px;
}

.tl_box{
	position: relative;
	float: left;
	width: 100%;
	padding: 0 20px;
	margin: 20px 0 0 55px;
	border-left: 2px solid #555;
}

.tl_box:before{
	content: "";
	position: absolute;
	top: 0;
	left: -12px;
	width: 10px;
	height: 2px;
	background-color: #333;
}

.tl_box a{
	float: left;
	width: 100%;
	padding-bottom: 15px;
	transition: all 0.2s ease;
}

.tl_box a:hover{
	opacity: 0.7;
}

.tl_box br{
	display: none;
}

.member{
	float: left;
	width: 100%;
	padding-bottom: 60px;
	border-bottom: 1px solid #C9CACA;
	margin-bottom: 60px;
}

.m_text{
	float: left;
	width: 100%;
	font-size: 18px;
	padding-bottom: 20px;
}

.m_tit{
	float: left;
	width: 100%;
	line-height: 20px;
	margin-bottom: 20px;
}

.m_tit span{
	display: block;
	font-size: 13px;
	letter-spacing: 0;
}

.m_form{
	float: left;
	width: 100%;
	padding-bottom: 20px;
}

.m_row{
	position: relative;
	float: left;
	width: 100%;
}

.m_row_tit{
	float: left;
	width: 100%;
	font-size: 14px;
}

.strolling_map{
	float: left;
	width: 100%;
}

.s_map{
	position: relative;
	float: left;
	width: 100%;
	height: 217px;
	margin-bottom: 40px;
	border: 2px solid #F9F4B4;
	background-image: url(../img/s_map.jpg);
}

.location{
	position: absolute;
	width: 30px;
	height: 30px;
	transition: transform 0.2s ease;
}

.location:hover{
	transform: translateY(-8px);
}

.location:before{
	content: "";
	position: absolute;
	top: 4px;
	left: 8px;
	width: 14px;
	height: 14px;
	z-index: 60;
	border: 3px solid #000;
	border-radius: 100%;
	background-color: #FBF6B8;
}

.location.pink:before{
	background-color: #F9C7D4;
}

.location:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	visibility: hidden;
	opacity: 0;
	z-index: 30;
	background-image: url(../img/location_bg.svg);
	background-size: 100% auto;
	transition: all 0.1s ease;
}

.location:hover:after{
	visibility: visible;
	opacity: 1;
}

.loc_active{
	transform: translateY(-8px);
}

.loc_active:after{
	visibility: visible;
	opacity: 1;
}

.location_con{
	position: absolute;
	top: 0;
	left: 0;
	width: 154px;
	padding: 10px 16px;
	visibility: hidden;
	opacity: 0;
	z-index: 100;
	background-color: #FBF6B8;
	margin: -8px 0 0 -62px;
	transform: translateY(-100%);
	transition: all 0.2s ease;
}

.location.pink + .location_con{
	background-color: #F9C7D4;
}

.location:hover + .location_con{
	visibility: visible;
	opacity: 1;
	margin: -16px 0 0 -62px;
}

.location_con:after{
	content: "";
	position: absolute;
	bottom: -8px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -6px;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	border-color: #FBF6B8 transparent transparent transparent;
}

.location.pink + .location_con:after{
	border-color: #F9C7D4 transparent transparent transparent;
}

.location_con span{
	display: inline-block;
	width: 100%;
}

.loc_con_active{
	visibility: visible;
	opacity: 1;
	margin: -16px 0 0 -62px;
}

.contact{
	float: left;
	width: 100%;
}

.contact_l{
	float: left;
	width: 45%;
	padding: 70px 100px 0 0;
}

.con_l_text{
	float: left;
	width: 100%;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 2px solid #FFF000;
}

.con_link_box{
	float: left;
	width: 100%;
}

.contact_r{
	float: left;
	width: 55%;
}

.contact_r img{
	float: left;
	width: 100%;
}

.row_box{
	float: left;
	width: 100%;
	padding-bottom: 18px;
	margin-bottom: 40px;
	border-bottom: 2px solid #FFF000;
}

.row_box:last-child{
	border: none;
}

.n_row{
	float: left;
	width: 100%;
	padding: 16px;
	margin-bottom: 20px;
	transition: all 0.2s ease;
}

.n_row:hover{
	background-color: #F9F4B4;
}

.p_r{
	padding: 30px 30px 20px 30px;
	border: 2px solid #FFE800;
}

.p_r:hover{
	background-color: transparent;
}

.d_p{
	float: right;
	color: #1E82C6;
	font-size: 16px;
	padding-top: 6px;
}

.d_p:hover{
	opacity: 0.7;
}

.d_p2{
	float: left;
	font-size: 15px;
	margin-right: 10px;
}

.row_b{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.n_img{
	float: left;
	width: 19%;
	padding-bottom: 12.5%;
}

.n_r{
	float: left;
	width: 81%;
	padding-left: 30px;
}

.n_tit{
	float: left;
	display: inline-block;
	width: 100%;
	color: #000;
	font-size: 17px;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
	padding-bottom: 8px;
}

.n_con{
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 26px;
}

.artists_box{

}

.artists_box h2 .h1_c{
	position: relative;
	top: 1px;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
}

.artists_box h2 .h1_e{
	position: relative;
	top: 1px;
	font-size: 13px;
}

.a_box{
	float: left;
	width: 100%;
}

.a_box h2{
	font-size: 20px;
	font-weight: 500;
}

.artist{
	float: left;
	width: 22%;
	overflow: hidden;
	margin: 0 3% 10px 0;
}

.a_img_box{
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
}

.a_img{
	float: left;
	width: 100%;
	padding-bottom: 100%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: transform 0.2s ease;
}

/*.artist:hover .a_img{
	transform: scale(1.08);
}*/

.a_img img{
	float: left;
	width: 100%;
}

.a_name{
	float: left;
	width: 100%;
	padding: 5px 0;
	letter-spacing: 0;
}

.a_n_c{
	padding-right: 6px;
}

.artists_box .row_b{
	padding-right: 3%;
}

.a_s_box{
	float: left;
	width: 850px;
	margin-bottom: 50px;
}

.artist_info_box{
	float: right;
	width: 58%;
	padding-right: 50px;
}

.artist_info{
	float: left;
	width: 100%;
	text-align: justify;
	margin-bottom: 5px;
}

.artist_info_f{
	height: 280px;
	overflow: hidden;
}

.artist_pic{
	float: right;
	width: 42%;
	padding-bottom: 42%;
}

.artist_pic img{
	float: left;
	width: 100%;
}

.more{
	float: right;
	width: auto;
	height: auto;
	color: #000;
	font-size: 15px;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 5px 15px;
	border: 3px solid #F9F4B4;
	border-radius: 10px;
	transition: all 0.2s ease;
}

.more:hover{
	background-color: #F9F4B4;
}

.img_box{
	position: relative;
}

.img_border{
	position: absolute;
	display: inline-block !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0px solid #F9F4B4;
	transition: border 0.16s;
}

.img_box:hover .img_border{
	border: 6px solid #F9F4B4;
}

table{
	width: 100%;
	margin-bottom: 45px;
}

table th{
	color: #fff;
	text-align: left;
	background-color: rgba(17,55,128,0.85);
}

table th, table td{
	padding: 3px 10px;
	border: 1px solid #000;
}

::-webkit-input-placeholder{ /* WebKit browsers */
    color: #808080;
}
:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
    color: #808080;
}
::-moz-placeholder{ /* Mozilla Firefox 19+ */
    color: #808080;
}
:-ms-input-placeholder{ /* Internet Explorer 10+ */
    color: #808080;
}

.placeholderColor{
	color : #808080;
}

select{
	position: relative;
	cursor: pointer;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.select_box{
	position: relative;
	float: left;
	width: 360px;
	height: 38px;
	overflow: hidden;
	margin-bottom: 14px;
	border: 1px solid #b2b2b2;
}

.select_box:after{
	content: " ";
	position: absolute;
	display: inline-block;
	top: 13px;
	right: 11px;
	width: 12px;
	height: 10px;
	opacity: 0.5;
	background-image: url(../img/s-arrow-bottom.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	pointer-events: none;
}

.form_control{
	display: block;
	float: left;
	width: 240px;
	height: 40px;
	color: #333;
	font-size: 16px;
	line-height: 40px;
	padding: 2px 8px;
	margin-bottom: 15px;
	border: 1px solid #9FA0A0;
	border-radius: 0 !important;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	-webkit-transition: border-color ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s;
	transition: border-color ease-in-out .15s;
	transition: background 0.2s ease;
}

.form_control:focus{
	background-color: rgba(255,255,255,0.8);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.search_box .form_control{
	font-size: 30px;
	line-height: 1.2;
	padding: 0;
	margin-bottom: 0;
	border: none;
}

select.form_control{
	width: 120% !important;
	color: #808080;
	border: none;
}

.form_c_textarea{
	width: 100%;
	height: 224px;
	padding: 12px;
	line-height: 18px;
}

.t_a_c{
	text-align: center;
}

.f_w_n{
	font-weight: normal;
}

.clearfix{
	clear: both;
}

.h_d{
	display: none;
}

.d_n{
	display: none !important;
}

.d_b{
	display: block !important;
}

.v_h{
	visibility: hidden !important;
	opacity: 0 !important;
}

.d_v{
	visibility: visible !important;
	opacity: 1 !important;
}

.top{
	position: fixed;
	bottom: 22px;
	right: 22px;
	width: 45px;
	height: 45px;
	z-index: 80;
	opacity: 0;
	visibility: hidden;
	background-image: url(../img/top.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	transition: all 0.2s;
}

.top:hover{
	opacity: 0.8 !important;
}

.footer_link_box{
	position: absolute;
	bottom: 8.3vw;
	left: 36vw;
	z-index: 100;
}

.footer_link_box .link_icon{
	width: 2.5vw;
	height: 2.5vw;
}

.i_wechat_info{
	position: absolute;
	bottom: 4vw;
	left: 50%;
	width: 9.2vw;
	color: #333;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	z-index: 200;
	cursor: default;
	border: 1px solid #ddd;
	background-color: #fff;
	transform: translateX(-50%);
	transition: all 0.2s;
}

.i_wechat_info.show{
	opacity: 1;
	visibility: visible;
}

.i_wechat_info img{
	display: inline-block;
	width: 100%;
}

.i_wechat_info .i_w_t{
	display: inline-block;
	font-size: 0.8vw;
	line-height: 1.3;
	padding: 0.1vw 0.5vw 1vw 0.5vw;
	cursor: text;
}

.i_wechat_info:after{
	content: "";
	position: absolute;
	display: inline-block;
	bottom: -10px;
	left: 50%;
	border-style: solid;
	border-width: 10px 7px 0 7px;
	border-color: #fff transparent transparent transparent;
	transform: translateX(-50%);
	transition: all 0.2s;
}

.i_close{
	display: none;
}

.nav_link_box .i_wechat_info{
	top: 2.7vw;
	bottom: auto;
}

.nav_link_box .i_wechat_info:after{
	display: none;
}

.news{
	float: left;
	width: 100%;
	letter-spacing: 1px;
	padding: 3vw 0;
	background-color: #ec6c00;
}

.news h1{
	text-align: center;
	margin-bottom: 30px;
}

.news_inner_box{
	width: 80vw;
	margin: 0 auto;
}

.news_banner_box{
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.news_banner{
	float: left;
	width: 100%;
}

.news_banner{
	padding-bottom: 39%;
}

.news_banner_box .news_info{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1.7vw 2.3vw;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.news_date{
	font-family: Arial;
	float: left;
	width: 100%;
	color: #fff;
	font-size: 1.2vw;
	margin-bottom: 0.4vw;
}

.news_tit{
	display: -webkit-box;
	float: left;
	width: 100%;
	color: #fff;
	font-size: 1.6vw;
	line-height: 1.3;
	text-align: justify;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.news_banner_box .news_date{
	font-size: 1.5vw;
}

.news_banner_box .news_tit{
	font-size: 2.4vw;
}

.news_list{
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.news_box{
	flex: 0 0 31.333333%;
	margin: 0 3% 40px 0;
}

.news_box:nth-child(3n){
	margin: 0 0 40px 0;
}

.news_img_box{
	float: left;
	width: 100%;
	padding: 0.6vw;
	margin-bottom: 14px;
	border: 1px solid rgba(255,255,255,0.6);
}

.news_img{
	float: left;
	width: 100%;
	overflow: hidden;
}

.n_img{
	float: left;
	width: 100%;
	padding-bottom: 100%;
	transition: transform 0.2s;
}

.news_box:hover .n_img{
	transform: scale(1.05);
}

.news_info{
	float: left;
	width: 100%;
}

.news_s{
	float: left;
	width: 100%;
	color: #1A1A1A;
	font-size: 1.2vw;
	line-height: 1.7;
	letter-spacing: 1px;
	background-color: #fff;
}

.news_s h1{
	color: #1A1A1A;
	font-size: 2.72vw;
	margin-bottom: 0.3vw;
}

.news_s p{
	text-align: left;
	margin: 1vw 0;
}

.news_s a{
	color: #ec6c00;
	text-decoration: underline;
}

.news_s_banner_box{
	float: none;
	width: 100%;
	padding-bottom: 29%;
}

.news_s_inner_box{
	width: 80vw;
	max-width: 1400px;
	margin: 6vw auto;
}

.news_s_inner_box img{
	float: left;
	width: 100%;
	margin: 1vw 0;
}

.news_s_date{
	color: #979797;
	margin-bottom: 2vw;
}

.video_container{
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin: 1vw 0;
}

.video_container iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.news_s_btn_box{
	width: 80vw;
	max-width: 1400px;
	text-align: center;
	letter-spacing: 3px;
	margin: 0 auto 2vw auto;
}

.news_s_btn_box a{
	font-size: 1.46vw;
	text-decoration: none;
	transition: .2s;
}

.news_s_btn_box a:hover{
	opacity: 0.8;
}

.news_s_btn_box .prev{
	float: left;
}

.news_s_btn_box .next{
	float: right;
}

.news_s_btn_box .prev:before{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 0;
	height: 0;
	margin-top: 0.67vw;
	margin-right: 0.6vw;
	border-style: solid;
	border-width: 0.6vw 1vw 0.6vw 0;
	border-color: transparent #ec6c00 transparent transparent;
}

.news_s_btn_box .back:before{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1.2vw;
	height: 1.2vw;
	margin-top: 0.67vw;
	margin-right: 0.6vw;
	border-radius: 50%;
	background-color: #ec6c00;
}

.news_s_btn_box .next:after{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 0;
	height: 0;
	margin-top: 0.67vw;
	margin-left: 0.4vw;
	border-style: solid;
	border-width: 0.6vw 0 0.6vw 1vw;
	border-color: transparent transparent transparent #ec6c00;
}

footer{
	position: relative;
	width: 100%;
	color: #fff;
	font-size: 1.1vw;
	font-weight: 400;
	line-height: 1;
	padding-top: 6vw;
	border-bottom: 2.8vw solid #232323;
	background-color: #1A1A1A;
}

.es footer{
  font-size: 1vw;
}

footer a{
	color: #fff;
	transition: opacity 0.2s ease;
}

.footer_lbox{
	float: left;
	padding: 2vw;
}

.tangram{
	float: left;
	width: 13vw;
	padding-bottom: 13vw;
	margin-right: -1vw;
	background-image: url(../img/tangram.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.footer_info_box{
	float: left;
	padding-top: 4vw;
}

.footer_logo{
	width: 20vw;
	padding-bottom: 4.5vw;
	background-image: url(../img/logo.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.footer_info{
	float: left;
}

.footer_i{
	float: left;
	margin-right: 2vw;
}

.footer_i div{
	margin-bottom: 0.9vw;
}

.footer_i div:before{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 0.5vw;
	border-style: solid;
	border-width: 0.4vw 0 0.4vw 0.7vw;
	border-color: transparent transparent transparent #fff;
}

.mark{
	float: left;
	width: 11vw;
	padding-bottom: 3vw;
	background: url(../img/mark.svg) no-repeat center;
}

.triangle_o{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 17vw;
	padding-bottom: 17vw;
	background-image: url(../img/triangle_o.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

/*footer .footer_link_box{
	display: none;
}*/

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

.en header .navigation{
	width: 54vw;
}

.nav_box ul.menu > li > a{
	height: 3.2vw;
	font-size: 1.16vw;
	border-bottom: 6px solid #979797;
}

.nav_box ul.menu .child_menu_box{
	border-top: 6px solid #CACACA;
}

.nav_box ul.menu ul.child_menu li a{
	font-size: 1.1vw;
}

.current_item{
	height: 6px;
}

.current_item:after{
	margin-top: 6px;
}

.fancybox-button{
	width: 50px;
	height: 50px;
	padding: 11px;
}

.fancybox-slide--image{
	padding: 50px 0;
}

.fancybox-infobar{
	height: 50px;
	font-size: 14px;
	line-height: 50px;
	padding: 0 18px;
}

.fancybox-caption{
	font-size: 15px;
}

.fancybox-navigation .fancybox-button--arrow_left div{
	border-width: 10px 17px 10px 0;
}

.fancybox-navigation .fancybox-button--arrow_right div{
	border-width: 10px 0 10px 17px;
}

}

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

.home .lds-ring div{
	top: 42%;
}

.lds-ring div{
	top: 48%;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	border-width: 3px;
}

body{
	font-size: 14px;
}

.b_o_h{
	overflow: hidden;
}

h1{
	font-size: 20px;
	margin-bottom: 10px;
}

.en h1{
	font-size: 14px;
}

header{
	height: 50px !important;
	padding: 0;
}

.home header{
	display: block;
	background-color: transparent;
	transition: background-color 0.2s;
}

.home header.h_s{
	background-color: #fff;
}

.home header .logo{
	visibility: hidden;
	opacity: 0;
}

.home header.h_s .logo{
	visibility: visible;
	opacity: 1;
}

.home header .mmb_top, .home header .mmb_middle, .home header .mmb_bottom{
	background-color: #fff;
}

.home header.h_s .mmb_top, .home header.h_s .mmb_middle, .home header.h_s .mmb_bottom{
	background-color: #EC6C00;
}

.navigation{
	position: relative;
	width: 100% !important;
	padding: 0;
	margin: 0 auto !important;
}

.logo{
	position: relative;
	width: 170px;
	padding-bottom: 28px;
	margin: 12px 0 0 12px;
	z-index: 600;
}

.m_menu_b{
	float: right;
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
}

.mmb_top{
	position: absolute;
	display: block;
	top: 15px;
	left: 14px;
	width: 22px;
	height: 3px;
	background-color: #EC6C00;
	transition: all 0.2s ease-in-out;
}

.mmb_middle{
	position: absolute;
	display: block;
	top: 21px;
	left: 14px;
	width: 22px;
	height: 3px;
	background-color: #EC6C00;
	transition: opacity 0.2s ease-in-out;
}

.mmb_bottom{
	position: absolute;
	display: block;
	top: 27px;
	left: 14px;
	width: 22px;
	height: 3px;
	background-color: #EC6C00;
	transition: all 0.2s ease-in-out;
}

.m_menu_b.mmb_open .mmb_top{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 23px;
}

.m_menu_b.mmb_open .mmb_middle{
	opacity: 0;
}

.m_menu_b.mmb_open .mmb_bottom{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 23px;
}

.m_menu_text{
	position: absolute;
	bottom: 11px;
	left: 14px;
	width: 22px;
	height: 5px;
	color: #EC6C00;
	background: url(../img/m_menu_text.svg) no-repeat center;
	transition: opacity 0.2s ease-in-out;
}

.m_menu_b.mmb_open .m_menu_text{
	opacity: 0;
}

.home .m_menu_text{
	display: none;
	background: url(../img/home_m_menu_text.svg) no-repeat center;
}

.m_menu_bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	visibility: hidden;
	opacity: 0;
	z-index: 100;
	background-color: rgba(0,0,0,0.7);
	transition: all 0.35s ease;
}

.click_more{
	position: absolute;
	top: 41px;
	right: 19px;
	width: 110px;
	height: 88px;
	display: none;
	background: url(../img/click_more.svg) no-repeat center;
	transition: all 0.16s;
}

.en .click_more{
	background: url(../img/click_more_e.svg) no-repeat center;
}

.click_more.cm_h{
	opacity: 0;
	visibility: hidden;
}

.home .click_more{
	display: none;
}

.cm_x{
	position: absolute;
	top: 16px;
	left: -5px;
	width: 36px;
	height: 36px;
}

.current_item{
	display: none;
}

.nav_link_box{
	position: relative;
	top: auto;
	right: auto;
	margin-top: 20px;
}

.l_i_g svg path{
    fill: #666;
}

.nav_news{
	position: static;
	float: left;
	width: auto;
	height: auto !important;
	font-size: 17px;
	padding: 10px 18px 10px 35px;
}

.es .nav_news{
	font-size: 16px !important;
	padding: 10px 18px;
}

.nav_news span{
	margin: 0 !important;
}

.nav_news_br{
	display: none;
}

.nav_lan_box{
	position: static;
	float: left;
	top: auto;
	right: auto;
	text-align: left;
	margin: 5px 0 0 10px;
}

.lan{
	height: 40px;
	color: #666;
	font-size: 16px;
	line-height: 40px;
	margin-right: 10px;
}

.lan:before{
	margin: 15px 5px 0 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #666;
}

.link_icon{
	display: inline-block;
	width: 37px;
	height: 37px;
	margin: 10px;
}

.link_icon svg path{
	fill: #ffffff !important;
}

.l_i_g svg path{
	fill: #979797 !important;
}

.i_wechat_info{
	top: -58px;
	bottom: auto;
	width: 258px;
	padding: 10px 7px 10px 15px;
	font-size: 0;
	text-align: left;
	border: 1px solid transparent;
}

.i_wechat_info:after{
	bottom: -10px;
	border-width: 10px 7px 0 7px;
	border-color: #fff transparent transparent transparent;
}

.nav_link_box .i_wechat_info{
	top: -55px;
}

.i_wechat_info img{
	display: none;
}

.i_wechat_info .i_w_t{
	vertical-align: middle;
	font-size: 14px;
	padding: 0;
}

.i_close{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 38px;
	height: 38px;
	background: url(../img/i_close.svg) no-repeat center;
	background-size: 60% auto;
}

.h_r{
	position: static;
	float: left;
	width: 100%;
	height: auto;
	color: #fff;
	padding-left: 0;
	background-image: none;
	background-color: #113780;
}

.header_s .h_r{
	top: 0;
}

.h_r_a1{
	width: 100%;
	height: 46px;
	text-align: center;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.h_r_a1::before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.h_r_l{
	width: 100%;
	height: 46px;
	padding-left: 0;
	text-align: center;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.h_r_l a{
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
}

.h_r_l::before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.h_r_bg{
	display: none;
}

.nav_box{
	position: fixed;
	top: 50px;
	left: 0;
	width: 100vw;
	height: 100vh;
	padding: 0 !important;
	margin: 0;
	z-index: 200;
	background-color: #fff;
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s ease;
}

.nav_box_d_b{
	visibility: visible;
	opacity: 1;
}

.nav_wrap{
	float: none;
	height: calc( 100vh - 240px );
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.nav_box nav{
	float: none;
	width: 100%;
	padding: 8px 20px 10px 20px;
}

.nav_box ul.menu > li{
	width: 100% !important;
	height: auto;
	margin-bottom: 8px;
	border-bottom: 1px solid #000;
}

.nav_box ul.menu > li > a{
	width: 100%;
	height: 40px !important;
	color: #000;
	font-size: 17px !important;
	line-height: 40px !important;
	text-align: left;
	padding: 0 !important;
}

.nav_box ul.menu > li > a.has_child:after{
	display: none;
}

.nav_box ul.menu li a:before{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 7px;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #000000;
}

.nav_box ul.menu > li > a{
	border-bottom: none;
}

.nav_box ul.menu li .n_a{
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 100%;
	height: 40px;
}

.nav_box ul.menu li .n_a:before{
	content: "";
	position: absolute;
	display: block;
	top: 18px;
	right: 12px;
	width: 15px;
	height: 3px;
	background-color: #000;
}

.nav_box ul.menu li .n_a:after{
	content: "";
	position: absolute;
	display: block;
	top: 12px;
	right: 18px;
	width: 3px;
	height: 15px;
	background-color: #000;
}

.nav_box ul.menu li .n_a.n_a_u:after{
	visibility: hidden;
	opacity: 0;
}

.nav_box ul.menu li .child_menu_box{
	position: static;
	float: left;
	height: 0;
	visibility: inherit !important;
	opacity: 0 !important;
	border: none;
	background-color: transparent;
	transition: all 0.25s;
}

.nav_box ul.menu li .child_menu_box.show{
	height: auto;
	opacity: 1 !important;
}

.nav_box ul.menu ul.child_menu{
	position: static;
	opacity: 1;
	float: left;
	width: 100% !important;
	padding: 0;
	margin: 0 !important;
	border: none;
	background-color: transparent;
}

.nav_box ul.menu ul.child_menu li{
	float: left;
	width: 100% !important;
	padding: 0 0 0 17px;
}

.nav_box ul.menu ul.child_menu li:last-child{
	border-bottom: 0;
}

.nav_box ul.menu ul.child_menu li a{
	float: left;
	width: 100%;
	height: 40px;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	line-height: 36px;
	padding: 0;
}

.nav_box ul.menu ul.child_menu li a:before {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 0;
	height: 0;
	margin: 14px 6px 0 0;
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #000000;
}

.nav_box ul.menu ul.child_menu ul{
	position: static;
	display: none;
	visibility: visible;
	opacity: 1;
	top: 0;
	left: 0;
	float: left;
	width: 100%;
	border-top: 1px solid #eee;
	border-bottom: none;
}

.nav_box ul.menu li.c1 {border-color: #BA6430;}
.nav_box ul.menu li.c1 a{color: #BA6430 !important; border-color: #BA6430;}
.nav_box ul.menu li.c1 .n_a:before, .nav_box ul.menu li.c1 .n_a:after{background-color: #BA6430;}
.nav_box ul.menu li.c1 a:before, .nav_box ul.menu li.c1 ul.child_menu li a:before{border-color: transparent transparent transparent #BA6430;}

.nav_box ul.menu li.c2 {border-color: #74477F;}
.nav_box ul.menu li.c2 a{color: #74477F !important; border-color: #74477F;}
.nav_box ul.menu li.c2 .n_a:before, .nav_box ul.menu li.c2 .n_a:after{background-color: #74477F;}
.nav_box ul.menu li.c2 a:before, .nav_box ul.menu li.c2 ul.child_menu li a:before{border-color: transparent transparent transparent #74477F;}

.nav_box ul.menu li.c3 {border-color: #AB4444;}
.nav_box ul.menu li.c3 a{color: #AB4444 !important; border-color: #AB4444;}
.nav_box ul.menu li.c3 .n_a:before, .nav_box ul.menu li.c3 .n_a:after{background-color: #AB4444;}
.nav_box ul.menu li.c3 a:before, .nav_box ul.menu li.c3 ul.child_menu li a:before{border-color: transparent transparent transparent #AB4444;}

.nav_box ul.menu li.c4 {border-color: #1F4785;}
.nav_box ul.menu li.c4 a{color: #1F4785 !important; border-color: #1F4785;}
.nav_box ul.menu li.c4 .n_a:before, .nav_box ul.menu li.c4 .n_a:after{background-color: #1F4785;}
.nav_box ul.menu li.c4 a:before, .nav_box ul.menu li.c4 ul.child_menu li a:before{border-color: transparent transparent transparent #1F4785;}

/*.nav_box ul.menu li.c5 {border-color: #AD801C;}
.nav_box ul.menu li.c5 a{color: #AD801C !important; border-color: #AD801C;}
.nav_box ul.menu li.c5 .n_a:before, .nav_box ul.menu li.c5 .n_a:after{background-color: #AD801C;}
.nav_box ul.menu li.c5 a:before, .nav_box ul.menu li.c5 ul.child_menu li a:before{border-color: transparent transparent transparent #AD801C;}*/

.nav_box ul.menu li.c5 {border-color: #09878A;}
.nav_box ul.menu li.c5 a{color: #09878A !important; border-color: #09878A;}
.nav_box ul.menu li.c5 .n_a:before, .nav_box ul.menu li.c5 .n_a:after{background-color: #09878A;}
.nav_box ul.menu li.c5 a:before, .nav_box ul.menu li.c5 ul.child_menu li a:before{border-color: transparent transparent transparent #09878A;}

.nav_box ul.menu li.c6 {border-color: #AB4D6D;}
.nav_box ul.menu li.c6 a{color: #AB4D6D !important; border-color: #AB4D6D;}
.nav_box ul.menu li.c6 .n_a:before, .nav_box ul.menu li.c6 .n_a:after{background-color: #AB4D6D;}
.nav_box ul.menu li.c6 a:before, .nav_box ul.menu li.c6 ul.child_menu li a:before{border-color: transparent transparent transparent #AB4D6D;}

.nav_link_box1{
	display: block;
}

.nav_link_box2{
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	margin: 30px 0;
}

.arrow-bottom{
	display: none;
}

.arrow-right{
	display: none;
}

.m_sub_menu{
	position: fixed;
	top: 50px;
	left: 0;
	display: block;
	float: left;
	width: 100%;
	z-index: 1000;
	background-color: #e4e4e4;
}

.m_sub_menu_row{
	float: left;
	width: 100%;
	border-bottom: 3px solid #888;
}

.m_sub_menu a{
	position: relative;
	float: left;
	width: 25%;
	color: #777;
	font-size: 12px;
	line-height: 1.3;
	text-align: center;
	padding: 8px 0;
}

.en .m_sub_menu a{
	width: 33.333333%;
}

.m_sub_menu a:after{
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 5px;
}

.p_c1 .m_sub_menu a.current{color: #BA6430;}
.p_c1 .m_sub_menu a.current:after{background-color: #BA6430;}
.p_c2 .m_sub_menu a.current{color: #74477F;}
.p_c2 .m_sub_menu a.current:after{background-color: #74477F;}
.p_c3 .m_sub_menu a.current{color: #AB4444;}
.p_c3 .m_sub_menu a.current:after{background-color: #AB4444;}
.p_c4 .m_sub_menu a.current{color: #1F4785;}
.p_c4 .m_sub_menu a.current:after{background-color: #1F4785;}
.p_c5 .m_sub_menu a.current{color: #AD801C;}
.p_c5 .m_sub_menu a.current:after{background-color: #AD801C;}
.p_c6 .m_sub_menu a.current{color: #09878A;}
.p_c6 .m_sub_menu a.current:after{background-color: #09878A;}

#top{
	height: 50px;
}

.all{
	min-height: 600px;
	padding-top: 50px;
}

.kanban .swiper-slide{
	height: 118.13vw !important;
	background-color: #000;
}

.kanban .kb_img{
	padding-bottom: 113%;
}

.kb_img{
	display: none;
}

.kb_img_m{
	display: block;
}

.kanban_video + .kb_img_m{
	display: none;
}

/*Safari 9+*/

@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {

	/*.kanban_video + .kb_img_m{
		display: block;
		pointer-events: none;
		opacity: 0.6;
		transform: translateZ(12px);
	}*/

}

.kanban_video{
	width: 100%;
	margin-top: 30vw;
}

.kanban .video_container{
	padding-bottom: 56.25%;
}

.kanban .video_container iframe{
	top: 0;
	height: 100%;
}

.kv{
	padding-bottom: 60vw;
}

.kv img{
	width: 70%;
	margin: 15vw 0 4vw 0;
}

.swiper-pagination{
	bottom: 20px !important;
}

.swiper-pagination-bullet{
	width: 9px;
	height: 9px;
	margin: 0 6px !important;
}

.home_lan_box .lan{
	color: #fff;
	font-size: 16px;
	padding: 0;
	margin: 0 10px;
}

.home_lan_box .lan:before{
	margin: 15px 7px 0 0;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #fff;
}

.pbox{
	width: 50% !important;
	padding-bottom: calc(50% + 30px);
	border: none !important;
}

.home_menu .pbox{
	padding-bottom: calc(50% + 50px);
}

.pbox_intro{
	width: 100% !important;
	padding: 30px 0 0 0;
}

.en .pbox_intro{
	width: 82%;
}

.pbox_intro h1{
	padding: 0 7vw;
}

.intro{
	/*max-height: 140px;*/
	font-size: 13px;
	line-height: 1.6;
	padding: 0 7vw;
	margin-bottom: 26px;
	/*-webkit-line-clamp: 7;*/
}

.pbox_intro .video_container{
	margin: 0;
}

.en .intro{
	max-height: 170px;
	font-size: 12px;
	line-height: 1.3;
	-webkit-line-clamp: 11;
}

.p_tit_box{
	position: relative;
	float: left;
	width: 100%;
	height: 30px;
	padding: 4px 12px;
	visibility: visible;
	opacity: 1;
}

.p_c1 .pbox:nth-child(4n+1) .p_tit_box{background-color: #ba6430;}
.p_c1 .pbox:nth-child(4n+2) .p_tit_box{background-color: #ba6430;}
.p_c1 .pbox:nth-child(4n+3) .p_tit_box{background-color: #ba6430;}
.p_c1 .pbox:nth-child(4n+4) .p_tit_box{background-color: #ba6430;}

.p_c2 .pbox:nth-child(4n+1) .p_tit_box{background-color: #5C2768;}
.p_c2 .pbox:nth-child(4n+2) .p_tit_box{background-color: #74477F;}
.p_c2 .pbox:nth-child(4n+3) .p_tit_box{background-color: #94709C;}
.p_c2 .pbox:nth-child(4n+4) .p_tit_box{background-color: #B79EBC;}

.p_c3 .pbox:nth-child(4n+1) .p_tit_box{background-color: #9d2426;}
.p_c3 .pbox:nth-child(4n+2) .p_tit_box{background-color: #ab4345;}
.p_c3 .pbox:nth-child(4n+3) .p_tit_box{background-color: #b75f61;}
.p_c3 .pbox:nth-child(4n+4) .p_tit_box{background-color: #c47b7d;}

.p_c4 .pbox:nth-child(4n+1) .p_tit_box{background-color: #002e74;}
.p_c4 .pbox:nth-child(4n+2) .p_tit_box{background-color: #1f4785;}
.p_c4 .pbox:nth-child(4n+3) .p_tit_box{background-color: #395d93;}
.p_c4 .pbox:nth-child(4n+4) .p_tit_box{background-color: #4f6f9f;}

/*.p_c5 .pbox:nth-child(4n+1) .p_tit_box{background-color: #966400;}
.p_c5 .pbox:nth-child(4n+2) .p_tit_box{background-color: #ad801c;}
.p_c5 .pbox:nth-child(4n+3) .p_tit_box{background-color: #b9933e;}
.p_c5 .pbox:nth-child(4n+4) .p_tit_box{background-color: #c9ab68;}*/

.p_c5 .pbox:nth-child(4n+1) .p_tit_box{background-color: #006668;}
.p_c5 .pbox:nth-child(4n+2) .p_tit_box{background-color: #09878a;}
.p_c5 .pbox:nth-child(4n+3) .p_tit_box{background-color: #369d9f;}
.p_c5 .pbox:nth-child(4n+4) .p_tit_box{background-color: #65b3b5;}

.p_c6 .pbox:nth-child(4n+1) .p_tit_box{background-color: #9c2d53;}
.p_c6 .pbox:nth-child(4n+2) .p_tit_box{background-color: #ab4d6d;}
.p_c6 .pbox:nth-child(4n+3) .p_tit_box{background-color: #b5637f;}
.p_c6 .pbox:nth-child(4n+4) .p_tit_box{background-color: #c27e95;}

.p_tit_box:before{
	display: none;
}

.home_menu .pbox .p_tit_box{
	height: 50px;
	padding: 12px 16px 0 16px;
	border-top: 6px solid #EC6C00;
}

.en .home_menu .pbox .p_tit_box{
	padding: 12px 12px 0 12px;
}

.home_menu .pbox:nth-child(1) .p_tit_box{ color: #BA6430; border-color: #BA6430; background-color: transparent; }
.home_menu .pbox:nth-child(2) .p_tit_box{ color: #74477F; border-color: #74477F; background-color: transparent;}
.home_menu .pbox:nth-child(3) .p_tit_box{ color: #ab4345; border-color: #ab4345; background-color: transparent;}
.home_menu .pbox:nth-child(4) .p_tit_box{ color: #1f4785; border-color: #1f4785; background-color: transparent;}
/*.home_menu .pbox:nth-child(5) .p_tit_box{ color: #ad801c; border-color: #ad801c; background-color: transparent;}*/
.home_menu .pbox:nth-child(5) .p_tit_box{ color: #09878a; border-color: #09878a; background-color: transparent;}
.home_menu .pbox:nth-child(6) .p_tit_box{ color: #ab4d6d; border-color: #ab4d6d; background-color: transparent;}
.home_menu .pbox:nth-child(7) .p_tit_box{ color: #7A7A7A; border-color: #7A7A7A; background-color: transparent;}

.h_link_t{
	color: #7A7A7A;
	font-size: 17px;
	line-height: 1;
	text-align: left;
	padding: 12px 16px 0 16px;
	margin: 0;
	border-top: 6px solid #7A7A7A;
}

.h_link{
	padding-top: 16px;
}

.p_tit{
	position: static;
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 22px;
}

.p_tit:before{
	display: none;
}

.en .p_tit{
	font-size: 13px;
}

.home_menu .pbox .p_tit{
	width: 100%;
	font-size: 17px;
	line-height: 1;
	text-align: left;
	transform: translateY(0);
}

.en .home_menu .pbox .p_tit{
	font-size: 15px;
	line-height: 1.3;
}

.en.es .home_menu .pbox .p_tit{
	font-size: 13px;
}

.en.ar .home_menu .pbox .p_tit{
	font-size: 15px;
}

.pbox_more .p_tit_box{
	display: block;
	z-index: 250;
}

.p_more{
	top: 15px;
	font-size: 18px;
}

.pbox:hover .p_img{
	transform: scale(1);
}

.pbox a.link_icon{
	width: 40px;
	height: 40px;
	margin: 12px;
}

.fancybox-thumbs{
	top: auto;
	left: 0;
	bottom: 0;
	right: auto;
	width: 100%;
	padding: 20px 10px;
}

.fancybox-thumbs__list a{
	max-width: 70px;
    max-height: 70px;
    height: 70px;
    margin: 6px;
}

.fancybox-show-thumbs .fancybox-inner{
	left: 0;
	width: 100%;
	height: calc(100vh - 122px);
}

.fancybox-slide{
	opacity: 1 !important;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
}

.fancybox-toolbar{
	right: 0;
}

.fancybox-button{
	width: 44px;
	height: 44px;
	padding: 10px;
}

.fancybox-slide--image{
	padding: 0 !important;
}

.fancybox-infobar{
	top: 0;
	left: 0;
	height: 44px;
	font-size: 13px;
	line-height: 44px;
	padding: 0 13px;
}

.fancybox-caption{
	font-size: 14px;
	padding: 10px;
	pointer-events: none;
}

.fancybox-caption span{
	padding-bottom: 4px;
}

.fancybox-navigation .fancybox-button--arrow_left{
	left: 0;
	width: 36px;
	padding: 0;
}

.fancybox-navigation .fancybox-button--arrow_left div{
	border-width: 8px 10px 8px 0;
}

.fancybox-navigation .fancybox-button--arrow_right{
	right: 0;
	width: 36px;
	padding: 0;
}

.fancybox-navigation .fancybox-button--arrow_right div{
	border-width: 8px 0 8px 10px;
}

.litit{
	font-size: 16px;
	line-height: 1.6;
	padding: 10px 40px 10px 16px;
	text-indent: -16px;
	opacity: 1 !important;
}

.litit:before{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 0;
	height: 0;
	margin: 7px 7px 0 0;
	border-style: solid;
	border-width: 6px 0 6px 10.4px;
	border-color: transparent transparent transparent #ffffff;
}

.licon{
	padding: 0 8px;
}

.limore{
	width: 40px;
	height: 40px;
}

.limore:before{
	top: 18px;
	left: 12px;
	width: 15px;
	height: 3px;
	transform: translate(0,0);
}

.limore:after{
	top: 12px;
	left: 18px;
	width: 3px;
	height: 15px;
	transform: translate(0,0);
}

.licon ul li{
	height: 36px;
}

.licon ul li a{
	font-size: 16px;
	padding: 8px 10px;
}

.licon ul li a:before{
	width: 8px;
	height: 8px;
	margin: 7px 7px 0 0;
}

.about_intro_box{
	width: 100%;
	height: auto;
	padding: 10% 0 12.5% 0;
}

.about_intro{
	position: static;
	display: inline-block;
	width: 80%;
	transform: translate(0, 0);
}

.a_intro, .client_t{
	font-size: 13px;
	line-height: 1.6;
}

.en .about_intro{
	width: 85%;
}

.en .about_intro h1, .en .client_text h1{
	font-size: 17px;
}

.en .a_intro, .en .client_t{
	font-size: 14px;
}

.en .a_intro, .en .client_t, .en .intro{
	font-weight: 400;
}

.en .client_text{
	padding: 8% 7.5% 50% 7.5%;
}

.a01{
	width: 100%;
	padding-bottom: 50%;
}

.a02{
	width: 50%;
	padding-bottom: 100%;
}

.a03, .a04{
	width: 50%;
	border: none;
}

.a05{
	width: 100%;
	border: none;
}

.client{
	padding: 0;
	background-size: 100% auto;
}

.client_text{
	position: static;
	float: left;
	width: 100%;
	padding: 8% 10% 50% 10%;
}

.a07{
	position: static;
	float: left;
	width: 100%;
	padding-bottom: 50%;
	background-color: #d1d1d1;
}

.swiper-container{
	
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: -30px;
}

.swiper-button-prev, .swiper-button-next{
	padding: 18px;
}

.swiper-button-prev:before{
	border-width: 8px 11px 8px 0;
}

.swiper-button-next:before{
	border-width: 8px 0 8px 11px;
}

.scroll-wrapper > .scroll-content{
	width: 100% !important;
}

.a_carousel .swiper-pagination{
	bottom: 12px !important;
}

.a_carousel .swiper-button-prev, .a_carousel .swiper-button-next{
	padding: 10px;
}

.b1{
	padding: 8px 16px;
	border-width: 3px !important;
	border-radius: 0;
}

.b1_b{
	font-size: 16px;
	padding: 15px 40px;
	border: 3px solid #F9F4B4;
	border-radius: 0;
}

.b1_eaer{
	margin-top: 0;
}

.home_con{
	width: 80%;
	margin: 60px 10% 0 10%;
}

.l_box{
	width: 100%;
	padding: 0 0 20px 0;
	margin-bottom: 30px;
	border-bottom: 2px solid #FFF000;
}

.r_box{
	width: 100%;
}

.n_row{
	padding: 0;
	margin-bottom: 30px;
}

.n_row:hover{
	background-color: transparent;
}

.p_r{
	padding: 20px 20px 15px 20px;
}

.news{
	padding: 0 0 30px 0;
}

.news h1{
	font-size: 6vw;
}

.news_inner_box{
	width: 100%;
}

.news_banner{
	padding-bottom: 100%;
}

.news_banner_box .news_info{
	padding: 5vw;
}

.news_banner_box .news_date{
	font-size: 4.3vw;
}

.news_banner_box .news_tit{
	font-size: 5.7vw;
}

.news_list{
	padding: 0 8vw;
}

.news_box{
	flex: 0 0 100%;
	margin: 0 0 30px 0 !important;
}

.news_img_box{
	padding: 2.4vw;
}

.news_date{
	font-size: 4.3vw;
	margin-bottom: 1vw;
}

.news_tit{
	font-size: 5vw;
	letter-spacing: 0;
}

.n_r{
	width: 100%;
	padding-left: 0;
}

.n_tit{
	font-size: 15px;
	overflow: visible;
	text-overflow: clip;
	white-space: normal;
}

.n_date{
	display: block;
	color: #878787;
	font-size: 13px;
}

.n_con{
	font-size: 13px;
	line-height: 18px;
	text-align: justify;
}

.d_p{
	font-size: 15px;
	padding-top: 12px;
}

.pagination_box{
	display: inline-block;
	float: none;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
}

.pagination{
	display: inline-block;
	float: none;
}

.pagination ul li{
	margin-bottom: 5px;
}

.pagination ul li a{
	margin-left: 6px;
	border-width: 1px;
}

.pagination ul li a:hover{
	border: 1px solid transparent;
}

.pagination ul li a.pp, .pagination ul li a.pn{
	border: 1px solid #ccc;
}

.n_s_box{
	padding-left: 0;
}

.n_s_tit{
	font-size: 21px;
}

.n_s_img_info{
	font-size: 12px;
}

.a_l_box{
	width: 100%;
	padding: 0;
}

.a_r_box{
	width: 100%;
	font-size: 13px;
	line-height: 22px;
	padding: 40px 0 0 0;
	border: none;
}

.year{
	font-size: 20px;
}

.tl_row{
	padding: 0 0 20px 0;
}

.tl_box{
	width: 96%;
	padding: 0 0 0 16px;
	margin: 16px 0 0 4%;
}

.tl_box span{
	display: none;
}

.tl_box br{
	display: inline;
}

.member{
	border: none;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.m_text{
	font-size: 15px;
}

.m_row .form_control{
	width: 90%;
	margin: 0 0 15px 20px;
	border: none;
	border-bottom: 1px solid #9FA0A0;
}

.m_row .form_control:focus{
	background-color: transparent;
}

.m_row_tit:after{
	position: absolute;
	content: "";
	bottom: 18px;
	left: 0;
	width: 8px;
	height: 25px;
	background-color: #F9F4B4;
}

.m_tit2{
	position: relative;
	left: 50%;
	width: auto;
	padding: 8px 14px;
	border: 2px solid #FFE800;
	transform: translateX(-50%);
}

.s_map_list{
	width: auto;
}

.s_map_tit{
	padding: 2px 10px;
	margin-right: 10px;
	letter-spacing: 0;
}

.s_map_m{
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 412.5%;
	margin-top: 20px;
	border: 2px solid #F9F4B4;
	background-image: url(../img/s_map_m.jpg);
	background-size: 100% auto;
}

.location_m{
	position: absolute;
	width: 120px;
	overflow : hidden;
}

.location_m.t_l{
	transform: translateX(-106px);
}

.location_m:before{
	content: "";
	float: left;
	display: block;
	width: 14px;
	height: 14px;
	border: 3px solid #000;
	border-radius: 100%;
	background-color: #FBF6B8;
}

.location_m.pink:before{
	background-color: #F9C7D4;
}

.location_m.t_l:before{
	float: right;
}

.location_m span{
	float: left;
	display: block;
	width: 105px;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 1.3;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
	padding: 0 3px;
}

.location_m.t_l span{
	float: right;
	text-align: right;
}

.contact_l{
	width: 100%;
	padding: 0;
}

.contact_r{
	width: 100%;
	padding: 50px 0 0 0;
}

.home_con .contact_r{
	padding: 0 0 20px 0;
}

.home_con .con_l_text{
	padding-bottom: 20px;
	margin: 0;
	border: none;
}

.t_a_c_m{
	text-align: center;
}

.artist{
	width: 47%;
	margin: 0 6% 10px 0;
}

.artist:nth-child(even){
	margin: 0 0 10px 0;
}

.artists_box .row_b{
	padding: 0;
}

.a_name{
	height: 55px;
	overflow: hidden;
}

.a_n_e{
	display: block;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}

.a_box h2{
	font-size: 17px;
	margin-bottom: 10px;
}

.a_s_box{
	width: 100%;
	margin-bottom: 20px;
}

.artist_pic{
	float: left;
	width: 70%;
	padding-bottom: 70%;
}

.artist_info_box{
	float: left;
	width: 100%;
	padding: 0;
	margin-top: 20px;
}

.artist_info{
	margin-bottom: 10px;
}

.news_s{
	font-size: 14px;
	letter-spacing: 0;
}

.news_s h1{
	font-size: 20px;
	margin-bottom: 10px;
}

.news_s_banner_box{
	padding-bottom: 110%;
}

.news_s_inner_box{
	width: 100vw;
	margin: 30px 0 50px 0;
}

.news_s_date{
	margin-bottom: 20px;
}

.news_s h1, .news_s .news_s_date, .news_s p{
	padding: 0 8vw;
}

.news_s p{
	margin-bottom: 20px;
}

.news_s_inner_box img{
	margin-bottom: 20px;
}

.news_s_btn_box{
	letter-spacing: 2px;
	margin: 0 auto 12px auto;
}

.news_s_btn_box a{
	opacity: 1 !important;
	font-size: 14px;
}

.news_s_btn_box .prev:before{
	margin-top: 4px;
	margin-right: 7px;
	border-width: 7px 10px 7px 0;
}

.news_s_btn_box .back:before{
	width: 12px;
	height: 12px;
	margin-top: 5px;
	margin-right: 5px;
}

.news_s_btn_box .next:after{
	margin-top: 4px;
	margin-left: 4px;
	border-width: 7px 0 7px 10px;
}

.v_d{
	display: none;
}

.h_d{
	display: block;
}

.footer_link_box{
	position: static;
	float: left;
	font-size: 0;
}

.footer_link_box .link_icon{
	width: 20vw;
	height: 20vw;
	margin: 0;
	/*-webkit-mask-image: none;
	mask-image: none;
	background-size: 50% !important;*/
	background-color: #979797 !important;
}

.footer_link_box .link_icon:nth-child(even){
	background-color: #858485 !important;
}

.footer_link_box .link_icon span{
	width: 50%;
	height: 50%;
	margin: 25% 0 0 25%;
}

/*.footer_link_box .link_icon.i_line{
	background: url(../img/i_line.svg) no-repeat center;
}

.footer_link_box .link_icon.i_wechat{
	background: url(../img/i_wechat.svg) no-repeat center;
}

.footer_link_box .link_icon.i_mail{
	background: url(../img/i_mail.svg) no-repeat center;
}

.footer_link_box .link_icon.i_skype{
	background: url(../img/i_skype.svg) no-repeat center;
}*/

footer{
	font-size: 14px !important;
	padding-top: 10vw;
	border: none;
}

.footer_lbox{
	padding: 4vw 6vw 3vw 6vw;
}

.tangram{
	width: 18vw;
	padding-bottom: 18vw;
	margin-right: 60vw;
}

.footer_logo{
	position: absolute;
	top: 22.6vw;
	left: 20vw;
	width: 54vw;
	padding-bottom: 11vw;
}

.footer_i{
	width: 100%;
}

.footer_i div{
	line-height: 1.3;
	margin-bottom: 10px;
}

.footer_i div:before{
	margin-right: 6px;
	border-width: 4px 0 4px 6px;
}

.mark{
	position: absolute;
	float: none;
	top: 34vw;
	right: 12vw;
	width: 20vw;
	padding-bottom: 8vw;
}

.triangle_o{
	position: static;
	float: right;
	width: 100vw;
	padding-bottom: 12vw;
	margin-top: -12vw;
	border-bottom: 2.8vw solid #232323;
}

}

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

.mark{
	top: 33vw;
	right: 7vw;
	width: 27vw;
	padding-bottom: 12vw;
}

}