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

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.5;
    font-family: "微软雅黑" !important;
    color: #292a2e
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    list-style: none
}

.pgwSlideshow .ps-current .ps-prev {
    width: 70px;
    height: 70px;
    background: url(../images/x099.png) no-repeat center center;
    border-radius: 0 4px 4px 0;
    position: absolute;
    padding: 20px 20px 20px 15px;
    left: 6%;
    top: 45%;
    cursor: pointer
}

.pgwSlideshow .ps-current .ps-next {
    width: 70px;
    height: 70px;
    background: url(../images/x100.png) no-repeat center center;
    border-radius: 0 4px 4px 0;
    position: absolute;
    padding: 20px 20px 20px 15px;
    right: 6%;
    top: 45%;
    cursor: pointer
}

.ps-list .ps-next,
.ps-list .ps-prev {
    display: none !important
}

.unline a {
    text-decoration: none
}

.inblock-a a {
    display: inline-block
}

button,
input {
    border: none;
    padding: 0;
    margin: 0;
    outline: 0
}

::-webkit-input-placeholder {
    color: grey
}

:-moz-placeholder {
    color: grey
}

::-moz-placeholder {
    color: grey
}

:-ms-input-placeholder {
    color: grey
}

.containers {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto
}

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

.clear:after {
    content: "";
    display: table;
    clear: both
}

.inblk>div,
.selfblock {
    display: inline-block
}

.iebg {
    background: #fff
}

img {
    max-width: 100%;
    margin: 0
}

.maximg img {
    width: 100%
}

.floatlft {
    float: left
}

.floatrgt {
    float: right
}

.contentlft {
    text-align: left
}

.contentrgt {
    text-align: right
}

.contentmid {
    text-align: center
}

.contentTop {
    vertical-align: top
}

.contentBtm {
    vertical-align: bottom
}

.contentMid {
    vertical-align: middle
}

.hand-cus {
    cursor: pointer
}

.flex {
    display: flex;
    -webkit-display: flex
}

.font12 {
    font-size: 12.2px
}

.font14 {
    font-size: 14px
}

.font18 {
    font-size: 18px
}

.font20 {
    font-size: 20px
}

.font22 {
    font-size: 22px
}

.font24 {
    font-size: 24px
}

.font26 {
    font-size: 26px
}

.font30 {
    font-size: 30px
}

.font36 {
    font-size: 30px
}

.bold {
    font-weight: 700
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.wrap1-hidden {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.wrap-more-hidden {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.transformmy {
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s
}

.position-wrap {
    position: relative
}

.position-child {
    position: absolute
}

.position-origin {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.position-center {
    right: 0;
    left: 0
}

.empt {
    margin: 0;
    padding: 0;
    list-style: none
}

.width-100,
.width-100-a a {
    width: 100%
}

.line-hit {
    line-height: 1
}

body a:hover {
    text-decoration: none
}

.bgcolor {
    background: #04a560
}

.txtcolor {
    color: #04a560
}

.hoverColor a:hover,
.hoverColor:hover {
    color: #04a560;
    text-decoration: none
}

body iframe {
    width: 100%;
    height: 100%;
    max-width: 100% !important
border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    width: 530px;
    height: 340px;}

body table,
body table img,
body table td {
    max-width: 100% !important
}

.headers {
    position: relative
}

.top-box {
    border-bottom: 1px solid #c9c9c9
}

.top {
    padding: 10px 0
}

.top a {
    color: #5a5a5a;
    line-height: 1
}

.top-slc {
    background: 0 0;
    color: #5a5a5a;
    padding: 0;
    border: none;
    height: auto;
    width: 70px
}

.navbtn {
    display: none
}

.nav-box {
    padding: 0
}

.logo1 {
    padding: 17px 0
}

.logo1 .p1 {
    line-height: 32px;
    margin: 0 0 0 12px;
    color: #292a2e;
    padding: 0 10px;
    border-left: 1px solid #ccc
}

.nav1 {
    width: 50%;
    margin: 0
}

.nav1>li {
    text-align: center;
    display: inline-block;
    margin: 0;
    position: relative
}

.nav1 li li {
    margin: 20px auto
}

.nav1 li li a {
    color: #000
}

.nav1>li>a {
    font-size: 15px;
    color: #000;
    line-height: 110px;
    padding: 0 20px;
}

.nav1>li a.active {
    color: #04a560
}

.nav1 li ul {
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -9;
    opacity: 0;
    margin: 0;
    padding: 0;
    background: #f3f4f8;
    min-width: 180px;
    max-width: 260px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .1);
    text-align: center;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s
}

.nav1 li ul.containers {
    max-width: 1920px;
    padding: 30px 10%
}

.nav1 ul.containers li {
    margin: 0 0 20px
}

.nav1 .bigLi {
    position: static
}

.nav1 ul.containers a {
    color: #3e3a39;
    line-height: 22px;
    text-align: left
}

.nav1 ul.containers a:hover {
    color: #04a560
}

.nav1 ul.containers li a:first-child {
    font-size: 20px;
    color: #04a560;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nav1 li:hover>ul {
    z-index: 99;
    opacity: 1;
    padding-top: 5px
}

.nav1 li.bigLi li {
    display: inline-block;
    width: 24%;
    margin: 0 0 15px
}

.searchForm {
    margin-top: 40px;

}

.searchIcon {
    width: 31px;
    height: 30px;
    vertical-align: middle;
    cursor: pointer;
    background: url(../images/s.jpg) no-repeat center 0
}

.searchFormBox {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 9999;
    width: 220px;
    padding: 10px 20px
}

.searchFormBox input {
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
    font-size: 14px
}

.searchFormBox .input1 {
    width: 95%;
    padding: 0 0 0 10px;
    height: 34px;
    border: none
}

.searchFormBox .input2 {
    width: 19%;
    height: 28px;
    margin: 0 0 0 -44px;
    cursor: pointer;
    color: transparent;
    border-left: 1px solid #ccc;
    background: url(../images/1.png) no-repeat center center
}

.language {
    width: 56px;
    margin: 0 14px 0 13px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.language a {
    color: #292a2e;
    line-height: 16px;
    height: 16px
}

.language a:last-child {
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    z-index: -5;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s
}

.language:hover a:last-child {
    z-index: 5;
    opacity: 1
}

.headers .navbtn {
    display: none
}

.headers .second-nav {
    display: none;
    z-index: -999;
    background: #f3f4f8;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .1)
}

.headers .second-nav.active {
    display: block;
    z-index: 999999
}

.scd-sml-box {
    padding: 38px 0 0
}

.scd-sml-box.active {
    display: block
}

.scd-sml-box ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.scd-nav {
    width: 31%;
    vertical-align: top;
    margin: 0 1% 50px 0;
    padding: 0
}

.scd-nav:last-child {
    margin-right: 0
}

.scd-nav a {
    color: #3e3a39;
    line-height: 22px;
    text-align: left;
    font-size: 14px
}

.scd-nav a.a1 {
    margin: 0;
    font-size: 20px;
    color: #04a560;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.scd-nav .a2 {
    text-transform: none;
    color: #3e3a39
}

.scd-nav a:hover {
    color: #04a560
}

.fot-way {
    margin: 0 auto;
    background: #fff;
    padding: 40px 0 35px;
    border-top: 1px solid #525252
}

.ways>div {
    float: left;
    margin: 0 90px 0 0
}

.ways>div:last-child {
    float: right;
    margin: 0
}

.way .iconPic {
    display: inline-block;
    width: 34px;
    height: 28px;
    margin-right: 12px;
    vertical-align: middle
}

.way:nth-of-type(1) .iconPic {
    background: url(../images/sml.png) no-repeat 0 -68px
}

.way:nth-of-type(2) .iconPic {
    background: url(../images/sml.png) no-repeat 0 -134px
}

.way:nth-of-type(3) .iconPic {
    background: url(../images/sml.png) no-repeat 0 -199px
}

.way .waytxt {
    color: #b7b7b8;
    vertical-align: middle
}

.way .waytxt p {
    margin: 0;
    font-size: 12px
}

.way .waytxt .p2,
.way .waytxt a {
    color: #525252;
    font-size: 14px;
    font-weight: 700
}

.way .waytxt a:hover {
    text-decoration: underline
}

.shart>div {
    vertical-align: middle
}

.shart a,
.shart a span {
    display: inline-block;
    width: 33px;
    height: 33px
}

.shart a:nth-child(1) span {
    background: url(../images/sml.png) no-repeat -83px 4px
}

.shart a:nth-child(2) span {
    background: url(../images/sml.png) no-repeat -169px 4px
}

.shart a:nth-child(3) span {
    background: url(../images/sml.png) no-repeat -258px 6px
}

.shart a:nth-child(4) span {
    background: url(../images/sml.png) no-repeat -349px 4px
}

.shart a {
    background: #525252;
    margin: 0 5px
}

.shart a:nth-of-type(1):hover {
    background: #4898e0
}

.shart a:nth-of-type(2):hover {
    background: #41c7ec
}

.shart a:nth-of-type(3):hover {
    background: #e30e24
}

.shart a:nth-of-type(4):hover {
    background: #05af10
}

.ft-bg {
    background: #434343;
    padding: 60px 0 90px
}

.foot .code {
    width: 14.16%
}

.foots>div {
    vertical-align: top
}

.foots .lft {
    width: 22%
}

.contact-form2 input:-moz-placeholder,
.contact-form2 input:-ms-input-placeholder,
.contact-form2 input::-moz-placeholder,
.contact-form2 input::-webkit-input-placeholder {
    color: red
}

.contact-form2 {
    display: inline-block;
    width: 57%;
    font-size: 16px;
    margin: 7px 0 0;
    font-family: opensanss
}

.contact-form2 form div div {
    display: inline-block
}

.contact-form2 form>div {
    width: 100%;
    margin: 0 0 20px
}

.contact-form2 input,
.contact-form2 textarea {
    width: 100%;
    border: 1px solid #d7d7d6 !important;
    padding: 0 0 0 16px !important;
    height: 60px !important;
    background: #f7f7f4
}

.contact-form2 textarea {
    padding: 16px !important;
    height: 235px !important
}

.contact-form2 .div2 input.input3 {
    width: 684px !important
}

.contact-form2 .div3 textarea.textarea1 {
    width: 684px !important;
    height: 235px !important
}

.contact-form2 .div1 input.input1 {
    width: 330px !important;
    background: #f7f7f4
}

.contact-form2 .div1>div {
    max-width: 330px !important
}

.contact-form2 .input4 {
    width: 260px;
    background: #04a560;
    color: #fff;
    padding: 0 !important
}

.contact-form2 .input4:hover {
    background: #444 !important
}

.contact-form2 .wpcf7-form-control-wrap {
    width: 100%
}

.contact-box2 {
    display: inline-block;
    width: 38%;
    padding: 0;
    color: #333;
    font-size: 16px;
    margin-bottom: 150px
}

.contact-box2 .cct-tit {
    color: #333;
    font-weight: 700;
    margin: 0 0 25px
}

.contact-box2 .sp1 {
    display: inline-block;
    margin: 0 0 50px;
    line-height: 36px
}

.contact-box2 .ctt-way {
    padding: 0;
    border: none;
    margin: 0 0 60px
}

.contact-box2 .way-one {
    max-width: 100%;
    margin: 0 0 30px;
    min-height: 40px
}

.contact-box2 .way-one a {
    line-height: 40px
}

.way-one {
    padding: 0 0 0 50px;
    min-width: 30%;
    max-width: 33%;
    vertical-align: top
}

.way-one a {
    color: #333 !important
}

@media screen and (max-width:1199px) {
    .abt-factory-bar .owl-controls .owl-buttons div {
        top: 38%
    }

    .newsdtlheaed h1 {
        font-size: 24px
    }

    .contact-form2 {
        display: block;
        width: 100%
    }

    .contact-form2 .div1>div {
        max-width: 100%
    }

    .contact-form2 input {
        height: 30px !important
    }

    .contact-form2 div {
        display: block !important;
        float: none;
        margin: 0 0 20px
    }

    .contact-form2 .div1 div:last-child {
        margin: 0
    }

    .contact-form2 input,
    .contact-form2 textarea {
        width: 100% !important;
        max-width: 100% !important
    }

    .contact-box2 {
        display: block;
        width: 100%;
        margin-bottom: 20px
    }

    .contact-box2 .sp1 {
        line-height: 24px
    }
}

.sure .inpt2:nth-child(1) {
    width: 40%;
    background: #04a560;
    color: #fff;
    padding: 0 !important;
    float: left
}

.sure .inpt2:nth-child(2) {
    float: right;
    width: 40%;
    background: #04a560;
    color: #fff;
    padding: 0 !important
}

.contentlft>div:nth-child(3) {
    display: block;
    width: 48%;
    float: left
}

.contentlft>div:nth-child(4) {
    display: block;
    width: 48%;
    float: right
}

.way-one:nth-child(1) {
    background: url(../images/mob.png) no-repeat 0 0
}

.way-one:nth-child(2) {
    background: url(../images/ctt3.png) no-repeat 0 4px
}

.way-one:nth-child(3) {
    background: url(../images/ctt2.png) no-repeat 0 4px
}

.way-one:nth-child(4) {
    background: url(../images/ctt1.png) no-repeat 0 4px
}

.pic-biglunbo-box {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999
}

.pic-biglunbo-box i {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 2;
    left: 0;
    top: 0
}

.pic-biglunbo {
    max-width: 600px;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 999999999
}

.pic-biglunbo .item {
    display: block;
    margin: 0 auto
}

.pic-biglunbo .item>img {
    display: block;
    width: 100%;
    height: auto
}

.pic-biglunbo .owl-controls {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.pic-biglunbo .owl-prev {
    position: absolute;
    top: 38%;
    color: transparent !important;
    width: 53px;
    height: 126px;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    left: 0;
    background: url(../images/yibi141.png) center center no-repeat !important;
    font-size: 0 !important
}

.pic-biglunbo .owl-next {
    position: absolute;
    top: 38%;
    color: transparent !important;
    width: 53px;
    height: 126px;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    right: 0;
    background: url(../images/yibi142.png) center center no-repeat !important;
    font-size: 0 !important
}

.foots h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 30px
}

.foots a {
    color: #c5c5c5;
    width: 100%;
    margin: 0 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.foots .lft a:hover {
    color: #fff
}


#myForm input {
    margin: 0;
    padding: 0;
    height: 40px;
    vertical-align: top
}

#myForm .input1 {
    padding: 0 0 0 10px
}

#myForm .sp1 {
    background: #04a560;
    display: inline-block
}

#myForm .input1 {
    width: 276px
}

#myForm .input2 {
    width: 40px;
    height: 40px;
    background: url(../images/sml.png) no-repeat 4px -262px
}

.formbox .p1 {
    margin: 72px 0 0;
    border-top: 1px solid #999;
    padding: 15px 0 0;
    color: #999
}

.proct-listbb-big {
    margin-bottom: 110px
}

.proct-listbb {
    cursor: pointer;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    background: url(../images/proct-listbb1.jpg) 97% 18px no-repeat
}

.proct-listbb>h3 {
    font-size: 16px;
    color: #333;
    line-height: 50px;
    padding-left: 16px;
    margin: 0 0 35px 0
}

.producfct-list-tebie {
    overflow: hidden;
    height: 50px;
    background: url(../images/proct-listbb2.png) 97% 18px #f9f8f8 no-repeat
}

.proct-listxq {
    padding: 0 30px
}

.footBg {
    clear: both
}

.pages {
    margin: 20px 0 110px;
    clear: both
}

.pages a {
    height: 33px;
    width: 33px;
    text-align: center;
    line-height: 33px;
    margin-right: 5px;
    color: #555;
    padding: 0 5px;
    background: #f3f4f8;
    border-radius: 4px;
    vertical-align: top
}

.pages a:hover {
    color: #fff;
    background: #04a560
}

.pages .a1,
.pages .a1:hover {
    border: none;
    background: url(../images/left2.png) no-repeat center center
}

.pages .a2,
.pages .a2:hover {
    border: none !important;
    background: url(../images/right2.png) no-repeat center center
}

.pages a.current {
    background: #04a560;
    color: #fff
}

.title1 {
    padding: 40px 0 5px
}

.title1 h2 {
    margin: 0 0 10px
}

.title1 h2 a {
    font-size: 30px;
    color: #525252
}

.title1 h2:hover a {
    color: #525252
}

.title1 .p1 {
    color: #b7b7b8;
    letter-spacing: 4px
}

.bar-txt {
    left: 0;
    right: 0;
    top: 60%;
    margin: auto;
    z-index: 99;
    color: #fff
}

.bar-txt-a {
    color: #fff;
    margin-left: 4%
}

.bar-txt-a:hover {
    color: unset
}

.bar-txt .p1 {
    font-weight: 700;
    font-size: 50px;
    line-height: 60px;
    margin: 0 0 10px
}

.bar-txt .p1 b {
    color: #04a560
}

.bar-txt .p2 {
    word-spacing: 1px
}

.bar-txt .p2 span {
    letter-spacing: 16px;
    margin: 0 0 0 15px;
    color: #04a560
}

.main-banner .owl-controls {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin-top: 0
}

#main-banner .owl-controls .owl-page:hover span,
.main-banner .owl-controls .owl-page span,
.main-banner .owl-controls .owl-page.active span {
    background: #fff;
    opacity: 1;
    margin: 0
}

.main-banner .owl-controls .owl-page {
    padding: 5px;
    margin: 2px
}

.main-banner .owl-controls .owl-page.active,
.main-banner .owl-controls .owl-page:hover {
    background: #494949;
    opacity: 1;
    border-radius: 50%
}

.productList {
    margin: 0 auto 106px
}

.prdtnav {
    width: 277px;
    padding: 0
}

.allprdt {
    width: 884px
}

.prdtnav .sel {
    padding: 38px 43px 37px;
    margin: 0 0 5px;
    cursor: pointer;
    background: #dfdfe0
}

.prdtnav .sel:last-child {
    margin: 0
}

.prdtnav .sel a {
    color: #292a2e
}

.prdtnav .sel img {
    vertical-align: middle;
    max-width: 58px;
    height: auto
}
.prdtnav .sel img.gray1{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.prdtnav .sel img:nth-of-type(2) {
    display: none
}

.prdtnav .sel .p1 {
    font-size: 15px;
    margin: 12px 0 0 30px
}

.sel.hoverNow {
    background: #f1f1f1
}

.sel.hoverNow img:nth-of-type(1) {
    display: none
}

.sel.hoverNow img:nth-of-type(2) {
    display: inline-block
}

.pdt-txt {
    padding: 46px 50px;
    background: #eeeded
}

.pdt-txt .h2-1 {
    margin: 0 0 14px
}

.pdt-txt .h2-1 a {
    color: #525252;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pdt-txt .h2-1 a:hover {
    color: #020202
}

.pdt-txt .p1 {
    color: #4c4948;
    margin: 0 0 20px
}
.pdt-txt img{
    margin-top:15px
}
.prdtcase {
    display: none
}

.product .prdctnow {
    display: block
}

.whyBox {
    background: url(../images/x031.jpg) no-repeat center center;
    background-attachment: fixed;
    padding: 30px 0 110px
}

.whyBox .title1 .h2-1 a,
.whyBox .title1 .p1 {
    color: #fff
}

.because:nth-child(even) {
    margin-left: 2.5%
}

.because {
    width: 48.3%;
    max-height: 185px;
    overflow: hidden;
    margin: 0 0 32px;
    vertical-align: top;
}
.because .bapa{
    background: #fff;
    padding: 40px 0;
    width:100%;
    vertical-align: top!important;
    display:flex;
    align-items: center;
}

.because:hover .bapa{
    background: none;
    padding:0
}
.because .sp1 {
    font-size: 60px;
    color: #525252;
    font-weight: 700
}

.because .sp2 {
    color: #656565
}

.because .txt {
    width: 350px;
    border-left: 1px solid #d4d4d4;
    padding: 2% 20px;
    display: inline-block;
}

.because .txt span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 24px
}

.because .num {
    width: 180px;
    padding: 0 0 0 3%;
    display: inline-block;
}

.because>div {
    vertical-align: middle
}

.aboutbg {
    padding: 0 0 35px
}

.profile {
    margin-bottom: 60px
}

.aboutPic {
    width: 50%
}

.v3 {
    display: none
}

.v3-1 {
    margin: 8% auto
}

.closeddd {
    top: 0;
    right: 0;
    z-index: 999;
    color: #fff;
    opacity: .8;
    border: 2px solid #fff;
    width: 50px;
    height: 50px;
    line-height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%
}

.abttxt {
    width: 44%;
    line-height: 2;
}

.abttxt .h3-1 {
    margin: 16px 0 30px;
    color: #2f2f2f
}

.abttxt .h3-2 {
    margin: 50px 0 30px;
    color: #2f2f2f
}

.abttxt .sp1 {
    color: #5a5a5a
}

.abttxt .p2 {
    line-height: 22px;
    margin: 10px 0 50px
}

.abttxt .more {
    background: #525252;
    color: #fff;
    width: 185px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    margin-top:15px
}

.abttxt .more:hover {
    opacity: .7
}
.copyright_p,.x-region{
    color:#c5c5c5;
    line-height: 1.5;
    text-align:center;
    margin-top:12px
}

.copyright_p a,.x-region a{
    color:#c5c5c5;
}
.copyright_p a:hover{
     color:#c5c5c5;
    opacity: .7
}
.ny_banner img{
    width:100%;
    height:auto
}
.sweet-alert{
    display:none
}
.factory .item {
    position: relative;
    text-align: center
}

.factory .item .a1 {
    position: absolute;
    left: 3px;
    right: 0;
    top: 0;
    z-index: -9;
    width: 98%;
    height: 100%;
    line-height: 100%;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    opacity: 0
}

.factory .item .a1 span {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 30px
}

.factory .item:hover .a1 {
    z-index: 9;
    opacity: 1
}

.case-box {
    background: #fff;
    padding: 0 0 96px
}

.case-wrap .item {
    padding: 0;
    margin: 0 10px;
    overflow: hidden
}

.case-wrap .a-pic {
    width: 100%;
    margin: 0 auto
}

.case-wrap .item:hover .a-pic {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.case-wrap .item .p1:hover a {
    color: #000
}

.case-wrap .p1 {
    margin: 0 auto 10px
}

.case-wrap .p1 a {
    color: #525252;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-height: 20px;
    width: 100%
}

.case-wrap .p2 {
    color: #535357;
    max-height: 102px;
    -webkit-line-clamp: 2;
    margin: 0
}

.case-wrap .txt {
    background: #f6f6f6;
    padding: 46px 30px 68px
}

.eeeded-bg {
    background: #eeeded
}

.bar-txt2 {
    padding: 0 0 0 20%;
    top: 40%
}

.bar-txt2 p {
    margin: 0
}

.bar-txt3 {
    color: #000
}

.nowAdds {
    padding: 30px 0 80px
}

.nowAdds a {
    color: #333
}

.nowAdds span {
    margin: 0 18px
}

.nowAdds a:hover {
    color: #666
}

.newsBox .news-list {
    width: 29.1%;
    margin: 0 5% 94px 0;
    float: left
}

.newsBox .news-list:nth-child(3n+3) {
    margin-right: 0
}

.news-txt {
    padding: 34px 0 0
}

.news-txt .h2-1 {
    margin: 0;
    padding: 0 0 22px
}

.news-txt .h2-1 a {
    color: #252525
}

.news-txt .h2-1 a:hover {
    color: #666
}

.news-txt .p1 {
    margin: 0;
    -webkit-line-clamp: 2
}

.news-list a {
    overflow: hidden
}

.news-list a img {
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s
}

.news-list a img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.newsDtlBg {
    padding: 0 0 90px
}

.borower {
    margin: 15px auto 80px
}

.borower p {
    padding: 0 0 0 22px;
    margin: 0 9px;
    color: #555
}

.borower .p3 {
    background: url(../images/date.png) no-repeat 0 0
}

.borower .p4 {
    background: url(../images/user.png) no-repeat 0 0
}

.borower .p5 {
    background: url(../images/eye.png) no-repeat 0 0
}

.newsDetailBox .f-pic {
    margin: 0 0 40px
}

.newsDetailBox .sp1 {
    margin: 0 0 30px;
    color: #333
}

.newsDetailBox .word {
    color: #333
}

.newsDetailBox .word .sp2,
.newsDetailBox .word .sp4 {
    color: #010101;
    margin: 0 0 17px
}

.newsDetailBox .word .sp3 {
    margin: 0 0 37px
}

.pageBtn {
    margin: 160px 0 0
}

.pageBtn a {
    padding: 20px;
    background: #fff;
    cursor: pointer
}

.pageBtn a span {
    width: 10px;
    height: 18px;
    display: inline-block
}

.pageBtn a.pre span {
    background: url(../images/left2.png) no-repeat center center
}

.pageBtn a.next span {
    background: url(../images/right2.png) no-repeat center center
}

.insideNews .p-tit {
    color: #333;
    margin: 85px 0 60px
}

.nowAdds2 {
    padding-bottom: 70px
}

.adv {
    background: 0 0;
    padding: 0 0 170px
}

.adv .adv-tit {
    margin: 0 0 50px
}

.adv .because {
    width: 100%;
    margin: 0
}

.adv .because:nth-child(odd) {
    background: #eeeded
}

.adv .because .num {
    width: 20%;
    padding: 0 2% 0 4%
}

.adv .because .txt {
    width: 79%;
    padding: 2.3% 9%
}

.adv .because:hover {
    background: #fff
}

.adv .because:hover .num .sp1 {
    color: #04a560
}

.adv .because:hover .num {
    width: 100%
}

.abt-block {
    margin: 0 auto 40px
}

.abt-block .lft {
    width: 58%;
    max-height: 387px
}

.abt-block .rgt {
    width: 41%
}

.abt-block .rgt>div {
    max-height: 188px
}

.abt-block .rgt>div:first-child {
    margin: 0 0 9px
}

.txt-wrap {
    margin: 0 auto 100px
}

.txt-wrap .h1-1 {
    margin: 0 0 28px;
    color: #000
}

.txt-wrap>div {
    font-size: 15px;
    margin: 0 0 20px;
    color: #333
}

.txt-wrap div span {
    color: #04a560
}

.fcty-bg {
    padding: 65px 0 220px
}

.fcty-tit {
    color: #000
}

.abt-fcty-txt .p1 {
    font-size: 16px;
    color: #000;
    line-height: 1.2;
    margin: 0
}

.abt-factory-bar {
    margin: 50px 0 0
}

.abt-factory-bar .item {
    padding: 0 15%
}

.abt-factory-bar .item p {
    color: #333;
    margin: 20px 0 40px
}

.abt-factory-bar .owl-controls {
    position: static
}

.abt-factory-bar .owl-controls .owl-buttons div {
    position: absolute;
    top: 45%;
    color: transparent;
    width: 77px;
    height: 77px;
    border-radius: 0;
    margin: 0;
    padding: 0
}

.abt-factory-bar .owl-controls .owl-buttons div:hover {
    opacity: .7
}

.abt-factory-bar img {
    margin: 0
}

.abt-factory-bar .owl-controls .owl-buttons div.owl-prev {
    left: 0;
    background: url(../images/x099.png) no-repeat center center
}

.abt-factory-bar .owl-controls .owl-buttons div.owl-next {
    right: 8px;
    background: url(../images/x100.png) no-repeat center center
}

.fcty-bar {
    display: none
}

.fcty-bar.active {
    display: block
}

.abt-factory-bar2 {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 14px 8px 4px
}

.abt-factory-bar2 .item {
    margin: 0 8px
}

.abt-factory-bar2 .item .child {
    display: none
}

.fcty-bar2 .img-box {
    position: relative
}

.fcty-bar2 .img-box p {
    background: rgba(0, 0, 0, .5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    z-index: 2;
    display: none
}

.fcty-bar2 .img-box:hover p.img-cover,
.fcty-bar2 .item.active .img-box p.img-cover {
    display: block
}

.prdt-bg {
    padding: 0 0 140px
}

.prdt-First {
    display: inline-block;
    margin: 0 auto 50px;
    width: 47.5%
}

.prdt-First .pdt-txt {
    padding: 36px 25px 0
}

.prdt-First .pdt-pic {
    text-align: center
}

.prdt-First .pdt-txt {
    background: #fff;
    height: 316px
}

.prdt-First .pdt-txt .p1 {
    height: 40px;
    margin: 0 0 40px;
    font-size: 14px
}

.prdt-First .pdt-style {
    margin: 0
}

.href-custom span {
    color: #333;
    margin: 0 0 20px;
    display: inline-block
}

.href-custom .custom-btn {
    color: #fff;
    width: 180px;
    height: 64px;
    line-height: 64px;
    border-radius: 4px;
    background: #333
}

.prdtcase.white-bg {
    padding: 250px 0 234px;
    background: #fff
}

.prdt-show-all>.inblk:last-child .prdt-First {
    margin: 0
}

.custom-bg {
    padding: 0 0 62px
}

.custom-tit {
    color: #333;
    margin: 0 0 40px
}

.engineer {
    background: #fff;
    padding: 50px 20px 50px 30px;
    margin: 0 0 45px
}

.eger-txt {
    width: 35%;
    line-height: 2;
    margin: 0 4.5% 0 0
}

.eger-txt div span {
    color: #04a560
}

.eger-txt div:first-child {
    margin: 0 0 27px
}

.eger-pic {
    max-width: 60%
}

.eger-ul li {
    display: inline-block;
    width: 49.5%;
    text-indent: 1rem;
    color: #333;
    margin: 0 0 38px;
    vertical-align: top
}

.applicationBox {
    padding: 60px 0 150px
}

.aplction-pic {
    justify-content: space-between
}

.aplction-pic>div {
    vertical-align: top;
    text-align: center;
    width: 32.8%
}

.aplction-pic .p1 {
    margin: 21px 0;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.classification-bg {
    padding: 0 0 107px
}

.prdt-classification {
    margin: 0 0 56px
}

.prdt-classification .prdt-First {
    width: 100%;
    background: #fff;
    padding: 10px 12px
}

.prdt-classification .prdt-First>div {
    max-width: 49%;
    vertical-align: top;
    height: auto
}

.prdt-classification .prdt-First .pdt-txt {
    padding: 36px 0 0 20px;
    max-width: 51%
}

.classifi-tit {
    background: #525252;
    color: #fff;
    height: 54px;
    line-height: 54px;
    text-indent: 2.2rem;
    margin: 0 0 22px
}

.pdt-s-one {
    width: 260px;
    margin: 0 49px 40px 0;
    vertical-align: top;
    text-align: center
}

.pdt-s-one:nth-child(4n+4) {
    margin-right: 0
}

.pdt-s-one a {
    color: #333
}

.pdt-s-one a:first-child {
    margin: 0 auto 12px
}

.pdt-s-one:hover a {
    color: #04a560
}

.pdtdetail-bg {
    padding: 0 0 66px;
    margin: 0 0 50px
}

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

.clearfix {
    display: inline-block
}

.clearfix {
    display: block
}

.tab {
    overflow: hidden
}

.tab a,
.tab li,
.tab-item {
    cursor: pointer;
    float: left;
    text-align: center
}

.right-extra .mt {
    height: 28px;
    line-height: 28px;
    padding: 0 10px 8px;
    border-top: 1px solid #eed97c;
    background: url(../images/bg_hotsale.gif) repeat-x 0 -552px;
    color: #c00
}

.right-extra .tab {
    border-bottom: 2px solid #be0000;
    margin-bottom: 10px
}

.right-extra .tab li {
    position: relative;
    height: 24px;
    padding: 3px 12px 0;
    background: url(../images/icon_clubs.gif) #ccc no-repeat right -150px;
    overflow: hidden;
    margin-right: 3px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 700;
    color: #c30
}

.right-extra .tab span {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 10px;
    height: 27px;
    background: url(../images/icon_clubs.gif) no-repeat 0 -150px
}

.right-extra .tab a {
    float: none;
    color: #c30
}

.right-extra .tab .curr {
    background-position: right -178px;
    color: #fff
}

.right-extra .tab .curr span {
    background-position: 0 -178px
}

.right-extra .tab .curr a {
    color: #fff
}

.right-extra .mc .extra {
    padding: 5px 10px;
    border-top: 1px solid #f3e6c6
}

.right-extra .total {
    float: right
}

.right-extra .total strong {
    color: #ff7403
}

.right-extra .total a:link,
.right-extra .total a:visited {
    color: #005aa0
}

.right-extra .join a:link,
.right-extra .join a:visited {
    color: #ff7604
}

.right-extra .norecode {
    padding: 0 10px 10px
}

.right-extra .iloading {
    margin-bottom: 10px
}

.jqzoom {
    float: left;
    border: none;
    position: relative;
    padding: 0;
    cursor: pointer;
    margin: 0;
    display: block
}

.zoomdiv {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    width: 350px;
    height: 350px;
    background: #fff;
    border: 1px solid #ccc;
    display: none;
    text-align: center;
    overflow: hidden
}

.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: #fff;
    opacity: .5;
    -moz-opacity: .5;
    -khtml-opacity: .5
}

.spec-preview img {
    max-width: 600%
}

.spec-preview {
    width: 81%;
    height: 545px;
    border: 1px solid #c1c1c1;
    margin: 0 0 0 4.5px
}

.spec-scroll {
    clear: both;
    margin-top: 0;
    width: 104px;
    vertical-align: top
}

.spec-scroll .prev {
    float: left;
    margin-right: 4px
}

.spec-scroll .next {
    float: right
}

.spec-scroll .next,
.spec-scroll .prev {
    display: block;
    text-align: center;
    width: 100%;
    height: 20px;
    line-height: 20px;
    border: 1px solid #ccc;
    background: #ebebeb;
    cursor: pointer;
    text-decoration: none
}

.spec-scroll .items {
    float: none;
    position: relative;
    width: 92%
}

.spec-scroll .items ul {
    position: absolute;
    width: 999999px
}

.spec-scroll .items ul li {
    list-style: none;
    width: 64px;
    text-align: center
}

.spec-scroll .items ul li img {
    border: 1px solid #ccc;
    padding: 2px;
    width: 50px;
    height: 50px
}

.spec-scroll .items ul li img:hover {
    border: 2px solid #04a560;
    padding: 1px
}

.spec-scroll2 {
    width: 15.4%;
    height: 545px;
    overflow: hidden
}

.spec-scroll2 .smlpic-bar {
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    margin: auto
}

.spec-scroll2 .smlpic-bar li {
    position: relative;
    cursor: pointer;
    margin: 0 auto 6.5px;
    border: 1px solid #c1c1c1
}

.spec-scroll2 .smlpic-bar li .p1 {
    background: rgba(0, 0, 0, .6);
    z-index: -2;
    opacity: 0
}

.spec-scroll2 .smlpic-bar li.active .p1,
.spec-scroll2 .smlpic-bar li:hover .p1 {
    z-index: 99;
    opacity: 1
}

.right-extra {
    width: 56%
}

.pdt-show2 {
    display: inline-block;
    width: 39%
}

.pdt-show2 .pdt-txt {
    width: 100%;
    background: 0 0;
    padding: 0;
    margin: 25px 0 0
}

.pdt-show2 .pdt-txt .h2-1 {
    margin: 0 0 44px
}

.pdt-show2 .pdt-txt .h2-1 a {
    color: #333
}

.pdt-show2 .pdt-txt .p1 {
    color: #777;
    line-height: 1.8;
    margin: 0 0 48px
}

.pdt-show2 .pdt-style {
    margin: 0 0 100px
}

.pdt-show2 .pdt-txt .more {
    display: inline-block;
    color: #fff;
    width: 180px;
    height: 46px;
    line-height: 46px;
    border-radius: 23px;
    background: #333
}

.pdt-show2 .pdt-txt .more:hover {
    background: #000
}

.two-bar {
    margin: 0 0 53px
}

.two-bar a,
.two-bar span {
    display: inline-block;
    color: #333;
    width: 108px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #cdcbcb
}

.two-bar a:hover,
.two-bar span {
    background: #333;
    color: #fff
}

.pmtr-tit {
    color: #525252;
    margin: 0 0 25px;
    background: #e7e7e7;
    padding: 0 0 0 32px;
    height: 38px;
    line-height: 38px
}

.p-s-2-ul {
    margin: 0 0 80px;
    color: grey
}

.p-s-2-ul li span {
    display: inline-block;
    padding: 0 0 0 25px
}

.p-s-2-ul li span:nth-child(1) {
    width: 42%
}

.p-s-2-ul li span:nth-child(2) {
    width: 57%
}

.p-s-2-ul li {
    display: inline-block;
    width: 45%;
    margin: 0;
    padding: 8px 0 10px;
    border-bottom: 1px dashed #ccc
}

.p-s-2-ul li:nth-child(even) {
    float: right
}

.ggcc {
    padding: 0 0 0 20px;
    margin: 0 0 20px
}

.parts {
    color: #525252;
    margin: 0 0 24px
}

.p-s-list3 {
    margin: 0 auto 84px
}

.p-s-list3 .p1 {
    line-height: 37px;
    height: 37px;
    margin: 0 0 26px;
    color: #000;
    background: #e7e7e7
}

.pdt-2 {
    width: 10%;
    text-align: center;
    margin: 0 13px
}

.pdt-show-bannerBox .pdt-2 {
    width: 90%;
    margin: 0 auto
}

.pdt-2 a:first-child {
    border: 1px solid #ddd
}

.pdt-2 a:last-child {
    color: #777;
    margin: 5px 0
}

.pdt-2:hover a {
    color: #04a560
}

.pdt-2:hover a:first-child {
    border-color: #04a560
}

.pdt-show-bannerBox {
    display: none
}

.contact-bg {
    padding: 0 0 95px
}

.contact-tit {
    color: #000;
    margin: 0 0 40px
}

.contact-bar,
.contact-bar a {
    color: #333
}

.contact-bar a:hover {
    color: #000
}

.contact-bar .item div {
    color: #959595;
    margin: 0 0 55px
}

.contact-bar .h3-1 {
    margin: 0
}

.contact-bar .item {
    background: #dcdbdb;
    padding: 78px 30px 0;
    height: 370px;
    width: 277px
}

.contact-bar .item.active,
.contact-bar .item:hover {
    background: #fff
}

.contact-bar .owl-item {
    margin: 0 7px 0 0
}

.contact-form input,
.contact-form textarea {
    padding: 0 !important;
    margin: 0 !important
}

.contact-form .inpt1,
.contact-form textarea {
    width: 100% !important;
    border: 2px solid #eee;
    padding-left: 14px !important;
    height: 55px !important
}

.contact-form textarea {
    padding-top: 14px !important;
    height: 195px !important
}

.contact-form form>div {
    margin: 0 0 16px
}

.contact-form form>div:last-child {
    margin: 0
}

.contact-form .inpt2 {
    width: 108px;
    height: 36px;
    background: #999;
    color: #fff
}

.contact-form .inpt2:nth-of-type(1) {
    background: #04a560;
    margin-right: 15px !important
}

.map-form .contact-tit {
    margin: 0 0 20px
}

.map-form {
    margin: 50px auto 166px
}

.map-form>div {
    width: 46%
}

.adv-list {
    margin: 30px 0 0;
    padding: 0 0 18px
}

.adv-list .item {
    height: auto;
    background: 0 0;
    margin: 0 0 20px;
    border: 1px solid #cacaca;
    color: #000
}

.adv-list .item .sp-add {
    color: #fff;
    text-shadow: #04a560 1px 0 0, #04a560 0 1px 0, #04a560 -1px 0 0, #04a560 0 -1px 0;
    -webkit-text-shadow: #04a560 1px 0 0, #04a560 0 1px 0, #04a560 -1px 0 0, #04a560 0 -1px 0;
    -moz-text-shadow: #04a560 1px 0 0, #04a560 0 1px 0, #04a560 -1px 0 0, #04a560 0 -1px 0
}

.adv-list .item .p2 {
    color: #04a560
}

.adv-list .item:hover {
    background: #04a560;
    color: #fff;
    margin-top: 0;
    margin-bottom: 20px;
    padding-top: 22px;
    padding-bottom: 42px
}

.adv-list .item:hover .p2 {
    color: #fff
}

.honrobg {
    padding: 0 0 160px
}

.honor-tit {
    margin: 0 auto 60px
}

div.p-2 {
    margin: 0 auto 22px;
    color: #333
}

div.p-2 strong {
    color: #04a560;
    font-weight: 400
}

.abt-honor .pic {
    width: 23.2%;
    margin: 0 1.4% 2% 0;
    cursor: pointer;
    text-align: center
}

.pic-alert {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: rgba(0, 0, 0, .7);
    z-index: 99999;
    color: #fff
}

.pic-alert .pic {
    z-index: 9;
    cursor: pointer
}

@media screen and (max-width:1199px) {
    .font24 {
        font-size: 20px
    }

    .contaners,
    .contents {
        width: 100%
    }

    .contents {
        padding: 0 1%
    }

    .contents>div {
        max-width: 100%
    }

    .headers {
        padding: 10px;
        position: relative
    }

    .headers .searchForm,
    .logo1 .logo-word,
    .top-box {
        display: none
    }

    .logo1 {
        width: 80%;
        padding: 0
    }

    .nav-box {
        margin: 0
    }

    .nav1 {
        display: none;
        width: 100%;
        position: absolute;
        top: 99%;
        left: 0;
        right: 0;
        z-index: 999;
        margin: auto;
        background: #fff;
        padding: 20px 0 50px
    }

    .nav1 .bigLi {
        position: relative
    }

    .nav1 .bigLi ul.containers {
        min-width: 180px;
        max-width: 260px;
        padding: 0
    }

    .nav1 ul.containers li a:first-child {
        font-size: 14px;
        color: #000;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center
    }

    .nav1 .bigLi ul li {
        width: 100%
    }

    .nav1 .bigLi ul li a:nth-child(n+2) {
        display: none
    }

    .nav1>li>a {
        height: 30px;
        line-height: 30px
    }

    .nav1 li {
        width: 100%
    }

    .nav1 li ul {
        left: 0;
        right: 0;
        margin: auto;
        display: none
    }

    .nav1 li li ul {
        left: 10%;
        right: 0;
        margin: auto;
        display: none
    }

    .nav1 li:hover>ul {
        display: none
    }

    .headers .navbtn {
        width: 22px;
        height: 34px;
        display: inline-block;
        float: right;
        margin: 18px 15px 0 0;
        background: url(../images/humber.png) no-repeat center center
    }

    .ft-bg {
        padding: 30px 0 40px
    }

    .ways>div {
        float: none;
        margin: 1rem auto
    }

    .ways>div:last-child {
        float: none
    }

    .foots>div {
        margin: 0 auto 1rem;
        vertical-align: top
    }

    .foots .lft {
        width: 45%
    }

    .foots .formbox {
        float: none;
        display: none;
    }

    .foots .code {
        width: 100%;
        text-align: center
    }

    #myForm .input1 {
        width: 268px
    }

    .title1 {
        padding: 36px 0 20px
    }

    .title1 h2 {
        font-size: 24px
    }

    .pages {
        margin: 20px 0 40px
    }

    .main-banner .owl-controls {
        bottom: 5%
    }

    .bar-txt .p1 {
        font-size: 16px;
        margin: 0 0 5px;
        line-height: 2
    }

    .bar-txt .p2 {
        font-weight: 700;
        line-height: 1.5;
        margin: 0 0 5px
    }

    .bar-txt .p2 span {
        letter-spacing: 1px
    }

    .nowAdds {
        padding: 20px 2% 30px;
        margin: 0
    }

    .allprdt,
    .prdtnav {
        width: 100%;
        margin: 1rem 0
    }

    .prdtnav .sel {
        display: inline-block;
        width: 49%;
        padding: 10px 0;
        border: none;
        float: none;
        min-height: 0;
        vertical-align: top;
        text-align: center
    }

    .prdtnav .sel .p1 {
        margin: 12px 0 0 0
    }

    .pdt-txt {
        padding: 2% 2% 6%;
        background: #f8fcfd
    }

    .pdt-pic,
    .pdt-txt {
        width: 100%
    }

    .pdt-style {
        margin: 0 0 24px
    }

    .pdt-style img {
        margin: 0 4% 0 0
    }

    .whyBox {
        padding: 30px 0
    }

    .because {
        max-height: 800px
    }

    .because .num,
    .because .txt {
        width: 100%;
        text-align: center
    }

    .because .item {
        height: 500px
    }

    .case-banner .owl-controls .owl-page.active span,
    .case-banner .owl-controls.clickable .owl-page:hover span,
    .choose-banner .owl-controls .owl-page.active span,
    .choose-banner .owl-controls.clickable .owl-page:hover span,
    .factory-banner .owl-controls .owl-page.active span,
    .factory-banner .owl-controls.clickable .owl-page:hover span,
    .led-banner .owl-controls .owl-page.active span,
    .led-banner .owl-controls.clickable .owl-page:hover span,
    .pdt-show-banner .owl-controls .owl-page.active span,
    .pdt-show-banner .owl-controls.clickable .owl-page:hover span {
        background: #04a560
    }

    .newsBox .news-list {
        margin: 0 5% 5% 0
    }

    .news-txt {
        padding: 14px 0 0
    }

    .news-txt .h2-1 {
        padding: 0 0 5px
    }

    .case-box {
        padding: 0 0 35px
    }

    .case-wrap .item {
        margin: 0
    }

    .aboutbg {
        padding: 0 0 35px
    }

    .profile {
        margin-bottom: 25px
    }

    .aboutPic,
    .abttxt {
        width: 100%
    }

    .strong-case {
        margin: 0 auto 15px
    }

    .closeddd {
        width: 38px;
        height: 38px;
        line-height: 37px
    }

    .factory {
        display: none
    }

    .pc-factory {
        display: block;
        text-align: center
    }

    .news-box {
        padding: 0 0 35px
    }

    .news-list,
    .news-pic {
        width: 100%
    }

    .news-pic {
        min-height: 0;
        max-height: unset
    }

    .news-banner .owl-controls {
        position: static;
        margin: 15px auto 0
    }

    .idx-form,
    .map-box {
        position: static
    }

    .idx-form {
        width: 100%
    }

    .way {
        margin: 0 0 10px
    }

    .way .waytxt {
        max-width: 79%
    }

    .nowAdds span {
        margin: 0 5px
    }

    .pages a {
        height: 34px;
        width: 34px;
        line-height: 34px
    }

    .bar .bar-txt {
        top: 14%;
        margin: 0
    }

    .bar .bar-txt .p4 {
        font-size: 14px
    }

    .bar .bar-txt .p5 {
        font-size: 12px
    }

    .statement h2 {
        line-height: 24px;
        font-size: 20px
    }

    .fcty-bg {
        padding: 25px 0 50px
    }

    .abt-block .rgt>div:first-child {
        margin: 0
    }

    .abt-factory-bar .item p {
        margin: 20px 0
    }

    .abt-factory-bar .owl-controls .owl-buttons div {
        top: 20%
    }

    .case1 .pic,
    .case1 .txt {
        width: 100%;
        margin: 5px auto
    }

    .case-box2 {
        margin: 0 auto 20px
    }

    .case2 {
        text-align: center
    }

    .case2 img {
        margin: 10px 5%;
        max-width: 39%
    }

    .feature {
        margin: 0
    }

    .case3 .case-one {
        margin: 0 0 10px;
        text-align: center
    }

    .case3 .case-one a:first-child {
        max-width: 100%
    }

    .case3 .case-one a {
        margin: 0 auto 5px;
        max-width: 100%
    }

    .case3 .p1 {
        margin: 0 0 10px
    }

    .caselist {
        width: 100%;
        padding: 10px;
        margin: 0 0 24px
    }

    .contact-box {
        padding: 0 10px 20px
    }

    .contact-tit {
        margin: 0 0 20px
    }

    .contact-bg {
        padding: 0 0 25px
    }

    .contact-bar .owl-item {
        margin: 0;
        width: auto
    }

    .contact-bar .item {
        margin: 0 2%
    }

    .contact-bar .item {
        width: auto
    }

    .map-form {
        margin: 20px auto 36px
    }

    .newsBox .news-list {
        text-align: center
    }

    .newslist {
        margin: 0 0 16px
    }

    .newsContent,
    .newspic {
        width: 100%;
        margin: 0 auto 10px
    }

    .newslist2 {
        width: 100%
    }

    .borower {
        margin: 15px auto 20px
    }

    .pageBtn {
        margin: 40px 0 0
    }

    .newsDtlBg {
        padding: 0 0 30px
    }

    .insideNews .p-tit {
        margin: 25px 0 30px
    }

    .prdt-bg {
        padding: 0 0 30px
    }

    .font30 {
        font-size: 24px
    }

    .prdt-First .pdt-txt {
        padding: 2%
    }

    .prdt-show-all>div:last-child>div.prdtcase.white-bg {
        padding: 20px 0;
        margin: 2rem auto 0
    }

    .custom-bg {
        padding: 0 0 12px
    }

    .engineer {
        padding: 2%;
        margin: 0 0 25px
    }

    .applicationBox {
        padding: 20px 0 30px
    }

    .custom-tit {
        margin: 0 0 20px
    }

    .prdt-show1 {
        padding: 57px 4%
    }

    .pdt-s-one {
        width: 49%;
        margin: 0 0 15px 0
    }

    .spec-scroll .items {
        width: 90%
    }

    .prdctParameter .p1 {
        margin: 15px 0 10px
    }

    .pdt-show-banner .pdt-2 {
        width: 100%
    }

    .p-s-list3 {
        display: none
    }

    .pdt-show-bannerBox {
        display: block
    }

    .ggcc {
        margin: 0 0 16px
    }

    .font26 {
        font-size: 20px
    }

    .pdt-show2 .pdt-txt .h2-1 {
        margin: 0 0 14px
    }

    .pdt-show2 .pdt-txt .p1 {
        margin: 0 0 18px
    }

    .pdt-show2 .pdt-style {
        margin: 0 0 20px
    }

    .pdtdetail-bg {
        padding: 0 0 26px;
        margin: 0 0 30px
    }

    .p-s-2-ul {
        margin: 0 0 20px
    }

    .p-s-2-ul li {
        width: 100%
    }

    .pmtr-tit {
        padding: 0 0 0 20px
    }

    .honor-tit {
        margin: 0 auto 20px
    }

    .honrobg {
        padding: 0 0 30px
    }

    .abt-honor .pic {
        width: 45%;
        margin: 2% 1%
    }

    .abt-honor .pic:nth-child(6n+6) {
        margin: 2% 1%
    }
}

@media screen and (min-width:600px) and (max-width:1199px) {
    .abt-honor .pic {
        width: 30%;
        margin: 2% 1%
    }
}

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

    .eger-pic,
    .eger-txt {
        width: 100%;
        max-width: 100%;
        margin: 1rem auto
    }
}

@media screen and (max-width:580px) {
    .eger-ul li {
        width: 100%;
        text-indent: 0;
        margin: 0 0 10px
    }
}

@media screen and (max-width:840px) {
    .aplction-pic .p1 {
        margin: 2% 0
    }
}

@media screen and (max-width:640px) {
    .map-form>div {
        width: 100%;
        float: none;
        margin: 1rem auto
    }
    .because .bapa{
        display: block;
    }
}

@media screen and (max-width:600px) {
    .newsBox .news-list {
        width: 100%
    }
}

@media screen and (max-width:440px) {
    .pages>div a:nth-child(n+6) {
        display: none
    }
}

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

    .abt-block .lft,
    .abt-block .rgt {
        width: 100%;
        float: none
    }
}

@media screen and (max-width:580px) {
    .prdtnav .sel {
        height: 75px
    }

    .bar-txt .p1 {
        margin: 12% 0 5px
    }

    .bar-txt .p2 {
        display: none
    }

    .prdt-First {
        width: 100%;
        margin: 0 auto 20px
    }

    .prdt-First .pdt-pic,
    .prdt-First .pdt-txt {
        width: 100%;
        height: unset
    }

    .prdt-First .pdt-pic {
        width: 100%;
        text-align: center
    }

    .pdt-txt .h2-1 {
        margin: 0;
        margin-bottom:15px
    }

    .prdt-First .pdt-txt .p1 {
        height: auto;
        margin: 0 0 20px
    }
}

@media screen and (max-width:520px) {
    .bar-txt {
        max-width: 95%;
        left: 5%;
        top: 14%
    }
}

@media screen and (min-width:890px) and (max-width:1199px) {
    .prdtnav .sel {
        display: inline-block;
        width: 100%;
        padding: 10px 0;
        border: none;
        float: none;
        min-height: 0;
        vertical-align: top;
        text-align: center
    }

    .allprdt {
        width: 75%;
        margin: 1rem 0
    }

    .prdtnav {
        width: 24%;
        margin: 1rem 0
    }
}

@media screen and (max-width:500px) {
    .because:nth-child(even) {
        margin-left: 2%
    }
}

@media screen and (max-width:400px) {
    .because:nth-child(even) {
        margin-left: 0
    }

    .why .because {
        max-width: 100%;
        width: 100%
    }
}

@media screen and (min-width:1200px) {
    .because:hover .num {
        width: 100%;
        text-align: center
    }

    .because:hover .txt {
        width: 0;
        height: 0;
        border: 0;
        padding: 0;
        margin: 0;
        overflow: hidden
    }

    .because:hover {
        overflow: hidden;
        padding: 40px 0
    }

    .because:nth-child(1):hover {
        background: url(../images/x027.jpg) no-repeat center center;
        background-size: cover
    }

    .because:nth-child(2):hover {
        background: url(../images/x028.jpg) no-repeat center center;
        background-size: cover
    }

    .because:nth-child(3):hover {
        background: url(../images/x029.jpg) no-repeat center center;
        background-size: cover
    }

    .because:nth-child(4):hover {
        background: url(../images/x030.jpg) no-repeat center center;
        background-size: cover
    }
}

@media screen and (min-width:1180px) {
    .news-list>a {
        min-height: 238px
    }
}

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

    .adv .because .num,
    .adv .because .txt {
        width: 100%;
        padding: 0 9%;
        border: none
    }
}

@media screen and (min-width:620px) and (max-width:1199px) {

    .prdt-classification .prdt-First .pdt-pic,
    .prdt-classification .prdt-First .pdt-txt {
        max-width: 49%
    }
}

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

    .prdt-classification .prdt-First .pdt-pic,
    .prdt-classification .prdt-First .pdt-txt {
        max-width: 100%;
        padding: 20px 0
    }
}

@media screen and (min-width:800px) and (max-width:1199px) {
    .pdt-s-one {
        width: 30%;
        margin: 0 1% 15px 1%
    }
}

@media screen and (max-width:1110px) {
    .spec-preview {
        height: auto
    }

    .spec-scroll2 {
        min-height: 500px;
        height: auto;
        overflow: hidden
    }

    .spec-preview img {
        max-width: 100%
    }

    .prdctParameter,
    .right-extra {
        width: 100%
    }

    .pdt-show2 {
        width: 100%;
        float: none
    }
}

@media screen and (max-width:500px) {
    .spec-scroll2 {
        min-height: 300px
    }
}

.nav1 li span.shitdeng {
    display: none
}

.video {
    display: block;
    width: 100%;
    outline: 0
}

.video>img {
    display: block;
    width: 100%;
    height: auto;
    outline: 0
}

.modal-content {
    height: 480px
}

.modal {
    top: 22% !important
}

.modal-lg {
    width: 855px;
    z-index: 9999999999999
}

.modal-backdrop {
    height: 100% !important
}

.nav1 li span.shitdeng {
    width: 0;
    height: 0;
    border-bottom: 8px solid #f3f4f8;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999
}

.nav1>li>ul {
    display: none
}

.nav1>li:hover>span.shitdeng {
    display: inline-block
}

.nav1>li:hover>ul {
    opacity: 1;
    z-index: 999;
    display: block
}

.pic-alert .pic {
    min-height: 45%;
    max-height: 600px
}

.allprdt .pdt-style img {
    max-height: 59px
}

.foots ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#myForm .input2 {
    color: transparent
}

.headerFixed {
    position: fixed;
    z-index: 999;
    background: #fff;
    border-bottom: 1px solid #ccc;
    padding: 17px
}

.headerFixed .logo1 {
    padding: 0
}

.headerFixed .searchForm {
    margin-top: 21px
}

.headerFixed .nav1>li>a {
    height: 60px;
    line-height: 68px
}

.nav-box .nav1>.current-menu-item>a {
    color: #04a560 !important;
    text-decoration: none
}

#askprice {
    display: none;
    max-width: 310px;
    width: 300px;
    margin-top: 10px;
    left: 0;
    top: 100%
}

#askprice input,
#askprice textarea {
    padding: 0 0 0 10px;
    margin: 0 0 10px;
    border: 1px solid #ccc;
    width: 100%
}

#askprice form div.sure input {
    width: 180px;
    padding: 0;
    height: 36px;
    background: #04a560;
    color: #fff
}

#askprice .sp1 {
    top: 0;
    right: -25px;
    cursor: pointer
}

.video_back {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -99;
    opacity: 0;
    background: rgba(0, 0, 0, .8)
}

.selfblock .p5 {
    color: #828282
}

.selfblock .font30 {
    font-size: 27px
}

.case-box .ReadMore {
    float: right;
    margin-top: 10px;
    color: #be0000;
    padding-right: 10px
}

.newsDetailBox p {
    margin: 16px 0;
    line-height: 1.5;
    font-size: auto
}

.newsDetailBox a {
    color: -webkit-link;
    text-decoration: underline
}

.newsDetailBox a:hover {
    color: -webkit-link;
    text-decoration: underline
}

.pageBtn a {
    text-decoration: none
}

.pageBtn a:hover {
    text-decoration: none
}

.false-text {
    color: red;
    font-size: 14px
}

.containers .contact-bg .contact-form2 form .sure input[type=submit] {
    width: 40%;
    background: #04a560;
    color: #fff;
    transition: all .3s;
    padding: 0 !important
}

.containers .contact-bg .contact-form2 form .sure input[type=submit]:hover {
    background: #f7f7f4;
    color: #000
}

.contact-form2 .wpcf7-form-control-wrap {
    position: relative
}

.contact-form2 .wpcf7-form-control-wrap::before {
    content: '*';
    color: #f33;
    position: absolute;
    left: 7px;
    top: 20px
}

div>span.wpcf7-form-control-wrap {
    position: relative
}

div>span.wpcf7-form-control-wrap::before {
    content: '*';
    color: #f33;
    position: absolute;
    left: 4px;
    top: 2px
}

.logotext{
    color:#222;
    font-size:20px;
    padding-left:25px;
    FONT-WEIGHT:600;
    position: relative;
    top:10px;
}
.logotext span{
   color: #04a560 
}

.video1{
    width:100%;
    height:auto;
}
@media(max-width:976px){
   .inblk .logotext{
        display:none;
    }
}