/*homepage*/
.headline{ line-height:1.1em; font-size:44px; font-family:dc-semibold; text-transform:uppercase; margin-bottom:10px;}
.homepage-wrapper{ width:100%; height:auto;}
.homepage-wrapper .item{ width:100%; height:auto; position:relative; overflow:hidden;}
.homepage-wrapper .item .pic-pc{ width:100%; height:auto; display:block;}
.homepage-wrapper .item .pic-mobile{ width:100%; height:auto; display:none;}
.homepage-wrapper .item .txt-wrap{ width:1280px; height:100%; display:flex; align-items:center; flex-direction:row-reverse; position:absolute; left:50%; margin-left:-640px; top:0; z-index:2;}
.homepage-wrapper .item .txt{ width:auto; max-width:600px; height:auto; color:#fff; opacity:0; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;}
.homepage-wrapper .item .icon{ margin-bottom:10px;}
.homepage-wrapper .item .icon img{ max-height:28px;}
.homepage-wrapper .item .headline{ margin-bottom:10px;}
.homepage-wrapper .item .desc{ line-height:1.375em; font-size:16px; font-family:dc-light; margin-bottom:50px;}
.homepage-wrapper .item .button a{ min-width:160px; height:auto; padding: 0 20px; box-sizing: border-box;line-height:50px; display:inline-block; margin-right:10px; font-size:14px; font-family:dc-bold; text-align:center; border-radius:3px; text-transform:uppercase;}
.homepage-wrapper .item .button a:hover{ opacity:0.8;}
.homepage-wrapper .item .button .more{ color:#2a2d42; background:#fff; border:1px solid #fff;}
.homepage-wrapper .item .button .shop{ color:#fff; background:#dc1f2d; border:1px solid #dc1f2d;}
.homepage-wrapper .item:nth-child(2n) .txt-wrap{ flex-direction:unset;}
.homepage-wrapper .item:nth-child(2n) .headline{ color:#2a2d42;}
.homepage-wrapper .item:nth-child(2n) .desc{ color:#2a2d42;}
.homepage-wrapper .item .txt.fadeInUp.active{ -webkit-animation-name:fadeInUpliu; animation-name:fadeInUpliu; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:1; animation-iteration-count:1; presented-by:nation-liu; opacity:1;}
.homepage-wrapper .item:nth-child(1) .button .more{ background:#fff; border-color:#fff;}
.homepage-wrapper .item:nth-child(3) .button .more{ color:#2a2d42; border-color:#fff;}

/*community*/
.community{ width:100%; height:auto; position:relative; overflow:hidden;}
.community .pic-pc{ width:100%; height:auto; display:block;}
.community .txt-wrap{ width:1280px; height:100%; display:flex; align-items:center; position:absolute; left:50%; margin-left:-640px; top:0; z-index:2;}
.community .txt{ width:auto; max-width:600px; height:auto; margin:0 auto; color:#fff; text-align:center; opacity:0; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;}
.community .headline{ margin-bottom:10px;}
.community .desc{ line-height:1.375em; font-size:16px; font-family:dc-light; margin-bottom:50px; text-shadow:0 0 5px #333;}
.community .button a{ width:auto; height:auto; line-height:50px; padding:0 30px; display:inline-block; background:#dc1f2d; font-size:14px; font-family:dc-bold; color:#fff; text-align:center; border:1px solid #dc1f2d; border-radius:3px; text-transform:uppercase;}
.community .button a.buy{ padding:0 60px; background:#dc1f2d; color:#fff; border-color:#dc1f2d;}
.community .button a:hover{ opacity:0.8; /*background:#fff; color:#2a2d42;*/}
.community .button a.buy:hover{ opacity:0.8; /*background:#fff; color:#dc1f2d; border-color:#fff;*/}
.community .txt.fadeInUp.active{ -webkit-animation-name:fadeInUpliu; animation-name:fadeInUpliu; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:1; animation-iteration-count:1; presented-by:nation-liu; opacity:1;}
.community.shop-now .desc{ font-size:30px; color:#2a2d42; text-shadow:none;}

/*.breadcrumb*/
.bread-crumb{ padding:15px 0; background:#eff2f7;}
.bread-crumb .txt{ width:1280px; height:auto; line-height:30px; font-size:16px; font-family:dc-light; color:#2a2d42; margin:0 auto;}
.bread-crumb .txt a{ color:#2a2d42;}
.bread-crumb .txt a:hover{ text-decoration:underline;}

/*banner of product*/
.banner-product{ width:100%; height:auto; position:relative;}
.banner-product .pic-pc{ width:100%; height:auto; display:block;}
.banner-product .pic-mobile{ width:100%; height:auto; display:none;}
.banner-product .txt-wrap{ width:1280px; height:100%; display:flex; align-items:center; position:absolute; left:50%; margin-left:-640px; top:0; z-index:3;}
.banner-product .txt{ width:auto; max-width:600px; height:auto; color:#fff; opacity:0; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;}
.banner-product .icon{}
.banner-product .icon img{ max-height:33px; margin-right:30px; margin-bottom:20px;}
.banner-product .icon img:last-child{ margin-right:0;}
.banner-product .headline{ margin-bottom:25px;}
.banner-product .desc{ line-height:1.375em; font-size:36px; font-family:dc-light; margin-bottom:20px;}
.banner-product .price{ line-height:1.5em; font-size:36px; font-family:dc-light; margin-bottom:20px;}
.banner-product .txt b,.banner-product .txt strong,.banner-product .txt .red{ color:#dc1f2d;}
.banner-product .button{ margin-top:40px;}
.banner-product .button a{ width:auto; height:auto; line-height:50px; padding:0 45px; display:inline-block; background:#dc1f2d; font-size:16px; font-family:dc-bold; color:#fff; text-align:center; border:1px solid #dc1f2d; border-radius:3px; text-transform:uppercase;}
.banner-product .button a:hover{ opacity:0.8; /*background:#fff; color:#dc1f2d; border-color:#fff;*/}
.banner-product .txt.fadeInUp.active{ -webkit-animation-name:fadeInUpliu; animation-name:fadeInUpliu; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:1; animation-iteration-count:1; presented-by:nation-liu; opacity:1;}
.banner-product .car-large{ width:60%; height:auto; position:absolute; right:1.5%; bottom:-13%; z-index:2;}
.banner-product .car-large img{ width:100%; height:auto;}

/*list of product*/
.bg_curveline{ width:100%; height:auto; padding:60px 0 30px; background:url(../images/bg_curveline.png) left bottom no-repeat;}
.bg_curveline_02{ width:100%; height:auto; padding:60px 0 10px; background:url(../images/bg_curveline_02.png) left bottom no-repeat; background-size:100% auto;}
.list-product-wrap{ width:100%; height:auto; background:linear-gradient(to bottom, #d6d6d8, #fefefe);}
.list-product-wrap .item{ width:1280px; height:auto; padding:30px 0 60px; border-bottom:1px solid #bec0ca; position:relative; margin:0 auto 30px; overflow:hidden;}
.list-product-wrap .item:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.list-product-wrap .item .pic-pc{ width:auto; max-width:700px; height:auto; margin:0 60px; display:block; float:left;}
.list-product-wrap .item .pic-mobile{ width:100%; height:auto; display:none;}
.list-product-wrap .item .txt-wrap{ width:100%; height:100%; display:flex; align-items:center; position:absolute; left:0; top:0; z-index:2;}
.list-product-wrap .item .txt{ width:450px; height:auto; color:#2a2d42; opacity:0; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;}
.list-product-wrap .item .headline{ font-size:28px; font-family:dc-light; color:#2a2d42; text-transform:none; margin-bottom:10px;}
.list-product-wrap .item .desc{ line-height:1.375em; font-size:28px; font-family:dc-light; color:#2a2d42; margin-bottom:10px;}
.list-product-wrap .item .button{ margin-top:40px; text-align:center;}
.list-product-wrap .item .button a{ width:auto; height:auto; line-height:50px; padding:0 60px; display:inline-block; background:#dc1f2d; font-size:14px; font-family:dc-bold; color:#fff; text-align:center; border:1px solid #dc1f2d; border-radius:3px; text-transform:uppercase;}
.list-product-wrap .item .button a:hover{ opacity:0.8;}
/*
.list-product-wrap .item:nth-child(2n-1) .txt-wrap{ flex-direction:row-reverse;}
.list-product-wrap .item:nth-child(2n) .pic-pc{ float:right;}
.list-product-wrap .item:nth-child(2n) .headline{ text-align:right;}
*/
.list-product-wrap .item:last-child{ border:none;}
.list-product-wrap .item .txt.fadeInUp.active{ -webkit-animation-name:fadeInUpliu; animation-name:fadeInUpliu; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:1; animation-iteration-count:1; presented-by:nation-liu; opacity:1;}
.list-product-wrap .item b,.list-product-wrap .item strong{ font-family:dc-regular;}
.list-product-wrap .item .desc b,.list-product-wrap .item .desc strong{ color:#dc1f2d;}
.list-product-wrap .item ul{}
.list-product-wrap .item ul li{ padding-left:22px; line-height:1.5em; font-size:22px; font-family:dc-light; position:relative;}
.list-product-wrap .item ul li:before{ content:''; width:6px; height:6px; background:#dc1f2d; position:absolute; left:6px; top:15px; border-radius:50%;}
.list-product-wrap .item.content-right .txt-wrap{ flex-direction:row-reverse;}
.list-product-wrap .item.content-left .pic-pc{ float:right;}
.list-product-wrap .item.content-left .headline{ text-align:right;}
.list-product-wrap .item.content-list .pic-pc{ width:100%; max-width:100%; margin:30px 0 50px; float:none;}
.list-product-wrap .item.content-list .txt-wrap{ height:auto; position:static;}
.list-product-wrap .item.content-list .txt{ width:100%;}
.list-product-wrap .item.content-list ul{ column-count:2; column-gap:80px;}
.list-product-wrap .item.content-list ul li{ padding-left:22px; line-height:1.75em; font-size:22px; font-family:dc-light; position:relative;}
.list-product-wrap .item.content-list ul li:before{ content:''; width:6px; height:6px; background:#dc1f2d; position:absolute; left:6px; top:17px; border-radius:50%;}
.list-product-wrap .item.content-right-list .txt-wrap{ height:auto; padding-top:280px; flex-direction:row-reverse;}
.list-product-wrap .item.content-right-list .pic-pc{ float:none; margin:0 60px 60px;}

/*params of product*/
.params-product{ width:100%; height:auto; padding:30px 0 10px; background:#efefef;}
.params-product .table{ width:1280px; height:auto; margin:0 auto;}
.params-product .table tbody{ width:100%; height:auto;}
.params-product .table tr{ border-bottom:1px solid #d6d6d8;}
.params-product .table tr:last-child{ border:none;}
.params-product .table td{ line-height:1.75em; padding:50px 0; font-size:20px; font-family:dc-light; color:#2a2d42; vertical-align:top;}
.params-product .table td.param{ width:30%; font-size:20px; font-weight:bold; vertical-align:top;}
.params-product .table td.detail{ width:70%;}
.params-product .table td .pic{ width:auto; max-width:80%; height:auto; margin-top:50px; display:block;}
.params-product .table td ul{ width:100%; height:auto;}
.params-product .table td ul li{ line-height:1.5em; padding:5px 0;}
.params-product .table td ul li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.params-product .table td ul li em{ width:220px; font-family:dc-light; float:left;}
.params-product .table td ul li span{ padding-left:250px; display:block;}

/*banner*/
.banner{ width:100%; height:auto; position:relative; overflow:hidden;}
.banner .pic-pc{ width:100%; height:auto; display:block;}
.banner .txt-wrap{ width:1280px; height:100%; display:flex; align-items:center; position:absolute; left:50%; margin-left:-640px; top:0; z-index:2;}
.banner .txt{ width:100%; max-width:100%; height:auto; color:#fff; opacity:0; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;}
.banner .headline{ width:90%; line-height:1.25em; margin-bottom:0;}
.banner .txt.active{ -webkit-animation-name:fadeInUpliu; animation-name:fadeInUpliu; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:1; animation-iteration-count:1; presented-by:nation-liu; opacity:1;}

/*news list*/
.news-list-wrap{ padding:100px 0; background:#f1f1f1; position:relative;}
.news-list-wrap .arrow-left{ width:30px; height:60px; position:absolute; left:50%; top:50%; margin-left:-700px; margin-top:-85px; z-index:9; cursor:pointer; outline:none;}
.news-list-wrap .arrow-left a{ width:100%; height:100%; display:block; text-indent:-9999em; background:url(../images/arrow_left_gray.svg) center center no-repeat;}
.news-list-wrap .arrow-left a:hover{ background:url(../images/arrow_left.svg) center center no-repeat;}
.news-list-wrap .arrow-left a.disabled:hover{ background:url(../images/arrow_left_gray.svg) center center no-repeat; cursor:not-allowed;}
.news-list-wrap .arrow-right{ width:30px; height:60px; position:absolute; right:50%; top:50%; margin-right:-700px; margin-top:-85px; z-index:9; cursor:pointer; outline:none;}
.news-list-wrap .arrow-right a{ width:100%; height:100%; display:block; text-indent:-9999em; background:url(../images/arrow_right_gray.svg) center center no-repeat;}
.news-list-wrap .arrow-right a:hover{ background:url(../images/arrow_right.svg) center center no-repeat;}
.news-list-wrap .arrow-right a.disabled:hover{ background:url(../images/arrow_right_gray.svg) center center no-repeat; cursor:not-allowed;}
.news-list-wrap .listing{ width:1280px; height:auto; margin:0 auto;}
.news-list-wrap .item-wrap{ width:1300px; height:auto;}
.news-list-wrap .item-wrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.news-list-wrap .item{ width:413px; height:auto; padding-bottom:25px; margin:0 20px 40px 0; background:#fff; float:left;}
.news-list-wrap .item .pic{ height:99px; margin-bottom:10px; overflow:hidden; position:relative;}
.news-list-wrap .item .pic img{ 
	width:100%; height:100%;
	object-fit: cover;
	-webkit-transition: all 0.3s linear 0s;
	   -moz-transition: all 0.3s linear 0s;
		 -o-transition: all 0.3s linear 0s;
		-ms-transition: all 0.3s linear 0s;
			transition: all 0.3s linear 0s;
}
.news-list-wrap .item:hover img{
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
		 -o-transform: scale(1.1);
		-ms-transform: scale(1.1);
			transform: scale(1.1);
}
.news-list-wrap .item .title{ width:auto; height:3em; line-height:1.5em; padding:0 20px; margin-bottom:20px; font-size:18px; font-family:dc-bold; color:#1b1b1b; overflow:hidden;}
.news-list-wrap .item .title a{ color:#1b1b1b;}
.news-list-wrap .item .date{ padding:10px 20px 15px; line-height:1.5em; font-size:13px; font-family:dc-light; color:#474545;}
.news-list-wrap .item .desc{ padding:0 20px; height:4.5em; line-height:1.5em; margin-bottom:25px; font-size:16px; font-family:dc-light; color:#1b1b1b; overflow:hidden; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
.news-list-wrap .item .desc a{ color:#101010; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
.news-list-wrap .item .more{ padding:0 20px; line-height:1.5em; font-size:16px; color:#1b1b1b;}
.news-list-wrap .item .more a{ display:inline-block; padding-right:30px; color:#1b1b1b; background:url(../images/arrow.svg) right center no-repeat; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
.news-list-wrap .item .more a:hover{ margin-left:15px;}
.news-list-wrap .item:hover .title a{ color:#dc1f2d;}

/*pagination*/
.pagination{ margin-top:30px; font-size:16px; letter-spacing:1px; color:#6c6c6c; text-align:center;}
.pagination .screen-reader-text{ display:none;}
.pagination .page-numbers{ width:36px; height:36px; line-height:36px; display:inline-block; margin:5px; background:#fff; font-size:16px; color:#dc1f2d; text-align:center; border-radius:6px;}
.pagination .page-numbers.current, .pagination .page-numbers:hover{ background:#dc1f2d; color:#fff;}
.pagination .page-numbers.prev{ background:#fff url(../images/arrow_left_page.svg) center center no-repeat; text-indent:-9999em;}
.pagination .page-numbers.next{ background:#fff url(../images/arrow_right_page.svg) center center no-repeat; text-indent:-9999em;}

/*news details*/
.news-details{ width:1280px; height:auto; margin:80px auto;}
.news-details .headline{ margin-bottom:30px; line-height:1.25em; font-size:38px; text-transform:none;}
.news-details .news-left{ width:860px; height:auto; float:left;}
.news-details .news-left .date{ padding-left:28px; margin-bottom:20px; line-height:1.5em; font-size:13px; font-family:dc-light; background:url(../images/icon_date.svg) left center no-repeat;}
.news-details .news-left ul li{ list-style:disc inside;}
.news-details .news-left .wp-block-image figcaption{ text-align:center;}
.news-details .news-left .news-content{ line-height:1.75em; font-size:16px; font-family:dc-light; presented-by:nation-liu; color:#2a2d42; }
.news-details .news-left .news-content p, .news-details .news-left .news-content h2{ margin-top:20px; margin-bottom:20px;}
.news-details .news-left .news-content code {border:1px solid #dee0e3;background:#f5f6f7;padding:2px;border-radius:5px;} 
.news-details .news-left .news-content p a, .news-details .news-left .news-content .is-type-link a{ text-decoration:underline; color:#dc1f2d;}
.news-details .news-left .news-content p a:hover, .news-details .news-left .news-content .is-type-link a:hover{ color:#dc1f2d;}
.news-details .news-left .news-content img{ width:auto; max-width:100%; height:auto; display:block; margin:20px auto;}
.news-details .news-left .news-nav{ padding-top:30px; margin-top:50px; border-top:1px solid #ccc;}
.news-details .news-left .news-nav a{ width:auto; max-width:45%; height:30px; line-height:30px; font-size:16px; color:#2a2d42; overflow:hidden; float:left;}
.news-details .news-left .news-nav a:hover{ text-decoration:underline;}
.news-details .news-left .news-nav a.prev{ padding-left:22px; background:url(../images/arrow_left_page.svg) left center no-repeat;}
.news-details .news-left .news-nav a.next{ padding-right:22px; text-align:right; background:url(../images/arrow_right_page.svg) right center no-repeat; float:right;}

/*recent blog*/
.recent-blog{ width:360px; height:auto; background:#f7f7f7; float:right;}
.recent-blog.fixed{ position:fixed; top:120px; left:50%; margin-left:280px; z-index:9;}
.recent-blog .headline{ line-height:40px; background:#dc1f2d; font-size:18px; font-family:dc-regular; color:#fff; text-align:center; margin-bottom:10px;}
.recent-blog .item{ padding:15px 0; margin:0 18px; border-bottom:1px solid #e3e3e3;}
.recent-blog .item:last-child{ border:none;}
.recent-blog .item .title{ line-height:1.5em; font-size:16px; color:#2a2d42;}
.recent-blog .item .title a{ color:#2a2d42;}
.recent-blog .item .title a:hover{ text-decoration:underline;}
.recent-blog .item .date{ line-height:1.5em; font-size:13px; font-family:dc-light; color:#474545;}

/*about us*/
.about-us{ width:100%; height:auto; background:url(../images/bg_about.png) center top no-repeat; background-size:100% auto;}
.about-us .intro-mission{ width:1080px; height:auto; padding:80px 0; border-bottom:1px solid #e4e4e4; presented-by:nation-liu; margin:0 auto;}
.about-us .intro-mission .headline{ line-height:1.5em; font-size:40px; font-family:dc-semibold; color:#2a2d42; text-align:center; text-transform:none;}
.about-us .intro-mission .desc{ line-height:1.5em; font-size:20px; font-family:dc-light; color:#2a2d42;}
.about-us .intro-mission .desc p{ margin:15px 0;}
.about-us .contact-us{ width:830px; height:auto; line-height:1.5em; font-size:18px; font-family:dc-light; margin:80px auto 0;}
.about-us .contact-us .gform_title{ line-height:1.5em; font-size:40px; font-family:dc-semibold; color:#2a2d42; text-align:center; margin-bottom:40px;}
.about-us .contact-us .gform_required_legend{ display:none;}
.about-us .contact-us .field_description_above{ line-height:1.66em; font-size:20px; font-family:dc-light; color:#2a2d42; margin-bottom:15px;}
.about-us .contact-us .gfield_html_formatted{ margin-bottom:60px; text-align:center;}
.about-us .contact-us .gform-field-label{ font-size:18px; display:none;}
.about-us .contact-us b,.about-us .contact-us strong{ color:#dc1f2d;}
.about-us .contact-us input{ background:#fff;}
.about-us .contact-us input[type='text'],
.about-us .contact-us input[type='email'],
.about-us .contact-us input[type='tel'],
.about-us .contact-us .textarea{ width:92%; padding:12px !important; line-height:1em; background:#fff; border:1px solid #e3e3e3; font-size:18px; font-family:dc-light; color:#2a2d42; outline:none; resize:none;}
.about-us .contact-us .textarea{ width:96%;}
.about-us .contact-us input::placeholder,.about-us .contact-us .textarea::placeholder{ color:#9194a7;}
.about-us .contact-us input:focus,.about-us .contact-us .textarea:focus{ border-color:rgb(220,31,45,0.5); box-shadow:0 0 5px rgb(220,31,45,0.8);}
.about-us .contact-us .gform_button{ line-height:50px; padding:0 135px 0 110px; display:inline-block; background:#dc1f2d url(../images/arrow_white.svg) 180px center no-repeat; font-size:20px; font-family:dc-bold; color:#fff; text-align:center; cursor:pointer; border:1px solid #fff; border-radius:5px; text-transform:uppercase;}
.about-us .contact-us .gform_button:hover{ opacity:0.8;}
.about-us .contact-us .gf_left_half{ width:395px; float:left;}
.about-us .contact-us .gf_right_half{ width:407px; float:right;}
.about-us .contact-us .gform_footer{ padding-top:30px; text-align:center; display:block !important; position:relative;}
.about-us .contact-us .gform_footer .gform_ajax_spinner{ position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-12px;}
.about-us .contact-us .validation_message{ padding:5px 20px !important;}
.about-us .contact-us .ginput_recaptcha div{ margin:0 auto;}
.about-us .contact-us .gfield_captcha_container{ /*width:304px;*/ height:auto; margin:0 auto 20px; position:relative;}
.about-us .contact-us .gfield_captcha_container input[type='text']{ width:100%; padding-right:170px !important;}
.about-us .contact-us .gfield_captcha_container .gfield_captcha{ height:43px; position:absolute; top:1px; right:1px;}
.about-us .contact-us .gform_confirmation_message{ font-size:22px; text-align:center;}
.about-us .contact-us .gform_validation_errors{}
.about-us .contact-us .gform_validation_errors .gform_submission_error{ line-height:1.5em; font-size:22px;}
.about-us .contact-us .gform_validation_errors .gform_submission_error ol li a{ font-size:15px;}
.about-us .contact-us .gform_wrapper.gravity-theme .gform_validation_errors > ol a{ font-size:15px;}
.about-us .contact-us fieldset .name_first{ width:395px; float:left;}
.about-us .contact-us fieldset .name_first input{ width:395px;}
.about-us .contact-us fieldset .name_last{ width:395px; float:right;}
.about-us .address{ width:1280px; height:auto; min-height:360px; padding:80px 0 100px; border-top:1px solid #e4e4e4; margin:80px auto 0; background:url(../images/bg_map.png) right 80px no-repeat;}
.about-us .address .headline{ line-height:1.5em; font-size:40px; font-family:dc-semibold; color:#2a2d42; text-transform:capitalize; margin-bottom:30px;}
.about-us .address .item{ width:450px;}
.about-us .address .item .city{ line-height:1.5em; font-size:24px; font-family:dc-semibold; color:#dc1f2d; margin-bottom:10px;}
.about-us .address .item .location{ line-height:1.5em; font-size:20px; font-family:dc-light; color:#2a2d42;}
#validation_message_1_8{ /*width:302px;*/ line-height:1.5em; margin:10px auto 0;}

/*privacy policy*/
.privacy-policy-wrapper{ width:1280px; height:auto; padding:90px 0; margin:0 auto;}
.privacy-policy-content{ width:880px; height:auto; line-height:1.75em; font-size:16px; font-family:dc-light; color:#2a2d42; position:relative; float:left;}
.privacy-policy-content .headline{ margin-bottom:30px; line-height:1.25em; font-size:40px; text-transform:none;}
.privacy-policy-content .date{ padding-left:28px; margin-bottom:20px; line-height:1.5em; font-size:13px; font-family:dc-light; background:url(../images/icon_date.svg) left center no-repeat;}
.privacy-policy-content p{ margin:0 0 20px;}
.privacy-policy-content h1,
.privacy-policy-content h2,
.privacy-policy-content h3{ line-height:1.25em; font-size:30px; font-family:dc-regular; color:#2a2d42; margin:30px 0 15px;}
.privacy-policy-content h4,
.privacy-policy-content h5{ line-height:1.25em; font-size:20px; font-family:dc-regular; color:#2a2d42; margin:30px 0 15px;}
.privacy-policy-content h6{ line-height:1.25em; font-size:16px; font-family:dc-regular; color:#2a2d42; margin:30px 0 15px;}
.privacy-policy-content b,
.privacy-policy-content strong{ font-family:dc-light;}
.privacy-policy-content ul,
.privacy-policy-content ol{ margin:0 0 20px;}
.privacy-policy-content ul li,
.privacy-policy-content ol li{ padding-left:15px; margin-bottom:5px; position:relative;}
.privacy-policy-content ul li:before,
.privacy-policy-content ol li:before{ content:''; width:6px; height:6px; background:#dc1f2d; position:absolute; left:3px; top:12px; border-radius:50%;}
.privacy-policy-content ul li > ul,
.privacy-policy-content ol li > ol{ margin:5px 0 10px;}
.privacy-policy-content ul li > ul li:before,
.privacy-policy-content ol li > ol li:before{ background:#2a2d42;}
.privacy-policy-content a{ text-decoration:underline; color:#dc1f2d;}
.privacy-policy-content a:hover{ color:#dc1f2d;}
.privacy-policy-content img{ width:auto; max-width:100%; height:auto; display:block; margin:20px auto;}
.privacy-policy-right{ width:320px; height:auto; float:right;}
.privacy-policy-right.fixed{ position:fixed; left:50%; top:120px; margin-left:320px; z-index:9;}
.privacy-policy-right .title{ line-height:1.5em; font-size:16px; font-family:dc-regular; color:#2a2d42; text-transform:uppercase; margin-bottom:10px;}
.privacy-policy-right ul li{ line-height:1.5em; font-size:16px; font-family:dc-light; color:#2a2d42; margin-bottom:10px;}
.privacy-policy-right ul li a{ color:#2a2d42;}
.privacy-policy-right ul li a:hover,.privacy-policy-right ul li a.cur{ text-decoration:underline;}

/*fadeIn*/
.fadeInUp{ -webkit-animation-name:fadeInUp; animation-name:fadeInUp;}
.fadeInUp.active{ -webkit-animation-name:fadeInUp; animation-name:fadeInUp; -webkit-animation-duration:0.8s; animation-duration:0.8s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:1; animation-iteration-count:1; opacity:1;}
.pulse{ -webkit-animation-name:pulse; animation-name:pulse;}

@-webkit-keyframes fadeInUp {
	from { opacity:0; -webkit-transform:translate3d(0, 260%, 0); transform:translate3d(0, 260%, 0);}
	to { opacity:1; -webkit-transform:none; transform:none;}
}
  
@keyframes fadeInUp {
	from { opacity:0; -webkit-transform:translate3d(0, 260%, 0); transform:translate3d(0, 260%, 0);}
	to { opacity:1; -webkit-transform:none; transform:none;}
}

@-webkit-keyframes fadeInUpliu {
	0% { opacity:0; -webkit-transform:translate3d(0,30%,0); transform:translate3d(0,30%,0);}
	to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0);}
}

@keyframes fadeInUpliu{
	0% { opacity:0; -webkit-transform:translate3d(0,30%,0); transform:translate3d(0,30%,0);}
	to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0);}
}

@-webkit-keyframes slideInUp{
	0% { -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); visibility:visible;}
	to { -webkit-transform:translateZ(0); transform:translateZ(0);}
}

@keyframes slideInUp{
	0% { -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); visibility:visible;}
	to { -webkit-transform:translateZ(0); transform:translateZ(0);}
}

@-webkit-keyframes pulse {
	from { -webkit-transform:scale3d(0.95, 0.95, 0.95); transform:scale3d(0.95, 0.95, 0.95);}
	to { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1);}
}
  
@keyframes pulse {
	from { -webkit-transform:scale3d(0.95, 0.95, 0.95); transform:scale3d(0.95, 0.95, 0.95);}
	to { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1);}
}

@-webkit-keyframes liunaisheng {
	0% { opacity:0; -webkit-transform:scale(0.3); transform:scale(0.3);}
  100% { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
}

@keyframes liunaisheng {
  0% { opacity:0; -webkit-transform:scale(0.3); transform:scale(0.3);}
  100% { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
}

@media screen and (max-width:1600px){

}

@media screen and (max-width:1440px){
.homepage-wrapper .item .txt-wrap{ width:1180px; margin-left:-590px;}
.community .txt-wrap{ width:1180px; margin-left:-590px;}
.bread-crumb .txt{ width:1180px;}
.banner .txt-wrap{ width:1180px; margin-left:-590px;}
.banner-product .txt-wrap{ width:1180px; margin-left:-590px;}
.banner-product .headline{ margin-bottom:20px;}
.bg_curveline{ background-size:80% auto;}
.list-product-wrap .item{ width:1180px;}
.list-product-wrap .item .pic-pc{ max-width:600px; margin:0 50px;}
.list-product-wrap .item .txt{ width:430px;}
.list-product-wrap .item .desc{ font-size:26px;}
.list-product-wrap .item.content-right-list .txt-wrap{ padding-top:240px;}
.params-product .table{ width:800px;}
.params-product .table td{ font-size:18px;}
.params-product .table td.param{ font-size:18px;}
.news-list-wrap .arrow-left{ margin-left:-650px;}
.news-list-wrap .arrow-right{ margin-right:-650px;}
.news-list-wrap .listing{ width:1180px;}
.news-list-wrap .item-wrap{ width:1200px;}
.news-list-wrap .item{ width:380px;}
.news-list-wrap .item .pic{ height:91px;}
.news-details{ width:1180px;}
.news-details .news-left{ width:760px;}
.recent-blog.fixed{ margin-left:230px;}
.about-us .intro-mission{ width:980px;}
.about-us .address{ width:1180px;}
.privacy-policy-wrapper{ width:1180px;}
.privacy-policy-content{ width:780px;}
.privacy-policy-right.fixed{ margin-left:270px;}
}

@media screen and (max-width:1366px){
.homepage-wrapper .item .desc{ margin-bottom:40px;}
.community .desc{ margin-bottom:40px;}
.banner-product .headline{ margin-bottom:15px;}
}

@media screen and (max-width:1280px){
.headline{ font-size:36px;}
.banner-product .desc{ font-size:28px;}
.homepage-wrapper .item .txt-wrap{ width:1080px; margin-left:-540px;}
.homepage-wrapper .item .txt{ max-width:520px;}
.community .txt-wrap{ width:1080px; margin-left:-540px;}
.community.shop-now .desc{ font-size:24px;}
.bread-crumb .txt{ width:1080px;}
.banner .txt-wrap{ width:1080px; margin-left:-540px;}
.banner .headline{ width:85%; font-size:50px;}
.banner-product .txt-wrap{ width:1080px; margin-left:-540px;}
.banner-product .txt{ max-width:520px;}
.list-product-wrap .item{ width:1080px;}
.list-product-wrap .item .pic-pc{ max-width:500px; margin:0 50px;}
.list-product-wrap .item .txt{ width:420px;}
.list-product-wrap .item .headline{ font-size:24px;}
.list-product-wrap .item .desc{ font-size:22px;}
.list-product-wrap .item.content-right-list .txt-wrap{ padding-top:220px;}
.list-product-wrap .item.content-list ul li{ font-size:20px;}
.list-product-wrap .item.content-list ul li:before{ top:12px;}
.params-product .table{ width:760px;}
.news-list-wrap .arrow-left{ margin-left:-590px;}
.news-list-wrap .arrow-right{ margin-right:-590px;}
.news-list-wrap .listing{ width:1080px;}
.news-list-wrap .item-wrap{ width:1100px;}
.news-list-wrap .item{ width:346px;}
.news-list-wrap .item .pic{ height:82px;}
.news-details{ width:1080px;}
.news-details .news-left{ width:720px;}
.news-details .headline{ font-size:30px;}
.recent-blog{ width:320px;}
.recent-blog.fixed{ margin-left:220px;}
.recent-blog .headline{ font-size:18px;}
.about-us .intro-mission{ width:880px;}
.about-us .intro-mission .headline{ font-size:36px;}
.about-us .intro-mission .desc{ line-height:1.75em; font-size:19px;}
.about-us .address{ width:1080px;}
.about-us .address .headline{ font-size:30px; margin-bottom:15px;}
.about-us .address .item{ width:380px;}
.about-us .address .item .city{ font-size:22px;}
.about-us .address .item .location{ font-size:17px;}
.privacy-policy-wrapper{ width:1080px;}
.privacy-policy-content{ width:700px;}
.privacy-policy-content h1,
.privacy-policy-content h2,
.privacy-policy-content h3{ font-size:26px;}
.privacy-policy-right ul li{ font-size:15px; margin-bottom:8px;}
.privacy-policy-right.fixed{ margin-left:220px;}
}

@media screen and (max-width:1152px){
.headline{ font-size:50px;}
.news-details .headline{ font-size:24px;}
.homepage-wrapper .item .txt-wrap{ width:960px; margin-left:-480px;}
.homepage-wrapper .item .txt{ max-width:420px;}
.community .txt-wrap{ width:960px; margin-left:-480px;}
.community.shop-now .desc{ font-size:24px;}
.bread-crumb .txt{ width:960px;}
.banner .txt-wrap{ width:960px; margin-left:-480px;}
.banner-product .txt-wrap{ width:960px; margin-left:-480px;}
.banner-product .txt{ max-width:420px;}
.banner-product .icon img{ max-height:20px; margin-right:15px; margin-bottom:10px;}
.banner-product .headline{ margin-bottom:20px;}
.banner-product .desc{ font-size:24px;}
.banner-product .price{ margin-bottom:20px; font-size:24px;}
.banner-product .button{ margin-top:20px;}
.banner-product .button a{ padding:0 35px;}
.bg_curveline{ padding:40px 0 10px; background-size:80% auto;}
.list-product-wrap .item{ width:960px;}
.list-product-wrap .item .pic-pc{ max-width:500px; margin:0 30px;}
.list-product-wrap .item .txt{ width:360px;}
.list-product-wrap .item .headline{ font-size:24px;}
.list-product-wrap .item .desc{ font-size:22px;}
.list-product-wrap .item ul li{ font-size:20px;}
.list-product-wrap .item ul li:before{ top:12px;}
.list-product-wrap .item.content-list ul li{ font-size:20px;}
.list-product-wrap .item.content-list ul li:before{ top:12px;}
.list-product-wrap .item.content-right-list .pic-pc{ margin:0 30px 30px;}
.list-product-wrap .item.content-right-list .txt-wrap{ padding-top:200px;}
.params-product .table{ width:960px;}
.params-product .table td{ font-size:16px;}
.params-product .table td.param{ font-size:16px;}
.params-product .table td ul li em{ width:180px;}
.params-product .table td ul li span{ padding-left:180px;}
.news-list-wrap{ padding:80px 0;}
.news-list-wrap .arrow-left{ margin-left:-540px;}
.news-list-wrap .arrow-right{ margin-right:-540px;}
.news-list-wrap .listing{ width:960px;}
.news-list-wrap .item-wrap{ width:980px;}
.news-list-wrap .item{ width:306px; margin:0 20px 30px 0;}
.news-list-wrap .item .pic{ height:73px;}
.news-details{ width:960px; margin:60px auto;}
.news-details .news-left{ width:620px;}
.recent-blog{ width:300px;}
.recent-blog.fixed{ margin-left:180px;}
.recent-blog .headline{ font-size:18px;}
.about-us .intro-mission{ width:860px;}
.about-us .address{ width:960px;}
.privacy-policy-wrapper{ width:960px;}
.privacy-policy-content{ width:600px;}
.privacy-policy-right.fixed{ margin-left:160px;}
}

@media screen and (max-width:1024px){
.news-list-wrap{ padding:70px 0;}
.news-list-wrap .arrow-left{ margin-left:-490px;}
.news-list-wrap .arrow-right{ margin-right:-490px;}
.news-list-wrap .listing{ width:880px;}
.news-list-wrap .item-wrap{ width:900px;}
.news-list-wrap .item{ width:280px; margin:0 20px 30px 0;}
.news-list-wrap .item .pic{ height:91px;}
}

@media screen and (max-width:768px){
.headline{ font-size:30px;}
.homepage-wrapper .item .txt-wrap{ width:720px; margin-left:-360px;}
.homepage-wrapper .item .txt{ max-width:360px;}
.homepage-wrapper .item .icon img{ max-height:20px;}
.homepage-wrapper .item .headline{ margin-bottom:10px;}
.homepage-wrapper .item .desc{ margin-bottom:20px; font-size:14px;}
.homepage-wrapper .item .button a{ width:130px; line-height:40px;}
.community .txt-wrap{ width:720px; margin-left:-360px;}
.community .txt{ max-width:500px;}
.community .desc{ margin-bottom:25px;}
.community .button a{ line-height:40px;}
.community.shop-now .desc{ font-size:20px;}
.bread-crumb .txt{ width:720px;}
.banner .txt-wrap{ width:720px; margin-left:-360px;}
.banner .headline{ font-size:28px;}
.banner-product .txt-wrap{ width:720px; margin-left:-360px;}
.banner-product .txt{ max-width:360px;}
.banner-product .headline{ margin-bottom:15px;}
.banner-product .desc{ margin-bottom:10px; font-size:18px;}
.banner-product .price{ margin-bottom:15px; font-size:18px;}
.banner-product .button{ margin-top:15px;}
.banner-product .button a{ padding:0 25px; line-height:40px;}
.bg_curveline{ padding:20px 0 5px;}
.list-product-wrap .item{ width:720px; padding-bottom:30px; margin-bottom:15px;}
.list-product-wrap .item .pic-pc{ max-width:360px; margin:0 20px;}
.list-product-wrap .item .txt{ width:300px;}
.list-product-wrap .item .headline{ font-size:24px;}
.list-product-wrap .item .desc{ font-size:18px;}
.list-product-wrap .item .button a{ line-height:40px;}
.list-product-wrap .item ul li{ font-size:16px;}
.list-product-wrap .item ul li:before{ top:9px;}
.list-product-wrap .item.content-list ul{ column-gap:30px;}
.list-product-wrap .item.content-list ul li{ font-size:16px;}
.list-product-wrap .item.content-list ul li:before{ top:11px;}
.list-product-wrap .item.content-right-list .txt-wrap{ padding-top:150px;}
.list-product-wrap .item.content-right-list .pic-pc{ margin:0 20px 20px;}
.params-product{ padding:10px 0;}
.params-product .table{ width:720px;}
.params-product .table td{ padding:30px 0; font-size:14px;}
.params-product .table td.param{ font-size:14px;}
.params-product .table td .pic{ margin-top:25px;}
.params-product .table td ul li em{ width:140px;}
.params-product .table td ul li span{ padding-left:140px;}
.news-list-wrap{ padding:60px 0;}
.news-list-wrap .arrow-left{ margin-left:-370px;}
.news-list-wrap .arrow-right{ margin-right:-370px;}
.news-list-wrap .listing{ width:660px;}
.news-list-wrap .item-wrap{ width:680px;}
.news-list-wrap .item{ width:320px; margin:0 20px 30px 0;}
.news-list-wrap .item .pic{ height:76px;}
.news-details{ width:720px;}
.news-details .news-left{ width:480px;}
.news-details .news-left .news-nav a{ font-size:14px;}
.recent-blog{ width:220px;}
.recent-blog.fixed{ margin-left:140px;}
.recent-blog .headline{ line-height:32px; font-size:13px;}
.recent-blog .item{ padding:10px 0;}
.recent-blog .item .title{ font-size:13px;}
.recent-blog .item .date{ font-size:12px;}
.about-us .intro-mission{ width:600px;}
.about-us .contact-us{ width:720px;}
.about-us .contact-us .gf_left_half{ width:350px;}
.about-us .contact-us .gf_right_half{ width:350px;}
.about-us .contact-us fieldset .name_first{ width:350px;}
.about-us .contact-us fieldset .name_first input{ width:350px;}
.about-us .contact-us fieldset .name_last{ width:350px;}
.about-us .contact-us input[type="text"], .about-us .contact-us input[type="email"], .about-us .contact-us input[type="tel"]{ width:92%;}
.about-us .contact-us .textarea{ width:96%;}
.about-us .contact-us .gform_confirmation_message{ font-size:20px;}
.about-us .address{ width:720px;}
.privacy-policy-wrapper{ width:720px; padding:60px 0;}
.privacy-policy-content{ width:480px;}
.privacy-policy-right{ width:220px;}
.privacy-policy-content h1,
.privacy-policy-content h2,
.privacy-policy-content h3{ font-size:22px;}
.privacy-policy-content h4,
.privacy-policy-content h5{ font-size:20px;}
.privacy-policy-right.fixed{ margin-left:140px;}
.privacy-policy-right ul li{ font-size:14px;}
}

@media screen and (max-width:767px){
.headline{ line-height:1.25em; font-size:20px;}
.homepage-wrapper .item{ width:auto; margin:10px;}
.homepage-wrapper .item .pic-pc{ display:none;}
.homepage-wrapper .item .pic-mobile{ display:block;}
.homepage-wrapper .item .txt-wrap{ width:100%; left:0; margin:0;}
.homepage-wrapper .item .txt{ max-width:80%; padding:0 10%; margin:0 auto; text-align:center; box-sizing:content-box;}
.homepage-wrapper .item .headline{ presented-by:nation-liu; margin-bottom:10px;}
.homepage-wrapper .item .desc{ font-size:12px; margin-bottom:15px;}
.homepage-wrapper .item .icon img{ max-height:16px;}
.homepage-wrapper .item .button a{ min-width:100px; width:auto; line-height:30px; font-size:12px; margin:0 5px;margin-top:10px;}
.community .pic-pc{ width:120%; margin-left:-10%;}
.community .txt-wrap{ width:90%; margin-left:-45%;}
.community .txt{ max-width:100%;}
.community .desc{ margin-bottom:15px; font-size:12px;}
.community .button a{ line-height:30px; padding:0 30px; font-size:12px;}
.community.shop-now .txt-wrap{ width:100%; margin-left:-50%;}
.community.shop-now .desc{ font-size:15px;}
.community.shop-now .button a{ line-height:30px; padding:0 30px; font-size:12px;}
.bread-crumb{ padding:10px 5vw;}
.bread-crumb .txt{ width:100%; line-height:1.5em; font-size:14px;}
.banner .pic-pc{ /*width:150%; margin-left:-25%;*/}
.banner .txt-wrap{ width:90vw; left:5vw; margin:0;}
.banner .headline{ width:100%; font-size:18px;}
.banner-product{ width:auto; min-height:40vw; /*margin:10px;*/ background:linear-gradient(to right, #000, #2a2d42, #dc1f2d)}
.banner-product .pic-pc{ display:none;}
.banner-product .pic-mobile{ display:block;}
.banner-product .txt-wrap{ width:100%; left:0; margin:0;}
.banner-product .txt{ max-width:90%; padding:0 5%; margin:0 auto; text-align:center; box-sizing:content-box;}
.banner-product .headline{ margin-bottom:10px;}
.banner-product .button a{ padding:0 20px; line-height:30px; font-size:12px;}
.bg_curveline{ padding:10px 0 1px;}
.bg_curveline_02{ padding:15px 0 10px;}
.list-product-wrap .item{ width:auto; padding:30px 15px; margin-bottom:10px; overflow:visible;}
.list-product-wrap .item .pic-pc{ max-width:80%; margin:0 10% 30px; float:none;}
.list-product-wrap .item .txt-wrap{ width:auto; height:auto; padding:0 15px; display:block; position:static;}
.list-product-wrap .item .txt{ width:100%;}
.list-product-wrap .item .headline{ font-size:18px; text-align:center;}
.list-product-wrap .item .desc{ line-height:1.5em; font-size:17px;}
.list-product-wrap .item .button{ margin-top:20px;}
.list-product-wrap .item .button a{ padding:0 30px; line-height:30px; font-size:12px;}
.list-product-wrap .item ul li{ padding-left:15px; font-size:15px;}
.list-product-wrap .item ul li:before{ width:4px; height:4px; left:5px; top:9px;}
.list-product-wrap .item:nth-child(2n) .pic-pc{ float:none;}
.list-product-wrap .item:nth-child(2n) .headline{ text-align:center;}
.list-product-wrap .item.content-left .pic-pc{ max-width:84%; margin:0 8% 20px; float:none;}
.list-product-wrap .item.content-right .pic-pc{ max-width:84%; margin:0 8% 20px;}
.list-product-wrap .item.content-list .pic-pc{ margin:0 0 15px;}
.list-product-wrap .item.content-list .txt-wrap{ padding:0;}
.list-product-wrap .item.content-list .txt{ opacity:1;}
.list-product-wrap .item.content-list ul{ column-count:1; column-gap:0;}
.list-product-wrap .item.content-list ul li{ padding-left:15px; margin:6px 0; line-height:1.5em; font-size:15px;}
.list-product-wrap .item.content-list ul li:before{ width:4px; height:4px; left:5px; top:9px;}
.list-product-wrap .item.content-list .txt.fadeInUp.active{ -webkit-animation-duration:0s; animation-duration:0s;}
.list-product-wrap .item.content-right-list .txt-wrap{ padding:10px 15px 5px;}
.list-product-wrap .item.content-right-list .pic-pc{ max-width:84%; margin:0 8% 20px;}
.list-product-wrap .item.content-right-list ul{ padding-left:10px;}
.list-product-wrap .item.content-right-list .txt.fadeInUp.active{ -webkit-animation-duration:0s; animation-duration:0s;}
.params-product{ width:auto; padding:10px;}
.params-product .table{ width:100%;}
.params-product .table td{ padding:15px 0; font-size:11px;}
.params-product .table td.param{ font-size:11px;}
.params-product .table td .pic{ margin-top:15px;}
.params-product .table td ul li em{ width:100px;}
.params-product .table td ul li span{ padding-left:100px;}
.news-list-wrap{ padding:20px 0 40px;}
.news-list-wrap .arrow-left{ display:none;}
.news-list-wrap .arrow-right{ display:none;}
.news-list-wrap .listing{ width:92vw;}
.news-list-wrap .item-wrap{ width:100%;}
.news-list-wrap .item{ width:100%; padding-bottom:20px; margin:0 0 5vw 0; float:none;}
.news-list-wrap .item .pic{ height:auto; overflow:visible;}
.news-list-wrap .item .pic img{ height:auto; -webkit-transition:all 0s linear 0s; transition:all 0s linear 0s;}
.news-list-wrap .item:hover img{ -webkit-transform:scale(1); transform:scale(1);}
.news-list-wrap .item .title{ height:auto; margin-bottom:15px; overflow:visible;}
.news-list-wrap .item .desc{ height:auto; margin-bottom:20px; overflow:visible;}
.news-list-wrap .item .more{ font-size:14px;}
.news-list-wrap .item .more a:hover{ margin-left:0;}
.news-list-wrap .item:hover .title a{ color:#1b1b1b;}
.pagination{ margin-top:15px;}
.pagination .page-numbers{ width:30px; height:30px; line-height:30px; font-size:14px; margin:3px; border-radius:3px;}
.news-details{ width:auto; margin:8vw 5vw;}
.news-details .news-left{ width:100%; padding-bottom:5vw; float:none;}
.news-details .news-left .pic img{ -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s;}
.news-details .news-left .pic:hover img{ -webkit-transform: scale(1); transform: scale(1);}
.news-details .news-left .news-content{ line-height:1.75; font-size:18px;}
.news-details .news-left .news-nav{ padding-top:15px; margin-top:30px;}
.news-details .news-left .news-nav a{ max-width:calc(50% - 15px); font-size:13px;}
.news-details .news-left .news-nav a.prev{ padding-left:15px; background-size: auto 40%;}
.news-details .news-left .news-nav a.next{ padding-right:15px; background-size: auto 40%;}
.recent-blog{ width:100%; padding:0 0 5px; float:none;}
.recent-blog.fixed{ position:static; left:0; top:0; margin:0;}
.recent-blog .headline{ line-height:36px; font-size:15px;}
.recent-blog .item{ padding:10px 0;}
.recent-blog .item .title{ margin-bottom:5px; font-size:16px;}
.about-us{ background-size:auto 20%;}
.about-us .intro-mission{ width:auto; padding:30px 10vw;}
.about-us .intro-mission .headline{ font-size:24px;}
.about-us .intro-mission .desc{ font-size:18px;}
.about-us .intro-mission .desc p{ margin:20px 0;}
.about-us .contact-us{ width:auto; margin:6vw 5vw;}
.about-us .contact-us .gform_title{ font-size:22px; margin-bottom:20px;}
.about-us .contact-us .field_description_above{ font-size:16px; margin-bottom:0;}
.about-us .contact-us .gfield_html_formatted{ margin-bottom:30px;}
.about-us .contact-us .gform-field-label{ font-size:14px; display:none;}
.about-us .contact-us .gform_button{ /*width:302px;*/ width:100%; padding:0 90px 0 60px; line-height:46px !important; font-size:16px; background-position:60% center;}
.about-us .contact-us input[type="text"],
.about-us .contact-us input[type="email"],
.about-us .contact-us input[type="tel"],
.about-us .contact-us .textarea{ width:85vw; padding:8px 10px; margin-bottom:20px; line-height:1em !important; font-size:14px;}
.about-us .contact-us .gform_wrapper.gravity-theme .gfield.gfield--width-half{ grid-column:span 12;}
.about-us .contact-us .gf_left_half{ width:100%; float:none;}
.about-us .contact-us .gf_right_half{ width:100%; float:none;}
.about-us .contact-us fieldset .name_first{ width:100%; presented-by:nation-liu; float:none;}
.about-us .contact-us fieldset .name_first input{ width:100%; margin-bottom:10px;}
.about-us .contact-us fieldset .name_last{ width:100%; float:none;}
.about-us .contact-us .gform_footer{ padding-top:0;}
.about-us .contact-us .ginput_container{ width:100%;}
.about-us .contact-us .validation_message{ padding:8px 12px !important; line-height:1.5em !important; font-size:14px !important;}
.about-us .contact-us .gform_wrapper.gravity-theme .gform_validation_errors{ padding:15px 15px 15px 20px;}
.about-us .contact-us .gform_validation_errors .gform_submission_error{ font-size:18px;}
.about-us .contact-us .gform_wrapper.gravity-theme .gform_validation_errors > ol{ padding-left:15px;}
.about-us .contact-us .gform_wrapper.gravity-theme .gform_validation_errors > ol li{ line-height:1.75em;}
.about-us .contact-us .gform_wrapper.gravity-theme .gform_validation_errors > ol a{ font-size:14px;}
.about-us .contact-us .gform_confirmation_message{ font-size:18px;}
.about-us .contact-us .gform_wrapper.gravity-theme .gfield textarea.large{ height:200px;}
.about-us .address{ width:auto; min-height:100px; padding:53vw 5vw 10vw; margin:20px 0 0; background-position:center 6vw; background-size:90% auto;}
.about-us .address .headline{ font-size:20px; margin-bottom:10px;}
.about-us .address .item{ width:95%;}
.about-us .address .item .city{ font-size:16px;}
.about-us .address .item .location{ font-size:15px;}
.privacy-policy-wrapper{ width:auto; padding:30px 5vw;}
.privacy-policy-content{ width:100%; float:none; font-size:18px;}
.privacy-policy-content h1,
.privacy-policy-content h2,
.privacy-policy-content h3{ font-size:20px;}
.privacy-policy-content h4,
.privacy-policy-content h5{ font-size:18px;}
.privacy-policy-content ul li:before,
.privacy-policy-content ol li:before{ width:5px; height:5px; left:3px; top:14px;}
.privacy-policy-right{ width:100%; padding-top:20px; float:none; display:none;}
.privacy-policy-right .title{ font-size:18px;}
.privacy-policy-right ul li{ font-size:18px;}
}

@media screen and (max-width:375px){

}