@charset "utf-8";

#c234 {
	clear: both;
	background-color: var(--title1);
	background-image: url(../images/home/title1.jpg);
	margin:    ;
	padding:    ;
}
#c236 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c236 h3,
#c236 div {
	text-align: left;
}
#c270 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c270 h3,
#c270 div {
	text-align: left;
}
#c301 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c301 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c301 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c301 > div:nth-of-type(1) img {
	width: 699px;
}
#c301 > div:nth-of-type(2) img {
	width: 354px;
}
#c301 > div:nth-of-type(3) img {
	width: 368px;
}
#c302 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c280 {
	clear: both;
	background-image: url(../images/home/hbg.png);
	margin:    ;
	padding:    ;
}
#c280 h2,
#c280 div {
	text-align: left;
}
#c320 {
	clear: both;
	margin:    ;
	padding:    ;
	width: 100%;
}
#c320 h3,
#c320 div {
	text-align: left;
}
#c303 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c303 a.itext, #c303 img, #c303 video {
	width: 1000px;
	height: 350px;
}
#c304 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c304 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c304 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c304 > div:nth-of-type(1) img {
	width: 490px;
}
#c304 > div:nth-of-type(2) img {
	width: 490px;
}
#c304 > div:nth-of-type(3) img {
	width: 490px;
}
#c304 > div:nth-of-type(4) img {
	width: 490px;
}
#c281 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
	width: 100%;
}
#c281 h3,
#c281 div {
	text-align: left;
}
#c291 {
	clear: both;
	margin:    ;
	padding:    ;
	width: 100%;
}
#c291 a.itext, #c291 img, #c291 video {
	width: 470px;
	height: 290px;
}
#c291 h3,
#c291 div {
	text-align: left;
}
#c305 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c305 a.itext, #c305 img, #c305 video {
	width: 1000px;
	height: 200px;
}
#c313 {
	clear: both;
	background-image: url(../images/home/hbg.png);
	margin:    ;
	padding:    ;
}
#c313 h2,
#c313 div {
	text-align: left;
}
#c321 {
	clear: both;
	margin:    ;
	padding:    ;
	width: 100%;
}
#c321 h3,
#c321 div {
	text-align: left;
}
#c316 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c316 a.itext, #c316 img, #c316 video {
	width: 1000px;
	height: 350px;
}
#c309 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c309 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#c309 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c309 > div:nth-of-type(1) img {
	width: 490px;
}
#c309 > div:nth-of-type(2) img {
	width: 490px;
}
#c309 > div:nth-of-type(3) img {
	width: 490px;
}
#c309 > div:nth-of-type(4) img {
	width: 490px;
}
#c314 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
	width: 100%;
}
#c314 a.itext, #c314 img, #c314 video {
	width: 400px;
	height: 300px;
}
#c314 h3,
#c314 div {
	text-align: left;
}
#c322 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c322 h3,
#c322 div {
	text-align: left;
}
#c312 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c312 a.itext, #c312 img, #c312 video {
	width: 1000px;
	height: 200px;
}
#c307 {
	clear: both;
	background-image: url(../images/home/hbg.png);
	margin:    ;
	padding:    ;
}
#c307 h2,
#c307 div {
	text-align: left;
}
#c311 {
	clear: both;
	margin:    ;
	padding:    ;
	width: 100%;
}
#c311 a.itext, #c311 img, #c311 video {
	width: 490px;
	height: 300px;
}
#c311 h3,
#c311 div {
	text-align: left;
}
#c315 {
	clear: both;
	background-image: url(../images/home/hbg.png);
	margin:    ;
	padding:    ;
}
#c315 h2,
#c315 div {
	text-align: left;
}
#c317 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c317 {
	flex-direction: row;
	flex-wrap: wrap;
}
#c317 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c317 > div:nth-of-type(1) img {
	width: 250px;
}
#c317 > div:nth-of-type(2) img {
	width: 250px;
}
#c317 > div:nth-of-type(3) img {
	width: 250px;
}
#c317 > div:nth-of-type(4) img {
	width: 250px;
}
#c318 {
	clear: both;
	display: none;
	margin:    ;
	padding:    ;
}
#c318 {
	flex-direction: row;
	flex-wrap: wrap;
}
#c318 > div.box {
	box-sizing: border-box;
	overflow: hidden;
}
#c318 > div:nth-of-type(1) img {
	width: 250px;
}
#c318 > div:nth-of-type(2) img {
	width: 250px;
}
#c318 > div:nth-of-type(3) img {
	width: 250px;
}
#c318 > div:nth-of-type(4) img {
	width: 250px;
}
#c308 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c308 a.itext, #c308 img, #c308 video {
	width: 1139px;
	height: 834px;
}
#c319 {
	clear: both;
	margin:    ;
	padding:    ;
	width: 100%;
}
#c319 h3,
#c319 div {
	text-align: center;
}
#c274 {
	clear: both;
	margin:    ;
	padding:    ;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c234 {
}
#c236 {
}
#c270 {
	display: none;
}
#c301 {
}
#c301 {
}
#c302 {
}
#c280 {
}
#c320 {
	width: auto;
	max-width: 100%;
}
#c303 {
}
#c304 {
}
#c304 {
}
#c281 {
	display: none;
	width: auto;
	max-width: 100%;
}
#c291 {
	width: auto;
	max-width: 100%;
}
#c305 {
}
#c313 {
}
#c321 {
	width: auto;
	max-width: 100%;
}
#c316 {
}
#c309 {
}
#c309 {
}
#c314 {
	display: none;
	width: auto;
	max-width: 100%;
}
#c322 {
}
#c312 {
}
#c307 {
}
#c311 {
	width: auto;
	max-width: 100%;
}
#c315 {
}
#c317 {
	display: none;
}
#c317 {
}
#c318 {
	display: none;
}
#c318 {
}
#c308 {
}
#c319 {
	width: auto;
	max-width: 100%;
}
#c274 {
}
}
@media screen and (max-width: 640px) {
#c234 {
}
#c236 {
}
#c270 {
	display: none;
}
#c301 {
}
#c301 {
}
#c302 {
}
#c280 {
}
#c320 {
	width: 100%;
}
#c303 {
}
#c304 {
}
#c304 {
}
#c281 {
	display: none;
	width: 100%;
}
#c291 {
	width: 100%;
}
#c305 {
}
#c313 {
}
#c321 {
	width: 100%;
}
#c316 {
}
#c309 {
}
#c309 {
}
#c314 {
	display: none;
	width: 100%;
}
#c322 {
}
#c312 {
}
#c307 {
}
#c311 {
	width: 100%;
}
#c315 {
}
#c317 {
	display: none;
}
#c317 {
}
#c318 {
	display: none;
}
#c318 {
}
#c308 {
}
#c319 {
	width: 100%;
}
#c274 {
}
}