@charset "UTF-8";
@font-face {
	font-family: GOTHICB;
	src: url(../font/GOTHICB.eot);
	/* IE9 Compat Modes */
	src: url(../font/GOTHICB.eot?#iefix) format('embedded-opentype'),
	  /* IE6-IE8 */
	  url(../font/GOTHICB.woff) format('woff'),
	  /* Modern Browsers */
	  url(../font/GOTHICB.TTF) format('truetype');
	/* Safari, Android, iOS */
  }
  
abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0
}

article,aside,dialog,figure,footer,header,hgroup,nav,section {
	display: block
}

nav ul {
	list-style: none
}
em, i {
    font-style: normal;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,th {
	text-align: left
}

q:after,q:before {
	content: ''
}

embed,object {
	vertical-align: top
}

hr,legend {
	display: none
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%
}

abbr,acronym,fieldset,img {
	border: 0
}

ol,ul {
	list-style-type: none
}

a {
	text-decoration: none;
	color: #000
}

a:hover {
	text-decoration: none
}

@font-face {
	font-family:"Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;font-style:normal;font-weight:200;src:url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-ExtraLight.otf) format("opentype")
}

@font-face {
	font-family:"Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;font-style:normal;font-weight:300;src:url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Light.otf) format("opentype")
}

@font-face {
	font-family:"Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;font-style:normal;font-weight:400;src:url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Regular.otf) format("opentype")
}

@font-face {
	font-family:"Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;font-style:normal;font-weight:500;src:url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Medium.otf) format("opentype")
}

@font-face {
	font-family:"Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;font-style:normal;font-weight:600;src:url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-SemiBold.otf) format("opentype")
}

@font-face {
	font-family:"Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;font-style:normal;font-weight:700;src:url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Bold.otf) format("opentype")
}

@font-face {
	font-family:"Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;font-style:normal;font-weight:900;src:url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Black.otf) format("opentype")
}

body {
	font-size: 15px;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	line-height: 1.6;
	position: relative;
	width: 100%;
	overflow-x: hidden
}

.pc_none {
	display: none
}

a.link_text {
	position: relative;
	display: inline-block;
	transition: .3s
}

a.link_text::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #fff;
	transition: .3s
}

.link_text_black.link_text::after {
	background-color: #000!important
}

a.link_text:hover::after {
	width: 100%
}

.link_text2 {
	padding: .1em .3em;
	position: relative;
	display: inline-block;
	transition: .3s;
	color: #1400a3
}

.link_text2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #153DC9;
	transition: .3s
}

.link_text2:hover::after {
	width: 100%
}

.see_more {
	display: block;
	background: #153dc9;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	padding: 20px 10px;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-weight: 500;
	letter-spacing: .07em;
	font-size: 13px;
	position: relative;
	border: 2px solid #153dc9;
	-webkit-transition: all 750ms 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all 750ms 0s cubic-bezier(.165,.84,.44,1);
	transition: all 750ms 0s cubic-bezier(.165,.84,.44,1)
}

.see_more:hover {
	color: #000
}

.see_more:after {
	width: 100%;
	height: 100%;
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	background: #fff;
	-webkit-transition: all 750ms 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all 750ms 0s cubic-bezier(.165,.84,.44,1);
	transition: all 750ms 0s cubic-bezier(.165,.84,.44,1);
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}

.see_more:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.see_more span {
	position: relative;
	z-index: 5;
	width: 100%;
	display: inline-block
}

@keyframes ani-more-hover {
	0% {
	  -webkit-transform: translateY(0);
	  -moz-transform: translateY(0);
	  -ms-transform: translateY(0);
	  -o-transform: translateY(0);
	  transform: translateY(0);
	}
	40% {
	  -webkit-transform: translateY(110%);
	  -moz-transform: translateY(110%);
	  -ms-transform: translateY(110%);
	  -o-transform: translateY(110%);
	  transform: translateY(110%);
	}
	40.01% {
	  -webkit-transform: translateY(-100%);
	  -moz-transform: translateY(-100%);
	  -ms-transform: translateY(-100%);
	  -o-transform: translateY(-100%);
	  transform: translateY(-100%);
	}
	100% {
	  -webkit-transform: translateY(0);
	  -moz-transform: translateY(0);
	  -ms-transform: translateY(0);
	  -o-transform: translateY(0);
	  transform: translateY(0);
	}
}
.news_see_more{display: inline-block;position: relative;overflow: hidden;padding: 0 30px;}
.news_see_more span:after,.news_see_more span:before{display:none}
.news_see_more span.line{display: block;height: 30px;margin-bottom:5px;overflow: hidden;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.news_see_more span.line:before{position: absolute;display: block;content: '';width: 0;right: auto;height: 100%;left: 50%;margin: 0 auto;border-left: 1px solid #000;-webkit-transform-origin: center top;-moz-transform-origin: center top;-ms-transform-origin: center top;-o-transform-origin: center top;transform-origin: center top;-webkit-transition: -webkit-transform 0.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition: -moz-transform 0.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition: -ms-transform 0.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition: -o-transform 0.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1);transition: transform 0.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1);}
.news_see_more:hover span.line:before {-webkit-animation: ani-more-hover 1s forwards;-moz-animation: ani-more-hover 1s forwards;-ms-animation: ani-more-hover 1s forwards;-o-animation: ani-more-hover 1s forwards;animation: ani-more-hover 1s forwards;}
.news_see_more font{font-size:16px;color:#333333;line-height:24px;}

.arrow_right span::after,.arrow_right span::before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	content: "";
	vertical-align: middle;
	-webkit-transition: all 950ms 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all 950ms 0s cubic-bezier(.165,.84,.44,1);
	transition: all 950ms 0s cubic-bezier(.165,.84,.44,1)
}

.arrow_right span::before {
	width: 14px;
	height: 2px;
	background: #456fff
}

.arrow_right span::after {
	width: 8px;
	height: 8px;
	border-top: 2px solid #456fff;
	border-right: 2px solid #456fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.see_more:hover span::before {
	background: #000
}

.see_more:hover span::after {
	border-top: 2px solid #000;
	border-right: 2px solid #000
}

img {
	max-width: 100%;
	height: auto
}

@-webkit-keyframes slide_line {
	0% {
		-webkit-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	50% {
		-webkit-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	50.001% {
		-webkit-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	100% {
		-webkit-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
}

@keyframes slide_line {
	0% {
		-webkit-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	50% {
		-webkit-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	50.001% {
		-webkit-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	100% {
		-webkit-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}
}

#js_site_pager {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 44px;
	left: 0;
	z-index: 1001;
	background: #153DC9;
	-webkit-transition: all 1s 0s cubic-bezier(.96,.1,.91,.82);
	-moz-transition: all 1s 0s cubic-bezier(.96,.1,.91,.82);
	transition: all 1s 0s cubic-bezier(.96,.1,.91,.82);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: translateY(100%) scaleX(0);
	transform: translateY(100%)
}

#js_site_pager.changed {
	transform: translateY(-120%)
}

#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1
}

#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #fff;
	z-index: 2
}

.spinner {
	width: 40px;
	height: 40px;
	position: relative;
	margin: 100px auto
}

.double-bounce1,.double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #153DC9;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2s infinite ease-in-out;
	animation: sk-bounce 2s infinite ease-in-out
}

.double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

@-webkit-keyframes sk-bounce {
	0%,100% {
		-webkit-transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1)
	}
}

@keyframes sk-bounce {
	0%,100% {
		transform: scale(0);
		-webkit-transform: scale(0)
	}

	50% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

#l_containerAll {
	position: relative;
	z-index: 0;
	width: 100%;
	/*overflow-x: hidden;*/
	background: #fff
}

.bg_mask {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.1)
}

h1.logo {
	top: 25px;
	left: 2%;
	width: 275px;
	position: fixed;
	z-index: 50;
	-webkit-transition: all .5s 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all .5s 0s cubic-bezier(.165,.84,.44,1);
	transition: all .5s 0s cubic-bezier(.165,.84,.44,1);
}
.header h1.logo{
	top: 14px;
	width:200px;
}
.header h1.logo .blue_logo{display:none}
.header.scroll h1.logo .blue_logo,.contop_baise .header h1.logo .blue_logo{display:block}
.header.scroll h1.logo .white_logo,.contop_baise .header h1.logo .white_logo{display:none}
h1.logo a {
	position: relative;
	display: block
}

.scroll.black.svgFilter {
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
	-o-filter: invert(100%);
	-ms-filter: invert(100%);
	filter: invert(100%);
	mix-blend-mode: exclusion
}

.scroll.white.svgFilter {
	-webkit-filter: invert(0);
	-moz-filter: invert(0);
	-o-filter: invert(0);
	-ms-filter: invert(0);
	filter: invert(0);
	mix-blend-mode: exclusion
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	z-index: 11;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 1920px
}

.header::after {
	content: "";
	display: block;
	clear: both
}
.header.scroll,.contop_baise .header{
	background: rgba(255,255,255, 1);
}
.header.changed {	transform: translate(0,0)!important;	-webkit-transition: all 350ms 0s cubic-bezier(.165,.84,.44,1);	-moz-transition: all 350ms 0s cubic-bezier(.165,.84,.44,1);	transition: all 350ms 0s cubic-bezier(.165,.84,.44,1)}

.gnav {
	float: right;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.gnav::after {
	content: "";
	display: block;
	clear: both
}

.gnav ul {
	padding: 0 75px 0 0;
	-webkit-transition: all .5s 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all .5s 0s cubic-bezier(.165,.84,.44,1);
	transition: all .5s 0s cubic-bezier(.165,.84,.44,1);
	opacity: 1;
	-webkit-transform-origin: left top;
	transform-origin: left top
}.header.scroll .gnav ul,.contop_baise .header .gnav ul{
	background: rgba(0, 0, 0, 0);
}

.gnav ul::after {
	content: "";
	display: block;
	clear: both
}

.gnav ul.hide {
	opacity: 0;
	transform: translateY(-120px)
}

.gnav ul li {
	float: left;
	display: table
}

.gnav ul li:first-child a {
	padding-left: 40px
}

.gnav ul li a {
	color: #fff;
	font-weight: 600;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	padding: 0 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 18px;
	height: 75px;
	display: table-cell;
	vertical-align: middle;
	-webkit-transition: all 350ms 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all 350ms 0s cubic-bezier(.165,.84,.44,1);
	transition: all 350ms 0s cubic-bezier(.165,.84,.44,1)
}

.gnav ul li a:hover {
	color: #456fff;
	transform: translateY(-5px)
}

.gnav .switchWrap {
	width: 75px;
	height: 75px;
	background: #153DC9;
	display: block;
	position: relative;
	z-index: 2;
	position: absolute;
	top: 0;
	right: 0;
	bottom: auto;
	left: auto;
	cursor: pointer;	transform: translate(0,0)!important;	-webkit-transition: all 350ms 0s cubic-bezier(.165,.84,.44,1);	-moz-transition: all 350ms 0s cubic-bezier(.165,.84,.44,1);	transition: all 350ms 0s cubic-bezier(.165,.84,.44,1)
}

.gnav .swich_inner {
	position: relative;
	width: 100%;
	height: 100%
}

.gnav .switch__line {
	display: block;
	width: 28px;
	height: 1px;
	position: absolute;
	top: auto;
	right: 0;
	bottom: auto;
	left: 0;
	background: #fff;
	margin: auto;
	-webkit-transition: all 350ms 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all 350ms 0s cubic-bezier(.165,.84,.44,1);
	transition: all 350ms 0s cubic-bezier(.165,.84,.44,1)
}

.gnav .switch__line:nth-child(1) {
	top: 45%
}

.gnav .switch__line:nth-child(2) {
	top: 55%
}

.gnav .hover .switch__line:nth-child(1),.gnav .hover .switch__line:nth-child(2) {
	top: 50%
}

.gnav .active .switch__line:nth-child(1),.gnav .active .switch__line:nth-child(2) {
	top: 50%
}

.gnav .active .switch__line:nth-child(1) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.gnav .active .switch__line:nth-child(2) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.gnav .cur a {
	color: #456fff
}

.close_menu {
	-webkit-transition: all .3s 0s cubic-bezier(.645,.045,.355,1);
	-moz-transition: all .3s 0s cubic-bezier(.645,.045,.355,1);
	transition: all .3s 0s cubic-bezier(.645,.045,.355,1);
	width: 100%;
	height: 100vh;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	transform: translateX(100%)
}
.close_menu .menu_leftbox{width:50%;height: 100%;float:left;background: #000;position: relative;}
.close_menu .menu_rightbox{width:50%;height: 100%;float:left;background: rgba(0,0,0,0.8);position: relative;}
.close_menu.active {
	transform: translateX(0)
}

.close_menu>div {
	position: relative;
	width: 100%;
	height: 100vh
}

.close_menu ul {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	width: 100%
}

.close_menu .menu_leftbox a {
	display:inline-block;
	color: #fff;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-size:36px;
	line-height: 82px;
	letter-spacing: .08em;
	text-transform: uppercase;
	-webkit-transition: all 350ms 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all 350ms 0s cubic-bezier(.165,.84,.44,1);
	transition: all 350ms 0s cubic-bezier(.165,.84,.44,1);
	position: relative;
}

.close_menu .menu_leftbox li{opacity: 0;left:80px;position: relative;}
.close_menu .menu_leftbox a:hover,.close_menu .home_li.cur a {color: #456fff}
.close_menu .menu_leftbox a>font:before {content:"";display:block;width:0;height:2px;background:#456fff;position:absolute;right:110px;top:50%;transition: .35s;-webkit-transition: .35s;-moz-transition: .35s;}
.close_menu .menu_leftbox a:hover>font:before,.close_menu .home_li.cur a>font:before{width:48px;}

.close_menu .menu_leftbox>ul>li:nth-child(2)>a span{content:'';position:absolute;width:4px;height:4px;border-top:2px solid #fc0;border-right:2px solid #fc0;left:183px;top:50%;z-index:0;transform:translateY(-50%) rotate(45deg)}
.close_menu .menu_leftbox>ul>li:nth-child(2)>a:hover span{border-color:#000}.menu-box .main #primary-menu .menu-item-has-children>a{display:block;position:relative}
.close_menu .menu_leftbox>ul>li:nth-child(2)>a:before{content:'';position:absolute;width:50px;height:50px;top:50%;left:160px;transform:translateY(-50%) scale(0.6);z-index:0;background:white;border:1px solid white;box-sizing:border-box;opacity:0;border-radius:50%;transition:transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.15s cubic-bezier(0.165, 0.84, 0.44, 1)}
.close_menu .menu_leftbox>ul>li:nth-child(2)>a:after{content:'';position:absolute;width:50px;height:50px;top:50%;box-sizing:border-box;left:160px;transform:translateY(-50%) scale(1);z-index:0;opacity:1;border:1px solid white;border-radius:50%;transition:transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1)}
.close_menu .menu_leftbox>ul>li:nth-child(2)>a:hover:before{opacity:1;transform:translateY(-50%) scale(1)}
.close_menu .menu_leftbox>ul>li:nth-child(2)>a:hover:after{opacity:0;transform:translateY(-50%) scale(1.2)}

.menu_rightbox ul{width:96%;max-width:800px;left:0;transform: translateY(-50%) translateX(0%);-webkit-transform: translateY(-50%) translateX(0%);}
.menu_rightbox ul li{width:50%;float:left;padding:50px 0 50px 10%;text-align:left;box-sizing: border-box;opacity: 0;left:120px;position: relative;}
.menu_rightbox ul li:nth-child(2n+1){clear:both;}
.menu_rightbox ul li .menu_rtitle{font-size:18px;color:#fff;line-height:30px;padding-bottom:20px;overflow:hidden}
.menu_rightbox ul li p{font-size:16px;line-height:40px;height:40px;color:#fff;overflow:hidden;}
.menu_rightbox ul li p.menu_qq{padding-left:30px;background:url(../img/menu_qq.png) no-repeat left;}
.menu_rightbox ul li p .menu_tel{display:inline-block;font-size:24px;line-height:40px;}
.menu_rightbox ul li .menu_rtitle span{float:left}
.menu_rightbox ul li .menu_weixin{display:inline-block;float:left;width:30px;height:30px;background:url(../img/menu_weixin.png) no-repeat center;margin-left:10px;opacity:0.6;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;}
.menu_rightbox ul li .menu_yinyue{display:inline-block;float:left;width:30px;height:30px;background:url(../img/menu_yinyue.png) no-repeat center;margin-left:10px;opacity:0.6;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;}
.menu_rightbox ul li .menu_weixin:hover,.menu_rightbox ul li .menu_yinyue:hover{opacity:1}
.menu_rightbox ul li .menu_map{display:inline-block;font-size:14px;color:#fff;padding-left:26px;background:url(../img/menu_map.png) no-repeat left;position:relative}
.menu_rightbox ul li .menu_map:before{content:'';background:#456fff;height:2px;position:absolute;bottom:4px;transition:0.35s all;width:0;left:100%}
.menu_rightbox ul li .menu_map:hover:before{transition:0.35s width;width:100%;left:0;}
.menu_rightbox .search_box{width:100%;max-width:240px;height:38px;line-height:38px;background:#3b57f8;border-radius:3px;overflow:hidden}
.menu_rightbox .search_box .keywords{width:calc( 100% - 46px );float:left;border:none;font-size:14px;color:#494949;line-height:38px;padding: 0 10px 0 20px;box-sizing: border-box;}
.menu_rightbox .search_box .submit{width:46px;height:38px;background:url(../img/menu_search.png) no-repeat center;border:none;float:left;font-size:0;}

#company .close_menu li.About_li a,#contact .close_menu li.contact_li a,#home .close_menu li.home_li a,#recruit .close_menu li.recruit_li a,#service .close_menu li.service_li a,#works .close_menu li.works_li a {
/*color:#fc0*/
}

.fixed {
	position: fixed;
	width: 100%;
	height: 100%
}

.main_v {
	width: 100%;
	max-width: 1920px;
	margin-right: auto;
	margin-left: auto;
	background-size: cover;
	position: relative;
}

#go_top {position:fixed; z-index:99999; bottom:165px; right:37px; width:30px; height:30px; background-color:rgba(0,0,0,0.5); text-align:center;
          transition:300ms ease-out 0ms; color:rgba(255,255,255,0.5); font-size: 0; border-radius:30px; }
#go_top:before { content:"\e873"; display:inline-block; font-family:'Linearicons-Free'; font-size:15px; color:#fff; line-height: 30px; }
#go_top:hover { background:#070707; }


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

#go_top { bottom: 130px; right: 25px; width: 24px; height: 24px; }
#go_top:before { line-height: 24px; }

}

@media all and (max-width:480px) {

#go_top { bottom: 100px; right: 18px; }


}

/*@media screen and (max-width:480px) {
	#go_top { display: none !important; }
}
*/


#fullpage ~ #go_top { display: none; }

#fullscreenmap{
		z-index: 600;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		visibility: hidden;
		overflow: auto;
		font-family: 'Roboto', 'Noto Sans KR', 'Noto Sans Korean', sans-serif;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transform: translate3D(0, 100%, 0); /* hide menu initially on screen by offsetting it vertically */
		transform: translate3D(0, 100%, 0); 
		-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
		transition: transform 0.5s, visibility 0s 0.5s;
	}

	#locationQuick.open #fullscreenmap{
		visibility: visible;
	  -webkit-transform: translate3D(0, 0, 0); /* show menu by shifting it vertically to visible position within container */
	  transform: translate3D(0, 0, 0);
	  -webkit-transition: -webkit-transform 0.5s;
	  transition: transform 0.5s;
	}



	#locationQuick.open #mapClose { display:block; position:absolute; top:15px; right:20px; z-index:9999; font-size:0; text-align: center; width: 60px; height: 60px; }
	#locationQuick.open #mapClose:before { content:'\e870'; font-family:'Linearicons-Free'; color:#fff; font-size: 30px; line-height: 60px; }
#locationQuick {position:fixed; bottom:20px; right:20px; z-index:999;}

#kakaoChat { margin-bottom: 10px; display: block;  }
#kakaoChat img { width: 100%; }

.btnMap {position:relative; width:64px; height:64px;}
.btnMap > a{position:relative;}
.btnMap > a img {border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; }

@keyframes loca-circle {
  0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0.5; }
  50% { opacity: 1.0; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } 
}
.loca-circle {position:absolute; left:50%; top:50%; display:inline-block; width:64px; height:64px; margin-top:-32px; margin-left:-32px; }
.loca-circle > span:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; }
.loca-circle > span:nth-child(3) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.loca-circle > span:nth-child(4) { -webkit-animation-delay: 2s; animation-delay:2s; }
.loca-circle > span:nth-child(5) { -webkit-animation-delay: 2.5s; animation-delay:2.5s; }
.loca-circle > span:nth-child(6) { -webkit-animation-delay: 4s; animation-delay:4s; }
.loca-circle > span { border:1px solid rgba(255, 255, 255, 0.5) ; border-radius: 50%;
					  -webkit-animation-fill-mode: both; animation-fill-mode: both;
					  position: absolute; left: 0; top: 0px; opacity: 0; margin: 0; width: 100%; height: 100%;
					  -webkit-animation: loca-circle 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite; animation: loca-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite; }

#locationInfo { position: absolute; top: 0; right: 0; width: 25%; height: 100%; background:rgba(0,0,0,0.8); z-index:999; padding: 7% 3%; box-sizing: border-box;  }
#locationInfo div { position: absolute; bottom: 5%;  }
#locationInfo ul { margin-top: 40px; }
#locationInfo ul li { font-size: 0.9em; color:#fff; height: 25px;line-height: 25px;}
#locationInfo p { font-size: 0.9em; color:#fff; }

#locationQuick .root_daum_roughmap .wrap_map  { height: 100vh !important; }
.wrap_controllers  { display: none; }
.map_border {  display: none; }

#quickMap { position: relative; width: 100%; height: 100vh; }


@media all and (max-width:976px) {

#locationInfo { width: 100%; height: auto; top: auto; bottom:0; overflow: hidden; padding: 5%; }
#locationInfo div { position: relative; }
#locationInfo ul { margin-top: 20px; }
#locationInfo ul li { float: left; margin-right: 10px; }

#mapClose { border-radius: 100px; background:rgba(0,0,0,0.7); }
}

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

#locationQuick { right:10px; bottom:10px; }

#kakaoChat { margin-bottom: 5px; }
.btnMap{position:relative; width:54px; height:54px;}
.btnMap > a img { width: 100%; }
.loca-circle { width:54px; height:54px; margin-top:-27px; margin-left:-27px; }

}

@media all and (max-width:480px) {

.btnMap{position:relative; width:40px; height:40px;}
.loca-circle { width:40px; height:40px; margin-top:-20px; margin-left:-20px; }

}

/*#footer {
	width: 100%;
	background: #000;
	color: #fff;
	margin-top: 40px;
}
*/
.clear {
    clear: both !important;
}
#footer,#footer *{box-sizing: border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#footer { position: relative; width: 100%;margin-top: 0; padding: 40px 2% 0; background:#070707; overflow: hidden; color:#fff; }
#footer > div { float: left; }
#footer h4 { font-size: 1.125em; margin-bottom: 15px; }
#footer .footerInfo ul { overflow: hidden; margin: 30px 0 20px; }
#footer .footerInfo ul li { float: left; font-size: 0.75em; color:#8b8b8b; margin-right: 10px; letter-spacing: 0;  }
#footer .footerInfo p { font-size: 13px; color:rgba(255,255,255,0.2); letter-spacing: 0; }

#footer .footer_box1{width:100%;clear:both;padding-bottom: 40px;}
.footer_logo{max-width:200px;float:left;margin-right:4%}

.foorer_prod{float:left;width: 14%;margin-right: 2%;}
.foorer_prod_tit{font-size:14px;line-height:38px;color:rgba(255,255,255,0.5);}
.foorer_prod li{width:50%;float:left;height:30px;line-height:30px;position:relative;padding-left:24px;white-space: nowrap;}
.foorer_prod li:before{content:"";width:10px;height:2px;position:absolute;left:0;top:14px;background:rgba(255,255,255,0.5)}
.foorer_prod li a{color:rgba(255,255,255,0.5);}
.foorer_prod li a:hover{color:rgba(255,255,255,0.8);}

.foorer_prod2{float:left;margin-right:4%}
.foorer_prod2_tit{font-size:14px;line-height:38px;color:rgba(255,255,255,0.5);}
.foorer_prod2 li{width:100%;float:left;height:30px;line-height:30px;position:relative;padding-left:24px;}
.foorer_prod2 li:before{content:"";width:10px;height:2px;position:absolute;left:0;top:14px;background:rgba(255,255,255,0.5)}
.foorer_prod2 li a{color:rgba(255,255,255,0.5);}
.foorer_prod2 li a:hover{color:rgba(255,255,255,0.8);}

.foorer_share{float:left;margin-right:4%;}
.foorer_share_tit{font-size:14px;line-height:38px;color:rgba(255,255,255,0.5);}
.foorer_share li{width:100%;float:left;height:30px;line-height:30px;position:relative;white-space: nowrap;color:rgba(255,255,255,0.5);clear:both}
.foorer_share li a{display:inline-block;height:30px;color:rgba(255,255,255,0.5);padding-left:22px;background:url(../img/common/foot_share3.png) no-repeat left;}
.foorer_share li a i{display:none;}
.foorer_share li a:hover{color:rgb(85 114 222);}

.foorer_contact{float:left;width: auto;margin-right:4%;}
.foorer_contact_tit{font-size:14px;line-height:38px;color:rgba(255,255,255,0.5);}
.foorer_contact li{width:100%;float:left;height:30px;line-height:30px;position:relative;padding-left:24px;}
.foorer_phone_number{font-size:26px;line-height:36px;font-family: "GOTHICB";}

.foorer_phone{float:left;width: auto;}
.foorer_phone_tit{font-size:14px;line-height:38px;color:rgba(255,255,255,0.5);}

.footer_btn{width:220px;float:right;}
.footer_btn a{display:block;width:100%;height:48px;background:#4b4c54;border-radius:2px;margin-bottom:20px;text-align:center;font-size:18px;color:#fff;}
.footer_btn a:last-child{background:#1e41c1}
.footer_btn a:hover{color:#fff}
.footer_btn a:first-child span{padding: 14px 0 14px 36px;background:url(../img/common/foot_btn1.png) left no-repeat;display: inline-block;}
.footer_btn a:last-child span{padding: 14px 0 14px 36px;background:url(../img/common/foot_btn2.png) left no-repeat;display: inline-block;}
.footer_btn a span em{position:relative;display:inline-block;font-size:18px;width:18px;height:20px;line-height:20px;overflow:hidden;float: left;}
.footer_btn a span em i:first-child{position:absolute;left:-20px;top:0;transform:rotateY(90deg);-moz-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;}
.footer_btn a span em i:last-child{position:absolute;left:0;top:0;transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;}
.footer_btn a:hover span em i:first-child{left:0px;transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);}
.footer_btn a:hover span em i:last-child{left:20px;transform:rotateY(90deg);-moz-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);}

.footer_linkbox{width:100%;line-height:30px;padding-bottom:18px;clear: both;}
.footer_linkbox .foot_linktit{font-size:14px;color: rgba(255,255,255,0.4);float: left;clear: both;font-weight:bold;}

.footer_linkbox .foot_link_box{width:calc( 100% - 80px );float:left;max-height: 90px;overflow-x: hidden;overflow-y:auto;}
.footer_linkbox .foot_link_box::-webkit-scrollbar{width: 4px; background-color: #070707;border-radius:3px}
.footer_linkbox .foot_link_box::-webkit-scrollbar-thumb{background-color: #4a4a4a;border-radius:3px}
.footer_linkbox .foot_link_box a{font-size:14px;color:rgba(255,255,255,0.4);margin-right:10px;}
.footer_linkbox .foot_link_box a:hover{color:rgba(255,255,255,0.6);}
#footer .copyright{width:100%;clear:both;padding:10px 0;border-top:1px solid #323131;line-height:30px;text-align:center}
#footer .copyright .container,#footer .copyright .seatmap{display:inline-block;margin-left:10px;}
#footer .copyright a,#footer .copyright{color:rgba(255,255,255,0.4)}
#footer .copyright a:hover{color:rgba(255,255,255,0.6);}

#footer .footerCS { margin-left: 7%; }
#footer .footerCS .f-tel { overflow: hidden; }
#footer .footerCS .f-tel dl { float: left; margin-right: 30px;  }
#footer .footerCS .f-tel dl dt { font-size: 0.81em; color:#8b8b8b;}
#footer .footerCS .f-tel dl dd { font-size: 1.875em; font-weight: 600; margin-top: 3px; }
#footer .footerCS ul li { color:#888; font-size: 0.81em; }

#footer .bankInfo { margin-left: 6%; } 
#footer .bankInfo dl { overflow: hidden; }
#footer .bankInfo dl dt { float: left; font-size: 0.875em; margin-right: 10px; }
#footer .bankInfo dl dd { float: left; font-size: 1.25em; color:#8b8b8b; font-weight: 500; }
#footer .bankInfo a { display: block; background:rgba(50,50,50,0.3); border: 1px solid rgba(200,200,200,0.3); width: 180px; line-height: 40px; 
					  text-align: center; color:#fff; box-sizing: border-box; margin-top: 38px; }
#footer .bankInfo a:hover { background:rgba(50,50,50,1); border: 1px solid rgba(200,200,200,0.7); }
#footer .bankInfo a p { font-size: 0.93em; display: inline-block; padding-left: 35px; background:url("/images/common/ico_card.png") no-repeat left center;  }
#footer .bankInfo .f-bank > p { font-size: 0.875em;}

#footer .footerLink { float: right; }
#footer .footerLink img{width: 148px;height: 148px;}
#footer .footerLink ul li { margin-bottom: 5px; }
#footer .footerLink ul li a { display: block; background:rgba(50,50,50,0.3); border: 1px solid rgba(200,200,200,0.3); width: 170px; line-height: 40px;
							  font-size: 0.875em; text-align: center; color:#fff; box-sizing: border-box;}
#footer .footerLink ul li a:hover { background:#f0390f; border: 1px solid #f0390f; }




@media all and (max-width:1799px) {
#footer {padding: 40px 2% 0;}

.footer_cbox{float:left;width:auto;margin-right: 4%;}
.foorer_prod2{margin-right:0;}
.foorer_share{margin-right:0;clear:both;}
}

@media all and (max-width:1649px) {
.footer_logo,.foorer_prod,.footer_cbox,.foorer_contact{margin-right: 3%;}
}
@media all and (max-width:1599px) {
#footer .footerCS,#footer .bankInfo { margin-left: 3%; }

.header h1.logo{max-width: 163px;top:18px;	}.footer_logo{max-width: 163px;	}
.footer_logo,.foorer_prod,.footer_cbox,.foorer_contact{margin-right: 2%;}
}
@media all and (max-width:1399px) {
	.foorer_contact{max-width:200px}
	.footer_btn{width:180px}
	.footer_btn a span em{font-size:16px;line-height:20px;}
#footer { padding: 40px 2% 0;}

#footer .footerInfo { max-width: 30%; }

#footer .footerCS .f-tel dl { float: none; }
#footer .footerCS .f-tel dl:last-child { margin-top: 5%; }

}

@media all and (max-width:1199px) {

#footer .footerCS,
#footer .bankInfo { margin-left: 4%; }
#footer .footerCS .f-tel dl dd { font-size: 1.5em; margin-top: 0px; }
#footer .bankInfo a { width: 160px; }
#footer .bankInfo a p {  }
#footer .footerLink ul li a { width: 150px;  }
}
@media all and (max-width:1099px) {
#footer .footerCS,
#footer .bankInfo { margin-left: 6%; }
#footer .footerLink { float: none; clear: both; padding-top: 5%; }
#footer .footerLink ul li { float: left;  margin: 0 10px 0 0; }

}

@media all and (max-width:1099px) {

#footer { padding: 40px 2% 0;}
#footer .footerInfo { max-width: 100%; width: 100%; margin-bottom: 5%; }
#footer .footerInfo ul { margin: 15px 0 5px; }
#footer .footerInfo ul br { display: none; }
#footer .footerInfo ul li { font-size: 0.85em; }
#footer .bankInfo a { margin-top: 20px;}
#footer .footerCS  { margin-left: 0;}
#footer .footerCS .f-tel dl { float: left; }
#footer .footerCS .f-tel dl:last-child { margin-top: 0; }

#footer .footerLink { padding-top: 7%;width: 150px;float: right; clear: none;margin-top: 15px;padding-top: 0;}
#footer .footerLink ul li { width: calc(25% - 3px); margin-right: 4px; }
#footer .footerLink ul li:last-child { margin-right:0; }
#footer .footerLink ul li a { width: 100%; line-height: 3.4em;  }


}
@media all and (max-width:767px) {
#footer .footerLink { padding-top: 7%;width: 74px;float: right; clear: none;margin-top: 15px;padding-top: 0;display: none;}
}
@media all and (max-width:580px) {

#footer h1 img { max-width: 25%; }
#footer h4 { margin-bottom: 5px; }

#footer .footerCS .f-tel dl dd { font-size: 1.6em; }

#footer .bankInfo { margin-left:0; float: left;margin-top: 15px; }
#footer .bankInfo a { width: 140px;  line-height: 3em; }
#footer .bankInfo a p { padding-left: 25px; background-size: 18px auto; }
#footer .footerLink { padding-top: 7%;width: 74px;float: right; clear: none;margin-top: 15px;padding-top: 0;display: block;}
#footer .footerLink img{width: 74px;height: 74px;}



}

@media all and (max-width:480px) {

#footer { padding: 40px 2% 0;}
/*#footer .bankInfo { float: left; margin-top: 5%; width: 100%; }*/
#footer .bankInfo .f-bank { float: left; }
#footer .bankInfo a { float: right; width: calc(33.33% - 3.33px);  margin-top: 0 !important;  }
#footer .bankInfo a p { padding-left: 20px; background-size: 15px auto; }

}

/*#footer .inner {
	width: 96%;
	max-width: 1700px;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 65px 0px
}

#footer .inner::after {
	content: "";
	display: block;
	clear: both
}

#footer .inner .block_L {
	float: left;
	width: 30%
}

#footer .inner .block_L .logo {
	margin-bottom: 20px
}

#footer .inner .block_R {
	float: right;
	width: 58%;
	max-width: 615px;
	padding-top: 40px
}

#footer .inner .block_R::after {
	content: "";
	display: block;
	clear: both
}

#footer .inner .block_R .tel_block {
	float: left;
	max-width: 618px;
	width: 52%
}

#footer .inner .block_R .tel_block .read_1 {
	margin-bottom: 5px
}

#footer .inner .block_R .tel_block .tel {
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-size: 13px;
	letter-spacing: .07em
}

#footer .inner .block_R .tel_block .tel a {
	color: #fff
}

#footer .inner .block_R .tel_block .tel .tel_span {
	display: inline-block;
	font-weight: 500;
	font-size: 21px;
	margin-right: 5px;
	background: url(../img/common/footer_tel_icon.png) no-repeat left center;
	padding-left: 25px
}

#footer .inner .block_R .tel_block .address .address_span {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	height: 24px;
	margin-right: 5px;
	background: url(../img/common/footer_address_icon.png) no-repeat left center;
	padding-left: 25px;
	margin-top: 12px;
}

#footer .inner .block_R .contact_link {
	display: block;
	background: #153DC9;
	border: 2px solid #153DC9;
	-webkit-transition: all .5s 0s ease;
	-moz-transition: all .5s 0s ease;
	transition: all .5s 0s ease;
	padding: 15px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 100;
	float: right;
	width: 46%;
	text-align: center;
	max-width: 280px;
	font-size: 24px;
	color: #fff;
}

#footer .inner .block_R .contact_link:hover {
	background: #fff;
	color: #000;
}

#footer .inner .block_R .contact_link span {
	display: inline-block;
	letter-spacing: .1em
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 12px;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	letter-spacing: .08em;
	border-top: 1px solid #fff
}

#footer .copyright .footer__copy {
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	text-align: center
}*/

#home {
	background: #f9f9f9
}

.main_v {
	background: url(../img/home/main_v.jpg) no-repeat center center;
	height: 100vh;
	max-width: 1920px;
	margin-right: auto;
	margin-left: auto;
	background-size: cover
}

.main_v .copy_area {
	position: absolute;
	top: 26%;
	right: auto;
	bottom: auto;
	left: 100px;
	z-index: 100;
	text-align: left;
}.main_v .copy_area2 {    position: absolute;    width: 100%;    height: 100%;    left: 0;    top: 0;    background: rgba(4,9,38,0.8);}.main_v .copy_area_bg {    position: absolute;    width:68%;    top: 26%;    left:16%;    text-align: center;    color:#fff;}
.copy_area2 .copy_area{display:none}
.main_v .copy_area2_1{font-size:30px;line-height:48px;margin-bottom:20px;}
.main_v .copy_area2_2{font-size:72px;line-height:94px;margin-bottom:50px;font-weight:bold;}
.main_v .copy_area2_3{font-size:30px;}
.main_v .copy_area2_3 img{max-width:100%;}
.main_v .copy_area2_4{font-size:36px;margin-top:50px;}

.main_v .copy_area .en_copy {
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-size: 92px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	margin-bottom: 45px;
	position: relative;
	text-transform: uppercase
}

.main_v .copy_area .en_copy span {
	position: relative;
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	opacity: 0;
	transform: translateX(-30px);
	-moz-transition-property: opacity,transform!important;
	-webkit-transition-property: opacity,transform!important;
	transition-property: opacity,transform!important
}

.main_v .copy_area .en_copy:nth-of-type(1) span {
	-webkit-transition: opacity .5s 1.3s cubic-bezier(.65,.84,.44,1);
	-moz-transition: opacity .5s 1.3s cubic-bezier(.65,.84,.44,1);
	transition: opacity .5s 1.3s cubic-bezier(.65,.84,.44,1)
}

.main_v .copy_area .en_copy:nth-of-type(2) span {
	-webkit-transition: opacity .5s 1.5s cubic-bezier(.65,.84,.44,1);
	-moz-transition: opacity .5s 1.5s cubic-bezier(.65,.84,.44,1);
	transition: opacity .5s 1.5s cubic-bezier(.65,.84,.44,1)
}

.main_v .copy_area .en_copy:nth-of-type(3) span {
	-webkit-transition: opacity .5s 1.7s cubic-bezier(.65,.84,.44,1);
	-moz-transition: opacity .5s 1.7s cubic-bezier(.65,.84,.44,1);
	transition: opacity .5s 1.7s cubic-bezier(.65,.84,.44,1)
}

.main_v .copy_area .en_copy span.changed {
	opacity: 1;
	transform: translateX(0)
}

.main_v .copy_area .jp_copy {
	font-size: 30px;
	font-weight: 700;
	color: #fff
}

.main_v .scroll {
	display: block;
	background: #153DC9;
	width: 108px;
	height: 108px;
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	-webkit-transition: all 750ms 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all 750ms 0s cubic-bezier(.165,.84,.44,1);
	transition: all 750ms 0s cubic-bezier(.165,.84,.44,1);display:none;
}

.main_v .scroll:hover {
	background: #000
}

.main_v .scroll:hover span {
	color: #fff
}

.main_v .scroll:hover .inner .arrow::before {
	background: #456fff
}

.main_v .scroll:hover .inner .arrow::after {
	border-top: 4px solid #456fff;
	border-right: 4px solid #456fff
}

.main_v .scroll .inner {
	position: relative;
	width: 100%;
	height: 100%
}

.main_v .scroll .inner .arrow {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	color: #fff;
}

.main_v .scroll .inner .arrow i{display: block;position: absolute;left: 50%;margin-left: -13px;top: 16px;width:26px;height:54px;background:url(g_sybanner_btnx.png) no-repeat;background-size:100%;}
.main_v .scroll .inner .arrow i::after,.main_v .scroll .inner .arrow i::before {
	position: absolute;
	content: "";
	vertical-align: middle;
	-webkit-transition: all 750ms 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all 750ms 0s cubic-bezier(.165,.84,.44,1);
	transition: all 750ms 0s cubic-bezier(.165,.84,.44,1);    display:none;
}

.main_v .scroll .inner .arrow i::before {
	width: 4px;
	height: 28px;
	top: 30px;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	background: #fff
}

.main_v .scroll .inner .arrow i::after {
	width: 16px;
	height: 16px;
	top: 36px;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}

.main_v .scroll .inner .arrow span {
	display: block;
	position: absolute;
	top: 76px;
	right: auto;
	bottom: auto;
	left: auto;
	position: absolute;
	width: 100%;
	text-align: center;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-weight: 500;
	-webkit-transition: all 750ms 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all 750ms 0s cubic-bezier(.165,.84,.44,1);
	transition: all 750ms 0s cubic-bezier(.165,.84,.44,1)
}

.concept {
	width: 100%;
	max-width: 1920px;
	margin-right: auto;
	margin-left: auto;
	background: #f3f2f2;
    padding: 60px 2% 80px 2%;
    box-sizing: border-box;
}

.concept .inner {
	position: relative;
	width: 100%;
	height: 540px
}

.concept .inner::after {
	content: "";
	display: block;
	clear: both
}

.concept .catch {
	font-size: 36px;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-weight: 700;
	position: relative;
	z-index: 1;
	line-height: 96px;
	padding-top: 80px;
	margin-bottom: 30px;
	text-transform: uppercase;    text-align:left;
}
.concept .catch>span {font-size:72px;}
.concept .lead_area {
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 2% 0 0
}

.concept .catch2 {	font-size:40px;    line-height:60px;    height:120px;	margin-bottom: 20px;    text-align:left;}
.concept .catch2 p{
    float:left;
}
.concept .catch2 span{
    display:block;width:calc( 100% - 140px );float:left;
}
.concept .catch2 span.selected b{background:#fff }
.concept .catch2 span.selected b i{color:#fff }

.concept .catch2 b {
    white-space: unset;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}.catch2.cd-headline.type .cd-words-wrapper::after {    display:none;}

.concept .lead {
	font-size: 42px;
	line-height: 60px;
	font-weight: 700;
}
.concept .lead1 {
	font-size: 42px;
	line-height: 60px;
	font-weight: 700;
    text-align:left;
}
.inner .cd-headline.loading-bar .cd-words-wrapper::after{background:#4465da;height:4px;bottom:auto;top:50%;z-index:-1}
.concept .lead2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: 700;
	margin-top: 50px;
}

.concept .img_area {
	width: 50%;
	overflow: hidden;
	background: url(../img/home/sec2_2.jpg) no-repeat right center;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 0;
	bottom: auto;
	left: auto;
	z-index: 0;
	-webkit-transition: all .5s 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all .5s 0s cubic-bezier(.165,.84,.44,1);
	transition: all .5s 0s cubic-bezier(.165,.84,.44,1)
}

.concept .img_area:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #f9f9f9;
	z-index: 1;
	-webkit-transition: all .8s .4s cubic-bezier(.645,.045,.355,1);
	-moz-transition: all .8s .4s cubic-bezier(.645,.045,.355,1);
	transition: all .8s .4s cubic-bezier(.645,.045,.355,1);
	-webkit-transform-origin: right top;
	transform-origin: right top
}

.concept .img_area img {
	max-width:100%;
}

.concept .img_area.changed:after {
	left: 2000px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}

.service {
	width: 100%;
	padding:0 2%;
	margin-right: auto;
	margin-left: auto;
	background:#fff;    box-sizing: border-box;}
.service_title{padding:50px 0 0 50px;}
.service_title p{font-size:30px;line-height:42px;color:#000;margin-bottom:4px;}
.service_title span{font-size:14px;color:rgba(0,0,0,0.5);line-height: 24px;}

.service::after {
	content: "";
	display: block;
	clear: both
}

.service #web {
	float: left
}

.service #graphic {
	float: right
}

.service .box {
	width: 100%;
	background: #fff;
	padding: 80px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.service .box .midashi {
	position: absolute;
	top: -45px;
	right: auto;
	bottom: auto;
	left: -10px;
	display: table
}

.service .box .midashi span {
	display: table-cell;
	vertical-align: middle
}

.service .box .midashi .en {
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	text-transform: uppercase;
	font-size: 60px;
	font-weight: 700;
	padding-right: 20px
}

.service .box ul {
	margin-bottom: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.service .box ul::after {
	content: "";
	display: block;
	clear: both
}
.service .box ul li {
	width: 16.66%;
	float: left;
	text-align: center;
	position: relative;
	padding-bottom: 40px;
	margin-top: 0;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
}
.service .box ul li .link_box{
    max-width: 260px;
    margin:0 auto;
    padding-top: 0px;
    height: 80px;
    box-sizing: border-box;
    overflow:hidden;
    height:0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
}
.service .box ul li .link_box a{display:inline-block;width:auto;font-size:12px;color:rgba(0,0,0,0.5);line-height:18px;height: auto;padding:6px 12px;border:1px solid #dcdcdc;margin:6px 5px 0 0;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;}
.service .box ul li .link_box a:hover{color:#fff;background:#3b57f8;border-color:#3b57f8}
.service .box ul li .m span.span1{display:block;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;}
.service .box ul li:hover{margin-top: -40px;padding-bottom:0;}
.service .box ul li:hover .link_box{height:80px;}
.service .box ul li:hover .m span.span1{margin-top:-20px;}
.service .box ul li a {
	display: block;
	width: 100%;
	width: 100%;
	height: 100%
}
.service .box ul li .img {width:90px;margin:0 auto;height:80px;overflow:hidden;
	margin-bottom: 10px
}
.service .box ul li .m {    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
    height: 48px;
    overflow: hidden;
}

.service .box ul li .m span {
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	display: block;
	line-height:20px;
	font-size: 12px
}

.works {
	padding: 60px 0;
	background: #fff
}

.works .m {
	font-size: 36px;
	line-height: 52px;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;    font-weight:bold;
}

.works .read {
	text-align: center;
	font-weight: 700;
	margin-bottom: 55px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.works .read  li{
    display:inline-block;
    padding:0 10px;
}.works .read  li a{
    display:inline-block;
    font-size:18px;
    position:relative;
    /*color: #040404;*/
    color: #777;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .5s;
    padding: 0 2px;
    font-weight: 400;
}
.works .read  li a:after{content:'';background:#3b57f8;height:1px;position:absolute;top:50%;transition:0.5s all;width:0;left:100%}
.works .read  li a.cur:after,.works .read  li a:hover:after{transition:0.5s width;width:100%;left:0;}

.works .works_list::after {
	content: "";
	display: block;
	clear: both
}

.works .see_more {
	max-width: 280px;
	width: 96%;
	margin-right: auto;
	margin-left: auto
}

.works_list {
	max-width: 1920px;
	margin-right: auto;
	margin-left: auto
}.list_parent .hide {display:none;}
li.work {
	float: left;
	width: 33.33%;
	position: relative;
	-webkit-transition: all .5s 0s ease-out;
	-moz-transition: all .5s 0s ease-out;
	transition: all .5s 0s ease-out;
	overflow: hidden;
	z-index: 0;    height:auto!important;
}

li.work .tag {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: 5;
	background: #000;
	color: #fff;
	padding: 10px 20px;
	font-size: 12px;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	text-transform: uppercase
}

li.work .graphic {
	background: #fc0
}

li.work .web {
	background: #153DC9
}

li.work a.link_work {
	-webkit-transition: all .2s 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all .2s 0s cubic-bezier(.165,.84,.44,1);
	transition: all .2s 0s cubic-bezier(.165,.84,.44,1)
}

li.work .img_box {
	line-height: 0;
	overflow: hidden
}

li.work .img_box img {
	-webkit-transition: all 750ms 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all 750ms 0s cubic-bezier(.165,.84,.44,1);
	transition: all 750ms 0s cubic-bezier(.165,.84,.44,1)
}

li.work .detail_box {
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top:0;left:0;
	text-align:center;
}

li.work .title {
	font-size: 20px;
	position: relative;
	z-index: 2;    line-height:28px;color: #fff;
}

li.work .naiyou {
	font-size: 13px
}

li.work .naiyou strong {
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	text-transform: uppercase
}

.recruit {
	width: 100%;
	background: #fff;
	position: relative;
	height: 589px
}

.recruit .recruit_m.pc_none {
	padding-top: 0;
	margin-bottom: 20px;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-size: 50px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase
}

.recruit .inner {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background: #153DC9;
	height: 351px;
	position: absolute;
	top: auto;
	right: auto;
	bottom: 0;
	left: auto;
	-webkit-transition: all 1.5s 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all 1.5s 0s cubic-bezier(.165,.84,.44,1);
	transition: all 1.5s 0s cubic-bezier(.165,.84,.44,1);
	transform: scaleY(0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

.recruit .inner.changed {
	transform: scaleY(1)
}

.recruit .inner2 {
	width: 96%;
	max-width: 1500px;
	height: 503px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/home/sec5.jpg) no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	margin-right: auto;
	margin-left: auto
}.recruit .inner2 a{display:block;width:100%;height:100%;text-align:center;}
.recruit .inner2 a .inner2_p1{font-size: 86px;color:#fff;text-shadow:0 2px 7px rgba(0,0,0,0.6);line-height: 96px;padding-top: 116px;}
.recruit .inner2 a .inner2_p2{padding-top:10px;font-size: 20px;color:#fff;font-weight:100;letter-spacing: 10px;}
.recruit .inner2 a .inner2_p3 span{display:inline-block;font-size: 30px;line-height:34px;padding: 10px 71px;background:#3b57f8;border-radius:25px;color:#fff;margin-top: 20px;letter-spacing:4px;font-weight: 100;}
.recruit .inner2 a .inner2_p4{font-size: 26px;color:#fff;margin-top: 16px;font-weight:100;line-height: 36px;letter-spacing: 4px;}

.recruit .inner2 .recruit_m {
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-size: 70px;
	font-weight: 700;
	text-align: center;
	color: #153DC9;
	padding-top: 50px;
	margin-bottom: 50px;
	text-transform: uppercase
}

.recruit .inner2 .read {
	color: #fff;
	text-align: center;
	line-height: 2.5;
	margin-bottom: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.recruit .inner2 .see_more {
	max-width: 380px;
	margin-right: auto;
	margin-left: auto;    display:none;
}

.recruit .inner3 {
	position: relative;
	z-index: 2;
	top: -24px;
	background: #fc0;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding: 6% 4%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.recruit .inner3 .read {
	color: #000;
	margin-bottom: 20px
}
.index.event{width: 96%;max-width: 1500px;}
.sec6_event_mobile{display:none}
.index.event .event_ul{margin-left: -15px;margin-right: -15px;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.index.event .event_ul li{padding: 0 15px;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;overflow: inherit;
	background-color: transparent;
}
.index.event .event_ul li:hover {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.index.event .event_ul li:hover a{
	box-shadow: 0 0 30px rgba(12,0,0,.3);
	-webkit-box-shadow: 0 0 30px rgba(12,0,0,.3);
	-moz-box-shadow: 0 0 30px 2px rgba(12,0,0,.3);
}

.newslit_ul{clear: both;overflow: hidden;margin-bottom: 50px;}
.newslit_ul li{width: 25%;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box; padding: 0 15px;margin-bottom: 10px;background: url(../img/newsli_bg.png) left center no-repeat;}
.newslit_ul li a{display: block;height: 32px;line-height: 32px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;color: #333;}

.event {
	padding: 60px 0 60px;
	max-width: 1920px;
	margin-right: auto;
	margin-left: auto;
	background: #fff;
}

.event .event_m {
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	text-align: center;
	font-weight: 700;
	font-size: 36px;
	margin-bottom: 30px;
	text-transform: uppercase
}
.event .event_m span{display:block;font-weight:400;padding-top:8px;font-size: 14px;color: rgba(0,0,0,0.5);line-height: 24px;}

.event .event_ul {
	margin-bottom: 50px
}

.event .event_ul::after {
	content: "";
	display: block;
	clear: both
}

.event .event_ul li {
	float: left;
	width: 25%;
	position: relative;
	overflow: hidden;
	z-index: 0;
	-webkit-transition: all .5s 0s ease-out;
	-moz-transition: all .5s 0s ease-out;
	transition: all .5s 0s ease-out
}
.event .event_ul.news_ul li{width: 30%;margin-bottom:30px;}
.event .event_ul.news_ul li:nth-child(3n+1){margin-left: 3.75%;}
.event .event_ul.news_ul li:nth-child(3n+2){margin-left: 1.25%;}
.event .event_ul.news_ul li:nth-child(3n){margin-left: 1.25%;}
.event .event_ul.news_ul .title{font-size: 22px;line-height:32px;height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.event .event_ul.news_ul .title2{font-size: 22px;line-height:32px;height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.event .event_ul.news_ul .news{font-size: 18px;font-weight:bold;line-height:24px;margin-top:6px;}
.event .event_ul.news_ul .date{font-size: 14px;line-height:24px;margin-top:6px;margin-bottom: 0;}

.event .event_ul li a {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all .3s 0s cubic-bezier(.165,.84,.44,1);
	transition: all .3s 0s cubic-bezier(.165,.84,.44,1)
}


.event .event_ul li .item:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.event .event_ul li a:hover .detail_area {
	/*background: #153DC9;*/
	/*color: #fff*/
}

.event .event_ul li .imgbox .item {
	line-height: 0;    box-sizing:border-box;
	overflow: hidden;    position:relative;
	-webkit-transition: -webkit-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s;
    -moz-transition: -moz-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s;
    -ms-transition: -ms-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s;
    -o-transition: -o-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s;
    transition: transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s;
}

.event .event_ul li .img {
	line-height: 0;    box-sizing:border-box;
	overflow: hidden;    position:relative;
	-webkit-transition: -webkit-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s;
    -moz-transition: -moz-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s;
    -ms-transition: -ms-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s;
    -o-transition: -o-transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s;
    transition: transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s;
}

.event .event_ul li .imgbox{overflow: hidden;width: 100%; position: relative;box-sizing: content-box;-webkit-box-sizing: content-box;-ms-box-sizing: content-box;-moz-box-sizing: content-box;height: 0;padding-top: 71.58%;}
.event .event_ul li .img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.event .event_ul li .img img {
	-webkit-transition: transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 1s;
	-moz-transition: transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 1s;
	transition: transform 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 1s;
	width: 100%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}


.event .event_ul li .detail_area {
	padding: 4% 4%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .9s 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all .9s 0s cubic-bezier(.165,.84,.44,1);
	transition: all .9s 0s cubic-bezier(.165,.84,.44,1)
}

.event .event_ul li .date {
	margin-bottom: 15px;
	position: relative;
	z-index: 1
}

.event .event_ul li .title {
	font-weight: 400;
	position: relative;
	z-index: 1;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; 
}

.event .see_more {
	max-width: 280px;
	margin-right: auto;
	margin-left: auto
}

.topics {
	padding: 80px 0 80px;
	max-width: 1920px;
	margin-right: auto;
	margin-left: auto
}

.topics .topics_m {
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	text-align: center;
	font-weight: 700;
	font-size: 50px;
	margin-bottom: 40px
}

.topics .topics_ul {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 60px
}

.topics .topics_ul::after {
	content: "";
	display: block;
	clear: both
}

.topics .topics_ul li {
	width: 22%;
	margin-left: 2%;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: -moz-inline-box;
	display: inline-block!important;
	text-align: left
}

.topics .topics_ul li:first-child {
	margin-left: 0
}

.topics .topics_ul li a {
	display: block;
	padding: 15px;
	border: 4px solid #fff;
	-webkit-transition: all .5s 0s cubic-bezier(.245,.045,.355,1);
	-moz-transition: all .5s 0s cubic-bezier(.245,.045,.355,1);
	transition: all .5s 0s cubic-bezier(.245,.045,.355,1)
}

.topics .topics_ul li a:hover {
	border: 4px solid #000
}

.topics .topics_ul li .title {
	font-weight: 400;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc
}

.topics .topics_ul li .date {
	text-align: right;
	padding-top: 20px;
	font-weight: 700
}

.topics .see_more {
	max-width: 380px;
	margin-right: auto;
	margin-left: auto
}

.main_v_2nd {
	width: 100%;
	height: 500px;
	position: relative;
	max-width: 1920px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/home/main_v.jpg) no-repeat center center
}

.main_v_2nd .title_area {
	position: absolute;
	top: 35%;
	left: 80px;
	color: #fff;
	letter-spacing: .08em
}

.main_v_2nd .en_title {
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-weight: 700;
	font-size: 100px;
	color: #fff;
	position: relative;
	text-transform: uppercase
}

.main_v_2nd .jp_title {
	font-size: 30px;
	position: relative
}

.no_main {
	padding: 30px 0 50px!important
}

.no_main .m {
	font-size: 54px;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px
}

.no_main .m2_jp {
	font-size: 20px;
	text-align: center
}

.slide_line {
	position: relative
}

.slide_line:after {
	display: inline;
	content: '';
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	background: #153DC9
}

.slide_line.on:after {
	-webkit-animation: slide_line 1s ease 1.5s 1 normal both running;
	animation: slide_line 1s ease 1.5s 1 normal both running
}

.jp_title .slide_line.on:after {
	-webkit-animation: slide_line 1s ease 1.7s 1 normal both running;
	animation: slide_line 1s ease 1.7s 1 normal both running
}

.slide_line .hide {
	-webkit-transition: all 0s 1.95s ease;
	-moz-transition: all 0s 1.95s ease;
	transition: all 0s 1.95s ease;
	opacity: 0
}

.jp_title .slide_line .hide {
	-webkit-transition: all 0s 2.15s ease;
	-moz-transition: all 0s 2.15s ease;
	transition: all 0s 2.15s ease
}

.slide_line.on .hide {
	opacity: 1
}

.contents {
	width: 100%
}

#company .main_v_2nd {
	background: url(../img/main_v_sub/main_v2.jpg) no-repeat center center
}

.company1 {
	padding: 60px 20px 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.company1 .title2 {
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-size: 54px;
	text-align: center;
	margin-bottom: 50px;
	text-transform: uppercase
}

.company1 .title2 .jp_title {
	display: block;
	font-size: 18px;font-weight:bold;margin-top:20px;
}

.company1 .table_area {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px
}

.company1 .table_area::after {
	content: "";
	display: block;
	clear: both
}

.company1 .table_area .left_block,.company1 .table_area .right_block {
	width: 48%
}

.company1 .table_area .left_block {
	float: left
}

.company1 .table_area .right_block {
	float: right
}

.company1 .table_area .tb1 {
	width: 100%;
	border-collapse: separate;
	border-spacing: 20px 0;
	width: 100%
}

.company1 .table_area .tb1 td,.company1 .table_area .tb1 th {
	padding: 30px 0 26px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top
}
.company1 .table_area .tb1 tr:first-child th {border-top: 2px solid #000;}
.company1 .table_area .tb1 tr:first-child td {border-top: 2px solid #ddd;}
.company1 .table_area .tb1 th {
	border-bottom: 2px solid #000;
	width: 18%;
	max-width: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;        
	vertical-align: middle
}

.company1 .table_area .tb1 td {
	border-bottom: 2px solid #ddd;
	width: 75%;
	max-width: 350px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 26px;
}

.company1 .table_area .tb1 .pin_link {
	padding-left: 20px;
	background: url(../img/company/pin.png) no-repeat left center
}

.company1 .table_area .tb1 .pin_link span {
	color: #1400a3;
	border-bottom: 1px solid #8d7cd7
}

.company1 .table_area .tb1 .jigyou_list {
	list-style-type: decimal
}

.company1 .gaikan {
	text-align: center
}

.company2 {
	width: 100%;
	padding: 20px 20px 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto
}

.company2 #map_canvas {
	width: 100%;
	height: 300px
}

.company2 .lead1 {
	text-align: center;
	padding: 30px 15px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 2.5
}

.company3 {
	margin: auto;
	padding: 30px 0 70px
}

.company3 .inner {
	max-width: 1200px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	padding: 0 4%
}

.company3 .inner::after {
	content: "";
	display: block;
	clear: both
}

.company3 .inner h3 {
	text-align: center;
	font-size: 28px;
	margin-bottom: 50px
}

.company3 .inner .img {
	float: left;
	width: 46%
}

.company3 .inner .lead1 {
	float: right;
	width: 48%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 2.5
}

.company3 .autoplay {
	margin-bottom: 70px!important
}

.company3 .slick-slide {
	margin: 0 1px
}

.company3 .slick-arrow {
	padding: 30px;
	border: 2px solid #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.company3 .slick-next::before,.company3 .slick-prev::before {
	font-family: slick;
	font-weight: 700;
	font-size: 25px;
	line-height: 1;
	opacity: .75;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 25px;
	height: 25px;
	margin: auto
}

.company3 .slick-next:before,.company3 .slick-prev:before {
	color: #000
}

.company3 .slick-prev {
	left: 60px;
	z-index: 100
}

.company3 .slick-next {
	right: 60px;
	z-index: 99
}

#graphic .main_v_2nd,#works .main_v_2nd {
	/*display: none*/
}

#graphic .works_list {
	text-align: center
}

#graphic .works_list .work {
	width: 30%;
	margin: 0 1% 4%;
	display: inline-block;
	float: none
}

#graphic .works_list .work .detail_box {
	text-align: left
}

.pager {
	padding: 65px 45px;
	position: relative;
	text-align: center
}

.pager__buttons {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 50px;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.pager__buttons__button {
	font-size: 20px;
	font-family: Raleway,sans-serif;
	color: #7f7f7f;
	letter-spacing: 2px;
	-webkit-transition: all .2s 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all .2s 0s cubic-bezier(.165,.84,.44,1);
	transition: all .2s 0s cubic-bezier(.165,.84,.44,1);
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-weight: 600
}

.pager__buttons__button:hover {
	color: #153DC9
}

.pager__buttons__button.is-left {
	margin-left: auto
}

.pager__list {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translatex(-50%);
	-ms-transform: translatex(-50%);
	transform: translatex(-50%);
	margin-top: -25px;
	display: inline-block;
	margin-right: -10px
}

.pager__list>li.enable {
	display: inline-block
}

.pager__list>li {
	display: inline-block;
	margin-right: 10px;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #7f7f7f;
	width: 50px;
	height: 50px
}

.pager__list>.next {
	width: 100px
}

.pager__list>.prev {
	width: 100px
}

.pager__list>.next>a {
	width: 100px
}

.pager__list>.prev>a {
	width: 100px
}

.pager__list .is-active {
	color: #153DC9
}

.pager__list a {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	color: #7f7f7f;
	text-align: center;
	line-height: 50px;
	transition: background .5s 0s cubic-bezier(.165,.84,.44,1);
	-webkit-transition: all .5s 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all .5s 0s cubic-bezier(.165,.84,.44,1);
	transition: all .5s 0s cubic-bezier(.165,.84,.44,1)
}

.pager__list a:hover {
	background: #153DC9;
	color: #fff
}

.next a:hover,.prev a:hover {
	background: 0 0;
	color: #153DC9
}

#graphic .works_link {
	background: #153DC9
}

#graphic .works .works_link {
	color: #fff
}

#graphic .works .works_link::before {
	background: #fff
}

#graphic .works .works_link::after {
	width: 16px;
	height: 16px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff
}

.works .works_link {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	font-weight: 700;
	padding: 20px;
	color: #000;
	background: #fc0;
	text-align: center;
	display: block
}

.works .works_link span.en {
	font-size: 50px;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	text-transform: uppercase
}

.works .works_link span.jp {
	display: block;
	font-size: 15px
}

.works .works_link::before {
	background: url(../img/common/arrow.svg) no-repeat right center;
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 4%;
	margin: auto;
	z-index: 10
}

#service .main_v_2nd {
	background: url(../img/main_v_sub/main_v0.jpg) no-repeat center center
}

#service_web .main_v_2nd {
	background: url(../img/main_v_sub/main_v8.jpg) no-repeat center center
}

.service_list_wrap {
	width: 100%;
	max-width: 1920px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 90px
}

.service_list_wrap::after {
	content: "";
	display: block;
	clear: both
}

.graphic_list,.web_list {
	width: 50%;
	float: left;
	text-align: center;
	padding-top: 40px;
	position: relative
}

.graphic_list .title,.web_list .title {
	font-size: 18px;
	position: relative;
	z-index: 1;
	top: 35px;
	text-transform: uppercase
}

.graphic_list .title span,.web_list .title span {
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-weight: 700;
	font-size: 60px;
	display: block;
	line-height: 1.2
}

.web_list {
	border-top: 8px solid #153DC9
}

.graphic_list {
	border-top: 8px solid #fc0
}

.service_ul {
	width: 100%;
	position: relative;
	z-index: 0
}

.service_ul::after {
	content: "";
	display: block;
	clear: both
}

.service_ul li {
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff
}

.service_ul li a {
	display: block;
	padding: 70px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition: all .2s 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all .2s 0s cubic-bezier(.165,.84,.44,1);
	transition: all .2s 0s cubic-bezier(.165,.84,.44,1)
}

.service_ul li a:hover .img img {
	transform: scale(1.2)
}

.service_ul li .img {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px
}

.service_ul li .img img {
	width: 22%;
	-webkit-transition: all .4s 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all .4s 0s cubic-bezier(.165,.84,.44,1);
	transition: all .4s 0s cubic-bezier(.165,.84,.44,1)
}

.service_ul li .title2 {
	font-size: 13px;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-weight: 600
}

.service_ul li .title2 span {
	display: block;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #000
}

.service_ul li .arrow {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 45px;
	height: 45px;
	padding: 0;
	background: #000;
	border: none;
	cursor: pointer
}

.service_ul li .arrow::before {
	font-family: slick;
	font-weight: 700;
	font-size: 25px;
	line-height: 1;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 25px;
	height: 25px;
	margin: auto;
	content: '→'
}

.web_list li {
	background: #f0f0f0
}

.web_list li:nth-child(odd) {
	border-left: 2px solid #f0f0f0
}

.web_list li .title2 {
	color: #153DC9
}

.graphic_list li {
	background: #f9f9f9
}

.graphic_list li .title2 {
	color: #153DC9
}

#contact {
	background: #f9f9f9
}

#contact .main_v_2nd {
	background: url(../img/main_v_sub/main_v10.jpg) no-repeat center center
}

#contact .bg_mask {
	background: rgba(0,0,0,.1)
}

#contact .contents {
	background: #f9f9f9;
	padding-bottom: 80px
}

.contact1 {
	padding: 80px 4%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	line-height: 2.4
}

.contact1.no_main {
	padding: 150px 0 50px!important
}

.contact1 .read2_m {
	text-align: center;
	font-size: 16px;
	margin-bottom: 40px
}

.contact1 .lead {
	margin-bottom: 50px
}

.contact1 .step_ul {
	text-align: center
}

.contact1 .step_ul li {
	display: inline;
	color: #153DC9;
	font-size: 18px;
	font-weight: 700
}

.contact1 .step_ul li:nth-child(n+2)::before {
	content: '';
	display: inline-block;
	width: 180px;
	height: 1px;
	background: #e0e0e0;
	vertical-align: .3em;
	margin: 0 20px 0 17px
}

.contact1 .step_ul .is-active {
	color: #fc0
}

.contact2 {
	width: 100%
}

.contact2 .inner {
	max-width: 1200px;
	width: 100%;
	margin-right: auto;
	margin-left: auto
}

.contact2 .f_set {
	padding: 28px 30px 0
}

.contact2 .midashi {
	font-weight: 700;
	margin-bottom: 12px;
	display: block;
	width: 100%
}

.contact2 .midashi .hissu {
	color: red;
	margin-right: 5px
}

.contact2 .midashi .en_m {
	margin-left: 10px
}

.contact2 input[type=email],.contact2 input[type=tel],.contact2 input[type=text] {
	height: 62px;
	margin-bottom: 20px;
	padding: 0 18px;
	background: #fff;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	font-size: 16px
}

.contact2 textarea {
	width: 100%;
	height: 200px;
	padding: 14px 18px;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 350px;
	font-size: 16px
}

.js-err {
	color: red;
	display: none
}

.js-mes-err .js-err {
	display: block
}

.checkbox {
	position: relative;
	z-index: 1;
	vertical-align: middle;
	display: inline-block;
	box-sizing: border-box;
	width: 40%;
	height: 72px;
	margin: 0;
	padding: 0;
	margin-bottom: 30px
}

.checkbox input,.submit__policy input {
	position: absolute;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none
}

label {
	position: relative;
	cursor: pointer;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 72px;
	margin: 0;
	z-index: 2;
	padding: 0 65px;
	display: block;
	transition: all .5s ease 0s;
	background: #235187;
	color: #fff
}

label:hover {
	background: #153DC9
}

label:hover .box_outline {
	border-radius: 30%
}

.box_outline {
	position: absolute;
	top: 19px;
	left: 20px;
	display: inline-block;
	box-sizing: border-box;
	width: 32px;
	height: 32px;
	margin: 0;
	cursor: pointer;
	overflow: hidden;
	border: 1px solid rgba(0,0,0,.12);
	border-radius: 0;
	z-index: 3;
	background: #f6f6f6;
	transition: all .5s ease 0s
}

.checkbox input:checked+label .box_outline {
	border-radius: 50%;
	background: #fc0
}

.box_outline::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	transition: all .5s ease 0s
}

.checkbox input:checked+label .box_outline::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.checkbox input:checked+label {
	background-color: #153DC9
}

.contact__form__policy {
	padding: 60px 0
}

.submit_policy {
	width: 100%;
	height: auto
}

.submit_policy input:checked+label {
	background: 0 0
}

.submit_policy a {
	color: #00f
}

.submit_policy label {
	background: 0 0;
	color: #000;
	padding: 0 0 0 80px;
	line-height: 32px;
	width: 460px;
	margin-right: auto;
	margin-left: auto
}

.submit_policy .box_outline {
	top: 0
}

.button_submit {
	display: block;
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	background: #000;
	padding: 40px 0;
	color: #fff;
	cursor: pointer;
	position: relative;
	font-size: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity: .5;
	-webkit-transition: all .5s 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all .5s 0s cubic-bezier(.165,.84,.44,1);
	transition: all .5s 0s cubic-bezier(.165,.84,.44,1)
}

.agree.button_submit {
	opacity: 1
}

.see_more:after {
	color: #000
}

.buttons {
	padding: 60px 4% 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.buttons::after {
	content: "";
	display: block;
	clear: both
}

.buttons #mail_form1,.buttons #mail_form2 {
	width: 48%
}

.buttons #mail_form1 {
	float: left
}

.buttons #mail_form1 .button_submit {
	background: #153DC9;
	border-color: #153DC9
}

.buttons #mail_form2 {
	float: right
}

.buttons .button_submit {
	width: 100%
}

.confirm .hissu {
	display: none
}

.confirm .f_set {
	background: #eee;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 30px
}

.confirm .f_set .midashi {
	font-size: 14px
}

.confirm .f_set .f_set_txt2 {
	font-size: 18px
}

.thanks .lead5 {
	padding: 30px 4% 80px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 2.5
}

@font-face {
	font-family:IonIcons;src:url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1);src:url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix) format("embedded-opentype"),url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1) format("truetype"),url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1) format("woff"),url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons) format("svg");font-weight:400;font-style:normal
}

.pt20 {
	padding-top: 20px
}

.inverse {
	background: #000;
	padding: 20px 0;
	color: #fff
}

.select-wrap {
	position: relative
}

.select-wrap:before {
	z-index: 1;
	position: absolute;
	right: 15px;
	top: 0;
	content: "\f123";
	font-family: IonIcons;
	line-height: 55px;
	color: #7f878c;
	pointer-events: none
}

select {
	background: #fff;
	outline: 0;
	-moz-appearance: none;
	text-indent: .01px;
	text-overflow: '';
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 50px;
	padding: 8px 12px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	color: #828c9a;
	width: 100%;
	border-radius: 3px
}

select option {
	background-color: #fff;
	color: #333
}

select::-ms-expand {
	display: none
}

select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #828c9a
}

.select-wrap.select-primary:before {
	color: #fff
}

.select-wrap.select-primary>select {
	background: #0084b4;
	color: #fff;
	border-color: #0084b4
}

.select-wrap.select-primary>select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #fff
}

.select-wrap.select-inverse:before {
	color: #fff
}

.select-wrap.select-inverse>select {
	color: #fff;
	border-color: #fff
}

.select-wrap.select-inverse>select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #fff
}

.fileinput-button {
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin-bottom: 20px
}

.button-default {
	color: #fff;
	background: #153DC9;
	border: 1px solid #153DC9;
	border-color: #485458;
	-webkit-transition: all .3s 0s ease-out;
	-moz-transition: all .3s 0s ease-out;
	transition: all .3s 0s ease-out;
	display: inline-block;
	padding: 8px 15px
}

.button-default:hover {
	color: #153DC9;
	background-color: #fff;
	border: 1px solid #153DC9
}

input[type=file] {
	width: auto;
	padding: initial;
	line-height: initial;
	background-color: #fff;
	background-color: initial;
	border: initial;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 200px;
	direction: ltr;
	cursor: pointer
}

.insert {
	margin: 0 7px;
	color: #153DC9
}

::placeholder {
	font-size: 14px
}

#privacy .main_v_2nd {
	display: none
}

#privacy .container {
	max-width: 1100px;
	margin: auto;
	padding: 80px 4% 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.container section {
	padding-top: 55px
}

.container section .leter-space01 {
	letter-spacing: .1em
}

.container section .policy_title {
	margin-bottom: 15px
}

.container section h4 {
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 5px
}

.container section ol {
	list-style: disc;
	list-style-position: inside
}

#web_nav {
	width: 100%;
	padding: 20px 0 20px;
	border-bottom: 2px solid #000;
	margin-bottom: 60px
}

#web_nav ul::after {
	content: "";
	display: block;
	clear: both
}

#web_nav ul li {
	float: left;
	width: 16.5%;
	text-align: center
}

#web_nav ul li:first-child a {
	border-left: none
}

#web_nav ul li a {
	width: 100%;
	display: inline-block;
	padding: 0 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 2px solid #000
}

#web_nav ul li a span {
	background-repeat: no-repeat;
	background-size: 20px auto;
	padding-left: 35px
}

#web_nav ul li #web_link1 span {
	background-image: url(../img/service/web_nav1.png)
}

#web_nav ul li #web_link2 span {
	background-image: url(../img/service/web_nav2.png)
}

#web_nav ul li #web_link3 span {
	background-image: url(../img/service/web_nav3.png)
}

#web_nav ul li #web_link4 span {
	background-image: url(../img/service/web_nav4.png)
}

#web_nav ul li #web_link5 span {
	background-image: url(../img/service/web_nav5.png)
}

#web_nav ul li #web_link6 span {
	background-image: url(../img/service/web_nav6.png)
}

.web_line_up {
	width: 100%;
	max-width: 1500px;
	padding-right: 4%;
	padding-left: 4%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto
}

.web_line_up .service_one {
	margin-bottom: 120px
}

.web_line_up .service_one::after {
	content: "";
	display: block;
	clear: both
}

.web_line_up .service_left {
	float: left;
	width: 24%;
	max-width: 350px;
	border-top: 7px solid #000;
	padding-top: 30px;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif
}

.web_line_up .service_left .no {
	font-size: 50px;
	color: #fc0;
	font-weight: 600;
	letter-spacing: .1em
}

.web_line_up .service_left .m {
	font-size: 60px;
	font-weight: 700;
	line-height: 1.2
}

.web_line_up .service_left span {
	display: block;
	font-size: 16px;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	padding-top: 20px
}

.web_line_up .service_right {
	float: right;
	width: 72%;
	font-weight: 1100;
	border-top: 4px solid #000;
	padding-top: 50px
}

.web_line_up .read1 {
	font-size: 26px;
	color: #153DC9;
	letter-spacing: .07em;
	margin-bottom: 50px
}

.web_line_up #sec1 .wrap {
	margin-bottom: 70px
}

.web_line_up #sec1 .wrap::after {
	content: "";
	display: block;
	clear: both
}

.web_line_up #sec1 .read2 {
	float: left;
	width: 55%;
	line-height: 2
}

.web_line_up #sec1 .lineup_img {
	float: right;
	width: 40%
}

.web_line_up #sec1 .wrap2 {
	width: 100%;
	background: #153DC9;
	padding: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff
}

.web_line_up #sec1 .wrap2::after {
	content: "";
	display: block;
	clear: both
}

.web_line_up #sec1 .wrap2 .point4 {
	width: 50%;
	float: left;
	padding: 0 0 0 90px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../img/service/sec1_icon1.png);
	background-repeat: no-repeat;
	background-position: left top
}

.web_line_up #sec1 .wrap2 #point4_1 {
	background-image: url(../img/service/sec1_icon1.png);
	margin-bottom: 50px;
	padding-right: 50px
}

.web_line_up #sec1 .wrap2 #point4_2 {
	background-image: url(../img/service/sec1_icon2.png);
	margin-bottom: 50px
}

.web_line_up #sec1 .wrap2 #point4_3 {
	background-image: url(../img/service/sec1_icon3.png);
	padding-right: 50px
}

.web_line_up #sec1 .wrap2 #point4_4 {
	background-image: url(../img/service/sec1_icon4.png)
}

.web_line_up #sec1 .wrap2 .m {
	font-size: 17px;
	margin-bottom: 20px
}

.web_line_up #sec1 .wrap2 .lead4 {
	font-size: 13px;
	line-height: 1.8
}

.web_line_up #sec2 .wrap::after {
	content: "";
	display: block;
	clear: both
}

.web_line_up #sec2 .block_l {
	float: left;
	width: 31%;
	max-width: 280px
}

.web_line_up #sec2 .m3 {
	margin-bottom: 15px;
	font-size: 18px
}

.web_line_up #sec2 .list li {
	background: url(../img/service/sec2_list_icon.png) no-repeat left center;
	padding-left: 25px;
	margin-bottom: 10px
}

.web_line_up #sec2 .block_r {
	float: right;
	width: 66%;
	max-width: 764px
}

.web_line_up #sec2 .m3_2 {
	background: #000;
	padding: 8px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	margin-bottom: 15px
}

.web_line_up #sec2 .cms_list {
	width: 100%
}

.web_line_up #sec2 .cms_list::after {
	content: "";
	display: block;
	clear: both
}

.web_line_up #sec2 .cms_list li {
	float: left;
	width: 24%;
	height: 74px;
	border: 2px solid #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	margin-left: 1%;
	padding: 0 10px
}

.web_line_up #sec2 .cms_list li:first-child {
	margin-left: 0;
	width: 25%
}

.web_line_up #sec2 .cms_list li a {
	display: block;
	width: 100%;
	height: 100%
}

.web_line_up #sec2 .cms_list li img {
	vertical-align: middle;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.web_line_up #sec4 {
	margin-bottom: 90px
}

.web_line_up #sec4 .wrap::after {
	content: "";
	display: block;
	clear: both
}

.web_line_up #sec4 .other_one {
	float: left;
	border: 2px solid #000;
	width: 48%;
	padding: 20px;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.web_line_up #sec4 .other_one:nth-child(even) {
	float: right
}

.web_line_up #sec4 .other_one .inner {
	padding-left: 80px;
	background: url(../img/service/other1.png) no-repeat left center
}

.web_line_up #sec4 .other_one .m3 {
	font-size: 18px;
	margin-bottom: 15px
}

.web_line_up #sec4 #other2 .inner {
	background: url(../img/service/other2.png) no-repeat left center
}

.web_line_up #sec4 #other3 .inner {
	background: url(../img/service/other3.png) no-repeat left center
}

.web_line_up #sec5 {
	border-top: 4px solid #000;
	padding-top: 50px
}

.web_line_up #sec5 .m {
	font-size: 60px;
	font-weight: 700;
	line-height: 1.2;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	text-align: center;
	margin-bottom: 50px
}

.web_line_up #sec5 span {
	display: block;
	font-size: 16px;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	padding-top: 20px
}

.web_line_up #sec5 .lead6 {
	text-align: center;
	margin-bottom: 50px
}

.web_line_up #sec5 .m3 {
	background: #000;
	padding: 8px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	letter-spacing: .1em
}

.web_line_up #sec5 .wrap {
	width: 100%;
	border: 1px solid #000;
	padding: 50px 30px 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.web_line_up #sec5 .wrap::after {
	content: "";
	display: block;
	clear: both
}

.web_line_up #sec5 .partner_list li {
	float: left;
	border-left: 1px solid #000;
	width: 33.33%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 30px
}

.web_line_up #sec5 .partner_list li:first-child {
	border-left: none
}

.web_line_up #sec5 .partner_list .m4 {
	font-size: 18px;
	margin-bottom: 15px
}

#recruit .main_v_2nd {
	background: url(../img/recruit/main_v_3.jpg) no-repeat center center;
	height: 100vh;
	background-size: cover
}

#recruit .main_v_2nd #catch {
	width: 100%;
	position: absolute;
	top: 40%;
	text-align: center
}

#recruit .title_area {
	top: 25%
}

#rec1 {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#rec1 .w1500 {
	max-width: 1500px;
	padding: 180px 0 50px;
	width: 92%;
	margin: 0 auto 0;
	position: relative
}

#rec1 .m2 {
	font-size: 20px;
	letter-spacing: .05em;
	font-weight: 400;
	position: absolute;
	top: 35px;
	left: 90px
}

#rec1 .en_rubi {
	display: block;
	font-size: 90px;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-weight: 700;
	line-height: 1.3
}

#rec1 .blockL {
	background: #fc0;
	padding: 160px 0 60px 90px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 74%
}

#rec1 .blockL::after {
	content: "";
	display: block;
	clear: both
}

#rec1 .blockL .inner {
	position: relative;
	width: 65%;
	float: left
}

#rec1 .blockL .catch {
	font-size: 40px;
	margin-bottom: 35px;
	font-weight: 700
}

#rec1 .blockL .read {
	line-height: 2;
	margin-bottom: 60px
}

#rec1 .blockL .see_more {
	width: 70%
}

#rec1 figure {
	position: absolute;
	top: 30%;
	left: 50%;
	width: 50%
}

.m2_rec {
	font-size: 60px;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
	text-transform: uppercase
}

.m2_rec span {
	display: block;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-size: 17px
}

.w1000_rec {
	max-width: 1000px;
	width: 100%;
	margin-right: auto;
	margin-left: auto
}

#rec2 {
	padding-top: 110px;
	margin-bottom: 40px
}

.seido_list {
	width: 100%
}

.seido_list::after {
	content: "";
	display: block;
	clear: both
}

.seido_list li {
	float: left;
	width: 30%;
	margin-left: 3%;
	background: #eee;
	text-align: center;
	border-top: 7px solid #000;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 30px
}

.seido_list .icon {
	width: 88px;
	height: 84px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url(../img/recruit/icon1.png);
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 20px
}

.seido_list .icon2 {
	background-image: url(../img/recruit/icon2.png)
}

.seido_list .icon3 {
	background-image: url(../img/recruit/icon3.png)
}

.seido_list .icon4 {
	background-image: url(../img/recruit/icon4.png)
}

.seido_list .icon5 {
	background-image: url(../img/recruit/icon5.png)
}

.seido_list .icon6 {
	background-image: url(../img/recruit/icon6.png)
}

.seido_list .m3 {
	font-size: 22px;
	margin-bottom: 25px
}

.seido_list .m3 span {
	font-size: 13px;
	display: block
}

.seido_list .read3 {
	line-height: 2.2
}

#rec3 {
	width: 100%;
	background: url(../img/recruit/sec3_bg.jpg) no-repeat center center;
	padding: 60px 0
}

#rec3 .block {
	max-width: 560px;
	width: 40%;
	background: #fff;
	padding: 50px 80px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	left: 55%;
	letter-spacing: .03em
}

#rec3 .block .m3 {
	font-size: 40px;
	margin-bottom: 30px
}

#rec3 .block .read4 {
	line-height: 2.2
}

#rec4 {
	padding: 90px 0
}

#rec4 .link_h3,#rec4 .link_h3_off {
	padding: 20px 4%;
	font-size: 23px;
	cursor: pointer;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#rec4 .link_h3 span,#rec4 .link_h3_off span {
	text-align: left
}

#rec4 .link_h3 .em1,#rec4 .link_h3 .em2,#rec4 .link_h3_off .em1,#rec4 .link_h3_off .em2 {
	margin-left: 20px;
	font-size: 14px;
	font-weight: 400
}

#rec4 .link_h3_off {
	background: #333;
	cursor: default;
	color: #fc0
}

#rec4 .link_h3_off span {
	opacity: .4;
	color: #fff
}

#rec4 .link_h3_off .em2 {
	color: #fc0;
	letter-spacing: .04em;
	margin-left: 20px;
	font-size: 16px
}

#rec4 .arrow_right span::after,#rec4 .arrow_right span::before {
	-webkit-transition: all 250ms 0s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all 250ms 0s cubic-bezier(.165,.84,.44,1);
	transition: all 250ms 0s cubic-bezier(.165,.84,.44,1)
}

#rec4 .active span::before {
	display: none
}

#rec4 .active span::after {
	transform: rotate(135deg)
}

#rec4 .tb_block {
	margin-bottom: 30px
}

#rec4 .tb1 {
	width: 100%
}

#rec4 .tb1 td,#rec4 .tb1 th {
	padding: 15px 20px;
	border-bottom: 6px solid #fff
}

#rec4 .tb1 th {
	width: 30%;
	background: #eee
}

#rec4 .tb1 td {
	background: #f9f9f9
}

#rec5 {
	margin-bottom: 100px
}

#rec5::after {
	content: "";
	display: block;
	clear: both
}

#rec5 .flow_1 {
	width: 25%;
	float: left;
	padding: 10px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#rec5 .flow_1 .box {
	width: 100%;
	max-width: 200px;
	border: 2px solid #000;
	text-align: center;
	padding: 20px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

#rec5 .flow_1:last-of-type .box::before {
	display: none
}

#rec5 .flow_1 .box::before {
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
	width: 12px;
	height: 12px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

#rec5 .flow_1 .no {
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	color: #fc0;
	font-size: 27px;
	margin-bottom: 15px
}

#rec5 .flow_1 i {
	display: block;
	margin-bottom: 15px
}

#rec6 {
	margin-bottom: 90px
}

#rec6 .company3 {
	padding-bottom: 0
}

#rec7 {
	background: url(../img/recruit/sec7_bg.jpg) no-repeat center center;
	padding: 50px 4%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#rec7 .catch {
	text-align: center;
	margin-bottom: 30px
}

#rec7 .see_more {
	width: 30%;
	margin: 0 auto;
	background: #fff;
	color: #000
}

#rec7 .see_more::after {
	background: #fc0
}

#rec7 .see_more span {
	font-size: 18px
}

#rec7 .see_more span::before {
	background: #000
}

#rec7 .see_more span::after {
	border-top: 2px solid #000;
	border-right: 2px solid #000
}

#works_single {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 4%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#works_single .mm {
	font-size: 32px;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	letter-spacing: .03em;
	margin-bottom: 20px
}

#works_single .url {
	font-size: 16px;
	margin-bottom: 30px
}

#works_single .url a {
	background: url(../img/common/out_linkj.svg) no-repeat right center;
	background-size: 14px auto;
	padding-right: 25px;
	transition: all .3s
}

#works_single .url a:hover {
	color: #2ecc71
}

#works_single .post_img {
	margin-bottom: 50px
}

#works_single .post {
	padding-top: 30px
}

#works_single .post h3 {
	padding-left: 20px;
	border-left: 2px solid #fc0;
	font-size: 20px;
	margin-bottom: 25px
}

#works_single .post p {
	margin-bottom: 20px;
	line-height: 2.2
}

#works_single .credit {
	width: 100%
}

#works_single .credit .m {
	font-size: 30px;
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-weight: 700;
	text-align: left;
	margin-bottom: 20px
}

#works_single #works_single .credit .tb10 td,#works_single .credit .tb10 th {
	padding: 5px
}

#works_single .credit .tb10 th {
	font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
	font-weight: 700
}

@media screen and (max-width:1650px) {
    .concept .catch > span {
        font-size:58px;
    }   
}   
@media screen and (max-width:1500px) {
	body {
		font-size: 15px
	}

	.main_v .copy_area .en_copy {
		font-size: 92px
	}

	.main_v .copy_area .jp_copy {
		font-size: 25px
	}

	.main_v .scroll {
		width: 88px;
		height: 88px
	}    .main_v .scroll .inner .arrow i {        width:20px;margin-left:-10px;
    }

	.main_v .scroll .inner .arrow::before {
		top: 22px
	}

	.main_v .scroll .inner .arrow::after {
		top: 32px
	}

	.main_v .scroll .inner .arrow span {
		font-size: 13px;
		top: auto;
		bottom: 10px;
		line-height: 1
	}    .concept .catch {        font-size: 24px;
        margin-bottom: 20px;
		padding-top: 20px;    }  
.concept .catch > span {        font-size:52px;    }   
	.concept .lead1 {
        font-size: 34px;
        line-height: 54px;
    }
    .concept .lead2{margin-top:30px;}
	.concept .catch2 {        font-size: 28px;
        line-height: 48px;
        height: 96px;
	}    .concept .catch2 span {        width: calc( 100% - 110px );    }
	.service_ul li .title2 span {
		font-size: 18px
	}

	#web_nav ul li {
		font-size: 13px
	}

	#rec1 .en_rubi {
		font-size: 80px
	}

	#rec1 .blockL {
		padding: 160px 0 60px 60px;
		width: 88%
	}

	#rec1 .blockL .inner {
		width: 70%
	}    .main_v .copy_area2_2{font-size: 54px;line-height: 64px;margin-bottom: 30px;}
	.main_v .copy_area2_3{max-width:800px;margin:0 auto;}	
	
    .service .box{padding-top:40px}
    .service .box ul{margin-bottom:30px;}
    .service .box ul li{padding-bottom:80px;}
    .service .box ul li:hover .link_box{height:120px}
	.service .box ul li .link_box a{padding:6px 6px}
	.concept .inner{height:480px}
}

@media screen and (max-width:1279px) {
	body {
		font-size: 15px
	}
	.concept .lead_area {
		padding: 0 20px 0 0
	}

	.service .box ul li .m {
		font-size: 16px
	}
	.newslit_ul li{
		width: 50%;
	}
	.event .event_ul li {
		width: 50%;
		margin-bottom: 10px
	}

	.event .event_ul li .img {
		text-align: center
	}

	#web_nav ul li {
		width: 33%;
		margin-bottom: 20px;
		font-size: 14px
	}

	#web_nav ul li a {
		padding: 0 10px
	}

	.web_line_up .service_one {
		margin-bottom: 80px
	}

	.web_line_up .service_left {
		width: 20%
	}

	.web_line_up .service_left .no {
		font-size: 30px
	}

	.web_line_up .service_left .m {
		font-size: 45px
	}

	.web_line_up .service_right {
		width: 76%
	}

	.web_line_up #sec2 .block_l {
		width: 45%
	}

	.web_line_up #sec2 .block_r {
		width: 58%
	}

	.web_line_up #sec2 .cms_list li {
		width: 49%!important;
		margin-left: 0!important;
		margin-bottom: 20px
	}

	.web_line_up #sec2 .cms_list li:nth-child(even) {
		float: right
	}

	#rec1 figure {
		left: 55%;
		width: 45%;
		top: 38%
	}
    .service .box ul li{width:33.3%}
    .service .box ul li:nth-child(3n+1){clear:both;}

}

@media screen and (min-width:1025px) {
	body {
		font-size: 15px
	}

	.header.scroll .gnav ul,.header.scroll2 .gnav ul {
		padding: 0 75px 0 0
	}

	.header.scroll .gnav ul li:first-child a,.header.scroll2 .gnav ul li:first-child a {
		padding-left: 40px
	}

	.header.scroll .gnav ul li a,.header.scroll2 .gnav ul li a {
		color:#000
	}    
	.header.scroll .gnav .cur a {
	    color: #456fff
    }
    .header.scroll .gnav ul li a:hover {
	    color: #456fff;
    }

	.header.scroll .switchWrap,.header.scroll2 .switchWrap {
		width: 75px;
		height: 75px
	}

	.header.scroll .switch__line,.header.scroll2 .switch__line {
		width: 28px
	}

	.contop_baise .header .gnav ul,.contop_baise .header .gnav ul {
		padding: 0 75px 0 0
	}

	.contop_baise .header .gnav ul li:first-child a,.contop_baise .header .gnav ul li:first-child a {
		padding-left: 40px
	}

	.contop_baise .header .gnav ul li a,.contop_baise .header .gnav ul li a {
		color:#000
	}    
	.contop_baise .header .gnav .cur a {
	    color: #456fff
    }
    .contop_baise .header .gnav ul li a:hover {
	    color: #456fff;
    }

	.contop_baise .header .switchWrap,.contop_baise .header .switchWrap {
		width: 75px;
		height: 75px
	}

	.contop_baise .header .switch__line,.contop_baise .header .switch__line {
		width: 28px
	}
}

@media screen and (max-width:1024px) {
	body {
		font-size: 15px
	}

	.see_more {
		padding: 20px 10px
	}

	h1.logo {
		top: 18px;
		left: 20px
	}

	.gnav ul {
		padding: 0 75px 0 0
	}

	.gnav ul li:nth-child(1) {
		display: none
	}

	.gnav ul li:first-child a {
		padding-left: 50px
	}

	.gnav ul li a {
		font-size: 18px;
		height: 75px;
		padding: 0 25px;
		color: #000;
	}

	.gnav .switchWrap {
		width: 75px;
		height: 75px
	}

	.gnav .switch__line {
		width: 28px
	}

	#footer .inner .block_R {
		max-width: 475px;
		width: 65%
	}

	#footer .inner .block_R .tel_block {
		width: 42%
	}

	#footer .inner .block_R .tel_block .tel .time_span {
		display: none
	}

	#footer .inner .block_R .contact_link {
		width: 55%
	}
	.main_v .copy_area {
		width: 100%;
		padding: 0 4%;
		position: absolute;
		top: 26%;
		right: auto;
		bottom: auto;
		left: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.main_v .copy_area .en_copy {
		font-size: 78px
	}

	.main_v .scroll {
		width: 68px;
		height: 68px
	}
	.main_v .scroll .inner .arrow i {
	    width:16px;
	    margin-left:-8px;
	    top: 14px;
	}

	.main_v .scroll .inner .arrow::before {
		top: 12px;
		height: 26px
	}

	.main_v .scroll .inner .arrow::after {
		top: 19px
	}

	.main_v .scroll .inner .arrow span {
		font-size: 12px;
		bottom: 7px
	}

	.concept {
		margin-bottom: 20px
	}

	.concept .catch2 {
		font-size: 30px
	}    
	.concept .lead {
		font-size: 20px;
		line-height: 40px;
		text-align: center;
	}
	.concept .lead2 {
		font-size: 16px;
		line-height: 32px;
		margin-top:10px;
		text-align:left;
	}
	.service {
		margin-bottom: 20px
	}

	.service #web {
		margin-bottom: 20px
	}

	.service .box {
		float: none!important;
		width: 100%;
		max-width: 100%
	}

	.service .box .midashi {
		left: 4%
	}

	.works {
		padding: 20px 0 60px
	}

	.works .see_more {
		max-width: 280px
	}

	li.work {
		width: 50%
	}

	li.work .title {
		font-size: 17px
	}

	.topics {
		padding: 30px 0 50px
	}

	.topics .topics_m {
		margin-bottom: 20px
	}

	.topics .topics_ul {
		margin-bottom: 20px
	}

	.topics .topics_ul li {
		width: 46%;
		margin-bottom: 20px;
		margin-left: 0
	}

	.topics .topics_ul li a {
		padding: 10px
	}

	.topics .topics_ul li .title {
		padding-bottom: 15px
	}

	.topics .topics_ul li .date {
		padding-top: 10px
	}

	.topics .see_more {
		max-width: 280px
	}

	.company1 .table_area .left_block,.company1 .table_area .right_block {
		width: 100%;
		float: none
	}

	.company3 .inner .img {
		float: none;
		width: 100%;
		margin-bottom: 20px
	}

	.company3 .inner .lead1 {
		float: none;
		width: 100%
	}

	.company3 .slick-arrow {
		padding: 15px
	}

	.company3 .slick-next::before,.company3 .slick-prev::before {
		font-size: 15px;
		width: 15px;
		height: 15px
	}

	.company3 .slick-prev {
		left: 10px
	}

	.company3 .slick-next {
		right: 10px
	}

	#graphic .works_list .work {
		width: 46%
	}

	.works .works_link {
		font-size: 25px
	}

	.graphic_list,.web_list {
		width: 100%
	}

	.web_list {
		margin-bottom: 80px
	}

	.service_ul li {
		width: 33.33%
	}

	.service_ul li .title2 span {
		font-size: 16px
	}

	.web_list li:nth-child(odd) {
		border-left: 2px solid #fff
	}

	.web_line_up .service_left {
		width: 100%;
		max-width: 100%;
		float: none
	}

	.web_line_up .service_left .m .sp_none {
		display: none
	}

	.web_line_up .service_left span {
		display: inline-block;
		padding-top: 0;
		margin-left: 20px
	}

	.web_line_up .service_right {
		width: 100%;
		float: none;
		border-top: none;
		padding-top: 35px
	}

	.web_line_up .read1 {
		font-size: 22px;
		margin-bottom: 30px
	}

	.web_line_up #sec1 .read2 {
		float: none;
		width: 100%;
		margin-bottom: 40px
	}

	.web_line_up #sec1 .lineup_img {
		float: none;
		width: 100%;
		text-align: center
	}

	.web_line_up #sec1 .wrap2 {
		padding: 4%
	}

	.web_line_up #sec1 .wrap2 .point4 {
		float: none;
		width: 100%;
		margin-bottom: 40px!important;
		padding-right: 0!important
	}

	.web_line_up #sec5 .m {
		font-size: 45px
	}

	#rec1 .w1500 {
		padding: 150px 0 50px
	}

	#rec1 .m2 {
		left: 0;
		width: 100%;
		text-align: center
	}

	#rec1 .en_rubi {
		font-size: 70px
	}

	#rec1 .blockL {
		width: 100%;
		padding: 125px 4% 40px;
		text-align: center
	}

	#rec1 .blockL .inner {
		float: none;
		width: 100%
	}

	#rec1 .blockL .catch {
		font-size: 30px
	}

	#rec1 .blockL .see_more {
		margin-right: auto;
		margin-left: auto
	}

	#rec1 figure {
		display: none
	}

	.seido_list li {
		width: 46%;
		margin: 0 2% 20px
	}

	#rec3 .block {
		width: 100%;
		left: 0;
		margin: 0 auto;
		opacity: .8;
		padding: 50px 6%
	}

	#rec5 .flow_1 .box::before {
		right: -8%
	}

	#rec7 .see_more {
		width: 92%
	}

	#rec7 .see_more span {
		font-size: 16px
	}
}

@media screen and (max-width:768px) {
	body {
		font-size: 15px
	}
	.sp_none {
		display: none
	}

	h1.logo {
		width: 50%;
		top: 18px;
		left: 15px
	}
	.header{
		height:75px;
	}
	.header.scroll,.contop_baise .header{
    	background: rgba(255,255,255,1);
	}
	.header h1.logo{top:12px}
	.header.scroll h1.logo,.contop_baise .header h1.logo{
    	top: 12px;
    	width:200px;
    }

	.gnav ul {
		display: none
	}

	.close_menu ul li {
		margin-bottom: 18px
	}

	.close_menu a {
		font-size: 24px
	}

	#footer .inner {
		padding: 35px 20px
	}

	#footer .inner .block_L {
		float: none;
		width: 100%;
		text-align: center
	}

	#footer .inner .block_L .logo img {
		width: 180px
	}

	#footer .inner .block_R {
		float: none;
		max-width: 100%;
		width: 100%;
		text-align: center;
		padding-top: 10px
	}

	#footer .inner .block_R .tel_block {
		max-width: 100%;
		float: none;
		width: 100%
	}

	#footer .inner .block_R .tel_block .read_1 {
		display: none
	}

	#footer .inner .block_R .tel_block .tel {
		margin-bottom: 20px
	}

	#footer .inner .block_R .contact_link {
		float: none;
		width: 100%;
		margin-right: auto;
		margin-left: auto
	}

	.main_v {
		background: url(../img/home/main_v_sp.jpg) no-repeat center center;
		background-size: cover
	}

	.main_v .copy_area .en_copy {
		font-size: 58px
	}

	.main_v .copy_area .jp_copy {
		font-size: 20px
	}

	.concept .inner {
		height: auto
	}

	.concept .catch {
		font-size: 42px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;        line-height:60px;
		padding: 0 4%;
		margin-bottom: 20px;
		text-align: center
	}

	.concept .lead_area {
		width: 100%;
		padding: 0 4%;
		text-align: center;
		margin-bottom: 40px
	}    .concept .catch{font-size:18px;line-height: 32px;margin-bottom: 10px;}
	.concept .catch > span{font-size: 42px;display: inline-block;line-height: 58px;text-align: center;}
    .concept .lead1{font-size:18px;text-align:center;line-height: 36px;}
	.inner .cd-headline.loading-bar .cd-words-wrapper::after{height:2px;}


	.concept .catch2 {        margin-bottom: 10px;
        font-size: 22px;
        line-height: 36px;
        height: 72px;
	}
    .concept .catch2 span{
    display:block;width:calc( 100% - 80px );float:left;
}
	.concept .lead {
		text-align: justify
	}

	.concept .img_area {
		background: 0 0;
		height: auto;
		width: 100%;
		position: relative
	}

	.concept .img_area img {
		display: block
	}

	.service .box {
		padding-top: 6px
	}
	.concept{padding-bottom:20px;padding-top: 30px;}
	.service .box ul li{width:50%;padding-bottom:20px;}
	.service .box ul li:nth-child(3n+1){clear:none;}
	.service .box ul li:nth-child(2n+1){clear:both;}
    .service_title{padding:20px 0 20px ;text-align: center;}
    .service .box ul li:hover{margin-top:0px;padding-bottom:0;}
    .service .box ul li:hover .link_box,.service .box ul li .link_box{height:auto;}
	.service .box ul li .m span.span1{margin-top:-20px;}
	.service .box ul li .link_box{display: none;}

	.service .box .midashi {
		top: -32px
	}

	.service .box .midashi .en {
		font-size: 40px
	}

	.service .box .midashi .jp {
		display: none
	}

	.service .box ul {
		margin-bottom: 10px
	}

	.service .box ul li .m {
		font-size: 16px;
		line-height: 22px;
		height: 44px;
		margin-bottom: 4px;
	}

	.works .m {
		font-size: 50px
	}

	.works .read {
		margin-bottom: 30px;
		padding: 0 4%
	}
	.works .read li{padding: 0 2px;}
	.works .read li a {
        font-size: 14px;
        padding: 10px 0;
    }
	li.work {
		width: 100%;
	}

	li.work .tag {
		padding: 6px 20px
	}

	li.work .title {
		font-size: 15px
	}

	li.work .naiyou {
		font-size: 12px
	}

	.recruit {
		height: auto
	}

	.recruit .inner {
		height: auto
	}

	.recruit .inner2 {
	    width:100%;
		background: url(../img/home/sec5.jpg) no-repeat center center;
		background-size: auto auto;
		background-size: cover;
		position: relative;
		padding-top: 0px;
		height: auto
	}
    .recruit .inner2 a .inner2_p1{font-size:48px;line-height:58px;padding-top:40px;}
    .recruit .inner2 a .inner2_p2{padding:10px 0 10px;font-size:18px;margin:0 auto;letter-spacing: 4px;}
    .recruit .inner2 a .inner2_p3{padding-bottom:40px;}
    .recruit .inner2 a .inner2_p3 span{font-size:18px;line-height:32px;padding:6px 36px;margin-top:0px;}
    .recruit .inner2 a .inner2_p4{font-size:20px;padding-bottom:10px;margin-top:0}

	.recruit .inner2 .recruit_m {
		font-size: 50px
	}

	.recruit .inner2 .read {
		padding: 0 20px;
		text-align: left
	}

	.recruit .inner2 .see_more {
		max-width: 280px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px
	}

	.event {
		padding: 50px 0 50px
	}

	.event .event_m {
		margin-bottom: 20px
	}

	.event .event_ul {
		margin-bottom: 0;
		/*display: none;*/
	}

	.event .event_ul li {
		width: 100%;
		margin-bottom: 25px
	}

	.event .see_more {
		max-width: 280px
	}

	.topics .topics_ul li {
		width: 96%
	}

	.main_v_2nd {
		height: 300px
	}

	.main_v_2nd .title_area {
		top: 35%;
		left: 20px
	}

	.main_v_2nd .en_title {
		font-size: 50px
	}

	.main_v_2nd .en_title .small {
		display: none
	}

	.main_v_2nd .jp_title {
		font-size: 22px
	}

	.no_main {
		padding: 30px 0 50px!important
	}

	.no_main .m {
		font-size: 28px;
		margin-bottom: 10px
	}

	.no_main .m2_jp {
		font-size: 16px
	}

	#company .main_v_2nd {
		background: url(../img/main_v_sub/main_v2.jpg) no-repeat center center;
		background-size: cover
	}

	.company1 {
		padding: 30px 10px 0
	}

	.company1 .title2 {
		font-size: 40px
	}

	.company1 .table_area .tb1 {
		border-spacing: 8px 0
	}

	.company1 .table_area .tb1 td,.company1 .table_area .tb1 th {
		padding: 20px 0 10px
	}

	.company2 {
		padding: 30px 10px 20px
	}

	.company2 .lead1 {
		text-align: left;
		padding: 20px 15px 0;
		line-height: 1.8
	}

	.company3 .inner h3 {
		font-size: 22px;
		padding: 0 4%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 20px
	}

	.company3 .autoplay {
		margin-bottom: 30px!important
	}

	#graphic .works_list .work {
		width: 100%;
		margin-right: 0;
		margin-left: 0
	}

	.pager {
		padding: 30px 10px;
		margin-bottom: 30px
	}

	.pager__buttons__button {
		font-size: 16px
	}

	.pager__list {
		position: static;
		margin-top: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	.pager__list a {
		width: 35px;
		height: 35px;
		font-size: 15px;
		line-height: 35px
	}

	.works .works_link {
		padding: 15px 15px;
		font-size: 18px
	}

	.works .works_link span.en {
		display: none
	}

	.works .works_link::before {
		width: 20px;
		height: 20px
	}

	#service .main_v_2nd {
		background: url(../img/main_v_sub/main_v0.jpg) no-repeat center center;
		background-size: cover
	}

	#service_web .main_v_2nd {
		background: url(../img/main_v_sub/main_v8.jpg) no-repeat left center;
		background-size: cover
	}

	.graphic_list .title,.web_list .title {
		top: 20px
	}

	.graphic_list .title span,.web_list .title span {
		font-size: 40px
	}

	.service_ul li a {
		padding: 28px 5px
	}

	.service_ul li .title2 {
		line-height: 1.7
	}

	.service_ul li .arrow {
		width: 32px;
		height: 32px
	}

	.service_ul li .arrow::before {
		font-size: 16px;
		width: 16px;
		height: 16px
	}

	#contact .main_v_2nd {
		background: url(../img/main_v_sub/main_v10.jpg) no-repeat center center;
		background-size: cover
	}

	.contact1 {
		padding: 30px 4%
	}

	.contact1.no_main {
		padding: 80px 0 40px!important
	}

	.contact1 .lead {
		font-size: 14px;
		margin-bottom: 20px
	}

	.contact1 .step_ul li:nth-child(n+2)::before {
		width: 3px;
		margin: 0 4%
	}

	.contact2 .f_set {
		padding: 28px 4% 0
	}

	.contact2 textarea {
		height: 150px
	}

	.checkbox {
		display: block;
		width: 100%;
		margin-bottom: 15px;
		height: 48px
	}

	label {
		padding: 0 50px;
		line-height: 48px
	}

	.box_outline {
		top: 12px;
		width: 22px;
		height: 22px
	}

	.contact__form__policy {
		padding: 20px 0
	}

	.submit_policy label {
		width: 100%;
		max-width: 460px;
		padding: 0 0 0 70px;
		font-size: 13px
	}

	.button_submit {
		width: 82%;
		padding: 20px 0
	}

	.confirm .f_set {
		padding: 4%
	}

	#privacy .container {
		padding: 40px 4% 0
	}

	.container section {
		padding-top: 35px
	}

	#web_nav ul li {
		width: 100%;
		margin-bottom: 20px;
		text-align: left
	}

	#web_nav ul li a {
		border-left: none
	}

	#web_nav ul li a {
		padding: 0 10px 10px;
		border-bottom: 1px dotted #ccc
	}

	#web_nav ul li a span {
		padding-left: 25px
	}

	.web_line_up .service_one {
		margin-bottom: 40px
	}

	.web_line_up .service_left .no {
		display: inline-block;
		font-size: 25px;
		margin-right: 10px
	}

	.web_line_up .service_left .m {
		font-size: 35px;
		display: inline-block
	}

	.web_line_up .service_left span {
		display: none
	}

	.web_line_up .read1 {
		font-size: 18px;
		margin-bottom: 20px
	}

	.web_line_up #sec1 .read2 {
		font-size: 14px;
		margin-bottom: 20px
	}

	.web_line_up #sec1 .wrap2 .point4 {
		padding: 0 0 0 60px;
		background-size: 40px auto
	}

	.web_line_up #sec2 .block_l {
		width: 100%!important;
		float: none;
		margin-bottom: 40px
	}

	.web_line_up #sec2 .list li {
		font-size: 14px
	}

	.web_line_up #sec2 .block_r {
		width: 100%!important;
		float: none
	}

	.web_line_up #sec4 {
		margin-bottom: 60px
	}

	.web_line_up #sec4 .other_one {
		float: none!important;
		width: 100%;
		padding: 4%
	}

	.web_line_up #sec4 .other_one:last-of-type {
		margin-bottom: 0!important
	}

	.web_line_up #sec4 .other_one .inner {
		padding-left: 50px;
		background-size: 30px auto!important
	}

	.web_line_up #sec5 .m {
		font-size: 30px;
		margin-bottom: 20px
	}

	.web_line_up #sec5 .lead6 {
		margin-bottom: 20px
	}

	.web_line_up #sec5 .wrap {
		padding: 30px 3% 30px
	}

	.web_line_up #sec5 .partner_list li {
		width: 100%;
		float: none;
		border-left: none!important;
		padding: 0 0;
		margin-bottom: 40px
	}

	.web_line_up #sec5 .partner_list li:last-of-type {
		margin-bottom: 0
	}

	#recruit .main_v_2nd {
		background: url(../img/recruit/main_v_3_sp.jpg) no-repeat center center;
		background-size: cover;
		height: 85vh
	}

	#recruit .main_v_2nd #catch {
		padding: 0 4%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	#recruit .title_area {
		top: 25%
	}

	#rec1 .w1500 {
		padding: 130px 0 50px
	}

	#rec1 .m2 {
		font-size: 18px
	}

	#rec1 .en_rubi {
		font-size: 38px;
		padding-top: 20px
	}

	#rec1 .blockL {
		padding: 75px 4% 40px
	}

	#rec1 .blockL .catch {
		font-size: 24px;
		margin-bottom: 20px
	}

	#rec1 .blockL .read {
		font-size: 15px;
		line-height: 2.2;
		margin-bottom: 30px
	}

	.m2_rec {
		font-size: 45px
	}

	#rec2 {
		padding-top: 20px
	}

	.seido_list li {
		width: 48%;
		margin: 0 1% 20px;
		padding: 4%
	}

	.seido_list .icon {
		width: 44px;
		height: 42px
	}

	.seido_list .m3 {
		font-size: 18px;
		margin-bottom: 15px
	}

	#rec3 .block .m3 {
		font-size: 25px
	}

	#rec4 {
		padding: 50px 0
	}

	#rec4 .link_h3,#rec4 .link_h3_off {
		font-size: 18px;
		background: #000;
		position: relative;
		color: #fff
	}

	#rec4 .link_h3 .em0,#rec4 .link_h3_off .em0 {
		display: none
	}

	#rec4 .link_h3 .em1,#rec4 .link_h3_off .em1 {
		margin-left: 0
	}

	#rec4 .link_h3_off .em2 {
		font-size: 14px;
		margin-left: 0;
		display: block
	}

	#rec5 {
		margin-bottom: 60px
	}

	#rec5 .flow_1 {
		width: 50%;
		padding: 10px 5px
	}

	#rec5 .flow_1 .box {
		max-width: 100%;
		padding: 12px 5px
	}

	#rec5 .flow_1 .box::before {
		display: none
	}

	#rec7 {
		background: url(../img/recruit/sec7_bg_sp.jpg) no-repeat left center
	}

	#rec7 .catch {
		width: 80%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	#works_single .mm {
		font-size: 22px
	}
	#footer{padding:0}
	.footer_logo{width:100%;max-width: 60%;margin:0 auto;text-align: center;float: none;}
    .footer_logo, .foorer_prod, .footer_cbox,.foorer_phone{display:none}
    .foorer_share li a{margin-right:5px;}
    .foorer_prod2,.foorer_share{width: 50%;float:left;clear: none;}
    .foorer_phone_number{font-size:20px;line-height:30px;}
    .foorer_contact{width:100%;max-width: 100%;padding: 0 5%;margin:0 auto;}
    .foorer_contact_tit{display:none}
    .foorer_phone_number{font-size:24px;line-height:48px;font-weight:bold;font-family:Montserrat}
    #footer .footer_box1{padding-bottom:10px;}
    .footer_btn{width:100%;}
    .footer_btn a{width:50%;float:left;border-radius:0;}
    .footer_linkbox{display:none}
    #footer .copyright{border-top:none;padding: 0 5% 20px;text-align: left;font-size: 14px;line-height: 24px;}
    #footer .copyright .container, #footer .copyright .seatmap{margin-left:0}
}

@media screen and (max-width:640px) {
	body {
		font-size: 15px
	}

	#footer .copyright .footer__copy {
		width: 100%
	}

	.company1 .title2 {
		font-size: 26px;
		margin-bottom: 20px
	}

	.company1 .table_area .tb1 td,.company1 .table_area .tb1 th {
		display: block;
		width: 100%!important;
		max-width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.company1 .table_area .tb1 th {
		border: none;
		padding: 20px 0 0
	}

	.company1 .table_area .tb1 td {
		border-bottom: 1px dotted #ddd;
		padding: 10px 0 10px
	}

	.company3 .inner h3 {
		text-align: left;
		font-size: 18px
	}

	.company3 .inner .lead1 {
		text-align: left;
		line-height: 2
	}

	.service_ul li {
		width: 50%
	}

	.service_ul li .title2 {
		height: 74px;
		overflow: hidden
	}
}

@media screen and (max-width:640px) and (orientation:portrait) {
	body {
		font-size: 15px
	}

	.main_v .copy_area .en_copy {
		font-size: 38px;
		line-height: 1.8;
		margin-bottom: 5px
	}

	.main_v .copy_area .jp_copy {
		padding-top: 20px;
		line-height: 1.8
	}
}

@media screen and (min-width:1025px) and (max-width:1024px) {
	.header.scroll .gnav ul li:first-child a,.header.scroll2 .gnav ul li:first-child a {
		padding-left: 50px
	}
	.contop_baise .header .gnav ul li:first-child a,.contop_baise .header .gnav ul li:first-child a {
		padding-left: 50px
	}

	
}

.works_list li.work .tag {
	display: none
}

.works_list li.work:hover .tag {
	/*display: block*/
}

.readfont {
	font-size: 16px;
	margin: 0 5px;
}

@-webkit-keyframes dou1 {
    0% {
    -webkit-transform:translate(0, 0px)
    }
    10% {
    -webkit-transform:translate(0, -10px)
    }
    20% {
    -webkit-transform:translate(0, 0px)
    }
    40% {
    -webkit-transform:translate(0, -8px)
    }
    60% {
    -webkit-transform:translate(0, 0px)
    }
    80% {
    -webkit-transform:translate(0, 0px)
    }
    100% {
    -webkit-transform:translate(0, 0px)
    }
}
.icon-scroll i
  {
 -webkit-animation: dou1 1s infinite;
-webkit-animation-fill-mode: both;
}


.img .imgtc {position: absolute;width: 100%;height: 100% ;top: 0;left: 0;}

.img .imgtc div{width: 100%;height: 100%;background: #000;animation-timing-function:ease;}


#rightFloat {
	position: fixed;
	top: 200px;
	right: 0;
	width: 50px;
	z-index: 9998
}

#rightFloat a {
	transition: all .3s ease-in-out;
	left: 0;
	color: #FFF;
	display: block;
	width: 500px;
	height: 50px;
	line-height: 50px;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.8);
	margin-bottom: 2px;
	position: relative;
}

#rightFloat a.sildeLeft:hover {
	left: -110px
}

#rightFloat a img {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 13px;
}
#erweima:hover+.erweima{display:block!important}
.erweima {
	display: none;
	transition: all .3s ease-in-out;
	position: absolute;
	left: -130px;
	bottom: -8px;
	width: 110px;
	height: 110px;
	padding: 10px 10px 10px 10px;

}

.erweima img {
	display: block;
	width: 110px;
	height: 110px;
}
li.work .detail_box{background:rgba(0,0,0,.5);transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;}
li.work .detail_box *{transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;}
li.work .detail_box .img{position:absolute;width:100%;text-align:center;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
li.work .detail_box .img img{max-width:260px;}
li.work .detail_box .title{position:absolute;width:100%;font-size:22px;line-height:32px;text-align:center;top:50%;opacity:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
li.work .detail_box .icon{position:absolute;width:100%;text-align:center;top:50%;opacity:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
li.work .detail_box:before{content: '';position: absolute;top: 18px;left: 2.75%;width: 0px;height: 1px;background-color: #88a3ff;z-index:50;-webkit-transition: all 1.5s ease 0s;-moz-transition: all 1.5s ease 0s;-ms-transition: all 1.5s ease 0s;-o-transition: all 1.5s ease 0s;transition: all 1.5s ease 0s;opacity: 0;}
li.work .detail_box:after{content: '';position: absolute;bottom: 18px;right: 2.75%;width: 0px;height: 1px;background-color: #88a3ff;z-index:50;-webkit-transition: all 1.5s ease 0s;-moz-transition: all 1.5s ease 0s;-ms-transition: all 1.5s ease 0s;-o-transition: all 1.5s ease 0s;transition: all 1.5s ease 0s;opacity: 0;}
li.work a:before{content: '';position: absolute;bottom: 12%;left: 2.75%;width: 1px;height: 0;background-color: #88a3ff;z-index:50;-webkit-transition: all 1.5s ease 0s;-moz-transition: all 1.5s ease 0s;-ms-transition: all 1.5s ease 0s;-o-transition: all 1.5s ease 0s;transition: all 1.5s ease 0s;opacity: 0;}
li.work a:after{content: '';position: absolute;top: 12%;right: 2.75%;width: 1px;height: 0;background-color: #88a3ff;z-index:50;-webkit-transition: all 1.5s ease 0s;-moz-transition: all 1.5s ease 0s;-ms-transition: all 1.5s ease 0s;-o-transition: all 1.5s ease 0s;transition: all 1.5s ease 0s;opacity: 0;}
li.work:hover .detail_box{background:#3b57f8dc}
li.work:hover .detail_box .img{transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);margin-top:-20px}
li.work:hover .detail_box .title{transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);margin-top:10px;opacity:1}
li.work:hover .detail_box .icon{transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);margin-top:60px;opacity:1}
li.work:hover .detail_box:before{width:94.5%;opacity:1}
li.work:hover .detail_box:after{width:94.5%;opacity:1}
li.work:hover a:before{height:76%;opacity:1}
li.work:hover a:after{height:76%;opacity:1}

.work_leftbox{float:left;padding-left:3.72%!important;box-sizing: border-box;}
.work_leftbox .m,.work_leftbox .read{text-align:left}
.work_leftbox .m{font-size:72px;font-weight:400;line-height: 60px;padding-top: 20px;margin-bottom: 40px;}
.work_leftbox .m>span{font-size:120px;display:block;font-weight:bold;line-height:42px;color:rgba(0,0,0,0.1)}
.work_leftbox .read a.cur{color:#040404;}
.work_leftbox .read a:after{content:'';background:#3b57f8;height:1px;position:absolute;top:50%;transition:0.5s all;width:0;left:100%}
.work_leftbox .read a.cur:after,.work_leftbox .read a:hover:after{transition:0.5s width;width:100%;left:0;}
li.work8>.tag,li.work8 .img_box>font{display:none}
li.work8{width:100%;float: left;box-sizing: border-box;-ms-box-sizing: border-box; margin-bottom:30px;height: auto!important;transition: all 0s 1.2s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all 0s 1.2s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all 0s 1.2s cubic-bezier(.645,.045,.355,1);
    -o-transition: all 0s 1.2s cubic-bezier(.645,.045,.355,1);}

/*网站案例*/

.websitecase.work_leftbox{padding-right:3.72%!important;width: 100%;}
.websitecase .works_list{margin-left: -1.631%;margin-right: -1.631%;}
.websitecase li.item{width: 33.33%;float: left;padding: 0 1.631%;box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.websitecase li.item .img_box{position: relative;height: 0;padding-top: 54.1%;box-sizing: content-box;-webkit-box-sizing: content-box;-ms-box-sizing: content-box;-moz-box-sizing: content-box;overflow: hidden;}
.websitecase li.item .img_box .caseimg{position: absolute;width: 100%;height: 100%; left: 0;top: 0;background-position: left center;background-repeat: no-repeat;background-size: cover;}

.websitecase li.item:nth-child(8n+1){width: 66.66%;float: right;}
.websitecase li.item:nth-child(8n+1) .img_box{padding-top: 62.1%;}
.websitecase li.item:nth-child(8n+2),.websitecase li.item:nth-child(8n+3){float: right;}
.websitecase li.item:nth-child(8n+4) .img_box{padding-top: 130.36%;}
.websitecase li.item:nth-child(16n+4) .img_box{padding-top: 54.1%;}
.websitecase li.item:nth-child(16n+2),.websitecase li.item:nth-child(16n+3){float: left;}

.websitecase li.item:nth-child(16n+1){width: 66.66%;float: left;}
.websitecase li.item:nth-child(16n+4){float: right;}
.websitecase li.item:nth-child(16n+5),.websitecase li.item:nth-child(16n+6),.websitecase li.item:nth-child(16n+7),.websitecase li.item:nth-child(16n+4){float: right;}
.websitecase li.item:nth-child(16n+1) .img_box{padding-top: 62.1%;}
.websitecase li.item:nth-child(16n+4) .img_box{padding-top: 130.36%;}


.websitecase li.item .img_box .mask_box{position: absolute;left: 0;top: 0; width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);text-align: center;transition: all 0.5s ease-in-out;opacity: 0;filter: alpha(opacity=0);}
.websitecase li.item:hover .img_box .mask_box{opacity: 1;filter: alpha(opacity=100);}
.websitecase li.item .mask_box_con{text-align: center; position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.websitecase li.item .mask_box_con .caselogo{margin-bottom: 20px;transition: all 0.5s ease-in-out;opacity: 0;filter: alpha(opacity=0);transform: translateY(-25px);max-width: 80%;max-height: 70px;}
.websitecase li.item .mask_box_con .title{margin-bottom: 20px;font-size: 18px;color: #fff;transition: all 0.5s ease-in-out;opacity: 0;filter: alpha(opacity=0);transform: translateY(-50px);}
.websitecase li.item .mask_box_con .more{width: 35px;height: 35px;background: url(../img/icon_arryuan.png) center center no-repeat;margin: 0 auto;color: transparent;transition: all 0.5s ease-in-out;opacity: 0;filter: alpha(opacity=0);transform: translateY(-100px);}

.websitecase li.item:hover .img_box .mask_box .caselogo,.websitecase li.item:hover .img_box .mask_box .title,.websitecase li.item:hover .img_box .mask_box .more{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);}

.websitecase li.item:nth-child(16n+1) .text_box,.websitecase li.item:nth-child(8n+1) .text_box{padding-top: 10.48%;}
.websitecase li.item .text_box{position: relative;height: 0;padding-top: 22.68%;box-sizing: content-box;-webkit-box-sizing: content-box;-ms-box-sizing: content-box;-moz-box-sizing: content-box;}
.websitecase li.item .text_box_con{position: absolute; left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;  padding-right: 110px;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;}
.websitecase li.item .text_box .title{font-size: 18px;color: #000000;margin-bottom: 10px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.websitecase li.item .text_box .desc{color: #808080;font-size: 14px;margin-bottom: 10px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.websitecase li.item .text_box .more{position: absolute;right: 1.75%;top: 50%;margin-top: -14px; width: 88px;height: 27px;background: url(../img/icon_lookmore.png) center center no-repeat;opacity: 0;filter: alpha(opacity=0);color: transparent;transition: all 0.5s ease-in-out;}
.websitecase li.item:hover .text_box .more{opacity: 1;filter: alpha(opacity=1);}

/*小程序案例*/
.xcxcase{width: 100%;}
.xcxcase .works_list {margin-left: -1.631%;margin-right: -1.631%;}
.xcxcase li.item{width: 33.33%;padding: 0 1.631%;float: left;box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.xcxcase li.item .img_box{position: relative;overflow: hidden;}
.xcxcase li.item .img_box .caseimg{position: relative;width: 100%;height: 100%; left: 0;top: 0;background-position: left center;background-repeat: no-repeat;background-size: cover;}

.xcxcase li.item .img_box .mask_box{position: absolute;left: 0;top: 0; width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);text-align: center;transition: all 0.5s ease-in-out;opacity: 0;filter: alpha(opacity=0);}
.xcxcase li.item:hover .img_box .mask_box{opacity: 1;filter: alpha(opacity=100);}
.xcxcase li.item .mask_box_con{text-align: center; position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.xcxcase li.item .mask_box_con .caselogo{margin-bottom: 20px;transition: all 0.5s ease-in-out;opacity: 0;filter: alpha(opacity=0);transform: translateY(-25px);}
.xcxcase li.item .mask_box_con .title{margin-bottom: 20px;font-size: 18px;color: #fff;transition: all 0.5s ease-in-out;opacity: 0;filter: alpha(opacity=0);transform: translateY(-50px);}
.xcxcase li.item .mask_box_con .more{width: 35px;height: 35px;background: url(../img/icon_arryuan.png) center center no-repeat;margin: 0 auto;color: transparent;transition: all 0.5s ease-in-out;opacity: 0;filter: alpha(opacity=0);transform: translateY(-100px);}

.xcxcase li.item:hover .img_box .mask_box .caselogo,.xcxcase li.item:hover .img_box .mask_box .title,.xcxcase li.item:hover .img_box .mask_box .more{transform: translateY(0);opacity: 1;filter: alpha(opacity=100);}

.xcxcase li.item .text_box{position: relative;height: 0;padding-top: 22.68%;box-sizing: content-box;-webkit-box-sizing: content-box;-ms-box-sizing: content-box;-moz-box-sizing: content-box;}
.xcxcase li.item .text_box_con{position: absolute; left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;  padding-right: 110px;box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;}
.xcxcase li.item .text_box .title{font-size: 18px;color: #000000;margin-bottom: 10px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xcxcase li.item .text_box .desc{color: #808080;font-size: 14px;margin-bottom: 10px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xcxcase li.item .text_box .more{position: absolute;right: 1.75%;top: 50%;margin-top: -14px; width: 88px;height: 27px;background: url(../img/icon_lookmore.png) center center no-repeat;opacity: 0;filter: alpha(opacity=0);color: transparent;transition: all 0.5s ease-in-out;}
.xcxcase li.item:hover .text_box .more{opacity: 1;filter: alpha(opacity=1);}


.xcxcase.panel_box.nocur li.item{width: 100%;}
.xcxcase.panel_box.nocur li.item .text_box{padding-top: 32%;}
.xcxcase.panel_box.nocur li.item .text_box_con{padding-right: 0;}
.xcxcase.panel_box.nocur li.item .text_box .more{display: none;}


/*ui案例*/
.uicase li.item{margin-bottom: 30px;}
.uicase li.item .mask_titles{width: 100%;height: 50px;position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,0.6);color: #fff;padding: 12px 12px;padding-right: 120px;box-sizing: border-box;transition: all 0.5s ease-in-out;opacity: 0;filter: alpha(opacity=0);transform: translateY(100%);}
.uicase li.item:hover .mask_titles{opacity: 1;filter: alpha(opacity=100);transform: translateY(0);}
.uicase li.item .mask_titles .title{font-size: 18px;overflow: hidden;white-space: nowrap;width: 100%;text-overflow: ellipsis;}
.uicase li.item .mask_titles .dianzan{position: absolute;right: 12px;top: 50%;margin-top: -15px; height: 30px;line-height: 30px;padding-left: 40px;font-size: 18px;}
.uicase li.item .mask_titles .dianzan .iconheart{display: block;width: 30px;height: 30px;background: url(../img/icon_heart.png) center center no-repeat;position: absolute;left: 0;top: 0;}

/*.work_leftbox.panel_box{width: 71%;}
.work_rightbox.panel_box{width: 27%;}*/

li.work8 .img_box{overflow:hidden}
li.work8 .img_box img{width: 100%; transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;}
li.work8:hover .img_box img{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);}
/*li.work8:nth-child(3n+1){clear:both;}*/
/*li.work8:nth-child(3n+1) .img_box img{height:360px;}
li.work8:nth-child(3n+2) .img_box img{height:240px;}
li.work8:nth-child(3n+3) .img_box img{height:430px;}*/
li.work8 .link_work,.work9{position:relative;display:block;width:100%;overflow:hidden;}
li.work8 .link_work .detail_box,.work9 .title{position:absolute;color:#fff;width:100%;height:44px;bottom:-44px;box-sizing: border-box;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;}
li.work8 .link_work:hover .detail_box,.work9:hover .title{bottom:0}
.work9 .title{width:calc( 100% - 30px )!important}
.work9 .title a{color:#fff}
li.work8 .detail_box .title,.work9 h3.title{font-size: 18px;line-height: 28px;padding:8px;background:rgba(0,0,0,0.4);color:#fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.work_rightbox{float:right;padding:0 2%;padding-right:3.72%;box-sizing: border-box;background:url(../img/work9_right_bg.png)no-repeat left 40px;height: calc( 100% - 75px );overflow-y:auto;overflow-x:hidden;}
.panel_box{
	transition: all 1.6s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all 1.6s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all 1.6s cubic-bezier(.645,.045,.355,1);
    -o-transition: all 1.6s cubic-bezier(.645,.045,.355,1);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);}
.panel_box.cur{width: 72%;}
.panel_box,.panel_box.nocur{width: 25%;}
.panel_box.cur .works8_list .work8,.panel_box.cur .workbox9 .work9{
    width: 33%;padding: 0 15px;
}
.panel_box .works8_list .work8,.panel_box .workbox9 .work9{
    width: 100%;padding: 0 15px;
}
.work_rightbox::-webkit-scrollbar{width: 3px; background-color: #fff;}/* 滑块背景颜色 */
.work_rightbox::-webkit-scrollbar-thumb{background-color: #d2d2d2;}/* 滑块颜色 */

.work_leftbox::-webkit-scrollbar{width: 0px; background-color: #fff;}/* 滑块背景颜色 */
.work_leftbox::-webkit-scrollbar-thumb{background-color: #d2d2d2;}/* 滑块颜色 */


.work_rightbox h2.title{font-size:32px;line-height:42px;padding:20px 0 40px;}
.work9{width:100%;float: left;box-sizing: border-box;-ms-box-sizing: border-box; margin-bottom:30px;
	transition: all 0s 1.2s cubic-bezier(.645,.045,.355,1);
    -webkit-transition: all 0s 1.2s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all 0s 1.2s cubic-bezier(.645,.045,.355,1);
    -o-transition: all 0s 1.2s cubic-bezier(.645,.045,.355,1);}
.work9 .img_box{overflow:hidden}
.work9 .img_box img{width: 100%; transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;}
.work9:hover .img_box img{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);}
@media screen and (max-width:1400px){
    .work_leftbox .m{font-size:52px;font-weight:400;line-height: 60px;padding-top: 20px;margin-bottom: 40px;}
    .work_leftbox .m>span{font-size:90px;display:block;font-weight:bold;line-height:12px;color:rgba(0,0,0,0.1)}

    .xcxcase.cur li.item .text_box .title,.xcxcase.nocur li.item .text_box .title{margin-bottom: 0;font-size: 16px;}
    .xcxcase.cur li.item .text_box,.xcxcase.panel_box.nocur li.item .text_box{padding-top: 27%;}
    .xcxcase.cur li.item .text_box_con{padding-right: 0;}
}
@media screen and (max-width:1260px){
    .pannel_box.cur{width:64%;}
    .pannel_box{width:33%;padding-left:3.2%;}

    .panel_box.cur .works8_list .work8,.panel_box.cur .workbox9 .work9{
	    width: 50%;padding: 0 15px;
	}
	.websitecase li.item .text_box .title{margin-bottom: 0;font-size: 16px;}
	.work_leftbox .m>span{font-size: 70px;}

	.xcxcase li.item .text_box .title{margin-bottom: 0;}

}
@media screen and (max-width:960px){
	.work_leftbox .m,.work_leftbox .read{text-align:center}
	.work_leftbox{width:100%;padding-right:4.5%!important;padding-left:4.5%!important}
	.panel_box.cur{width: 100%;}
	.work_rightbox{display:none}
	.work_leftbox .m{font-size: 40px;margin-bottom: 25px;}
	.xcxcase li.item .text_box_con{padding-right: 0;}
	.xcxcase li.item .text_box .more{display: none;}
	.xcxcase li.item .text_box .title{font-size: 16px;}
	.xcxcase li.item .text_box .desc{font-size: 13px;}
	
	.uicase li.item{margin-bottom: 10px;}
	.uicase li.item .mask_titles{position: relative;transform: translateY(0);opacity: 1;	filter: alpha(opacity=100);padding-right: 80px;height: 40px;padding: 7px 7px;background-color: transparent; }
	.uicase li.item .mask_titles .title{font-size: 16px;color: #333;}
	.uicase li.item .mask_titles .dianzan{padding-left: 30px;color: #333;}
	.uicase li.item .mask_titles .dianzan .iconheart{width: 20px;height: 20px;background-size: 20px;top: 5px;}
}
@media screen and (max-width:580px){
	.work_leftbox .m>span{font-size:60px;line-height:1px}
	li.work8 .detail_box .title{text-align:center}
	.panel_box.cur .works8_list .work8, .panel_box.cur .workbox9 .work9{
    	width: 100%;padding: 0 15px;
    }
}


@media screen and (max-width: 768px){
    #rightFloat{display:none}
    .websitecase li.item .text_box .title,.xcxcase li.item .text_box .title{font-size: 14px;margin-bottom: 0;}
    .websitecase li.item .text_box .desc,.xcxcase li.item .text_box .desc{font-size: 12px;margin-bottom: 0;}
    .work_leftbox .m>span{font-size: 60px;}

}

@media(max-width: 767px){
	.work_leftbox .m{font-size: 30px;margin-bottom: 15px;}
	.work_leftbox .m>span{font-size: 40px;}
	.websitecase li.item{width: 50%;}
	.websitecase li.item:nth-child(8n+1),.websitecase li.item:nth-child(16n+1){width: 100%;}
	.websitecase li.item:nth-child(16n+4) .img_box{padding-top: 140%;}
	.websitecase li.item .text_box{padding-top: 32%;}
	.websitecase li.item:nth-child(16n+1) .text_box, .websitecase li.item:nth-child(8n+1) .text_box{padding-top: 16%;}
	.websitecase li.item .text_box_con{padding-right: 0;}
	.websitecase li.item .text_box .more{display: none;}
	.close_menu .menu_leftbox a{font-size: 18px;line-height: 41px;}
	.close_menu .menu_rightbox{display:none}
	.close_menu .menu_leftbox{width: 100%;}
	.close_menu .menu_leftbox>ul>li>a:after{display:none}
	.close_menu .menu_leftbox>ul>li>a span{display:none}
	.close_menu .menu_leftbox>ul>li>a font:before{display:none}
	.close_menu .menu_leftbox>ul>li>a:before{display:none}

	.xcxcase li.item{width: 50%;}
	.xcxcase li.item .text_box{padding-top: 32%;}
	.xcxcase li.item .text_box_con{padding-right: 0;}
	.xcxcase li.item .text_box .more{display: none;}

	.event .event_ul.news_ul li{width: 90%;margin-left:5%!Important;margin-bottom:10px;}
	.event .event_ul.news_ul .title{font-size: 18px;text-indent:-10px;line-height:24px;}
	.event .event_ul.news_ul .news{font-size: 16px;font-weight:bold;line-height:24px;margin-top:0px;}
	.event .event_ul.news_ul .date{font-size: 14px;line-height:24px;margin-top:0px;margin-bottom: 0;}

    .header{height:60px;}
	.gnav .switchWrap{width:60px;height:60px;}
	
	li.work .detail_box .img img{max-height: 80px;max-width: 200px;}
	li.work:hover .detail_box .icon img{width: 28px;}
	li.work .detail_box .title{font-size:16px;line-height:32px;}
	li.work:hover .detail_box .img{transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);margin-top:-8px}
	li.work:hover .detail_box .title{transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);margin-top: 4px;opacity:1;}
	li.work:hover .detail_box .icon{transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);margin-top:48px;opacity:1}
    .concept .lead_area{margin-bottom:20px;}
    .concept .lead2{display:none}
	.sec6_event_mobile{display:block;width:100%;overflow:hidden;position:relative;padding:0 20px 40px;box-sizing:border-box}
	.sec6_event_mobile_swiper{width: 100%;margin-left: -10px;}
    .sec6_event_mobile .imgs{width:100%}
    .sec6_event_mobile .detail_area{padding:10px 0}
    .sec6_event_mobile .detail_area .date{font-size:14px;line-height:24px;}
    .sec6_event_mobile .detail_area .title{font-size:16px;line-height:30px;}
    .sec6 .swiper-container-horizontal>.swiper-pagination-bullets{display:block;bottom: 30px;width:100%;left:0}
    .sec6 .swiper-pagination-bullet:before{display:none}
}
@media(max-width: 540px){
	.websitecase li.item{width: 100%;}
	.websitecase li.item .text_box{padding-top: 16%;}

	.xcxcase li.item{width: 100%;}
	.xcxcase li.item .text_box{padding-top: 18%;}
}
#js_site_pager,#loader-bg{display:none!important}
#l_containerAll{opacity:1!important}