@charset "utf-8";
.mailer {
    width: 100%;
    height: 750px;
    margin-left: 0%;
    overflow: visible;
}
img { max-width: 100%; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; /*For IE 6&7 only*/ }
.index-video { width: 48%; float: right; margin: 10px 0; box-sizing: border-box; }
.index-video h3{ display:block; padding:5px 0; background:url(../img/c.gif) left center no-repeat;  text-indent:18px; color:#1D7E1D; margin: 0 0 6px;}
.index-video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow: hidden; }
.index-video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.index-video + .products { width: 48%; float: left; clear: initial; box-sizing: border-box; }
.index-video + .products h3 a { padding: 5px; }
.container { background: url(../img/head_b.gif) repeat-x #fff; }
.mobile, .mobile-logo { display: none; }
.logo { z-index: 1; }
.sc { display: none; }
.tl:after { content: ""; background: url(../img/tl-after.gif) no-repeat; width: 10px; height: 28px; display: inline-block; float: right; }
.swiper-container { width: 80%; height: 100%; margin-top: 30px;}
.swiper-slide { text-align: center; background: #fff;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
}
.swiper-button-next { right: 20px; }
.swiper-button-prev { left: 20px; }

@media (max-width:980px) {
	#page { width: 100%; }
	.right { width: calc(100% - 255px); padding: 0 15px 0 0; box-sizing: border-box; }
	.fsl li { width: 48%; margin: 0 1% 10px; text-align: center; }
	.fsl li img { margin: auto; }
	/* index */
	.index-video, .index-video + .products { width: 50%; }
	.prlist, .about, .products, .index-video { padding: 0 15px; }
	.prlist li { width: 33.3333%; }
	.prlist li a { width: 100%; }
	.prlist li a:after { content: ""; float: right; background: url(../img/prlist_li_af.gif) no-repeat; width: 5px; height: 35px; }
	.prlist h4 a { margin-left: 33.3333%; width: 33.3333%; }
	.about dd {
    width: calc(100% - 426px);
    font-size: 9pt;
}
}
@media (max-width:960px) {
	.nav { text-align: right; }
	.nav a { padding: 0 16px; }
}
@media (max-width:800px) {
	.logo, .en, .nav, .left { display: none; float: none; }
	.tl:after { display: none; }
	.header { background: none; height: 360px; }
	.banner { right: 20px; bottom: inherit; }
	.right { width: 100%; float: none; padding: 0 15px; }
	.pr li { width: 23%; margin: 15px 1%; text-align: center; }
	.pr li img { max-width: 144px; width: 100%; height: auto; float: none; }
	.mobile-logo { display: block; padding: 10px 0px; background: #fff; text-align: center; }
	/* slidebars */
	.slide-logo { background: #fff; padding: 10px 0; margin: auto; text-align: center; }
	[canvas=container] { background-color: #fff; }
	[off-canvas] { background-color: #0e790e; box-shadow: #ccc 0 0 5px; }
	#page { background: url(../img/head_b.gif) repeat-x; background-position-y: -23px; }
	.mobile { display: block; font-size: 18px; position: absolute; z-index: 1; top: 30px; left: 10px; line-height: 40px; font-weight: bold; border: #333 1px solid; padding: 0 5px; border-radius: 5px; }
	.slidebars .nav { display: block; width: 100%; position: static; top: inherit; right: inherit; font-size: 16px; line-height: 48px; background: none; text-align: left; }
	.slidebars .nav a { display: block; width: 100%; box-sizing: border-box; border-bottom: #fff 1px solid; }
	.slidebars .nav a:hover, .slidebars .nav a.active { background-color: #e60012; color: #fff; }
	.slidebars .nav { margin: 0 0 15px 0; }
	.slidebars .nav ul { background: url(../img/plist.gif) no-repeat; background-size: cover; height: auto; border-bottom: #fff 1px solid; margin: 0; padding: 20px 10px; display: none; }
	.slidebars .nav a.active + ul { display: block; }
	.slidebars .nav li { font-size: 16px; height: auto; box-sizing: border-box; padding: 0px 10px; margin: 10px 0; }
	.slidebars .nav li a { display: block; border-bottom: none; background: #fff; border-radius: 8px; line-height: 1em; padding: 8px 10px; color: #666; }
	.slidebars .nav li.active a { color: #e60012; }
	.slidebars .fs { background: #fff; padding: 1em 0; margin-bottom: 0; display: none; }
	.slidebars .fs li { margin: 3px 0 3px 15px; }
	.slidebars h3 { display: none; background: #010101; color: #fff; font-size: 12px; font-weight: normal; padding: 5px 18px; margin: 0; line-height: 18px; }
	.slidebars .fs h3 { margin-bottom: 15px; }
	.slidebars .en { display: block; position: static; padding-bottom: 10px; margin-top: 0; }
	.slidebars .en a { display: inline-block; padding: 5px 16px; margin: 10px 16px; font-size: 14px; }
	.video-container { position: relative; padding-bottom: 400px; padding-top: 35px; height: 0; overflow: hidden; }
	.video-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
}
@media (max-width:767px) {
	.foot .fr { float: none; width: 100%; display: block; margin-bottom: 10px; }
	/* index */
	.about img { float: none; display: block; }
	.about dt { margin-top: 10px; }
	.about dd { width: 100%; }
}
@media (max-width:725px) {
	.banner { right: 0; }
	.tl:after { content: ""; background: url(../img/tl-after.gif) no-repeat; width: 10px; height: 28px; display: inline-block; float: right; }
}
@media (max-width:640px) {
	.index-video, .index-video + .products { width: 100%; float: none; }
	.index-video + .products { margin-bottom: 30px; }
	body { font-size: 12px; }
	body, #page, .container { background: none; }
	.header { height: 345px; }
	.mail { display: inline-block; width: 100%; }
	.pr li { width: 31.33%; }
	.cont dl { height: auto; }
	.foot { font-size: 12px; }
}
@media (max-width:560px) {
	.header { height: 315px; }
}
@media (max-width:480px) {
	.header { height: 285px; }
	.mobile-logo img { height: 60px; }
	.mobile { top: 20px; }
	.pr li { width: 48%; }
	.fsl li { width: 98%; }
	/* index */
	.prlist h4 a { margin: auto; width: 50%; float: none; }
	.prlist li { width: 50%; }
}
@media (max-width:375px) {
	.mobile-logo { text-align: right; padding-right: 15px; }
	.mobile-logo img { height: 50px; }
	.mobile { top: 15px; }
	.header { height: 215px; }
	.slide-logo { padding: 15px 0; }
	.pr h4 { margin: 0 15px 8px; }
	.pr p { padding: 0 15px 15px; }
	.cont dt { float: none; }
	.video-container { padding-bottom: 590px; }
	.video-container iframe { margin-left: -20px; }
	/* index */
	.prlist h4 a { width: 100%; background-size: cover; }
}
@media (max-width:320px) {
	.mobile-logo { padding-right: 5px; }
	.header { height: 195px; }
	.pr li { width: 98%; }
	.video-container { padding-bottom: 620px; }
}