@font-face{font-family:'DBOzoneX';src:url("../../Fonts/DBOzoneX.eot");src:url("../../Fonts/DBOzoneX.eot?#iefix") format("embedded-opentype"),url("../../Fonts/DBOzoneX.woff2") format("woff2"),url("../../Fonts/DBOzoneX.woff") format("woff"),url("../../Fonts/DBOzoneX.ttf") format("truetype"),url("../../Fonts/DBOzoneX.svg#DBOzoneX") format("svg");unicode-range:U+0000-00FF,U+0E00-0E7F}@font-face{font-family:'DBOzoneX';src:url("../../Fonts/NotoSansSC-Regular.woff2") format("woff2");unicode-range:U+4E00-9FFF;size-adjust:70%}body,p,ul,li,div,span,section,article,button,input,textarea,label,h1,h2,h3,h4,a{font-family:'DBOzoneX'}header{position:fixed;top:0;left:0;right:0;text-align:center;z-index:10;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}header.active{z-index:9999;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}header.active .menu-container:hover{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}header .menu-container{position:relative}header .menu-container:hover{-webkit-transform:translateY(2%);-moz-transform:translateY(2%);-ms-transform:translateY(2%);-o-transform:translateY(2%);transform:translateY(2%)}header .menu{display:flex;justify-content:center}header .menu .box{width:100%;background:#a34b4e;padding:20px 20px 40px}header .menu .box .logo .wrapper{background:#fff;width:90px;height:90px;margin:0 auto 50px;display:flex;align-items:center;justify-content:center;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%}header .menu .box .logo .wrapper img{height:60px}header .menu .box .item{margin:15px 0;text-align:center}header .menu .box .item a,header .menu .box .item span{cursor:pointer;font-size:36px;line-height:36px;letter-spacing:2px;color:#fff;opacity:0.7}header .menu .box .item a:hover,header .menu .box .item span:hover{padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,0.7);opacity:1}header .menu .box .item .menu-toggle{margin-top:10px}header .menu .box .item .menu-toggle .sub a{font-size:24px}header .menu .box .item .menu-toggle .sub a img{height:20px}header .menu .box .language{margin:30px auto 0}header .menu .btn-toggle{position:absolute;z-index:10;width:90px;bottom:-77px;border:2px solid #c33238;border-top:none;background:#fff;padding:10px 20px 15px;text-align:center;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.1);-webkit-border-radius:0 0 50% 50%;-moz-border-radius:0 0 50% 50%;-ms-border-radius:0 0 50% 50%;border-radius:0 0 50% 50%}@media only screen and (max-width: 768px){header .menu .btn-toggle{left:30px}}header .menu .btn-toggle img{height:50px}header .menu .btn-toggle i{font-size:44px;line-height:44px;color:#c33238}.main-layout{margin:auto;max-width:1920px;min-width:360px}footer{position:relative;margin-top:80px}footer .box{padding:20px 0 0;background:#c33238}footer .box .logo{overflow:hidden}@media only screen and (max-width: 992px){footer .box .logo{padding-bottom:30px}}@media only screen and (max-width: 768px){footer .box .logo{text-align:center}}footer .box .logo img{display:inline-block;width:100%;max-width:130px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;border-radius:20px}@media only screen and (max-width: 768px){footer .box .menu{text-align:center}}footer .box .menu a{display:block;color:#fff;font-size:22px}footer .box .language{margin-top:20px}footer .box .social{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-bottom:20px}@media only screen and (max-width: 992px){footer .box .social{padding-top:10px;justify-content:flex-start}}@media only screen and (max-width: 768px){footer .box .social{justify-content:center}}footer .box .social a{margin:3px;display:block}footer .box .social a img{height:40px}footer .box .contact{text-align:right}footer .box .contact span{display:block;font-size:20px;line-height:24px;color:#fff}@media only screen and (max-width: 992px){footer .box .contact{text-align:left}}@media only screen and (max-width: 768px){footer .box .contact{text-align:center}}footer .box .copyright{margin-top:50px;padding:15px;font-size:16px;color:#fff;background:#9f191d;text-align:center;-webkit-border-radius:70% 30% 0 0;-moz-border-radius:70% 30% 0 0;-ms-border-radius:70% 30% 0 0;border-radius:70% 30% 0 0}.language{display:flex;padding-top:10px;justify-content:center;border-top:1px solid rgba(255,255,255,0.5)}.language a{font-size:20px;color:#fff;opacity:0.5;padding:0 5px}.language a:hover{opacity:1}.language a.active{opacity:1}.language span{font-size:20px;color:#fff;opacity:0.5;padding:0 5px}.wave-top{position:absolute;z-index:2;width:100%;top:-115px;overflow:hidden}.wave-top .wrapper{position:relative;height:120px}.wave-top .wrapper svg{position:absolute;bottom:-15px}@media only screen and (max-width: 992px){.wave-top .wrapper svg{bottom:0}}.wave-bottom{width:100%;overflow:hidden}.wave-bottom .wrapper{position:relative;height:130px}@media only screen and (max-width: 1600px){.wave-bottom .wrapper{height:60px}}@media only screen and (max-width: 1200px){.wave-bottom .wrapper{height:40px}}@media only screen and (max-width: 992px){.wave-bottom .wrapper{height:80px}}@media only screen and (max-width: 768px){.wave-bottom .wrapper{height:77px}}.wave-bottom .wrapper svg{position:absolute;top:-110px}@media only screen and (max-width: 1200px){.wave-bottom .wrapper svg{top:-90px}}@media only screen and (max-width: 992px){.wave-bottom .wrapper svg{top:-50px}}@media only screen and (max-width: 768px){.wave-bottom .wrapper svg{top:-40px}}@media only screen and (max-width: 500px){.wave-bottom .wrapper svg{top:0}}.breadcrumb a,.breadcrumb span{display:block;font-size:18px;color:#c33238}.breadcrumb a:after,.breadcrumb span:after{content:"/";color:#000;margin:0 10px}.breadcrumb span{color:#000}.breadcrumb span:after{display:none}.content-top-title{display:flex;justify-content:center;align-items:center}.content-top-title h1{font-size:52px;line-height:52px;font-weight:bold;margin:0 20px;color:#333;text-align:center}.content-pure-title-container{margin-top:80px;position:relative}@media only screen and (max-width: 768px){.content-pure-title-container{margin-top:60px}}.content-pure-title-container .title{background:#c33238;text-align:center}@media only screen and (max-width: 500px){.content-pure-title-container .title{text-align:left;padding-left:138px;padding-right:20px}}.content-pure-title-container .title h1{margin:0;font-size:52px;font-weight:bold;line-height:52px;color:#fff}@media only screen and (max-width: 768px){.content-pure-title-container .title h1{font-size:36px;line-height:36px}}@media only screen and (min-width: 1600px){.content-pure-title-container .wave-bottom .wrapper svg{top:-135px}}@media only screen and (max-width: 768px){.content-pure-title-container .wave-bottom .wrapper svg{top:-36px}}@media only screen and (max-width: 500px){.content-pure-title-container .wave-bottom .wrapper svg{top:-20px}}.content-blog-item{position:relative;display:block;background:#fff;padding:5px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);-moz-box-shadow:0 0 3px rgba(0,0,0,0.2);box-shadow:0 0 3px rgba(0,0,0,0.2);-webkit-transform:rotate(1deg);-moz-transform:rotate(1deg);-ms-transform:rotate(1deg);-o-transform:rotate(1deg);transform:rotate(1deg)}.content-blog-item:hover{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}.content-blog-item .picture{overflow:hidden;display:block}.content-blog-item .picture img{width:100%;display:none;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.content-blog-item .desc{padding:13px 20px 10px}.content-blog-item .desc .date{font-size:20px;color:#999;display:block;padding-left:15px;border-left:1px solid #ffcc00}@media only screen and (max-width: 1200px){.content-blog-item .desc .date{font-size:18px}}.content-blog-item .desc h4{display:block;overflow:hidden;margin:0 0 5px;color:#c33238;font-size:26px;font-weight:bold}@media only screen and (max-width: 1200px){.content-blog-item .desc h4{font-size:20px}}.content-related-product{position:relative}.content-related-product .related{overflow:hidden}.content-related-product .item{padding-top:30px}.content-related-product .item:nth-child(odd){-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}.content-related-product .item:nth-child(odd):hover{-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-o-transform:rotate(-5deg);transform:rotate(-5deg)}.content-related-product .item:nth-child(even){-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}.content-related-product .item:nth-child(even):hover{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg);transform:rotate(5deg)}.content-related-product .item:hover{opacity:1}.content-related-product .item img{width:50%;display:block;margin:auto}