@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 .sub-menu 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
}

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

.sub-menu li:hover {
    width: 100%;
    background: #000
}

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

.sub-menu>li:hover>a {
    color: #FFF !important
}

.sub-menu {
    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 li:hover .sub-menu {
    display: block;
}

.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% - 407px);
    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
}

#nav .current-menu-item {
    background-color: #000 !important;
}

#nav>li.current-menu-item>a {
    color: #fff !important;
}

.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/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 {
    margin-top: 72px;
    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 {
    position: absolute;
    top: 23%;
    width: 100%
}

.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 {
    background-image: url(ajax-loader.gif);
    width: 32px;
    height: 32px
}

/*
.cloudzoom-blank {
    background-image: url(blank.png)
}
*/

.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(next.png)
}

#ps .swiper-button-prev {
    background-image: url(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;
    text-align: justify;
    margin: 5px 0
}

.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
}

.prosub-menu {
    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) {
    .sub-menu 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 .sub-menu a {
        font-size: 14px
    }

    .nav li {
        position: relative;
        line-height: 48px
    }

    .nav .active-nav {
        background: #fdb812
    }

    .sub-menu {
        position: static;
        width: 100%;
        background: #333
    }

    .sub-menu li {
        padding: 0 5%;
        border-bottom: 1px #CCC solid
    }

    .sub-menu 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
    }

    .prosub-menu {
        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,
    .prosub-menu {
        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,
    .prosub-menu {
        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;
}

.product>ul li.pro-cell .pro-footer h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}

.product>ul li.pro-cell a:hover {
    text-decoration: inherit;
}



.nav-search {
    position: absolute;
    top: 0;
    right: 12%;
    z-index: 9999;
    width: 30px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    cursor: pointer;
}

.search-wrap {
    display: none;
    position: fixed;
    top: 72px;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 68px;
    padding: 10px 0;
    background: #efefef;
}

.search-inner {
    margin: 0 auto;
    width: 780px;
    height: 48px;
}

.search-input {
    display: block;
    float: left;
    width: 640px;
    height: 48px;
    padding-left: 10px;
    line-height: 48px;
    border: none;
    background-color: #fff;
}

.search-btn {
    display: block;
    float: left;
    width: 140px;
    height: 48px;
    background-color: #000;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
}

.back-to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    z-index: 9999;
    background-color: #fff;
    cursor: pointer;
}

.back-to-top:hover {
    background-color: #BBB;
}

.back-to-icon {
    width: 32px;
    height: 32px;
    background: url(../images/wmkc-ico.png) no-repeat;
    background-position: -6px -50px
}

.back-to-icon:hover {
    background-position: -6px -94px;
}

@media(max-width:768px) {
    .nav-search {
        right: 16%;
        line-height: 60px;
    }
    .search-wrap{
        padding: 0 15px;
    }

    .search-inner {
        width: 100%;
    }

    .search-input {
        width: 80%;
    }

    .search-btn {
        width: 20%;
    }

    .back-to-top {
        display: none
    }
}