@charset "utf-8";
html{
	font-size:16px;
}
* {
	margin: 0;
	padding: 0;
	outline: none;
	text-decoration: none;
	text-rendering: optimizelegibility;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	background-color: #fff;
	color: #000;
	line-height: 1.2;
	font-family: "Segoe UI", Segoe, Tahoma, Arial, Verdana, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Segoe UI", Segoe, Tahoma, Arial, Verdana, sans-serif;
	font-weight: 500;
	text-transform: capitalize;
}

a {
	color: #333;
	point: cursor;
}

ul li {
	list-style-type: none;
}

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

textarea {
	resize: none;
}

.clearfix:after,.clearfix:before {
	content: '';
	display: block;
	height: 0;
	clear: both;
}

.index-pro-item,.product-item,.index-news-item {
	float: left;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

@media (max-width:479px) {
	.news-list-item {
		padding: 10px 5px;
		margin-bottom: 10px;
		border: 1px solid #ccc;
	}

	.contact-info,.contact-form {
		padding: 5px;
	}

	.index-pro-item a,.product-item a,.index-news-item-box,.index-contact-box {
		border-radius: 5px;
		overflow: hidden;
	}

	.index-pro-item,.product-item {
		width: 100%;
	}

	.index-news-item {
		width: 100%;
	}

	.index-pro-item,.product-item,.index-news-item,.index-contact-box {
		padding: 5px;
	}

	.crumb {
		margin-bottom: 10px;
		padding:5px;
		margin-left:-10px;
		margin-right:-10px;
	}

	.crumb a,.crumb span {
		font-size: 1.15rem;
		line-height: 1.5rem;
		font-weight: 500;
	}

	.crumb i {
		font-size: 1.25rem;
		line-height: 1.5rem;
		font-weight: 500;
	}

	.pc-slide {
		padding: 0px;
	}

	.pro-list-box {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.introduction {
		padding: 5px;
	}

	.news-list-item .left-box {
		width: 100%;
	}

	.news-list-item .right-box {
		width: 100%;
		margin-top:10px;
	}

	.news-list-item .left-box {
		padding-top: 60%;
		position: relative;
	}

	.news-list-item-img-box {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}

	.news-list-item-img-box img {
		height: 100%;
		width: auto;
		max-width: 100%;
	}
}

@media (min-width:480px) {
	.page-body {
		padding: 10px;
		box-shadow: 0px 0px 2px 0px rgba(19,19,19,0.5);
		border-radius: 2px;
	}

	.news-list-item {
		padding: 10px 5px;
		margin-bottom: 1rem;
	}

	.contact-info,.contact-form {
		padding: 15px;
	}

	.index-pro-item a,.product-item a,.index-news-item-box,.index-contact-box {
		border-radius: 5px;
		overflow: hidden;
	}

	.index-pro-item,.product-item {
		width: 50%;
	}

	.index-news-item {
		width: 50%;
	}

	.index-pro-item,.product-item,.index-news-item {
		padding: 8px;
	}

	.crumb {
		margin-bottom: 10px;
	}

	.crumb a,.crumb span {
		font-size: 1.25rem;
		line-height: 2rem;
		font-weight: 500;
	}

	.crumb i {
		font-size: 1.5rem;
		line-height: 2rem;
		font-weight: 500;
	}

	.pc-slide {
		padding: 10px;
	}

	.pro-list-box {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.introduction {
		padding: 10px;
	}

	.news-list-item .left-box {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		width: 10rem;
		height: 10rem;
		overflow: hidden;
		padding:10px;
	}

	.news-list-item .right-box {
		width: calc(100% - 10rem);
	}
}

@media (max-width:767px) {
	.whe-left {
		width: 100%;
	}

	.whe-right {
		width: 100%;
	}

	.related-product-item {
		width: 50%;
	}

	.link-title {
		display: none!important;
	}
	.logo-box-text span {
		font-size: 0.8rem!important;
	}
}

@media (min-width:768px) {
	.whe-left {
		width: 50%
	}

	.whe-right {
		width: 50%;
	}

	.related-product-item {
		width: 25%;
	}

	.index-pro-item,.product-item {
		width: 33.33333333%;
	}

	.index-news-item {
		width: 33.33333333%;
	}
}
/*--------------------------小窗口--------------------------------*/

@media ( max-width :991px) {	
	.a-level1 {
		display: block;
		font-size: 1.25rem;
		line-height: 3rem;
	}
	.wel-btn {
		display: block;
		padding: 0.5rem 1rem;
		width: 100%;
		text-align: center;
	}

	.wel-btn a {
		display: inline-block;
	}

	.nav-tabs > li > a {
		padding: 5px 8px!important;
	}

	.prev-next-btn li .link-title {
		font-size: 0.8rem!important;
	}

	.my-form-group {
		margin-bottom: 5px;
	}

	.subscribe-box input {
		padding: 10px!important;
	}

	.page-contents {
		padding: 5px;
		margin-bottom: 5px;
	}

	.label-box {
		width: 100%;
	}

	.input-box {
		width: 100%;
	}

	.my-form-label {
		text-align: center;
	}

	.footer-item {
		padding: 0px;
	}

	.footer-title,.footer-detail li {
		padding: 0px 10px;
	}

	.subscribe-box {
		margin-left: 10px;
	}

	.footer-detail {
		background-color: #3fa9fa;
	}

	.has-sub {
		position: relative;
	}

	.sub-menu-box {
		display: none;
	}

	.sub-menu-box.active {
		display: block;
	}

	.contact-info {
		width: 100%;
		float: left;
	}

	.contact-form {
		width: 100%;
		float: left;
	}

	.contact-form {
		padding-top: 10px;
	}

	.footer-detail {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.product-item-title,.product-item-content {
		margin-top: 10px;
		padding: 0px 10px;
	}
	/*首页模块标题头*/
	.index-block-box {
		margin: 5px auto;
	}

	.index-block-title {
		padding: 5px;
		text-align: center;
	}

	.title-span i {
		border-radius: 5px;
		font-style: normal;
		display: block;
		text-align: center;
		padding: 3px 5px;
		line-height: 2rem;
		font-size: 1.25rem;
		font-weight: bold;
		text-transform: capitalize;
		color: #fff;
		border: 1px solid #fff;
		overflow: hidden;
	}

	.title-span {
		overflow: hidden;
		padding: 2px;
		display: inline-block;
		background-color: #3fa9fa;
		border-radius: 5px;
	}

	.index-ab-content {
		text-align: left;
		font-size: 1rem;
		line-height: 1.5;
	}

	.index-block-desc {
		text-align: center;
		font-size: 1rem;
		line-height: 1.2;
		padding: 3px 5px;
	}

	.text-indent {
		text-indent: 2rem;
	}
/*首页模块标题头*/
	.top-contact-top {
		line-height: 1rem;
	}

	.index-news-item-content-description {
		padding: 0px 10px;
	}

	.contact-info .inner-box {
		padding: 10px;
	}

	.left-side {
		display: none;
	}

	.right-side {
		width: 100%;
	}

	.main-menu>li>a {
		text-align: eft;
		padding: 0px 10px;
		display: block;
		white-space: nowrap;
		position: relative;
		text-transform: capitalize;
	}

	.top-bar-box {
		background-color: #3fa9fa;
	}

	.menu-bar {
		display: none;
		background-color: #3fa9fa;
	}

	.main-menu dt {
		position: relative;
	}

	.main-menu a {
		border-bottom: 1px solid #fff;
		padding: 0px 10px;
	}

	.main-menu dd {
		display: none;
	}

	.main-menu dd.open {
		display: block;
	}

	.main-menu dl {
		position: relative;
	}

	.sub-toggler {
		display: block!important;
	}

	.top-contact, .logo-box {
		width: 100%;
	}

	.logo-box {
		background-color: #00bad6;
		border-bottom: 1px solid #fff;
		position: relative;
	}

	.logo-box-text {
		height: 3rem;
		float: left;
		overflow: hidden;
		text-align: left;
		line-height: 3rem;
		white-space: nowrap;
		width:calc(100% - 6rem);
	}

	.logo-box-img {
		padding:0px 10px;
		justify-content: center;
		align-items: center;
		display: flex;
		float: left;
		height: 3rem;
		width: 6rem;
		overflow: hidden;
	}

	.toggle-box {
		display: block !important;
	}

	.logo-box-text span {
		font-size: 1.25rem;
	}

	.index-pro-item .foot-title,.product-item .foot-title {
		padding: 0px 5px;
		height: 3.6rem;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background-color: #3fa9fa;
		-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
		-o-transition: all 0.6s;
		-ms-transition: all 0.6s;
		transition: all 0.6s;
	}

	.index-pro-item .foot-title h3,.product-item .foot-title h3 {
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		max-height: 3.6rem;
		line-height: 1.2;
		font-size: 1rem;
		font-weight: 500;
		text-transform: capitalize;
	}

	.index-ab-content,.index-ab-img {
		margin-top: 10px;
		width: 100%;
		float: left;
	}

	.footer-item {
		float: left;
		width: 100%;
	}

	.footer-title,.footer-detail {
		border-bottom: 1px solid #fff;
	}

	.footer-detail {
		display: none;
	}

	.footer-title {
		height: 3rem;
		text-align: left;
		font-size: 1.5rem;
		line-height: 3rem;
		color:#444;
	}

	.footer-icons,.footer-qrcode {
		margin: 0px auto;
	}
}
/*--------------------------大窗口--------------------------------*/

@media ( min-width :992px) {
	.footer{
	padding-bottom:1rem;
	}
	.index-pro-item {
		width: 25%;
	}

	.contact-info {
		width: 33.33333333%;
		float: left;
	}

	.contact-form {
		width: 66.66666667%;
		float: left;
	}

	.footer-detail {
		padding-top: 5px;
	}

	.main-menu {
		padding-top: 2px;
		border-radius: 10px;
	}

	.main-menu>li {
		width: 16.66666667%;
		padding-right: 2px;
		padding-left: 2px;
	}

	.a-level1 {
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
		background-color: #fff;
		overflow: hidden;
	}

	.menu-bar {
		position: relative;
	}

	.sub-menu-box {
		position: absolute;
		width: 100%;
		left: 0px;
		top: 100%;
		z-index: 999;
		background-color: transparent;
		display: none!important;
		border-top: 1px solid #333;	
	}
	.sub-menu-box>ul{
		border-bottom-left-radius: 15px;
	    border-bottom-right-radius: 15px;
	    background-color:#fff;
	    padding:10px;
	}
	.sub-menu li {
		display: block;
		float: left;
		width: 25%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.a-level2 {
		border-bottom: 1px dotted #333;
		text-align: left;
		display: block;
		font-size: 1rem;
		line-height: 2.5rem;
		white-space: nowrap;
	}

	.has-sub:hover .sub-menu-box {
		display: block!important;
	}

	.menu-bar,.top-bar-box {
		background-color: #3fa9fa;
	}

	.page-contents {
		padding: 15px;
	}

	.wel-btn {
		display: block;
		margin-top: 2rem;
		width: 100%;
		text-align: center;
	}

	.wel-btn a {
		display: inline-block;
	}

	.my-form-group {
		margin-bottom: 1rem;
	}

	.label-box {
		width: 25%;
	}

	.input-box {
		width: 75%;
	}

	.my-form-label {
		text-align: right;
	}

	.product-item-title,.product-item-content {
		margin-top: 1rem;
		padding: 0px 1rem;
	}
	/*首页模块标题头*/
	.index-block-title {
		padding: 8px;
		text-align: center;
	}

	.title-span i {
		font-style: normal;
		display: block;
		text-align: center;
		padding: 3px 5px;
		line-height: 2rem;
		font-size: 1.5rem;
		font-weight: bold;
		text-transform: capitalize;
		color: #fff;
		border: 1px solid #fff;
		overflow: hidden;
		border-radius: 5px;
	}

	.title-span {
		border-radius: 5px;
		overflow: hidden;
		padding: 2px;
		display: inline-block;
		margin: 0px auto;
		background-color: #3fa9fa;
	}

	.index-ab-content {
		text-align: left;
		font-size: 1rem;
		line-height: 2rem;
	}

	.index-block-desc {
		text-align: center;
		font-size: 1rem;
		line-height: 1.2;
		padding: 3px 5px;
	}

	.text-indent {
		text-indent: 2rem;
	}
/*首页模块标题头*/
	.top-contact-top {
		line-height: 1.5rem;
	}

	.index-news-item-content-description {
		padding: 0px 1rem;
	}

	.contact-info .inner-box {
		padding: 1rem;
	}

	.left-side {
		width: 25%;
	}

	.right-side {
		width: 75%;
	}

	.left-side,.right-side {
		padding: 10px;
	}

	.cate-item a,.contact-item span {
		line-height: 2rem;
	}

	.widget .title-box span {
		height: 2.5rem;
		line-height: 2.5rem;
	}

	.main-menu>li>a {
		text-align: center;
		padding: 0px 10px;
		display: block;
		white-space: nowrap;
		position: relative;
		text-transform: capitalize;
	}

	.footer-item.procate li {
		display: block;
		margin: 2px 3px;
	}

	.footer-item.procate .txt {
		font-size: 1.25rem;
		line-height: 2rem;
		display: inline-block;
	}

	.footer-item.procate .star-icon {
		padding-left: 2px;
		padding-right: 2px;
	}

	.menu-bar {
		display: block !important;
	}

	.main-menu {
		flex-wrap: nowrap;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: space-around;
		text-align: center;
	}

	.top-contact, .logo-box {
		padding:0px 10px;
		width: 50%;
	}

	.top-contact {
		float: right;
	}

	.logo-box {
		float: left;
	}

	.logo-box-text {
		height: 6rem;
		line-height: 6rem;
		width: 80%;
		float: left;
		overflow: hidden;
		text-align: left;
	}

	.logo-box-img {
		display: flex;
		align-items: center;
		justify-content: center;
		float: left;
		width: 20%;
		height: 6rem;
		overflow: hidden;
	}

	.toggle-box {
		display: none;
	}

	.main-menu dd ul {
		display: block;
		height: 20rem;
		overflow-y: scroll;
	}

	.main-menu dd {
		z-index: 999;
		background-color: #3fa9fa;
		position: absolute;
		left: 0;
		top: 100%;
	}

	.main-menu dd.fleft {
		position: absolute;
		left: 100%;
		top: 0;
	}

	.sub-toggler {
		display: none;
	}

	.main-menu li:hover>dl>dd {
		display: block;
	}

	.logo-box-text span {
		font-size: 1.25rem;
	}

	.index-block-box {
		margin: 1rem auto;
	}

	.index-ab-content,.index-ab-img {
		padding: 5px;
		width: 50%;
		float: left;
	}

	.footer-item {
		float: left;
		width: 25%;
	}

	.footer-title {
		font-weight: bold;
		height: 3rem;
		text-align: left;
		font-size: 1.5rem;
		line-height: 3rem;
	}

	.index-pro-item .foot-title h3,.product-item .foot-title h3 {
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		max-height: 3.6rem;
		line-height: 1.2;
		font-size: 1rem;
		text-transform: capitalize;
	}

	.index-pro-item .foot-title,.product-item .foot-title {
		padding: 0px 5px;
		height: 4rem;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background-color: #3fa9fa;
	}

	.footer-title-txt:after {
		z-index: 1;
		position: absolute;
		content: '';
		height: 2px;
		width: 0;
		left: 0;
		bottom: 0px;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-o-transition: all 0.4s;
		-ms-transition: all 0.4s;
		transition: all 0.4s;
		background-color: #fff;
		overflow: hidden;
	}

	.footer-title:hover .footer-title-txt:after {
		width: 100%;
	}

	.footer-detail {
		display: block!important;
	}
}

@media (max-width:1199px) {
	.box-container {
		width: 100%;
		margin: 0px auto;
	}

	.main-body {
		padding: 10px;
	}

	.footer-item {
		padding: 0px;
	}

	.box-container {
		width: 100%;
		margin: 0px auto;
	}
	.a-level2 {
		display: block;
		font-size: 1rem;
		line-height: 3rem;
	}
}

@media (min-width:1200px) {
	.whe-left {
		width: 40%
	}

	.whe-right {
		width: 60%;
	}

	.related-product-item {
		width: 25%;
	}

	.cate-item a,.contact-item span {
		line-height: 2.5rem;
	}

	.widget .title-box span {
		height: 3rem;
		line-height: 3rem;
	}

	.a-level1 {
		display: block;
		font-size: 1.25rem;
		line-height: 3rem;
	}

	.box-container {
		width: 1170px;
		margin: 0px auto;
	}

	.main-body {
		padding: 15px;
	}

	.footer-item {
		padding: 0px 15px;
	}
}




/*通用*/
.logo-box-text span {
	font-weight: bold;
	font-family: 'Oswald-Light';
}

.langselect-info {
	float: left;
	width: 40%;
}

.social-info {
	float: left;
	width: 60%;
}

.social-icons {
	display: flex;
	display: -webkit-flex;
	align-item: center;
	justify-content: center;
}

.social-icons li {
	display: inline-block;
	margin-right: 5px;
}

.social-icons i {
	font-size: 1.25rem;
	line-height: 1.2;
	color: #000;
}
/*语种选择*/
.langselect {
	margin: 0px;
	display: inline-block;
	position: relative;
}

.langselect	img {
	width: 1rem;
	height: 0.6rem;
}

.current-lang, .more-lang {
	font-size: 1rem !important;
	line-height: 1.2 !important;
	font-weight: 400 !important;
	margin: 0px !important;
}

.current-lang {
	background-color: #3fa9fa;
	text-align: center;
	cursor: pointer;
	text-transform: capitalize;
	overflow: hidden;
}

.more-lang li.selected {
	display: none;
}

.langselect img, .lang-txt {
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}

.langselect .fa {
	font-size: 12px;
	position: relative;
	margin-left: 3px;
}

.more-lang ul {
	width: 10rem;
	background-color: #fff;
	padding: 5px;
	box-shadow: 2px 2px 2px 1px rgba(199, 199, 199, 0.4);
	border: 1px solid rgba(199, 199, 199, 0.4);
	height: 10rem;
	overflow-y: scroll;
	border-radius: 5px;
}

.more-lang li {
	text-align: left;
	padding: 3px 0px;
	white-space: nowrap;
	overflow: hidden;
}

.more-lang {
	padding-top: 5px;
	z-index: 999;
	position: absolute;
	top: 100%;
	left: -5rem;
	opacity: 0;
	cursor: pointer;
	display: none;
}

.current-lang .inner-box {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 3px 5px;
}

.langselect.active .more-lang {
	display: block;
}

.more-lang.active {
	opacity: 1;
}

.more-lang.active li:hover {
	background: #5766b2;
	color: #fff;
}

.more-lang.active li:hover span {
	color: #fff;
}

.langselect.active dd ul li {
	border-bottom: 1px solid #eaeaea;
}
/*语种选择*/
.logo-box-img {
	text-align: center;
}

.logo-box-img img {
	width: auto;
}

.toggle-box {
	text-align: center;
	position: absolute;
	width: 3rem;
	height: 3rem;
	display: none;
	right: 0px;
	top: 0px;
}

.toggle-box .toggle-bar {
	background-color: #00bad6;
	padding: 8px 10px;
	border: none;
}

.toggle-box .toggle-bar i {
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: bold;
	color: #333;
}

.top-contact-top, .top-contact-bottom {
	text-align: center;
	height: 3rem;
}

.top-contact-bottom {
	line-height: 3rem;
}

.top-contact-top i {
	color: #000;
	margin-right: 5px;
}

.a-level2 {
	position: relative;
}

.main-menu a:after {
	z-index: 1;
	position: absolute;
	content: '';
	height: 100%;
	width: 0;
	left: 0;
	top: 0;
	background-color: #00bad6;
	overflow: hidden;
}

.main-menu a:hover:after {
	width: 100%;
	height: 100%;
}

.main-menu a span {
	position: relative;
	z-index: 2;
}

.main-menu a:hover span {
	color: #fff;
}

.main-menu .sub-menu dl a {
	border-bottom: 1px solid #fff;
}

.sub-menu li:last-child {
	border: none;
}

.main-menu li a:hover, .main-menu li a:focus {
	color: #fff;
}

.footer-item .sub-toggler {
	position: absolute;
	display: none;
	width: 3rem;
	height: 3rem;
	top: 0px;
	right: 0px;
}

.sub-toggler {
	z-index: 999;
	cursor: pointer;
	border-left: 1px solid #fff;
	display: none;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	height: calc(3rem + 1px);
	width: 3rem;
}

.sub-toggler i {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 3rem;
	color: #fff;
}

.top-bar {
	padding-top: 1rem;
}
/*搜索栏*/
.search-bar {
	padding: 5px 10px;
	background-color: #3fa9fa;
}

.search-bar-form {
	overflow: hidden;
	position: relative;
	border-radius: 5px;
}

.searchtxt {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 5px 10px;
	line-height: 1.5;
	font-size: 1.25rem;
	border: none;
	width: 100%;
	color: #333;
}

.searchtxt:focus {
	border: 1px solid #00a0ff;
}

.searchbtn {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 0px 1rem;
	height: 100%;
	background-color: #000;
	border: 0px;
	color: #FFF;
	font-size: 1.25rem;
	outline: none;
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 0px;
}
/*搜索栏*/
/*幻灯片*/
.banner-box .swiper-slide {
	position: relative;
}

.banner-img-box {
	position: relative;
	width: 100%;
	padding-top: 30%;
 /*1:2圖片比*/
	display: block;
	margin: 0px auto;
	overflow: hidden;
	text-align: center;
}

.banner-img-box img {
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	object-fit: cover;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
/*幻灯片*/
/*分类幻灯片图*/
.cate-banner {
	box-shadow: inset 0px 0px 5px 0px #999;
	position: relative;
	width: 100%;
	padding-top: 30%;
 /*1:1圖片比*/
	display: block;
	overflow: hidden;
	text-align: center;
}

.banner-box {
	padding-top: 2px;
	box-shadow: inset -0px -2px 5px 0px #999;
}
/*分类幻灯片图*/


.index-pro-item:hover .img-box img,.product-item:hover .img-box img,.index-news-item:hover .index-news-item-img img {
	transform: scale(1.2);
}

.index-pro-item a,.product-item a,.index-news-item-box {
	cursor: pointer;
	overflow: hidden;
	display: block;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
}

.index-pro-item a:hover,.product-item a:hover,.index-news-item-box:hover {
	box-shadow: 0px 15px 15px rgba(0,0,0,.1);
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.index-pro-item a:hover .foot-title h3,.product-item a:hover .foot-title h3 {
	background-color: #3fa9fa;
	color: #fff;
}

.img-box {
	position: relative;
	width: 100%;
	padding-top: 100%;
 /*1:1圖片比*/
	display: block;
	margin: 0px auto;
	overflow: hidden;
	text-align: center;
}

.img-box img {
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	object-fit: cover;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.index-news-item-img {
	position: relative;
	width: 100%;
	padding-top: 60%;
 /*1:0.6圖片比*/
	display: block;
	margin: 0px auto;
	overflow: hidden;
	text-align: center;
}

.index-news-item-img .inner-box {
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}

.index-news-item-img .inner-box img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.index-news-item-img,.index-news-item-img img {
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
}
/*首页新闻模块*/
.index-news-item-box {
	position: relative;
}

.index-news-item-content-title {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height:3.6rem;
}

.index-news-item-content-title h3 a {
	color: #3fa9fa;
}

.index-news-item-content-title h3 {
	text-align: center;
	max-height: 3.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: capitalize;
	font-size: 1rem;
	line-height: 1.2;
}

.index-news-item-date {
	position: absolute;
	left: 10px;
	top: 10px;
}

.index-news-item-date {
	font-size: 10px;
	line-height: 1.5;
	border-radius: 50%;
	z-index: 999;
	padding: 8px;
	height: 50px;
	width: 50px;
	display: block;
	text-align: center;
	background-color: #3fa9fa;
	color: #fff;
	font-weight: bold;
	word-wrap: break-word;
	overflow: hidden;
}

.index-news-item-content-description {
	text-overflow: ellipsis;
	overflow: hidden;
	height: 6rem;
	display: flex;
	display: -webkit-flex;
	align-items: top;
	justify-content: center;
	text-align: center;
}

.index-news-item-content-description p {
	font-size: 1rem;
	line-height: 1.2;
	text-align: left;
	text-overflow: ellipsis;
}

.index-news-item-bottom {
	text-align: center;
	padding: 0.5rem 0px;
}

.read-btn {
	background-color: #3fa9fa;
	position: relative;
	display: inline-block;
	color: #fff;
	font-weight: 400;
	line-height: 1.2;
	font-size: 1.25rem;
	padding: 0.3rem 0.5rem;
	text-align: center;
	text-transform: capitalize;
}

.read-btn span {
	position: relative;
	z-index: 2;
}

.read-btn:after {
	z-index: 1;
	position: absolute;
	content: '';
	height: 100%;
	width: 0%;
	left: 0px;
	top: 0px;
	background-color: #800000;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
}

.read-btn:hover span {
	color: #fff;
}

.news-box .read-btn:hover:after {
	width: 100%;
}
/*首页新闻模块*/
/*首页联系模块*/
.contact-info {
	color: #3fa9fa;
}

.contact-info .inner-box {
	background-color: rgba(122,122,122,0.3);
}

.contact-info-item {
	margin: 10px auto;
	padding: 1rem 0px;
	word-break: break-all;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: space-between;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5rem;
	font-size: 1.25rem;
	width: 100%;
	position: relative;
}

.contact-info-item .icon-box {
	position: absolute;
	left: 0px;
	border: 1px solid #3fa9fa;
	border-radius: 50%;
	display: inline-block;
	float: left;
	height: 3rem;
	width: 3rem;
	text-align: center;
}

.contact-info-item .icon-box i {
	font-size: 1.5rem;
	line-height: 3rem;
}

.contact-info-item span {
	display: block;
	padding-left: 5rem;
}

.contact-info-item a {
	color: #3fa9fa;
	display: block;
	position: relative;
}

.contact-info-item a:hover {
	margin-left: 1rem;
	color: #fff;
}
/*首页联系模块*/
/*表单模块*/

.my-form-group {
	text-align: center;
	overflow: hidden;
}

.my-form-group:before,.my-form-group:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.label-box,.input-box {
	float: left;
	display: block;
}

.my-form-label {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	color: #555;
	font-size: 1.25rem;
	line-height: 2rem;
	padding: 3px 5px;
	margin: 0px;
	font-weight: 500;
}

.my-form-input {
	display: block;
	width: 100%;
	padding: 3px 5px;
	font-size: 1rem;
	line-height: 2rem;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
}

.my-form-input:focus {
	border: 1px solid #0080ff;
}

.my-form-textarea {
	padding: 3px 5px;
	display: block;
	width: 100%;
	font-size: 1rem;
	line-height: 1.2;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
}

.my-form-btn {
	border: none!important;
	background-color: transparent;
}
/*表单模块*/
.footer {
	background-color: #3fa9fa;
	box-shadow: inset 0px -1px 2px 0px #999;
}

.footer-title-txt {
	position: relative;
}

.footer-title {
	display: block;
	position: relative;
}


.a-inline {
	display: inline!important;
	overflow: hidden;
	white-space: nowrap;
	color: #03f;
}

.a-inline:hover {
	color: #f33;
}

.copyright {
	background-color: #3a3a3a;
}

.copyright p,.copyright p a {
	line-height: 2rem;
	font-size: 1.25rem;
	text-align: center;
	color:#fff;
}
/*底部置顶*/
.scrollup {
	box-shadow: 0px 0px 0px 3px rgba(255,255,255,1);
	background-color: #3fa9fa;
	border-radius: 50%;
	position: fixed;
	right: 2rem;
	bottom: 2rem;
	display: none;
	font-size: 1.25rem;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	z-index: 1;
}

.scrollup i {
	color: #000;
}

.scrollup:hover i {
	color: #fff;
}
/*底部置顶*/
.subscribe-box {
	border-radius: 5px;
	margin-top: 5px;
	padding-right: 3rem;
	max-width: 250px;
	position: relative;
	overflow: hidden;
}

.subscribe-box input {
	color: #666;
	height: 100%;
	width: 100%;
	padding: 0.5rem;
	border: none;
	font-size: 1rem;
}

.subscribe-box input:focus {
	border: 1px solid #0080ff;
}

.subscribe-box .email-btn {
	z-index: 999;
	padding: 3px 5px;
	display: flex;
	display: -webkit-flex;
	align-item: center;
	justify-content: center;
	height: 100%;
	background-color: #fff;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 3rem;
	border-left: 1px solid #3fa9fa;
}

.subscribe-box .email-btn i {
	color: #0080ff;
	font-size: 1.5rem;
	line-height: 1.2;
}

.footer-logo,.footer-qrcode,.footer-icons {
	width: 160px;
}

.footer-icons .social-icons {
	display: flex;
	-webkit-display: flex;
	align-item: center;
	justify-content: center;
}

.footer-icons .social-icons i {
	font-size: 1.25rem;
	line-height: 1.2;
	color: #fff;
}

.left-side,.right-side {
	float: left;
}

.cate-item a,.contact-item span {
	border-bottom: 1px dotted #ddd;
}

.cate-item li:last-child a,.contact-item li:last-child span {
	border-bottom: none;
}

.cate-item a {
	display: block;
	position: relative;
}

.cate-item a h2 {
	display: block;
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 1rem;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 400;
	z-index: 2;
}

.cate-item a:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 100%;
	background-color: #00bad6;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
}

.cate-item a:hover:after {
	width: 100%;
}

.cate-item a:hover h2 {
	color: #fff;
}

.contact-item span {
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 1rem;
}

.widget {
	padding:5px;
	box-shadow: inset 0px 0px 2px 0px rgba(20,20,20,0.3);
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 1rem;
}
.widget .title-box{
	border-radius:5px;
	overflow:hidden;
}
.widget .title-box span {
	display: block;
	text-align: left;
	font-size: 1.25rem;
	font-weight: bold;
	padding-left: 15px;
	position: relative;
	text-transform: capitalize;
	background-color: #3fa9fa;
	color: #fff;
}
/*左边栏*/
/*面包屑*/
.crumb {
	display: block;
	box-shadow:-1px 1px 0px 0px #ccc;
	border-radius:2px;
}

.crumb a,.crumb span {
	word-break: break-all;
	text-transform: capitalize;
	padding: 0px 5px;
}

.crumb a {
	color: #3fa9fa;
}

.crumb i {
	color: #333;
}

.crumb a:hover {
	text-decoration:none;
	border-bottom:1px solid #3fa9fa;
}
	/*面包屑*/
/*底部分页列表*/
.page-link-box {
	text-align: center;
	padding: 5px 0px;
}


.page-link-box ul {
	display: inline-block;
	margin: 0px auto;
}

.page-link-box ul li {
	display: inline-block;
	margin-right: 6px;
}

.page-link-box ul li a {
	overflow: hidden;
	border:1px solid #ddd;
	border-radius: 3px;
	background-color: #fff;
	text-align: center;
	display: block;
	font-size: 1.25rem;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
}

.page-link-box ul li.disabled a {
	background-color: #ccc;
}

.page-link-box ul li .active {
	background-color: #3fa9fa;
	color: #fff;
}

.page-link-box i {
	color: #333;
}
/*底部分页列表*/
/*分类介绍*/
.introduction p {
	word-break: break-all;
	text-transform: capitalize;
	display: inline-block;
	font-size: 1rem;
	line-height: 1.2;
	max-height: 6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 400;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
}

.introduction {
	box-shadow: 2px 2px 1px rgba(199,199,199,0.6);
	background-color: #3fa9fa;
	border-radius: 5px;
}

.introduction:hover p {
	cursor: pointer;
}
/*分类介绍*/
/*新闻列表页*/	
.news-list-item {
	border-radius: 5px;
	box-shadow: 0px 0px 2px 0px rgba(199,199,199,0.9);
}

.news-list-item .left-box,.news-list-item .right-box {
	float: left;
}
.news-list-item-img-box{
	overflow: hidden;
	border-radius: 5px;
	box-shadow:0px 0px 3px 0px #999;
	width:100%;
	height: 100%;
}
.news-list-item-img-box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow:hidden;
}
.news-list-item-title {
	height: 3rem;
	display: flex;
	-webkit-display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
}

.news-list-item-title h3 {
	text-align: center;
	color: #3fa9fa;
	line-height: 1.0;
	font-size: 1rem;
	overflow: hidden;
	max-height:3rem;
}

.news-list-item-content {
	height: 3.6rem;
	font-size: 1rem;
	line-height: 1.2;
	overflow: hidden;
}

.news-list-item-bottom {
	position: relative;
	padding: 5px 0px;
}

.news-list-item-title,.news-list-item-content,.news-list-item-bottom {
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.news-list-item-bottom a {
	display: inline-block;
}

.news-list-item-btn i {
	font-size: 1rem;
	line-height: 1.2;
	padding: 3px 5px;
	display: block;
	color: #fff;
	font-style: normal;
	border-radius: 5px;
	border: 1px solid #fff;
}

.news-list-item-btn {
	background-color: #3fa9fa;
	padding: 2px;
	border-radius: 5px;
	display: inline-block;
}

.news-list-item-bottom .date-box {
	position: absolute;
	right: 1rem;
	top: 0px;
	line-height: 2.5rem;
}

.news-list-item:hover {
	border: 1px solid #3fa9fa;
}

.img-box.rect {
	padding-top: 60%!important;
 /*1:1圖片比*/
}
/*新闻列表页*/
/*单页详情页*/
.feedback-box {
	margin: 0px auto;
}

.page-body {
	overflow: hidden;
}
/*单页详情页*/
/*新闻详情页*/
.news-body {
	overflow: hidden;
}

.page-news-head-title {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 10px 5px;
}

.page-news-head-title h3 {
	overflow: hidden;
	text-overflow: ellipsis;
	color: #3fa9fa;
	line-height: 1.2;
	font-size: 1rem;
	text-transform: capitalize;
	text-align: center;
}

.page-news-head-pudate {
	padding: 10px 5px;
	text-align: center;
}

.page-news-contents {
	margin-bottom: 10px;
	overflow: hidden;
}

.page-news-contents p,.page-contents p {
	padding: 5px 2px;
}
.page-news-contents img,.page-contents img,.page-news-contents video{
	overflow:hidden;
	border-radius:15px;
	display:block;
	width:100%;
	max-width:600px;
	height:auto;
	margin:0px auto;
}
/*新闻详情页*/
/*产品详情页*/
.product-item-title {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	text-align: left;
	overflow: hidden;
}

.add-this {
	text-align: center;
	overflow: hidden;
	padding: 5px;
}

.clearfix:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}

.pc-slide {
	margin: 0 auto;
}

.view .swiper-container {
	width: 100%;
	overflow: hidden;
}

.preview .swiper-container {
	margin: 0px auto;
}

.preview {
	position: relative;
	width: 100%;
	margin-top: 5px;
}

.view {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.preview .swiper-slide-thumb-active img {
	border: 1px solid #3fa9fa;
	padding: 0;
}

.preview .swiper-slide {
	overflow: hidden;
}

.view .arrow-left {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	margin-left: 5px;
	left: 0px;
	width: 45px;
	height: 45px;
	z-index: 10;
	background-color: rgba(252,171,3,0.5);
	border-radius: 50%;
}

.view .arrow-right {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	margin-right: 5px;
	right: 0px;
	width: 45px;
	height: 45px;
	z-index: 10;
	background-color: rgba(252,171,3,0.5);
	border-radius: 50%;
}

.view .arrow-right i,.view .arrow-left i {
	font-size: 1rem;
	line-height: 45px;
	font-weight: 400;
	color: #333;
}

.swiper-img-box {
	position: relative;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
}

.swiper-img-box img {
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
	overflow: hidden;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	background-color: #3fa9fa;
	color: #fff;
}

.nav-tabs > li > a {
	background-color: #eee;
}

.product-details {
	margin-top: 10px;
}

.product-details .tab-content {
	margin-top: 10px;
}

.product-item-title h3 {
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #3fa9fa;
	line-height: 1.2;
	font-size: 1rem;
	text-transform: capitalize;
}

.product-item-content {
	display: flex;
	display: -webkit-flex;
	align-items: top;
	justify-content: center;
}

.product-item-content p {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.2;
	font-size: 1rem;
	text-transform: capitalize;
}

.product-details {
	font-size: 1rem;
	line-height: 1.2rem;
}

.product-details-content {
	font-size: 1rem;
	line-height: 1.2;
}

.product-details-content {
	text-align: left;
}

.product-details-tags {
	margin: 10px auto;
}

.product-details-tags a {
	color: #666;
	text-decoration: underline;
}

.product-details-tags a:hover {
	color: #3fa9fa;
}

.related-product {
	margin: 1rem auto;
}

.related-product-list {
	text-align: center;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
	margin-top: 10px;
}

.related-product-item {
	float: left;
}

.related-product-list .related-product-item {
	padding: 5px;
}

.related-product-item-footer {
	padding: 5px;
	overflow: hidden;
}

.related-product-item-footer h4 {
	overflow: hidden;
	text-overflow: ellipsis;
	height: 3rem;
	font-size: 0.8rem;
	line-height: 1rem;
}

.related-title {
	border-bottom: 1px dashed #3fa9fa;
}

.related-title span {
	font-size: 1rem;
	line-height: 2rem;
}

.whe-left,.whe-right {
	float: left;
}




/*产品详情页*/
.tab-title {
	border-bottom: 1px solid #ccc;
}

.tab-item {
	display: inline-block;
	float: left;
	margin-left: 5px;
	margin-bottom: -1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	overflow: hidden;
}

.tab-item:first-child {
	margin-left: 0px;
}

.tab-item a {
	padding: 5px 8px;
	font-size: 1rem;
	line-height: 1.5;
	display: block;
	background-color: #ccc;
}

.tab-item.active a {
	background-color: #3fa9fa;
	color: #fff;
}

.my-tab-pane {
	display: none;
	opacity: 0;
}

.my-tab-pane.active {
	display: block;
	opacity: 1;
}

.direction-btn {
	width: 5rem;
	background-color: #3fa9fa;
	border-radius: 5px;
	text-align: center;
}

.link-title,.direction-btn {
	padding: 2px;
}

.link-title span,.direction-btn span {
	font-size: 1rem;
	line-height: 1.5rem;
}

.direction-btn span {
	border: 1px solid #fff;
	display: block;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
}

.pn-box-left .link-title,.pn-box-left .direction-btn {
	float: left;
	display: block;
}

.pn-box-right .link-title,.pn-box-right .direction-btn {
	float: right;
	display: block;
}

.pn-box-left .link-title {
	text-align: left;
}

.pn-box-right .link-title {
	text-align: right;
}

.link-title {
	display: block;
	border-bottom: 1px dashed #ccc;
	width: calc(100% - 5rem);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.link-title:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 50%;
	height: 1px;
	width: 0;
	background-color: #3fa9fa;
	z-index: 1;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
	overflow: hidden;
}

.link-title:hover:after {
	width: 100%;
	left: 0px;
}

.link-title:hover span {
	color: #3fa9fa;
}

.link-title span {
	position: relative;
	z-index: 2;
}

.pn-box-left,.pn-box-right {
	width: 48%;
}

.pn-box-left {
	float: left;
}

.pn-box-right {
	float: right;
}

.pn-box-left .link-title span {
	padding-left: 10px;
}

.pn-box-right .link-title span {
	padding-right: 10px;
}

.related-product-item-footer h4 {
	text-decoration: underline;
}

.related-product-item-footer h4:hover {
	color: #3fa9fa;
}

.img-box .inner-box {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
}

.img-box .inner-box .left {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 2px;
	background-color: #3fa9fa;
	height: 0px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
}

.img-box .inner-box .right {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
	width: 2px;
	background-color: #3fa9fa;
	height: 0px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
}

.img-box .inner-box .bottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 2;
	height: 2px;
	background-color: #3fa9fa;
	width: 0px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
}

.img-box .inner-box .top {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 2;
	height: 2px;
	background-color: #3fa9fa;
	width: 0px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
}

.img-box .inner-box:hover .left {
	height: calc(100% - 2px);
}

.img-box .inner-box:hover .right {
	height: calc(100% - 2px);
}

.img-box .inner-box:hover .bottom {
	width: calc(100% - 2px);
}

.img-box .inner-box:hover .top {
	width: calc(100% - 2px);
}

.direction-btn.disabled {
	background-color: #ccc;
}

.ct-title {
	text-align: center;
	margin-bottom: 15px;
}

.ct-title span {
	font-size: 1.5rem;
	line-height: 2.5rem;
	font-weight: bold;
	color: #333;
}

.common-btn i {
	font-style: normal;
	display: block;
	text-align: center;
	padding: 3px 5px;
	line-height: 1.2;
	font-size: 1.25rem;
	font-weight: bold;
	text-transform: capitalize;
	color: #fff;
	border: 1px solid #fff;
	overflow: hidden;
	border-radius: 5px;
}

.common-btn {
	border-radius: 5px;
	overflow: hidden;
	padding: 2px;
	display: inline-block;
	margin: 0px auto;
	background-color: #3fa9fa;
}

.tags-title {
	padding: 3px 5px;
	font-size: 1rem;
	line-height: 1.2;
	display: inline-block;
	background-color: #3fa9fa;
	border-radius: 5px;
}

.feedbackForm {
	background-color: #eee;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

.my-form-group {
}

.label-box {
	text-align: center;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}

.sub-title {
	margin-bottom:5px;
	border-bottom:2px solid #fff;
	height:3rem;
	line-height: 3rem;
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
	color: #3fa9fa;
}

.sub-btn-box {
	text-align: center;
}

.input-box input,.input-box textarea {
	border-radius: 5px;
}

.prev-next-btn{
	padding:5px;
}
.footer-qrcode img {
	border-radius: 5px;
	overflow: hidden;
}

.related-product-item img,.view img {
	border: 1px dotted #3fa9fa;
}

.index-ab-img {
	text-align: center;
}

.index-ab-img img {
	width: 100%;
	max-width: 480px;
	height: auto;
	margin: 0px auto;
	border-radius: 5px;
}

.index-ab-box {
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.index-pro-item a,.product-item a,.index-news-item-box,.index-contact-box {
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}

.contact-info .inner-box,.my-form-textarea,.my-form-input {
	border-radius: 5px;
}

.footer-detail li span {
	font-size: 1.25rem;
	line-height: 2.5rem;
}

.footer a:hover, .footer a.a-inline:hover{
	color: #fff;
}
.footer,.footer a{
	color:#444;
}
.footer a.a-inline{
	color:#03f;
}
.star-icon {
	color: #00bad6;
	margin-right: 2px;
}

.footer a {	
	display: block;
}

.footer span {
	display: inline-block;
}
@media(min-width:992px) and (max-width:1199px){
	.a-level1 {
		display: block;
		font-size: 1rem;
		line-height: 3rem;
	}
}
/*layui-css*/
.layui-layer-dialog .layui-layer-title {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.layui-layer.layui-layer-dialog {
	border-radius: 10px;
}
.aboutus-img .img-box{
	padding-top:50%!important;
}
.aboutus-img .swiper-img-box{
	padding-top:60%;
}
.aboutus-img .preview{
	padding-left:50px;
	padding-right:50px;
	overflow:hidden;
}
.aboutus-img .preview .arrow-left {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	top: 50%;
	margin-top: -22.5px;
	margin-left: 0px;
	left: 0px;
	width: 45px;
	height: 45px;
	z-index: 10;
	background-color: rgba(252,171,3,0.5);
	border-radius: 50%;
}
.aboutus-img .preview .arrow-right {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	top: 50%;
	margin-top: -22.5px;
	margin-right: 0px;
	right: 0px;
	width: 45px;
	height: 45px;
	z-index: 10;
	background-color: rgba(252,171,3,0.5);
	border-radius: 50%;
}

.aboutus-img .preview .arrow-right i,.aboutus-img .preview .arrow-left i {
	font-size: 1rem;
	line-height: 45px;
	font-weight: 400;
	color: #333;
}

.aboutus-img img{
	max-height:100%!important;
}
.text_p{
	text-indent:2rem;
}
.page-title{
	text-align:center;
}
.page-title span{
	border-bottom: 2px solid #ccc;
	padding:0px 1rem;
	display:inline-block;
	font-size:2rem;
	line-height:3rem;
	text-align:center;
	font-weight:bold;
	color:#666;
	margin-bottom:5px;
}
@media (max-width: 991px){
.main-menu a span:before,.footer-detail li span.txt:before{
	font-family:FontAwesome;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	margin-right:5px;
	content:'\f222';
}
.footer-logo{
	margin:0px auto;
}
}
.footer{
	position:relative;
}
.footer-head-cover{
	display:none;
	height:3rem;
	background-color:#3fa9fa;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	z-index:999;
}
@media (min-width: 992px) {
	.footer-head-cover{
		display:block!important;
	}
	.footer-title{
		z-index:1000;
		color:#444;
	}
}
.top-bar-box{
	font-size:1.25rem;
	color:#444;
}
.logo-box-text span{
	white-space: nowrap;
}
.img_p{
	position:relative;
	width:100%;
	padding-top:50%!important;
	display:block;
}
.img_p img{
	padding:5px;
	position:absolute;
	width:100%!important;
	height:100%!important;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	object-fit: contain;
}
.footer-logo{
	width:160px;	
	margin-bottom:10px;
}