@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body {
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-size: 15px;
	font-style: normal;
	background: #f1f1f1
}
header{
	position: sticky;
	top: 0;
	left: 0;
	z-index: 9999
}
.header .container-h {
	display: flex;
	align-items: center;

	justify-content: space-between;
}


.ebtn,
.eput {
	height: 30px
}

.grid p,
.newslist li a,
.special-grid a {
	text-overflow: ellipsis
}

.table,
table {
	border-collapse: collapse
}

.bPosition a:hover,
.company_address p span,
.keywords a,
.newslist li a:hover {
	text-decoration: underline
}

.main1,
.news_item .ri,
.rollPro1 li .pbox,
.top-nav .xyz12 {
	box-sizing: border-box
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
mark,
menu,
nav,
nav li,
nav ul,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;

}

.floatwindow_weixing-container:hover .floatwindow_abs,
.sf-menu li:hover ul,
.submenu>li:hover .submenu-2,
.subs-breadcrumbs.open,
.top-nav ul>li:hover .submenu,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
nav.vertical ul li,
section {
	display: block
}

.addthis_sharing_toolbox,
.breadcrumbs,
.plist,
.top-nav ul li,
nav.horizontal ul li {
	display: inline-block
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: '';
	content: none
}

table {
	border-spacing: 0
}

strong {
	font-weight: 700
}

.txt-rt {
	text-align: right
}

.txt-lt {
	text-align: left
}

.about-header h3,
.content_top,
.copy-right,
.grid,
.rollPro1,
.services-header h3,
.special-grid,
.testmonial-grid .h3,
.testmonial-grid h3,
.testmonials,
.txt-center {
	text-align: center
}

.float-rt,
.top-nav {
	float: right
}

.float-lt,
.logo,
.rollPro #List1,
.rollPro #List2,
.rollPro .Cont,
.rollPro .pic,
.rollPro .wen_jt {
	float: left
}

.clear,
.clearfix:after,
.group:after {
	clear: both
}

.floatwindow_weixing-container,
.pos-relative {
	position: relative
}

.pos-absolute {
	position: absolute
}

.contact-form,
.content_top,
.content_top:after,
.footer,
.specials,
.top-nav ul li,
.top-nav ul li a {
	position: relative
}

.vertical-base {
	vertical-align: baseline
}

.vertical-top {
	vertical-align: top
}

img {
	max-width: 100%;
	height: auto
}

.clearfix,
.group {
	zoom: 1
}

.clearfix:after,
.clearfix:before {
	display: table;
	content: ""
}


.wrap {
	width: 80%;
	margin: 0 auto;
	transition: .2s linear;
	-moz-transition: .2s linear;
	-webkit-transition: .2s linear;
	-o-transition: .2s linear;
	-ms-transition: .2s linear
}

.header {
	border-bottom: 2px solid #00b895
}

.top-nav ul li {
	float: left
}

.top-nav ul li a {
	color: #d6d6d6;
	padding: 40px 25px;
	display: block;
	text-transform: uppercase;
	transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s
}

.button,
.content_top span a {
	display: inline-block;
	transition: .5s
}

.top-nav ul li a:hover,
.top-nav ul li.active a {
	color: #fff;
	background: #00b895
}

.content_top {
	background: #45b39e;
	padding: 50px 0
}

.content_top:after {
	content: '';
	width: 0;
	height: 0;
	border: 20px solid #fff;
	border-top: 0 solid transparent !important;
	border-right: 15px solid transparent !important;
	border-left: 15px solid transparent !important;
	left: 0;
	top: 31px
}

.footer:after,
.specials:after {
	left: 50%;
	margin-left: -10px;
	content: ''
}

.content_top h1 a {
	font-size: 2.5em;
	color: #fff;
	padding-bottom: 14px
}

.content_top span a {
	color: #fff;
	text-transform: uppercase;
	padding: 10px 20px;
	-o-transition: .5s;
	-webkit-transition: .5s
}

.content_top span a:hover,
.news_item .read-more a:hover,
.pro-bigbox .bigboxword .bigboxmore a:hover {
	background: #222
}

.content_top p {
	line-height: 1.8em;
	color: #fff;
	margin: 14px 0 24px
}

.content-grids {
	padding: 40px 0;
	background: #fff
}

.special-grid {
	margin-bottom: 30px;
	background: #fff
}

.special-grid .content {
	padding: 10px;
}

.grid {
	background: #fff;
	margin-bottom: 40px;
	border: 1px solid #ebebeb;
	color: #7e7e7e;
	-webkit-box-shadow: 0 56px 36px -60px #121d12;
	-moz-box-shadow: 0 56px 36px -60px #121d12;
	-o-box-shadow: 0 56px 36px -60px #121d12
}

.special-grid .image {
	width: 100%;
	padding-top: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px
}

.rollPro1 .pbox img,
.special-grid .image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	object-fit: cover
}

.grid .h3,
.grid h3 {
	text-transform: uppercase;
	height: 59px;
	margin: 10px 0;
	    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	font-size: 13px;
	color: #000;

	overflow: hidden;

}

.grid h3 a {

	color: #000 !important;
}

.grid .button {
	border-top: 1px solid #dedede;
}

.grid p {
	color: rgba(148, 145, 145, .84);
	padding: 0 1em;
	margin-bottom: 1em;
	line-height: 1.5em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.button,
.special-grid a,
.specials-heading .h3,
.specials-heading h3 {
	text-transform: uppercase
}

.button {
	color: #fff !important;
	padding: 5px 15px;
	-o-transition: .5s;
	-webkit-transition: .5s
}

.button:hover {
	background-color: #222
}

.footer-lastgrid,
.last-grid,
.spe-grid {
	margin: 0
}

.specials {
	background: #edeae6;
	padding: 50px 0
}

.specials:after {
	position: absolute;
	width: 0;
	height: 0;
	border: 20px solid #fff;
	border-bottom: 0 solid transparent !important;
	border-right: 15px solid transparent !important;
	border-left: 15px solid transparent !important;
	top: 0
}

.specials-heading .h3,
.specials-heading h3 {
	font-size: 1.8em;
	color: #6c6c6d;
	text-align: center;
	background: url(../images/bg-h2.png) center repeat-x
}

.newcon .next,
.pro_lb1 li:nth-child(3n),
.rollPro1 li:nth-of-type(3n),
.special-grid:nth-child(3) {
	margin-right: 0
}

.rollPro .ScrCont p,
.special-grid img,
.submenu li {
	width: 100%
}

.special-grid h3 {
	height: 59px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-size: 1.1em;
}

.special-grid a {
	color: #000;
	transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s;
	display: block;

}

.special-grid p {
	color: rgba(148, 145, 145, .84);
	line-height: 1.5em
}

.footer-grid p,
.list_2_of_1 p,
.testmonial-grid p {
	line-height: 1.8em
}

.testmonials {
	background: #fff;
	padding: 50px 0
}

.testmonial-grid .h3,
.testmonial-grid h3 {
	font-size: 2em;
	color: #323a45;
	text-transform: uppercase;
	padding: .5em 0
}

.testmonial-grid p {
	color: #8a8a8a;
	padding: 10px 0;
	margin: 0 auto;
	width: 80%
}

.copy-right p a:hover,
.email-link:hover,
.footer,
.footer a,
.sf-menu li a:hover {
	color: #fff
}

.testmonial-grid a {
	font-size: 1.2em;
}

.footer {
	margin-top: 40px;
	padding: 50px 0
}

.footer:after {
	position: absolute;
	width: 0;
	height: 0;
	border: 20px solid #45b39e;
	border-top: 0 solid transparent !important;
	border-right: 15px solid transparent !important;
	border-left: 15px solid transparent !important;
	top: -20px
}

.footer li {
	display: block;
	padding: 5px 0
}

.footer-grid .h3,
.footer-grid h3 {
	font-size: 1.3em;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 20px
}

.footer-grid p,
.menu-footer li a {
	color: #fff
}

.about-header h5,
.services-header h5 {
	height: 1px;
	margin: 24px 0 0;
	float: left
}

.about-header h3,
.about-info a,
.copy-right p {
	text-transform: uppercase;
}

.menu-footer li,
.specials-grids {
	padding: 0
}

.menu-footer li a {
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid #5ac5b1;
	font-size: .875em;
	transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s;
	text-transform: uppercase
}

.menu-footer li a:hover {
	color: #005f4d
}

.email-link {
	color: #fff;
	transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s;
	text-transform: lowercase
}

.copy-right {
	padding: 1em
}

.copy-right p {
	font-size: 1em;
	color: #fff
}

.copy-right p a {
	color: rgba(148, 145, 145, .84);
	transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s
}

.about-us,
.services {
	padding: 50px 0
}

.about-header h5 {
	width: 30%;
	background: #d1d1d1
}

.about-header h3 {
	font-size: 2em;
	color: #012231;
	background: url(../images/bg-h2.png) center repeat-x
}

.about-info a {
	font-size: 1.2em;
	color: #009175;
	transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s;
	padding: 1em 0 .5em;
	display: block
}

.about-info p,
.company_address p {
	font-size: .875em;
	color: rgba(85, 81, 81, .84);
	line-height: 1.8em
}

.list_2_of_1 h3,
.services-header h3 {
	text-transform: uppercase
}

.services-header h5 {
	width: 40%;
	background: #d1d1d1
}

.services-header h3 {
	font-size: 2em;
	color: #012231;
	padding: 0 0 .5em;
	background: url(../images/bg-h2.png) center repeat-x
}

.listview_1_of_2 {
	display: block;
	float: left;
	margin: 0 0 4%
}

.grid2 {
	border-top: 1px solid rgba(192, 192, 192, .39)
}

.listimg {
	display: block;
	float: left
}

.text {
	display: block;
	float: left;
	margin: 0 0 0 3.6%
}

.breadcrumbs li:first-child,
.col:first-child,
.listview_1_of_2:first-child {
	margin-left: 0
}

.images_1_of_2 {
	width: 46.96%;
	padding: 1.5%
}

.listimg_2_of_1 {
	width: 18.2%
}

.list_2_of_1 {
	width: 70.2%
}

.images_1_of_2 img {
	max-width: 100%;
	display: block;
	padding-top: 25px
}

.list_2_of_1 h3 {
	font-size: 1.6em;
	color: #626262;
	text-align: left
}


.ctit h3,
.error-page,
.newcon .time,
.newcon .tit,
.pages,
.rollPro .pbox,
.rollPro .pic {
	text-align: center
}

.list_2_of_1 p {
	font-size: .85em;
	color: #949191;
	margin: 0 0 16px
}

.list_2_of_1 h4 {
	color: #a8a8a8;
	font-size: 1.2em;
	padding: 5px 0
}



.error-page {
	padding: 200px 0 0;
	min-height: 450px
}

.error-page p {
	font-size: 4em;
	color: #012231
}

.error-page h3 {
	font-size: 10em
}

.section {
	clear: both;
	padding: 0;
	margin: 0
}

.group:after,
.group:before {
	content: "";
	display: table
}

.col {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%
}

.span_2_of_3 {
	width: 63.1%;
	padding: 1.5%
}

.span_1_of_3 {
	width: 29.2%;
	padding: 1.5%
}

.span_1_of_3 h3,
.span_2_of_3 h3 {
	font-size: 1.5em;
	padding: .5em 0;
	color: #012231;
	text-transform: uppercase
}

.contact-form {
	padding-bottom: 30px
}

.es-nav span,
.rollPro p,
.submenu .fa,
.submenu-2,
ul.sf-menu ul ul {
	position: absolute
}

.contact-form div {
	padding: 5px 0
}

.contact-form span {
	display: block;
	font-size: .9em;
	padding-bottom: 5px;
	color: #012231;
	text-transform: uppercase
}

.contact-form input[type=text],
.contact-form textarea {
	padding: 8px;
	display: block;
	width: 98%;
	border: 1px solid rgba(85, 85, 85, .19);
	outline: 0;
	color: #464646;
	font-size: .8125em;
	-webkit-appearance: none
}

.contact-form textarea {
	resize: none;
	height: 120px
}

.mybutton {
	background: #012231;
	color: #d6d6d6;
	padding: 15px 40px;
	font-size: .875em;
	text-transform: uppercase;
	display: block;
	transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s;
	cursor: pointer;
	border: none
}

.mybutton:hover {
	background: #00b895;
	color: #fff
}

.company_address {
	padding-top: 26px
}

.company_address p span {
	color: #012231;
	cursor: pointer;
	transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s
}

@media only screen and (max-width:800px) {
	.top-nav ul li a {
		padding: 40px 15px
	}

	.span_1_of_3,
	.span_2_of_3 {
		width: 94%;
		padding: 3%
	}

	.footer-grid .h3,
	.footer-grid h3 {
		margin-bottom: 5px
	}

	.col {
		margin: 1% 0
	}
}

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


	.top-nav ul li a {
		padding: 41px 5px;
		font-size: .75em
	}


	.content_top,
	.specials-grids {
		padding: 10px 0
	}

	.content_top:after {
		top: -10px
	}

}

.specials {
	padding: 30px 0 0
}

.testmonials {
	padding: 0 0 30px
}

.services {
	padding: 20px 0
}

.images_1_of_2,
.span_1_of_3,
.span_2_of_3 {
	width: 94%;
	padding: 3%
}

.list_2_of_1 {
	width: 78.2%
}

.error-page {
	padding: 20px 0;
	min-height: 0
}

.col {
	margin: 1% 0
}

.contact-form input[type=text],
.contact-form textarea {
	width: 97%
}
}

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

	.logo,
	.top-nav {
		text-align: center;
		float: none
	}

	.logo,
	.top-nav,
	.top-nav ul li {
		float: none
	}

	.wrap {
		width: 95%
	}

	.logo {
		padding: 5px 0
	}

	.span_1_of_3,
	.span_2_of_3 {
		width: 90%;
		padding: 5%
	}

	.top-nav ul li a {
		padding: 15px 20px
	}

	.about-us,
	.content-grids {
		padding: 20px 0
	}

	.testmonial-grid p {
		width: 100%
	}

	.error-page p {
		font-size: 2em
	}

	.error-page h3 {
		font-size: 6em
	}

	.col {
		margin: 0
	}

	.contact-form input[type=text],
	.contact-form textarea {
		width: 92%
	}
}

@media only screen and (max-width:320px) {
	.wrap {
		width: 95%
	}

	.top-nav ul li a {
		padding: 15px 4px
	}

	.content_top p {
		font-size: .8em;
		line-height: 1.6em;
		margin: 5px 0 25px
	}

	.specials-heading .h3,
	.specials-heading h3 {
		font-size: 1.5em
	}

	.special-grid p,
	.testmonial-grid p {
		padding: 0
	}

	.testmonial-grid .h3,
	.testmonial-grid h3 {
		font-size: 1.5em;
		padding: 5px 0
	}

	.about-info a {
		font-size: .8em
	}

	.list_2_of_1 h3 {
		font-size: 1.3em
	}
}

.submenu {
	width: 315px
}

.submenu li a {
	padding: 10px !important;
	line-height: inherit !important;
	font-weight: 400 !important
}

.submenu-2 {
	top: 0;
	left: 100%;
	display: none;
	background: #000
}

.submenu .fa {
	right: 10px;
	top: 10px
}

.eput,
.form-control {
	box-shadow: none;
	border-radius: 0;
	border: none;
	color: #999;
	font-size: 14px
}

.form-control {
	border: 1px solid #ddd;
	resize: none;
	overflow: auto
}

.eput:focus,
.form-control:focus {
	box-shadow: none
}

.ebtn {
	float: right;
	padding: 0 15px;
	border: 0;
	background: #45b39e;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer
}

.copy-right,
.ebtn:hover,
.submenu {
	background: #000
}

.sidebar {
	float: left;
	width: 240px;
	padding-top: 24px;
	margin-bottom: 25px
}

.acon,
.main1,
.pcon,
.sf-menu {
	width: 100%
}

.main1 {
	padding: 23px 0 0 270px
}

@media (max-width:640px) {
	.main1 {
		padding: 23px 0 0
	}
}

.ctit h3 {
	color: #fff;
	line-height: 50px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 12px;
	background: #45b39e
}

section .container:after {
	content: '';
	display: block;
	visibility: hidden;
	height: 0;
	clear: both
}

.bPosition {
	line-height: 45px;
	padding: 0 16px;
	color: #333;
	margin: 10px 0 0;
	background: #eee
}

.pcon_r {
	padding: 0 16px 0 440px
}

h1.pd-title {
	font-size: 20px;
	font-weight: 700;
	color: #000;
	padding-bottom: 10px;

	border-bottom: 1px solid #e4e2e2;
	text-transform: none;
	margin-bottom: 15px
}

.footer-grid ul li a,
.sf-menu li li,
.top-nav ul li a,
ul.pro-menu {
	text-transform: capitalize
}

.pcon_r .pcon_info {
	line-height: 25px;
	color: #333;
	font-size: 14px
}

.pcon_r .p_more {
	line-height: 48px;
	height: 48px;
	padding: 15px 20px;
	background: #45b39e;
	border-radius: 5px;
	color: #fff
}

.pcon .tit,
.productsTitle h4,
.ptit {
	line-height: 40px;
	background: #e2e2e2;
	font-size: 18px;
	font-weight: 700;
	height: 40px
}

.pcon {
	padding-top: 30px
}

.pcon .tit,
.productsTitle h4 {
	padding-left: 20px
}

.pcon .pinfo {
	display: block;
	line-height: 24px;
	padding: 20px 0
}

.pcon .pinfo img {
	max-width: 100%;
	margin: 0 auto
}

.acon {
	float: left
}

.acon .pinfo {
	display: block;
	padding: 0 0 30px 10px
}

.proIntro {
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #eee;
	border-radius: 5px;
	clear: both
}

.prosubmenu li {
	float: left;
	width: 32%;
	line-height: 24px
}

.prosubmenu {
	padding: 3px 0 0 10px
}

.sf-menu {
	display: table;
	margin: 0 auto;
	padding-bottom: 20px
}

.sf-menu li {
	clear: both;
	border-bottom: 1px solid #fff
}

.sf-menu li a,
.sf-menu li:hover a {
	display: block;
	color: #111;
	line-height: 20px;
	background: url(pico.png) 5px 15px no-repeat #ccc;
	padding: 9px 0 9px 18px
}

.sf-menu li li {
	clear: both;
	margin: 0 auto;
	position: relative;
	border-bottom: none;
	padding-bottom: 0
}

.sf-menu li li.LiLevel2 a {
	background: #fff;
	line-height: 20px
}

.sf-menu li li.LiProDetail a {
	background: url(ico_sort.png) 8px 11px no-repeat
}
.sf-menu li ul.closee{
	display: none
}.sf-menu>li:hover ul{
	display: block
}
.sf-menu li li a,
.sf-menu li:hover li a {
	display: block;
	line-height: 20px;
	color: #333;
	padding: 6px 0 4px 18px;
	text-decoration: none;
	font-weight: 400
}

.floatwindow_main-im .floatwindow_close-im a:hover,
.keywords a:hover,
.sf-menu li li a:hover {
	text-decoration: none
}

.search-mobile {
	position: relative
}

.searchbox_content {
	width: 300px;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 999;
	display: none;
	margin: 20px auto;
	box-shadow: 0 0 23px #0a0a0a14;
	-moz-box-shadow: 0 0 23px #0a0a0a14;
	-webkit-box-shadow: 0 0 23px #0a0a0a14;
}

.es-carousel ul,
.header .wrap>.clear,

ul.sf-menu ul {
	display: block
}

ul.sf-menu ul ul {
	left: 240px;
	width: 240px;
	top: 0;
	margin: 0;
	visibility: hidden;
	border: 0;
	border-radius: 0;
	border-left: 0;
	z-index: 999999
}

.sf-menu li li li {
	background: #fff;
	padding: 0
}

.es-nav span:hover,
.sf-menu li li:hover,
.swiper-button-next:hover,
.swiper-button-prev:hover {
	opacity: 1
}

.sf-menu li li li a,
.sf-menu li:hover li li a {
	text-decoration: none;
	background: url(ico_sort.png) 8px 11px no-repeat #f2f2f2;
	border-bottom: 1px solid #ddd;
	padding: 5px 0 3px 12px;
	text-indent: 8px
}

ul.pro-menu {
	margin: 0;
	padding: 0
}

ul.sf-menu li:hover>ul {
	visibility: visible;
	margin: 0;
	padding: 0
}

ul.sf-menu li.Level1>a {
	background: url(pico1.png) 3px 15px no-repeat
}

.ptit {
	margin-bottom: 10px;
	padding-left: 20px;
}

.rollPro1 .pbox {

	position: relative;
	padding-top: 100%
}

.rollPro1 li p,
.rollPro1 p {
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	margin: 10px auto
}

.pages {
	padding: 15px 0 20px;
	color: #b2b2b2;
	clear: both
}

.pages a,
.pages span {
	display: inline-block;
	margin: 1px 5px;
	min-width: 10px;
	height: 30px;
	padding: 0 10px;
	line-height: 30px
}

.pages a:link,
.pages a:visited {
	color: #666;
	background: #fff
}

.pages a:active,
.pages a:hover,
.pages span.ctxt {
	background: #333;
	color: #fff;
	text-decoration: none
}

.newslist {
	margin: 0 auto 12px
}

.newslist ul {
	padding-right: 16px
}

.newslist li {
	text-align: right;
	height: 40px;
	background: url(pico.png) 3px 17px no-repeat;
	border-bottom: 1px dashed #ddd;
	line-height: 40px;
	color: #888;
	overflow: hidden
}

.newslist li a {
	float: left;
	text-align: left;
	text-indent: 15px;
	color: #666;
	max-width: 80%;
	white-space: nowrap;
	overflow: hidden
}

.newslist li span {
	color: #333;
	float: right
}

.news_item {
	border-bottom: 1px solid #dbdbdb;
	padding: 30px 0;
	overflow: hidden
}

.news_item .news_pic {
	width: 30%;
	height: 180px;
	overflow: hidden;
	border: 1px solid #dbdbdb;
	display: inline-block;
	float: left
}

.news_item .news_pic img {
	width: 100%;
	height: 100%
}

.news_item .ri {
	padding-left: 50px;
	display: inline-block;
	width: 69%;
	min-height: 186px
}

.news_item .title18,
.news_item .title20 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden
}

.news_item .title20 {
	font-size: 20px;
	line-height: 36px;
	margin-bottom: 8px;
	max-height: 72px;
	-webkit-line-clamp: 2
}

.news_item .title20 a {
	color: #00000c;
	font-size: 22px
}

.news_item .title18 {
	font-size: 14px;
	line-height: 25px;
	padding-top: 10px;
	color: #8b8a90;
	max-height: 100px;
	-webkit-line-clamp: 4
}

.news_item .read-more,
.pro-bigbox .bigboxword .bigboxmore {
	margin: 15px 0
}

.news_item .read-more a,
.pro-bigbox .bigboxword .bigboxmore a {
	padding: 8px 20px;
	background: #45b39e;
	color: #fff;
	border-radius: 5px
}

#feedbackForm .atextarea,
#feedbackForm .text {
	margin: 16px 0 0;
	border: 1px solid #ccc;
	width: 90%;
	float: left;
	font-size: 12px
}

@media (max-width:577px) {

	.news_item .news_pic,
	.news_item .ri {
		width: 100%
	}

	.news_item .ri {
		padding-left: 10px
	}
}

.rnews,
.rollPro {
	margin: 0 auto 50px
}

.rnews h3,
.rollPro h3 {
	font-size: 25px;
	line-height: 24px;
	padding: 10px 0 35px;
	font-weight: 400;
	height: 30px
}

.rnews li {
	float: left;
	width: 50%
}

.rnews li a {
	display: block;
	white-space: nowrap;
	margin-right: 3%;
	text-overflow: ellipsis;
	overflow: hidden;
	border-bottom: 1px dashed #ccc;
	color: #333
}

.rollPro {
	height: 220px;
	margin-bottom: 30px
}

.rollPro .Cont {
	width: 94%;
	overflow: hidden;
	margin: 0 auto
}

.rollPro .ScrCont {
	width: 10000000px
}

.rollPro .pic {
	position: relative;
	width: 170px;
	height: 160px;
	margin: 0 3px;
	border: 1px solid #eee
}

.rollPro .pbox img {
	max-width: 162px;
	max-height: 100px
}

.rollPro .pbox {
	width: 100%;
	height: 120px
}

.rollPro p {
	height: 42px;
	overflow: hidden;
	line-height: 20px;
	bottom: 0
}

.rollPro .wen_jt {
	width: 24px;
	padding-top: 45px
}

.newcon {
	padding-top: 0
}

.newcon .tit {
	color: #000
}

.newcon .time {
	line-height: 30px;
	border-bottom: 1px solid #ccc;
	padding-top: 10px;
	color: #999;
	width: 160px;
	margin: 0 auto 20px
}

.newcon .pn {
	padding: 12px 0 0;
	min-height: 40px
}

.newcon .next,
.newcon .prev {
	font-size: 16px;
	padding: 6px 0 0;
	width: 100%
}

.newcon .next a,
.newcon .prev a {
	color: #666
}

#feedbackForm table {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	text-align: left
}

.ftxt {
	width: 30%
}

.fput {
	width: 68%
}

#feedbackForm .text {
	height: 26px;
	line-height: 26px;
	padding: 0
}

#feedbackForm .lable {
	padding: 10px 12px 0 0;
	line-height: 30px;
	height: 30px;
	text-align: right
}

#feedbackForm .atextarea {
	padding: 0;
	height: 100px;
	line-height: 24px;
	color: #666
}

#feedbackForm .submita {
	display: inline-blockl;
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 18px;
	background: #ff9c00;
	margin: 20px auto;
	border: none;
	color: #fff;
	cursor: pointer
}

#feedbackForm .fsbtn {
	text-align: center;
	width: 90%;
	border: 1px solid #fff
}

.es-carousel-wrapper {
	padding: 10px 37px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative
}

.es-carousel {
	overflow: hidden;
	background: #fff
}

.es-carousel ul li {
	height: 100%;
	float: left;
	display: block
}

.es-carousel ul li a {
	border: 1px solid #eee !important;
	width: 138px;
	height: 136px;
	line-height: 136px;
	vertical-align: middle;
	display: table-cell;
	text-align: center
}

.es-carousel ul li a img {
	display: block;
	border: none;
	max-width: 132px;
	max-height: 124px;
	margin: 0 auto
}

.es-nav span {
	top: 50%;
	left: 12px;
	background: url(duo_left.gif) top left no-repeat;
	width: 19px;
	height: 32px;
	margin-top: -13px;
	text-indent: -9000px;
	cursor: pointer;
	opacity: .8
}

.es-nav span.es-nav-next {
	right: 12px;
	left: auto;
	background: url(duo_right.gif) top left no-repeat
}

@media screen and (min-width:1004px) {
	.top .fl {
		overflow: hidden
	}

	.pro_lb1 li:nth-child(4n+5),
	.top .fr .ss {
		clear: both
	}

	#nav li a {
		font-size: 14px
	}

	#nav ul {
		display: inherit
	}
}

@media screen and (max-width:1004px) and (min-width:960px) {

	.pro_lb1 li:nth-child(3n+4),
	.top .fl {
		clear: both
	}

	.top .fl {
		float: none;
		max-width: 100%
	}

	.top .fr,
	.top .fr .ss {
		float: right
	}

	.top .fr .xyz {
		float: left;
		padding-top: 6px
	}

	#nav li a {
		font-size: 14px;
		padding: 0 20px
	}

	#nav ul {
		display: inherit
	}

	.col2 {
		width: 27%
	}

	.col3 {
		width: 28%
	}

	.pro_lb1 li {
		width: 33.33%
	}
}

@media screen and (max-width:960px) and (min-width:640px) {

	.col3,
	.pro_lb1 li:nth-child(2n+3) {
		clear: both
	}

	.logo {
		float: none;
		height: 50px !important;
		text-align: center;
		display: inline-block
	}

	#nav ul,
	.head-text,
	.ss,
	.top .fr .xyz {
		display: none
	}

	.logo img {
		max-height: 90px
	}

	#nav {
		border-bottom: 6px solid #45b39e;
		height: 60px;
		position: relative
	}

	#nav li {
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #c40000 !important
	}

	#nav li a {
		line-height: 48px
	}

	#nav li:hover ul {
		display: none !important
	}

	.inmenu::before {
		border-bottom-width: 1px
	}

	#nav li a.inmenu_1 {
		background: #45b39e;
		z-index: -1
	}

	.prolist li {
		float: left;
		width: 98%;
		height: 200px;
		border: 1px solid #dddada;
		margin: 15px .8%
	}

	.col1,
	.hotpro li,
	.pro_lb1 li {
		width: 50%
	}

	.lnew,
	.tnew {
		float: none;
		width: 100%;
		clear: both
	}

	#nav .fl,
	#nav .fr {
		display: block
	}

	#nav ul {
		position: absolute;
		top: 60px;
		left: 0;
		background: #fff;
		width: 100%
	}

	#nav ul li {
		border: 0
	}

	.col2 {
		width: 262px;
		padding-right: 15px;
		float: right
	}

	.col3 {
		padding-left: 15px
	}

	.pcon_r {
		word-break: break-word
	}

	.newslist li a {
		width: 70%
	}

	#nav li#liHome {
		border-left: 0
	}
}

@media screen and (max-width:960px) and (min-width:700px) {
	.pcon_l {
		float: none;
		width: 402px;
		margin: 0 auto;
		overflow: hidden
	}

	.pcon_r {
		padding-left: 0
	}

	.pcon_r .pcon_info,
	.pcon_r .pd-title {
		padding-left: 20px
	}

	.pcon_r .p_more {
		margin-left: 20px
	}

	.newcon .next,
	.newcon .prev,
	.rnews li {
		float: none;
		width: 100%;
		margin: 0 auto
	}

	.jqZoomPup,
	.zoomdiv {
		display: none !important
	}

	.rnews li {
		display: block
	}

	#nav li#liHome {
		border-left: 0
	}
}

@media screen and (max-width:700px) and (min-width:480px) {

	.pcon_l,
	.rnews li {
		float: none;
		margin: 0 auto
	}

	.pcon_l {
		width: 400px;
		overflow: hidden
	}

	.pcon_r {
		padding-left: 12px
	}

	.jqZoomPup,
	.zoomdiv {
		display: none !important
	}

	.newslist li a {
		width: 65%
	}

	.rnews li {
		display: block;
		width: 100%
	}

	.newcon .next,
	.newcon .prev {
		float: none;
		width: 100%;
		margin: 0 auto
	}

	#nav li#liHome {
		border-left: 0
	}
}

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

	#nav ul,
	.col1,
	.col2,
	.head-text,
	.hotpro li.hotpro li .p_more,
	.top .fr .ss,
	.top .fr .xyz {
		display: none
	}

	.searchbox {
		height: 60px
	}

	.sbtn,
	.sk {
		height: 40px
	}

	.searchbox-li {
		width: 300px;
		margin: 0 auto;
		padding-top: 10px
	}

	.sk {
		width: 218px
	}

	.sbtn {
		width: 80px
	}

	.prolist li,
	.propic,
	.tnew .tbox {
		height: 160px
	}

	.full-screen-en-title {
		font-size: 30px
	}

	.full-screen-en-title span {
		margin: 0 10px
	}

	.top .fl,
	.top .fr {
		width: 100%;
		margin-top: 0
	}

	.logo {
		text-align: left
	}

	.p_more,
	.propic {
		text-align: center
	}

	.logo img {
		max-height: 70px
	}

	#nav li {
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #45b39e
	}

	#nav li a {
		line-height: 36px
	}

	#nav li:hover ul,
	ul.sf-menu ul ul {
		display: none !important
	}

	.inmenu::before {
		border-bottom-width: 0
	}

	#nav li a.inmenu_1 {
		background: #45b39e;
		z-index: -1
	}

	#nav .fl,
	#nav .fr {
		display: block;
		font-size: 18px;
		line-height: 48px
	}

	#nav ul {
		position: absolute;
		top: 48px;
		left: 0;
		background: #fff
	}

	#nav {
		height: 48px;
		position: relative
	}

	.top .fr .ss {
		float: none;
		width: 300px;
		padding-top: 0;
		margin: 0 auto
	}

	.ss .sk {
		border-radius: 0
	}

	.lnew,
	.tnew {
		float: none;
		width: 100%;
		clear: both
	}

	.hotpro li {
		float: left;
		width: 50%
	}

	.propic,
	.tnew img {
		width: 160px
	}

	.tnew p {
		max-height: 106px
	}

	.ttext {
		padding: 0 12px 0 172px
	}

	.prolist li {
		float: none;
		width: 98%
	}

	.propic img {
		max-height: 160px;
		max-width: 160px
	}

	.protext {
		padding: 0 12px 0 180px;
		font-size: 12px
	}

	.protext h3 {
		font-size: 14px;
		margin-top: 25px
	}

	.protext p {
		max-height: 40px;
		overflow: hidden
	}

	.p_more {
		margin: 16px 0;
		display: inline-block;
		min-width: 85px;
		padding: 0 15px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		font-weight: 600;
		text-transform: uppercase;
		color: #fff
	}

	.col3 {
		float: none;
		width: auto;
		margin: 0;
		padding: 0
	}

	.col3 h3 {
		text-indent: 15px
	}

	.ccs {
		word-break: break-word;
		word-wrap: break-word;
		padding: 0 15px
	}

	.col4 {
		float: left;
		padding-left: 15px
	}

	.pro_lb1 li {
		width: 50%
	}

	.sidebar {
		float: none;
		width: 100%;
		padding-top: 12px
	}

	.main {
		padding: 6px 0 0
	}

	.sf-menu {
		display: table;
		width: 96%;
		margin: 0 auto;
		padding-bottom: 20px
	}

	.newcon .next,
	.newcon .prev {
		float: none;
		width: 100%;
		margin: 0 auto
	}

	.newcon {
		padding: 0 12px
	}
}

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

	.col1,
	.col2,
	.hotpro span,
	.newslist li span,
	.pages span {
		display: none
	}

	.col3 {
		float: none;
		width: auto;
		margin: 0;
		padding: 0
	}

	.col3 h3 {
		text-indent: 15px
	}

	.col4 {
		float: left
	}

	.pro_lb1 li {
		width: 100%
	}

	.pages span.ctxt {
		display: inline-block
	}

	.pcon_r {
		padding-left: 12px
	}

	.pcon_l {
		float: none;
		width: 302px;
		margin: 0 auto;
		overflow: hidden
	}

	.jqzoom,
	.spec-preview {
		width: 300px !important;
		height: 300px !important
	}

	.jqzoom img {
		max-width: 300px !important;
		max-height: 300px !important
	}

	.spec-scroll .items {
		width: 244px !important
	}

	.spec-scroll {
		width: 302px !important
	}

	.jqZoomPup,
	.zoomdiv {
		display: none !important
	}

	.newslist li a,
	.rnews li {
		float: none;
		display: block;
		width: 100%
	}

	.newcon .next,
	.newcon .prev {
		float: none;
		width: 100%;
		margin: 0 auto
	}

	.newcon {
		padding: 0 12px
	}

	#nav li#liHome {
		border-left: 0
	}

	.es-carousel ul li a {
		width: 100%;
		height: 100px;
		line-height: 100px
	}

	.es-carousel ul li a img {
		max-height: 96px;
		max-width: 100%
	}
}

.table td,
.table th {
	border: 1px solid #cdcdcd;
	padding: 5px
}

.buybtn a,
.buybtn a:hover {
	color: #fff;
	border-radius: 2px
}

.tenflag1 dd,
.tenflag1 dt {
	border-bottom: 1px solid #eee
}

.table p {
	padding: 0;
	margin: 0
}

.buybtn {
	clear: both;
	width: 200px;
	height: 40px;
	margin: 20px 0 0;
	text-align: left;
	line-height: 40px
}

.jsshare span.stxt,
.qrcode {
	line-height: 24px;
	position: relative
}

.buybtn a {
	display: inline-block;
	padding: 0 15px;
	height: 40px;
	background: #0a4da6;
	font-size: 18px
}

.buybtn a:hover {
	background: #145cbc
}

.tenflag1 dd,
.tenflag1 dd:nth-child(2n) span {
	background: #f5f5f5
}

.proCateTags,
.tenflag1 {
	border: 1px solid #eee
}

.pshare {
	float: left;
	padding: 8px 0 0
}

.jsshare {
	text-align: center;
	padding-top: 8px
}

.pshare li {
	float: left;
	width: 48%;
	height: 28px;
	line-height: 28px
}

.pshare li img {
	vertical-align: middle;
	margin-right: 12px
}

.jsshare span.stxt {
	display: inline-block;
	font-size: 14px;
	padding: 0 8px 0 0
}

.jsshare a,
.jsshare a img {
	width: 35px;
	vertical-align: middle
}

.at-icon-wrapper svg,
span.at-icon-wrapper {
	width: 24px !important;
	height: 24px !important;
	line-height: 24px !important
}

.tenflag1 dd,
.tenflag2 dd {
	line-height: 36px;
	margin: 0
}

.tenflag1,
.tenflag2,
.tenflag3 {
	width: 680px;
	clear: both
}

.tenflag1 dt,
.tenflag2 dt,
.tenflag3 dt {
	font-size: 16px;
	font-weight: 700;
	padding: 16px 0 12px 12px
}

.tenflag2 dd {
	float: left;
	width: 20%;
	padding: 0;
	text-align: center
}

.tenflag1 dd {
	text-indent: 12px;
	height: 36px;
	padding: 0
}

.tenflag1 dd span {
	float: left;
	width: 36%;
	background: #fff;
	font-weight: 700
}

.tenflag1 dd:nth-child(2n) {
	background: #fff
}

.tenflag2 dd img {
	width: 116px;
	display: block;
	margin: 0 auto;
	padding-bottom: 0 !important
}

.tenflag2 dd p {
	padding: 0 0 6px !important;
	margin: 0
}

.tenflag3 img {
	width: 680px !important;
	height: 448px !important
}

.pdown1 #A_DownLoadProduct {
	display: inline-block;
	clear: both;
	height: 32px;
	margin: 16px 0 0;
	line-height: 32px;
	background: url(/images/down1_2.png) right top no-repeat;
	padding-right: 50px
}

.pdown1 #A_DownLoadProduct span {
	display: inline-block;
	height: 32px;
	background: url(/images/down1_1.png) no-repeat;
	padding: 0 0 0 16px
}

.pdown2 #A_DownLoadProduct,
.pdown3 #A_DownLoadProduct,
.pdown4 #A_DownLoadProduct {
	display: inline-block;
	clear: both;
	height: 45px;
	margin: 16px 0 0;
	line-height: 45px;
	padding-right: 45px
}

.pdown2 #A_DownLoadProduct span,
.pdown3 #A_DownLoadProduct span,
.pdown4 #A_DownLoadProduct span {
	display: inline-block;
	height: 45px;
	background: url(/images/down2_1.png) no-repeat;
	padding: 0 12px 0 16px;
	font-size: 14px
}

.pdown2 #A_DownLoadProduct {
	background: url(/images/down2_2.png) right top no-repeat
}

.pdown3 #A_DownLoadProduct {
	background: url(/images/down2_3.png) right top no-repeat
}

.pdown4 #A_DownLoadProduct {
	background: url(/images/down2_4.png) right top no-repeat
}

.proCateTags {
	clear: both;
	padding: 0 10px 8px;
	margin: 0 10px;
	border-radius: 5px
}

.proCateTags h3 {
	font-size: 14px;
	line-height: 32px;
	margin: 0;
	padding: 0
}

.keywords {
	margin: 12px auto
}

.keywords a {
	margin-right: 10px;
	color: #2e66b5;
	line-height: 1.8;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis
}

.qrcode {
	height: 24px;
	float: right;
	background: url(/images/2wm.png) 0 0/24px 24px no-repeat;
	text-align: left;
	cursor: pointer;
	margin: -24px 12px 0
}

.qrcode .ErWeiImg {
	width: 24px;
	height: 24px;
	opacity: 0;
	border: 3px solid #fff;
	position: absolute;
	z-index: 9999999999999999999
}

.qrcode span {
	display: inline-block;
	background: url(/images/bmore.png) right/8px 7px no-repeat;
	padding: 0 12px 0 30px;
	color: #fff
}

.qrcode:hover span {
	background: url(/images/bmore1.png) right/8px 7px no-repeat
}

.hamore {
	color: #fff;
	clear: both;
	float: left;
	height: 36px;
	line-height: 36px;
	background: #5fa568;
	padding: 0 20px;
	margin-top: 12px
}

.border-full {
	border-top: 1px solid rgb(221, 221, 221);
	border-left: 1px solid rgb(221, 221, 221);
}

.border-pro {
	border-right: 1px solid rgb(221, 221, 221);
	border-bottom: 1px solid rgb(221, 221, 221);
	padding: 20px;
}

.rollPro1 {

	overflow: hidden;

}

.rollPro1 li {
	width: 30%;
	float: left;
	margin-right: 5%;
	text-align: center
}

.rollPro1 li .pbox {
	border: 1px solid #ddd;
	padding: 4px;
	height: 190px
}

.rollPro1 li .pbox img {
	max-width: 100%;
	max-height: 100%
}

.homebg1 {
	background: url(gallery-1.jpg) center center no-repeat
}

.homebg2 {
	background: url(gallery-2.jpg) center center no-repeat
}

.homebg3 {
	background: url(gallery-3.jpg) center center no-repeat
}

.homebg4 {
	background: url(gallery-4.jpg) center center no-repeat
}

.homebg5 {
	background: url(home5.jpg) center center no-repeat
}

.pro-body {
	border: 1px solid #eee;
	border-radius: 3px;
	margin-bottom: 5px
}

.services p {
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 10px
}

.singglepic {
	margin-bottom: 10px !important
}

.pro-bigbox {
	width: 100%;
	background: #fff;
	margin-bottom: 20px;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 20px
}

.pro-bigbox .bigboximg {
	width: 30%;
	float: left;
	text-align: center;
	font-size: 0
}

.pro-bigbox .bigboximg img {
	max-width: 100%
}

.pro-bigbox .bigboxword {
	width: 67%;
	float: right
}

.pro-bigbox .bigboxword h3 {
	margin: 10px 0;
	line-height: 25px;
	font-size: 20px;
	color: #222;
	font-weight: 600
}

.pro-bigbox .bigboxword p {
	line-height: 25px;
	padding: 0
}

@media only screen and (max-width:960px) {
	.pro-bigbox .bigboximg {
		width: 40%;
		float: left;
		text-align: center;
		font-size: 0
	}

	.pro-bigbox .bigboxword {
		width: 57%;
		float: right
	}

	.pro-bigbox .bigboxword h3 {
		margin: 10px 0;
		line-height: 20px;
		font-size: 20px;
		color: #45b39e
	}
}

@media only screen and (max-width:450px) {
	.pro-bigbox {
		width: 100%;
		margin-bottom: 20px
	}

	.pro-bigbox .bigboxword {
		width: 96%;
		float: none
	}

	.pro-bigbox .bigboxword h3 {
		margin: 10px 0;
		line-height: 20px;
		font-size: 20px;
		color: #ed6c00
	}
}

.pro_lb1 li {
	float: left !important;
	width: 30%;
	margin: 0 4% 30px 0;
	clear: none !important
}

.pro_lb1 li a img {
	max-width: 100%;
	max-height: 273px
}

.pro_lb1 li a h3 {
	font-size: 15px;
	text-align: center;
	height: 40px;
	line-height: 20px;
	overflow: hidden
}

.submenu {
	top: 100%;
	position: absolute;
	z-index: 999999;
	display: none
}

.searchbox {
	width: 100%;
	height: 100px;
	background: #45b39e
}

.sbtn,
.sk {
	height: 50px;
	font-size: 17px
}

.searchbox-li {
	width: 600px;
	margin: 0 auto;
	padding-top: 25px
}

.sk {
	float: left;
	line-height: 50px;
	border: 1px solid #fff;
	width: 498px;
	text-indent: 20px;
	color: #333;
	background: #fff;
	border-radius: 50px 0 0 50px
}

.sbtn {
	width: 100px;
	background: #222;
	border: 0;
	color: #fff;
	border-radius: 0 50px 50px 0
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

@media (min-width:768px) {
	.container {
		width: 750px
	}
}

@media (min-width:992px) {
	.container {
		width: 970px
	}
}

@media (min-width:1200px) {
	.container {
		width: 1170px
	}
}

.contactus {
	border: 1px solid #45b39e;
	padding: 10px;
	line-height: 25px;
	color: #666;
	border-radius: 5px
}

.proIntro,
.proIntro a {
	color: #555
}

.ejfl {
	margin: 30px 0 20px;
	font-size: 24px;
	font-weight: 400
}

.pro-body,
.proIntro {
	font-size: 15px;
	line-height: 1.6
}


.searchbox_content #keyword {
	padding: 0;
	font-size: 14px;
	line-height: 36px;
	color: #888;
	width: calc(100% - 55px);
	outline: 0;
	height: 38px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 0
}

.searchbox_content .btn-search {
	width: 55px;
	height: 38px;
	border: none;
	background: url(../images/search.png) center no-repeat #ed6c00;
	cursor: pointer;
	border-radius: 0
}

.btn-search-t {
	width: 55px;
	height: 38px;
	border: none;
	background: url(../images/search.png) center no-repeat #ed6c00;
	cursor: pointer;
	border-radius: 0
}

.top-nav .xyz12,
.top-nav .xyz12 li {
	background: #55606f;
	height: 27px;
	line-height: 27px
}

.top-nav {
	display: flex;
	justify-content: flex-end
}

.top-nav #xyz {
	position: relative;
	z-index: 99999;
	width: 120px;
	height: 27px;
	top: 35px
}

.top-nav .xyz12 ul {
	font-size: 0
}

.top-nav .xyz12 {
	width: 100%;
	position: absolute
}

.acon .pinfo,
.pcon .pinfo * {
	line-height: 1.8
}

.top-nav .xyz12 li {
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0 8px;
	z-index: 1;
	text-align: left
}

.top-nav .xyz12 li a {
	font-size: 12px;
	color: #fff
}

.top-nav .xyz12 li.selected {
	border-top: 0
}

.top-nav .xyz12 li.selected a {
	color: #8550d9
}

.top-nav .xyz12 span {
	position: absolute;
	right: 6px;
	top: 2px;
	background: url(amore.png) center no-repeat;
	display: block;
	width: 25px;
	height: 25px;
	cursor: pointer;
	z-index: 100
}

.top-nav .xyz12 span.dp {
	background: url(amore1.png) center no-repeat
}

.top-nav .xyz12 li img {
	vertical-align: middle;
	margin: -2px 7px 0 0;
	width: 16px
}

.top-nav .xyz12 li:hover {
	background: #00b895
}

.swiper-button-next,
.swiper-button-prev {
	background-color: #fff;
	border-radius: 50%;
	width: 40px !important;
	height: 40px !important;
	background-size: 15px !important;
	opacity: .5
}

.swiper-pagination-bullet {
	width: 27px !important;
	height: 27px !important;
	background: #fff !important
}

.b-area,
.b-text {
	width: 240px;
	outline: 0;
	display: block;
	margin-bottom: 10px;
	box-sizing: border-box
}

#nav li a.inmenu_1,
.LayImAhrefNode,
.button,
.content_top,
.ct-form .inquiryfoot,
.ctit h3,
.ebtn,
.footer,
.mybutton:hover,
.pcon_r .p_more,
.pro-bigbox .bigboxword .bigboxmore a,
.searchbox,
.searchbox_content .btn-search,
.sf-menu li a:hover,
.top-nav li a:hover,
.top-nav li.active a,
.top-nav ul li a:hover,
.top-nav ul li.active a {
	background-color: #ed6c00
}

.pro-bigbox .bigboxword h3 a {
	display: block;
	font-size: 18px;
	color: #000;
	line-height: 1.3
}

section {
	padding-bottom: 40px
}

.pro-body {
	color: #222;
	border: none;
	padding: 0 0 15px
}

#nav,
#nav li,
.contactus,
.eput:focus,
.footer:after,
.form-control:focus,
.header {
	border-color: #ed6c00
}

.footer-grid-address+.tshare,
.productsTags {
	margin-top: 10px
}
.tshare img{
	width: 30px;
	height: 30px
}
.rollPro1 li .pbox a {
	display: block;
	width: 100%;
	height: 100%
}

.rollPro1 li p a {
	color: #222;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 40px
}

.logo {

	box-sizing: border-box;
	padding: 0
}

.logo a {
	display: block;
	line-height: 80px;
	height: 100%
}

.newcon p,
.pcon_r .pcon_info p {
	line-height: 1.7;
	font-size: 16px
}

.logo a img {
	vertical-align: middle;
	max-height: 70px;
	width: auto;
	display: inline-block
}

.top-nav ul>li>a {
	text-transform: uppercase;
	border-radius: 5px;
	font-weight: 700;
	padding: 5px 10px
}

#feedbackForm span.xh,
.bPosition a,
.bPosition a:hover,
.breadcrumbs li:first-child a,
.company_address p span:hover,
.error-page h3,

.list_2_of_1 h3 span,
.newcon .next a:hover,
.newcon .prev a:hover,
.newslist li a:hover,
.pcon .tit,
.pro-bigbox .bigboxword h3:hover,
.productsTitle h4,
.ptit,
.rnews h3,
.rnews li a:hover,
.rollPro h3,
.sf-menu li li a:hover,
.special-grid a:hover,
.testmonial-grid a {
	color: #ed6c00
}

#feedbackForm .submita {
	background-color: #ed6c00 !important
}

@media only screen and (max-width:960px) {
	.pro-bigbox .bigboxword h3 {
		color: #ed6c00
	}
}

.content_top span a {
	background-color: #e05d03;
	font-size: 18px
}

.content_top p,
.inquiryfoot,
.sf-menu li a,
.sf-menu li:hover a {
	font-size: 17px
}

.footer-grid ul li a {
	border-color: #fabf8e
}

.footer-grid ul li a:hover {
	color: #fabf8e
}

.header {
	background: #000;
	padding: 10px 0;
}

.b-area,
.b-text,
.well {
	border: none
}

.floatwindow_fd_main {
	right: -220px !important;
	transition: .3s
}

.floatwindow_fd_conct:hover .floatwindow_fd_main {
	right: 0 !important;
	transition: .3s
}

.specials {
	padding-bottom: 30px
}

.testmonials {
	padding-top: 24px
}

.b-text {
	height: 40px;
	padding-left: 8px
}

.b-area {
	height: 90px;
	padding: 5px 8px;
	resize: none
}

.button,
.footer-grid {
	margin-bottom: 15px
}

.inquiryfoot {
	width: 120px;
	height: 40px;
	background: #fff;
	border: none;
	cursor: pointer;
	color: #333
}

.footer-grids {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.header .wrap {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 1300px
}

.top-nav .nav_en {
	display: flex;
	white-space: nowrap
}

.button,
.footer-grid p,
.footer-grid ul li a,
.grid p,
.newslist li a,
.newslist li span,
.pinfo,
.rnews li a,
.testmonial-grid p {
	font-size: 16px
}


.specials-heading .h3 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 30px
}

.ctit h3{
	font-size: 21px
}
.special-grid a{
	font-size: 13px;
}
.special-grid p {
	font-size: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	padding: 0 1em;
	height: 48px
}

.testmonial-grid h3 {
	font-size: 36px
}

.b-area,
.b-text,
.contactus,
.feedbackForm #feedbackForm .atextarea,
.feedbackForm #feedbackForm .text,
.pages,
.searchbox_content #txtSearch,
.sf-menu li li a,
.sf-menu li:hover li a {
	font-size: 15px
}

.pcon_r .pcon_info p {
	margin-bottom: 10px
}

.pcon .pinfo * {
	font-size: 16px !important
}

.newcon .tit {
	font-size: 26px
}

.newcon .time {
	font-size: 14px
}

.rnews li {
	height: 42px;
	line-height: 42px
}

.rollPro .ScrCont p a {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	padding: 0 5px;
	box-sizing: border-box
}

.floatwindow_im-tel ul+.tshare img {
	width: 24px
}

.floatwindow_im-tel ul+.tshare {
	padding-bottom: 10px
}

.top-nav ul li a {
	font-size: 15px
}

[class*=" col-"],
[class^=col-] {
	padding-left: 15px;
	padding-right: 15px
}

.row {
	margin-left: -15px;
	margin-right: -15px
}

.breadcrumbs-wrap {
	height: 45px;

	color: #333;
	margin: 10px 0;
	background: #eee;
	vertical-align: middle;
	display: inline-block;
	width: 100%;
	line-height: 45px
}

.breadcrumbs-wrap .display {
	overflow: hidden
}

.breadcrumbs li {
	float: left;
	margin: 0 .5em 0 1em;
	position: relative
}

.breadcrumbs a,
.show-subs-breadcrumbs {
	float: left;
	text-decoration: none;
	color: #444;
	position: relative
}

.breadcrumbs li:after,
.show-subs-breadcrumbs:after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	right: -1em
}

.breadcrumbs li:last-child:after {
	content: ""
}

.subs-breadcrumbs {
	margin: 0;
	padding: 0;
	background-color: #fff linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, .1) 100%);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	position: absolute;
	left: 0;
	top: 40px;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0, 0, 0, .1);
	border-top: none;
	box-shadow: 0 .063em .25em rgba(7, 20, 34, .25);
	display: none;
	z-index: 999999
}

.subs-breadcrumbs,
.subs-breadcrumbs li:last-child,
.subs-breadcrumbs li:last-child a {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px
}

.subs-breadcrumbs a,
.subs-breadcrumbs li {
	display: block;
	float: none
}

.subs-breadcrumbs a {
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	padding: 0 10px
}

.subs-breadcrumbs li:not(:last-child) a {
	border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.subs-breadcrumbs a:hover {
	background-color: rgba(0, 0, 0, .1)
}

.subs-breadcrumbs a em {
	display: inline-block;
	margin-right: 5px;
	color: #707070
}

.show-subs-breadcrumbs {
	padding-right: 5px;
	margin-right: 7px;
	width: 30px;
	text-align: center
}

.ct-form .inquiryfoot {
	color: #fff
}

.floatwindow_main-im .floatwindow_im_main .floatwindow_im-tel,
.floatwindow_main-im .floatwindow_qq-a {
	color: #666;
	border-bottom: 1px solid #eee;
	width: 100%;
	text-align: center
}

.block-box {
	margin-bottom: 30px
}

.block-heading {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 20px
}

.well {
	padding: 10px;
	background-color: #eee;
	box-shadow: none;
	border-radius: 0
}

.product-info {
	border-top: 1px solid #e4e2e2;
	border-bottom: 1px solid #e4e2e2;
	margin: 10px 0;
	padding: 10px 0
}

li,
ol,
ul {
	margin: 0;
	padding: 0;
	list-style: none
}

a {
	color: #373937;
	text-decoration: none
}

i {
	font-style: normal
}

.floatwindow_main-im img {
	border: none;
	max-width: 100%;
	max-height: 100%
}

.floatwindow_main-im {
	position: fixed;
	right: 5px;
	top: 25%;
	z-index: 9999999;
	font-size: 14px
}

.floatwindow_main-im .floatwindow_qq-a {
	display: block;
	font-size: 14px;
	position: relative
}

.floatwindow_main-im .floatwindow_qq-a span {
	display: block;
	bottom: 15px;
	padding: 0 10px;
	text-align: center;
	font-size: 15px;
	color: #ff7a1b;
	font-weight: 700;
	white-space: nowrap;
	margin: 10px 0
}

.floatwindow_main-im .floatwindow_qq-hover-c {
	height: 70px;
	border-radius: 35px;
	position: absolute;
	left: 18px;
	top: 10px;
	overflow: hidden;
	z-index: 9
}

.floatwindow_main-im .floatwindow_qq-container {
	z-index: 99;
	width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-align: center
}

.floatwindow_main-im .floatwindow_qq-container i {
	display: inline-block;
	margin-top: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: 0 5px 10px #ccc;
	overflow: hidden
}

.floatwindow_main-im .floatwindow_img-qq {
	max-width: 60px;
	display: block;
	position: absolute;
	left: 6px;
	top: 3px;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.floatwindow_main-im .floatwindow_im-qq:hover .floatwindow_img-qq {
	max-width: 70px;
	left: 1px;
	top: 8px;
	position: absolute
}

.floatwindow_main-im .floatwindow_im_main {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 10px;
	display: none;
	position: absolute;
	right: 10px
}

.floatwindow_im-tel ul {
	padding: 5px
}

.floatwindow_im-tel li {
	font-size: 14px;
	margin: 10px 0;
	line-height: 22px;
	text-align: left
}

.floatwindow_im-tel li i,
.floatwindow_im-tel li span {
	align-items: center;
	height: 25px
}

.floatwindow_im-tel li a {
	display: flex;
	padding: 0 10px
}

.floatwindow_im-tel li:hover span {
	color: #ff7a1b
}

.floatwindow_im-tel li i {
	text-align: right;
	display: inline-block;
	width: 20px
}

.floatwindow_im-tel li img {
	width: 20px
}

.floatwindow_im-tel li span {
	display: inline-block;
	font-size: 14px;
	margin-left: 10px;
	max-width: 250px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.floatwindow_main-im .floatwindow_im_main .floatwindow_weixing-container a {
	display: block;
	width: 50%;
	height: 47px;
	border-right: 1px solid #eee;
	background: url(../images/tel.png) center center no-repeat;
	border-bottom-left-radius: 10px;
	float: left;
	margin-left: -1px;
	position: relative
}

.floatwindow_main-im .floatwindow_im_main .floatwindow_weixing-show .floatwindow_weixing-sanjiao {
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 6px;
	left: 112px;
	top: 117px;
	position: absolute;
	z-index: 2
}

.floatwindow_main-im .floatwindow_im_main .floatwindow_weixing-show .floatwindow_weixing-sanjiao-big {
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #eee;
	border-width: 8px;
	left: 112px;
	top: 115px;
	position: absolute
}

.floatwindow_main-im .floatwindow_im_main .floatwindow_weixing-show .floatwindow_weixing-ma {
	width: 104px;
	height: 103px;
	padding-left: 5px;
	padding-top: 5px
}

.floatwindow_main-im .floatwindow_im_main .floatwindow_weixing-show .floatwindow_weixing-txt {
	position: absolute;
	top: 120px;
	left: 7px;
	width: 100px;
	margin: 0 auto;
	text-align: center
}

.floatwindow_main-im .floatwindow_im_main .floatwindow_go-top {
	width: 50%;
	height: 47px;
	background: url(../images/toTop-icon.png) center center no-repeat;
	border-bottom-right-radius: 10px;
	float: right
}

.floatwindow_main-im .floatwindow_im_main .floatwindow_go-top a {
	display: block;
	width: 52px;
	height: 47px
}

.floatwindow_main-im .floatwindow_close-im {
	position: absolute;
	right: -8px;
	top: -7px;
	z-index: 100;
	width: 24px;
	height: 24px
}

.floatwindow_main-im .floatwindow_close-im a {
	display: block;
	width: 26px;
	height: 26px;
	background: url(../images/close_im.png) left top no-repeat;
	cursor: pointer
}

.floatwindow_main-im .floatwindow_open-im {
	cursor: pointer;
	float: right;
	width: 46px;
	height: 193px;
	background: url(../images/online-service.png) left top no-repeat;
	position: absolute;
	top: 0;
	right: 0
}

.floatwindow_abs {
	display: none;
	position: absolute;
	top: 0;
	right: 100%;
	padding-right: 8px
}

.mobile-menu-bg,
.mobile-menu-wrap {
	top: 0;
	right: 0;
	height: 100%;
	z-index: 9999
}

.floatwindow_more_box:after {
	content: \'\';
	position: absolute;
	top: 17px;
	right: -6.5px;
	border-width: 7.5px 0 7.5px 8px;
	border-color: transparent transparent transparent #ff7a1b;
	border-style: solid
}

.floatwindow_more_box {
	position: relative;
	padding: 10px 20px;
	border-radius: 5px;
	white-space: nowrap;
	color: #fff;
	background-color: #ff7a1b
}

@media(max-width:768px) {
	.floatwindow_main-im {
		display: none
	}
}

.mobile-menu-bg {
	position: fixed;
	width: 100%;
	background-color: rgba(0, 0, 0, .5);
	display: none
}

.mobile-menu-wrap {
	position: fixed;
	width: 280px;
	background: #fff;
	visibility: hidden;
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%)
}

.mobile-menu-wrap.animate {
	transition: .35s
}

.mobile-menu-wrap .logo {
	text-align: center;
	padding: 0 10px
}

.mobile-menu-wrap .logo img {
	height: 25px;
	width: auto
}

.mobile-menu-wrap .menu {
	background-color: #fff;
	height: calc(100vh - 150px);
	overflow: auto
}

.mobile-menu-wrap .mfooter {
	background-color: #fff;
	height: 30px;
	padding: 10px;
	text-align: center;
	color: #777
}

.mobile-menu-toggle-btn {
	cursor: pointer;
	background: 0 0;
	top: 19px;
	text-align: center;
	font-size: 30px;
	display: none;

	z-index: 999;
	color: #000;
	border: none;
	border-radius: 4px;
	padding: 0;
	right: 15px
}

.mobile-menu-toggle-btn:hover {
	background: 0 0
}

@media (max-width:767.98px) {
	.mobile-menu-toggle-btn {
		display: inline-block;
		vertical-align: middle
	}

	.open-menu .mobile-menu-bg {
		display: block
	}

	.open-menu .mobile-menu-wrap {
		visibility: visible;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0)
	}
}

.btn-primary {
	color: #fff;
	background-color: #ed6c00;
	border-color: #ed6c00
}

.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover {
	background-color: #cf6002;
	border-color: #cf6002
}

.btn-success {
	color: #ed6c00 !important;
	background-color: #fff;
	border-color: #ed6c00
}

.btn-success:active,
.btn-success:active:hover,
.btn-success:focus,
.btn-success:hover {
	color: #fff !important;
	background-color: #ed6c00;
	border-color: #ed6c00
}

.btn {
	padding: 12px 16px;
	border-radius: 0;
	font-size: 14px
}

.hidden {
	display: none !important
}

.bg-white {
	padding: 10px;
	background: #fff;
}

.call-mobile1 {
	position: fixed;
	bottom: 52px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	border-radius: 40px;
	color: #fff;
	left: 20px;
	z-index: 99999;
}

.fix_tel {
	top: auto;
	bottom: auto;
	right: auto;
	left: auto;
	bottom: 5px;
	left: 5px;
	position: fixed;
	z-index: 9999
}

.tel {
	background: #eee;
	width: 205px;
	height: 40px;
	position: relative;
	overflow: hidden;
	background-size: 40px;
	border-radius: 28px;
	border: solid 1px #ccc
}

.ring-alo-phone {
	background-color: transparent;
	cursor: pointer;
	height: 80px;
	position: absolute;
	transition: visibility .5s ease 0s;
	visibility: hidden;
	width: 80px;
	z-index: 200000 !important
}

.ring-alo-phone.ring-alo-show {
	visibility: visible
}

.ring-alo-phone.ring-alo-hover,
.ring-alo-phone:hover {
	opacity: 1
}

.ring-alo-ph-circle {
	animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
	background-color: transparent;
	border: 2px solid rgba(30, 30, 30, .4);
	border-radius: 100%;
	height: 70px;
	left: 10px;
	opacity: .1;
	position: absolute;
	top: 12px;
	transform-origin: 50% 50% 0;
	transition: all .5s ease 0s;
	width: 70px
}

.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
	animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important
}

.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
	animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle,
.ring-alo-phone:hover .ring-alo-ph-circle {
	border-color: red;
	opacity: .5
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle,
.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
	border-color: #baf5a7;
	opacity: .5
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
	border-color: red;
	opacity: .5
}

.ring-alo-ph-circle-fill {
	animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
	background-color: #000;
	border: 2px solid transparent;
	border-radius: 100%;
	height: 30px;
	left: 30px;
	opacity: .1;
	position: absolute;
	top: 33px;
	transform-origin: 50% 50% 0;
	transition: all .5s ease 0s;
	width: 30px
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill,
.ring-alo-phone:hover .ring-alo-ph-circle-fill {
	background-color: rgba(0, 175, 242, .5);
	opacity: .75 !important
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill,
.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
	background-color: rgba(117, 235, 80, .5);
	opacity: .75 !important
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
	background-color: rgba(0, 175, 242, .5);
	opacity: .75 !important
}

.ring-alo-ph-img-circle {
	animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
	border: 2px solid transparent;
	border-radius: 100%;
	height: 30px;
	left: 30px;
	opacity: 1;
	position: absolute;
	top: 33px;
	transform-origin: 50% 50% 0;
	width: 30px
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle,
.ring-alo-phone:hover .ring-alo-ph-img-circle {
	background-color: red
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle,
.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
	background-color: #75eb50
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
	background-color: red
}

@keyframes ring-alo-circle-anim {
	0% {
		opacity: .1;
		transform: rotate(0) scale(.5) skew(1deg)
	}

	30% {
		opacity: .5;
		transform: rotate(0) scale(.7) skew(1deg)
	}

	100% {
		opacity: .6;
		transform: rotate(0) scale(1) skew(1deg)
	}
}

@keyframes ring-alo-circle-img-anim {
	0% {
		transform: rotate(0) scale(1) skew(1deg)
	}

	10% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}

	30% {
		transform: rotate(-25deg) scale(1) skew(1deg)
	}

	40% {
		transform: rotate(25deg) scale(1) skew(1deg)
	}

	50% {
		transform: rotate(0) scale(1) skew(1deg)
	}

	100% {
		transform: rotate(0) scale(1) skew(1deg)
	}
}

@keyframes ring-alo-circle-fill-anim {
	0% {
		opacity: .2;
		transform: rotate(0) scale(.7) skew(1deg)
	}

	50% {
		opacity: .2;
		transform: rotate(0) scale(1) skew(1deg)
	}

	100% {
		opacity: .2;
		transform: rotate(0) scale(.7) skew(1deg)
	}
}

.ring-alo-ph-img-circle a img {
	padding: 1px 0 0 1px;
	width: 30px;
	position: relative;
	top: -1px
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
	background-color: red
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
	border-color: red
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle,
.ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
	background-color: #baf5a7
}


.tel {
	background-color: #eee
}

.fone {
	font-size: 22px !important;
	color: red !important;
	line-height: 40px;
	font-weight: 700;
	padding-left: 45px;
	margin: 0 0;
}

.chat-zalo {
	border-radius: 99px;
	background: #0595ff;
	padding: 10px 20px;
	font-size: 14px;
	color: #fff !important;
	text-transform: uppercase;
	font-weight: 700;
}

.img-4-3, .img-16-9 {
	position: relative;
	display: block
}
.img-4-3{

	padding-top: 75%;
}
.img-16-9 {

	padding-top: 52.65%;
}

.img-4-3 img, .img-16-9 img  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain
}
 .img-16-9 img{
	object-fit: cover
 }
.pdd-lr-0 {
	padding-left: 0;
	padding-right: 0;
}

.mrg-lr-0 {
	margin-left: 0;
	margin-right: 0;
}

.heading-t h2 {
	font-size: 2.5em;
	color: #000000;
	padding-bottom: 14px;
	text-align: center;
}

.owl-carousel .owl-nav {
	position: absolute;
	top: calc(50% - 50px);
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 2em;
	width: 100%;
	z-index: 99;
}

.owl-carousel .owl-nav .owl-next {
	position: absolute;
	right: 0;
	padding: 25px 10px !important;
	background: #ddd !important
}

.owl-carousel .owl-nav .owl-prev {
	position: absolute;
	left: 0;
	padding: 25px 10px !important;
	background: #ddd !important
}

.owl-slider-news .special-grid {
	margin: 0 !important
}

.owl-slider-shops .owl-nav .owl-next {
	right: 0;
}

.owl-slider-shops .owl-nav .owl-prev {
	left: 0
}

.product-grid h3 {
	text-align: center
}

.product-grid h3 a {
	height: 38px;
	color: #000 !important;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

#news-bodyhtml p {
	margin-bottom: 10px
}

.content-ex {
	max-height: 450px;
	/* chỉ hiển thị khoảng 10% */
	overflow: hidden;
	transition: max-height 0.4s ease;
	position: relative
}

.content-ex:after {
	content: '';
	width: 100%;
	height: 40px;
	background: #ffffff;
	background: linear-gradient(3deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
	display: inline-block;
	bottom: 0;
	left: 0;
	position: absolute;
	opacity: 1;
	transition: .25s;
}

.content-ex.expand:after {
	opacity: 0;
}

.btn-readmore, .btn-content-ex {
	border: none;
	color: #fff !important;
	padding: 5px 15px;
	-o-transition: .5s;
	-webkit-transition: .5s;
	background: #ed6c00
}

.block-box h1 {
	font-size: 20px;
	margin-bottom: 10px;
}

.news-grid {
	position: relative;
	margin-bottom: 30px;
}
.owl-carousel .news-grid{
	margin-bottom: 0;
}
.news-grid h3 {
	opacity: 0;
	transition: .25s;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
	background: #00000076;

	display: inline-block
}

.news-grid a {
	color: #fff !important;
}

.news-grid:hover h3 {
	opacity: 1;
	transition: .25s;
}

.news-grid .img-4-3 img {
	object-fit: cover
}

.news-featured {

	margin-bottom: 20px;


}
.news-featured .img{
	position: relative
}
.news-featured .content{
	position: absolute;
	padding: 10px;
	background: #00000076;
	color: #fff;
	left: 0;
	bottom: 0
}
.news-featured h3{
	font-size: 25px;
}
.news-featured a{
	color: #fff;
}
.product-detail .tab-content{
	border: 1px solid #ddd;
	border-top: none;
	padding: 10px;
}
.product-detail .nav-tabs{
	border-bottom: 1px solid #ddd;
	display: flex
}
.nav-tabs>li>a{
    color: #000;
	text-transform: uppercase;
	font-size: 14px;
    background-color: #fff;
	font-weight: 700;
    border-bottom-color: transparent;
    cursor: default;
}
.nav-tabs>li{
	margin-bottom: 0;
	
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color: #fff;
    background-color: #ed6c00;
}
.specials-heading h2{
	text-align: center;
	font-size: 18px;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.specials-heading h2 a{
	color: #000
}
#news-bodyhtml{
	font-size: 15px;
}
.social-icons {
    position: fixed;
    z-index: 10;
    right: 0;
    top: 200px;
    right: -160px;
    padding: 0;
}
.social-icons .social-wrapper {
    font-size: 13px;
    display: flex;
    width: 200px;
    background-color: #000000;
    color: #bdbdbd;
    position: relative;
    right: 0;
}
.social-icons .social-icon {
    width: 24px;
    display: inline-block;
        padding: 10px 28px 10px 14px;
    text-align: center;
}
.social-icons  img{
	width: 22px !important;
	max-width: 22px !important;
	height: 22px !important;
}
.social-icons .social-wrapper, .social-icons .social-icon {
    -webkit-transition: all 0.2s 
ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s 
ease-out;
}
.social-icons li a {

    align-items: center;
}
.social-icons .youtube, .social-icons .youtube .social-icon {
    background-color: #d92c27;
    color: #ffffff;
}
.social-icons .facebook, .social-icons .facebook .social-icon {
    background-color: #3a589b;
    color: #ffffff;
}
.social-icons i {
    font-size: 15px;
    font-style: normal;
    vertical-align: middle;
}
.social-icons .social-wrapper:hover {
    right: 150px;
}
.info-price .money{
	font-size: 20px;
}
.info-price .discounts_money{
	font-size: 18px;
}
.sp-filter {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.sp-filter select {
    width: 50%;
    flex: 0 0 calc(50% - 10px);
	color: #000;
}
.page-header{
	border-bottom: none;
}
.owl-carousel .special-grid{
	margin-bottom: 0
}