#dr {
	font-size:20px;
	line-height:1.4;
	font-family: Tahoma, sans-serif;
	margin:0;
	color:#000;
}
#dr a {
	text-decoration:none;
	cursor:pointer;
	transition:all linear .25s;
}
#dr .info {
	background: none;
}
.fl, .d-flex {
	display:flex;
}
.fw {
	flex-wrap:wrap;
}
.sb {
	justify-content: space-between;
}
.aligncenter {
	align-content: center;
	align-items: center;
}
#dr .container {
	max-width: 1300px;
	width: 100%;
	padding: 0 15px;
	margin:0 auto;
}
/*#banner {
	padding-top: 65px;
}*/
#banner {
	min-height: 100vh;
	overflow:hidden;
	display: flex;
}
#banner > div {
	width: 100%;
}
#banner .content {
	width: 100%;
	max-width: 600px;
	padding: 50px 0;
	background: var(--color1);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
	position: relative;
	z-index: 2;
}
#banner h1 {
	text-align: center;
	font-size: 50px;
	margin:50px 0;
	color:#fff;
	width: 100%;
	padding: 50px 50px;
	background: var(--color2);
}
#banner h1 span {
	font-size: 45px;
}
#banner .content img {
	display: block;
	margin:0 auto;
}
img {
	max-width: 100%;
}
#banner .content img {
	max-width: 300px;
}
#banner .banner {
	position: absolute;
	max-width: calc(100% - 600px);
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right center;
}
#banner .content + div {
	width: 100%;
}
@media screen and (max-height:800px) {
	#banner h1 span br {
		display: none;
	}
	#banner h1 {
		padding: 30px;
		margin:30px 0;
	}
	#banner .content img {
		max-width: 250px;
	}
}
.product {
	padding: 100px 0 0;
}
.product .title {
	padding: 30px 0;
	text-align: center;
	color:#fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 45px;
	background: var(--color2);
}
.product .title.sub {
	color:var(--color2);
	font-size: 35px;
	background: none;
	border-top:5px solid var(--color2);
	padding-top: 50px;
}
.product .thumb {
	position: relative;
}
.product .thumb img {
	display: block;
	margin:0 auto;
}
.product .content {
	padding-top: 30px;
}
.product .col-left {
	width: 48%;
}
.product .col-right {
	width: 48%;
}
.product .attr {
	gap:30px;
}
.product .attr p {
	width: 100%;
}
.product .attr p b {
	color:var(--color2);
}
.product .attr p span {
	font-weight: bold;
	display: block;
	color:Var(--color2);
}
.product .p1 {
	padding-left: 80px;
	background: url(images/icon1.png) no-repeat left center;
	background-size: 60px auto;
}
.product .p2 {
	padding-left: 50px;
	background: url(images/icon2.png) no-repeat left center;
	background-size: 35px auto;
}
.product .p5 {
	padding-left: 80px;
	background: url(images/icon4.png) no-repeat left center;
	background-size: 50px auto;
}
.product .attr .p3 {
	text-align: center;
	width: 100%;
}
.product#block1 .col-left .prev {
	margin:-35px 0 -100px;
}
.product table {
	border-collapse: collapse;
	border:0;
	width: 100%;
	margin-top: 30px;
}
.product table tr:first-child {
	background: var(--color2);
}
.product table tr:nth-child(even) {
	background: #F3F3F3;
}
.product table td {
	padding: 5px 10px;
}
.product table th {
	padding: 15px 15px;
	color:#fff;
	text-align: center;
}
.product .p4 {
	padding-left: 70px;
	background: url(images/icon3.png) no-repeat left center;
	background-size: 55px auto;
	margin:0 0 20px;
}
.product .attr .p4 {
	margin: 0;
}
.product .ch {
	margin-top:20px;
	gap:30px;
	color:var(--color2);
}
.product .ch img {
	max-width: 130px;
}
.product .ch p {
	margin:10px 0;
	font-size: 24px;
}
#block1 .col-right {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#block1 .thumb img {
	margin-bottom: -40px;
}
.product .info .d-flex {
	align-items: flex-end;
	margin-top: 30px;
	gap:30px;
}
.product .info .d-flex > div {
	width: 100%;
}
.product .info .title2 {
	color:#fff;
	padding: 5px 10px;
	text-align: center;
	font-size: 22px;
	background: var(--color1);
	margin:0 0 20px;
	display: inline-block;
	position: relative;
}
.product .info .title2:before {
	content:' ';
	position: absolute;
	left: calc(50% - 14px);
	top:-14px;
	width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid var(--color1);
}
.product .info .title2:first-child:before {
	top:auto;
	bottom: -14px;
	border-top:15px solid var(--color1);
	border-bottom: 0;
}
.product .info .b2 {
	padding-bottom: 30px;
}
.product .p span {
	color:var(--color2);
	font-size: 24px;
	font-weight: bold;
	display: block;
}
.product .p {
	margin:0 0 15px;
}
.product .info img {
	margin:0 auto;
	display: block;
}
.product .b3 img {
	max-width: 200px;
}
.product .margin-top {
	margin-top: 80px;
}
.product .b4 {
	align-self: flex-start;
}
.product .t {
	border-radius: 100%;
	padding: 25px;
	width: 200px;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	background: var(--color1);
	flex-wrap:wrap;
	color:#fff;
	font-size: 24px;
	position: absolute;
	z-index: 2;
	text-align: center;
}
.product .t span {
	display: block;
	font-weight: bold;
}
.product .t1 {
	left: 0;
	top:80px;
}
.product .t2 {
	right: 0;
	bottom:60px;
}
#block2 .thumb {
	margin:60px 0;
}
#block2 .info {
	text-align: center;
}
#block2 .n1 {
	max-width: 25%;
}
#block2 .n1 .title2 + img {
	margin-top: 40px;
}
#block2 .n2 {
	max-width: 50%;
}
#block2 .n3 {
	max-width: 25%;
}
#block2 img + .title2 {
	margin-top: 20px;
}
#block2 .title2 {
	padding: 10px 15px;
}
.product#block3 .col-left .prev {
	margin:0 0 -50px;
}
#block3 .col-right {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.product .info2 table {
	border-collapse: collapse;
	border:0;
	text-align: center;
}
.product .info2 table tr:first-child {
	background: var(--color2);
}
.product .info2 table tr:first-child th {
	padding: 15px 15px;
	color:#fff;
	text-align: center;
}
.product .info2 table td {
	border:1px solid #f3f3f3;
	padding: 10px;
}
.product .info2 table img {
	max-width: 120px;
	max-height: 60px;
}
.product .vtitle {
	color:var(--color2);
	font-size: 22px;
	font-weight: bold;
}
.product .info2 table td:first-child[rowspan] {
	padding: 20px;
	text-align: left;
}
.product .info2 table tr:nth-child(2) {
    background: #F3F3F3 !important;
}
.product .info2 table tr:nth-child(even) {
    background: transparent;
}
#block3 .info {
	text-align: center;
}
#block3 .n1 {
	max-width: 30%;
}
#block3 .n2 {
	max-width: 40%;
}
#block3 .n3 {
	max-width: 30%;
}
#block3 img + .title2 {
	margin-top: 15px;
}
#block3 .title2 {
	padding: 10px 15px;
}
#block3 .n2 img {
	margin:-50px -50px 0;
	max-width: calc(100% + 100px);
}
#block3 .n1 .title2 + img {
	margin-top: 40px;
}
.product#block4 .col-left .prev {
	margin:0 auto -60px;
	display: block;
}
.product#block4 .col-left .prev + div {
	padding-left: 200px;
}
#block4 .col-right {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#block4.product .t {
	width: 250px;
	height: 250px;
	text-align: center;
	justify-content: center;
}
.product .thumb.m {
	padding: 1px 0;
}
#block4 .thumb.m img {
	margin:100px auto;
}
#block4.product .t1 {
	top:0px;
}
#block4.product .t2 {
	bottom:0px;
}
#block4 .info {
	text-align: center;
}
#block4 img + .title2 {
	margin-top: 15px;
}
#block4 .info .d-flex > div {
	max-width: calc(25% - 22px);
}
#block4 .info .d-flex > .n3 {
	max-width: calc(30% - 22px);
	margin-right: -10%;
	margin-left: -2%;
	align-self: flex-start;
}
#block4 .info .d-flex > .n4 {
	max-width: calc(32% - 22px);
}
#block4 .n1 .title2 + img {
	margin-top: 150px;
}
.product#block5 .col-left .prev {
	margin:0 auto -50px;
	display: block;
}
#block5 .col-right {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.product#block5 .col-right .ch {
	width: 100%;
	margin-top: 0;
}
.product#block5 .col-right .ch > div {
	width: 100%;
	display: flex;
	justify-content: space-around;
}
#block5.product .t {
	width: 250px;
	height: 250px;
	text-align: center;
	justify-content: center;
}
#block5 .thumb.m img {
	margin:100px auto;
}
#block5.product .t1 {
	top:0px;
}
#block5.product .t2 {
	bottom:0px;
}
#block5 .info {
	text-align: center;
}
#block5 img + .title2 {
	margin-top: 15px;
}
#block5 .info .d-flex > div {
	max-width: calc(25% - 22px);
}
#block5 .info .d-flex > .n3 {
	max-width: calc(30% - 22px);
	margin-right: -10%;
	margin-left: -5%;
	margin-top: 50px;
	align-self: flex-start;
}
#block5 .info .d-flex > .n4 {
	max-width: calc(35% - 22px);
}
#block5 .n1 .title2 + img {
	margin-top: 150px;
}
.product#block6 .col-left .prev {
	margin:0 auto -50px;
	display: block;
}
.ch3 {
	margin-top: 30px;
	gap:30px;
	align-items: flex-end;
}
.ch3 p {
	color:#fff;
	padding: 5px 10px;
	text-align: center;
	font-size: 18px;
	background: var(--color1);
	margin:15px 0 0;
	display: flex;
	align-items: center;
	align-content: center;
	min-height: 61px;
	text-align: center;
	position: relative;
	justify-content: center;
}
#block6 .ch {
	justify-content: space-around;
}
.ch3 > div {
	width: 100%;
}
#block6.product .content {
	padding-top: 60px;
}
#block6 .thumb.m {
	margin-top:30px;
}
#block6.product .t1 {
	top:70px;
	width: 350px;
	height: 350px;
	font-size: 20px;
}
#block6.product .t2 {
	top:0px;
	bottom: auto;
	width: 350px;
	height: 350px;
	font-size: 20px;
}
#block6 {
	padding-bottom: 60px;
}
#banner2 {
/* 	min-height: 100vh; */
	overflow:hidden;
	display: flex;
}
#banner2 > div {
	width: 100%;
}
#banner2 .content {
	width: 100%;
	max-width: 500px;
	padding: 150px 0 150px;
	background: var(--color1);
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
#banner2 .ftitle {
	font-size: 50px;
	margin:0 0 50px;
	color:#fff;
}
#banner2 .info {
	padding: 0 50px;
	width: 100%;
}
#banner2 .content img {
	display: block;
	margin:0 auto;
}
#banner2 .content img {
	max-width: 300px;
}
#banner2 .banner {
	position: absolute;
	max-width: calc(100% - 500px);
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right top;
}
#banner2 .content + div {
	width: 100%;
}
#banner2 .tel, #banner2 .email {
	display: block;
	padding-left: 75px;
	color:#fff;
	font-size: 27px;
	line-height: 60px;
	margin:20px 0 0;
}
#banner2 .tel {
	background:url(images/icon7.png) no-repeat left center;
	background-size: 50px auto;
}
#banner2 .email {
	background:url(images/icon8.png) no-repeat left center;
	background-size: 50px auto;
}
/*header {
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	z-index: 9;
	padding: 20px 0;
	background: var(--color2);
}
header nav ul {
	display: flex;
	justify-content: center;
}
header nav a {
	color:#fff;
	font-size: 20px;
	display: block;
	margin:0 25px;
}*/
footer.op {
	display: none;
}
#banner, #banner2 {
	position: relative;
}
#banner2 .dop {
	margin:20px 0 0;
	color:#fff;
	font-size:20px;
	line-height:2;
}
@media screen and (max-width:992px) {
	header {
		padding: 15px 0;
	}
	header nav a {
		font-size: 15px;
		margin:0;
	}
	header nav ul {
		justify-content: space-between;
	}
/*	#banner {
		padding-top: 50px;
	}*/
	#banner .banner, #banner2 .banner {
		max-width: 100%;
	}
}