.HomeSection{  width:100%; display:inline-block; table-layout:fixed; position:relative;}
.HomeSection > div.SectionContent1{ width:100%; height:600px; display:inline-block; table-layout:fixed;}

.HomeContent1{ width:100%; display:inline-block; table-layout:fixed; height:550px; position:relative;}
.HomeContent1 > div{ width:100%; height:100%; display:inline-block; position:absolute; background-position:center center; background-size:cover; background-repeat:no-repeat; }
.HomeContent1 > div > div{ background-color:rgba(0,0,0,0.3); width:100%; height:100%; float:left; transition-duration:0.5s;}
.HomeContent1 > div > div > h2{ width:1000px; margin:auto; text-align:center; margin-top:200px; color:rgba(255,255,255,1); font-size:50px; font-weight:900; transition-duration:0.5s;}
.HomeContent1 > div > div > p{ width:1000px; margin:auto; text-align:center; color:rgba(255,255,255,1);  font-size:24px; font-weight:500; transition-duration:0.5s;}
.HomeContent1 > div > div:hover{ background-color:rgba(0,0,0,0);}
.HomeContent1 > div > div:hover > h2{ color:transparent;}
.HomeContent1 > div > div:hover > p{ color:transparent;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}

.HomeSection > div.SectionContent2{ width:100%; display:inline-block; table-layout:fixed;}

.HomeSection > div.SectionContent3{ width:100%; display:inline-block; table-layout:fixed; margin-top:2em;}
.HomeSection > div.SectionContent3 > div.CoffeePotText{ width:1000px; margin:auto; }
.HomeSection > div.SectionContent3 > div.CoffeePotText > h2{ width:44%; margin-left:3%; margin-right:3%; float:left;}
.HomeSection > div.SectionContent3 > div.CoffeePotText > div{ width:44%; margin-left:3%; margin-right:3%; float:left;}

.HomeSection > div.SectionContent3 > div.CoffeePotPicture{ width:100%; height:400px; display:inline-block; table-layout:fixed; margin-top:3em;}
.HomeSection > div.SectionContent3 > div.CoffeePotPicture .swiper-slide{ width:auto;}
.HomeSection > div.SectionContent3 > div.CoffeePotPicture .swiper-slide > img{ height:400px; }

.HomeSection > div.SectionContent4{ width:100%; display:inline-block; table-layout:fixed; margin-top:4.5em}
.HomeSection > div.SectionContent4 > div{ width:1000px; display:block; margin:auto;}
.HomeSection > div.SectionContent4 > div > h2{ text-align:center;}
.HomeSection > div.SectionContent4 > div > h3{ text-align:center; margin:1em 260px; color:rgba(0,0,0,0.7);}
.HomeSection > div.SectionContent4 > div > p{ text-align:center;}
.HomeSection > div.SectionContent4 > div > p:last-child{ margin:0 220px;}

div.SectionContent4 > div.ContentDiv{ width:100%; display:inline-block; table-layout:fixed; margin-top:2em;}
div.SectionContent4 > div.ContentDiv > ul{ width:1000px; height:540px; display:block; margin:auto; position:relative;}
div.SectionContent4 > div.ContentDiv > ul > li{ width:240px; display:inline-block; position:absolute;}
div.SectionContent4 > div.ContentDiv > ul > li > svg{ position:absolute; transform:scale(1.5);}
div.SectionContent4 > div.ContentDiv > ul > li > h3{ margin-left:40px;}
div.SectionContent4 > div.ContentDiv > ul > li > p{ margin-left:40px; font-size:14px;}
div.SectionContent4 > div.ContentDiv > ul > li > div{ position:absolute; width:504px; height:480px; display:inline-block; overflow:hidden;}
div.SectionContent4 > div.ContentDiv > ul > li:nth-child(1){ left:0; top:30px;}
div.SectionContent4 > div.ContentDiv > ul > li:nth-child(2){ right:0; top:30px; }
div.SectionContent4 > div.ContentDiv > ul > li:nth-child(3){ left:0; bottom:30px; }
div.SectionContent4 > div.ContentDiv > ul > li:nth-child(4){ right:0; bottom:30px; }

div.SectionContent4 > div.ContentDiv > ul > li:nth-child(1) > div{ left:100%;top:0;margin-left:8px;}
div.SectionContent4 > div.ContentDiv > ul > li:nth-child(2) > div{ right:100%;top:0;margin-right:8px;}
div.SectionContent4 > div.ContentDiv > ul > li:nth-child(3) > div{ left:100%;bottom:0;margin-left:8px;}
div.SectionContent4 > div.ContentDiv > ul > li:nth-child(4) > div{ right:100%;bottom:0;margin-right:8px;}

.HomeSection > div.SectionContent5{ width:100%; display:inline-block; table-layout:fixed; margin-top:4.5em}
.HomeSection > div.SectionContent5 > div{ width:1000px; display:block; margin:auto;}
.HomeSection > div.SectionContent5 > div > h2{ text-align:center;}
.HomeSection > div.SectionContent5 > div > h3{ text-align:center; margin:1em 260px; color:rgba(0,0,0,0.7);}
.HomeSection > div.SectionContent5 > div > p{ text-align:center; margin:0 120px;}

div.SectionContent5 > div.ContentDiv{ width:100%; display:inline-block; table-layout:fixed; margin-top:2em;}
div.SectionContent5 > div.ContentDiv > ul{ width:1000px; height:540px; display:block; margin:auto; position:relative;}
div.SectionContent5 > div.ContentDiv > ul > li{ width:240px; display:inline-block; position:absolute;}
div.SectionContent5 > div.ContentDiv > ul > li > svg{ position:absolute; transform:scale(1.5);}
div.SectionContent5 > div.ContentDiv > ul > li > h3{ margin-left:40px;}
div.SectionContent5 > div.ContentDiv > ul > li > p{ margin-left:40px; font-size:14px;}
div.SectionContent5 > div.ContentDiv > ul > li > div{ position:absolute; width:504px; height:480px; display:inline-block; overflow:hidden;}
div.SectionContent5 > div.ContentDiv > ul > li:nth-child(1){ left:0; top:20px;}
div.SectionContent5 > div.ContentDiv > ul > li:nth-child(2){ right:0; top:20px; }
div.SectionContent5 > div.ContentDiv > ul > li:nth-child(3){ left:0; bottom:20px; }
div.SectionContent5 > div.ContentDiv > ul > li:nth-child(4){ right:0; bottom:20px; }

div.SectionContent5 > div.ContentDiv > ul > li:nth-child(1) > div{ left:100%;top:0;margin-left:8px;}
div.SectionContent5 > div.ContentDiv > ul > li:nth-child(2) > div{ right:100%;top:0;margin-right:8px;}
div.SectionContent5 > div.ContentDiv > ul > li:nth-child(3) > div{ left:100%;bottom:0;margin-left:8px;}
div.SectionContent5 > div.ContentDiv > ul > li:nth-child(4) > div{ right:100%;bottom:0;margin-right:8px;}

.HomeSection > div.SectionContent6{ width:100%; display:inline-block; table-layout:fixed; margin-top:4.5em}
.HomeSection > div.SectionContent6 > div{ width:1000px; display:block; margin:auto;}
.HomeSection > div.SectionContent6 > div > h2{ text-align:center;}
.HomeSection > div.SectionContent6 > div > ul{ margin:20px 0;}
.HomeSection > div.SectionContent6 > div > ul > li{ background-color:#f1f1f1; padding:2em; height:160px; padding-bottom:3em; position:relative; background-repeat:no-repeat; background-position:left bottom;}
.HomeSection > div.SectionContent6 > div > ul > li:first-child{ border-bottom:0.1em solid #ddd; }
.HomeSection > div.SectionContent6 > div > ul > li:nth-child(1){ background-image:url(/file/img/price/1.png);}
.HomeSection > div.SectionContent6 > div > ul > li:nth-child(2){ background-image:url(/file/img/price/2.png);}
.HomeSection > div.SectionContent6 > div > ul > li > h4{ color:rgba(0,0,0,1); font-size:20px; font-weight:900;}
.HomeSection > div.SectionContent6 > div > ul > li > ul{ position:absolute; left:600px; top:3em; }
.HomeSection > div.SectionContent6 > div > ul > li > ul > li{ list-style:disc; margin-left:30px;}
.HomeSection > div.SectionContent6 > div > ul > li > a{ position:absolute; right:1em; bottom:1em; display:inline-block; background-color:rgba(236,99,9,1); color:rgba(255,255,255,1); padding:0.5em 2em; font-weight:900;}


.SectionContent7 > div .swiper-slide{ width:auto;}


.HomeSection > div.SectionContent9{ width:100%; display:inline-block; table-layout:fixed; margin-top:4.5em}
.HomeSection > div.SectionContent9 > div{ width:1000px; display:block; margin:auto;}
.HomeSection > div.SectionContent9 > div > h2{ text-align:center; margin-bottom:1em;}
.HomeSection > div.SectionContent9 > div > ul{ width:100%; height:630px; display:inline-block; position:relative;}
.HomeSection > div.SectionContent9 > div > ul > li{ width:32%; margin:1em 0.5%; position:absolute; }
.saw_size > ul > li > div{ position:fixed; width:700px; height:90%; top:5%; left:1em; display:none; background-color:#fff; box-shadow:1px 3px 3px 1px gray; border-radius:1em; overflow:hidden; z-index:2;}
.saw_size > ul > li > div > h5{ font-size:32px; margin:1em; text-align:center;}
.saw_size > ul > li > div > img{ width:700px;}
.saw_size:hover > ul > li > div{ display:inline-block;}
.HomeSection > div.SectionContent9 > div > ul > li:nth-child(2){ left:33%;}
.HomeSection > div.SectionContent9 > div > ul > li:nth-child(3){ left:33%; top:100px;}
.HomeSection > div.SectionContent9 > div > ul > li:nth-child(4){ left:33%; top:520px;}
.HomeSection > div.SectionContent9 > div > ul > li:nth-child(5){ left:66%;}
.HomeSection > div.SectionContent9 > div > ul > li:nth-child(6){ left:66%; top:130px;}
.HomeSection > div.SectionContent9 > div > ul > li:nth-child(7){ left:66%; top:230px;}
.HomeSection > div.SectionContent9 > div > ul > li:nth-child(8){ left:66%; top:300px;}
.HomeSection > div.SectionContent9 > div > ul > li:nth-child(9){ left:66%; top:390px;}
.HomeSection > div.SectionContent9 > div > ul > li:nth-child(9) > ul > li{ list-style:none; margin-left:0;}
.HomeSection > div.SectionContent9 > div > ul > li:nth-child(9) > ul > li > a > img{ width:100px; height:100px;}

.HomeSection > div.SectionContent9 > div > ul > li > h4{ color:rgba(236,99,9,0.9); }
.HomeSection > div.SectionContent9 > div > ul > li > h4 > span{ color:rgba(236,99,9,0.5); font-size:12px; margin-left:4px; }
.HomeSection > div.SectionContent9 > div > ul > li > ul > li{ list-style:circle; margin-left:30px; color:rgba(0,0,0,1);}
.HomeSection > div.SectionContent9 > div > ul > li > ul > li > ul > li{ list-style:disc; margin-left:30px; color:rgba(0,0,0,1);}

.HomeSection > div.SectionContent10{ width:100%; display:inline-block; table-layout:fixed; margin-top:4.5em}
.HomeSection > div.SectionContent10 > div{ width:1000px; margin:auto;}
.HomeSection > div.SectionContent10 > div > h2{ text-align:center; margin-bottom:1em;}
.HomeSection > div.SectionContent10 > div > video{ width:1000px;}

.HomeSection > div.SectionContent11{ width:100%; display:inline-block; table-layout:fixed; margin-top:4.5em}
.HomeSection > div.SectionContent11 > div{ width:1000px; display:block; margin:auto;}
.HomeSection > div.SectionContent11 > div > h2{ text-align:center; margin-bottom:1em;}
.HomeSection > div.SectionContent11 > div > ul{ width:333px; text-align:center; float:left;}
.HomeSection > div.SectionContent11 > div > ul > li{ }
.HomeSection > div.SectionContent11 > div > ul > li > div{ margin-bottom:0.5em;}
.HomeSection > div.SectionContent11 > div > ul > li > div > img{ max-width:320px; }


.HomeSection > div.SectionContent12{ width:100%; display:inline-block; table-layout:fixed; margin-top:4.5em}
.HomeSection > div.SectionContent12 > div{ width:1000px; display:block; margin:auto;}
.HomeSection > div.SectionContent12 > div > h2{ text-align:center; margin-bottom:1em;}

.SectionContent12 > div.mapContent{ display:table; width:100%; table-layout:fixed;}
.SectionContent12 > div.mapContent > div{ display:table-cell; vertical-align:top;}
.ContactContent{ padding-left:1em;}

.ContactContent > form > ul{ display:inline-block; width:100%; margin-top:2em;}
.ContactContent > form > ul > li{ display:table; width:100%;}
.ContactContent > form > ul > li > label{ display:table-cell; padding:6px; vertical-align:middle; width:120px; }
.ContactContent > form > ul > li > input{ display:table-cell; padding:6px; font-size:16px; width:300px; border:1px solid rgba(125,125,125,1);}
.ContactContent > form > ul > li > select{ display:table-cell; padding:6px; font-size:16px; width:300px; border:1px solid rgba(125,125,125,1);}
.ContactContent > form > ul > li > textarea{ display:table-cell; padding:6px; font-size:16px; width:432px; height:90px; border:1px solid rgba(125,125,125,1);}
.ContactContent > form > ul > li:last-child > label{ display:none;}

.ContactBtn{ display:inline-block; background-color:rgba(236,99,9,1); color:rgba(255,255,255,1); padding:0.5em 2em; font-weight:900; border:0; outline:none; cursor:pointer; font-size:20px;}

#googleMap{ width:500px; height:500px; display:inline-block;}

.VideoView{ position:fixed; display:table; width:100%; height:100%; left:0;top:0; z-index:1000;}
.VideoView > div{ display:table-cell; width:100%; height:100%; background-color:rgba(0,0,0,0.7);text-align: center;vertical-align: middle;}
.VideoView > div > a.closeBtn{position:absolute; right:1em; top:1em; color:#fff;font-size: 50px;font-weight: 900;}
.VideoView > div > iframe{ width:1280px;height:720px;max-width:90%;}

.LanguageHere{position: absolute;top: 100px;background: #fff;right: 0.5em;z-index: 300; display:inline-block;}
.LanguageHere:after {content: "";position: absolute;top: auto;right: 50px;bottom: 100%;left: auto;margin-bottom:0.8em;display: inline-block;width: 0;height: 0;border-style: solid;border-width: 15px;border-color: transparent transparent #fff transparent;z-index: 400;}
.LanguageHere > span {background-color: #fff;animation-duration: 3s;animation-name: rainbowtext;animation-iteration-count: infinite;animation-timing-function:ease-in-out;font-family:Arial;padding: 1em 2.4em;color: red;font-weight: 900;border-radius: 6px;}
@keyframes rainbowtext{
0%{ color:red;}
14% { color: orange;}
28% { color:yellow;}
42% { color: green;}
57% { color: blue;}
73% { color: indigo;}
87% { color: violet;}
100% { color: red;}
}
.threeTime{ display:none; }