body {position:relative}
@media only screen and (max-width:768px) {
	body {
	padding:0!important
}
.mo {
	display:none
}
}
.newBtn,a.newBtn {
	display:inline-block;
	height:44px;
	padding:0 40px 0 43px;
	border:1px solid #000;
	border-radius:22px;
	background:0 0;
	color:#000;
	font-size:14px;
	letter-spacing:3px;
	line-height:1;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-family:"Arial";
	vertical-align:top
}
.newBtn span,a.newBtn span {
	display:inline-block;
	height:100%;
	padding:15px 0 0 0;
	vertical-align:top
}

@media only screen and (min-width:768px) {
.newBtn:hover,a.newBtn:hover {
	border:1px solid #1429a0;
	background-color:#1429a0;
	color:#fff;
  }

}
@media only screen and (max-width:767px){
.newBtn,a.newBtn {
	min-width:300px;
	max-width:100%;
	font-size:12px;
	letter-spacing:2px;
}
.newBtn span,a.newBtn span {
	padding:15px 0 0 0;
 }

}
@media only screen and (max-width:359px) {
	.newBtn,a.newBtn {
	min-width:0!important;
	width:100%;
	padding:0;
  }
}

.guideSt {
	max-width:1480px;
	width:100%;
	padding:200px 20px 0 20px;
	margin:0 auto;
	font-family:"Arial";
	font-size:16px;
	line-height:1.8;
	color:#000;
	overflow:hidden;
}

.guideSt img {
	max-width:100%;
}
.guideSt .mo {
	display:none;
}
.guideSt a {
	text-decoration:none;
}
.guideSt .title {
	margin:0 0 40px 0;
	color:#000;
	font-size:54px;
	line-height:1.35;
	text-align:center;
	position:relative;
}


@media only screen and (max-width:767px) {
.guideSt .pc {
	display:none!important
}
.guideSt .mo {
	width: 100%;
	display:inline-block
}
.guideSt img{width:100%;}

.guideSt .title {
	margin:0 0 27px 0;
	font-size:32px;
	line-height:1.3
 }

}

.ds-main .guideSt {
	color:#000;
	line-height:1.5;
}
.ds-main .guideSt .title {
	margin-bottom:40px;
	font-size:48px;
	line-height:1
}
.ds-main .newBtn {
	min-width:auto;
	height:40px;
	padding:0 25px;
	color:#fff;
	background:#000;
	border:0;
	text-transform:inherit;
	letter-spacing:0;
	webkit-transition-property:color,background-color,border-color,border-bottom-color;
	transition-property:color,background-color,border-color,border-bottom-color;
	-webkit-transition-duration:.2s;
	transition-duration:.2s;
	-webkit-transition-timing-function:cubic-bezier(.33,0,.3,1);
	transition-timing-function:cubic-bezier(.33,0,.3,1)
}
.ds-main .newBtn:hover {
	color:#eee;
	background:#555;
	border:0
}
.ds-main .newBtn span {
	padding:0;
	line-height:40px
}
.ds-main .newBtn.whiteBg,.ds-main .newBtn.whiteLine {
	color:#000;
	background:#fff;
	border:0!important
}
.ds-main .newBtn.whiteBg:hover,.ds-main .newBtn.whiteLine:hover {
	color:#313131;
	background:#ddd;
	border:0!important
}

.ds-main .swiper-scrollbar {
	position:absolute;
	bottom:0;
	left:50%;
	width:272px;
	height:4px;
	margin-left:-136px;
	background:#ddd;
	cursor:pointer;
}
.ds-main .swiper-scrollbar-drag {
	position:relative;
	left:0;
	top:0;
	width:auto;
	height:100%;
	background:#8f8f8f;
	border-radius:10px;
	cursor:pointer;
}
@media only screen and (min-width:1025px) {
	.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item:hover .img .desc-txt {
	opacity:1
  }
}

@media only screen and (min-width:769px) {
.ds-main {
	margin-bottom:80px
}
.ds-main .img-scale {
	position:relative;
	font-size:0;
	overflow:hidden
}
.ds-main .img-scale .img {
	overflow:hidden
}
.ds-main .img-scale img {
	transition:transform .5s
}
.ds-main .img-scale:hover img {
	transform:scale(1.1)
}
.ds-main .products-wrap .products-slide-wrap {
	position:relative;
	width:100%;
	height:700px
}
.ds-main .products-wrap .products-slide-wrap .inner-image-box {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-size:0
}
.ds-main .products-wrap .products-slide-wrap .inner-image-box .image-type {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	transition:opacity 1s
}
.ds-main .products-wrap .products-slide-wrap .inner-image-box .image-type.active {
	opacity:1
}
.ds-main .products-wrap .products-slide-wrap .inner-button-box {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-size:0
}
.ds-main .products-wrap .products-slide-wrap .inner-button-box>button {
	position:relative;
	display:inline-block;
	width:130px;
	height:100%;
	color:#fff;
	text-align:center;
	font-family:"Arial";
	border-left:1px solid #fff;
	line-height:1.35;
	z-index:1
}
.ds-main .products-wrap .products-slide-wrap .inner-button-box>button.active {
	width:calc(100% - 520px);
	text-indent:9999px;
	color:transparent;
	box-sizing:border-box;
	cursor:default
}
.ds-main .products-wrap .products-slide-wrap .inner-button-box>button:first-child {
	border-left:1px solid transparent
}
.ds-main .products-wrap .products-slide-wrap .inner-button-box>button span {
	position:relative;
	display:block;
	height:115px
}
.ds-main .products-wrap .products-slide-wrap .inner-button-box>button span:after {
	position:absolute;
	bottom:0;
	left:50%;
	content:'';
	display:block;
	width:31px;
	height:32px;
	margin-left:-15px;
	background:url(../image/btn-product_plus.png) 50% 50% no-repeat
}
.ds-main .products-wrap .products-slide-wrap .inner-button-box>button.active span:after {
	display:none
}
.ds-main .products-wrap .inner-content-box>div {
	opacity:0;
	transition:opacity .5s
}
.ds-main .products-wrap .inner-content-box>div.active {
	opacity:1
}
.ds-main .products-wrap .inner-content-box>div.active .txt-wrap {
	z-index:10
}
.ds-main .products-wrap .inner-content-box>div .txt-wrap {
	position:absolute;
	top:50%;
	width:40%;
	color:#fff;
	opacity:inherit;
	transform:translateY(-50%);
	z-index:-1
}
.ds-main .products-wrap .inner-content-box>div .txt-wrap .s-btn .newBtn {
	margin-top:25px;
	border:1px solid #fff
}
.ds-main .products-wrap .inner-content-box>div .txt-wrap .s-btn .newBtn:hover {
	border:1px solid #1429a0
}
.ds-main .products-wrap .inner-content-box>div .s-tit {
	font-family:"Arial"
}
.ds-main .products-wrap .inner-content-box .inner-content-1 .txt-wrap {
	left:80px
}
.ds-main .products-wrap .inner-content-box .inner-content-2 .txt-wrap {
	left:200px
}
.ds-main .products-wrap .inner-content-box .inner-content-3 .txt-wrap {
	left:340px
}
.ds-main .products-wrap .inner-content-box .inner-content-4 .txt-wrap {
	left:460px
}
.ds-main .products-wrap .inner-content-box .inner-content-5 .txt-wrap {
	left:600px
}
.ds-main .partners-wrap {margin-bottom:200px}

}

@media only screen and (max-width:1200px) {
 .ds-main .products-wrap .inner-content-box .inner-content-5 .txt-wrap {
	left:450px
   }
}

@media only screen and (max-width:800px) {
 .ds-main .products-wrap .inner-content-box .inner-content-5 .txt-wrap {
	left:300px
   }
}

.ds-main .products-wrap .products-scroll-wrap {
	position:relative;
	padding-bottom:86px
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list {
	display:none;
	width:100%;
	height:100%;
	opacity:0;
	transition:opacity 1s;
	z-index:-1
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list.active {
	display:block;
	opacity:1;
	z-index:1
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list .list {
	position:relative;
	margin-top:40px
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item {
	display:inline-block;
	width:330px;
	border-radius:15px;
	overflow:hidden
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item a {
	display:block;
	color:#000
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item .img {
	position:relative
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item .img .desc-txt {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.6);
	opacity:0;
	transition:opacity .7s
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item .img .desc-txt span {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:auto;
	padding:0 25px;
	color:#fff;
	font-family:"Arial";
	line-height:1.5;
	background:0 0;
	transform:translateY(-50%)
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item .txt-wrap {
	position:relative;
	display:block;
	height:86px;
	line-height:86px;
	text-align:center;
	font-family:"Arial";
	background-color:#f4f4f4
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item .tit,.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item span {
	display:block;
	height:86px;
	line-height:86px;
	text-align:center;
	font-family:"Arial";
	background-color:#f4f4f4
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item .txt-wrap>span {
	position:absolute;
	top:0;
	left:0;
	width:100%
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item .txt-wrap .tit {
	height:100%;
	opacity:1;
	transition:opacity .3s
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item .txt-wrap .desc {
	position:absolute;
	top:150%;
	height:auto;
	font-family:"Arial";
	line-height:1.5;
	opacity:0;
	transform:translateY(-50%);
	transition:all .7s
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item:hover .txt-wrap .tit {
	opacity:0
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item:hover .txt-wrap .desc {
	top:50%;
	opacity:1
}



@media only screen and (min-width:769px) and (max-width:1497px) {
.ds-main {
	margin-bottom:13.360053440213763vw
}
.ds-main .guideSt {
	padding:13.360053440213763vw 1.3360053440213762vw 0 1.3360053440213762vw
}
.ds-main .guideSt .title {
	margin-bottom:2.7027027027027026vw;
	font-size:3.2432432432432434vw
}
.ds-main .guideSt .newBtn {
	height:2.7027027027027026vw;
	padding:0 1.6891891891891893vw
}
.ds-main .guideSt .newBtn span {
	line-height:2.7027027027027026vw
}

.ds-main .products-wrap .products-slide-wrap {
	height:46.52274247491639vw
}
.ds-main .products-wrap .products-slide-wrap .inner-button-box>button {
	width:8.783783783783784vw
}
.ds-main .products-wrap .products-slide-wrap .inner-button-box>button.active {
	width:calc(100% - 35.56756756756757vw)
}
.ds-main .products-wrap .products-slide-wrap .inner-button-box>button span {
	height:7.77027027027027vw
}
.ds-main .products-wrap .products-slide-wrap .inner-button-box>button span:after {
	width:2.0945945945945947vw;
	height:2.1621621621621623vw;
	margin-left:-1.0135135135135136vw
}
.ds-main .products-wrap .products-slide-wrap .inner-button-box>button:last-child span {
	padding-top:1.4864864864864866vw
}
.ds-main .products-wrap .products-scroll-wrap {
	padding-bottom:5.744822979291917vw
}
.ds-main .products-wrap .inner-content-box>div .txt-wrap {
	left:5.405405405405405vw
}
.ds-main .products-wrap .inner-content-box>div .txt-wrap .s-btn .newBtn {
	margin-top:1.6891891891891893vw
}
.ds-main .products-wrap .inner-content-box .inner-content-1 .txt-wrap {
	left:5.344021376085505vw
}
.ds-main .products-wrap .inner-content-box .inner-content-2 .txt-wrap {
	left:13.360053440213763vw
}
.ds-main .products-wrap .inner-content-box .inner-content-3 .txt-wrap {
	left:22.712090848363392vw
}
.ds-main .products-wrap .inner-content-box .inner-content-4 .txt-wrap {
	left:30.72812291249165vw
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list>ul {
	margin-top:2.7027027027027026vw
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item {
	width:22.073578595317723vw;
	margin-right:2.3755852842809364vw;
	border-radius:1.0135135135135136vw
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item .tit,.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item span {
	height:5.810810810810811vw;
	line-height:5.810810810810811vw
 }
}
@media only screen and (max-width:768px) {
.ds-main {margin-bottom:75px;}

.ds-main .guideSt {
	padding:40px 24px 0!important
}
.ds-main .guideSt .title {
	margin-bottom:20px;
	font-size:26px;
	line-height:1.5
}
.ds-main .guideSt .swiper-slide.list img {
	width:100%
}
.ds-main .products-wrap .products-slide-wrap {
	height:auto
}
.ds-main .products-wrap .products-slide-wrap .inner-image-box .image-type {
	display:none;
	margin-top:33px
}
.ds-main .products-wrap .products-slide-wrap .inner-image-box .image-type.active {
	display:block
}
.ds-main .products-wrap .products-slide-wrap .inner-button-box {
	width:100%;
	overflow:hidden
}
.ds-main .products-wrap .products-slide-wrap .inner-button-box .swiper-slide {
	width:auto;
	height: 30px;
    line-height: 30px;
    border-radius: 5px;
    background-color: #eee;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-left: 10px;
}
.ds-main .products-wrap .products-slide-wrap .inner-button-box button {
	position:relative;
	padding-bottom:13px;
	font-size:14px;
	font-family:"Arial";
	white-space:nowrap
}
.ds-main .products-wrap .products-slide-wrap .inner-button-box .active button:after {
	content:" ";
	position:absolute;
	left:0;
	right:0;
	bottom:8px;
	height:2px;
	background-color:currentColor;
}
.ds-main .products-wrap .inner-content-box>div {
	display:none
}
.ds-main .products-wrap .inner-content-box>div.active {
	display:block
}
.ds-main .products-wrap .inner-content-box .txt-wrap {
	margin-top:25px;
	margin-bottom: 20px;
	text-align:center
}
.ds-main .products-wrap .inner-content-box .txt-wrap .s-tit {
	font-size:20px;
	font-family:"Arial";
	line-height:1.3
}
.ds-main .products-wrap .inner-content-box .txt-wrap .s-txt {
	margin:10px 0 20px;
	font-size:14px
}
.ds-main .products-wrap .inner-content-box .txt-wrap .s-btn .newBtn {
	color:#fff;
	background:#000
}
.ds-main .products-wrap .products-scroll-wrap {
	padding:0
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list {
	display:none;
	position:static
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list.active {
	display:block
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list>ul {
	margin-top:50px;
	font-size:inherit
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item {
	width:100%;
	margin-right:0
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item img {
	width:100%
}
.ds-main .products-wrap .products-scroll-wrap .inner-product-list .item span {
	height:60px!important;
	line-height:60px!important;
	font-size:22px
}
.ds-main .products-wrap .products-scroll-wrap {
	padding-bottom:60px
}
.ds-main .swiper-scrollbar {
	left:50%;
	width:90%;
	margin-left:-45%
  }
}

@media only screen and (max-width:320px) {
.ds-main .newBtn {
	padding:0
   }
}
@media only screen and (min-width:1441px) {

.f-14vw {font-size: 14px !important;}	
.f-17vw {font-size: 17px !important;}
.f-18vw {font-size:18px!important}
.f-24vw {font-size:24px!important}
.f-38vw {font-size:38px!important}
}
@media only screen and (min-width:769px) and (max-width:1440px) {
.f-17vw {font-size:.8vw !important;}
.f-17vw {font-size:1vw !important;}
.f-18vw {font-size:1.25vw!important}
.f-24vw {font-size:1.66666vw!important}
.f-38vw {font-size:2.63888vw!important}
}