ul {

	list-style:none

}

input,img,select {

	vertical-align:middle

}

a {

	text-decoration:unset

}

a:hover,a:focus {

	text-decoration:none;

	outline-style:none

}

table {

	border-collapse:collapse;

	width:100%

}

th,td {

	padding:10px;

	border:1px solid #e8e8e8

}

img {

	max-width:100%;

	height:auto;

	vertical-align:middle

}

.table-container {

	width:100%;

	overflow:auto

}

.c-article-details h1,.c-article-details h2,.c-article-details h3,.c-article-details h4,.c-article-details h5,.c-article-details h6,.c-article-details p,.c-article-details ul,.c-article-details ol,.c-article-details table {

	margin:1em 0

}

.c-article-details img.aligncenter {

	display:block;

	margin:0 auto

}

.c-article-details ul {

	list-style-type:disc

}

.c-article-details ul,.c-article-details ol {

	padding-left:20px

}

.c-article-details ul li,.c-article-details ol li {

	margin:.5em 0

}

.c-article-details a {

	color:#0094de

}

.clearfix {

	zoom:1

}

.clearfix:after {

	clear:both;

	content:'';

	display:block;

	width:0;

	height:0;

	visibility:hidden

}

ul {

	margin:0

}

.common-center {

	position:absolute;

	left:50%;

	top:50%;

	-webkit-transform:translate(-50%,-50%);

	transform:translate(-50%,-50%)

}

.container {

	padding:0

}

.common-title {

	text-align:center;

	font-size:32px;

	padding:60px 0

}

.common-title h2 {

	font-weight:700;

	margin:0

}

.common-title img {

	margin:0 15px

}

#video {

	position:fixed;

	width:100%;

	height:100%;

	left:0;

	top:0;

	background-color:rgba(0,0,0,.7);

	z-index:1000;

	display:none

}

#video iframe {

	width:960px;

	height:540px;

	position:absolute;

	top:50%;

	left:50%;

	-webkit-transform:translate(-50%,-50%);

	transform:translate(-50%,-50%);

	border:1px solid #eee

}

#alert {

	border-radius:4px;

	text-align:center;

	font-size:16px;

	color:#fff;

	padding:20px;

	line-height:24px;

	position:fixed;

	top:50%;

	left:50%;

	-webkit-transform:translate(-50%,-50%);

	transform:translate(-50%,-50%);

	z-index:999;

	display:none

}

#alert.danger {

	background-color:#f56c6c

}

#alert.success {

	background-color:#67c23a

}

.top {

	background-color:#f3f3f3;

	height:40px;

	line-height:40px;

	font-size:14px;

	color:#8a8a8a

}

.top .email {

	float:left

}

.top .login {

	float:right

}

.top .login span {

	margin:0 10px

}

.top .login span a {

	color:#8a8a8a

}

.top .login span a:hover {

	color:#ff7619

}

header {

	

	line-height:90px;

	position:relative; background:#000001



}

header .container {

	margin:0 auto;

}

header.ceiling {

	position:fixed;

	left:0;

	top:0;

	width:100%;

	z-index:999

}

header .logo {

	float:left; margin-top:10px;

}

header .logo a {

	height:90px;

	display:flex;

	align-items:center

}

header .nav {

	float:right;

	/* background-color:#fff */

}

header .nav>ul li {

	float:left;

	padding:0 16px;

	font-size:16px

}

header .nav>ul li:hover>ul {

	display:block

}

header .nav>ul li .second {

	position:absolute;

	background-color:#333;

	top:65px;

	z-index:999;

	border:1px solid #333;

	

	display:none

}

header .nav>ul li .second li {

	line-height:40px;

	font-size:14px;

	font-weight:700;

	width:100%; padding:0

}

header .nav>ul li .second li a {

	font-weight:400;

	display:block;font-size:16px;font-family: Archivo;text-transform: none; padding:0 10px;

}

header .nav>ul li .second li a.third {

	padding-left:5px;

	font-size:14px

}

header .nav>ul li .second li a.third i {

	display:inline-block;

	width:4px;

	height:4px;

	background-color:#909090;

	border-radius:50%

}

header .nav>ul li .second hr {

	width:100%

}

header .nav>ul li.active {

	background-color:#ff7619

}

header .nav>ul li.active>a {

	color:#fff

}

header .nav>ul li.active>a:hover {

	color:#fff

}

header .nav>ul li a {

	color:#fff;font-family: Oswald;

    color: #ffffff;

    text-transform: uppercase;

    font-size: 22px;

}

header .nav>ul li a:hover {

	color:#ff7619

}

header .nav>ul li.cart {

	margin-left:32px;

	float:right;

	width:90px;

	height:48px;

	background-color:#f3f3f3;

	margin-top:20px;

	line-height:48px;

	border-radius:24px;

	text-align:center;

	padding:0

}

header .nav>ul li.cart a {

	color:#8a8a8a

}

header .nav li.menu-item-has-children {

	position:relative

}

header .nav li .sub-menu {

	display:none;

	position:absolute;

	top:100%;

	left:0;

	background-color:#fff;

	flex-direction:column

}

header .nav li .sub-menu li {

	width:100%;

	line-height:50px

}

header .nav li .sub-menu li a {

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	color:#8a8a8a

}

header .nav li .sub-menu li a:hover {

	color:#ff7619

}

header .nav li .sub-menu li.active>a {

	color:#fff

}

header .nav li .sub-menu li:hover>.sub-menu {

	display:flex

}

header .nav li .sub-menu li .sub-menu {

	left:100%;

	top:0

}

header .menu-btn {

	float:right;

	font-size:20px;

	color:#8a8a8a;

	display:none

}

header .nav-mobile {

	position:fixed;

	width:100%;

	height:100%;

	top:0;

	left:0;

	z-index:999;

	background-color:#fff;

	line-height:50px;

	overflow:scroll;

	opacity:0;

	transform:scale(1.1);

	visibility:hidden;

	transition:all 500ms cubic-bezier(.15,0,.25,1)

}

header .nav-mobile.active {

	visibility:visible;

	opacity:1;

	transform:scale(1);

	display:block!important

}

header .nav-mobile .close-btn {

	padding:0 10px;

	display:flex;

	justify-content:flex-end;

	align-items:center;

	height:50px

}

header .nav-mobile .menu>li {

	padding:0 10px;

	display:flex;

	flex-wrap:wrap;

	justify-content:space-between;

	align-items:center

}

header .nav-mobile .menu li .sub-menu {

	width:100%;

	display:none

}

header .nav-mobile .menu li .sub-menu li {

	padding:0 10px;

	display:flex;

	flex-direction:column

}



.elementor-location-footer{ color:#fff;margin-top: 50px;}

.elementor-location-footer a{ color:#fff;opacity: 0.8;}

main.index .banner {

	background:url(../image/banner.jpg) no-repeat center center;

	height:600px;

	padding-top:120px

}

main.index .banner .offer {

	width:580px;

	height:360px;

	float:left

}

main.index .banner .offer .left {

	float:left;

	width:180px;

	height:400px

}

main.index .banner .offer .left ul {

	background-color:rgba(0,0,0,.5);

	width:180px;

	height:272px;

	padding-top:27px

}

main.index .banner .offer .left ul li {

	line-height:42px;

	padding-left:24px

}

main.index .banner .offer .left ul li a {

	color:#fff;

	font-size:16px;

	font-family:arial

}

main.index .banner .offer .left ul li.active {

	background-color:#fff

}

main.index .banner .offer .left ul li.active a {

	color:#ff7619;

	font-weight:700

}

main.index .banner .offer .left .bottom {

	width:180px;

	height:128px;

	background-color:rgba(255,118,25,.8);

	padding-left:24px;

	padding-top:26px

}

main.index .banner .offer .left .bottom p {

	color:#fff

}

main.index .banner .offer .left .bottom p span {

	display:inline-block;

	width:16px;

	height:16px;

	background-color:#fff;

	line-height:16px;

	text-align:center;

	color:#ff7619;

	margin-left:2px

}

main.index .banner .offer .right {

	float:left;

	width:400px;

	height:400px;

	background-color:#fff

}

main.index .banner .offer .right .item {

	display:none;

	padding:0 10px

}

main.index .banner .offer .right .item .box-header {

	border-bottom:2px solid #ccd4d2;

	padding-left:15px

}

main.index .banner .offer .right .item .box-header a {

	line-height:44px;

	padding:0 15px;

	font-size:16px;

	color:#373737;

	display:inline-block;

	position:relative

}

main.index .banner .offer .right .item .box-header a::after {

	content:'';

	position:absolute;

	height:2px;

	width:0;

	transition:all .4s;

	bottom:-2px;

	left:50%;

	-webkit-transform:translateX(-50%);

	transform:translateX(-50%);

	background-color:#ff7619

}

main.index .banner .offer .right .item .box-header a.active {

	font-weight:700;

	color:#ff7619

}

main.index .banner .offer .right .item .box-header a.active::after {

	width:100%

}

.common-quote form {

	padding-top:10px;

	display:flex;

	flex-wrap:wrap

}

.common-quote form .form-box {

	line-height:30px;

	margin-top:15px;

	width:50%;

	display:flex;

	justify-content:center;

	padding:0 10px

}

.common-quote form .form-box label {

	font-size:14px;

	float:left;

	margin-right:8px;

	width:100px;

	text-align:right

}

.common-quote form .form-box input {

	width:100%;

	border:1px solid #ced3d1;

	height:30px;

	padding-left:8px;

	outline:none

}

.common-quote form .form-box input:focus {

	border-color:#ff7619

}

.common-quote form .form-box span {

	float:left;

	width:30px;

	height:30px;

	border:1px solid #ced3d1;

	border-left:0;

	text-align:center

}

.common-quote form .form-box i {

	float:left;

	width:30px;

	height:30px;

	text-align:center;

	color:#ced3d1

}

.common-quote form .form-box select {

	height:30px;

	outline:none;

	border:1px solid #ced3d1;

	width:100%

}

.common-quote form .form-box input[type=submit] {

	width:100%;

	height:40px;

	background-color:#ff7619;

	color:#fff;

	font-size:16px;

	font-weight:700;

	text-align:center;

	line-height:40px;

	border:0;

	display:block;

	margin:0 auto

}

.common-quote form .form-box p {

	font-size:12px;

	text-align:center

}

.common-quote form .form-box p b {

	color:#ff7619

}

.common-quote form .form-box p a {

	color:#ff7619

}

.common-quote.file-upload p {

	color:#ff7619;

	font-size:14px

}

main.index .banner .offer .right .item .box-container #box-1-2 p {

	margin-top:10px;

	line-height:30px;

	font-size:16px

}

main.index .banner .offer .right .item .box-container #box-1-2 p a {

	color:#1f91cd;

	font-weight:700

}

main.index .banner .one-shop {

	float:left;

	margin-left:20px;

	color:#fff

}

main.index .banner .one-shop h2 {

	font-size:32px;

	font-weight:700;

	margin-bottom:50px;

	margin-top:12px

}

main.index .banner .one-shop h3 {

	font-size:36px;

	font-weight:700

}

main.index .banner .one-shop p {

	font-size:14px

}

main.index .banner .one-shop p img {

	margin-right:15px

}

main.index .banner .one-shop a {

	display:block;

	width:122px;

	height:36px;

	color:#fff;

	border:1px solid #fff;

	text-align:center;

	line-height:36px;

	margin-top:40px

}

main.index .service {

	background-color:#eee;

	padding:20px 0 0

}

main.index .service .item {

	padding:0 10px 20px;

	position:unset

}

main.index .service .item img {

	width:100%;

	transition:all .4s

}

main.index .service .item img:hover {

	box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);

	-webkit-transform:translateY(-6px);

	transform:translateY(-6px)

}

main.index .about-us .video-box {

	float:left;

	position:relative;

	padding-right:30px

}

main.index .about-us .video-box img {

	width:100%

}

main.index .about-us .text {

	padding-left:30px;

	float:left

}

main.index .about-us .text h5 {

	font-size:24px;

	font-weight:700;

	font-family:Arial,Helvetica,sans-serif;

	margin-top:0

}

main.index .about-us .text .small {

	font-size:14px;

	color:#909090

}

main.index .about-us .text .big {

	font-size:16px

}

main.index .about-us .text .icon {

	margin-top:40px

}

main.index .about-us .text .icon .img-box {

	float:left;

	width:25%;

	text-align:center

}

main.index .about-us .text .icon .img-box img {

	display:block;

	margin:0 auto

}

main.index .about-us .text .icon .img-box span {

	display:block;

	margin-top:20px;

	color:#ff7619

}

main.index .about-us .more {

	display:block;

	margin:0 auto;

	width:120px;

	height:40px;

	border:1px solid #cbd3d1;

	color:#cbd3d1;

	font-size:16px;

	line-height:40px;

	text-align:center;

	margin-top:60px

}

main.index .about-us .more:hover {

	color:#ff7619;

	border-color:#ff7619

}

main.index .about-us .production {

	margin-top:150px

}

main.index .about-us .production .item {

	padding:0 10px;

	text-align:center

}

main.index .about-us .production .item .box {

	background-color:#eee;

	padding-bottom:20px;

	padding-left:10px;

	padding-right:10px

}

main.index .about-us .production .item .box img {

	margin:-136px

}

main.index .about-us .production .item .box h5 {

	margin-top:100px;

	font-size:24px;

	font-weight:700;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis

}

main.index .about-us .production .item .box p {

	height:66px;

	font-size:16px;

	overflow:hidden;

	text-overflow:ellipsis;

	display:-webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:3

}

main.index .use {

	margin-top:30px;

	background-color:#eee;

	padding-bottom:60px

}

main.index .use .content .icon {

	display:flex;

	text-align:center

}

main.index .use .content .icon .item {

	width:14.28%

}

main.index .use .content .icon .item p {

	margin-top:20px

}

main.index .use .content .icon .item p a {

	color:#373737

}

main.index .use .content .icon .arrow {

	line-height:113px

}

main.index .use .content .button {

	text-align:center;

	margin-top:70px

}

main.index .use .content .button a {

	display:inline-block;

	width:148px;

	height:40px;

	background-color:#fff;

	font-size:16px;

	font-weight:700;

	line-height:40px;

	margin:0 10px;

	color:#373737

}

main.index .use .content .button a:hover {

	background-color:#ff7619;

	color:#fff

}

main.index .products {

	padding-bottom:60px

}

main.index .products .common-title .tabs-nav {

	display:flex;

	justify-content:center;

	margin-top:25px

}

main.index .products .common-title .tabs-nav li a {

	display:inline-block;

	width:120px;

	height:38px;

	background-color:#ced3d2;

	font-size:16px;

	line-height:38px;

	margin:0 10px;

	color:#fff

}

main.index .products .common-title .tabs-nav li.active a {

	background-color:#ff7619

}

main.index .products .tabs-content .tab-pane {

	display:none

}

main.index .products .tabs-content .tab-pane.active {

	display:block

}

main.index .products .tabs-content .swiper-container {

	padding-bottom:50px

}

main.index .products .tabs-content .swiper-container .swiper-pagination {

	bottom:0

}

main.index .products .tabs-content .swiper-container .swiper-button-next {

	background:url(../image/icon_right_3.png) no-repeat center center;

	left:50%;

	-webkit-transform:translateX(20px);

	transform:translateX(20px);

	bottom:0;

	right:auto;

	top:auto;

	height:30px;

	width:30px;

	border-radius:4px

}

main.index .products .tabs-content .swiper-container .swiper-button-next:hover {

	background-image:url(../image/icon_right_hover.png)

}

main.index .products .tabs-content .swiper-container .swiper-button-prev {

	background:url(../image/icon_left_3.png) no-repeat center center;

	right:50%;

	-webkit-transform:translateX(-20px);

	transform:translateX(-20px);

	left:auto;

	bottom:0;

	top:auto;

	height:30px;

	width:30px;

	border-radius:4px

}

main.index .products .tabs-content .swiper-container .swiper-button-prev:hover {

	background-image:url(../image/icon_left_hover.png)

}

main.index .products .tabs-content .swiper-slide {

	width:25%;

	padding:0 10px

}

main.index .products .tabs-content .swiper-slide a {

	display:block;

	overflow:hidden

}

main.index .products .tabs-content .swiper-slide a img {

	display:block;

	width:100%;

	transition:all .4s

}

main.index .products .tabs-content .swiper-slide a p {

	margin:0;

	line-height:72px;

	background-color:#eee;

	color:#373737;

	text-align:center;

	font-size:18px;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	padding:0 10px

}

main.index .products .tabs-content .swiper-slide a:hover {

	border:1px solid #ff7619

}

main.index .products .tabs-content .swiper-slide a:hover img {

	-webkit-transform:translateY(-6px);

	transform:translateY(-6px)

}

main.index .products .tabs-content .swiper-slide a:hover p {

	color:#fff;

	background-color:#ff7619

}

main.index .best {

	padding-bottom:60px

}

main.index .best .content {

	display:flex;

	flex-wrap:wrap

}

main.index .best .content .item {

	width:33.333%;

	padding:0 10px

}

main.index .best .content .item .box {

	height:100%;

	padding-bottom:36px;

	border:1px solid #eee

}

main.index .best .content .item .box img {

	display:block;

	margin:0 auto;

	max-width:100%

}

main.index .best .content .item .box h5 {

	font-size:24px;

	line-height:24px;

	margin:30px 0;

	text-align:center;

	font-weight:700

}

main.index .best .content .item .box ul {

	padding:0 30px

}

main.index .best .content .item .box ul li {

	line-height:36px;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis

}

main.index .best .content .item .box ul li span {

	font-size:16px

}

main.index .best .content .item .box ul li span.attr {

	color:#909090

}

main.index .best .content .item .box ul li span.value {

	color:#373737;

	float:right

}

main.index .best .content .item .box ul li span.value i {

	font-weight:700;

	color:#ff7619

}

main.index .best .content .item .box a {

	display:block;

	width:176px;

	height:36px;

	font-size:20px;

	color:#ff7619;

	border:1px solid #ff7619;

	line-height:36px;

	text-align:center;

	margin:0 auto;

	margin-top:25px

}

main.index .best .content .item .box a:hover {

	background-color:#ff7619;

	color:#fff

}

main.index .full-services {

	background-color:#eee;

	padding-bottom:60px

}

main.index .full-services .content {

	display:flex;

	border-radius:4px;

	overflow:hidden;

	flex-wrap:wrap

}

main.index .full-services .content .item {

	text-align:center;

	padding:0;

	padding-bottom:40px;

	background-color:#fff;

	border:.5px solid #eee;

	margin:10px 0

}

main.index .full-services .content .item h5 {

	line-height:60px;

	background-color:#ff7619;

	font-size:18px;

	font-weight:700;

	color:#fff;

	margin:0

}

main.index .full-services .content .item ul {

	margin-top:25px

}

main.index .full-services .content .item ul li {

	line-height:46px;

	font-size:16px

}

main.index .full-services .content .item a {

	display:block;

	width:176px;

	height:36px;

	font-size:20px;

	color:#ff7619;

	border:1px solid #ff7619;

	line-height:36px;

	text-align:center;

	margin:0 auto;

	margin-top:25px

}

main.index .full-services .content .item a:hover {

	background-color:#ff7619;

	color:#fff

}

main.index .why-us .content .left {

	width:50%;

	float:left;

	padding:0 10px

}

main.index .why-us .content .left ul li {

	font-size:16px;

	line-height:20px;

	margin-bottom:40px;

	position:relative;

	padding-left:16px;

	font-weight:700

}

main.index .why-us .content .left ul li i {

	display:inline-block;

	width:6px;

	height:6px;

	background-color:#ff7619;

	border-radius:50%;

	position:absolute;

	top:50%;

	left:0;

	-webkit-transform:translateY(-50%);

	transform:translateY(-50%)

}

main.index .why-us .content .left .icon {

	display:flex

}

main.index .why-us .content .left .icon .item {

	width:33.333%;

	text-align:center

}

main.index .why-us .content .left .icon .item img {

	display:inline-block

}

main.index .why-us .content .left .icon .item .text {

	margin-left:12px

}

main.index .why-us .content .left .icon .item .text h6 {

	font-size:14px;

	font-weight:700;

	color:#ff7619;

	margin:0;

	line-height:14px

}

main.index .why-us .content .left .icon .item .text p {

	font-size:12px;

	color:#909090;

	line-height:12px;

	margin:0;

	margin-top:10px

}

main.index .why-us .content .right {

	float:left;

	width:50%;

	padding:30px;

	box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)

}

main.index .why-us .content .right img {

	width:100%

}

main.index .why-us .content .right h6 {

	color:#ff7619;

	font-weight:700;

	font-size:16px;

	line-height:16px;

	margin:0;

	margin-top:30px

}

main.index .why-us .content .right p {

	font-size:16px;

	line-height:24px;

	margin-top:16px;

	margin-bottom:0

}

main.index .customers .content {

	background:url(../image/bg.jpg) no-repeat center center;

	padding-top:77px;

	padding-bottom:50px;

	background-size:cover

}

main.index .customers .content .customers-swiper {

	padding-bottom:30px

}

main.index .customers .content .customers-swiper .swiper-slide {

	text-align:center

}

main.index .customers .content .customers-swiper .swiper-slide span {

	line-height:40px;

	color:#ff7619;

	font-size:12px;

	display:block;

	width:247px;

	height:40px;

	margin:0 auto;

	background-color:#fff;

	font-weight:700;

	border-radius:4px

}

main.index .customers .content .customers-swiper .swiper-slide span i {

	color:#909090;

	font-style:oblique

}

main.index .customers .content .customers-swiper .swiper-slide p {

	font-size:14px;

	line-height:42px;

	margin-top:15px;

	color:#fff

}

main.index .customers .content .customers-swiper .swiper-button-next {

	background:url(../image/icon_right_2.png) no-repeat center center;

	left:50%;

	-webkit-transform:translateX(20px);

	transform:translateX(20px);

	bottom:0;

	right:auto;

	top:auto;

	height:30px;

	width:30px;

	border-radius:4px

}

main.index .customers .content .customers-swiper .swiper-button-prev {

	background:url(../image/icon_left_2.png) no-repeat center center;

	right:50%;

	-webkit-transform:translateX(-20px);

	transform:translateX(-20px);

	left:auto;

	bottom:0;

	top:auto;

	height:30px;

	width:30px;

	border-radius:4px

}

main.index .partner {

	padding:50px 0;

	background-color:#383838

}

main.index .partner .partner-swiper {

	padding-bottom:50px

}

main.index .partner .partner-swiper .swiper-slide {

	height:160px

}

main.index .partner .partner-swiper .swiper-button-next {

	background:url(../image/icon_right_2.png) no-repeat center center;

	left:50%;

	-webkit-transform:translateX(20px);

	transform:translateX(20px);

	bottom:0;

	right:auto;

	top:auto;

	height:30px;

	width:30px;

	border-radius:4px

}

main.index .partner .partner-swiper .swiper-button-next:hover {

	background-image:url(../image/icon_right_3.png)

}

main.index .partner .partner-swiper .swiper-button-prev {

	background:url(../image/icon_left_2.png) no-repeat center center;

	right:50%;

	-webkit-transform:translateX(-20px);

	transform:translateX(-20px);

	left:auto;

	bottom:0;

	top:auto;

	height:30px;

	width:30px;

	border-radius:4px

}

main.index .partner .partner-swiper .swiper-button-prev:hover {

	background-image:url(../image/icon_left_3.png)

}

main.register,main.login {

	background-color:#eee;

	padding:20px 0

}

main.register .container,main.login .container {

	background-color:#fff;

	text-align:center

}

main.register .container h2,main.login .container h2 {

	font-weight:700

}

main.register .container p,main.login .container p {

	font-family:Arial,Helvetica,sans-serif;

	font-size:16px;

	color:#373737

}

main.register .container p span,main.register .container p a,main.login .container p span,main.login .container p a {

	color:#ff7619

}

main.register .container form .form-box-text,main.login .container form .form-box-text {

	margin-top:20px

}

main.register .container form .form-box-text input,main.login .container form .form-box-text input {

	height:40px;

	width:320px;

	border:1px solid #909090;

	font-size:16px;

	padding-left:20px

}

main.register .container form .form-box-btn,main.login .container form .form-box-btn {

	margin-top:40px;

	margin-bottom:20px

}

main.register .container form .form-box-btn input,main.login .container form .form-box-btn input {

	height:40px;

	width:320px;

	font-size:16px;

	color:#fff;

	background-color:#ff7619;

	border:0;

	font-weight:700;

	border-radius:4px

}

main.register .container form p,main.login .container form p {

	text-align:right;

	width:320px;

	margin:0 auto;

	margin-bottom:30px

}

main.register .container form p a,main.login .container form p a {

	color:#909090

}

main.product-list,main.about {

	background-color:#f9f9f9

}

main.product-list .banner,main.about .banner {

	background:url(../image/bg.png) no-repeat center center;

	height:200px

}

main.about .banner .container>h2 {

	color:#fff

}

main.product-list.about .banner,main.about.about .banner {

	background:url(../image/banner.png) no-repeat center center;

	display:flex;

	align-items:center

}

main.product-list.about .banner .banner__title,main.about.about .banner .banner__title {

	color:#fff;

	font-size:32px;

	margin:0;

	padding:20px;

	border:1px solid #fff

}

main.product-list .container,main.about .container {

	display:flex;

	justify-content:space-between;

	padding-top:20px;

	padding-bottom:40px;

	align-items:flex-start;

	flex-wrap:wrap

}

main.product-list .container .menu,main.about .container .menu {

	width:240px;

	background-color:#fff;

	margin-right:auto;

	display:none

}

main.product-list .container .menu ul .menu-2,main.about .container .menu ul .menu-2 {

	background-color:#252525

}

main.product-list .container .menu ul .menu-2 li a,main.about .container .menu ul .menu-2 li a {

	color:#fff

}

main.product-list .container .menu ul .menu-3 li a,main.about .container .menu ul .menu-3 li a {

	padding:0 20px

}

main.product-list .container .menu ul li,main.about .container .menu ul li {

	line-height:50px

}

main.product-list .container .menu ul li a,main.about .container .menu ul li a {

	font-size:14px;

	color:#333;

	display:block;

	display:flex;

	justify-content:space-between;

	padding:0 10px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap

}

main.product-list .container .menu ul li a img,main.about .container .menu ul li a img {

	transition:all .4s

}

main.product-list .container .menu ul li a:hover,main.about .container .menu ul li a:hover {

	color:#ff7619

}

main.product-list .container .menu ul li a.active,main.about .container .menu ul li a.active {

	color:#ff7619

}

main.product-list .container .menu ul li a.active img,main.about .container .menu ul li a.active img {

	-webkit-transform:rotate(90deg);

	transform:rotate(90deg)

}

main.product-list .container .menu ul li ul,main.about .container .menu ul li ul {

	display:none

}

main.product-list .container .list,main.about .container .list {

	width:100%;

	background-color:#fff

}

main.product-list .container .list .nav,main.about .container .list .nav {

	height:50px;

	border-bottom:1px dashed #eee;

	display:flex;

	align-items:center;

	padding-left:20px;

	font-size:14px

}

main.product-list .container .list .nav a,main.about .container .list .nav a {

	color:#909090

}

main.product-list .container .list .nav a.active,main.about .container .list .nav a.active,.nav .breadcrumb_last {

	color:#ff7619

}

main.product-list .container .list .products,main.about .container .list .products {

	display:flex;

	flex-wrap:wrap;

	padding-top:20px

}

main.product-list .container .list .products .item,main.about .container .list .products .item {

	width:33.333%;

	padding:0 10px;

	margin-bottom:20px

}

main.product-list .container .list .products .item a,main.about .container .list .products .item a {

	display:block;

	overflow:hidden

}

main.product-list .container .list .products .item a:hover,main.about .container .list .products .item a:hover {

	border:1px solid #ff7619

}

main.product-list .container .list .products .item a:hover p,main.about .container .list .products .item a:hover p {

	background-color:#ff7619;

	color:#fff

}

main.product-list .container .list .products .item a:hover img,main.about .container .list .products .item a:hover img {

	-webkit-transform:scale(1.1);

	transform:scale(1.1)

}

main.product-list .container .list .products .item a img,main.about .container .list .products .item a img {

	width:100%;

	transition:all .4s

}

main.product-list .container .list .products .item a p,main.about .container .list .products .item a p {

	line-height:70px;

	background-color:#eee;

	color:#333;

	margin:0;

	text-align:center;

	padding:0 10px;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis

}

main.product-list .container .list .products h5,main.about .container .list .products h5 {

	font-size:18px;

	font-weight:700

}

main.product-list .container .list .detail,main.about .container .list .detail {

	padding:0 10px

}

main.product-list .container .list .detail .title {

	text-align:center

}

main.product-list .container .list .detail h5,main.about .container .list .detail h5 {

	margin:30px 0;

	font-size:18px;

	font-weight:700

}

main.product-list .container .list .detail .img-box,main.about .container .list .detail .img-box {

	padding:80px 50px;

	width:100%

}

main.product-list .container .list .detail .img-box .swiper-container,main.about .container .list .detail .img-box .swiper-container {

	padding-bottom:50px

}

main.product-list .container .list .detail .img-box .swiper-container .swiper-slide,main.about .container .list .detail .img-box .swiper-container .swiper-slide {

	text-align:center

}

main.product-list .container .list .detail .img-box .swiper-container .swiper-slide img,main.about .container .list .detail .img-box .swiper-container .swiper-slide img {

	height:300px

}

main.product-list .container .list .detail .img-box .swiper-container .swiper-pagination-bullet-active,main.about .container .list .detail .img-box .swiper-container .swiper-pagination-bullet-active {

	background-color:#ff7619

}

main.product-list .container .list .detail .img-box .swiper-container .swiper-button-prev,main.about .container .list .detail .img-box .swiper-container .swiper-button-prev {

	background:url(../image/icon_left_hover.png) no-repeat center center;

	width:30px;

	height:30px

}

main.product-list .container .list .detail .img-box .swiper-container .swiper-button-next,main.about .container .list .detail .img-box .swiper-container .swiper-button-next {

	background:url(../image/icon_right_hover.png) no-repeat center center;

	width:30px;

	height:30px

}

main.product-list .container .list .detail .params,main.about .container .list .detail .params {

	width:100%;

	margin-top:40px;

	display:flex;

	flex-wrap:wrap;

	justify-content:space-between;

	padding:0 60px

}

main.product-list .container .list .detail .params .item,main.about .container .list .detail .params .item {

	padding:0 10px;

	width:25%;

	height:30px;

	line-height:30px;

	text-align:center;

	color:#909090;

	margin-bottom:20px

}

main.product-list .container .list .detail .params .item span,main.about .container .list .detail .params .item span {

	display:block;

	background-color:#f5f5f5

}

main.product-list .container .list .about .swiper-container,main.about .container .list .about .swiper-container {

	padding:40px 0

}

main.product-list .container .list .about .swiper-container .swiper-slide,main.about .container .list .about .swiper-container .swiper-slide {

	transition:all .4s

}

main.product-list .container .list .about .swiper-container .swiper-slide:not(.swiper-slide-active),main.about .container .list .about .swiper-container .swiper-slide:not(.swiper-slide-active) {

	-webkit-transform:scale(.5);

	transform:scale(.5)

}

main.product-list .container .list .about .swiper-container .swiper-slide img,main.about .container .list .about .swiper-container .swiper-slide img {

	width:100%

}

main.product-list .container .list .about .swiper-container .swiper-button-next,main.about .container .list .about .swiper-container .swiper-button-next {

	height:44px;

	width:44px;

	background:url(../image/right.png) no-repeat center center

}

main.product-list .container .list .about .swiper-container .swiper-button-prev,main.about .container .list .about .swiper-container .swiper-button-prev {

	height:44px;

	width:44px;

	background:url(../image/left.png) no-repeat center center

}

main.product-list .container .list .about .introduce,main.about .container .list .about .introduce {

	padding:10px 30px

}

main.product-list .container .list .about .introduce .title,main.about .container .list .about .introduce .title {

	margin-bottom:30px;

	display:none

}

main.product-list .container .list .about .introduce .title h2,main.about .container .list .about .introduce .title h1 {

	font-size:24px;

	font-weight:700

}

main.product-list .container .list .about .introduce .title p,main.about .container .list .about .introduce .title p {

	font-size:14px;

	color:#909090;

	text-indent:unset

}

main.product-list .container .list .about .introduce p,main.about .container .list .about .introduce p {

	font-size:16px;

	margin:20px 0

}

main.product-list .container .list .about .introduce img,main.about .container .list .about .introduce img {

	max-width:100%;

	height:auto

}

main.product-list .container .list .about .introduce h2,main.about .container .list .about .introduce h2 {

	font-size:30

}

main.product-list .container .list .about .introduce .icon,main.about .container .list .about .introduce .icon {

	display:flex;

	justify-content:space-around;

	margin:15px 0

}

main.product-list .container .list .about .introduce ul,main.about .container .list .about .introduce ul {

	list-style:disc;

	margin:10px 40px;

	font-size:16px

}

footer {

	padding-top:60px;

	background-color:#333

}

footer .container {

	display:flex;

	flex-wrap:wrap

}

footer .container ul {

	width:25%

}

footer .container ul li {

	font-size:16px;

	line-height:16px;

	margin-bottom:32px;

	color:#909090

}

footer .container ul li a {

	color:#909090

}

footer .container ul li a:hover {

	color:#ff7619

}

footer .container .contact {

	text-align:right

}

footer .container .contact li {

	line-height:34px;

	margin:0;

	margin-bottom:10px

}

footer .container .contact li.icon {

	margin-top:70px

}

footer .container .contact li.icon img {

	width:100%

}

footer .footer-bottom {

	margin-top:30px;

	border-top:1px solid #ccc;

	padding:33px 0;

	color:#909090

}

footer .footer-bottom .container {

	display:flex;

	align-items:center

}

footer .footer-bottom p {

	margin:0;

	font-size:14px;

	line-height:14px

}

footer .footer-bottom .sitemap {

	display:-webkit-box;

	display:-ms-flexbox;

	display:flex;

	-webkit-box-align:center;

	-ms-flex-align:center;

	align-items:center;

	margin-left:20px

}

footer .footer-bottom .sitemap a {

	color:#909090

}

footer .footer-bottom .sitemap .line {

	width:1px;

	height:10px;

	background-color:#909090;

	margin:0 15px

}

@media(min-width:1000px) {

	header .nav {

	display:block!important

}

}@media(max-width:1025px) {

	header .nav {

	display:none!important

}

.menu-btn {

	display:block!important

}

}@media(max-width:999px) {

	main.index .about-us .video-box {

	padding-right:15px

}

main.index .about-us .text {

	padding-left:15px;

	margin-top:30px

}

main.index .use .content .icon {

	flex-wrap:wrap;

	justify-content:center

}

main.index .use .content .icon .item {

	width:20%

}

main.index .use .content .icon .arrow {

	display:none

}

}@media(max-width:767px) {

	.common-title {

	padding:30px 0

}

.common-title h2 {

	font-size:26px

}

.top {

	height:44px;

	line-height:25px;

	padding:0 5px

}

header {

	line-height:50px

}

header .logo {

	margin-left:5px

}

header .menu-btn {

	margin-right:5px

}

header .logo a img {

	height:50px

}

main.index .banner {

	padding-top:100px

}

main.index .banner .one-shop {

	margin:0;

	text-align:center;

	float:unset

}

main.index .banner .one-shop a {

	margin:0 auto;

	margin-top:40px

}

main.index .banner .one-shop p {

	text-align:left;

	padding-left:100px

}

#video iframe {

	width:100%;

	height:56.25vw

}

main.index .about-us .text .icon .img-box {

	width:50%;

	margin-bottom:20px

}

main.index .about-us .more {

	margin-top:30px

}

main.index .about-us .production {

	margin-top:50px

}

main.index .about-us .production .item .box {

	margin-top:100px

}

main.index .use .content .icon .item {

	width:33.333%

}

main.index .use .content .button {

	margin-top:35px

}

main.index .products .content .swiper-slide a {

	border:1px solid #ff7619

}

main.index .products .content .swiper-slide a img {

	-webkit-transform:translateY(-6px);

	transform:translateY(-6px)

}

main.index .products .content .swiper-slide a p {

	color:#fff;

	background-color:#ff7619

}

main.index .best .content .item {

	width:100%;

	margin-top:20px

}

main.index .full-services .content {

	box-shadow:none

}

main.index .full-services .content .item {

	width:100%;

	border:0;

	margin-bottom:20px

}

main.index .why-us .content .left {

	width:100%

}

main.index .why-us .content .left .icon .item .text {

	margin:0

}

main.index .why-us .content .right {

	width:100%;

	margin-top:30px;

	box-shadow:unset

}

main.index .full-services {

	padding-bottom:30px

}

main.product-list .container,main.about .container {

	flex-wrap:wrap

}

main.product-list,main.about .container .menu {

	width:100%

}

main.product-list .container .list .nav,main.about .container .list .nav {

	padding:0 15px

}

main.product-list,main.about .container .list .products .item {

	width:100%

}

main.product-list,main.about .container .list .products .item a {

	box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)

}

main.product-list,main.about .container .list .detail .img-box {

	padding:20px

}

main.product-list,main.about .container .list .detail .params {

	padding:0

}

main.product-list .container .menu,main.about .container .menu {

	width:100%

}

main.product-list .container .list .products .item,main.about .container .list .products .item {

	width:50%

}

main.product-list .container .list .detail .img-box .swiper-container {

	width:100%

}

main.product-list .container .list {

	width:100%

}

main.product-list .container .list .detail .img-box {

	padding:10px 0

}

main.product-list .container .list .detail .params {

	padding:0

}

main.product-list .container .list .detail .params .item {

	width:50%

}

main.product-list .container .list .detail .img-box .swiper-container .swiper-slide img {

	height:auto;

	width:100%

}

main.about .container .list {

	width:100%

}

main.about .container .list .about .swiper-container {

	width:100%

}

main.about .container .list .about .introduce {

	padding:10px;

	word-break:break-all

}

main.about .container .list .about .introduce .icon {

	flex-wrap:wrap

}

main.about .container .list .about .introduce .icon img {

	width:20%

}

footer .container ul {

	width:100%;

	margin-bottom:30px;

	border-bottom:1px solid #eee

}

footer .container ul li {

	text-align:center

}

footer .container .contact {

	margin-bottom:0;

	border:0

}

footer .container .contact li.icon {

	margin-top:30px;

	padding:20px

}

footer .footer-bottom {

	margin-top:0

}

footer .footer-bottom .container {

	text-align:center

}

header .nav>ul li .second {

	position:absolute;

	width:100%;

	height:100%;

	left:0;

	top:0;

	overflow:scroll;

	-webkit-overflow-scrolling:touch

}

footer .footer-bottom .sitemap {

	width:100%;

	margin:0;

	margin-top:10px;

	justify-content:center

}

header .nav>ul li .second li {

	width:100%;

	float:unset;

	border-bottom:1px solid #f3f3f3;

	padding:10px 0

}

header .nav>ul li .second hr {

	display:none

}

header .nav>ul li .second i {

	position:absolute;

	left:10px;

	top:10px;

	font-size:18px

}

header .nav>ul li:hover>ul {

	display:unset

}

div.contact .content form .content {

	padding:10px!important

}

}.btn-primary {

	background-color:#ff7619;

	border-color:#ff7619

}

.btn-primary:hover {

	background-color:#ff7619;

	border-color:#ff7619

}

.btn-primary:active {

	background-color:#ff7619;

	border-color:#ff7619

}

.btn-primary:active:hover {

	background-color:#ff7619;

	border-color:#ff7619

}

.btn-primary {

	background-color:#ff7619;

	border-color:#ff7619

}

.btn-primary:hover {

	background-color:#ff7619;

	border-color:#ff7619

}

.btn-primary:focus {

	background-color:#ff7619;

	border-color:#ff7619

}

.btn-primary:active {

	background-color:#ff7619;

	border-color:#ff7619

}

.btn-primary:active:hover {

	background-color:#ff7619;

	border-color:#ff7619

}

.form-control:focus {

	border-color:#ff7619;

	box-shadow:inset 0 1px 1px rgba(255,118,25,.075),0 0 8px rgba(255,118,25,.6)

}
.contact{ width:80%; margin:0 auto}
.contact h4{ font-size:30px;}
.contact li span{ font-size:24px;}

.about .introduce table {

	border-collapse:collapse;

	table-layout:fixed;

	border:1px solid #ccc;

	width:100%;

	margin:1.25rem auto;

	font-size:14px

}

.about .introduce table tr td,th {

	padding:.3125rem .625rem

}

.about .introduce table tr td:nth-child(1) {

	background:#f5f5f5

}

#inquiry {

	background-color:#fff;

	margin-top:20px

}

#inquiry form {

	max-width:100%!important

}

.detail table {

	border-collapse:collapse;

	table-layout:fixed;

	border:1px solid #ccc;

	width:100%;

	margin:20px 0;

	padding:0 10px

}

.detail table tr th {

	text-align:center;

	padding:5px 10px

}

.detail table tr td {

	padding:5px 10px;

	word-wrap:break-word;

	word-break:normal

}

.detail table tr td:nth-child(1) {

	background:#f5f5f5

}

.detail h2,.detail ul,.detail p {

	width:100%

}

.detail ul {

	list-style:disc;

	padding-left:40px

}

.send-inquiry {

	width:160px;

	height:48px;

	background-color:#ff7619;

	color:#fff;

	margin:10px auto;

	display:flex;

	justify-content:center;

	align-items:center;

	text-align:center

}

.navigation.pagination {

	width:100%;

	padding:0 10px;

	display:flex;

	margin-bottom:20px

}

.navigation.pagination h2 {

	display:none

}

.navigation.pagination .nav-links {

	margin-left:auto

}

.navigation.pagination .nav-links span,.navigation.pagination .nav-links a {

	display:inline-block;

	width:32px;

	height:32px;

	background-color:#ff7619;

	border:1px solid #ff7619;

	color:#fff;

	text-align:center;

	line-height:32px;

	margin-left:5px;

	border-radius:4px

}

.navigation.pagination .nav-links a {

	background-color:#fff;

	border:1px solid #ccc;

	color:#2c3e50

}

.file-box {

	display:inline-block;

	position:relative;

	padding:3px 5px;

	overflow:hidden;

	color:#fff;

	background-color:#8a8a8a;

	border-radius:4px;

	font-size:12px

}

.file-btn {

	position:absolute;

	width:100%;

	height:100%;

	top:0;

	left:0;

	outline:none;

	background-color:transparent;

	filter:alpha(opacity=0);

	-moz-opacity:0;

	-khtml-opacity:0;

	opacity:0

}

#uploadForm {

	padding:10px 0;

	display:flex;

	flex-wrap:wrap

}

#uploadForm .form-box.flie {

	margin:10px 0

}

#uploadForm .form-box.flie input {

	border:0

}

#uploadForm .form-box.submit {

	margin:10px 0

}

#uploadForm .form-box.submit input {

	border:0

}

#uploadForm .form-box {

	width:50%;

	padding:0 10px;

	margin-bottom:10px;

	display:flex;

	flex-wrap:wrap;

	align-items:center

}

#uploadForm label {

	text-align:right;

	margin-right:8px

}

#uploadForm input,#uploadForm select {

	height:30px;

	padding-left:12px;

	outline:none;

	width:100%

}

#uploadForm input.error {

	border-color:#f56c6c

}

#uploadForm input[type=submit] {

	background-color:#ff7619;

	color:#fff;

	border-color:#ff7619

}

@media(max-width:767px) {

	#uploadForm label {

	text-align-last:left

}

#uploadForm input,#uploadForm select {

	width:100%

}

}main.about .container .list .news-list {

	padding:10px;

	padding-top:10px

}

main.about .container .list .news-details {

	padding:40px;

	padding-top:20px;

	font-size:16px;

	line-height:1.5em

}

main.about .container .list .news-details .title {

	padding-bottom:10px;

	border-bottom:1px solid #ccc

}

main.about .container .list .news-details .title span {

	font-size:14px;

	color:#909090

}

main.about .container .list .news-details img {

	max-width:100%;

	height:auto

}

main.about .container .list .news-list .news-list-item {

	border:1px solid #f6f6f6;

	box-shadow:0 0 6px 2px #eee;

	margin-top:30px;

	padding:20px;

	display:flex;

	flex-wrap:wrap

}

main.about .container .list .news-list .news-list-item .img-box {

	width:30%

}

main.about .container .list .news-list .news-list-item .img-box img {

	width:100%

}

main.about .container .list .news-list .news-list-item .text-box {

	width:70%;

	padding:10px 20px

}

main.about .container .list .news-list .news-list-item .text-box .title h2 {

	margin:0;

	font-size:20px;

	overflow:hidden;

	text-overflow:ellipsis;

	display:-webkit-box;

	-webkit-box-orient:

}

.abouth2{ padding:60px 0 60px 0}

.certi{ padding:60px 0 60px 0!important}

.why{ padding-top:60px;}







.banner-section {

    background-repeat: no-repeat;

    background-size: cover;

    /* padding: 320px 0 300px; */

    background-position: center;
	
	height: calc(100vh - 140px);
	display: flex;
	align-items: center;
}



.banner-section .banner-caption {

    max-width: 995px;

    position: relative;

    padding-left: 70px

}



.banner-section .banner-caption:before {

    content: '';

    width: 3px;

    height: 100%;

    position: absolute;

    left: 30px;

    top: 0

}



.banner-section .banner-caption h1 {

    text-transform: uppercase;

    font-weight: 400;

    margin-bottom: 35px;

    font-size: 73px;

    line-height: 1.2em

}



.banner-section .banner-caption h1 span {

    

}



.banner-section .banner-caption .btn-wrap a {

    min-width: 295px;

    text-align: center;

    padding: 20px 25px;background: rgba(221, 16, 23, 1.0);

    color: #FFFFFF;

    border-radius: 0px;font-weight: 400;

    text-transform: uppercase;

    display: inline-block;

    font-family: Oswald;

    text-align: center;

    box-sizing: border-box !important;

    position: relative;

    z-index: 1;

}



.banner-section .banner-caption .btn-wrap span:first-child a {

    margin-right: 15px

}



.banner-section .banner-caption h4 {

    font-family: Archivo;

    color: #fff;

    line-height: 40px;

    margin-bottom: 40px

}



@media(max-width: 1429px) {

    .banner-section {

        padding:200px 0 110px

    }

}



@media(max-width: 1199px) {

    .banner-section .banner-caption h1 {

        font-size:60px

    }

}



@media(max-width: 991px) {

    .banner-section {

        padding:170px 0 90px

    }



    .banner-section .banner-caption h1 {

        font-size: 50px;

        line-height: 58px !important

    }



    .banner-section .banner-caption h4 {

        font-size: 24px;

        line-height: 34px

    }

}



@media(max-width: 767px) {

    .banner-section .banner-caption .btn-wrap a {

        min-width:auto

    }



    .banner-section .banner-caption h4 br {

        display: none

    }



    .banner-section .banner-caption h1 {

        font-size: 42px;

        line-height: 52px !important

    }

}



@media(max-width: 575px) {

    .banner-section {

        padding:130px 0 60px;

        background-position: 50% 50%

    }



    .banner-section .banner-caption {

        padding-left: 30px

    }



    .banner-section .banner-caption:before {

        left: 0

    }



    .banner-section .banner-caption h1 {

        font-size: 32px;

        line-height: 40px !important

    }



    .banner-section .banner-caption .btn-wrap a {

        width: 100%;

        margin-bottom: 20px;

        padding: 15px 25px

    }



    .banner-section .banner-caption h4 {

        font-size: 20px;

        line-height: 30px

    }

}



.banner-section .banner-caption h1 {color:#ffffff;font-family: Oswald; }

.banner-section .banner-caption h1 span  {color:#dd1017; margin-right:15px;}

.banner-section .banner-caption:before {background-color:#dd1017;}

.banner-section .banner-caption .btn-wrap a {font-family: Oswald; -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    -ms-transition: all 1s ease;

    transition: all 1s ease;;}



.mySwiperBanner{position: relative;overflow: hidden;}
.xBanner .swiper-pagination-bullet{width: 20px;height: 10px;background: #fff;border-radius: 10px;cursor: pointer;transition: .3s;}
.xBanner .swiper-pagination-bullet-active{background: rgba(221, 16, 23, 1.0);width: 40px;}

@media screen and (max-width:768x) {
	.banner-section{height: auto;}
}