.cm-gallery-link::before,.cm-gallery-btn-txt::before,.product-name::before,.link-txt-btn::before,.image-link-txt::before {
	content: "";
	display: block;
	width: 22px;
	height: 22px;
	min-width: 22px;
	background: #e30200 url("../image/angle_right_white.svg") center center no-repeat;
	background-size: 8px 12px;
	border-radius: 50%
}

@media screen and (max-width: 767px) {
	.cm-gallery-link::before,.cm-gallery-btn-txt::before,.product-name::before,.link-txt-btn::before,.image-link-txt::before {
		width: 20px;
		min-width: 20px;
		height: 20px;
		background-size: 6px 9px
	}
}

.cm-gallery-link,.cm-gallery-btn-txt,.product-name,.link-txt-btn,.image-link-txt {
	padding-left: 32px
}

@media screen and (max-width: 767px) {
	.cm-gallery-link,.cm-gallery-btn-txt,.product-name,.link-txt-btn,.image-link-txt {
		padding-left: 30px
	}
}

.cm-gallery-link::before,.cm-gallery-btn-txt::before,.product-name::before,.link-txt-btn::before,.image-link-txt::before {
	position: absolute;
	top: calc((1em * 1.5 - 22px) / 2);
	left: 0
}

@media screen and (max-width: 767px) {
	.cm-gallery-link::before,.cm-gallery-btn-txt::before,.product-name::before,.link-txt-btn::before,.image-link-txt::before {
		top: calc((1em * 1.5 - (22px - 2px)) / 2)
	}
}

.link-txt::before {
	content: "";
	display: block;
	background: url("../image/angle_right_red.svg") no-repeat;
	width: 8px;
	height: 12px;
	background-size: 8px 12px
}

@media screen and (max-width: 767px) {
	.link-txt::before {
		width: 6px;
		height: 9px;
		background-size: 6px 9px
	}
}

.quality-content-ttl::before {
	content: "";
	display: block;
	background: url("../image/angle_right_white.svg") no-repeat;
	width: 8px;
	height: 12px;
	background-size: 8px 12px
}

@media screen and (max-width: 767px) {
	.quality-content-ttl::before {
		width: 6px;
		height: 9px;
		background-size: 6px 9px
	}
}

.quality-content-ttl,.link-txt {
	padding-left: 20px
}

@media screen and (max-width: 767px) {
	.quality-content-ttl,.link-txt {
		padding-left: 13px
	}
}

.quality-content-ttl::before,.link-txt::before {
	position: absolute;
	left: 0;
	top: calc((1em * 1.5 - 12px) / 2)
}

@media screen and (max-width: 767px) {
	.quality-content-ttl::before,.link-txt::before {
		top: calc((1em * 1.5 - (12px - 3px)) / 2)
	}
}

.link-feed-btn::before {
	content: "";
	display: block;
	width: 22px;
	height: 22px;
	min-width: 22px;
	background: #e30200 url("../image/feed_white.svg") center center no-repeat;
	background-size: 10px;
	border-radius: 50%
}

@media screen and (max-width: 767px) {
	.link-feed-btn::before {
		width: 20px;
		min-width: 20px;
		height: 20px
	}
}

.link-feed-btn {
	padding-left: 32px
}

@media screen and (max-width: 767px) {
	.link-feed-btn {
		padding-left: 30px
	}
}

.link-feed-btn::before {
	position: absolute;
	top: calc((1em * 1.5 - 22px) / 2);
	left: 0
}

@media screen and (max-width: 767px) {
	.link-feed-btn::before {
		top: calc((1em * 1.5 - (22px - 2px)) / 2)
	}
}

body.is-fixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0
}

.section-inner,.aside-inner,.main-visual-inner,.pickup-inner {
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 30px
}

@media screen and (max-width: 767px) {
	.section-inner,.aside-inner,.main-visual-inner,.pickup-inner {
		padding: 0 15px
	}
}

.preload-svg>svg {
	display: none
}

@media screen and (max-width: 767px) {
	.main {
		margin-bottom: 30px
	}
}

.container {
	background-color: #fff
}

.container[data-color="beige"] {
	background-color: #f8f4e9
}

.inner {
	padding: 80px 0 0;
	background-color: #fff
}

.inner[data-color="beige"] {
	background-color: #f8f4e9
}
.cpdd{
	max-width: 1200px;
    margin: 0 auto;
    padding: 65px 30px;
    border: 0;
    background:  url('../image/cpdd.png') 0 0 no-repeat;
    background-position: center center;
}
@media screen and (max-width: 767px) {
	.inner {
		padding: 40px 0
	}
}

.section-hr {
	max-width: 1200px;
	margin: 0 auto;
	padding: 80px 30px;
	border: 0;
	height: 5px
}

@media screen and (max-width: 1023px) {
	.section-hr {
		padding: 80px 15px
	}
}

@media screen and (max-width: 767px) {
	.section-hr {
		padding: 40px 0;
		height: 3px
	}
}

.section-hr::before {
	content: "";
	display: block;
	background: url("../image/dot.svg") repeat-x;
	background-size: 10px 5px;
	width: 100%;
	height: 5px
}

@media screen and (max-width: 767px) {
	.section-hr::before {
		background-size: 5px 3px;
		height: 3px
	}
}

.aside-container {
	margin-bottom: 80px
}

.aside-grid {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	-ms-grid-rows: auto 60px auto 60px auto;
	grid-template-rows: auto 60px auto 60px auto
}

@media screen and (max-width: 767px) {
	.aside-grid {
		-ms-grid-rows: auto 30px auto 30px auto;
		grid-template-rows: auto 30px auto 30px auto
	}
}

.aside-item-1 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1 / 2
}

.aside-item-1>:last-child {
	margin-bottom: 0
}

.aside-item-2 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	-ms-grid-row: 3;
	-ms-grid-row-span: 1;
	grid-row: 3 / 4
}

.aside-item-2>:last-child {
	margin-bottom: 0
}

.aside-item-3 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	-ms-grid-row: 5;
	-ms-grid-row-span: 1;
	grid-row: 5 / 6
}

.aside-item-3>:last-child {
	margin-bottom: 0
}

.banner-prev,.banner-next {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 50px;
	height: 100px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	margin-top: -50px
}

.is-disabled.banner-prev,.is-disabled.banner-next {
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.banner-prev,.banner-next {
		width: 25px;
		height: 50px;
		margin-top: -25px
	}
}

@media screen and (max-width: 767px) {
	.banner {
		margin-bottom: 25px
	}
}

.banner-container {
	position: relative;
	margin-bottom: 25px
}

@media screen and (max-width: 767px) {
	.banner-container {
		margin-bottom: 15px
	}
}

.banner-inner {
	position: relative;
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto;
	padding: 5px;
	box-sizing: content-box;
	width: calc(100vw - 30px * 2)
}

@media screen and (max-width: 767px) {
	.banner-inner {
		margin: 0 30px;
		box-sizing: border-box
	}
}

.banner-link {
	display: block;
	text-decoration: none;
	position: relative
}

.banner-link::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0;
	transition: all .3s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.banner-link:hover::after {
	opacity: 0.2
}

.banner-link:hover .banner-desc-btn,.banner-link:focus .banner-desc-btn {
	text-decoration: underline
}

.banner-img>img {
	border-radius: 10px;
	width: 100%
}

.banner-desc {
	position: absolute;
	background-color: rgba(255,255,255,0.8);
	border-radius: 10px;
	min-width: 400px;
	top: 50%;
	transform: translateY(-50%);
	left: 60px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 39px 40px 40px
}

.banner-desc-txt {
	font-size: 24px;
	margin-bottom: 15px;
	font-weight: bold
}

@media screen and (max-width: 767px) {
	.banner-desc-txt {
		font-size: 16px;
		margin-bottom: 10px
	}
}

.banner-desc>:last-child {
	margin-bottom: 0
}

@media screen and (max-width: 767px) {
	.banner-desc {
		left: 50%;
		min-width: 90%;
		transform: translate(-50%, -50%);
		padding: 14px 15px 15px
	}
}

.banner-list {
	margin: 0 -20px;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	width: 9999px
}

@media screen and (max-width: 767px) {
	.banner-list {
		margin: 0 -5px
	}
}

.banner-list[data-display-num="2"]>li {
	max-width: 580px;
	margin: 0 20px;
	width: calc(50% - 20px * 2)
}

.banner-list[data-display-num="1"]>li {
	max-width: 1200px;
	margin: 0 20px;
	width: calc(100% - 20px * 2)
}

@media screen and (max-width: 767px) {
	.banner-list[data-display-num="1"]>li {
		margin: 0 5px;
		max-width: 767px;
		width: calc(100% - 5px * 2)
	}
}

@media screen and (max-width: 767px) {
	.banner-list[data-display-num-sm="1"]>li {
		margin: 0 5px;
		max-width: 767px;
		width: calc(100% - 5px * 2)
	}
}

.banner-prev {
	left: 0
}

.banner-prev>img {
	width: 50px;
	height: 100px
}

@media screen and (max-width: 767px) {
	.banner-prev>img {
		width: 25px;
		height: 50px
	}
}

.banner-next {
	right: 0
}

.banner-next>img {
	width: 50px;
	height: 100px
}

@media screen and (max-width: 767px) {
	.banner-next>img {
		width: 25px;
		height: 50px
	}
}

.banner-controller {
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 30px;
	position: relative
}

.banner-controller-btn {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	right: 30px;
	top: 15px;
	width: 30px;
	height: 30px
}

@media screen and (max-width: 767px) {
	.banner-controller-btn {
		top: 5px
	}
}

.banner-controller-btn>img {
	width: 30px;
	height: 30px
}

@media print {
	.banner-next,.banner-prev,.banner-controller {
		display: none
	}
}

.brand-list {
	margin: -30px -15px 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap
}

@media screen and (max-width: 767px) {
	.brand-list {
		margin: -15px -7.5px 0
	}
}

.brand-list>li {
	margin: 30px 15px 0;
	width: calc(100% / 4 - 15px * 2)
}

@media screen and (max-width: 1023px) {
	.brand-list>li {
		width: calc(100% / 3 - 15px * 2)
	}
}

@media screen and (max-width: 767px) {
	.brand-list>li {
		margin: 15px 7.5px 0;
		width: calc(100% / 2 - 7.5px * 2)
	}
}

.brand-link {
	display: block;
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid #dfdacb;
	position: relative
}

.brand-link::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0;
	transition: all 0.3s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.brand-link:hover::after {
	opacity: 0.2
}

@media screen and (max-width: 767px) {
	.brand-link {
		border-radius: 5px
	}
}

.brand-img {
	width: 100%
}

@media screen and (max-width: 1023px) {
	.campaign-list>li:nth-child(n+4) {
		display: none
	}
}

.cm-gallery-hane {
	width: 140px;
	height: 14px;
	position: absolute;
	left: 0;
	top: -13px;
	fill: #ffe4da
}

@media screen and (max-width: 767px) {
	.cm-gallery-hane {
		width: 70px;
		height: 7px;
		top: -6px
	}
}

.cm-gallery-content {
	position: relative;
	background: #ffe4da;
	border-radius: 0 10px 10px 10px;
	padding: 20px;
	display: flex;
	flex-direction: row-reverse
}

@media screen and (max-width: 767px) {
	.cm-gallery-content {
		flex-direction: column-reverse;
		padding: 15px;
		border-radius: 0 5px 5px 5px
	}
}

.cm-gallery-image {
	width: 50%;
	border-radius: 10px;
	overflow: hidden
}

.cm-gallery-image>img {
	width: 100%
}

@media screen and (max-width: 767px) {
	.cm-gallery-image {
		border-radius: 5px;
		width: 100%
	}
}

.cm-gallery-body {
	width: 50%;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 20px
}

@media screen and (max-width: 767px) {
	.cm-gallery-body {
		width: 100%;
		padding: 0;
		margin-top: 30px
	}
}

.cm-gallery-ttl {
	font-size: 20px;
	margin: auto 0 20px
}

@media screen and (max-width: 767px) {
	.cm-gallery-ttl {
		font-size: 16px;
		margin: 0 0 12px
	}
}

.cm-gallery-link {
	text-decoration: none;
	color: #000;
	position: relative;
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
	max-width: 100%
}

@media screen and (max-width: 767px) {
	.cm-gallery-link {
		font-size: 18px
	}
}

.cm-gallery-btn {
	text-decoration: none;
	color: #000;
	border: 1px solid #e30200;
	background-color: #fff;
	border-radius: 100px;
	padding: 13px 23px 13px 13px;
	margin: auto 0 0
}

@media screen and (max-width: 767px) {
	.cm-gallery-btn {
		font-size: 18px;
		padding: 9px 19px 9px 9px;
		margin: 30px 0 0
	}
}

.cm-gallery-btn-txt {
	position: relative;
	color: #000;
	font-size: 18px;
	display: block;
	font-weight: bold
}

@media screen and (max-width: 767px) {
	.cm-gallery-btn-txt {
		font-size: 16px
	}
}

.content-decoration {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-top: 5%;
	margin-top: -5%;
	z-index: 3
}

@media screen and (max-width: 767px) {
	.content-decoration {
		padding-top: 12%;
		margin-top: -12%
	}
}

.heading-container {
	display: flex;
	align-items: center;
	margin-bottom: 50px
}

@media screen and (max-width: 1023px) {
	.heading-container {
		justify-content: space-between
	}
}

@media screen and (max-width: 767px) {
	.heading-container {
		margin-bottom: 40px
	}
}

.heading {
	padding-left: 25%;
	width: 75%;
	text-align: center
}

@media screen and (max-width: 1023px) {
	.heading {
		padding-left: 0;
		width: auto;
		text-align: left
	}
}

.heading-btn {
	width: 25%;
	display: flex;
	justify-content: flex-end
}

@media screen and (max-width: 1023px) {
	.heading-btn {
		width: auto;
		margin-left: auto
	}
}

.heading2 {
	font-size: 34px;
	margin-bottom: 0;
	line-height: 1.2
}
.dchdc{
	text-align: center;
	margin-bottom:30px;
}
@media screen and (max-width: 767px) {
	.heading2 {
		font-size: 24px
	}
}

.heading-container-secondary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 35px
}

@media screen and (max-width: 767px) {
	.heading-container-secondary[data-dir-sm="col"] {
		flex-direction: column;
		align-items: flex-start
	}
}

@media screen and (max-width: 767px) {
	.heading-container-secondary {
		margin-bottom: 25px
	}
}

.heading2-secondary {
	font-size: 28px;
	margin-bottom: 0
}

@media screen and (max-width: 767px) {
	.heading2-secondary {
		font-size: 24px
	}
}

.main-infomation {
	display: flex;
	flex-direction: column;
	margin-bottom: 35px
}

.main-infomation>:last-child {
	margin-bottom: 0
}

@media screen and (max-width: 767px) {
	.main-infomation {
		margin-bottom: 20px
	}
}

.main-visual {
	/*max-width: 1920px;*/
	position: relative;
	background-color: #f8f4e9;
	overflow: hidden;
	margin: 0 auto
}

.main-visual-icn,.main-visual-blur,.main-visual-copy {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: inherit
}

.main-visual-image-list,.main-visual-blur-list,.main-visual-copy-list,.main-visual-illustration-list {
	opacity: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.main-visual-image-list>li,.main-visual-blur-list>li,.main-visual-copy-list>li,.main-visual-illustration-list>li {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.main-visual-image-list>li.is-active,.main-visual-blur-list>li.is-active,.main-visual-copy-list>li.is-active,.main-visual-illustration-list>li.is-active {
	z-index: 2
}

.main-visual-image-list>li.is-next,.main-visual-blur-list>li.is-next,.main-visual-copy-list>li.is-next,.main-visual-illustration-list>li.is-next {
	z-index: 1
}

.main-visual-illustration {
	z-index: 9
}

.main-visual-image-list>li[data-num='0'] {
	background: url("../image/img_04.jpg") center center no-repeat;
	background-size: cover
}

@media screen and (max-width: 767px) {
	.main-visual-image-list>li[data-num='0'] {
		background: url("../image/img_04_sm.jpg") center center no-repeat;
		background-size: cover
	}
}

.main-visual-image-list>li[data-num='1'] {
	background: url("../image/img.jpg") center center no-repeat;
	background-size: cover
}

@media screen and (max-width: 767px) {
	.main-visual-image-list>li[data-num='1'] {
		background: url("../image/img_sm.jpg") center center no-repeat;
		background-size: cover
	}
}

.main-visual-image-list>li[data-num='2'] {
	background: url("../image/img_05.jpg") center center no-repeat;
	background-size: cover
}

@media screen and (max-width: 767px) {
	.main-visual-image-list>li[data-num='2'] {
		background: url("../image/img_05_sm.jpg") center center no-repeat;
		background-size: cover
	}
}

.main-visual-image-list>li[data-num="3"] {
	background: url("../image/img_06.jpg") center center no-repeat;
	background-size: cover
}

@media screen and (max-width: 767px) {
	.main-visual-image-list>li[data-num="3"] {
		background: url("../image/img_06_sm.jpg") center center no-repeat;
		background-size: cover
	}
}

.main-visual-image-list>li[data-num='5'] {
	background: url("../image/img_03.jpg") center center no-repeat;
	background-size: cover
}

@media screen and (max-width: 767px) {
	.main-visual-image-list>li[data-num='5'] {
		background: url("../image/img_03_sm.jpg") center center no-repeat;
		background-size: cover
	}
}

.main-visual-image-list>li[data-num='6'] {
	background: url("../image/img_02.jpg") center center no-repeat;
	background-size: cover
}

@media screen and (max-width: 767px) {
	.main-visual-image-list>li[data-num='6'] {
		background: url("../image/img_02_sm.jpg") center center no-repeat;
		background-size: cover
	}
}

.main-visual-copy {
	opacity: 1;
	z-index: 4;
	background: url("../image/copy.svg") center center no-repeat;
	background-size: cover
}



.main-visual-blur-list>li[data-num='1'] {
	background: url("../image/blur.png") center center no-repeat;
	background-size: cover
}



.main-visual-blur {
	opacity: 1;
	z-index: 3
}

.main-visual-blur[data-num='1'] {
	background: url("../image/blur.png") center center no-repeat;
	background-size: cover
}



.main-visual-inner {
	position: relative;
	height: 100%
}

.main-visual-controller {
	position: absolute;
	right: 30px;
	bottom: 10px;
	z-index: 10
}

@media screen and (max-width: 767px) {
	.main-visual-controller {
		right: 15px;
		bottom: 0
	}
}

.main-visual-controller-btn {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 30px;
	height: 30px
}

.main-visual-controller-btn>img {
	width: 30px;
	height: 30px
}

.main-visual-svg-path {
	fill: #e30200;
	opacity: 0
}

.main-visual-svg-fill {
	fill: #e30200
}

.main-visual-svg-line {
	fill: none;
	stroke: #e30200;
	stroke-width: 4;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	opacity: 0
}

.modal {
	background-color: rgba(255,255,255,0.9);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 9001
}

.modal.is-open {
	opacity: 1
}

.modal.is-open .modal-dialog {
	opacity: 1
}

.modal-dialog {
	width: 100%;
	max-width: 880px;
	padding: 0 15px;
	margin: 1.75rem auto;
	display: flex;
	align-items: center;
	min-height: calc(100% - (1.75rem * 2));
	outline: none
}

@media screen and (max-width: 767px) {
	.modal-dialog {
		padding: .5rem 15px
	}
}

.modal-body {
	width: 100%;
	padding: 30px;
	background-color: #fff;
	border: 1px solid #dfdacb;
	border-radius: 10px
}

.modal-body>:last-child {
	margin-bottom: 0
}

@media screen and (max-width: 767px) {
	.modal-body {
		border-radius: 5px;
		padding: 35px 15px
	}
}

.modal-content {
	margin-bottom: 30px
}

.modal-content>:last-child {
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto
}

.news-grid {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 40px 1fr;
	grid-template-columns: 1fr 40px 1fr;
	-ms-grid-rows: auto;
	grid-template-rows: auto
}

@media screen and (max-width: 1023px) {
	.news-grid {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: auto 40px auto;
		grid-template-rows: auto 40px auto
	}
}

.news-item-1 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1 / 2
}

.news-item-2 {
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3 / 4;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1 / 2
}

@media screen and (max-width: 1023px) {
	.news-item-2 {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / 2;
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		grid-row: 3 / 4
	}
}

.olympic-inner {
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	align-items: center
}

@media screen and (max-width: 1023px) {
	.olympic-inner {
		padding: 0 15px
	}
}

.olympic-mv {
	margin-bottom: 25px;
	max-width: 100%;
	min-height: 0%
}

.olympic-link-txt {
	margin: 0;
	max-width: 100%
}

.other-content-list {
	margin: 0 -12px;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap
}

@media screen and (max-width: 1023px) {
	.other-content-list {
		margin: -30px -12px 0
	}
}

@media screen and (max-width: 767px) {
	.other-content-list {
		margin: -30px -7.5px 0
	}
}

.other-content-list>li {
	display: flex;
	width: calc(100% / 4 - 12px * 2);
	margin: 0 12px
}

@media screen and (max-width: 1023px) {
	.other-content-list>li {
		width: calc(100% / 3 - 12px * 2);
		margin: 30px 12px 0
	}
}

@media screen and (max-width: 767px) {
	.other-content-list>li {
		width: calc(100% / 2 - 7.5px * 2);
		margin: 30px 7.5px 0
	}
}

.pagination {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center
}

.pagination>li {
	margin: 0 10px;
	display: flex
}

@media screen and (max-width: 767px) {
	.pagination>li {
		margin: 0 7px
	}
}

.pagination-item {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background-color: #666;
	transition: background-color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1)
}

@media screen and (max-width: 767px) {
	.pagination-item {
		width: 10px;
		height: 10px
	}
}

.pagination-item.is-current {
	background-color: #e30200;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	pointer-events: none
}

@media screen and (max-width: 767px) {
	.pagination-item.is-current {
		width: 14px;
		height: 14px
	}
}

@media print {
	.pagination {
		display: none
	}
}

.pickup[data-color="beige"] {
	background-color: #f8f4e9;
	background-color: #fff;
}

.pickup-section {
	padding: 30px 0 0;
	margin: 0 0 30px
}

.product-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: -30px -14px 0
}

@media screen and (max-width: 1023px) {
	.product-list {
		margin: -30px -7.5px 0
	}
}

.product-list>li {
	width: calc(100% / 5 - 14px * 2);
	display: flex;
	border: 1px solid #dfdacb;
	border-radius: 10px;
	margin: 85px 14px 0;
	padding: 20px 10px;
	justify-content: center;
	background-color: #fff
}

@media screen and (max-width: 1023px) {
	.product-list>li {
		border-radius: 5px;
		width: calc(100% / 4 - 7.5px * 2);
		padding: 15px 10px;
		margin: 75px 7.5px 0
	}
}

@media screen and (max-width: 767px) {
	.product-list>li {
		width: calc(100% / 2 - 7.5px * 2)
	}
}

.product-link {
	text-decoration: none;
	color: #000;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: auto;
	grid-template-columns: auto;
	-ms-grid-rows: 1fr 30px auto;
	grid-template-rows: 1fr 30px auto
}

@media screen and (max-width: 1023px) {
	.product-link {
		-ms-grid-rows: 1fr 15px auto;
		grid-template-rows: 1fr 15px auto
	}
}

.product-img {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1 / 2;
	-ms-grid-row-align: end;
	align-self: end;
	-ms-grid-column-align: center;
	justify-self: center;
	margin-top: -75px;
	text-align: center;
	max-width: 100%
}
.product-img img{
	transition:1s;
}
.product .js-scroll-item:hover img{
	transform: translate(0px,-5px);
	transform: scale(1.1);
}
.product-img>img[data-size="lg"] {
	width: 90%
}

.product-img>img[data-size="md"] {
	width: 80%
}

.product-img>img[data-size="sm"] {
	width: 65%
}

@media screen and (max-width: 767px) {
	.product-img>img {
		width: 150px
	}
}

.product-body {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	-ms-grid-row: 3;
	-ms-grid-row-span: 1;
	grid-row: 3 / 4;
	-ms-grid-column-align: center;
	justify-self: center
}

.product-body>:last-child {
	margin-bottom: 0
}

.product-name {
	position: relative;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	display: block
}

@media screen and (max-width: 767px) {
	.product-name {
		font-size: 14px
	}
}

.quality-heading2 {
	font-size: 20px;
	line-height: 2;
	margin-bottom: 60px;
	text-align: center
}

@media screen and (max-width: 767px) {
	.quality-heading2 {
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 40px
	}
}

.quality-logo {
	width: 210px;
	height: 118px;
	display: block;
	margin: 0 auto 25px
}

@media screen and (max-width: 767px) {
	.quality-logo {
		width: calc(244 * 100% / 750);
		min-width: 122px;
		margin-bottom: 15px;
		height: auto
	}
}

.quality-content-list {
	margin: -40px -15px 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap
}
.quality-content-list li{
	transition:1s;
}
.quality-content-list li:hover{
	transform: translate(0px,-5px);
    /*box-shadow: 0px 5px 20px rgba(0,0,0,0.2);*/
}
@media screen and (max-width: 767px) {
	.quality-content-list {
		margin: -15px -7.5px 0
	}
}

.quality-content-list[data-layout="grid"] {
	margin: 0;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 30px 1fr 40px 1fr 30px 1fr;
	grid-template-columns: 1fr 30px 1fr 40px 1fr 30px 1fr;
	-ms-grid-rows: auto 30px auto 30px auto;
	grid-template-rows: auto 30px auto 30px auto
}

@media screen and (max-width: 1023px) {
	.quality-content-list[data-layout="grid"] {
		-ms-grid-columns: 1fr 30px 1fr;
		grid-template-columns: 1fr 30px 1fr
	}
}

@media screen and (max-width: 767px) {
	.quality-content-list[data-layout="grid"] {
		-ms-grid-columns: 1fr 15px 1fr;
		grid-template-columns: 1fr 15px 1fr;
		-ms-grid-rows: auto 15px auto 15px auto 15px auto;
		grid-template-rows: auto 15px auto 15px auto 15px auto
	}
}

.quality-content-list[data-layout="grid"] .quality-content {
	width: auto;
	margin: 0
}

.quality-content-list[data-layout="grid"] .quality-content:nth-child(1) {
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	grid-column: 1 / 4;
	-ms-grid-row: 1;
	-ms-grid-row-span: 3;
	grid-row: 1 / 4
}

@media screen and (max-width: 1023px) {
	.quality-content-list[data-layout="grid"] .quality-content:nth-child(1) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / 2;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row: 1 / 2
	}
}

@media screen and (max-width: 767px) {
	.quality-content-list[data-layout="grid"] .quality-content:nth-child(1) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
		grid-column: 1 / 4
	}
}

.quality-content-list[data-layout="grid"] .quality-content:nth-child(2) {
	-ms-grid-column: 5;
	-ms-grid-column-span: 3;
	grid-column: 5 / 8;
	-ms-grid-row: 3;
	-ms-grid-row-span: 3;
	grid-row: 3 / 6
}

@media screen and (max-width: 1023px) {
	.quality-content-list[data-layout="grid"] .quality-content:nth-child(2) {
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		grid-column: 3 / 4;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row: 1 / 2
	}
}

@media screen and (max-width: 767px) {
	.quality-content-list[data-layout="grid"] .quality-content:nth-child(2) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
		grid-column: 1 / 4;
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		grid-row: 3 / 4
	}
}

.quality-content-list[data-layout="grid"] .quality-content:nth-child(3) {
	-ms-grid-column: 5;
	-ms-grid-column-span: 1;
	grid-column: 5 / 6;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1 / 2
}

@media screen and (max-width: 1023px) {
	.quality-content-list[data-layout="grid"] .quality-content:nth-child(3) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / 2;
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		grid-row: 3 / 4
	}
}

@media screen and (max-width: 767px) {
	.quality-content-list[data-layout="grid"] .quality-content:nth-child(3) {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		grid-row: 5 / 6
	}

	.quality-content-list[data-layout="grid"] .quality-content:nth-child(3) .quality-content-ttl {
		margin-bottom: 0
	}

	.quality-content-list[data-layout="grid"] .quality-content:nth-child(3) .quality-content-txt {
		display: none
	}
}

.quality-content-list[data-layout="grid"] .quality-content:nth-child(4) {
	-ms-grid-column: 7;
	-ms-grid-column-span: 1;
	grid-column: 7 / 8;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1 / 2
}

@media screen and (max-width: 1023px) {
	.quality-content-list[data-layout="grid"] .quality-content:nth-child(4) {
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		grid-column: 3 / 4;
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		grid-row: 3 / 4
	}
}

@media screen and (max-width: 767px) {
	.quality-content-list[data-layout="grid"] .quality-content:nth-child(4) {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		grid-row: 5 / 6
	}

	.quality-content-list[data-layout="grid"] .quality-content:nth-child(4) .quality-content-ttl {
		margin-bottom: 0
	}

	.quality-content-list[data-layout="grid"] .quality-content:nth-child(4) .quality-content-txt {
		display: none
	}
}

.quality-content-list[data-layout="grid"] .quality-content:nth-child(5) {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	-ms-grid-row: 5;
	-ms-grid-row-span: 1;
	grid-row: 5 / 6
}

@media screen and (max-width: 767px) {
	.quality-content-list[data-layout="grid"] .quality-content:nth-child(5) {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		grid-row: 7 / 8
	}

	.quality-content-list[data-layout="grid"] .quality-content:nth-child(5) .quality-content-ttl {
		margin-bottom: 0
	}

	.quality-content-list[data-layout="grid"] .quality-content:nth-child(5) .quality-content-txt {
		display: none
	}
}

.quality-content-list[data-layout="grid"] .quality-content:nth-child(6) {
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3 / 4;
	-ms-grid-row: 5;
	-ms-grid-row-span: 1;
	grid-row: 5 / 6
}

@media screen and (max-width: 767px) {
	.quality-content-list[data-layout="grid"] .quality-content:nth-child(6) {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		grid-row: 7 / 8
	}

	.quality-content-list[data-layout="grid"] .quality-content:nth-child(6) .quality-content-ttl {
		margin-bottom: 0
	}

	.quality-content-list[data-layout="grid"] .quality-content:nth-child(6) .quality-content-txt {
		display: none
	}
}

.quality-content[data-color="red"] .quality-content-link {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 15%, #c00814 15%, #c00814 100%)
}

.quality-content[data-color="pink"] .quality-content-link {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 15%, #c2024e 15%, #c2024e 100%)
}

.quality-content[data-color="orange"] .quality-content-link {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 15%, #d33a1c 15%, #d33a1c 100%)
}

.quality-content[data-color="yellowgreen"] .quality-content-link {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 15%, #577800 15%, #577800 100%)
}

.quality-content[data-color="green"] .quality-content-link {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 15%, #007735 15%, #007735 100%)
}

.quality-content[data-color="blue"] .quality-content-link {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 15%, #0076c8 15%, #0076c8 100%)
}

.quality-content[data-color="navy"] .quality-content-link {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 15%, #00326f 15%, #00326f 100%)
}

.quality-content[data-color="purple"] .quality-content-link {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 15%, #573a7e 15%, #573a7e 100%)
}

.quality-content[data-color="brown"] .quality-content-link {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 15%, #715c45 15%, #715c45 100%)
}

.quality-content[data-color="darkbrown"] .quality-content-link {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 15%, #41302b 15%, #41302b 100%)
}

.quality-content[data-color="gray"] .quality-content-link {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 15%, #6e6a5f 15%, #6e6a5f 100%)
}

.quality-content[data-color="darkgray"] .quality-content-link {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 15%, #444 15%, #444 100%)
}

.quality-content {
	display: flex;
	width: calc(100% / 4 - 15px * 2);
	margin: 40px 15px 0
}

@media screen and (max-width: 1023px) {
	.quality-content {
		width: calc(100% / 2 - 15px * 2)
	}
}

@media screen and (max-width: 767px) {
	.quality-content {
		width: calc(100% / 2 - 7.5px * 2);
		margin: 15px 7.5px 0
	}
}

.quality-content-img {
	min-height: 0%
}

.quality-content-img img {
	width: 100%
}

.quality-content-link {
	text-decoration: none;
	color: #000;
	border-radius: 0 0 10px 10px;
	display: flex;
	flex-direction: column;
	width: 100%
}

.quality-content-link:hover,.quality-content-link:focus {
	color: #fff
}

.quality-content-body {
	padding: 20px
}

.quality-content-body>:last-child {
	margin-bottom: 0
}

@media screen and (max-width: 767px) {
	.quality-content-body {
		padding: 15px
	}
}

.quality-content-ttl {
	position: relative;
	color: #fff;
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: bold
}

@media screen and (max-width: 767px) {
	.quality-content-ttl {
		font-size: 16px;
		margin-bottom: 10px
	}
}

.quality-content-txt {
	color: #fff;
	font-size: 14px;
	font-size: 16px;
}

.date {
	font-size: 16px;
	color: #666
}

@media screen and (max-width: 767px) {
	.date {
		font-size: 14px
	}
}

.link-group {
	padding: 20px 0
}

@media screen and (max-width: 767px) {
	.link-group {
		padding: 15px 0
	}
}

.link-time {
	display: block;
	margin-bottom: 15px
}

@media screen and (max-width: 767px) {
	.link-time {
		margin-bottom: 10px
	}
}

.link-txt {
	text-decoration: none;
	color: #000;
	display: inline-block;
	position: relative;
	font-size: 16px
}

@media screen and (max-width: 767px) {
	.link-txt {
		font-size: 14px
	}
}

.link-btn-list {
	margin: 0 -15px;
	padding: 0;
	list-style: none;
	display: flex
}

@media screen and (max-width: 767px) {
	.link-btn-list {
		margin: 0 -10px 0;
		align-self: flex-end
	}
}

.link-btn-list>li {
	margin: 0 15px
}

@media screen and (max-width: 767px) {
	.link-btn-list>li {
		margin: 0 10px 0
	}
}

@media screen and (max-width: 767px) {
[	data-dir-sm="col"] .link-btn-list {
		margin-top: 5px
	}
}

.link-feed-btn {
	text-decoration: none;
	color: #000;
	position: relative;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	display: inline-block
}

@media screen and (max-width: 767px) {
	.link-feed-btn {
		font-size: 14px
	}
}

.link-txt-btn {
	text-decoration: none;
	color: #000;
	position: relative;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	display: inline-block
}

@media screen and (max-width: 767px) {
	.link-txt-btn {
		font-size: 14px
	}
}

.image-link {
	text-decoration: none;
	color: #000;
	display: block
}

.image-link-img {
	margin-bottom: 20px;
	border-radius: 10px;
	border: 1px solid #dfdacb;
	overflow: hidden
}

.image-link-img>img {
	width: 100%
}

@media screen and (max-width: 767px) {
	.image-link-img {
		margin-bottom: 15px;
		border-radius: 5px
	}
}

.image-link-body>:last-child {
	margin-bottom: 0
}

.image-link-txt {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	display: block
}

@media screen and (max-width: 767px) {
	.image-link-txt {
		font-size: 16px
	}
}

.release-list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #dfdacb
}

.release-list>li {
	border-bottom: 1px solid #dfdacb
}

@media screen and (max-width: 767px) {
	.release-list>li:nth-child(n+4) {
		display: none
	}
}

.js-campaign-area>:last-child {
	margin-bottom: 0
}

.js-scroll-item {
	opacity: 0;
	transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1)
}

.js-scroll-item.enter {
	opacity: 1
}

.js-txt-motion {
	opacity: 0
}

@media print {
	* {
		display: none;
		opacity: 0;
		background: #fff
	}

	img {
		display: none;
		opacity: 0;
		background: #fff
	}
}
.newsd{
	margin-top:30px
}
.dctitle{
	font-size: 18px;
	line-height: 2;
	text-align: center;
	color: #000;
	position: relative;
     top:60px;
    z-index: 999;
    font-weight: 800;	
    font-family: "Microsoft YaHei";
}
.dctbg{
	font-size: 18px;
	line-height: 2;
	text-align: center;
	color: #000;
	position: relative;
    top:60px;
    z-index: 999;
    font-weight: 800;	
}

.dcabout{
	background-color: #f8f4e9;
	padding:0;
}
.dcabt{
	font-size: 18px;
	line-height: 2;
	text-align: center;
	color: #000;
	font-family: "Microsoft YaHei";
	font-weight: 800;
	padding-top: 50px;
	padding-left:100px;
	padding-right:100px;
}
.dcabout .quality{
	margin-top: 50px;
}
@media(max-width:800px){
	.newsd{
		margin-top: 50px;
	}
	.dctitle{
		top:-50px;
		display: none;
	}

	.dcabt{
		padding-left:20px;
		padding-right:20px;
	}
}

#cm {
  padding: 0 0 3rem 0;
  background-image: linear-gradient(#fff, #fafbf6);
}
#cm li {
  width: 48.5%;
}
#cm li a {
  display: block;
  position: relative;
  font-size: 0px;
  transition-duration: 0.3s;
}
#cm li a:after {
  content: "";
  position: absolute;
  background: url(../image/icon_play.png) 0 0 / contain no-repeat;
  top: 45%;
    left: 45%;
    width: 60px;
    height: 60px;
  transition-duration: 0.3s;
}
#cm li a:hover:after {
  background: url(../image/icon_play_hover.png) 0 0 / contain no-repeat;
}
#cm li img {
  width: 100%;
  border-radius: 10px;
}


#modal{
	position:relative;
	padding-top:2.6rem;
}
#modal img{
	width:100%;
}
#modal .btn_close{
	width:7.9rem;
	height:1.8rem;
	position:absolute;
	right:0px;
	top:0rem;
	background:url(../image/btn_close.png) 0 0 /contain no-repeat;
	cursor:pointer;
}
.inner1{
	position:relative;
	box-sizing:border-box;
	max-width: 1260px;
    margin: 0 auto;
    padding: 0 30px;
}

.inner1 h2 {
    font-size: 26px;
    margin-bottom: 1em;
}

.inner1 h2 a {
    background-color: #ff0000;
    border-radius: 0.4em;
    color: #FFF;
    display: inline-block;
    position: relative;
    padding: 0.3em 1.5em 0.3em 1.2em;
    margin-left: 1em;
    font-size: 16px;
    text-decoration: none;
    top: -0.3em;
    transition: 0.3s;
    backface-visibility: hidden;
}
.inner1 h2 a:after {
    content: "";
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -0.15em;
    right: 0.5em;
    width: 0.3em;
    height: 0.3em;
    border-top: 0.15em solid #FFF;
    border-right: 0.15em solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.inner1 li {
    display: list-item;
    text-align: -webkit-match-parent;
    list-style: none;
}
.inner1 .flex {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 0;
}



.vidcontainer{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    background-color: rgba(0,0,0,0.8);
    cursor: pointer;
    z-index: 99999;
}
.vidcontainer .closevid{
    width: 40px;
    height: 40px;
    background: url(../image/close-vid2.png) no-repeat center/100% auto;
    position: absolute;
    top: 40px;
    right: 40px;
    z-index:999;
    cursor: pointer;
}
.vidcontainer video{
    position: absolute;
    width: 90%;
    height:auto;
    top: 0;
    max-width:1200px;
    max-height:80%;
    left: 0;
    background-color: #000;
    bottom: 0;
    right: 0;
    margin: auto;
}
.dcvf{
	width:23%;
	border-radius: 5px;
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	font-family: 'Microsoft YaHei';
	text-decoration: none;
	margin-top: 50px;
	transition:1s;
}
.dcvf:hover{
	color: #fff;
	transform: translate(0px,-5px);
}
.dcvfimg{
	width:100%;
	display: block;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.dcvfp1{
	text-align: center;
	padding: 15px 0 5px;
	margin:0;
}
.dcvfp2{
	text-align: center;
	padding:0 0 15px;
	margin:0;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	font-weight: normal;
}
.video1 p{
	background: #83b8d1
}
.video2 p{
	background: #abc889
}
.video3 p{
	background: #e9a26f
}
.video4 p{
	background: #af96db
}

@media(max-width:800px){
	#cm li{
		width: 100%;
		margin-bottom: 20px;
	}
	.dcvf{
		width:100%;
	}

}
.dcbottom{
	width:100%;
}
.dcbottom .flex{
	display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 0;
}
.dcb1{
	margin:0 20px;
}
.dcb2{
	display: block;
	background: #c00814;
	color:#fff;
	text-align: center;
	height: 180px;
	width:180px;
	line-height: 180px;
	font-size: 24px;
	text-decoration: none;
	border-radius: 50%;
	margin:50px 20px;
	transition:0.3s;
	border:1px solid #c00814;
}
.dcb2:hover{
	color:#fff;
	text-decoration: none;
	/*transform: translate(0px,-5px);
    box-shadow: 0px 5px 20px rgba(0,0,0,0.5);*/
    color:#c00814;
    background: #fff url() 0 0 no-repeat;
    border:1px solid #c00814;

}

.inner2 {
    max-width: 1150px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}



/*内容页*/
.dcerji{
	text-decoration: none;
    color: #000;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
}

.dcerji::before{
	content: "";
    display: block;
    width: 22px;
    height: 22px;
    min-width: 22px;
    background: #e30200 url(../image/angle_down_white.svg) center center no-repeat;
    background-size: 12px 8px;
    border-radius: 50%;
    float: left;
    margin-right:3px;
}

.dccontent{
	line-height: 2!important;
}
/*历史*/
.fl{
	float: left;
}
.fr{
	float: right;
}
.dcabcon {
    font-size: 16px;
    text-align: center;
    line-height: 2.5;
    color: #333333;
    font-weight: normal;
}
.dcabcon4 {
    margin-top: 60px;
    text-align: left;
}

.dclc{
  height: auto;
  width: 100%;
  font-size: 14px;
}
.dclcyear{
  font-size: 20px;
  font-weight: 800;
  color: #00284c;
  width: 50px;
  line-height: 1.8;
  transition:0.5s;
}
.dclcpoint{
  width:36px;
  margin:0 30px;
  height: 100%;
}
.inner-point{
  width: 36px;
  height: 36px;
  background: #ececec;
  border-radius: 50%;
  padding:9px;
}
.innerd{
  width:18px;
  height: 18px;
  background: #e30200;
  border-radius: 50%;
  transition:0.5s;
}
.dclc:hover .innerd{
  background: #ff0000;
}
.dclc:hover .dclcyear{
  font-size: 21px;
}
.inner-line{
  margin:0 auto;
  width:4px;
  min-height:60px;
  background: #ebecec;
}

.dclctext{
  width:calc(100% - 146px);
  margin-top: 5px;
  color: #444;
  line-height: 1.5;
}
.dclctext:hover{
  color: #00284c;
}

.dccontent .l-card:hover{
	text-decoration:none;
}
/*历史*/

.bot .title {
    font-size: 30px;
    line-height: 1.5em;
}

.bot .ltitle {
    font-size: 20px;
    line-height: 20px;
    color: #999999;
    margin-top: 5px;
    margin-bottom: 35px;
}

.bot .form {
    box-sizing: border-box;
    /*background-color: #f6f6f6;
    padding: 2.2% 2.7%;*/
    display: block;
    margin-bottom: 30px;
}

.bot .tip {
    font-size: 16px;
    line-height: 22px;
    color: #666666;
}

.bot .input {
    display: block;
    width: calc(100% - 30px);
    background-color: #fff;
    font-size: 14px;
    line-height: 30px;
    padding:5px 15px;
    color: #999;
    margin: 15px 0 30px;
    border: 1px solid #999;
}

.bot .input:focus {
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
}

.bot .br {
    border-radius: 5px;
}

.bot .submit {
    line-height: 44px;
    height: 44px;
    padding: 0 45px;
    display: inline-block;
    background-color: #fff;
    font-size: 14px;
}

.bot .submit:hover {
    background-color: #ccc;
}

.col-sm-6 {
    width: 47%;
    float: left;
}

.col-sm-6:nth-child(2n) {
    width: 47%;
    float: left;
    margin-left: 6%;
}
.js-main-visual-img{
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (max-width: 800px) {
    .l_cont,.l_cont2,.col-sm-6 {
        width: 100%!important;
        max-width: 100%!important
    }

    .col-sm-6:nth-child(2n) {
        margin: 0;
    }
    .ny_banner{
    	margin-top:0px!important;
    }
    .js-main-visual-img{
        background-size:cover!important;
    }
}
/*foot*/
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.foot-wrapper {
    border-top: 8px solid #d32f2f;
    padding: 60px 0 40px;
    background-color: #fff;
}

.foot-inner {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.foot-col-left {
    display: flex;
    flex-direction: column;
    width: 25%;
}

.foot-logo {
    align-items: center;
    margin-bottom: 50px;
}

.foot-logo-mark {
    font-size: 40px;
    font-weight: bold;
    color: #d32f2f;
    line-height: 1;
    margin-right: 10px;
    font-style: italic;
	margin-bottom:20px;
}

.foot-logo-text p {
    font-size: 14px;
    font-weight: bold;
}

.foot-logo-en {
    font-size: 11px !important;
    font-weight: normal !important;
}

.foot-info {
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: auto;
}

.foot-copyright {
    font-size: 12px;
    margin-top: 40px;
}

.foot-col-center {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.foot-nav-group {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.foot-mt-30 {
    margin-top: 40px;
}

.foot-nav-list {
    flex: 1;
}

.foot-nav-list li {
    font-size: 13px;
    padding: 12px 0;
    border-bottom: 1px dotted #999;
}

.foot-nav-title {
    border-bottom: 1px solid #333 !important;
    color: #555;
    padding-bottom: 8px !important;
    margin-bottom: 5px;
    padding-top: 0 !important;
}

.foot-nav-list a:hover {
    opacity: 0.7;
}

.foot-col-right {
    width: 220px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.foot-banner {
    display: block;
    width: 100%;
    border: 1px solid transparent;
    transition: opacity 0.3s;
}

.foot-banner:hover {
    opacity: 0.8;
}

.foot-banner img {
    width: 100%;
    height: auto;
    display: block;
}

.foot-banner-red {
    border: 2px solid #d32f2f;
    padding: 10px;
}
.foot-banner-black {
    background-color: #000;
}
.foot-banner-white {
    border: 2px solid #8c2d46;
    padding: 10px;
}

@media (max-width: 992px) {
    .foot-inner {
        flex-wrap: wrap;
    }
    
    .foot-col-left {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 40px;
    }
    
    .foot-logo {
        margin-bottom: 0;
    }
    
    .foot-copyright {
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    .foot-col-center {
        width: 100%;
    }

    .foot-col-right {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
    }

    .foot-banner {
        width: calc(33.333% - 10px);
    }
}

@media (max-width: 768px) {
    .foot-col-left {
        flex-direction: column;
    }
    
    .foot-info {
        margin-top: 20px;
    }

    .foot-nav-group {
        flex-direction: column;
        gap: 20px;
    }

    .foot-col-right {
        flex-direction: column;
    }
    
    .foot-banner {
        width: 100%;
    }
}
a {
    text-decoration: none;
    color: inherit;
}

ul {
    list-style: none;
}