@font-face{font-family:"utm-avo";src:url("fonts/utm-avo.ttf")format("TrueType");font-weight:400;font-display:swap}
@font-face{font-family:"utm-avo";src:url("fonts/utm-avo-italic.ttf")format("TrueType");font-weight:400;font-display:swap;font-style:italic;}
@font-face{font-family:"utm-avo";src:url("fonts/utm-avo-bold.ttf")format("TrueType");font-weight:700;font-display:swap}
@font-face{font-family:"utm-avo";src:url("fonts/utm-avo-bolditalic.ttf")format("TrueType");font-weight:700;font-display:swap;font-style:italic;}

:root{
	--burger:#FFFFFF;
	--blue:#0554a3;
	--blue-light:#3eb7e4;
	--blue-ex-light:rgb(229, 241, 248);
	--orange:#fbb03b;
	--orange-dark:#f15a24;
	--yellow:#FFFF00;
	--grey:#b3b3b3;
	--grey-light:#f2f2f2;
	--red:#FF0000;
}
html, body { font-family: "utm-avo"; font-size:16px; line-height:1.5em; position:relative; }
body { height:auto; }
.container .boundary {width:96%; max-width:1200px;}

.table-overflow {display:block; width:100%; overflow-x:auto; }

.breadcrumb {margin-bottom:10px;}
.breadcrumb li {color:#666; display:inline;}
.breadcrumb li a {font-size:0.8em; color:inherit;}
.breadcrumb li a:hover {color:var(--green-dark);}

.form-message{ background-color: var(--green-light); color: #FFF; border-color: var(--green-light); }

.button { border-radius: 20px!important; padding:3px 20px 5px; }

h1, h2, h3, h4, h5, h6 {font-family:"utm-aurora"; letter-spacing:0.5px; font-weight:normal;}
/* h3 {font-size:24px;} h2 {font-size:36px;} h1 {font-size:48px;} */
a {color:inherit;}

.owl-carousel .owl-nav button { color:#FFF!important; display:inline-block; font-size:1.3rem!important; position:absolute; top:40%; left:0; transform:translateY(-50%); left:-10px;}
.owl-carousel .owl-nav button.owl-next {left:unset; right:-10px; left:unset;}
.owl-carousel .owl-nav button i {display:inline-block; vertical-align:top; font-size:2em; text-shadow:0 0 3px #000; }

.top { background-color:var(--blue); color:#FFF; height: 140px; padding:10px 0; }
.top .t-left, .top .t-right {vertical-align:middle; text-align:left;}
.top .t-center {display:none!important;}

.top .t-logo { width:auto; height:60px;}
.top .t-logo:before {padding-top: 51.89%;}
.top .t-hotline, .footer .f-hotline {color:var(--blue-light); display:inline-block; }
.top .t-hotline { position: absolute; top: 20px; right: 0; width:45%; background-color: var(--blue-light); color: #FFF; text-align: left; padding: 2px 0 2px 10px; border-top-left-radius: 50px; border-bottom-left-radius: 50px; }
.top .t-hotline i, .footer .f-hotline i {font-size:1.7em; display:inline-block; width:40px; height:40px; border:3px solid var(--blue-light); line-height:38px; border-radius:100%; text-align:center; vertical-align:middle; }
.top .t-hotline i { font-size:1.5em; width:unset; height:unset; }
.top .t-hotline span, .footer .f-hotline span { display:inline-block; text-align:left; vertical-align:middle; font-size:0.8em; }
.top .t-hotline span span, .footer .f-hotline span span { display:block; font-family:utm-aurora; font-size:1.5em; }

.top .t-hotline span { font-weight:bold; font-size:.7em; line-height:1em; }
.top .t-hotline span span { font-family:"utm-aurora"; font-weight:normal; font-size:1.5rem; letter-spacing:.02rem; }

.top .t-shopping { display:none; margin-top:10px; font-size:0.9em; padding-left:5px; box-sizing:border-box; }
.top .t-shopping a {display:block;}
.top .t-shopping .ts-cart {position:relative;}
.top .t-shopping span { display:inline-block; width:15px; height:15px; line-height:15px; background-color:#F00; color:#FFF; font-size:0.7em; border-radius:100%; -webkit-border-radius:100%; text-align:center;}

.top .t-search { margin-top:20px; position:relative;border-radius: 20px; background-color: #FFF; }
.top .t-search .textbox { border:0; margin:0; font-size:1em; background:unset; border:unset; padding:3px 10px 7px; }
.top .t-search button { display:inline-block; width:30px; height:25px; line-height:25px; border:0; background:unset; position:absolute; right:0px; cursor:pointer; padding:0; }
.top .t-search button img { width: auto; height: 90%; vertical-align: middle; display: inline-block; margin-right: 10px; margin-top:3px; }

.main-menu { background-color:var(--blue-light); color:#FFF; height:50px; line-height:50px; position:sticky; position:-webkit-sticky; top:-1px; z-index:9999; box-shadow: 0 2px 5px #000; }

.main-menu .mm-logo {float:right; height:45px; width:auto; margin:2px 5px 0;}

.main-menu .mm-contact {width:100%; height:40px; padding:0; box-sizing:border-box; text-align:center; display:inline-block; position:fixed; bottom:0; left:0; z-index:9999; background-color:var(--blue); display:none; }
.main-menu .mm-contact a {margin:0; padding:0 10px; display:inline-block; vertical-align:top; line-height:40px; }
.main-menu .mm-contact a:hover { background-color:var(--green); }
.main-menu .mm-contact a i {margin:0 5px 0 0;font-size:1.2em;}

/* menu effect */
.main-menu .mm-content {position:fixed;top:0;right:0;left:0;bottom:0;margin:0;text-align:center;background:var(--green);opacity:0;z-index:-1;visibility:hidden;transition:all .375s}.main-menu .mm-content.is-open{opacity:1;z-index:100;visibility:visible}.main-menu .mm-content::before{content:'';position:absolute;top:0;bottom:0;left:0;right:-15px;background:var(--blue);transform-origin:0 0;transform:skew(-14deg) translateX(-120%);transition:all .275s .1s}.main-menu .mm-content.is-open::before{transform:skew(-14deg) translateX(0)}.main-menu .mm-content ul{display:inline-flex;flex-direction:column;height:93%;align-items:flex-end;justify-content:center;transform:translateX(-25%) skew(-16deg)}.main-menu .mm-content li{display:block;margin:0;text-align:right;transform:skew(16deg);box-sizing:border-box;}.main-menu .mm-content a{opacity:0;transform:translateY(-10px)}.main-menu .mm-content.is-open a{opacity:1;transform:translateY(0)}.main-menu .mm-content li:nth-child(1) a{transition:all 275ms 175ms}.main-menu .mm-content li:nth-child(2) a{transition:all 275ms 225ms}.main-menu .mm-content li:nth-child(3) a{transition:all 275ms 275ms}.main-menu .mm-content li:nth-child(4) a{transition:all 275ms 325ms}.main-menu .mm-content li:nth-child(5) a{transition:all 275ms 375ms}.main-menu .mm-content li,.main-menu .mm-content ul{list-style:none;padding:0 0 0 50px}.main-menu .mm-content a{display:block;padding:12px 0;color:#FFF;font-size:1em;text-decoration:none;font-weight:700;text-transform:uppercase;}.is-open .burger{transform:skew(5deg) translateY(-8px) rotate(-45deg)}.is-open .burger:before{transform:translateY(0) skew(-10deg) rotate(75deg)}.is-open .burger:after{transform:translateY(-12px) translateX(10px) skew(-20deg);opacity:0}.main-menu .mm-content li.active {border-bottom: 5px solid var(--yellow); }.main-menu .mm-content li.active a {color:var(--yellow);}

.main-menu .mm-content a i {display:none;}
.main-menu .mm-content ul li ul {display:none; }
.main-menu .mm-content .mmc-logo {position:absolute; top:0; left:0; width:100%; height:auto; padding:10px; box-sizing:border-box; text-align:left; }
.main-menu .mm-content .mmc-logo img {width:40%;}
.main-menu .mm-content .mmc-logo .hamburger {float:right;}
/* / menu effect */

.home-intro { background-color:var(--grey-light); padding:50px 0; }
.home-intro.white { background-color:#FFF; }
.home-intro h1 { color:var(--blue); line-height:1.3em; margin:20px auto; }
.home-intro .boundary { text-align:center; }
.home-intro .intro-logo { width:50%; max-width:300px; }
.home-intro img { width:100%; max-width:400px; height:auto; }
.home-intro .table .col { text-align:left; }
.home-intro .button { background-color:var(--blue-light); border-color:var(--blue-light); }

.banner { display:block; }
.banner, .banner.boundary { overflow:hidden; }
.banner.boundary { max-width:unset; }
.container .banner {width:100%;}
.banner .square-image:before {padding-top:38%;}

.benefit { margin:0 0 -50px; }
.benefit .c-title, .topic.pd-description .c-title { text-align:center!important; font-size:2em!important; margin-bottom:30px!important; }
.benefit .boundary { max-width:1000px; }
.benefit .benefit-item { display:inline-block; width:49%; margin-right:2%; margin-bottom:50px; vertical-align:top; text-align:center; font-weight:bold; color:var(--blue); white-space:nowrap; font-size:.8em; line-height:1.5em; }
.benefit .benefit-item:nth-child(2n+0) { margin-right:0; }
.benefit .benefit-item .circle-image { background-color:var(--blue-light); width:70%; margin:0 auto 10px; }
.benefit .benefit-item .circle-image img { width:50%!important; height:auto!important; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.benefit .benefit-item span { display:block; }

.topic.pd-description { margin:0; }
.topic.pd-description .c-title { margin-bottom:0!important; }
.topic.pd-description .topic-content { border:0!important; }

.content .c-title { font-family:utm-aurora; color:var(--blue); opacity:.7; text-transform:uppercase; display:inline-block; margin:50px 0 -20px; line-height:1em; font-size:5em; position:relative; text-align:left; width:100%; }
.content .p-container { padding:10px; box-sizing:border-box; }

.hot-deal { background-color:#FFF; box-shadow:0 0 10px #AAA; border-radius:20px; width:96%; max-width:1200px; margin:50px auto; }
.hot-deal .boundary { max-width:unset; width:100%; }
.hot-deal .c-title { font-size:3em; color:#FFF; margin:0; background-color:var(--orange); opacity:1; border-top-left-radius:20px; border-top-right-radius:20px; height:50px; line-height:64px; padding-left:80px; box-sizing:border-box; position:relative; }
.hot-deal .c-title:before { content:""; position:absolute; bottom:0; left:10px; width:60px; height:70px; background:url(../images/hot-deal.png) bottom left no-repeat; background-size:100% 100%; }
.hot-deal .p-container { padding-bottom:30px; }

.best-seller { background-color:var(--blue); padding-bottom:50px; text-align:center!important; }
.best-seller .c-title { color:#FFF; }
.best-seller .p-container .p-item { margin-top:0; }
.products.best-seller .p-container .p-item .p-price { color:var(--yellow); }
.best-seller .p-container .p-item .p-detail { background:unset; color:#FFF; }

.products .boundary  { text-align:center; }
.products .p-groups { box-sizing:border-box; width:100%; text-align:center; }
.products .p-groups .pg-item { vertical-align:top; width:32.333%; height:43px; line-height:43px; margin:0 1% 5px 0; text-align:center; display:inline-block; background-color:var(--blue-light); color:#FFF; box-sizing:border-box; font-size:1em; }
.products .p-groups .pg-item:hover, .products .p-groups .pg-item.active {background-color:var(--orange);}
.products .p-groups .pg-item:nth-child(3n+0) {margin-right:0;}
.products .p-groups .pg-item span {display:inline-block; vertical-align:middle; line-height:1.3em; font-size:0.85em; }

.products .p-container {text-align:left;}
.products .p-container .p-item { width:100%; margin-bottom:20px; display:inline-block; vertical-align:top; text-align:center; }
.products .p-container.owl-carousel {display:block;}
.products .p-container .p-item:nth-child(2n+0) {margin-right:0;}
.products .p-container .p-item .p-title { font-family:"utm-avo"; font-size:.9em; line-height:1.3em; margin:0.5em 0; } 
.products .p-container .p-item .p-description {font-size:0.8em; line-height:1.3em; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; -webkit-box-orient:vertical; height:33px; } 
.products .p-container .p-item .p-price {color:var(--orange-dark); font-weight:bold; margin-top:5px; font-size:0.8em; text-align:left; }
.products .p-container .p-item .p-price span {color:var(--grey); text-decoration:line-through; margin-left:20px; font-weight:normal; float:right; }
.products .p-container .p-item .p-another { margin:0; line-height:1em; }
.products .p-container .p-item .p-another .p-stars, .products .p-container .p-item .p-another .p-sold-amount { display:inline-block; width:50%; vertical-align:top; text-align:left; }
.products .p-container .p-item .p-another .p-stars img { display:inline-block; width:12px; height:auto; margin:0; }
.products .p-container .p-item .p-another .p-sold-amount { text-align:right; font-size:.7em; }
.inverted-7 { background:
	linear-gradient(-45deg, #FFF  40%, var(--blue-light) 0 60%, #FFF  0) right/400% 100% no-repeat,
	linear-gradient(-45deg, #0000 40%, #000 0 60%, #0000 0) right/400% 100% no-repeat; -webkit-background-clip: padding-box; background-clip: padding-box; transition: 0.8s }
.products .p-container .p-item:hover .inverted-7, .news .n-item:hover .ni-title.inverted-7 { background-position: left; }

.why-us { margin:30px 0 0; background-color:#FAFAFA; padding-bottom:50px; }
.why-us .why-us-content { margin-top:20px; }
.why-us .why-us-item { display:block; text-align:center; margin-bottom:20px; font-size:1.2em; color:var(--blue);  }
.why-us .why-us-item .circle-image { width:60%; max-width:240px; margin:0 auto 10px; }

.review { margin-top:50px; }
.review, .review .c-title { color:#FFF; }
.review .review-left, .review .review-right { display:block; }
.review .review-left { background-color:var(--blue); }
.review .review-right { background-color:var(--blue-light); }
.review .review-left, .review .review-right { padding:0 10px; box-sizing:border-box; }
 review .review-right { padding:30px 0; }
.review .review-item { padding:20px 0;}
.review .review-item .circle-image, .review .review-item div { vertical-align:middle; display:inline-block; }
.review .review-item .circle-image { width:60px; height:60px; }
.review .review-item div { width:calc(100% - 60px); text-align:left; padding-left:20px; box-sizing:border-box; }

.news { background-color:var(--blue-ex-light); }
.news .boundary {text-align:center; }

.news .c-title { margin-bottom:10px; }

.news .news-container .news { background-color:#FFF; border-radius:10px; overflow:hidden; padding-bottom:20px; }
.news .news-container .news .square-image:before { padding-top:52.333%; }
.news .news-container .news .news-content { padding:10px; box-sizing:border-box; text-align:left; }
.news .news-container .news h2 { color:var(--blue); font-size:1.3em; margin:0; font-weight:normal; margin-bottom:10px; }
.news .news-container .news .a-info { display:none; }
.news .news-container .news .a-des { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }

.view-more { display:inline-block; width:auto; height:auto; border:1px solid var(--blue-light); border-radius:20px; padding: 0 10px; margin-top: 10px; color: var(--blue-light); height: 26px; line-height: 22px; }

.news .news-container .owl-nav button { position:absolute; top:35%; left:5px; font-size:3em!important; }
.news .news-container .owl-nav button.owl-next { left:unset; right:5px; }

.support { background:url(../images/support-bg.png) top left no-repeat; background-size:100% 100%; padding:30px 0 0; }
.support .support-title { font-weight:bold; font-size:1.6em; margin:0 0 20px; line-height:1.2em; color:var(--blue); }
.support .support-title span { display:block; font-size:1rem; color:var(--blue-light); }

.support .view-more { background-color:var(--blue-light); color:#FFF; padding-left:10px; }
.support .view-more i { display: inline-block; vertical-align: middle; margin-top: -1px; }

.support img { max-width:90%; display:inline-block; vertical-align:top; margin:10px 0 0; }

.partners { background-color:var(--grey-light); }
.partners.white{ background-color:#FFF; }
.partners .boundary {text-align:center; padding:30px 0;}
.partners .p-container {text-align:left;}
.partners .c-title { margin-top:0; }

.partners .col { text-align:center; padding:20px 0; vertical-align:middle; }
.partners img { max-width:300px; }
.partners .col:first-child img { max-height:120px; }

.footer { padding:2em 0; background-color:var(--blue); color:#FFF;  }
.footer img { width:70%; height:auto; }
.footer .table .col { text-align:left; }

.footer .footer-logo { text-align:center!important; }

.footer .f-logo, .footer .f-contact, .footer .f-menu { text-align:left; }
.footer .f-logo a  { display:inline-block; margin:10px auto; }
.footer .f-logo a img {width: 200px; }

.footer .f-title, .footer .fm-title {font-family:utm-aurora; font-size:2em; line-height:1.3em; }
.footer .f-title { text-align:center; margin-bottom:20px; }
.footer .fm-title { font-size:1.5em; }

.footer .f-contact { padding-top:20px; }
.footer .f-contact .f-title { margin-bottom:10px;}
.footer .f-hotline { font-size:1.2em; line-height:1.5em; color:var(--orange-dark); font-weight:bold; }
.footer .f-contact table tr td {padding:5px;}
.footer .f-contact table tr td:first-child {text-align:center;}
.footer .f-contact table tr td i {font-size:2em;}
.footer .f-contact table tr td i.icon-envelope {Font-size:1.5em;}
.footer .f-menu .fm-title {margin-top:30px;}
.footer .f-menu ul {list-style-type:none; padding:0; line-height:2em; margin:0; }
.footer .f-menu ul li a:hover {color:var(--orange-dark);}

.footer .f-menu .table .col { text-align:center; }

.copyright {font-size:0.7em; line-height:1.3em; color:#FFF; background-color:#333; }
.copyright .boundary { text-align:center; padding:5px 0; }
.copyright span { display:block; }

@media (min-width:576px){
	.top {height:150px;}
	.top .t-left, .top .t-right { vertical-align:bottom; }
	.top .t-shopping {display:none; vertical-align:bottom; margin: 0 0 0 20px;}
	
	.products .p-groups .pg-item {font-size:1em;}
	
	.news .n-item-first .ni-title a {-webkit-line-clamp:2;}
	.news .n-item {padding-left:10px;}
	.news .n-item .square-image { width:30%; }
	.news .n-item .ni-title { width:70%; }
	.news .n-item .ni-title a {-webkit-line-clamp:1;}
	
	.partners .square-image {width:23.5%;}
	.partners .square-image:nth-child(3n+0){margin-right:2%;}
	.partners .square-image:nth-child(4n+0){margin-right:0;}
	
	.footer {font-size:1em;}
	.footer .footer-logo { padding-top:40px; }
	.footer .f-logo, .footer .f-contact, .footer .f-menu {padding:0;}
}

@media (min-width:768px){
	.owl-carousel .owl-nav button {left:-10px;}
	.owl-carousel .owl-nav button.owl-next {right:-10px;}
	.owl-carousel .owl-nav button i {font-size:4em;}
	
	.top { height:80px; border-bottom:3px solid #FFF; }	
	.top .t-right {text-align:right;}
	
	.top .t-shopping {display:none; margin: 10px 0 5px 0;}
	.top .t-shopping a {display:inline-block; margin-left:10px;}
	.top .t-shopping span {width:20px; height:20px; line-height:20px; }
	
	.top .t-hotline { top:13px; width:20%; }
	
	.top .t-search { margin-top:0; margin-bottom:20px; }
	
	.top .t-center {display:table-cell!important;}
	.top .t-center {vertical-align:bottom;}
	.top .t-search.min-show {display:none;}
	
	.main-menu .boundary { text-align:center; }
	.main-menu .mm-logo {float:left; margin-right:30px; margin-left:-500px; transition:all .5s; }
	.main-menu .mm-logo.active {margin-left:0;}
	.main-menu .hamburger, .main-menu .mm-content .mmc-logo, .main-menu .mm-contact { display:none; }
	.main-menu .mm-content {position:relative; opacity:1!important; visibility:visible!important; width:auto; height:auto; display:inline-block; vertical-align:top; background:unset;float:unset; z-index:1; font-family:"utm-aurora"; text-align:center; width:calc(100% - 120px); margin:0 auto; }
	.main-menu .mm-content:before {content:unset;}
	.main-menu .mm-content ul { width:100%; }
	.main-menu .mm-content ul, .main-menu .mm-content li {display:inline-block; transform:unset; padding:0; height:100%; margin:0; }
	.main-menu .mm-content a { opacity:1; transform:unset; font-size:1em; text-transform:uppercase; transition:none!important; padding:0; font-weight:normal; }
	.main-menu .mm-content a i {display:inline-block; vertical-align:middle;}
	.main-menu .mm-content li { padding:0 10px; vertical-align:top; position:relative; }
	.main-menu .mm-content li.active, .main-menu .mm-content li:hover { border-bottom: unset; }
	.main-menu .mm-content li.active a, .main-menu .mm-content li:hover a {color:var(--yellow);}
	
	.main-menu .mm-content ul li ul {position:absolute; top:100%; left:0; width:auto; height:auto; z-index:9999; background-color:var(--grey); transition:all .5s; opacity:0; visibility:hidden; display:inline-block; }
	.main-menu .mm-content ul li:hover ul { opacity:1; visibility:visible; }
	.main-menu .mm-content ul li ul li {width:100%; text-align:left; text-transform:capitalize; font-size:0.8em;}
	.main-menu .mm-content ul li ul li a { white-space:nowrap; }
	
	.banner { display:block; }
	
	.benefit { width:90%; margin:0 auto; }
	.benefit .c-title { margin-top:2em; }
	.benefit .benefit-item { width:23.5%; font-size:.7em; margin-bottom:0; }
	.benefit .benefit-item:nth-child(2n+0) { margin-right:2%; }
	.benefit .benefit-item:nth-child(4n+0) { margin-right:0; }
	.benefit .benefit-item .circle-image { max-width:200px; }
	
	.home-intro { padding:100px 0 50px; }
	.home-intro.white { padding-top:50px; }
	.home-intro .table .col:first-child { padding-right:50px; }
	.home-intro img { margin-top:-60px; }
	
	.products .p-groups .pg-item {height:50px; line-height:50px;}
	.products .p-groups .pg-item span { font-size:1em; }
	
	.products .p-container .p-item { width:23.5%; }
	.products .p-container .p-item:nth-child(2n+0) {margin-right:2%;}
	.products .p-container .p-item:nth-child(4n+0) {margin-right:0;}
	.products .p-container .p-item .p-title a { display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
	.products .p-container .p-item .p-price { font-size:1em; }
	
	.products .p-container.owl-carousel .p-item {width:100%!important;}
	.products .p-container.owl-carousel .owl-nav button i {font-size:3em;}
	
	.why-us .c-title { font-size:4.7em; }
	.why-us .why-us-content { display:flex; flex-direction:row; flex-wrap:wrap; gap:1%; justify-content:center; }
	.why-us .why-us-item { display:inline-block; width:31%; }
	
	.support { padding:30px 0; position:relative; overflow:hidden; }
	.support .support-content { display:inline-block; width:57%; vertical-align:top; }
	.support img { position:absolute; bottom:0; right:-40px; width:50%; }
	
	.partners .square-image {width:32%; margin:0 2% 10px 0; display:inline-block; vertical-align:top;}
	.partners .square-image:nth-child(3n+0){margin-right:0;}
	
	.footer .f-title { text-align:left; }
	.footer .f-menu .table .col { text-align:left; }
	
	.copyright span { display:inline-block; }
	.copyright span:before { content:"\00a0- "; "}
}

@media (min-width:996px){
	.top { height:80px; }
	.top .t-shopping {font-size:1em;}
	.top .t-hotline { width:15%; }
	
	.main-menu .mm-content li { padding:0 20px; }
	.main-menu .mm-content a { font-size:0.8em; }
	
	.products .p-groups .pg-item {width:11.625%; }
	.products .p-groups .pg-item:nth-child(4n+0){margin-right:1%;}
	.products .p-groups .pg-item:nth-child(8n+0){margin-right:0;}
	
	.why-us .c-title { font-size:5em; }
	.why-us .why-us-item { width:19%; }
	
	.home-intro { padding:150px 0 50px; }
	.home-intro .table .col:first-child { padding-right:100px; }
	.home-intro img { margin-top:-100px; }
	
	.news .n-item .square-image { width:25%; }
	.news .n-item .ni-title { width:75%; }
	.news .n-item .ni-title a {-webkit-line-clamp:2;}
	
	.support { padding:50px 0; }
	.support .support-content { width:50%; }
	.support img { right:0; width:45%; }
	
	.review .review-left, .review .review-right { display:inline-block; width:40%; vertical-align:top; position:relative; height:252px; background-color:var(--blue-light); z-index:2; }
	.review .review-right { width:60%; font-size:.8em; padding-left:0; z-index:1; }
	.review .review-item { padding:10px 0; }
	.review .review-right .review-item:nth-child(2){ padding-left:20px; }
	.review .review-right .review-item:nth-child(3){ padding-left:45px; }
		
	
	.review .review-left:before {content: ''; position: absolute; top: 0; bottom: 0; left: -30%; right: 10%; background: var(--blue); transform-origin: 0 0; transform: skew(14deg) translateX(0); transition: all .275s .1s; }
	
}

@media (min-width:1200px){
	
	.top .t-shopping span {position:absolute; top:-10px; right:-20px;}
	
	.top .t-logo {width:150px;}
	
	.top .t-center { text-align:center; }
	.top .t-search { width:90%; display:inline-block; }
	
	.top .t-hotline i, .footer .f-hotline i {line-height:40px;}
	.top .t-hotline span span, .footer .f-hotline span span {font-size:2em;}
	
	.main-menu .mm-content a {font-size:1em;}
	
	.benefit { margin:0 auto; }
	.benefit .benefit-item { font-size:1.1em; }
	.benefit .benefit-item .circle-image { margin-bottom:20px; }
	
	.products.nuta { padding-bottom:30px; }
	
	.product-detail .pd-container { margin-top:-30px!important; z-index: 100; position: relative; box-shadow: 0 0 10px #999; }
	
	.why-us { margin:70px 0 0; }
	
	.support { padding:70px 0; }
	.support .boundary { position:relative; }
	.support img { bottom:-70px; }
	
	.review .review-left { text-align:right; }
	.review .review-left .c-title { max-width:480px; }
	.review .review-left span { display:block; }
	.review .review-right .review-item { max-width:720px; }
	
	.footer { padding:3em 0; }
	.footer .f-logo, .footer .f-contact, .footer .f-menu {padding:30px 0;}
	.footer .f-title {margin-top:30px; font-size:2.3em; }
	.footer .f-menu .fm-title { margin-top:15px; }
	.footer .f-menu .fm-title.min {font-size:1.8em;}
	.footer .table .col:first-child { padding-right:120px; }
	
	.footer .footer-logo { padding-top:50px; }
}

@media (min-width:1400px){
	
	.product-detail .pd-container { margin-top:-50px!important; }
	
	
	.review .review-left { width:45%; }
	.review .review-right { width:55%; }
	.review .review-left .c-title { max-width:520px; }
	.review .review-right .review-item { max-width:620px; }
	
	
	.partners .col:last-child { padding-right:50px; }
	
}