@charset "utf-8";
@media (min-width: 1px) and (max-width: 768px){
	/* global */
	.lg, img.lg{
		display: none !important;
	}
		
	.xs{
		display: block;
	}

	img.xs{
		display: block !important;
	}

	.xs-en-show {
		display: none;
	}

	.main{
		width: 90.8vw;
	}
	
	.pd{
		padding-left: 6.4vw;
		padding-right: 6.4vw;
	}
	
	
	/*---------------- public ----------------*/
	.m-header-top {
		margin-top: 52vw;
	}

	.m-bottom-bg {
		width: 100%;
		height: 20vw;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 1000;
		background: url(../images/m_bottom_bg.png) no-repeat 0 bottom;
		background-size: 100% 100%;
	}
	
	
	.m-bottom-cats {
		width: 100%;
		height: 20vw;
		padding: 4vw 7.2vw;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		column-gap: 4vw;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 5000;
		background: url(../images/m_bottom_bg.png) no-repeat 0 bottom;
		background-size: 100% 100%;
	}

	.m-bottom-cats.row-2 {
		height: 30.4vw;
	}
	
	.m-bottom-cats a {
		width: 24.8vw;
		height: 7.4667vw;
		display: block;
		background: #ffffff;
		border-radius: 3.7333vw;
		box-shadow: 0 0 5px rgba(0,0,0,0.15);
		font-size: 11px;
		line-height: 7.4667vw;
		text-align: center;
	}

	.m-bottom-cats a.on {
		background: #f4d925;
		color: #004987;
	}

	.m-bottom-cats.col-4 {
		height: 20.5333vw;
		padding: 5.3333vw 0;
		column-gap: 2.6667vw;
	}

	.m-bottom-cats.col-4 a {
		width: 21vw;
	}

	/* m-bottom-select-title */
	.m-bottom-select-title {
		width: 100%;
		height: 20vw;
		height: 45vw;
		padding: 4vw 7.2vw;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 5000;
		background: url(../images/m_bottom_bg.png) no-repeat 0 bottom;
		background-size: 100% 100%;
	}

	.m-bottom-select-title h3 {
		width: 100%;
		height: 7.5vw;
		margin-bottom: 16vw;
		display: block;
		position: relative;
		background: #ffffff;
		border-radius: 3.75vw;
		box-shadow: 0 0 5px rgba(0,0,0,0.15);
		font-size: 12px;
		line-height: 7.5vw;
		text-align: center;
	}

	.m-bottom-select-title h3::after {
		content: " ";
		width: 3.5vw;
		height: 3.5vw;
		display: block;
		position: absolute;
		right: 5vw;
		top: 2vw;
		background: url(../images/m_menu_ctrl.png) no-repeat center center;
		background-size: 100% auto;
	}

	.m-bottom-select-title.show h3::after {
		background-image: url(../images/m_menu_ctrl_on.png);
	}

	.m-bottom-select-title.m-top {
		height: auto;
		padding: 2vw 7.2vw 3vw 7.2vw;
		position: relative;
		bottom: auto;
		background: none;
	}

	.m-bottom-select-title.m-top h3 {
		margin-bottom: 0;
	}

	.m-bottom-select {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.05);
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 4000;
		opacity: 0;
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		display: none;
	}

	.m-bottom-select.show {
		opacity: 1;
	}

	.mbs-box {
		width: 70%;
		height: auto;
		padding: 3vw;
		background: #ffffff;
		border-radius: 10px;
		box-shadow: 0 0 5px rgba(0,0,0,0.15);
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		opacity: 0;
		transform: scale(0);
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
	}

	.m-bottom-select.show .mbs-box {
		opacity: 1;
		transform: scale(1);
	}

	.mbs-box a {
		font-size: 14px;
		line-height: 5vw;
	}

	.mbs-box a.on {
		color: #f4d925;
	}
	

	/* base */
	.btn-tag {
		height: 7.4667vw;
		padding: 0 3.2vw;
		font-size: 12px;
		line-height: 7.4667vw;
	}

	.btn-more {
		width: auto;
		height: 7.4667vw;
		display: inline-block;
		padding: 0 3.2vw;
		font-size: 12px;
		line-height: 7.2vw;
	}

	.cs-btn a {
		width: 30.2vw;
		height: 7.2vw;
		margin: 0 auto;
		border: 0;
		border-radius: 5px;
		box-shadow: 0 0 5px rgba(0,0,0,0.15);
		font-size: 12px;
		line-height: 7.4vw;
	}

	.btn-shadow {
		height: 7.2vw;
		padding: 0 4vw;
		margin: 0.6vw 0;
		border-radius: 3.6vw;
		box-shadow: 0 0 5px rgba(0,0,0,0.15);
		font-size: 12px;
		line-height: 7.4vw;
	}
	/* cats */
	.cats {
		height: 3.4375vw;
		height: 66px;
		background: #f7f7f7;
		text-align: center;
	}
	
	.cats a {
		display: inline-block;
		margin: 25px 30px 0 30px;
		font-size: 21px;
		line-height: 36px;
	}
	
	.cats a.link-line:hover, .cats a.link-line.on {
		color: #595757;
	}
	
	.cats a.link-line:hover::before, .cats a.link-line.on::before {
		width: 100%;
	}
	
	/* list-ctrl */
	.list-ctrl {
	
	}
	
	.list-ctrl a {
		font-size: 12px;
		line-height: 23px;
	}
	
	.list-ctrl a:nth-child(1) {
		margin-right: 2.8vw;
	}
	
	.list-ctrl a svg {
		width: 3.6vw;
		margin-right: 1.6vw;
	}
	
	
	/* public list */
	.pl-item {
		height: 8.8vw;
		height: auto;
		margin-bottom: 1.2vw;
		padding: 0 0 0 4vw;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-radius: 5px;
	}
	
	.pl-item i {
		width: 3.6vw;
		height: 3.6vw;
	}
	
	.pl-item h3 {
		height: auto;
		padding: 1.2vw 2.8vw;
		line-height: 120%;
	}
	
	.pl-item h3 a:nth-child(2) {
		margin-left: 4vw;
	}
	
	.pl-item h3 a {
		font-size: 12px;
	}
	
	.pli-more {
		display: none;
	}
	
	
	
	/* pages */
	.pages {
		height: 8vw;
		margin: 0;
		font-size: 14px;
		line-height: 8vw;
	}
	
	.pages span {
		margin: 0 20px;
	}
	
	.pages a {
		width: 4vw;
		height: 4vw;
		margin: 0 2.6667vw;
		background-size: auto 100%;
	}
	
	.pages a.prev {
		background-image: url(../images/page_prev.png);
	}
	
	.pages a.next {
		background-image: url(../images/page_next.png);
	}

	/* mbanner-pages */
	.pages.mb-pages{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2000;
		justify-content: space-between;
		pointer-events: none;
	}
	
	.pages.mb-pages a {
		width: 10vw;
		height: 10vw;
		pointer-events: visible;
	}

	.pages.mb-pages a.prev {
		background-image: url(../images/m_arrow_white_left.png);
	}

	.pages.mb-pages a.next {
		background-image: url(../images/m_arrow_white_right.png);
	}
	
	.pages.mb-pages span{
		display: none;
	}
	
	/*---------------- over layer show ----------------*/
	.ols-container {
		width: 78vw;
		height: 78vh;
		margin-bottom: 3.75vh;
		padding: 8vw 4vw 8vw 8vw;
		border-radius: 0;
	}
	
	.ols-close {
		width: 8vw;
		height: 8vw;
		right: 46vw;
		top: auto;
		bottom: 6.5vh;
	}

	.ols-close.xs {
		display: block !important;
	}
	
	.ols-content {
		width: 100%;
		height: 100%;
		margin-top: 0;
		padding-right: 4vw;
		font-size: 11px;
		line-height: 16px;
	}
	
	.ols-images .ols-close {
		right: 48.4375vw;
		top: auto;
		bottom: 5vh;
	}
	
	.ols-images-container {
		width: 80vw;
		height: 68.5vh;
		display: flex;
		justify-content: center;
		align-items: center;
		top: 10vh;
	}
	
	.ols-images-container img {
		max-width: 100%;
		max-height: 100%;
		display: block;
	}
	
	
	/*---------------- floating layer ----------------*/
	#gotop {
		display: none;
	}
	
	/*---------------- header ----------------*/
	.header {
		height: 22vw;
	}
	
	.logo {
		width: 50.8vw;
		margin-top: 7.2vw;
	}
	
	.logo a {
		width: 100%;
		height: 12vw;
	
	}
	
	.lan {
		display: none;
	}
	
	
	.top-search {
		display: none;
	}
	
	.nav {
		display: none;
	}

	.btn-menu {
		width: 8vw;
		height: 8vw;
		float: right;
		margin-top: 7vw;
		background: url(../images/m_icon_menu.png) no-repeat center center;
		background-size: 100%;
		/*
		transition: all .2s linear;
		-webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-o-transition: all .2s linear;
		*/
	}

	.header.small .btn-menu {
		background-image: url(../images/m_icon_menu_gray.png);
	}

	.header.small .btn-menu.show, .btn-menu.show {
		background-image: url(../images/m_icon_close.png);

	}

	.menu {
		width: 100%;
		height: 100%;
		padding: 30.2vw 5.6vw 0 5.6vw;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 8888;
		background: rgba(238, 238, 239, 0.95);
		display: none;
		opacity: 0;
		transition: all .2s linear;
		-webkit-transition: all .2s linear;
		-ms-transition: all .2s linear;
		-moz-transition: all .2s linear;
		transition-delay: 0.2s;
		-webkit-transition-delay: 0.2s;
		-ms-transition-delay: 0.2s;
		-moz-transition-delay: 0.2s;
	}

	.menu.show {
		opacity: 1;
		transition-delay: 0s;
		-webkit-transition-delay: 0s;
		-ms-transition-delay: 0s;
		-moz-transition-delay: 0s;
	}

	.menu-scroll {
		width: 100%;
		height: 100%;
		overflow-y: auto;
	}

	.menu ul {
		margin: 1.3333vw 0 0 0;
	}

	.menu ul li {
		width: 100%;
		height: auto;
		border-bottom: 1px solid #595757;
		font-size: 15px;
		text-indent: 2.6667vw;
	}

	.menu ul li.on {
		border-bottom: 0;
	}

	.menu ul li a.m-max-nav {
		width: 85%;
		height: 13.2vw;
		float: left;
		display: flex;
		align-items: center;
	}

	.menu ul li i {
		width: 15%;
		height: 13.2vw;
		float: left;
		display: block;
		background: url(../images/m_menu_ctrl.png) no-repeat center center;
		background-size: 4vw auto;
		cursor: pointer;;
	}

	.menu ul li.on i{
		background-image: url(../images/m_menu_ctrl_on.png);
	}

	.m-sub-nav {
		width: 100%;
		height: 0;
		border-top: 1px solid #595757;
		display: none;
		transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
	}

	.menu ul li.on .m-sub-nav {
		display: block;
	}

	.m-sub-nav a {
		width: 100%;
		height: 8.8vw;
		display: block;
		background: #e1e1e2;
		border-top: 1px solid #cdcccd;
		color: #727171;
		font-size: 14px;
		line-height: 8.8vw;
	}

	.m-sub-nav a:nth-child(1) {
		border-top: 0;
	}

	.m-search {
		height: 8vw;
		padding: 0 4vw 0 10vw;
		background: url(../images/m_icon_search.png) no-repeat 4.1vw center #d9d9da;
		background-size: 4vw auto;
		border-radius: 4vw;
	}

	.m-search input {
		width: 100%;
		height: 100%;
		border: 0;
		background: none;
		color: #595757;
		font-size: 12px;
	}

	.m-search input::placeholder {
		color: #b4b4b5;
	}

	.m-lan {
		width: 100%;
		height: 13.2vw;
		margin-bottom: 10vw;
		display: flex;
		align-items: center;
		font-size: 15px;
	}

	.m-lan a {
		float: left;
	}

	.m-lan a.on {
		padding-left: 5.3333vw;
		background: url(../images/m_icon_select.png) no-repeat 0 center;
		background-size: 4vw;
	}

	.m-lan span {
		float: left;
		margin: 0 2.6667vw;
	}

	.m-subclass {
		width: 100%;
		height: auto;
		position: fixed;
		left: 0;
		top: 22vw;
		z-index: 8000;
		display: flex;
		flex-wrap: wrap;
		row-gap: 0.8vw;
		justify-content: space-between;
		background: #ffffff;
		opacity: 0.95;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	}

	.m-subclass a {
		width: 32.8vw;
		height: 8vw;
		display: block;
		background: linear-gradient(#eaecec, #f3f5f5);
		background: -webkit-linear-gradient(#eaecec, #f3f5f5);
		background: #f7f7f7;
		color: #595757;
		font-size: 12px;
		text-align: center;
		line-height: 8.2vw;
	}
	
	.m-subclass a.on {
		background: linear-gradient(#f2e9c9, #fbf2d0);
		background: -webkit-linear-gradient(#f2e9c9, #fbf2d0);
		background: #fbf2d0;
		color: #004987;
	}

	.m-subclass.col-2 a {
		width: 49.6vw;
	}

	.m-subclass.col-4 a {
		width: 24.8vw;
	}

	.m-subclass.col-5 a {
		width: 19.4vw;
	}

	.m-case-subclass a:last-child {
		/*
		width: 39.55vw;
		*/
	}
	
	/*---------------- footer ----------------*/
	.footer, .ft-bottom {
		display: none;
	}

	.m-footer {
		width: 100%;
		height: auto;
		display: block;
		padding: 12vw 8vw;
		background: #dbdcdc;
	}

	.mf-contact h3{
		margin-bottom: 4.8vw;
		font-size: 20px;
		font-family: "sy-b";
		line-height: 120%;
	}

	.mf-contact dl {
		width: 100%;
		height: auto;
		float: left;
		margin-bottom: 3.6667vw;
	}

	.mf-contact dl dt{
		width: 100%;
		height: auto;
		float: left;
		margin-bottom: 2.3333vw;
		font-size: 14px;
		font-family: "sy-m";
	}

	.mf-contact dl dd{
		width: 100%;
		height: auto;
		float: left;
		display: flex;
		column-gap: 3.2vw;
		font-size: 12px;
		line-height: 21px;
	}

	.mf-contact dl dd p {
		width: 50vw;
	}

	
	.ad-logo {
		margin: 2.5vw 0 0 0;
	}

	.ft-sns {
		margin-top: 3.3333vw;
		display: flex;
		justify-content: space-between;
	}
	
	.ft-sns a.icon_sns {
		width: 6.8vw;
		height: 6.8vw;
		margin: 0;
	}
	
	.copyright {
		margin-top: 4.8vw;
		font-size: 10px;
		text-align: left;
		line-height: 150%;
	}
	
	
	/*---------------- banner ----------------*/
	.banner {
		width: 100%;
		height: auto;
		position: relative;
	}
	
	.banner * {
		overflow: visible;
	}
	
	.banner img {
		width: 100%;
		display: block;
	}
	
	.swiper-wrapper, .swiper-wrapper * {
		overflow: visible;
	}
	
	.swiper-slide img {
		width: 100%;
		display: block;
	}
	
	.swiper-page {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 55px;
		z-index: 100;
		text-align: center;
	}
	
	.swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		margin: 0 32px;
		background: none;
		border: 1px solid #ffffff;
		opacity: 1;
	}
	
	.swiper-pagination-bullet-active {
		background: #ffffff;
	}
	
	.white-banner {
		height: 38.8vw;
	}
	
	.sbanner {
		width: 100%;
		height: auto;
		position: relative;
	}
	
	.sbanner img {
		width: 100%;
		display: block;
	}
	
	/*---------------- home ----------------*/
	.home-banner {
		height: auto;
	}
	
	.home-banner .swiper-slide {
		height: auto;
	}
	
	.home-banner .swiper-slide img, .home-banner .swiper-slide video {
		width: 100%;
		height: auto;
		display: block;
		object-fit: fill;
	}

	.home-banner-info {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		display: flex;
		align-items: center;
	}

	.home-banner-info p {
		color: #ffffff;
		font-size: 21px;
		line-height: 30px;
	}

	.home-block-title {
		font-size: 20px;
		line-height: 27px;
	}
	
	.home-block-title span {
		font-size: 20px;
	}
	
	/* home count */
	.home-count ul li {
		width: 50%;
	}
	
	.hc-text h3 {
		font-size: 24px;
		line-height: 120%;
	}
	
	.hc-text p {
		font-size: 14px;
		line-height: 150%;
	}
	
	
	/* home products */
	.home-products {
		flex-direction: column;
	}
	
	.hp-info {
		width: 100%;
		padding: 14vw 9.2vw 17vw 9.2vw;
		order: 2;
	}
	
	.hpi-content {
		width: 100%;
	}
	
	.hpi-content p {
		margin-top: 8vw;
		font-size: 11px;
		line-height: 18px;
	}
	
	.hpi-content a {
		display: none;
	}
	
	
	.hp-pic-box {
		width: 100%;
		order: 1;
	}

	.hp-pic {
		width: 33.3333vw;
	}
	
	.hp-pic a {
		left: 4.5vw;
		top: 5vw;
		font-size: 12px;
	}
	
	/* home video */
	.home-video {
		padding-left: 6.4vw;
		padding-right: 6.4vw;
		padding-top: 0;
		padding-bottom: 14vw;
	}
	
	.home-video p {
		margin: 14vw 0 10vw 0;
		padding: 0 4vw;
		font-size: 11px;
		line-height: 18px;
	}

	.hv-dot {
		width:  8vw;
		height: 8vw;
	}

	.hv-dot:hover {
		width: 10vw;
	}

	.hv-dot a {
		width: auto;
		height: 6.8vw;
		margin: 0.6vw 0 0 9vw;
		padding: 0 2.4vw;
		border-radius: 3.4vw;
		font-size: 12px;
		line-height: 6.8vw;
	}
	
	.home-video ul {
		flex-direction: column;
		row-gap: 3.2vw;
	}

	.home-video ul li {
		width: 100%;
	}

	.home-video ul li img, .home-video ul li video {
		width: 100%;
		display: block;
	}
	
	/* home news */
	.home-news {
		background: none;
	}
	
	.hn-info {
		width: 100%;
		float: left;
	}
	
	.hn-content {
		margin: 5.6vw 0 0 0;
		font-size: 11px;
		line-height: 18px;
	}
	
	.hn-cats {
		display: none;
	}
	
	
	.hn-ctrl {
		display: none;
	}
	
	.hn-list {
		width: 100%;
	}

	.hn-item * {
		overflow: hidden;
	}
	
	
	.hn-list::before {
		display: none;
	}
	
	.hn-item {
		width: 100%;
		padding: 10vw 0 0 0;
		border-top: 1px solid #6e6b6b;
	}

	.hn-item:nth-child(1) {
		border: 0;
	}
	
	.hn-item::before {
		display: none;
	}
	
	.hn-item h3 {
		margin: 6.6667vw 0 2.6667vw 0;
		padding: 0 4vw;
		font-size: 17px;
		line-height: 120%;
	}
	
	.hn-item h4 {
		height: auto;
		padding: 0 4vw;
		font-size: 15px;
		line-height: 19px;
	}
	
	.hn-item p {
		height: auto;
		margin: 4vw 0 10vw 0;
		padding: 0 4vw;
		font-size: 11px;
		line-height: 18px;
	}
	
	
	/* home rss */
	.home-rss {
		width: 100%;
		margin: 0;
		padding: 11.3333vw 9.3333vw 12vw 9.3333vw;
		background: #f7f7f7;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		overflow: hidden;
	}

	
	.hr-title {
		font-size: 15px;
	}
	
	.hr-box {
		width: 100%;
		overflow: hidden;
	}
	
	.hr-box h4 {
		margin-top: 1.3333vw;
		margin-bottom: 6.6667vw;
		font-size: 11px;
		line-height: 18px;
	}
	
	.hrb-form {
		width: 100%;
		height: 9.6vw;
		border-bottom: 1px solid #636161;
	}

	.hrb-form::after {
		display: none;
	}
	
	.hrb-form input {
		width: 66.8vw;
		height: 6.8vw;
		font-size: 12px;
		line-height: 6.8vw;
	}
	
	.hrb-form a {
		width: 6.8vw;
		height: 6.8vw;
		background: url(../images/m_btn_rss_arrow.png) no-repeat center center;
		background-size: 100%;
	}
	
	
	/*---------------- about ----------------*/
	.about-cats {
		display: none;
	}
	
	.about-company {
		flex-direction: column;

		display: flex;
		justify-content: space-between;
		position: relative;
	}
	
	.about-company::before {
		display: none;
	}
	
	.about-company::after {
		display: none;
	}
	
	.ac-banner {
		width: 100%;
		position: relative;
	}

	.ac-banner .pages{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 20;
		justify-content: space-between;
		pointer-events: none;
	}
	
	.ac-banner .pages a {
		width: 10vw;
		height: 10vw;
		pointer-events: visible;
	}

	.ac-banner .pages a.prev {
		background-image: url(../images/m_arrow_white_left.png);
	}

	.ac-banner .pages a.next {
		background-image: url(../images/m_arrow_white_right.png);
	}
	
	.ac-banner .pages span{
		display: none;
	}
	
	.ac-content {
		width: 100%;
		padding: 0 9.2vw;
		margin: 12vw 0;
		font-size: 12px;
		line-height: 21px;
	}

	.ac-content b {
		font-weight: normal;
	}
	
	.acc-title {
		margin: 0 0 6.4vw 0;
		font-family: "sy-m";
		font-size: 20px;
		line-height: 25px;
	}

	#about-scroll-box {
		height: auto;
	}
	
	.ac-pic {
		display: none;
	}
	
	.ac-more {
		display: none;
	}
	
	/* about count */
	.about-count {
		height: 75.6vw;
		padding: 13.6vw 8vw 0 8vw;
		background: url(../images/m_about_count_bg.png) no-repeat center center;
		background-size: cover;
	}
	
	.about-count ul {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
		row-gap: 10vw;
	}
	
	.about-count ul li {
		width: 26vw;
		height: auto;
		margin-top: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		color: #004987;
		text-align: center;
	}

	.about-count ul li.long-text-1 {
		width: 34vw;
		order: 7;
	}

	.about-count ul li.long-text-2 {
		width: 34vw;
		order: 8;
	}
	
	.about-count ul li h3 {
		margin-bottom: 0;
		font-size: 20px;
		font-family: "sy-b";
		line-height: 120%;
	}
	
	.about-count ul li p {
		font-size: 10px;
	}
	
	/* about auth container */
	.about-auth {
		position: relative;
	}
	
	.about-auth::before {
		display: none;
	}
	
	.about-auth-container {
		width: 100%;
		height: auto;
		margin: 12vw 0 0 0;
		padding: 0;
	}
	
	.about-auth-container h3 {
		margin-bottom: 3.2vw;
		font-size: 20px;
		line-height: 25px;
		text-align: center;
	}
	
	.about-auth-container p {
		font-size: 12px;
		line-height: 21px;
		text-align: center;
	}
	
	.aac-info {
		width: 100%;
		padding: 0 9.3333vw;
	}
	
	.aac-tag {
		width: 100%;
		float: left;
		margin: 8vw 0 10.6667vw 0;
		padding: 0 9.3333vw;
	}
	
	.aac-tag p a {
		height: 6.4vw;
		margin: 4vw 3.3333vw 0 0;
		padding: 0 2.6667vw;
		border-radius: 3.2vw;
		font-size: 10px;
		line-height: 6.4vw;
	
	}
	
	.aac-banner {
		width: 100%;
		margin: 0 auto;
	}
	
	.aac-banner .pages {
		width: 100%;
		height: 100%;
		background: none;
		pointer-events: none;
		display: flex;
		justify-content: space-between;
	}
	
	.aac-banner .pages::before {
		display: none;
	}
	
	.aac-banner .pages a {
		width: 10vw;
		height: 10vw;
		pointer-events: visible;
		background: none no-repeat 0 0;
		background-size: 100%;
	}
	
	.aac-banner .pages a svg {
		width: 20px;
	}

	
	.aac-banner .pages a.prev {
		background-image: url(../images/m_arrow_white_left.png);
	}

	.aac-banner .pages a.next {
		background-image: url(../images/m_arrow_white_right.png);
	}
	
	.acc-pic {
		display: none;
	}
	
	/* about worth */
	.about-worth {
		width: 100%;
		height: auto;
		position: relative;
	}
	
	.aw-bg {
		width: 100%;
		display: block;
	}
	
	.aw-title {
		width: 100%;
		position: absolute;
		left: 0;
		top: 12vw;
		font-size: 20px;
		font-family: "sy-m";
		font-weight: normal;
		line-height: 25px;
		text-align: center;
	}
	.aw-info {
		width: 100%;
		left: 10vw;
		bottom: auto;
		top: 57vw;
	}
	
	.awi-title {
		margin: 0 0 1.5vw 0;
		font-size: 14px;
		line-height: 21px;
	}
	
	.awi-content {
		margin: 0 0 6vw 0;
		font-size: 10px;
		line-height: 16px;
	}
	
	.aw-icon {
		position: absolute;
		display: block;
		justify-content: center;
		text-align: center;
	}
	
	.aw-icon img {
		width: 10.6667vw;
	}
	
	.aw-icon p {
		margin: 5px 0 0 0;
		font-size: 12px;
		line-height: 14px;
	}
	
	.awi-1 {
		left: 11.6vw;
		top: 26.6667vw;
	}
	
	.awi-2 {
		left: 32.9333vw;
		top: 26.6667vw;
	}
	
	.awi-3 {
		left: 54.4vw;
		top: 26.6667vw;
	}
	
	.awi-4 {
		left: 75.7333vw;
		top: 26.6667vw;
	}
	
	
	/* about client */
	.about-client {
		padding: 0 4vw;
	}
	
	.about-client p{
		margin: 12vw 0 6.8vw 0;
		font-family: "sy-m";
		font-size: 20px;
		line-height: 29px;
	}
	
	.about-client img {
		margin: 0 auto 12vw auto;
	}
	
	/*---------------- team ----------------*/
	.team-container {
		background: #f6f5f4;
	}
	
	.team-list {
		width: 100%;
		margin: 7.6vw 0;
		padding: 0 4.6667vw;
		flex-wrap: wrap;
		column-gap: 1.0417vw;
		row-gap: 5.6vw;
	}

	.team-item {
		width: 42.6667vw;
	}

	.team-item .thumb::before {
		content: " ";
		width: 4vw;
		height: 1px;
		display: block;
		background: #f4d925;
		position: absolute;
		right: 2.6vw;
		bottom: 3.8vw;
	}

	.team-item .thumb::after {
		content: " ";
		width: 1px;
		height: 4vw;
		display: block;
		background: #f4d925;
		position: absolute;
		right: 4.4vw;
		bottom: 2vw;
	}

	.team-item p span{
		font-size: 14px;
		font-family: "sy-m";
	}
	
	.team-item p {
		margin: 3.2vw 0 0 0;
		font-size: 10px;
		line-height: 18px;
	}
	
	/* team show */
	.ols-team {
		font-size: 12px;
		line-height: 18px;
	}
	
	.ols-team-pic {
		width: 100%;
		position: relative;
		right: 0;
		top: 0;
	}

	.ols-team-pic img {
		max-width: 100%;
	}
	
	.ols-team-title {
		margin: 7.2vw 0 0 0;
		font-size: 16px;
	}
	
	.ols-team-subtitle {
		margin: 3.2vw 0 4vw 0;
		font-size: 14px;
	}
	
	.ols-team-info {
		margin-bottom: 5.6vw;
		font-size: 12px;
		line-height: 18px;
	}
	
	.ols-team-honor {
		font-size: 12px;
		line-height: 18px;
	}
	
	
	/*---------------- history ----------------*/
	.history {
		background: none;
	}
	
	.history-title {
		width: 100%;
		margin: 8vw auto 4vw auto;
		font-size: 20px;
		line-height: 27px;
		text-align: center;
	}
	
	.history-title span{
		font-size: 20px;
	}
	
	.m-history-box {
		width: 100%;
		height: auto;
		margin-bottom: 10vw;
		padding: 1vw 3vw 1vw 4vw;
		position: relative;
	}
	
	.m-history-box::before {
		content: " ";
		width: 2px;
		height: calc(100% - 2vw - 3vw);
		display: block;
		position: absolute;
		left: 4.8vw;
		top: 2vw;
		background: #f4d925;
	}

	.m-history-year {
		width: 100%;
		height: auto;
		float: left;
		padding: 0 0 0 8vw;
		color: #595757;
		font-size: 21px;
		font-family: "sy-m";
		text-align: center;
		line-height: 50px;
	}

	.m-history-list {
		width: 100%;
		height: auto;
		float: left;
		padding: 0 1vw 0 8vw;
		position: relative;
		overflow: hidden;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
	}
	
	.m-history-list::after {
		content: " ";
		width: 8px;
		height: 8px;
		display: block;
		position: absolute;
		left: 0;
		top: 1vw;
		background: #5f5f5f;
		border-radius: 50%;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
	}

	.m-history-list.on {
		max-height: 3000vw;
	}

	.m-history-list.on::after {
		background: #f4d925;
	}

	.m-history-list.on .mhl-item {
		background: #fbf2d0;
		color: #004987;
	}
	
	.mhl-item {
		width: 100%;
		height: auto;
		float: left;
		margin-top: 1vw;
		margin-bottom: 3vw;
		padding: 4vw;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
		color: #595757;
		font-family: "sy-m";
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		opacity: 1;
	}

	.mhl-item:nth-child(1) {
		opacity: 1;
	}
	
	.mhl-item img{
		width: 36.8vw;
		height: auto;
		display: block;
		float: left;
		margin-right: 5vw;
	}

	.mhl-item h3 {
		width: 34vw;
		height: auto;
		float: left;
		margin-bottom: 1vw;
		font-size: 17px;
		line-height: 18px;
	}

	.mhl-item p {
		width: 34vw;
		height: auto;
		float: left;
		font-size: 11px;
		line-height: 18px;
	}
	
	.mhl-up {
		width: 100%;
		height: 14vw;
		position: relative;
	}

	.mhl-up::before {
		content: " ";
		width: 6vw;
		height: 6vw;
		display: block;
		margin-left: -3vw;
		position: absolute;
		left: 50%;
		top: 1vw;
		border-radius: 50%;
		background: url(../images/m_history_up.png) no-repeat center center;
		background-size: 3.3333vw;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	}
	
	/*---------------- auth ----------------*/
	.auth {
		padding: 2.3438vw 0 2.8646vw 0;
		margin-bottom: 18vw;
	}
	
	.auth-right {
		width: 100%;
		height: auto;
		margin-right: 0;
		padding: 0 4vw;
	}
	
	
	.auth-right .list-ctrl {
		margin: 6vw 0 0 0;
	}
	
	
	.auth-title {
		width: auto;
		float: left;
		margin: 6.8vw 0 5.6vw 0;
		margin: 6vw 0;
		font-size: 17px;
		line-height: 20px;
	}
	
	.auth-list {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		column-gap: 1.04vw;
	}
	
	.auth-list.on {
		opacity: 1;
	}
	
	.auth-item {
		width: 43.2vw;
		display: flex;
		align-items: center;
		flex-direction: column;
		font-size: 12px;
		line-height: 18px;
	}
	
	.auth-item .thumb {
		width: 100%;
	}
	
	.auth-item p {
		height: 36px;
		margin: 2.6667vw 0 6.6667vw 0;
		text-align: left;
	}
	
	.auth .public-list {
		float: left;
		margin: 0;
	}
	
	
	/*---------------- dev ----------------*/
	.dev-banner {
		width: 100%;
		height: auto;
		padding: 5.2vw 0;
		position: relative;
		left: 0;
		bottom: auto;
		background: #eeeeee;
		justify-content: flex-start;
		flex-direction: column;
		color: #595757;
		line-height: 21px;
	}
	
	.db-item {
		width: 100%;
		padding: 0 9.2vw;
	}
	
	.dev-banner h3 {
		width: 31.2vw;
		height: auto;
		float: left;
		padding: 8vw 0;
		font-size: 20px;
		font-family: "sy-m";
		line-height: 27px;
	}
	
	.dev-banner p {
		width: 50.4vw;
		height: auto;
		float: left;
		padding: 8vw 0;
		border-top: 2px solid #ffffff;
		font-size: 12px;
		line-height: 21px;
	}

	.db-item:nth-child(1) p{
		border: 0;
	}
	
	.dev-container {
		width: 100%;
		margin: 0;
		padding: 13.3333vw 4.6667vw;
	}
	
	.dev-title {
		margin: 8vw 0 4.2vw 0;
		font-size: 20px;
		line-height: 27px;
	}
	
	.dev-info {
		font-size: 11px;
		line-height: 18px;
	}
	
	.dev-icon {
		width: 100%;
		padding: 5.6vw 0 20vw 0;
		background: none;
	}
	
	.dev-icon-box {
		width: 100%;
		margin: 0;
		padding: 0 13.2vw;
		column-gap: 0;
		row-gap: 8vw;
	}
	
	.di-item {
		width: 32vw;
		height: auto;
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	
	.di-item h3 {
		width: 30.4vw;
		height: 5.6vw;
		padding: 0;
		border-radius: 2.8vw;
		font-size: 11px;
		text-align: center;
		line-height: 5.6vw;
	}
	
	.di-item img {
		width: 53px;
		margin: 2.4vw 0;
	}
	
	.di-item p {
		font-size: 11px;
		line-height: 16px;
	}
	
	/* show */
	.ols-dev {
		width: 78vw;
		height: 78vh;
		margin-bottom: 3.75vh;
		padding: 8vw 4vw 8vw 8vw;
	}
	
	.ols-dev .ols-content {
		width: 100%;
		height: 100%;
		padding-right: 4vw;
		font-size: 11px;
		line-height: 16px;
	}
	
	.ols-dev-tag {
		padding-left: 4vw;
		background-size: auto 12px;
		font-size: 11px;
		line-height: 16px;
	}
	
	.ols-dev-title {
		margin: 2.4vw 0 4vw 0;
		font-size: 14px;
		line-height: 21px;
		font-family: "sy-m";
	}
	
	.ols-dev-title span {
		margin-right: 15px;
		font-size: 12px;
	}
	
	.ols-dev-info {
		width: 100%;
		float: left;
		margin-bottom: 8vw;
		font-size: 11px;
		line-height: 16px;
	}
	
	
	
	/*---------------- tech ----------------*/
	.tech {
		height: auto;
		min-height: 100vh;
		background: #f6f5f4;
	}
	
	.tech-swiper-wrapper {
		height: auto;
		flex-wrap: wrap;
		flex-direction: column;
	}
	
	.tech-page {
		height: auto !important;
		background: #f6f5f4;
	}
	
	.tech-bg {
		width: 100%;
		display: block;
		margin-top: -45px;
	}
	
	.tech-box {
		width: 100%;
		padding: 0 10vw;
		margin-top: 0;
	}
	
	.tech-title {
		margin-bottom: 6vw;
		font-size: 20px;
		font-family: "sy-m";
		line-height: 27px;
	}
	
	.tech-title span {
		font-size: 20px;
	}
	
	.tech-content {
		font-size: 11px;
		line-height: 18px;
	}
	
	/* tp1 */
	.tp-1 .slide-bg-box {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
	}
	.tp-1 .tech-box {
		height: auto;
		float: left;
		margin-top: 42.8vw;
		position: relative;
		left: 0;
		top: 0;
		z-index: 2;
		overflow: hidden;
	}

	.m-tech-img {
		min-height: 100vw;
	}

	.tp-1 .m-tech-img img{
		width: 100%;
		display: block;
	}

	.tech-svg-img img {
		object-fit: contain;
	}

	
	/* tp2 */
	.tp2-container {
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
		padding: 0 4.6667vw;
		text-align: center;
	}
	
	.tp2-container::before {
		display: none;
	}
	

	.tp2-tab-title-box {
		width: 100%;
	}
	
	.tp2-tab-title {
		width: auto;
		height: 6.4vw;
		display: inline-block;
		margin: 0 auto 7.2vw auto;
		border-radius: 3.2vw;
		font-size: 12px;
		line-height: 6.4vw;
	}
	
	.tp2-tab-title i {
		border-radius: 3.2vw;
	}
	
	.tp2-tab-title a {
		padding: 0 4.2vw;
		margin-left: 2vw;
		border-radius: 3.2vw;
		position: relative;
		z-index: 3;
	}
	
	.tp2-tab-title a.on {
		color: #004987;
	}
	
	.tp2-box {
		margin-bottom: 12vw;
	}
	
	.tp2-tab-banner .swiper-container {
		width: 100%;
		overflow: hidden;
	}
	
	.tp2-tab-banner p {
		height: auto;
		margin-top: 9.2vw;
		font-size: 11px;
		line-height: 18px;
	}
	
	.tp2-ctrl {
		width: 100%;
		height: 51.2vw;
		right: 0;
		top: 0;
		bottom: auto;
		background: none;
	}
	
	
	/* tp3 */
	.tp-3 .tech-box {
		margin-top: 0;
		padding-top: 39vw;
		position: relative;
		left: 0;
		top: 0;
		background: no-repeat 0 0;
		background-size: 100%;
	}
	
	/* tp4 */
	.tp4-container {
		width: 100%;
		height: auto;
		padding-top: 0;
		justify-content: flex-start;
		flex-direction: column;
		align-items: flex-start;
	}

	.tp4-box {
		width: 100%;
		margin-bottom: 10vw;
		padding: 0 10vw;
	}
	
	.tp4b-1 {
		width: 100%;
	}
	
	.tp4b-1::before {
		width: 36.8vw;
		height: 36.8vw;
		background: #f4d925;
		right: 0;
		bottom: 0;
	}
	
	.tp4b-2 {
		width: 100%;
	}
	
	.tp4b-2::before {
		width: 50vw;
		height: 30.6vw;
		background: #f4d925;
		left: 0;
		top: 0;
	}
	
	.tp4b-3 {
		width: 100%;
	}
	
	.tp4b-3::before {
		width: 45vw;
		height: 32vw;
		background: #f4d925;
		right: 0;
		top: 0;
	}
	
	.tp4-box h3 {
		margin-bottom: 0;
		font-size: 17px;
		font-family: "sy-m";
		font-weight: normal;
		line-height: 16vw;
	}
	
	.tp4-banner {
		width: 100%;
	}
	
	.tp4-banner p {
		height: auto;
		margin-top: 5.6vw;
		font-size: 14px;
		line-height: 16px;
		text-align: left;
	}
	
	.tp4-ctrl {
		width: 100%;
		height: 63vw;
		margin-left: 0;
		background: none;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	
	/* tp5 */
	.tp-5 {
		padding-top: 0;
	}
	
	.tp-5 .tech-bg {
		margin-top: 0;
	}
	
	.tp-5 .tech-box {
		left: 0;
		top: 42vw;
	}

	.tp-5 .tech-title {
		width: 50vw;
	}
	
	/*---------------- products category ----------------*/
	.products-category {
		height: 100%;
		position: relative;
	}
	
	.pc-container {
		width: 100%;
		height: 100%;
		padding-top: 10vw;
		position: absolute;
		left: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		color: #ffffff;
	}
	
	.pc-page {
		height: 100% !important;
	}
	
	.pc-title {
		padding-top: 10vw;
		font-size: 25px;
		line-height: 120%;
	}
	
	.pc-title img {
		margin: 0 auto 5px auto;
	}
	
	.pc-1 .pc-title img {
		width: 10.8vw;
	}
	
	.pc-2 .pc-title img {
		width: 18vw;
	}
	
	.pc-info {
		width: 100%;
		margin: 6.4vw 0 8.8vw 0;
		padding: 0 10vw;
		font-size: 12px;
		line-height: 21px;
	}
	
	.pc-subclass {
		width: 100%;
		margin-bottom: 12vw;
		padding: 0 10vw;
	}
	
	.pc-subclass a {
		width: 24vw;
		height: 12vw;
		background: url(../images/svg/icon_pc_search.svg) no-repeat center 7.7333vw #ffffff;
		background-size: 2.8vw;
		border-radius: 5px;
		box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
		font-size: 12px;
		line-height: 8vw;
	}
	
	.pc-content {
		width: 100%;
		padding: 0 6.4vw;
		flex-wrap: wrap;
		justify-content: center;
		row-gap: 4vw;
		column-gap: 6.4vw;
	}
	
	.pc-2 .pc-content {
		width: 100%;
		padding: 0 4vw;
		flex-wrap: nowrap;
		justify-content: space-between;
		row-gap: 0;
		column-gap: 0;
	}

	.pc-2 .pc-content .pcc-item{
		width: 27vw;
	}
	
	.pcc-item h3 {
		margin-bottom: 0.5vw;
		font-size: 15px;
		line-height: 120%;
	}
	
	.pcc-item p {
		font-size: 9px;
		line-height: 200%;
	}
	
	/* pc ctrl */
	.pc-ctrl {
		width: auto;
		height: 100%;
		position: absolute;
		left: 4.0625vw;
		top: 0;
		z-index: 100;
		display: flex;
		flex-direction: column;
		justify-content: center;
		row-gap: 2.5vw;
	}
	
	.pc-ctrl a {
		padding-left: 2.0833vw;
		position: relative;
		color: #ffffff;
		font-size: 21px;
	}
	
	.pc-ctrl a::before {
		content: " ";
		width: 18px;
		height: 18px;
		display: block;
		margin-top: -9px;
		position: absolute;
		left: 0;
		top: 50%;
		background: #ffffff;
		border-radius: 50%;
	}
	
	.pc-ctrl a:hover, .pc-ctrl a.on {
		color: #f4d925;
	}
	
	.pc-ctrl a.on::before {
		background: #f4d925;
	}
	
	
	
	/*---------------- products page ----------------*/
	.products-page {
		height: 100%;
		background: url(../images/m_products_page_1_bg.png) no-repeat 0 bottom #ffffff;
		background-size: 100%;
	}
	
	.products-page .swiper-slide {
		height: 100% !important;
	}
	
	/* pg ctrl */
	.pg-ctrl {
		display: none;
	}
	
	/* pg content */
	.pg-container {
		width: 100%;
		height: 100vh;
		margin: 0;
		padding: 0 10vw;
		display: flex;
		flex-direction: column;
		justify-content: center;
		row-gap: 2.6042vw;
	}
	
	
	.pg-content {
		width: 100%;
		margin-top: 2vw;
	}
	
	.pg-left {
		width: 100%;
		height: auto;
		margin-top: 0;
		padding-top: 38.4vw;
		position: relative;
	}
	
	.pg-title {
		font-size: 17px;
		line-height: 20px;
	}
	
	.pg-info {
		margin: 4.8vw 0 5.6vw 0;
		font-size: 11px;
		line-height: 18px;
	}
	
	.pg-more {
		width: 24vw;
		width: auto;
		height: 7.6vw;
		position: absolute;
		right: 0;
		top: 37.4vw;
		border: 0;
		border-radius: 5px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
		font-size: 12px;
		line-height: 7.6vw;
	}
	
	.pg-more:hover {
		border-color: #f4d925;
		color: #f4d925;
	}
	
	.pg-right {
		width: 100%;
		float: right;
		margin-bottom: 5.6vw;
	}
	
	.pg-params {
		flex-wrap: wrap;
		row-gap: 2.4vw;
	}
	
	.pg-params li {
		width: 24vw;
		height: 9.6vw;
		border-radius: 5px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	}
	
	.pg-params li h3 {
		margin-bottom: 0;
		font-size: 11px;
		line-height: 15px;
	}
	
	.pg-params li h3.s {
		font-size: 10px;
	}
	
	.pg-params li p {
		font-size: 8px;
		line-height: 12px;
	}
	
	/* products page process */
	.pg-process {
		width: 100%;
		height: 100vh;
		margin: 0;
		padding: 6vw 10vw 0 10vw;
		justify-content: flex-start;
		flex-direction: column;
		align-items: flex-start;
		row-gap: 0;
	}
	
	.pgp-left {
		width: 100%;
		height: auto;
	}
	
	.pgp-title {
		margin: 38.4vw 0 4vw 0;
		font-size: 17px;
		line-height: 20px;
		text-align: center;
	}

	.pgp-ctrl {
		padding: 0 5.6vw;
		margin-top: 4.2vw;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.pgp-ctrl a{
		width: 24vw;
		width: 100%;
		font-size: 12px;
		line-height: 27px;
	}
	/*
	.pgp-ctrl a:nth-child(1), .pgp-ctrl a:nth-child(2), .pgp-ctrl a:nth-child(3), .pgp-ctrl a:nth-child(4) {
		width: 38vw;
	}

	.pgp-ctrl a:nth-child(2) {
		order: 3;
	}

	.pgp-ctrl a:nth-child(3) {
		order: 5;
	}

	.pgp-ctrl a:nth-child(4) {
		order: 7;
	}

	.pgp-ctrl a:nth-child(5) {
		width: 38vw;
		order: 9;
	}
	.pgp-ctrl a:nth-child(6) {
		order: 2;
	}
	.pgp-ctrl a:nth-child(7) {
		order: 4;
	}
	.pgp-ctrl a:nth-child(8) {
		order: 6;
	}
	.pgp-ctrl a:nth-child(9) {
		order: 8;
	}
	.pgp-ctrl a:nth-child(10) {
		order: 10;
	}
	*/
	/* row 4 */
	/*
	.pgp-ctrl.pgo-row-4 a:nth-child(2) {
		order: 3;
	}

	.pgp-ctrl.pgo-row-4 a:nth-child(3) {
		order: 5;
	}

	.pgp-ctrl.pgo-row-4 a:nth-child(4) {
		order: 7;
	}

	.pgp-ctrl.pgo-row-4 a:nth-child(5) {
		width: 24vw;
		order: 2;
	}
	.pgp-ctrl.pgo-row-4 a:nth-child(6) {
		order: 4;
	}
	.pgp-ctrl.pgo-row-4 a:nth-child(7) {
		order: 6;
	}
	.pgp-ctrl.pgo-row-4 a:nth-child(8) {
		order: 8;
	}
	
	*/
	
	.pgp-banner {
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	
	
	.pages a.btn-process-case {
		display: none;
	}
	
	.pages a.btn-process-case svg {
		width: 24px;
		margin: 4px 0 0 10px;
		fill: #f4d925;
	}
	
	/* pg list */
	.pg-bg-2 {
		background: url(../images/m_products_page_2_bg.png) no-repeat 0 0;
		background-size: 100%;
	}
	
	.pg-bg-3 {
		background: url(../images/m_products_page_3_bg.png) no-repeat 0 0 #ffffff;
		background-size: 100%;
	}
	
	.pg-list {
		width: 100%;
		height: 100vh;
		margin: 4vw auto 0 auto;
		padding: 38.4vw 4vw 0 4vw;
		overflow: visible;
	}
	
	.pg-list ul {
		margin: 5.6vw 0 0 0;
		justify-content: flex-start;
		row-gap: 3.2vw;
	}
	
	.pgl-item {
		width: 43.6vw;
		border: 1px solid #7c7978;
	}
	
	.pgl-item h3 {
		width: 100%;
		padding: 0 4vw 0 4vw;
		font-size: 12px;
	}

	.pages.xs {
		display: block;
	}

	.pgl-scroll {
		margin-top: 4.8vw;
		overflow: hidden !important;
	}

	.pgl-scroll .pages {
		width: 100%;
		margin-top: 6vw;
	}

	.pgl-scroll .pages a {
		margin: 0 4vw;
	}
	
	/* alu */
	.alu-show-container {
		padding-top: 22vw !important;
	}

	.alu-content {
		padding: 5vw;
	}

	.alu-show-scroll-box {
		height: 68vw;
		position: relative;
	}

	.alu-show-tips {
		width: 10vw;
		height: 10vw;
		position: absolute;
		top: 17.725vw;
		z-index: 200;
		background: no-repeat 0 0;
		background-size: auto 100%;
	}

	.alu-show-tips.ast-prev {
		left: 0;
		background-image: url(../images/m_arrow_white_left.png);
	}

	.alu-show-tips.ast-next {
		right: 0;
		background-image: url(../images/m_arrow_white_right.png);
	}
	
	.alu-sc-item {
		height: 66vw;
		margin-right: 4vw;
	}

	.alu-sc-item img {
		height: 50vw;
		width: 80.8vw;
		height: 45.45vw;
		object-fit: cover;
	}

	.alu-sc-item p {
		height: 14.4vw;
		top: 51vw;
		font-size: 12px;
		line-height: 4.8vw;
	}

	.alu-params-container {
		width: 100%;
		padding: 38.4vw 0 0 0;
		justify-content: flex-start;
		text-align: center;
	}
	
	.alu-params-container .pg-info {
		margin-top: 2vw;
	}

	.alu-params-container .pg-title {
		margin-top: 6vw;
	}
	
	.alu-size {
		margin-top: 4vw;
		margin-bottom: 0;
	}
	
	.alu-color {
		margin-top: 6.8vw;
		margin-bottom: 6.8vw;
	}
	
	.alu-size img, .alu-color img {
		max-width: 100%;
		display: block;
	}
	
	.alu-params-container .btn-more {
		width: 6.7708vw;
		height: 42px;
		border-radius: 10px;
		font-size: 18px;
		line-height: 40px;
	}
	
	/* alu list */
	.alu-list-container {
		padding: 38.4vw 4.6vw 0 4.6vw;
		padding-top: 44.4vw;
	}
	
	.alu-list-swiper {
		width: 100%;
		float: left;
		margin-top: 8vw;
		margin-top: 4vw;
		overflow: hidden;
		display: none;
		opacity: 0;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
	}

	.alu-list-swiper.on {
		opacity: 1;
		display: block;
	}

	.alu-list-swiper .pages {
		margin-top: 6vw;
	}

	.alu-list-swiper .pages a {
		margin: 0 4vw;
	}
	
	.al-item {
		margin-bottom: 0;
		padding: 2.4vw;
	}
	
	.al-item h3 {
		height: auto;
		margin-top: 2.8vw;
		font-size: 14px;
		line-height: 21px;
	}

	.m-alu-tab-ctrl {
		position: absolute;
		padding-left: 4vw;
		padding-right: 4vw;
		flex-wrap: nowrap;
		column-gap: 2.4vw;
	}

	.m-alu-tab-ctrl a {
		width: auto;
		height: 8vw;
		padding: 0 2vw;
		border-radius: 3.2vw;
		font-size: 12px;
		line-height: 8vw;
	}
	
	
	/* alu case show */
	.ols-alu-show {
		width: 78vw;
		height: 78vh;
		padding: 8vw 4vw 8vw 8vw;
	}
	
	.ols-alu-show .ols-close {
		width: 8vw;
		height: 8vw;
		margin-left: 0;
		left: auto;
		right: 46vw;
		bottom: 6.5vh;
	}
	
	.ols-alu-show .ols-content {
		padding-right: 4vw;
	}
	
	.ash-icon {
		display: none;
	}
	
	.ash-params {
		width: 100%;
	}
	
	.ash-params h3 {
		margin-bottom: 1.3333vw;
		font-size: 14px;
		font-family: "sy-m";
		line-height: 25px;
	}
	
	.ash-params ul li {
		width: 100%;
		color: #c8c9ca;
		font-size: 11px;
		line-height: 17px;
	}
	
	.alu-show-title {
		margin: 4vw 0;
		font-size: 12px;
		font-family: "sy-m";
	}
	
	.alu-show-title::after {
		width: 41.6vw;
		top: 50%;
		background: #eceded;
	}
	
	.alu-show-title img {
		width: 3.2vw;
		margin-right: 2.8vw;
	}
	
	.alu-show-images {
		width: 100%;
	}
	
	
	.alu-show-table table tr th {
		height: 8vw;
		font-size: 10px;
	}
	
	.alu-show-table table tr td {
		height: 8vw;
		font-size: 9px;
		padding-left: 2vw;
		line-height: 200%;
	}
	
	
	.ast-1 {
		border-bottom: 0;
	}
	
	.ast-1 tr td:nth-child(1) {
		width: 20vw;
		padding-left: 2.5vw;
	}
	
	.ast-2 {
		margin-bottom: 2vw;
	}
	
	.ast-2 tr td:nth-child(1) {
		width: 4.5vw;
	}
	.ast-2 tr td:nth-child(2) {
		width: 5.5vw;
	}
	
	/*---------------- products other ----------------*/
	.pg-other-container {
		width: 100%;
		height: 100%;
		padding: 38.4vw 0 0 0;
		left: 0;
		align-items: center;
		justify-content: center;
	}

	.pgo-title {
		width: 100%;
		margin-bottom: 4vw;
		padding: 0 14vw;
		font-size: 25px;
		line-height: 35px;
		text-align: center;
	}
	
	.pgo-content {
		width: 100%;
		padding: 0 10vw;
		font-size: 12px;
		line-height: 21px;
		text-align: center;
	}
	
	.pgo-content b, .pgo-content strong {
		font-size: 12px;
		font-weight: normal;
	}

	.pgo-btn-box {
		display: flex;
		justify-content: center;
	}
	
	
	.pgo-content a.pgo-more {
		width: 24vw;
		width: auto;
		height: 7.4667vw;
		margin: 4vw 2vw 0 2vw;
		border-radius: 5px;
		font-size: 12px;
		line-height: 7.5vw;
	}
	
	.pgo-content a.pgo-more:hover {
		background: #f4d925;
		color: #ffffff;
	}
	
	.pgo-info {
		width: 100%;
		padding: 0 4vw;
		justify-content: center;
		flex-wrap: wrap;
		row-gap: 4vw;
		column-gap: 6.4vw;
	}
	
	.pgo-info li h3 {
		margin-bottom: 0.5vw;
		color: #ffffff;
		font-size: 15px;
		line-height: 120%;
	}
	
	.pgo-info li p {
		font-size: 9px;
		line-height: 200%;
	}
	
	.pgo-info.white li h3 {
		color: #ffffff;
	}
	
	
	.pgo-2 {
		background: #ffffff;
	}
	
	.pg-table-container {
		width: 100%;
		height: 100vh;
		padding: 38.4vw 4.6667vw 0 4.6667vw;
	}
	
	.pg-table-container h3 {
		margin-top: 6vw;
		margin-bottom: 4.8vw;
		font-size: 17px;
		line-height: 20px;
	}
	
	.pg-table {
		background: #efefef;
	}
	
	.pg-table tr th {
		height: 10vw;
		font-size: 14px;
		font-weight: bold;
	}
	
	.pg-table tr td {
		height: 10vw;
		padding: 1vw 0 1vw 3vw;
		font-size: 12px;
		line-height: 150%;
		text-indent: 0;
	}
	
	.pg-table tr td:nth-child(1) {
		width: 33vw;
	}
	
	
	/* home */
	.pg-home-container {
		padding-top: 38.4vw;
		justify-content: flex-start;
	}
	
	.pg-home-title {
		margin: 8.4vw 0;
		font-size: 17px;
		line-height: 20px;
	}

	.pg-home-color img {
		width: 90%;
		max-height: auto;
	}
	
	.pgo-info-home li {
		width: 22vw;
	}

	/*
	.slide-scroll-box {
		width: 100%;
		height: 100vh;
		position: relative;
		overflow-x: auto !important;
	}
	
	.slide-scroll-box img {
		width: auto;
		height: 100%;
	}
	*/

	.slide-scroll-box {
		width: 100%;
		height: calc(100vh - 38vw);
		height: 100%;
		position: relative;
		margin-top: 38vw;
		margin-top: 0;
	}
	
	.slide-scroll-box img {
		width: 100%;
		height: auto;
		height: 100%;
		object-fit: cover;
	}

	.pg-mask {
		opacity: 1;
	}

	.pgh-m-content {
		width: 70vw;
		height: auto;
		position: absolute;
		top: 72vw;
		left: 15vw;
	}

	.pgh-m-content p {
		width: 100%;
		height: auto;
		float: left;
		color: #ffffff;
		font-size: 14px;
		text-align: center;
		line-height: 150%;
	}

	.pgh-m-content ul {
		width: 100%;
		height: auto;
		float: left;
		color: #ffffff;
		font-size: 16px;
		text-align: center;
	}

	.pgh-m-content ul li {
		width: 100%;
		height: 10vw;
		float: left;
		margin: 3.2vw 0 0 0;
		border: 1px solid #ffffff;
		border-radius: 5vw;
		line-height: 10vw;
	}

	.slide-scroll-tips {
		content: " ";
		width: 26vw;
		height: 6.5333vw;
		display: block;
		background: url(../images/m_home_scroll_tips.png) no-repeat 0 0;
		background-size: 100%;
		position: absolute;
		right: 0;
		bottom: 13.4vw;
		display: none;
	}
	

	.pg-mask {
		position: fixed;
	}
	
	.pg-dot {
		width: 3.2vw;
		height: 3.2vw;
	}
	
	.pg-dot::before {
		width: 3.2vw;
		height: 3.2vw;
		left: 10px;
		top: 10px;
	}
	
	.pg-dot:hover::after {
		width: 25vw;
	}
	
	.pg-dot p {
		width: 54vw;
		height: 3.2vw;
		left: 30vw;
		top: 10px;
		font-size: 12px;
		line-height: 3.2vw;
	}

	
	/* right */
	.pg-dot.right::after {
		left: auto;
		right: 10px;
	}
	
	.pg-dot.right p {
		left: auto;
		right: 30vw;
		text-align: right;
	}

	.pg-dot.m-right::after {
		left: auto;
		right: 10px;
	}
	
	.pg-dot.m-right p {
		left: auto;
		right: 30vw;
		text-align: right;
	}
	
	/* up */
	.pg-dot.up::after {
		width: 1px;
		height: 0px;
		left: 50%;
		top: auto;
		bottom: 10px;
	}
	
	.pg-dot.up:hover::after {
		height: 25vw;
	}
	
	.pg-dot.up p {
		margin-left: -18.5vw;
		top: -25vw;
	}
	
	/* dot position */
	
	.dot-1-1 {
		left: 93vw;
		top: 52vw;
	}
	
	.dot-1-2 {
		left: 215vw;
		top: 52vw;
	}
	
	.dot-1-3 {
		left: 49vw;
		top: 79vw;
	}
	
	.dot-2-1 {
		left: 80vw;
		top: 78vw;
	}
	
	.dot-2-2 {
		left: 188vw;
		top: 80vw;
	}
	
	.dot-2-3 {
		left: 158vw;
		top: 136vw;
	}
	
	.dot-3-1 {
		left: 145vw;
		top: 126vw;
	}
	
	.dot-3-2 {
		left: 100vw;
		top: 136vw;
	}
	
	.dot-3-3 {
		left: 210vw;
		top: 136vw;
	}
	
	.dot-4-1 {
		left: 250vw;
		top: 56vw;
	}
	
	.dot-4-2 {
		left: 128vw;
		top: 96vw;
	}
	
	.dot-4-3 {
		left: 205vw;
		top: 136vw;
	}
	
	@keyframes home-dot{
		0%{
			-webkit-transform: scale(1, 1);
			opacity: 1;
		}
		100%{
			-webkit-transform: scale(2, 2);
			opacity: 0;
		}
	}
	
	@-webkit-keyframes home-dot{
		0%{
			-webkit-transform: scale(1, 1);
			opacity: 1;
		}
		100%{
			-webkit-transform: scale(2, 2);
			opacity: 0;
		}
	}
	
	@-ms-keyframes home-dot{
		0%{
			-webkit-transform: scale(1, 1);
			opacity: 1;
		}
		100%{
			-webkit-transform: scale(2, 2);
			opacity: 0;
		}
	}
	
	@-moz-keyframes home-dot{
		0%{
			-webkit-transform: scale(1, 1);
			opacity: 1;
		}
		100%{
			-webkit-transform: scale(2, 2);
			opacity: 0;
		}
	}
	
	/*---------------- case ----------------*/
	
	.case-class {
		height: auto;
		padding: 0 0;
		background: #ffffff;
	}
	
	.case-container {
		width: 100%;
		padding: 0 4.6vw;
	}

	.case-container .list-ctrl a{
		height: 6.8vw;
	}

	.case-container .list-ctrl a svg {
		margin-right: 4vw;
	}

	.case-container .list-ctrl a span{
		display: none;
	}
	
	.case-class .case-container .box{
		display: block;
		justify-content: flex-start;
		padding: 6.4vw 0;
		padding: 2vw 0 6.4vw 0;
	}

	.m-case-class-title {
		padding-top: 6.4vw !important;
		padding-bottom: 2vw !important;
	}
	
	.case-container .public-list {
		width: 100%;
		margin-top: 0;
	}
	
	.m-case-class-title {
		width: 36.5vw;
		float: left;
		font-size: 17px;
		font-family: "sy-m";
		line-height: 20px;
	}

	.case-class .list-ctrl {
		height: 6.8vw;
		float: left;
	}

	.case-class .list-ctrl a {
		line-height: 6.8vw;
	}

	.case-search {
		width: 21.6vw;
		height: 6.8vw;
		float: right;
		margin-left: 2.6667vw;
		margin-right: 5px;
		padding: 0 2.8vw;
		border-radius: 5px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	}
	
	.case-search input {
		width: 10.8vw;
		height: 100%;
		float: right;
		font-size: 12px;
	}

	.case-search input::placeholder {
		color: #595757;
	}
	
	.case-search a {
		height: 100%;
		float: left;
		padding-left: 0;
	}
	
	.case-search a svg {
		width: 4vw;
		margin: 1px 1vw 0 0;
		fill: #c1c1c2;
	}

	
	.icon-case-sift {
		height: 6.8vw;
		float: left;
		margin-left: 2.8vw;
		padding: 0 0 0 4vw;
		padding: 0 0 0 8vw;
		background: url(../images/svg/icon_sift.svg) no-repeat left center;
		background-size: 5vw;
		font-size: 12px;
		line-height: 6.8vw;
	}

	.icon-case-sift span {
		display: none;
	}


	.sift-box {
		width: 86vw;
		height: 60vh;
		margin-top: 30vw;
		padding: 25px 15px 25px 25px;
		border-radius: 0;
	}

	.close-sift-box {
		width: 30px;
		height: 30px;
		margin-right: -15px;
		right: 50%;
		top: auto;
		bottom: 4vh;
	}

	.sift-scroll {
		padding-right: 10px;
	}

	.sift-box dl, .sift-box dl dt, .sift-box dl dd {
		line-height: 200%;
	}

	.sift-box dl dt {
		font-size: 14px;
	}

	.sift-box dl dd {
		margin-bottom: 5px;
		font-size: 12px;
	}

	.sift-box dl dd span {
		margin-right: 20px;
		display: inline-block;
	}

	.sift-box a.btn-tag {
		margin: 5px 0;
		height: 28px;
		font-size: 12px;
		line-height: 28px;
	}
	
	.case-cats {
		display: none !important;
	}
	
	
	/* case list pic */
	.case-list {
		margin: 0;
		column-gap: 2.8vw;
		row-gap: 2.8vw;
	}
	
	.case-item {
		width: 44vw;
		height: 46.48vw;
	}
	
	.case-item p {
		padding: 0 4vw;
		bottom: 4vw;
	}
	
	.case-item p a {
		font-size: 14px;
		line-height: 21px;
	}
	
	.case-container .pages {
		margin: 8vw 0;
	}
	
	/* case show */
	.case-show-container {
		width: 90.8vw;
		margin: 7.6vw auto 0 auto;
	}
	
	.cs-banner {
		width: 100%;
		position: relative;
	}
	
	.cs-info {
		width: 100%;
		float: left;
	}
	
	.cs-title {
		margin: 9vw 0 1vw 0;
		font-size: 20px;
		font-family: "sy-m";
		line-height: 150%;
		text-align: center;
	}
	
	.cs-params {
		margin-top: 8vw;
		row-gap: 8vw;
		column-gap: 0;
		justify-content: space-between;
	}

	.cs-params.xs {
		display: flex !important;
	}
	
	.csp-item {
		width: 48% !important;
		text-align: center;
	}
	
	.csp-item h3 {
		font-size: 20px;
		line-height: 24px;
	}
	
	.csp-item h5 {
		font-size: 11px;
		line-height: 28px;
	}
	
	.cs-btn {
		margin: 5vw 0 0 0;
		overflow: visible;
	}
	
	.cs-btn a {
		width: 30.2vw;
		height: 7.2vw;
		margin: 0 auto;
		border: 0;
		border-radius: 5px;
		box-shadow: 0 0 5px rgba(0,0,0,0.15);
		font-size: 12px;
		line-height: 7.4vw;
	}
	
	.cs-content {
		margin: 6.6667vw 0 0 0;
		padding: 6vw 0;
		border-top: 1px solid #595757;
		border-bottom: 1px solid #595757;
		font-size: 11px;
		line-height: 20px;
	}
	
	/* cs rec */
	.cs-rec {
		margin-top: 8vw;
	}
	
	.csr-title {
		font-size: 20px;
		line-height: 27px;
		text-align: center;
	}
	
	.csr-title::after {
		display: none;
	}
	
	.csr-more {
		margin: 0 0 6vw 0;
		font-size: 12px;
		line-height: 27px;
		text-align: center;
	}
	
	.csr-list {
		position: relative;
	}
	
	.csrl-ctrl {
		display: none;
	}
	
	
	.csr-list .swiper-container {
		width: 100%;
		float: right;
		height: auto;
	}
	
	
	.cs-back {
		margin: 8vw 0;
		display: flex;
		justify-content: center;
		overflow: visible;
	}
	
	/*---------------- news ----------------*/
	.news-banner {
		display: none;
	}

	/* news-year */
	.news-year {
		width: 90.8vw;
		height: 6.4vw;
		margin: 0;
		background: #f7f7f7;
		border-radius: 3.2vw;
		position: fixed;
		left: 4.6vw;
		bottom: 6.6667vw;
		z-index: 8000;
	}
	
	.news-year a {
		width: 6.8vw;
	}
	
	.news-year a svg {
		width: 8px;
	}
	
	.ny-box {
		width: 100%;
		height: 100%;
		flex: 1;
	}
	
	.ny-item {
		border-radius: 3.2vw;
		font-size: 12px;
		line-height: 6.4vw;
	}
	
	
	/* news-list */
	.news-list {
		margin-top: 38.4vw;
		justify-content: space-between;
		column-gap: 0;
		row-gap: 3.6vw;
	}
	
	.news-item {
		width: 43.6vw;
		height: auto;
	}
	
	.ni-info {
		padding: 3.6vw 4vw;
	}

	.ni-info h4 {
		padding: 0 0 2.4vw 0;
		font-size: 11px;
	}
	
	.ni-info h4::after {
		width: 8px;
		bottom: 5px;
	}
	
	.ni-info h3 {
		height: 54px;
		margin-bottom: 0;
		font-size: 12px;
		line-height: 18px;
	}
	
	.ni-info h3 a {
		font-size: 12px;
		line-height: 16px;
	}
	
	.ni-info h5 {
		display: none;
	}
	
	
	.news-more-box {
		margin: 8vw 0 20vw 0;
		display: flex;
		justify-content: center;
	}
	
	/* news pdf */
	.news-company-list {
		margin-top: 38.4vw;
		justify-content: space-between;
		column-gap: 0;
		row-gap: 3.6vw;
	}
	
	.ncl-item {
		width: 43.6vw;
		height: auto;
	}
	
	.ncl-info {
		padding: 3.6vw 4vw;
	}
	
	.ncl-info h4 {
		padding: 0 0 2.4vw 0;
		font-size: 11px;
	}
	
	.ncl-info h4::after {
		width: 8px;
		bottom: 5px;
	}
	
	.ncl-info h3 {
		height: 54px;
		margin-bottom: 8px;
		font-size: 12px;
		line-height: 18px;
	}
	
	.ncl-info h3 a {
		font-size: 12px;
		line-height: 16px;
	}
	
	.ncl-info h5 a {
		font-size: 11px;
		line-height: 13px;
	}
	
	.ncl-info h5 a svg {
		display: none;
	}
	
	
	/* news pdf */
	.news-company-list.ncl-pdf .ncl-item {
		background: #fcf3d0;
	}
	
	.news-company-list.ncl-pdf .ncl-info h5 a svg {
		fill: #f4d925;
	}
	
	.news-company-list.ncl-pdf .ncl-info h5 a svg.ncl-arrow {
		margin-top: 10px;
	}
	
	/* hover */
	.ncl-item:hover {
		background: #efeff0;
	}
	
	.ncl-item:hover .ncl-info h5 a svg {
		fill: #595757;
	}
	
	.news-company-list.ncl-pdf .ncl-item:hover {
		background: #efeff0;
	}
	
	/* news show */
	.news-show {
		padding: 0 3.4vw;/* 设计稿 */
		padding: 0;
	}
	
	.ns-title {
		margin-bottom: 2vw;
		font-size: 14px;
		line-height: 21px;
	}
	
	.ns-tag {
		display: flex;
		align-items: center;
		font-size: 9px;
		line-height: 16px;
	}
	
	.ns-tag span {
		margin: 0 2.2vw 0 0;
	}
	
	.ns-tag svg {
		width: 2.2vw;
		margin: 0 1vw 0 0;
	}
	
	.ns-tag a {
		margin: 0 2vw 0 0;
	}
	
	.ns-content {
		margin: 4vw 0 8vw 0;
		font-size: 11px;
		line-height: 19px;
	}
	
	.news-other {
		margin: 0 0 8vw 0;
		line-height: 19px;
		overflow: visible;
	}
	
	.no-page {
		width: 100%;
		font-size: 11px;
		line-height: 19px;
	}
	
	.no-page a {
		margin: 0;
		padding: 0;
	}
	
	.no-page a:hover {
		border-bottom: 0;
	}
	
	.no-back {
		margin-top: 6.6vw;
		display: flex;
		justify-content: center;
	}
	
	.no-back a {
		width: auto;
		height: 7.2vw;
		display: inline-block;
		padding: 0 3.2vw;
		background: #f4d925;
		border-radius: 5px;
		color: #004987;
		font-size: 12px;
		line-height: 7.2vw;
	}
	
	
	
	/*---------------- contact ----------------*/
	.contact-banner-info {
		padding: 0 0 0 0;
		top: auto;
		bottom: 20vw;
	}
	
	.contact-banner-info h3 {
		font-size: 20px;
		line-height: 27px;
		text-align: center;
	}
	
	.contact-banner-info h3 span {
		font-size: 20px;
	}

	.contact-banner-info h4 {
		margin-top: 5vw;
		position: relative;
		font-size: 14px;
		line-height: 21px;
		text-align: center;
	}

	.contact-banner-info h4::before, .contact-banner-info h4::after {
		content: " ";
		width: 20vw;
		height: 1px;
		display: block;
		background: #696869;
		position: absolute;
		top: 50%;
	}

	.contact-banner-info h4::before {
		left: 18vw;
	}

	.contact-banner-info h4::after {
		right: 18vw;
	}
	
	.contact-banner-info p {
		margin: 3vw 0 3vw 0;
		font-size: 12px;
		line-height: 21px;
		text-align: center;
	}

	.contact-banner-info div {
		display: flex;
		justify-content: center;
	}
	
	.contact-banner-info img {
		width: 7.5vw;
		margin: 0 2vw;
	}
	
	.contact-list {
		padding: 9.6vw 4.6667vw 12vw 4.6667vw;
		padding: 36vw 4.6667vw 12vw 4.6667vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		row-gap: 4.5333vw;
	}
	
	.cl-item {
		width: 43.2vw;
		border: 1px solid #cacbcc;
	}
	
	.cli-box {
		width: 100%;
		height: 47vw;
		padding: 0 3.2vw;
	}

	.cl-item:nth-child(1) .cli-box, .cl-item:nth-child(2) .cli-box {
		height: 35vw;
	}
	
	.cli-zone {
		height: 13.2vw;
		margin-bottom: 3.5vw;
		border-bottom: 1px solid #cacbcc;
		font-size: 17px;
		font-family: "sy-m";
		line-height: 13.2vw;
	}
	
	.cli-zone::after {
		display: none;
	}
	
	.cli-company {
		font-size: 12px;
		line-height: 20px;
	}
	
	.cli-address {
		font-size: 12px;
		line-height: 21px;
	}
	
	.cli-info {
		height: 12.8vw;
		border-top: 1px solid #cacbcc;
		font-size: 14px;
		line-height: 12.8vw;
	}
	
	.cli-info span {
		font-size: 12px;
		line-height: 17px;
	}
	
	.map {
		height: 400px;
	}
	
	
	
	/*---------------- join ----------------*/
	.join-banner {
		margin-top: 41.2vw;
		background: #f6f5f4;
	}

	.join-content {
		width: 100%;
		height: auto;
		padding: 0 12vw;
		position: relative;
		left: auto;
		bottom: auto;
	}
	
	.jc-title {
		margin-top: 10vw;
		font-size: 17px;
		line-height: 28px;
		text-align: center;
	}
	
	.jc-info {
		margin: 5vw 0 10vw 0;
		font-size: 11px;
		line-height: 18px;
		text-align: center;
	}

	.jc-contact img {
		width: 20vw;
		display: block;
		float: none;
		margin: 0 auto;
	}

	.jc-contact .btn-tag {
		width: 100%;
		margin-top:2.6667vw;
		text-align: center;
	}

	.jc-contact ul {
		width: 100%;
		float: left;
		margin-top: 2.6667vw;
	}
	
	.jc-contact ul li{
		width: 50%;
		margin: 0 0 1.5vw 0;
		font-size: 9px;
		line-height: 15px;
	}
	
	.jc-contact ul li:nth-child(2n) {
		margin-right: 0;
	}
	
	.jc-qrcode {
		width: 150px !important;
		float: left;
		margin: 0 40px 0 0;
	}
	
	.welfare {
		min-height: auto;
		margin: 8vw 0 0 0;
		background: #f6f5f4;
	}
	
	.welfare img {
		width: 100%;
	}

	.welfare-subtitle {
		width: 35.3333vw;
		height: 10vw;
		position: absolute;
		left: 10.6667vw;
		top: 42vw;
		background: #c8c9ca;
		border-radius: 5vw;
		color: #ffffff;
		font-size: 17px;
		line-height: 10vw;
		text-align: center;
	}

	.welfare ul {
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 10.6667vw 14vw 5.3333vw 14vw;
		column-gap: 0;
	}

	.welfare ul li {
		width: 27.2vw;
	}

	.welfare ul li img {
		width: 10.8vw;
		display: block;
		margin: 0 auto;
	}

	.welfare ul li h3 {
		width: 100%;
		height: 32px;
		height: auto;
		margin: 2.8vw 0 6.4vw 0;
		font-size: 11px;
		line-height: 16px;
		text-align: center;
	}
	
	
	.job-container {
		background: #f3ede0;
	}

	.job-tab-title {
		width: 90.8vw;
		height: 40px;
		margin-top: 20px;
	}

	.job-tab-title a {
		margin-right: 30px;
		font-size: 14px;
		line-height: 32px;
	}

	.job-tab-content {
		margin-bottom: 30px;
	}


	.school {
		width: 90.8vw;
		margin: 3.4667vw auto 4vw auto;
		padding: 1.2vw 6vw 5.2vw 6vw;
	}
	
	.job-list {
		width: 90.8vw;
		margin: 3.4667vw auto 4vw auto;
		padding: 1.2vw 6vw 5.2vw 6vw;
	}
	
	.job-list li {
		padding:  4vw 0;
	}
	
	.jl-title {
		margin-bottom: 5px;
		line-height: 20px;
	}
	
	.jl-title img {
		width: 4vw;
		margin-top: 1vw;
		margin-right: 2vw;
	}
	
	.jl-title a , .jl-title b {
		font-size: 15px;
	}
	
	.jl-title span {
		font-size: 9px;
	}
	
	
	.job-list li p {
		margin: 8px 0 0 0;
		font-size: 13px;
		line-height: 160%;
	}
	
	.job-list .btn-more {
		width: 24.8vw;
		display: block;
		margin: 0 auto;
	}
	
	/*---------------- join show ----------------*/
	.join-show-container {
		padding: 38vw 0 0 0;
		padding-bottom: 5vw !important;
		background: #f8f8f8;
	}

	.join-show-op {
		height: 60px;
	}
	
	.jso-back {
		font-size: 14px;
		line-height: 60px;
	}

	.jso-share-title {
		font-size: 14px;
		line-height: 60px;
	}
	
	.join-show-box {
		margin: 0 0 60px 0;
		padding: 6vw;
		background: #ffffff;
	}
	
	
	.job-show-header {
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
		border-bottom: 1px solid #f1f1f2;
	}
	
	.jsh-info {
		width: 100%;
		margin: 1.0667vw 0 0 0;
		font-size: 11px;
		line-height: 16px;
	}
	
	.jsh-upload {
		width: 100%;
		float: left;
		margin: 13.3333vw 0 5.3333vw 0;
		color: #c9caca;
		font-size: 9px;
		line-height: 17px;
		text-align: center;
	}

	.jsh-upload .box {
		margin-bottom: 2.6667vw;
		display: flex;
		justify-content: center;
		column-gap: 3.4667vw;
	}
	
	.jsh-upload a.btn-tag {
		float: left;
		color: #004987;
	}

	.jsh-upload a.btn-tag.grey {
		background: #c8c9ca;
		color: #595757;
	}
	
	.jsh-upload p {
		width: 100%;
	}
	
	.join-show-content {
		color: #3e3a39;
	}
	
	.jsc-hr {
		font-size: 12px;
		line-height: 18px;
	}
	
	.jsc-hr a {
		padding: 0;
	}
	
	.jsc-title {
		margin: 5.3333vw 0 3.2vw 0;
		font-size: 12px;
		line-height: 14px;
	}
	
	.jsc-info {
		font-size: 11px;
		line-height: 18px;
	}
	
	
	
	/*---------------- q & a ----------------*/
	.qa-banner-title {
		width: 100%;
		height: auto;
		position: absolute;
		left: 0;
		top: 50%;
		color: #ffffff;
		font-size: 72px;
		text-align: center;
		letter-spacing: 60px;
	}
	
	.qa-list {
		width: 100%;
		margin: 30.6667vw 0 0 0;
		padding: 0 4.6667vw;
	}
	
	.qa-item {
		padding: 0 2.8vw;
		margin: 0 0 0 0;
		border-bottom: 1px solid #d6d7d7;
	}
	
	.qai-title {
		height: 15.2vw;
		display: flex;
		align-items: center;
	}
	
	.qai-title h3 {
		width: 77.2vw;
		font-size: 14px;
		line-height: 21px;
	}
	
	.qai-op {
		width: 4vw;
		height: 4vw;
		margin-top: -2vw;
		right: 0;
		top: 50%;
	}
	
	.qai-content {
		margin: 0 0 6.6667vw 0;
		font-size: 11px;
		line-height: 18px;
	}

	.qa-pages {
		margin-top: 4vw;
		margin-bottom: 26.6667vw;
	}
	
	
	
	/*---------------- bar ----------------*/
	.ols-images .ols-prev, .ols-images .ols-next {
		width: 36px;
		height: 36px;
	}
	
	
	
	
	/*---------------- bar ----------------*/
	.case-class .case-cats a {
		padding: 0;
		font-size: 13px;
	}
	
	
	
	





	/* public */






	/* public */






	/* public */






	/* public */






	/* public */






	/* public */






	/* public */






	/* public */






	/* public */






}