@charset "utf-8";
blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

body {
	background: #FFF;
	color: #000;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif
}

caption,
td,
th {
	font-size: 14px
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	font-size: 100%
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 400
}

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

a:hover {
	text-decoration: none;
	color: #000
}

a:link,
a:visited {
	text-decoration: none
}

img {
	border: none;
	max-width: 100%
}

li,
ol,
ul {
	list-style: none
}

button,
input,
select,
textarea {
	font: 14px Verdana, Helvetica, Arial, sans-serif
}

table {
	border-collapse: collapse
}

html {
	overflow-y: scroll
}

i {
	font-style: normal
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	*zoom: 1
}

header {
	width: 100%;
	height: 72px;
	background: #fdb812;
	font-size: 14px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999999999
}

nav {
	position: relative
}

#nav {
	display: inline-block
}

#nav a {
	color: #000;
	white-space: nowrap
}

#nav li {
	text-transform: capitalize;
	position: relative;
	display: inline-block
}

#nav .submenu li {
	display: block
}

#nav>li {
	float: left
}

.fr {
	float: left
}

.con-banner,
.pro-banner {
	margin-top: 72px
}

.con-banner>img,
.pro-banner>img {
	min-height: 200px;
	width: 100%;
	display: block
}

.submenu {
	display: none;
	position: absolute;
	background: #fdb812;
	text-align: left
}

.submenu li:hover {
	width: 100%;
	background: #000
}

.submenu a {
	padding: 0 20px;
	line-height: 58px
}

.submenu>li:hover>a {
	color: #FFF!important
}

.submenu {
	top: 72px
}

#nav>li>a {
	padding: 0 25px;
	line-height: 72px;
	display: block;
	transition: all .3s ease;
	position: relative;
	z-index: 11
}

.nav>li>a:focus,
.nav>li>a:hover {
	text-decoration: none;
	background-color: #000
}

#nav>li .active-nav {
	background: #000
}

.nav-left {
	position: absolute;
	top: 0;
	left: 0;
	float: left
}

.nav-left img {
	padding-top: 0;
	padding-left: 30px;
	max-height: 50px
}

.nav-left a {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	height: 72px
}

.nav-mid {
	width: calc(100% - 377px);
	margin-left: 258px;
	text-align: center
}

.nav-mid #nav {
	margin: 0 auto
}

.nav-right {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 72px
}

.nav-right>span>i {
	padding-left: 5px
}

.nav-right>span {
	padding-right: 40px
}

#nav>li:before {
	background: rgba(0, 0, 0);
	opacity: 1;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	-moz-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-o-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	z-index: 10
}

#nav>li:hover:before {
	opacity: 1;
	-moz-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-o-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 10
}

#nav>li:hover>a {
	text-decoration: none;
	color: #FFF
}

.inmenu_1 {
	background: #000
}

#nav a.inmenu_1 {
	color: #FFF
}

.bar-menu {
	display: none
}

.bar-menu i span {
	background: #000
}

.bar-menu i span {
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s ease
}

.bar-menu {
	position: absolute;
	z-index: 1001;
	right: 0;
	width: 80px;
	height: 80px;
	cursor: pointer
}

.bar-menu i {
	position: absolute;
	left: 18px;
	display: block;
	width: 30px;
	height: 2px;
	overflow: hidden
}

.bar-top {
	bottom: 50px
}

.bar-cen {
	bottom: 40px
}

.bar-bom {
	bottom: 30px
}

.bar-menu .bar-left,
.bar-menu .bar-right {
	left: 13px;
	bottom: 35px;
	width: 45px;
	transform: rotateZ(45deg)
}

.bar-menu .bar-left span,
.bar-menu .bar-right span {
	background: 0 0
}

.bar-menu .bar-right {
	transform: rotateZ(-45deg)
}

.navBar {
	display: none
}

.nav-right #xyz {
	top: 28px;
	right: 40px
}

.nav-right .xyz12 {
	border: none;
	background: #fdb812
}

.nav-right .xyz12 li a {
	font-size: 12px
}

nav .nav-right .xyz12 span {
	background-image: url(/images/m221/yellow/down.png)
}

.nav-right .xyz12 {
	width: 125px
}

.nav-right .xyz12 li img {
	width: 22px
}

.nav-right .xyz12 li {
	height: 25px
}

.nav-right .xyz12 .up {
	transform: rotate(0);
	transition: .6s all ease
}

.nav-right .xyz12 .dp {
	transform: rotate(90deg);
	transition: .6s all ease
}

.fixed-menu {
	position: fixed;
	top: 0;
	height: 100%;
	left: auto;
	right: 0;
	width: 230px;
	z-index: 999;
	background: #000;
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transition: all .3s cubic-bezier(.66, .53, .65, 1);
	-webkit-transition: all .3s cubic-bezier(.66, .53, .65, 1);
	-moz-transition: all .3s cubic-bezier(.66, .53, .65, 1);
	-ms-transition: all .3s cubic-bezier(.66, .53, .65, 1);
	-o-transition: all .3s cubic-bezier(.66, .53, .65, 1)
}

.fixed-active {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transition: all .3s cubic-bezier(.66, .53, .65, 1);
	-webkit-transition: all .3s cubic-bezier(.66, .53, .65, 1);
	-moz-transition: all .3s cubic-bezier(.66, .53, .65, 1);
	-ms-transition: all .3s cubic-bezier(.66, .53, .65, 1);
	-o-transition: all .3s cubic-bezier(.66, .53, .65, 1)
}

#Allbody {
	width: 100%;
	overflow: hidden;
	font-family: Arial
}

.pagination {
	position: absolute;
	margin: -10px 0 0 160px;
	width: 100px;
	z-index: 9
}

.pagination li {
	float: left;
	margin: 0 2px
}

.pagination li a {
	display: block;
	width: 10px;
	height: 0;
	padding-top: 10px;
	background-image: url(pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden
}

.pagination li.current a {
	background-position: 0 -10px
}

.banner {
	width: 100%;
	text-align: center;
	min-width: 1000px;
	position: relative;
	margin: 0 auto;
	background: #FFF
}

.banner img {
	max-width: 100%
}

.banner .all_mar {
	position: absolute;
	bottom: 0;
	width: 100%
}

.banner .all_mar .in_w {
	margin: 0 auto;
	text-align: left
}

#banner {
	clear: both;
	width: 100%;
	margin: 0 auto;
	position: relative
}

.slider_img {
	display: block!important;
	text-align: center;
	height: 100%
}

.slider_img img {
	margin: 0
}

.wmuSlider {
	height: 100%!important;
	position: relative;
	overflow: hidden
}

.bbdd {
	z-index: 2;
	position: absolute;
	bottom: 2%;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center
}

.bbdd li {
	margin: 0 8px 10px 0;
	list-style-type: none;
	display: inline-block
}

.bbdd a {
	display: inline-block;
	text-indent: -9999px;
	width: 28px;
	height: 10px;
	background-color: #FFF;
	border-radius: 8px;
	display: block;
	overflow: hidden
}

.bbdd a.wmuActive {
	background-color: #fdb812
}

.wmuSliderNext,
.wmuSliderPrev {
	width: 52px;
	height: 134px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	position: absolute;
	top: 45%;
	z-index: 9;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease
}

.wmuSliderNext {
	background: url(next.png) no-repeat left;
	right: 0
}

.wmuSliderPrev {
	background: url(prev.png) no-repeat right;
	left: 0
}

.wmuSlider:hover .wmuSliderNext,
.wmuSliderPrev:hover {
	opacity: .8;
	filter: alpha(opacity=25)
}

.wmuSlider:hover .wmuSliderPrev,
.wmuSliderPrev:hover {
	opacity: .8;
	filter: alpha(opacity=25)
}

.wmuSlider:hover .wmuSliderNext:hover,
.wmuSlider:hover .wmuSliderPrev:hover {
	opacity: 1;
	filter: alpha(opacity=50)
}

.text-center {
	text-align: center
}

.ind li .ind-img {
	position: relative
}

.ind li .ind-img:after {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .9)
}

.ind li:hover .ind-img:after {
	background: rgba(253, 184, 18, .9)
}

.ind li {
	width: 33.3%;
	float: left;
	position: relative;
	transition: all .3s ease-out;
	overflow: hidden
}

.ind-mark {
	width: 100%;
	text-align: center;
	color: #FFF;
	position: relative;
	z-index: 10
}

.ind-mark .h3,
.ind-mark h3 {
	width: 100%;
	padding-top: 40px;
	line-height: 4;
	font-size: 28px
}

.ind-mark p {
	width: 100%;
	font-size: 16px;
	line-height: 1.5;
	color: #FFF
}

.ind-mark a {
	color: #FFF
}

.ind li {
	height: 410px;
	position: relative
}

.ind li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	opacity: .8;
	width: 100%;
	height: 100%;
	background: #000
}

.ind li:hover::before {
	background: #fdb812
}

.ind li:first-child {
	background-image: url(home-img01.jpg);
	background-size: cover
}

.ind li:nth-child(2) {
	background-image: url(home-img02.jpg);
	background-size: cover
}

.ind li:last-child {
	background-image: url(home-img03.jpg);
	background-size: cover
}

#ind li {
	background-image: none
}

#ind li:hover {
	background-image: none
}

#ind .ind-mark {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #FFF
}

#ind .ind-img img {
	max-width: none
}

.ind li:hover .ind-mark a,
.ind li:hover p {
	color: #000
}

.container {
	width: 1440px;
	padding: 50px 0
}

.construction-nav.container {
	padding: 0
}

.container.new-show {
	padding: 20px 0;
	padding: 0 0 50px
}

.container .h2,
.container h1,
.container h2 {
	font-size: 35px;
	text-align: center;
	line-height: 1.7
}

.news-container h1 {
	font-size: 36px;
	line-height: 1.4
}

.wheel-left h1 {
	font-size: 35px;
	line-height: 1.6;
	margin-bottom: 20px
}

.container .h5,
.container h5 {
	font-size: 18px;
	text-align: center;
	line-height: 2;
	padding-bottom: 25px
}

.pro-cell,
.pro-item li {
	width: 25%;
	float: left;
	margin-bottom: 40px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.pro-cell>a>div:frist-child,
.pro-item li>a>div:frist-child {
	text-align: center
}

.pro-cell>a,
.pro-item li>a {
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.pro-cell,
.pro-item li {
	padding: 0 10px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.pro-cell img,
.pro-item li img {
	max-width: 100%;
	max-height: 100%
}

.pro-cell .h4,
.pro-cell h4,
.pro-item li .h4,
.pro-item li h4 {
	font-size: 18px;
	color: #000;
	line-height: 1.5;
	padding-bottom: 5px
}

.pro-cell .h4,
.pro-cell h4,
.pro-item li .h4,
.pro-item li h4,
.pro-list {
	padding-left: 15px;
	padding-right: 10px
}

.pro-list {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.pro-list span>div {
	color: #000;
	font-size: 16px;
	line-height: 1.6
}

.pro-list span>div:first-child {
	font-size: 12px;
	color: #888;
	line-height: 1.6
}

.pro-list span p {
	position: absolute;
	top: 3px;
	right: 10px;
	width: 1px;
	height: 36px;
	background: rgba(0, 0, 0, .2);
	z-index: 99
}

.pro-footer,
.pro-footers {
	padding: 15px 0
}

.pro-cell>a:hover .pro-footer,
.pro-item li>a:hover .pro-footer,
.pro-item li>a:hover .pro-footers {
	background: #fdb812;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.pro-cell>a,
.pro-item li>a {
	background: #FFF;
	display: block;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0)
}

.pro-cell img,
.pro-item li img {
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}

.pro-cell:hover img,
.pro-item li:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1)
}

.pro-cell>a>div:first-child,
.pro-item li>a>div:first-child {
	height: 340px;
	overflow: hidden;
	text-align: center;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center
}

.ltd-btn,
.pro-btn {
	width: 100%;
	text-align: center;
	margin-top: 40px
}

.ltd-btn {
	margin-top: 110px
}

.ltd-btn a,
.pro-btn a {
	transition: .3s all ease-out;
	display: inline-block;
	border: 1px solid #000;
	position: relative;
	overflow: hidden
}

.ltd-btn a i,
.pro-btn a i {
	display: inline-block;
	padding: 10px 20px;
	font-size: 18px;
	color: #000
}

.ltd-btn a i {
	color: #fdb812
}

.ltd-btn a:hover i,
.ltd-btn a:hover span {
	color: #000
}

.ltd-btn a {
	border: 1px #fdb812 solid
}

.ltd-img {
	background: center top no-repeat fixed;
	background-size: cover;
	min-height: 300px;
	padding-bottom: 45px
}

.ltd-img .contain>div:first-child {
	width: 100%;
	text-align: center;
	padding-top: 75px
}

.contain {
	width: 1200px;
	margin: 0 auto
}

.contain .h3,
.contain h3 {
	font-size: 40px;
	font-weight: 700;
	padding: 50px 0 50px;
	color: #fdb812;
	text-align: center
}

.contain p {
	width: 100%;
	font-size: 14px;
	color: #FFF;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 70px
}

#new {
	width: 100%;
	background: #fdb812
}

#new li {
	width: 33.3%;
	padding: 0 20px;
	float: left
}

#new li>div {
	background: #FFF;
	height: 575px
}

#new li>div img {
	width: 100%
}

.new-list ul {
	padding-bottom: 20px
}

.btn-position .new-list:hover .new-btn a {
	padding-left: 25px;
	background: #fdb812;
	font-weight: 700;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.btn-position .new-list:hover>div {
	box-shadow: 0 5px 10px rgba(0, 0, 0, .8);
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.btn-position .new-list {
	margin-bottom: 40px
}

.idx-new-img a {
	display: block;
	height: 293px;
	overflow: hidden
}

.new-contain {
	width: 85%;
	margin: 0 auto;
	padding-bottom: 10px
}

.new-contain .h3,
.new-contain h3 {
	font-size: 16px;
	color: #000;
	font-weight: 700;
	line-height: 1.4;
	padding: 20px 0 15px
}

.new-contain h5 {
	font-size: 14px;
	color: #000
}

.new-contain p {
	height: 60px;
	overflow: hidden;
	line-height: 20px
}

.new-btn {
	width: 100%;
	margin: 70px 0
}

.new-btn a {
	display: inline-block;
	padding: 10px 25px 10px 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

#new li>div {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

#new li:hover>div {
	box-shadow: 0 5px 10px rgba(0, 0, 0, .8);
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

#new li:hover .new-btn a {
	padding-left: 25px;
	background: #fdb812;
	font-weight: 700;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

#global img {
	width: 100%
}

.global-title {
	width: 100%;
	padding-top: 100px
}

.global-title .h2,
.global-title .h5,
.global-title h2,
.global-title h5 {
	width: 100%;
	text-align: center
}

.global-title .h2,
.global-title h2 {
	font-size: 40px;
	line-height: 2
}

.global-title .h5,
.global-title h5 {
	font-size: 18px;
	text-align: center;
	line-height: 2;
	padding-bottom: 50px
}

#search {
	width: 100%;
	background: #fdb812
}

#search>div {
	padding-top: 20px;
	width: 1440px;
	margin: 0 auto;
	padding-bottom: 20px
}

.seatxt {
	font-size: 18px;
	padding-left: 20px;
	border: none
}

.search-sel {
	position: relative;
	width: 280px;
	height: 58px;
	background: #FFF
}

.search-sel i {
	line-height: 58px;
	padding-left: 20px
}

.search-sel .caret {
	float: right;
	position: absolute;
	top: 24px;
	right: 15px;
	border-top: 10px solid;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent
}

.dropdown-menu {
	width: 280px
}

.stbn {
	width: 140px;
	height: 48px;
	background: #000;
	border: 0;
	color: #FFF;
	font-size: 18px;
	outline: 0;
	cursor: pointer;
	float: left
}

.dropdown {
	float: left
}

.btns {
	margin: 0 auto;
	width: calc(100% - 300px)
}

.seatxt {
	float: left;
	height: 48px;
	width: calc(100% - 140px)
}

.footer-img {
	color: rgba(255, 255, 255, .6);
	background: #111;
	height: auto;
	background-size: cover;
	position: relative
}

.footer-container {
	padding-top: 50px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between
}

.footer-container .col {
	padding: 0 5px;
	min-width: 220px;
	max-width: 360px
}

.footer-title {
	color: #fdb812;
	font-size: 18px;
	line-height: 2;
	margin-bottom: 10px
}

.footer-ul p {
	color: rgba(255, 255, 255, .6);
	line-height: 2;
	font-size: 14px
}

.footer-container .footer-ul li a {
	display: inline-block;
	color: rgba(255, 255, 255, .6);
	line-height: 2;
	font-size: 14px;
	position: relative;
	padding-left: 10px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.footer-container .footer-ul li a:hover {
	color: #FFF;
	margin-left: 10px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.footer-container .footer-ul li a:hover:after {
	color: #FFF
}

.footer-container .footer-ul li a:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '-';
	color: rgba(255, 255, 255, .6)
}

.footer-container .footer-ul a {
	color: rgba(255, 255, 255, .6)
}

.footer-container .footer-ul .inmenu_1 {
	background: 0 0
}

.footer-container>ul:last-child li>img {
	width: 140px
}

.ft-qr img {
	max-width: 140px
}

.lfr li {
	float: left;
	margin: 5px 5px 0 0
}

.footer-icon {
	margin-top: 20px
}

.footer-icon img {
	width: 20px;
	margin: 3px
}

.foot {
	height: 58px;
	background: rgba(0, 0, 0, .4)
}

.foot-left {
	width: 100%;
	line-height: 58px;
	color: rgba(255, 255, 255, .6);
	margin: 0 auto;
	text-align: center
}

footer .container {
	padding: 30px 0 50px
}

.footer-img li>img {
	width: 100%;
	max-width: 138px
}

.foot-right span {
	display: inline-block;
	padding: 0 5px
}

.about-title {
	width: 100%;
	height: 90px;
	border: 1px #CCC solid
}

.about-title>div {
	width: 1440px;
	margin: 0 auto
}

.about-banner,
.con-banner,
.net-banner,
.pro-banner {
	position: relative;
	background-color: #EEE;
	min-height: 200px;
}

.about-banner h1,
.con-banner h1,
.net-banner h1,
.pro-banner h1,
.about-banner h2,
.con-banner h2,
.con-banner h2,
.net-banner h2,
.pro-banner h2 {
	width: 100%;
	text-transform: capitalize;
	text-align: center;
	font-size: 35px;
	color: #fdb812;
	line-height: 2;
	margin-bottom: 15px
}

.about-banner p,
.con-banner p,
.net-banner p,
.pro-banner p {
	width: 100%;
	text-transform: capitalize;
	text-align: center;
	font-size: 14px;
	color: rgba(255, 255, 255, .7)
}

.about-banner p span,
.con-banner p span,
.net-banner p span,
.pro-banner p span {
	padding: 0 10px;
	color: rgba(255, 255, 255, .7)
}

.about-banner p a,
.con-banner p a,
.net-banner p a,
.pro-banner p a {
	color: rgba(255, 255, 255, .7)
}

.about-banner div,
.con-banner div,
.net-banner div,
.pro-banner>div {
	padding: 20px 0;
	position: static;
}

.global-img .container {
	padding-top: 100px
}

.global-img img {
	width: 100%
}

.global-img h2 {
	width: 100%;
	text-align: center;
	font-size: 30px;
	color: #000;
	font-weight: 700;
	padding-bottom: 30px
}

.global-img h5 {
	width: 80%;
	text-align: center;
	margin: 0 auto;
	font-size: 14px;
	color: #000;
	line-height: 1.4
}

#privacy h3,
.con-contain h1 {
	width: 100%;
	text-align: center;
	font-size: 30px;
	color: #000
}

.con-contain h1 {
	padding-bottom: 30px
}

.con-contain p {
	text-align: justify;
	padding-bottom: 20px;
	line-height: 1.6
}

.about-contain p {
	margin: 20px 0
}

.news-search {
	width: 100%;
	height: 140px;
	background: #f8f8f8
}

.about-nav {
	height: 60px;
	width: 100%;
	border: 1px #CCC solid
}

.about-nav ul {
	text-align: center
}

.about-nav li {
	display: inline-block;
	line-height: 46px;
	font-size: 15px;
	padding: 10px 10px 0;
	margin: 0 20px
}

.about-nav li a:hover {
	text-decoration: none
}

.about-nav .LocalCurrent {
	border-bottom: 3px solid #fdb812
}

.about-nav .LocalCurrent a {
	font-weight: 700;
	color: #000
}

.about-nav li:hover {
	border-bottom: 3px solid #fdb812
}

#about-home h3,
#privacy h3 {
	padding-bottom: 30px
}

#about-home .list-paddingleft-2 li {
	width: 20%;
	float: left;
	padding: 0 15px
}

#about-home .list-paddingleft-2 li a {
	display: block;
	max-width: 100%
}

#about-home p,
#privacy p {
	padding-bottom: 20px
}

.news-keyword {
	height: 48px;
	width: 600px;
	float: left
}

.news-search>div {
	width: 900px;
	margin: 0 auto;
	padding-top: 45px
}

label {
	font-size: 18px;
	padding-right: 20px;
	float: left;
	line-height: 48px
}

.kwdsub {
	height: 48px;
	width: 175px;
	color: #000;
	font-weight: 700;
	background: #fdb812;
	border: 0;
	outline: 0;
	float: left
}

.news-list li,
.product .news-col>div {
	width: 100%;
	margin-bottom: 30px;
	border-bottom: 1px rgba(240, 240, 240, .6) solid;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.news-list .container {
	padding: 70px 0
}

.news-left {
	float: left;
	width: 250px;
	padding: 30px 30px 30px 0;
	height: 210px;
	display: flex;
	display: -webkit-flex;
	align-self: center
}

.product .news-left {
	width: 210px;
	padding: 20px 20px 20px 0
}

.news-left a {
	display: flex;
	display: -webkit-flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	height: 150px
}

.product .news-left a {
	height: 170px
}

.news-left img {
	max-height: 100%
}

.news-right {
	width: calc(100% - 250px);
	float: left;
	padding: 30px 30px
}

.product .news-right {
	padding: 20px 30px
}

.news-right h3 {
	font-size: 16px;
	font-weight: 700;
	line-height: 2
}

.product .news-right h3 {
	margin: 10px 0
}

.product .news-right p {
	margin-top: 10px
}

.news-right h4 {
	font-size: 12px
}

.news-right p {
	line-height: 2;
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 10px!important
}

.news-list .contain p {
	color: #333;
	text-align: left
}

.news-list .contain .h3,
.news-list .contain h3 {
	padding: 0;
	text-align: left
}

.news-right h3 a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.news-right .newlist-btn {
	width: 160px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.news-right .newlist-btn a {
	display: inline-block;
	padding: 15px 20px 15px 0
}

.news-right .newlist-btn a>i:last-child {
	display: inline-block;
	padding: 0 10px
}

.news-right:hover .newlist-btn {
	background: #000;
	padding-left: 20px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.news-right:hover .newlist-btn a {
	color: #fdb812
}

.news-list li:hover,
.product .news-col:hover>div {
	background: #fdb812;
	padding-left: 30px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.news-list {
	padding-top: 50px
}

.news-list {
	background: #fafafa
}

.news-list li,
.product .news-col>div {
	background: #FFF
}

.news-pages a,
.news-pages span {
	display: inline-block;
	margin: 0 5px 15px;
	padding: 8px 14px;
	border: 1px solid #CCC;
	font-size: 16px
}

.news-pages a:hover,
.news-pages span.ctxt {
	background: #fdb812;
	border-color: #fdb812;
	color: #FFF;
	border-color: #fdb812;
	opacity: 1
}

.news-pages span {
	opacity: .4
}

.news-pages {
	width: 100%;
	text-align: center;
	padding-bottom: 100px
}

.news-bigbox {
	width: 100%;
	height: 114px;
	padding: 7px;
	margin-bottom: 20px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.news-bigbox:nth-of-type(2n) {
	background: #f2f2f2
}

.bigboxtime {
	float: left;
	width: 100px;
	border: 1px solid #ddd;
	height: 100px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.bigboxtime b {
	display: block;
	font-size: 18px;
	padding: 17px 10px 0 10px;
	line-height: 40px
}

.bigboxtime span {
	font-size: 16px;
	padding: 10px 0 10px 10px
}

.bigboxtxt {
	margin-left: 120px
}

.bigboxtxt a {
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.bigboxtxt h4 {
	padding: 8px 0;
	font-size: 18px;
	line-height: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 700
}

.bigboxtxt p {
	height: 50px;
	line-height: 25px;
	margin: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.news-bigbox:hover {
	background: #efefef;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	padding: 7px 20px
}

.news-bigbox:hover .bigboxtime {
	background: #fdb812;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	color: #FFF
}

.news-bigbox:hover a {
	color: #fdb812
}

.pro-ca .news-pages {
	padding-bottom: 30px
}

.seo_key {
	padding: 0
}

.jsshare {
	margin-top: 30px
}

.seo_key>div {
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	margin-bottom: 40px;
	padding: 30px 10px
}

.news-img {
	text-align: center
}

.page-active {
	background: #fdb812;
	border: none;
	color: #FFF
}

.construction-nav li {
	width: 25%;
	float: left;
	padding-right: 10px
}

.construction-nav li a {
	padding: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
	display: inline-block;
	width: 100%;
	text-align: center;
	height: 58px;
	line-height: 58px;
	background: #fdb812;
	color: #000;
	font-weight: 700
}

#parts .active a,
.construction-nav .active a {
	background: #000;
	color: #fdb812
}

#wheel {
	width: 100%;
	padding-top: 40px
}

.wheel-head {
	width: 1440px;
	margin: 0 auto
}

.wheel-left,
.wheel-right {
	float: left;
	width: 50%
}

.wheel-right img {
	height: 250px
}

.wheel-left {
	padding-left: 50px
}

.wheel-left>div {
	margin-bottom: 40px
}

.pdown2 #A_DownLoadProduct {
	text-align: center;
	width: 305px;
	display: inline-block;
	background-color: #fdb812;
	background-repeat: no-repeat;
	background-size: 36px 36px;
	border-radius: 5px;
	background-position: 15px 10px;
	height: 58px
}

.pdown2 #A_DownLoadProduct span {
	display: block;
	padding: 0 30px;
	line-height: 58px;
	font-size: 16px;
	color: #000
}

.wheel-left h3 {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2
}

.wheel-left h4 {
	font-size: 14px;
	line-height: 1.8
}

.pro-body .wheel-left,
.pro-body .wheel-right {
	width: 50%;
	float: left
}

#myTab_Content1 span {
	line-height: 1.8
}

.wheel-right {
	text-align: center
}

#construction .container {
	padding: 70px 0
}

.wheel-list {
	width: 100%;
	background: #fafafa
}

.wheel-list li {
	width: 25%;
	float: left;
	padding: 0 10px
}

.wheel-list li>a {
	display: block;
	background: #FFF
}

#parts {
	width: 100%;
	padding-top: 70px;
	background: #fafafa
}

#parts .container {
	padding: 0
}

.parts-icon {
	position: relative;
	width: 100%;
	overflow: hidden
}

.parts-mark {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	opacity: 0;
	transition: .3s all ease-out;
	transform: translateY(-90%);
	-webkit-transform: translateY(-90%);
	-moz-transform: translateY(-90%);
	-ms-transform: translateY(-90%);
	-o-transform: translateY(-90%)
}

.parts-mark img {
	width: 64px!important;
	position: absolute;
	top: calc(50% - 32px);
	left: calc(50% - 32px)
}

.parts-mark h4 {
	color: #FFF;
	line-height: 2;
	padding: 10%
}

#parts>div:first-child li {
	width: 16.6%;
	float: left;
	padding-right: 3px
}

.parts-title li a {
	display: inline-block;
	width: 100%;
	text-align: center;
	height: 58px;
	line-height: 58px;
	background: #fdb812;
	color: #000;
	font-weight: 700
}

.parts-list li {
	width: 25%;
	float: left;
	padding: 15px
}

.parts-list li>div {
	width: 100%
}

.parts-item .parts-foot {
	display: block;
	height: 72px;
	line-height: 72px;
	font-size: 18px;
	color: #000;
	text-align: center;
	background: #FFF;
	transition: .3s all ease-out;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 10px
}

.parts-list li img {
	width: 100%
}

.parts-list {
	background: #fafafa
}

.parts-list>ul a {
	display: block;
	background: #FFF
}

.parts-list li:hover .parts-item .parts-foot {
	background: #fdb812;
	transition: .3s all ease-out
}

.parts-list li:hover .parts-mark {
	opacity: 1;
	transition: .3s all ease-out;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0)
}

.con-left {
	width: 50%;
	padding-left: 60px;
	float: left
}

.con-left h4 em {
	display: inline-block;
	padding: 0 5px
}

.con-left h3 {
	font-size: 30px;
	color: #000
}

.con-left h4 img {
	width: 20px
}

.con-left h4 {
	font-size: 16px;
	color: #000;
	margin-bottom: 10px
}

.con-h4 {
	margin-top: 30px
}

.con-left h4 i {
	display: block;
	float: left;
	padding: 5px 10px 5px 0
}

.con-left h4 i:first-child {
	width: 30px
}

.con-left h4 i:last-child {
	width: calc(100% - 30px)
}

.feedbackForm {
	width: 50%;
	margin-top: 30px;
	padding-right: 60px
}

#feedback .feedbackForm {
	width: 100%;
	padding-right: 0;
	float: none
}

.feedback .feedbackForm {
	margin: 0 auto;
	float: none;
	margin-top: 20px
}

.con-er {
	margin-top: 30px;
	width: 140px;
	padding: 5px;
	border: 1px #CCC solid
}

.con-er img {
	width: 100%
}

.con-icon {
	margin-bottom: 10px;
	margin-top: 70px
}

.con-icon a {
	padding-right: 10px
}

#map {
	width: 670px;
	height: 400px
}

.con-right {
	width: 50%;
	text-align: center;
	float: left
}

.text span {
	float: left;
	display: block;
	width: calc(100% - 40px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.text i {
	float: left;
	display: block;
	width: 40px
}

.text i img {
	text-align: center
}

.text-down {
	width: 100%
}

.pdown2 {
	margin-bottom: 10px
}

.text-down li {
	border: 1px rgba(240, 240, 240, .6) solid;
	margin-top: -1px
}

.text-down li:hover {
	background-color: #fdb812;
	font-weight: 700
}

.text-down li>div>div:first-child {
	width: calc(100% - 240px);
	text-align: left
}

.text-down li>div {
	height: 100px;
	line-height: 100px;
	padding-right: 30px;
	padding-left: 30px;
	color: #000
}

.text-down li>div>div {
	width: 120px;
	text-align: center;
	float: left
}

.text-down li span {
	padding-left: 20px
}

.text-down .container {
	padding-top: 50px
}

#Products,
.pro-show {
	width: 100%;
	background: #FFF
}

.pro-show .container {
	padding-top: 40px
}

.pro-item,
.product {
	background: #FFF
}

.whe-nav {
	text-align: left;
	padding-bottom: 30px
}

.whe-nav span {
	padding: 0 10px
}

.spec-scroll {
	height: 100px
}

.jqueryzoom {
	height: 380px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	background: #FFF
}

.jqueryzoom img {
	max-width: 100%;
	max-height: 380px
}

.cloudzoom-ajax-loader {
	width: 32px;
	height: 32px
}


.cloudzoom-caption {
	display: none;
	text-align: left;
	background-color: #000;
	color: #FFF;
	font-weight: 700;
	padding: 10px;
	font-family: sans-serif;
	font-size: 11px
}

.cloudzoom-zoom-inside {
	border: none;
	box-shadow: none
}

.cloudzoom-zoom {
	border: 1px solid #CCC;
	width: 300px;
	height: 300px;
	background: #FFF;
	z-index: 99;
	box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

.cloudzoom-lens {
	border: 2px solid #CCC;
	width: 100px!important;
	height: 100px!important;
	box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	cursor: crosshair;
	background: #FFF;
	z-index: 10
}

.main-img {
	width: 380px;
	margin: 0 auto 20px
}

#ps {
	position: relative;
	width: 100%;
	padding: 0 31px;
	margin-top: 15px;
	height: 82px
}

#ps .swiper-button-next {
	background-image: url(../images/next.png)
}

#ps .swiper-button-prev {
	background-image: url(../images/prev.png)
}

#ps li {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	background-color: #FFF;
	height: 72px;
	border: 2px transparent solid;
	position: relative
}

#ps li.active {
	border-color: #fdb812
}

#ps li.active:after {
	content: ' ';
	position: absolute;
	bottom: 100%;
	border-width: 8px;
	border-style: solid;
	font-size: 0;
	border-color: transparent transparent #fdb812 transparent
}

#ps li img {
	width: 100%
}

.image-items {
	padding-top: 10px
}

.whe-left {
	width: 45%;
	float: left
}

.pro-show .productsTags {
	text-align: left;
	color: #000;
	font-size: 16px
}

.productsTags {
	width: 100%;
	font-size: 16px;
	margin-top: 15px
}

.proCateTags {
	margin-top: 10px
}

.seo_key {
	padding: 0 10px
}

.seo_key,
.seo_key a {
	color: #666
}

.proCateTags span {
	display: block
}

.proCateTags span a {
	display: inline-block;
	line-height: 1.6;
	margin-right: 10px
}

.proCateTags span a:hover {
	color: #fdb812;
	text-decoration: underline
}

.rollPro1 li {
	width: 16.6%;
	float: left;
	padding: 0 10px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out
}

.rollPro1 li:hover .pbox {
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-o-transform: translateY(10px);
	box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out
}

.rollPro1 .pbox {
	width: 100%;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out
}

.rollPro1 .pbox>a {
	display: block;
	text-align: center;
	height: 200px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden
}

.rollPro1 .pbox a img {
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}

.rollPro1 li:hover a img {
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1)
}

.rollPro1 li:hover p a {
	background: #fdb812;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out
}

.rollPro1 li img {
	max-height: 200px
}

.rollPro1 li p {
	text-align: center
}

.rollPro1 li p a {
	display: block;
	padding: 0 5px
}

.ptit {
	font-size: 18px;
	margin-top: 40px;
	margin-bottom: 20px;
	color: #fdb812
}

.preview .swiper-slide img {
	width: 145px;
	padding: 2px;
	cursor: pointer
}

.preview .swiper-slide img {
	width: 100%
}

.preview .swiper-container {
	width: 100%
}

.img-hover {
	border: 2px #000 solid
}

.pro-fl #related .a {
	padding-bottom: 50px
}

.pro-fl .construction-nav li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#equipment a li>div>div {
	width: 100%;
	text-align: center;
	background: #FFF
}

#related .a h4 {
	padding-left: 20px;
	padding-bottom: 10px;
	font-size: 16px;
	text-align: left
}

.pro-info-container {
	margin-bottom: 50px
}

.pro-info-container.container {
	padding-top: 0;
	padding-bottom: 0
}

#related li {
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out
}

#related li:hover {
	box-shadow: 0 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);
	transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out
}

#related li img {
	width: 90%
}

#related li:hover .pro-footer {
	background: #fdb812
}

.preview .swiper-button-next,
.preview .swiper-button-prev {
	background-size: 16px 25px
}

.preview .swiper-button-next {
	right: 0
}

.preview .swiper-button-prev {
	left: 0
}

.main-img {
	text-align: center
}

.main-img img {
	max-height: 100%;
	max-width: 100%
}

.whe-right {
	width: 55%;
	float: right
}

.whe-right>div {
	width: 720px;
	float: right
}

.whe-right #st-1 {
	text-align: left!important;
	margin-top: 20px
}

.whe-right h1,
.whe-right h2 {
	font-size: 25px;
	font-weight: 600;
	line-height: 165%;
	text-align: left;
	border-bottom: 1px #CCC solid;
	color: #fdb812
}

.whe-right h1 span,
.whe-right h2 span {
	color: #fdb812
}

.whe-right .pro-list span>div {
	font-size: 20px;
	font-weight: 700
}

.whe-right .pro-list span>div:first-child {
	font-size: 14px;
	font-weight: 500
}

.whe-right .pro-list span p {
	right: 15px;
	top: 7px;
	height: 38px
}

.p-width {
	right: 0!important
}

.whe-right .pro-list span {
	width: 25%;
	padding-left: 30px
}

.whe-right p {
	line-height: 1.8;
	margin-bottom: 30px
}

.wel-msg {
	margin-top: 20px;
	height: auto;
	overflow-y: auto
}

.wel-btn a {
	display: inline-block;
	width: 305px;
	height: 58px;
	text-align: center;
	font-size: 16px;
	border: 1px #000 solid;
	line-height: 58px;
	vertical-align: top;
	margin-bottom: 20px;
	border-radius: 5px
}

.wel-btn {
	margin-top: 40px
}

.wel-btn a span {
	padding-left: 20px;
	font-size: 22px;
	font-weight: 700;
	position: relative;
	z-index: 14
}

.ltd-btn i,
.pro-btn i,
.wel-btn i {
	position: relative;
	z-index: 14
}

.ltd-btn a,
.pro-btn a,
.wel-btn a {
	position: relative;
	z-index: 9
}

.ltd-btn a:after,
.pro-btn a:after {
	content: "";
	background: #fdb812;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	transform: scaleX(0);
	transition-property: transform;
	transition-duration: .5s;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: .5s;
	-webkit-transition-property: transform;
	-webkit-transform: scaleX(0);
	-webkit-transform-origin: 0 50%
}

.a li>div>div {
	text-align: center
}

.pro-btn a:after {
	background: #000
}

.pro-btn a:hover i,
.pro-btn a:hover span {
	color: #fdb812;
	border-color: #000
}

.wel-btn .LayImAhrefNode {
	background: #fdb812;
	border: #fdb812;
	color: #000;
	border-radius: 5px
}

.ltd-btn a:hover:after,
.pro-btn a:hover:after {
	transform: scaleX(1);
	transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
	-webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
	-webkit-transform: scaleX(1)
}

.pro-fl {
	width: 100%;
	padding-top: 50px;
	background: #FFF
}

.pro-fl .container {
	padding: 0
}

.datalist td {
	border: 1px solid #CCC;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 15px
}

.table,
.table-foot {
	width: 1440px;
	margin: 0 auto;
	padding-bottom: 100px
}

.news-title .container {
	padding-top: 30px;
	padding-bottom: 30px
}

.news-title {
	width: 100%;
	border-bottom: 1px rgba(240, 240, 240, .6) solid
}

.new-img {
	width: 100%;
	margin-bottom: 20px;
	text-align: center
}

.new-img ul {
	width: 900px;
	margin: 0 auto
}

.new-img li {
	width: 50%;
	float: left;
	margin-bottom: 12px
}

.new-img li img {
	width: 438px
}

.news-container p {
	line-height: 1.6;
	font-size: 14px;
	padding-bottom: 20px;
	text-align: justify;
	margin-top: 10px
}

.news-container.container {
	padding-bottom: 0
}

.fg {
	width: 100%;
	margin: 0 auto;
	padding: 30px 0
}

.fg p {
	display: flex;
	align-items: center
}

#details .fg>p:first-child,
.fg>p:first-child {
	width: 50%;
	float: left;
	background: #fdb812;
	color: #000
}

#details .fg>p:last-child,
.fg>p:last-child {
	width: 50%;
	float: left;
	background: #000;
	color: #fdb812
}

.fg>p>i {
	display: block;
	font-size: 18px;
	float: left
}

.fg-left>i:first-child,
.fg-right>i:last-child {
	width: 100px;
	text-align: center;
	font-size: 22px
}

.fg-right>i:first-child {
	width: calc(100% - 100px);
	padding-left: 50px;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.fg-left>i:last-child a,
.fg-right>i:first-child a {
	color: #fdb812;
}

.fg-left>i:nth-child(2) {
	width: calc(100% - 100px);
	padding-right: 50px
}

.fg-left>i:last-child a {
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}

.fg img {
	padding: 10px
}

.rnews ul li {
	float: left;
	width: 50%;
	height: 48px;
	line-height: 48px;
	margin-bottom: 10px
}

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

.rnews ul a:hover {
	color: #ff520e
}

.new-show h2 {
	margin-bottom: 30px
}

.pro-body.container {
	padding-top: 0!important
}

.pro-body {
	margin-top: 50px;
	min-height: 300px
}

.pro-body .wheel-left {
	line-height: 2
}

.wheel-left h1 {
	text-align: left
}

.btn-position {
	position: relative
}

.swiper-button-next {
	right: -42px
}

.swiper-button-prev {
	left: -42px
}

.construction-nav>ul {
	width: 100%;
	margin: 50px auto 30px
}

.prosubmenu {
	margin: 50px auto 0
}

#details .datalist {
	margin-top: 20px
}

#details p {
	font-size: 14px!important;
	line-height: 1.7
}

.icon-right {
	display: none;
	padding-left: 30px;
	padding-right: 30px
}

.LayImAhrefNode {
	margin-left: 30px
}

.parts-icon>div img {
	max-width: 100%;
	max-height: 100%;
	width: auto
}

@media (min-width:1200px) and (max-width:1460px) {
	#new li>div {
		height: 500px
	}
	.idx-new-img a {
		height: 240px
	}
	.pro-body.container {
		margin-top: 20px
	}
	.wheel-left {
		padding-left: 20px
	}
	#nav>li>a {
		padding: 0 15px
	}
	.construction-nav,
	.construction-nav>ul,
	.table,
	.table-foot {
		width: 1170px
	}
	.inv-contain .about-nav li {
		margin: 0 10px
	}
	#search>div {
		width: 1080px
	}
	.container,
	.global-img .container {
		width: 1080px;
		margin: 0 auto;
		padding-top: 50px
	}
	.nav-right>span {
		padding-right: 10px
	}
	.nav-right #xyz {
		right: 10px
	}
	.nav-left img {
		padding-left: 10px
	}
	.nav-mid {
		margin-left: 230px
	}
	.container {
		width: 1170px
	}
	.construction-nav>ul {
		width: 1170px;
		margin: 50px auto
	}
	.pro-info-container {
		margin-bottom: 50px
	}
}

@media (min-width:1025px) and (max-width:1460px) {
	.LayImAhrefNode {
		margin-left: 0
	}
	.new-btn {
		margin: 40px 0
	}
	.whe-left,
	.whe-right {
		width: 50%;
		margin: 0 auto
	}
	.whe-right>div {
		width: 100%
	}
	.main-img {
		margin: 50px 0 40px
	}
	.parts-list li {
		width: 33.3%
	}
	#construction .container {
		width: 1000px;
		padding: 0 5px
	}
	.global-img .container {
		width: 1000px;
		padding-bottom: 30px
	}
	.pro-list span p {
		right: 4px
	}
	.wheel-head {
		width: 1000px
	}
	.wheel-list li {
		width: 33.3%
	}
	.new-contain .h3,
	.new-contain h3 {
		height: 90px;
		display: table-cell;
		vertical-align: middle
	}
	.new-contain p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical
	}
	#parts .container {
		padding: 0
	}
	#map {
		width: 50%
	}
}

@media (min-width:1025px) and (max-width:1200px) {
	#new li>div {
		height: 450px
	}
	.idx-new-img a {
		height: 190px
	}
	.table,
	.table-foot {
		width: 1000px
	}
	.pro-cell,
	.pro-item li {
		width: 33.3%
	}
	.rollPro1 .pbox>a {
		height: 150px
	}
	.inv-contain .about-nav li {
		margin: 0 0
	}
	.global-title {
		padding-top: 50px
	}
	#search>div,
	.contain,
	.fg {
		width: 970px
	}
	.stbn {
		width: 160px
	}
	.container {
		width: 970px
	}
	.seatxt {
		width: calc(100% - 160px)
	}
	.footer-img {
		height: auto
	}
	.footer-container {
		padding-bottom: 130px
	}
	#nav>li>a {
		font-size: 14px;
		padding: 0 15px
	}
	header {
		font-size: 12px
	}
	.nav-mid {
		width: calc(100% - 260px);
		margin-left: 155px
	}
	.nav-right>span {
		padding-right: 5px
	}
	.nav-right #xyz {
		right: 5px
	}
	.nav-left img {
		padding-left: 5px;
		padding-top: 0
	}
}

@media(min-width:1024px) {
	.submenu a {
		display: block
	}
	.parts-icon>div:first-child {
		height: 250px;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: center;
		overflow: hidden
	}
}

@media (min-width:320px) and (max-width:1023px) {
	@media screen and (min-width: 320px) {
		html {
			font-size:14px
		}
	}
	@media screen and (min-width:360px) {
		html {
			font-size: 16px
		}
	}
	@media screen and (min-width:400px) {
		html {
			font-size: 18px
		}
	}
	@media screen and (min-width:440px) {
		html {
			font-size: 20px
		}
	}
	@media screen and (min-width:480px) {
		html {
			font-size: 22px
		}
	}
	@media screen and (min-width:640px) {
		html {
			font-size: 28px
		}
	}
	.idx-new-img a {
		height: auto
	}
	.parts-icon>div:first-child {
		height: auto;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: center;
		overflow: hidden
	}
	.parts-item .parts-foot {
		height: 48px;
		line-height: 48px
	}
	.mask.active {
		position: fixed;
		top: 72px;
		width: 100%;
		bottom: 0;
		background: rgba(0, 0, 0, .6);
		z-index: 99
	}
	.parts-list {
		padding-top: 30px
	}
	.parts-list li .parts-mark {
		display: none
	}
	.news-right .newlist-btn {
		padding: 15px 20px;
		background: #000
	}
	.news-right .newlist-btn a {
		color: #fdb812;
		padding: 0
	}
	.btn-position {
		width: 90%;
		margin: 0 auto
	}
	.fg {
		width: 100%;
		padding-bottom: 0
	}
	.new-list img {
		width: 100%
	}
	.fg>a:first-child,
	.fg>a:last-child {
		width: 100%
	}
	.container {
		padding: 50px 0
	}
	.table,
	.table-foot {
		width: 100%
	}
	.a .pro-footer h4,
	.pro-footer .h4 {
		text-align: left;
		padding-left: 30px;
		padding-bottom: 20px;
		font-size: 16px
	}
	.whe-right>div {
		width: 100%
	}
	.whe-left {
		margin-top: 70px
	}
	.whe-left,
	.whe-right {
		width: 100%
	}
	.wheel-head {
		width: 90%;
		margin: 0 auto
	}
	.wheel-left,
	.wheel-right {
		float: none;
		width: 100%
	}
	.inv-contain .about-nav {
		width: 90%;
		margin: 0 auto;
		border: 0;
		height: auto;
		padding: 30px
	}
	.inv-contain .about-nav li a {
		display: inline-block;
		width: 100%;
		text-align: center;
		height: 58px;
		line-height: 58px;
		background: #fdb812;
		color: #000;
		font-weight: 700
	}
	.inv-contain .about-nav li {
		float: left;
		width: 33.3%;
		padding: 3px;
		margin: 0
	}
	.inv-contain .about-nav .LocalCurrent {
		border: none
	}
	.inv-contain .about-nav .LocalCurrent a {
		background: #000;
		color: #fdb812
	}
	.inv-contain .about-nav li:hover {
		border: none
	}
	.bar-menu {
		width: 72px;
		height: 72px
	}
	.bar-menu,
	.navBar {
		display: block
	}
	.nav-mid,
	.nav-right {
		display: none
	}
	.nav a {
		color: #FFF
	}
	.icon-right {
		display: block;
		position: absolute;
		top: 0;
		right: 20%
	}
	.bar-left .active,
	.bar-right .active {
		background: #FFF!important
	}
	.icon-right {
		transform: rotateZ(0);
		-webkit-transform: rotateZ(0);
		-moz-transform: rotateZ(0);
		-ms-transform: rotateZ(0);
		-o-transform: rotateZ(0);
		transition: all .3s cubic-bezier(.66, .53, .65, 1) 0s;
		-webkit-transition: all .3s cubic-bezier(.66, .53, .65, 1) 0s;
		-moz-transition: all .3s cubic-bezier(.66, .53, .65, 1) 0s;
		-ms-transition: all .3s cubic-bezier(.66, .53, .65, 1) 0s;
		-o-transition: all .3s cubic-bezier(.66, .53, .65, 1) 0s
	}
	.nav {
		position: absolute;
		width: 100%;
		top: 72px;
		left: 0;
		right: 0;
		font-size: 18px
	}
	.nav .active-nav>a {
		color: #000
	}
	.nav li a {
		padding: 0 10%;
		font-size: 14px
	}
	.nav .submenu a {
		font-size: 14px
	}
	.nav li {
		position: relative;
		line-height: 48px
	}
	.nav .active-nav {
		background: #fdb812
	}
	.submenu {
		position: static;
		width: 100%;
		background: #333
	}
	.submenu li {
		padding: 0 5%;
		border-bottom: 1px #CCC solid
	}
	.submenu li:last-child {
		border-bottom: none
	}
	.ind-mark .h3,
	.ind-mark h3 {
		line-height: 1.2;
		padding-bottom: 20px
	}
	.container {
		width: 90%
	}
	.pro-cell,
	.pro-item li {
		width: 50%
	}
	.pro-list span p {
		right: 5px
	}
	.contain {
		width: 90%
	}
	#new li {
		width: 80%;
		margin: 0 auto;
		float: none;
		margin-bottom: 30px
	}
	.search-sel {
		width: 170px
	}
	.btns {
		width: calc(100% - 180px)
	}
	#search>div {
		width: 100%
	}
	.stbn {
		width: 160px
	}
	.seatxt {
		width: calc(100% - 160px)
	}
	.footer-container {
		padding-top: 40px;
		padding-bottom: 100px
	}
	.footer-img {
		height: auto
	}
	.footer-container {
		flex-wrap: wrap
	}
	.footer-container .col {
		width: 50%;
		margin-bottom: 20px
	}
	.construction-nav>ul {
		width: 100%;
		margin: 40px auto
	}
	.prosubmenu {
		margin: 40px auto 0;
		width: 90%
	}
	#wheel {
		padding-top: 0
	}
	#construction .container {
		padding: 50px 0
	}
	.news-pages {
		padding-bottom: 50px
	}
	.news-search>div {
		width: 90%;
		margin: 0 auto
	}
	.kwdsub,
	label {
		display: block;
		width: 15%
	}
	label {
		text-align: right
	}
	.news-keyword {
		width: 70%
	}
	.new-btn a {
		padding-left: 25px;
		background: #fdb812;
		font-weight: 700
	}
	.ltd-btn {
		margin-top: 90px
	}
	#Products {
		background: #FFF
	}
	.pro-cell>div,
	.pro-item li>div {
		background: #FFF
	}
	.pro-footer,
	.pro-footers {
		background: #fdb812
	}
	.pro-list span>div:first-child {
		color: #666
	}
	#new li>div {
		height: auto
	}
	#parts>div:first-child li {
		width: 33.3%;
		margin-bottom: 3px
	}
	.parts-list li {
		width: 33.3%
	}
	.parts-item>a {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}
}

@media (min-width:768px) and (max-width:1024px) {
	#map {
		width: 100%;
		height: 300px
	}
	.wheel-left h1 {
		font-size: 30px
	}
	.wel-btn a {
		width: 200px
	}
	.rollPro1 li {
		width: 33.3%;
		margin-bottom: 20px
	}
	.main-img {
		margin: 0 0 20px
	}
	.construction-nav li {
		width: 33.3%
	}
	.con-left,
	.feedbackForm {
		width: 100%;
		float: none;
		padding: 0
	}
	.new-btn {
		margin: 40px 0;
		padding-bottom: 40px!important
	}
	#about-home .list-paddingleft-2 li {
		width: 33.3%;
		text-align: center
	}
}

@media (min-width:320px) and (max-width:767px) {
	.news-list .news-left {
		display: none
	}
	.ind li {
		height: auto;
		min-height: 280px
	}
	.construction-nav>ul,
	.container,
	.prosubmenu {
		width: 100%;
		padding: 0 15px
	}
	.pro-item ul,
	.product ul {
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		justify-content: center
	}
	.text-down li>div {
		line-height: 1;
		height: auto;
		padding: 0 10px
	}
	.con-left,
	.feedbackForm {
		width: 100%;
		float: none;
		padding: 0
	}
	.con-right {
		width: 50%;
		text-align: center
	}
	.text-down .text span {
		float: left;
		width: calc(100% - 2rem);
		padding-left: 15px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
	.date {
		text-align: right!important;
		position: absolute;
		top: 35px;
		left: 45px
	}
	.down {
		height: 48px;
		line-height: 38px
	}
	.text-down li {
		position: relative;
		padding: 15px 0 10px;
		border-bottom: 1px #CCC solid
	}
	.ind li {
		width: 100%
	}
	.ind-mark a {
		color: #FFF
	}
	.ind-img-change .ind-mark a {
		color: #000
	}
	.ind-mark {
		padding-bottom: 50px
	}
	.ind li:nth-child(2) {
		background-image: url(home-img02-c.jpg)
	}
	.ind li:hover .ind-mark a {
		color: #FFF
	}
	.ind .ind-img-change:hover .ind-mark a {
		color: #000
	}
	.container,
	footer .container {
		padding: 30px 15px
	}
	.global-title {
		padding: 30px 0
	}
	.pro-cell,
	.pro-item li {
		width: 100%;
		float: none;
		max-width: 360px
	}
	.pro-cell>a:first-child,
	.pro-item li>a:frist-child {
		text-align: center
	}
	.pro-cell img,
	.pro-item li img {
		width: 100%;
		margin: 0 auto
	}
	.pro-cell .h4,
	.pro-cell h4,
	.pro-item li .h4,
	.pro-item li h4 {
		font-size: 18px;
		color: #000
	}
	.pro-cell .h4,
	.pro-cell h4,
	.pro-item li .h4,
	.pro-item li h4,
	.pro-list {
		padding: 0 15px
	}
	.pro-list span {
		width: 100%;
		display: inline-block;
		float: left;
		position: relative
	}
	.pro-list span>div {
		width: 40%;
		float: left;
		color: #000;
		font-size: 1rem;
		line-height: 1.6;
		font-family: Arial
	}
	.pro-list span>div:first-child {
		width: 60%;
		float: left;
		font-size: 1rem;
		color: #666;
		line-height: 1.6
	}
	.pro-list span p {
		display: none
	}
	.pro-footer,
	.pro-footers {
		padding: 15px 0
	}
	.pro-btn {
		margin-top: 0
	}
	.ltd-btn {
		margin-top: 50px
	}
	.ltd-img {
		min-height: 620px
	}
	.ltd-img .contain>div:first-child {
		padding-top: 70px
	}
	.ltd-img .contain>div img {
		width: 60px
	}
	.contain .h3,
	.ltd-img .contain h3 {
		font-size: 1.28rem;
		padding: 2.07rem 0 1.57rem;
		text-align: center
	}
	.ltd-img .contain p {
		width: 100%;
		font-size: .5rem;
		color: #FFF;
		line-height: 2;
		text-align: center;
		margin-bottom: .36rem
	}
	#new li {
		width: 100%;
		padding: 0
	}
	.new-btn {
		margin: 40px 0;
		padding-bottom: 0!important
	}
	.global-title .h2,
	.global-title h2 {
		font-size: 1.65rem;
		line-height: 2
	}
	.global-title .h5,
	.global-title h5 {
		font-size: .6rem;
		padding: 0 15px;
		text-align: center;
		line-height: 1.2
	}
	#search {
		height: auto;
		width: 100%;
		background: #fdb812
	}
	#search>div {
		padding-top: 20px;
		width: 100%;
		margin: 0 auto
	}
	.seatxt {
		font-size: 24px;
		padding-left: 20px
	}
	.search-sel {
		position: relative;
		width: 100%;
		height: 48px;
		background: #FFF
	}
	.search-sel i {
		line-height: 48px;
		padding-left: 20px
	}
	.search-sel .caret {
		float: right;
		position: absolute;
		top: 24px;
		right: 15px;
		border-top: 10px solid;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent
	}
	.dropdown-menu {
		width: calc(100% - 30px);
		margin: 0 15px;
		top: calc(100% - 10px)
	}
	.stbn {
		width: 7.2rem;
		height: 48px;
		background: #000;
		border: 0;
		color: #FFF;
		font-size: 14px;
		outline: 0;
		cursor: pointer;
		float: left
	}
	.btns,
	.dropdown {
		width: 100%;
		padding: 10px 15px
	}
	.btns {
		padding-bottom: 30px
	}
	.seatxt {
		float: left;
		height: 48px;
		width: calc(100% - 7.2rem)
	}
	.footer-container ul {
		width: 100%;
		min-height: 0
	}
	.footer-title {
		margin-bottom: 0
	}
	.footer-container .col {
		margin-bottom: 20px
	}
	.footer-img {
		padding-bottom: 40px
	}
	.foot-left,
	.foot-right {
		width: 100%;
		padding: 10px 0 0 0
	}
	.about-banner img,
	.con-banner img,
	.net-banner img,
	.pro-banner img {
		width: 768px;
		height: 11rem
	}
	.about-banner h1,
	.con-banner h1,
	.net-banner h1,
	.pro-banner h1,
	.about-banner h2,
	.con-banner h2,
	.con-banner h2,
	.net-banner h2,
	.pro-banner h2 {
		width: 100%;
		text-transform: capitalize;
		text-align: center;
		font-size: 1.0rem;
		color: #fdb812;
		line-height: 1.4;
		margin-bottom: 15px;
		padding-top: 2rem
	}
	.about-banner h5,
	.con-banner h5,
	.net-banner h5,
	.pro-banner h5 {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		font-size: .85rem
	}
	.about-banner div,
	.con-banner div,
	.net-banner div,
	.pro-banner>div {
		position: absolute;
		top: 1rem;
		width: 100%
	}
	.about-nav li {
		padding: 0;
		margin: 0 .4rem
	}
	.about-nav li {
		font-size: 15px
	}
	.about-nav li {
		height: 57px;
		line-height: 50px
	}
	.about-nav {
		height: 58px
	}
	#parts {
		padding-top: 1rem
	}
	.construction-nav>ul,
	.prosubmenu {
		margin: 1rem auto
	}
	.indless h3 {
		padding-top: 50px
	}
	#about-home h3,
	#privacy h3 {
		font-size: 24px
	}
	label {
		display: block;
		font-size: 1rem;
		width: 100%;
		line-height: 28px;
		font-size: 1rem;
		text-align: left;
		padding-top: 20px
	}
	.news-keyword {
		width: 70%
	}
	.kwdsub {
		width: 30%
	}
	.news-search>div {
		padding: 0
	}
	.news-list {
		background: #fafafa
	}
	.news-list li {
		background: #FFF
	}
	.news-list {
		padding-top: 30px
	}
	.news-list li {
		height: auto
	}
	.news-list li:hover {
		padding-left: 0
	}
	.news-left,
	.news-right {
		width: 100%
	}
	.news-left img {
		padding: 0
	}
	.news-right {
		padding: 15px
	}
	.news-right h3 {
		line-height: 1.4;
		padding: 10px 0
	}
	.news-right h4 {
		padding-bottom: 15px
	}
	.news-right p {
		line-height: 1.4
	}
	.news-right .newlist-btn {
		margin-top: 15px;
		margin-bottom: 15px;
		padding: 15px 20px;
		background-color: #000
	}
	.product .newlist-btn {
		display: none
	}
	.news-right .newlist-btn a {
		color: #fdb812
	}
	.page-active {
		color: #FFF
	}
	.news-pages {
		width: 90%;
		margin: 0 auto
	}
	.construction-nav li {
		width: 50%;
		padding-bottom: 3px
	}
	.wheel-left {
		padding-left: 0
	}
	.wheel-left h3 {
		font-size: 1.4rem;
		line-height: 1.4
	}
	.wheel-left>div {
		margin-bottom: 30px
	}
	#construction .container {
		padding-bottom: 0
	}
	#parts>div:first-child li,
	.inv-contain .about-nav li {
		width: 50%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
	.inv-contain .about-nav {
		width: 90%;
		margin: 30px auto 20px;
		padding: 0
	}
	.inv-contain .about-nav li a {
		line-height: 48px;
		height: 48px
	}
	#parts>div:first-child li a {
		padding: 0 10px
	}
	.parts-title li a {
		height: 48px;
		line-height: 48px
	}
	.parts-list li {
		width: 50%;
		padding: .5rem;
		margin-bottom: 0
	}
	.parts-item .parts-foot {
		padding: 0 5px;
		display: block;
		height: 48px;
		line-height: 48px;
		font-size: 16px;
		color: #000;
		text-align: center;
		background: #fdb812
	}
	.text i:first-child img {
		width: 18px
	}
	.text i:first-child {
		width: 20px;
		height: 48px;
		line-height: 38px
	}
	.text p {
		padding: 0 10px;
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
	.down img {
		width: 20px
	}
	#shek li>div>div:last-child {
		width: 2rem;
		float: left
	}
	#shek li>div>div:first-child {
		width: calc(100% - 2rem);
		float: left
	}
	.text i {
		width: 2rem;
		float: left
	}
	.global-img .container {
		padding: 0
	}
	.global-img h2 {
		padding-top: 30px;
		font-size: 1.2rem;
		line-height: 1.2;
		padding-bottom: 30px
	}
	.global-img h5 {
		width: 100%;
		font-size: .6rem;
		text-align: center;
		line-height: 1.4;
		padding-bottom: 30px
	}
	.nav li {
		line-height: 48px
	}
	.con-contain .container {
		width: 100%;
		padding-bottom: 0
	}
	.con-contain .container>div {
		width: 100%
	}
	.con-contain .container p {
		line-height: 2
	}
	.con-right {
		width: 100%!important;
		padding: 0!important
	}
	.con-icon {
		margin-top: 30px
	}
	.con-er {
		margin-bottom: 30px
	}
	footer .container {
		padding: 30px 15px
	}
	.news-title .container {
		width: 90%;
		padding-bottom: 20px
	}
	.news-title .container a {
		display: inline-block
	}
	.container .h2,
	.container h2 {
		font-size: 1.65rem;
		line-height: 1.2
	}
	.news-container h5 {
		padding-top: 1rem
	}
	.container .h5,
	.container h5 {
		font-size: .6rem;
		padding-bottom: 3rem
	}
	.new-img li {
		width: 100%
	}
	.new-img li img {
		width: 100%
	}
	.new-img ul {
		width: 100%
	}
	.fg {
		width: 100%;
		padding-bottom: 0
	}
	.fg>a {
		display: block;
		width: 100%!important;
		height: 48px!important;
		line-height: 48px!important
	}
	.fg>a>i {
		font-size: .85rem
	}
	.fg-left>i:nth-child(2) {
		width: auto
	}
	.fg-left>i:nth-child(3) {
		display: none
	}
	.fg-left>i:first-child,
	.fg-right>i:last-child {
		width: 50px
	}
	.fg-right>i:first-child {
		width: calc(100% - 50px)
	}
	.rnews ul li {
		float: none;
		width: 100%
	}
	.new-show h2 {
		margin: 30px 0 20px
	}
	.btn-position li div {
		background: #fdb812
	}
	.btn-position .new-btn a {
		background: #000;
		color: #FFF
	}
	.new-show {
		display: none
	}
}

@media (min-width:640px) and (max-width:768px) {
	.whe-list span {
		width: 25%;
		position: relative
	}
	.whe-list p {
		position: absolute;
		right: 12px;
		height: 58px;
		width: 1px;
		top: 7px;
		background: rgba(240, 240, 240, 1)
	}
	.new-img li {
		width: 50%;
		float: left
	}
	.pro-list span p {
		position: absolute;
		top: 3px;
		right: 0;
		width: 1px;
		height: 36px;
		background: rgba(0, 0, 0, .2);
		z-index: 99
	}
	.pro-list>span:nth-child(2) p {
		right: 0
	}
	.pro-cell,
	.pro-item li {
		padding: 0 5px;
		width: 50%;
		float: left
	}
	.pro-list span {
		width: 33.3%;
		text-align: center
	}
	.pro-list span>div {
		width: 100%;
		font-size: 13px;
		width: 90%;
		font-weight: 700
	}
	.pro-list span>div:first-child {
		font-weight: 500;
		width: 90%;
		height: 28px;
		font-size: 12px;
		line-height: 1;
		padding-bottom: 5px
	}
	.new-img ul {
		width: 80%;
		margin: 0 auto
	}
	.new-img li img {
		width: 100%;
		padding: 3px
	}
	.new-img li {
		margin: 0
	}
	.product .news-col {
		width: 50%;
		float: left;
		padding: 0 10px
	}
}

@media (min-width:568px) and (max-width:768px) {
	#about-home .list-paddingleft-2 li {
		width: 50%;
		text-align: center
	}
}

@media (max-width:568px) {
	.footer-container .col {
		width: 100%
	}
	tr {
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		justify-content: center
	}
	#about-home .list-paddingleft-2 li {
		width: 50%;
		padding: 10px;
		text-align: center
	}
	.pro-body .wheel-left,
	.pro-body .wheel-right {
		width: 100%;
		float: none
	}
}

@media (min-width:480px) and (max-width:768px) {
	.rollPro1 li {
		width: 50%
	}
}

@media(max-width:480px) {
	.product .news-col>div {
		max-width: 300px
	}
	.rollPro1 li {
		width: 100%
	}
	.construction-nav li {
		width: 100%
	}
}

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

.table {
	border-collapse: collapse
}

.pages a,
.pages span {
	display: inline-block;
	margin: 0 5px 15px;
	padding: 8px 14px;
	border: 1px solid #CCC;
	font-size: 16px
}

.pages a:hover,
.pages span.ctxt {
	background: #000;
	color: #FFF;
	border-color: #000;
	opacity: 1
}

.pages span {
	opacity: .4
}

.pages {
	width: 100%;
	text-align: center;
	padding-bottom: 100px
}

.pro-ca .pages {
	padding-bottom: 30px
}

.tab-content>.feedbackForm {
	width: 100%;
	padding: 0
}

.parts-list li.news-col {
	width: 1200px;
	float: none;
	background: #FFF;
	margin: 0 auto 30px;
	border-bottom: 1px rgba(240, 240, 240, .6) solid;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	padding: 0
}

.parts-list li.news-col:hover {
	background: #fdb812;
	padding-left: 30px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.parts-list li.news-col>div.news-left {
	width: 250px
}

.parts-list li.news-col>div.news-right {
	width: calc(100% - 250px);
	float: left;
	padding: 30px 30px
}

.parts-list>ul li.news-col a {
	background: 0 0
}

@media (max-width:1200px) and (min-width:1025px) {
	.parts-list li.news-col {
		width: 970px
	}
}

@media (max-width:1023px) and (min-width:320px) {
	.parts-list li.news-col {
		width: 90%
	}
	@media (max-width:767px) and (min-width:320px) {
		.parts-list li.news-col:hover {
			padding-left: 0
		}
		.parts-list .news-left {
			display: none
		}
		.parts-list li.news-col>div.news-right {
			padding: 15px
		}
	}
}

.singglepic.on img {
	width: initial
}

.slider_img img {
	width: 100%
}

.conmain {
	display: flex;
	max-width: 1440px;
	margin: 0 auto
}

.pro_left {
	width: 300px;
	padding-top: 50px
}

.pro-info-container.container {
	width: calc(100% - 350px)
}

.con_title {
	line-height: 58px;
	color: #000;
	background: #dbdbdb;
	font-size: 20px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 5px
}

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

.pro_left .sf-menu li {
	border-bottom: 1px solid #FFF
}

.pro_left .sf-menu a {
	display: block;
	color: #111;
	line-height: 20px;
	font-size: 16px;
	padding: 9px 0 9px 18px;
	background: #ececec
}

.pro_left .sf-menu a:hover {
	color: #FFF;
	background: #000
}

.pro_left .sf-menu ul li a {
	background: #FFF;
	color: #333
}

.construction-nav,
.construction-nav>ul,
.table,
.table-foot {
	max-width: 100%
}

.news-bigbox.info-item-nopic {
	max-width: 1200px;
	margin: 0 auto 20px auto
}

.news-bigbox.info-item-nopic a {
	background: 0 0
}

.pro-info-container .construction-nav li {
	width: auto;
	min-width: 25%
}

.swiper-pagination-bullet {
	width: 28px;
	height: 10px;
	border-radius: 5px;
	background: #FFF;
	opacity: 1
}

.swiper-pagination-bullet-active {
	background: #fdb812
}

.swiper-button-prev {
	left: 10px;
	right: auto
}

.swiper-button-next {
	left: auto;
	right: 10px
}

.noinnerbanner a,
.noinnerbanner p,
.noinnerbanner span {
	color: #000!important
}

#Products .container>div:nth-child(2) {
	font-size: 18px;
	text-align: center;
	line-height: 2;
	padding-bottom: 25px
}

.product .loader-rt ul {
	display: flex;
	flex-wrap: wrap
}

.index-prolist {
	display: flex;
	flex-wrap: wrap
}


/*.pro-cell>a:hover .pro-footer,.pro-item li>a:hover .pro-footer,.pro-item li>a:hover .pro-footers{background:0 0}
.pro-cell>a,.pro-item li>a{background:0 0}*/

.pro-info-container.container {
	width: 1170px
}

@media(max-width:1200px) {
	.pro-info-container.container {
		width: 970px
	}
}

@media(max-width:1024px) {
	.pro-info-container.container {
		width: 750px
	}
}

.loader-rt ul li.pro-cell>a:hover,
.index-prolist li a:hover {
	box-shadow: 0 15px 15px rgba(0, 0, 0, .1);
	/* box-shadow: 0 5px 10px rgba(195,195,197,0.8); */
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	-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;
}

.loader-rt ul li.pro-cell .pro-footer h4,
.index-prolist li a .h4 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tab-content>.tab-pane,
.tab-content>.tab-pane a,
.tab-content>.tab-pane p,
.tab-content>.tab-pane td {
	font-size: 15px;
	line-height: 1.6;
	color: #111;
}

.tab-content .rollPro1 li p a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 48px;
	line-height: 20px;
	font-size: 14px;
	padding: 4px 6px;
}

.tab-content strong {
	text-transform: capitalize;
}

.con-contain p {
	padding-bottom: 5px;
	line-height: 1.7;
}

.about-banner h1,
.con-banner h1,
.con-banner h2,
.net-banner h1,
.pro-banner h1 {
	display: none;
}

.about-banner div,
.con-banner div,
.net-banner div,
.pro-banner>
div {
	padding: 20px 0;
	position: static;
}

.about-banner p,
.con-banner p,
.net-banner p,
.pro-banner p,
.about-banner p a,
.con-banner p a,
.net-banner p a,
.pro-banner p a,
.about-banner p span,
.con-banner p span,
.net-banner p span,
.pro-banner p span {
	font-size: 16px;
	color: #000;
}

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

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

i {
	font-style: normal;
}

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

.floatwindow_fd_conct {
	position: fixed;
	z-index: 9999999;
	top: 25%;
	right: 5px;
	cursor: pointer;
	transition: all .3s ease;
	font-size: 14px;
}

.floatwindow_fd_bar>ul>li {
	position: relative;
	margin-bottom: 10px;
}

.floatwindow_fd_bar li i {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}

.floatwindow_meau-sev i {
	background: url(../images/icon-1.png) no-repeat #FFF center;
}

.floatwindow_meau-msg i {
	background: url(../images/icon-2.png) no-repeat #FFF center;
}

.floatwindow_meau-er i {
	background: url(../images/icon-3.png) no-repeat #FFF center;
}

.floatwindow_meau-top i {
	background: url(../images/icon-4.png) no-repeat #FFF center;
}

.floatwindow_meau-sev:hover i {
	background-../image: url(../images/icon-1-w.png);
	background-color: #717171;
}

.floatwindow_meau-msg:hover i {
	background-../image: url(../images/icon-2-w.png);
	background-color: #717171;
}

.floatwindow_meau-er:hover i {
	background-../image: url(../images/icon-3-w.png);
	background-color: #717171;
}

.floatwindow_meau-top:hover i {
	background-../image: url(../images/icon-4-w.png);
	background-color: #717171;
}

.floatwindow_fd_left_box {
	position: absolute;
	top: 0px;
	right: 40px;
	display: none;
	padding-right: 30px;
}

.floatwindow_box-border img {
	display: block;
}

.floatwindow_box-border li {
	padding: 8px 15px;
}

.floatwindow_box-border li a {
	display: flex;
}

.floatwindow_box-border li span {
	width: calc(100% - 30px);
	display: block;
	white-space: nowrap;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 150px;
}

.floatwindow_box-border {
	position: relative;
	border: 1px #eee solid;
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	padding-top: 10px;
	background: #FFF;
}

.floatwindow_box-border li a>span:first-child {
	width: 30px;
}

.floatwindow_box-border .floatwindow_phone {
	border-top: 1px #eee solid;
	padding: 12px 15px;
}

.floatwindow_box-border .floatwindow_phone span {
	font-size: 17px;
	color: #333;
}

.floatwindow_box-border:after {
	content: ' ';
	position: absolute;
	left: 100%;
	top: 10px;
	width: 13px;
	height: 16px;
	background: url(../images/arrow.png) no-repeat;
	position: absolute;
}

.floatwindow_fd_bar li:hover .floatwindow_fd_left_box {
	display: block;
}

.floatwindow_meau-er .floatwindow_fd_left_box {
	width: 176px;
}

.floatwindow_meau-er .floatwindow_box-border {
	padding: 15px;
}

.floatwindow_meau-top {
	display: none;
}

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

.ftxt {
	width: 24%
}

.fput {
	width: 70%
}

#feedbackForm .text {
	float: left;
	width: 80%;
	height: 26px;
	margin: 16px 0 0 0;
	font-size: 12px;
	line-height: 26px;
	padding: 0 5px;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	color: #666
}

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

#feedbackForm .atextarea {
	float: left;
	width: 80%;
	padding: 5px;
	margin: 16px 0 0 0;
	border: 1px solid #ccc;
	height: 100px;
	font-size: 12px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666
}

#feedbackForm .submita {
	display: inline-block;
	padding: 0 20px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-size: 16px;
	background: #ff9c00;
	margin: 20px 14px;
	border: none;
	color: #fff;
	cursor: pointer
}

#feedbackForm .fsbtn {
	text-align: center;
	width: 80%;
	padding: 1px;
	margin: 0
}

#feedbackForm span.xh,
#msg {
	color: red
}

.feedback-tips {
	position: fixed;
	top: 30%;
	left: 50%;
	background: #fff;
	border: 1px solid #a7a7a7;
	border-radius: 4px;
	padding: 30px;
	width: 450px;
	z-index: 9999999999999999;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 5px #a8a8a8;
	display: none
}

.feedback-tips .feedback-tips-box {
	display: flex;
	flex-direction: column
}

.feedback-tips button#closeBtn {
	border: 0;
	background: #408aec;
	color: #fff;
	height: 35px;
	width: 65px;
	border-radius: 3px;
	box-shadow: 0 0 2px #408aec;
	align-self: flex-end;
	margin-top: 15px;
	margin: 15px 0 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif
}

.feedback-tips p#feedback-text {
	color: #333;
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6
}

.feedback-tips p#feedback-title {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 1.6
}