@media screen and (min-width:1025px) {
    #banner .slick-active .bimg {
        visibility: visible !important;
        -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
        animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
    }
    @-webkit-keyframes scaleUpDown {
        from {
            -webkit-transform: scale(1.08);
            transform: scale(1.08);
        }
        to {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }
    @keyframes scaleUpDown {
        from {
            -webkit-transform: scale(1.08);
            transform: scale(1.08);
        }
        to {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }
    .disappear .ibox {
        transform: scale(0.91);
        opacity: 0.5;
        transition: all 1s cubic-bezier(.435, .01, .135, 1);
        -webkit-transition: all 1s cubic-bezier(.435, .01, .135, 1)
    }
    .page.active .ibox {
        transform: translate(0px, 0px) scale(1);
        transition: all 1s cubic-bezier(.435, .01, .135, 1);
        -webkit-transition: all 1s cubic-bezier(.435, .01, .135, 1);
        opacity: 1;
    }
    .box2inner .item1,
    .box2inner .item4,
    .box2inner .item7,
    .box2inner .item8,
    .box2inner .item10 {
        transform: rotateY(-90deg);
        -webkit-transform: rotateY(-90deg);
        transform-origin: 100% 50% 0;
        -webkit-transform-origin: 100% 50% 0;
    }
    .box2inner .item2,
    .box2inner .item3,
    .box2inner .item4,
    .box2inner .item5,
    .box2inner .item6,
    .box2inner .item5,
    .box2inner .item9 {
        transform: rotateY(90deg);
        -webkit-transform: rotateY(90deg);
        transform-origin: 0 50% 0;
        -webkit-transform-origin: 0 50% 0;
    }
    .active .box2inner .item {
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        opacity: 1;
    }
    .active .box2inner .item {
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        opacity: 1;
    }
    .active .box2inner .item1 {
        -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms;
        transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms;
    }
    .active .box2inner .item2 {
        -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;
        transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;
    }
    .active .box2inner .item3 {
        -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms;
        transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms;
    }
    .active .box2inner .item5 {
        -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;
        transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;
    }
    .active .box2inner .item6 {
        -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms;
        transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms;
    }
    .active .box2inner .item7 {
        -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms;
        transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms;
    }
    .active .box2inner .item8 {
        -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms;
        transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms;
    }
    .active .box2inner .item9 {
        -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;
        transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;
    }
    .active .box2inner .item10 {
        -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms;
        transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms;
    }
    .active .box2inner .item11 {
        -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;
        transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;
    }
    .hrMenu a:hover .cbg {
        height: 100%;
    }
    .disappear .box4Ttx {
        -webkit-transform-origin: 100% 0 0;
        -moz-transform-origin: 100% 0 0;
        -ms-transform-origin: 100% 0 0;
        -o-transform-origin: 100% 0 0;
        transform-origin: 100% 0 0;
        -webkit-transform: perspective(300px) rotateY(-90deg);
        -moz-transform: perspective(300px) rotateY(-90deg);
        -ms-transform: perspective(300px) rotateY(-90deg);
        -o-transform: perspective(300px) rotateY(-90deg);
        transform: perspective(300px) rotateY(-90deg);
    }
    .active .box4Ttx,
    .m-active .box4Ttx {
        -webkit-transform: perspective(300px) rotateY(0deg);
        -moz-transform: perspective(300px) rotateY(0deg);
        -ms-transform: perspective(300px) rotateY(0deg);
        -o-transform: perspective(300px) rotateY(0deg);
        transform: perspective(300px) rotateY(0deg);
    }
}

@media screen and (max-width:1600px) {
    .nav {
        margin-bottom: 40px;
    }
    .nav dd {
        font-size: 14px;
    }
    .nav dd .t {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .greeItem .text .c {
        top: 25%;
    }
    .greeItem .iimg {
        width: 180px;
        height: 180px;
    }
    .happinessList .con li .ico {
        margin-bottom: 5px;
    }
    .happinessList .num {
        font-size: 80px;
        right: 5%;
    }
    .happinessList dd:hover .numbox {
        right: 5%;
    }
    .happinessList dd:hover .by {
        left: 5%;
    }
    .happinessList dd:hover .con {
        left: 5%;
    }
    .happinessList .con {
        width: 90%;
    }
    .happinessList .con li {
        height: 130px;
        width: 30%;
        margin-right: 3%;
    }
    .goldDemo .list {
        font-size: 16px;
    }
    .threeSerBox {
        height: 750px;
    }
    .goldDemo,
    .RepairPage {
        height: 375px;
    }
    .goldDemo .name {
        top: 100px;
    }
    .goldDemo .list {
        margin-top: 100px;
    }
    .goldBox .img {
        width: 90%;
    }
    .aboutLifePage .con {
        padding: 30px 10%;
    }
    .aboutLifePage .img {
        height: 335px;
    }
    .greeItem .text .en {
        font-size: 35px;
    }
}

@media screen and (max-width:1500px) {
    .proListBanner .proinner {
        width: 1200px;
        margin-left: -600px;
    }
    .proList {
        width: 1200px;
    }
    .proList .item {
        height: 298px;
    }
    .proList2 {
        width: 1220px;
    }
    .proList2 a.item {
        margin: 0px 10px 0px;
    }
    .proList2 li {
        width: 406px;
    }
    .proList2 li.twoItem {
        width: 812px;
    }
    .proList2 li.twoItem .img {
        width: 386px;
    }
    .proList2 .twoItem .con {
        height: 80%;
    }
    .proList2 .twoItem .con .c {
        width: 90%;
    }
    .productPCon {
        width: 1000px;
        margin-left: -500px;
        top: 16%;
    }
    .productPCon dd {
        width: 560px;
    }
    .productPCon dt {
        font-size: 70px;
    }
    .productPCon .t {
        margin-bottom: 35px;
    }
}

@media screen and (max-width:1370px) {
    .nav {
        width: 900px;
        margin-bottom: 20px;
    }
    .menubot {
        width: 900px;
    }
    .box2inner {
        margin: -242px 0 0 -492px;
    }
    .box4Ttx .c {
        margin-bottom: 46px;
    }
    .ibox5c {
        width: 440px;
        height: 440px;
        margin: -220px 0px 0px -220px;
    }
    .ibox5c .item {
        width: 220px;
        height: 220px;
    }
    .ibox5c .item .txt,
    .ibox5c .item .info {
        width: 160px;
        height: 220px;
    }
    .ibox5c .item1 .info {
        background-size: 100% auto;
    }
    .ibox5c .item .info .num {
        font-size: 40px;
    }
    .ibox5c .item .info .i {
        font-size: 20px;
    }
    .ibox5c .item .txt .c {
        height: 148px;
    }
    .bg62 .txt .t {
        font-size: 28px;
    }
    .about-en,
    .culturePbox .en {
        font-size: 34px;
    }
    .about-t,
    .culturePbox .zh {
        font-size: 18px;
    }
    .oneCultrue .by {
        font-size: 30px;
    }
    .oneCultrue .en {
        font-size: 28px;
    }
    .greeItem .text {
        width: 40%;
    }
    .greeItem .text .c {
        top: 18%;
        width: 50%;
    }
    .greeItem .iimg {
        width: 140px;
        height: 140px;
    }
    .pbanner2 .en {
        font-size: 50px;
    }
    .pbanner2 .zh {
        font-size: 22px;
    }
    .happinessList .con li {
        height: 120px;
    }
    .RepairPage .ser-en {
        font-size: 40px;
    }
    .goldDemo .list {
        margin-right: 5%;
    }
    .proListBanner .proinner {
        width: 1000px;
        margin-left: -500px;
    }
    .proListBanner .pcon {
        padding: 44px 40px;
    }
    .proListBanner .en {
        font-size: 34px
    }
    .proListBanner .zh {
        font-size: 26px
    }
    .proListBanner .bot {
        margin: 30px auto;
    }
    .proList {
        width: 1000px;
    }
    .proList .item {
        height: 246px;
    }
    .proList .con .en {
        font-size: 26px;
    }
    .proList2 {
        width: 1020px;
    }
    .proList2 li {
        width: 340px;
    }
    .proList2 li.twoItem {
        width: 680px;
    }
    .proList2 li.twoItem .img {
        width: 320px;
    }
    .proList2 .twoItem .con .c {
        font-size: 13px;
        max-height: 140px;
        overflow: hidden;
    }
    .proinfoImg {
        width: 1200px;
        margin: 0px auto;
    }
    .proinfoList {
        width: 90%;
    }
    .productPCon {
        width: 80%;
        margin-left: 0px;
        left: 10%;
        top: 12%;
    }
    .productPCon dd {
        width: 62%
    }
    .productPCon dt {
        font-size: 50px;
        width: 20%;
        padding: 35px 5%;
    }
    .itemC .con {
        top: 35%;
    }
    .itemC .con .t {
        font-size: 24px;
    }
    .itemC .con .c {
        font-size: 16px;
    }
    .aboutLifePage .t {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .aboutLifePage .c {
        font-size: 13px;
    }
    .brandBox .en {
        font-size: 50px;
    }
    .brandBox .zh {
        font-size: 28px;
    }
}

@media screen and (max-width:1280px) {
    .footnav span {
        padding: 0px 4px;
    }
    .inner {
        width: 1000px;
    }
    .pagenav .inner {
        width: 100%;
    }
    .twoPorfile-con {
        padding: 95px;
        width: 730px;
    }
    .oneCultrue {
        width: 800px;
    }
    .twoCultrue .con {
        top: 25%;
    }
    .twoCultrue dd:hover .con {
        top: 14%;
    }
    .twoCultrue dd:hover .by2 {
        margin: 3% auto 4%;
    }
    .proces-T .item1 {
        font-size: 36px;
    }
    .proces-T .item2 {
        font-size: 46px;
    }
    .greeItem .text .c {
        top: 10%;
    }
    .greeItem .text .en {
        font-size: 30px;
        width: 140px;
    }
    .greeItem .text .zh {
        font-size: 22px;
    }
    .greeList {
        top: 0px;
    }
    .greeList dd {
        height: 120px;
        padding-top: 30px;
    }
    .greeList dd i {
        margin-bottom: 20px;
    }
    .greeItem .text .i {
        background-position: -16px 0px;
        padding-bottom: 27px;
    }
    .pbanner2 .en,
    .pbanner2 .proTypeBox .en {
        font-size: 40px;
    }
    .pbanner2 .zh,
    .pbanner2 .proTypeBox .zh {
        font-size: 20px;
    }
    .happinessList .num {
        font-size: 60px;
    }
    .happinessList .zh {
        font-size: 14px;
    }
    .happinessList .con li {
        height: 102px;
        font-size: 12px;
    }
    .happinessList .con li .ico {
        width: 40px;
    }
    .happinessList dd:hover .by {
        top: 5%;
    }
    .happinessList dd:hover .numbox {
        top: 4%;
    }
    #storePage .ser-en {
        font-size: 40px;
    }
    .proListBanner .en {
        font-size: 30px
    }
    .proListBanner .zh {
        font-size: 22px
    }
    .proListBanner .bot {
        margin: 20px 0px;
    }
    .proinfoImgBox {
        padding: 0px;
    }
    .proinfoImg {
        width: 100%;
    }
    .productPCon dt {
        font-size: 46px;
    }
    .wpro .en {
        font-size: 60px;
    }
    .itemC .con {
        top: 15%;
    }
    .hrMenu {
        margin: 0px 0px 0px 500px;
        padding-left: 0px;
    }
    .hrMenu a {
        width: 90px;
    }
    .logo .name {
        font-size: 16px;
        right: -120px;
    }
    .pbannerbox .con2 .t {
        font-size: 32px;
    }
    .pbannerbox .con2 {
        height: 90px;
    }
    .hrAbout_box,
    .hrBox,
    .applicationBox,
    .CareerPage {
        padding: 60px 0px;
    }
    .applicationList {
        width: 990px;
    }
    .applicationList .item1 .line {
        width: 0px;
    }
    .applicationList .item8 .line,
    .applicationList .item8 {
        width: 0px;
    }
    .applicationList .item1 {
        width: 120px;
    }
    .brandBox .en {
        font-size: 40px;
    }
    .brandBox .zh {
        font-size: 22px;
    }
    .servicePage .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -92px;
    }
    .servicePage .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -92px;
    }
    .mapbox {
        height: 400px;
    }
}

@media screen and (max-width:1024px) {
    .backTop,
    .qiyeQQ {
        right: 9px;
    }
    .inner {
        width: 90%;
    }
    .content {
        position: initial;
    }
    .filler {
        display: none;
    }
    .logo,
    .pagesider2 .logo,
    .pagesider3 .logo,
    .pagesider5 .logo {
        background: url(../image/logo1.png) no-repeat;
        background-size: cover;
        width: 180px;
        height: 44px;
        left: 5%;
        top: 11px;
    }
    .menu,
    .topfix .menu {
        top: 9px;
        right: 9px;
        width: 88px;
        font-size: 14px;
    }
    #boxsider {
        height: 66px !important;
        background-color: #fff;
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        z-index: 10000;
    }
    #boxsider .headTop {
        height: 66px !important;
    }
    .mtop {
        height: 66px;
    }
    .open .menuBox {
        height: 0%;
        padding: 0% 0px 0px;
    }
    .open .menuMobileBox {
        height: 100%;
    }
    .open .mobileLogo {
        padding-top: 54px;
    }
    .open .navMobile dd p a {
        padding: 8px 0px;
        opacity: 1;
    }
    .open .msharpT,
    .open .menuMobileBox .sharpBox,
    .open .menuMobilelink {
        opacity: 1;
    }
    .footBox {
        height: auto;
        padding: 40px 5% 4%;
    }
    .linkDL {
        padding-bottom: 0px;
    }
    .linkDL dd {
        float: none;
        width: 100%;
    }
    .linkDL dd.lin0 {
        margin-bottom: 25px;
        width: auto;
    }
    .footnav {
        text-align: left;
        padding-top: 20px;
    }
    .footnav a {
        margin-right: 10px;
    }
    .footnav span {
        display: none;
    }
    .linkDL dd.lin0 .sharpBox a {
        margin-right: 10px;
    }
    .linkDL .lin2 a {
        font-weight: bold;
        color: #787878;
        line-height: 2.5;
    }
    .linkDL dd.lin1 {
        padding-bottom: 25px;
    }
    .linkDL dd.lin1 .pk {
        margin-bottom: 5px;
    }
    .linkDL dd.lin1 .br {
        padding-left: 20px;
        display: inline-block;
    }
    .linkDL dd.lin2,
    .linkDL dd.lin1 {
        width: 100%;
    }
    .sharpBox {
        float: none;
    }
    .sharpBox a {
        margin: 0px 20px 0px 0px;
    }
    /* #s2 .ibox {
        padding: 80px 0px;
    }
    #s2 .ibox .bg2 {
        position: absolute;
        left: 0px;
        top: 0px;
    } */
    .m-active .box2inner .item {
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        opacity: 1;
    }
    .box2inner {
        width: 726px;
        position: relative;
        margin: 0px auto;
        left: auto;
        top: auto;
        height: auto;
    }
    .box2T {
        height: auto;
        position: static;
        left: auto;
        top: auto;
        margin-bottom: 50px;
        width: 100%;
    }
    .box2T .t {
        font-size: 32px;
    }
    .box2T .c {
        height: auto;
    }
    .box2C {
        position: relative;
        height: 484px;
    }
    /* #s3 .ibox {
        height: 500px;
    }
    #s3 .linBox .txt .t {
        font-size: 32px;
    }
    #s3 .linBox .txt .i {
        font-size: 16px;
    }
    #s3 .linBox .txt .bot {
        width: 350px;
    }
    #s4 .ibox {
        position: relative;
        padding: 80px 0px;
    }
    #s4 .ibox .bg4 {
        position: absolute;
        left: 0px;
        top: 0px;
    }
    .box4Ttx {
        position: relative;
        text-align: center;
        margin: 0px auto;
        right: auto;
        top: auto;
        display: block;
    }
    .box4Ttx .more {
        margin: 0px auto;
	}
	 */
    #s5 .ibox {
        height: 600px;
    }
    #s6 .ibox {
        height: 600px;
    }
    .bg62 .txt .t {
        font-size: 24px;
    }
    .top {
        height: 66px;
        background-color: #f8f8f8;
        background-color: rgba(255, 255, 255, 0.9);
    }
    .profilePbox {
        padding: 60px 0px;
    }
    .profilePbox .con {
        margin: 38px 0px;
    }
    .culturePbox .en {
        font-size: 30px;
    }
    .culturePbox .zh {
        font-size: 16px;
    }
    .culturePbox .con {
        width: 300px;
        margin-left: -150px;
        top: 25%;
    }
    .culturePbox .black {
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .culturePbox .zh {
        padding: 16px 0px;
    }
    .culturePbox .bot1 {
        width: 100%;
    }
    .culturePbox .bot2 {
        opacity: 0;
        visibility: hidden;
    }
    .culturePbox .btn-more {
        visibility: visible;
        opacity: 1;
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
    }
    .culturePbox a:hover .con {
        top: 25%;
    }
    .processPbox {
        background-attachment: initial;
        padding: 80px 0px;
    }
    .onePorfile {
        padding: 60px 0px 80px;
    }
    .pagenavBox {
        height: auto;
        position: relative;
    }
    .cpnav {
        display: block;
    }
    .pagenavBox .inner {
        position: absolute;
        left: 0px;
        top: 50px;
        width: 100%;
        z-index: 800;
        display: none;
    }
    .pagenavBox .inner a {
        width: 100%;
        display: block;
        border-right: 0px none;
        background-color: rgba(0, 149, 114, 0.7);
    }
    .pagenavBox .inner a.act {
        background-color: rgba(13, 183, 143, 0.8);
    }
    .pagenav.fixed {
        top: auto;
        position: inherit;
    }
    .twoPorfile {
        background-attachment: inherit;
    }
    .twoPorfile-con {
        width: 74%;
        padding: 40px 7%;
        top: -40px;
    }
    .twoPorfile-con .yico {
        background: none #13478b;
        border-radius: 50%;
    }
    .twoPorfile-con .yico i {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }
    .oneCultrue {
        width: 90%;
        overflow: hidden;
        padding: 40px 5% 100px 5%;
    }
    .oneCultrue .by {
        font-size: 32px;
    }
    .oneCultrue .zh {
        margin-bottom: 40px;
    }
    .twoCultrue .con {
        background-color: #009470;
        display: block;
        padding: 40px 0px;
        width: 100%;
        left: auto;
        position: relative;
        top: auto;
    }
    .twoCultrue dd:hover .con {
        top: auto;
    }
    .twoCultrue dd:hover .blue {
        display: none;
    }
    .twoCultrue dd .by1 {
        opacity: 0;
        transform: translate(0px, -50px);
        -webkit-transform: translate(0px, -50px);
        height: 0px;
        margin-bottom: 0px;
        overflow: hidden;
    }
    .twoCultrue dd .by2,
    .twoCultrue dd:hover .by2 {
        opacity: 1;
        margin: 3% auto 6%;
        visibility: visible;
    }
    .twoCultrue dd .t .bot1 {
        visibility: hidden;
        opacity: 0;
    }
    .twoCultrue dd .t .txt {
        padding: 0px 0px 12px;
    }
    .twoCultrue dd .c {
        display: block;
        height: 72px;
    }
    .twoCultrue dd .lico,
    .twoCultrue dd:hover .lico {
        display: none;
    }
    .proces-Inner {
        width: 90%;
    }
    .proces-T .item1 {
        font-size: 32px;
    }
    .proces-T .item2 {
        font-size: 40px;
    }
    .proces-info {
        margin: 60px auto;
    }
    .proces-list dd {
        padding: 30px 44px 0px;
    }
    .proces-L .txt,
    .proces-R .txt {
        width: auto;
    }
    .pagePadding {
        padding: 60px 0px;
    }
    .newItem {
        margin-left: 4%;
        width: 28%;
    }
    .ninfoT {
        margin-top: 0px;
    }
    .ninfoT .t {
        font-size: 22px;
    }
    .infoC {
        width: 90%;
        margin: 0px auto;
    }
    .infoPaging .inner {
        width: 100%;
    }
    .infoPaging a {
        padding: 10px 4px;
    }
    .mtop2 {
        height: 0;
    }
    .vwrap .videobox {
        width: 700px;
        margin-left: -350px;
    }
    .videoList {
        width: 80%;
        margin: 0px auto;
        padding: 50px 0px;
    }
    .greenChainBox .en {
        font-size: 40px;
    }
    .greenChainBox .zh {
        font-size: 22px;
    }
    .greeList {
        display: none;
    }
    .greeDemo .imgitem {
        display: none;
    }
    .greeItem {
        position: relative;
        left: auto !important;
        top: auto;
        margin: 0px auto 20px;
        width: 80%;
        padding: 5%;
    }
    .greeItem .img {
        float: left;
        display: block;
    }
    .greeItem .text {
        position: relative;
        float: left;
        display: block;
        left: auto;
        margin-left: 5%;
        width: 45%;
    }
    .greeItem .text .zh {
        margin-bottom: 10px;
    }
    .greeItem .text .en {
        width: auto;
        margin-bottom: 10px;
    }
    .greeItem .text .by {
        display: none;
    }
    .greeItem .text .i {
        margin-top: 0px;
    }
    .greeItem .text .c {
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
    }
    .greeItem .iimg {
        right: auto;
        left: -2%;
        width: 100px;
        height: 100px;
    }
    .pbanner2 .en,
    .pbanner2 .proTypeBox .en {
        font-size: 32px;
    }
    .pbanner2 .zh,
    .pbanner2 .proTypeBox .zh {
        font-size: 16px;
    }
    .pbanner2 .by {
        display: none;
    }
    .happinessList .num {
        font-size: 120px;
    }
    .happinessList .numbox,
    .happinessList dd:hover .numbox {
        position: relative;
        display: block;
        right: auto;
        top: auto;
        margin: 0px auto;
        padding: 30px 0px;
    }
    .happinessList .numbox .zh,
    .happinessList dd:hover .numbox .zh {
        opacity: 1;
        visibility: visible;
    }
    .happinessList dd:hover .wihl {
        display: none;
    }
    .happinessList .by,
    .happinessList dd:hover .by {
        display: none;
    }
    .happinessList .con,
    .happinessList dd:hover .con {
        width: 90%;
        margin: 0px auto;
        position: relative;
        top: auto;
        left: auto;
        opacity: 1;
        visibility: visible;
        bottom: auto;
    }
    .happinessList .con li {
        width: 30.33%;
        text-align: center;
    }
    .happinessList .con li .ico {
        margin: 0px auto;
        display: block;
    }
    .happinessList dd:nth-child(2) {
        background-color: #F8F8F8;
    }
    .wholeheartedlyB {
        padding: 50px 0px;
    }
    .ser-en {
        font-size: 32px;
    }
    .ser-zh {
        font-size: 20px;
    }
    .ser-i {
        font-size: 14px;
    }
    .wholeheartedlyImg {
        background-attachment: inherit;
    }
    .threeSerBox {
        height: auto;
    }
    .goldBox,
    .threeSerBox .rightBox {
        width: auto;
        float: none;
    }
    .goldBox {
        padding-bottom: 40px;
    }
    .goldBox .img {
        width: 500px;
        margin: 0px auto;
    }
    #storePage .inner {
        width: 90%;
    }
    .fakeBox {
        padding-left: 0px;
    }
    .proBox {
        padding-right: 0px;
    }
    .proBox .flex-direction-nav .flex-next {
        display: none;
    }
    .proBanner .con .t {
        font-size: 32px;
    }
    .productNav li {
        width: 20%;
    }
    .screenBox {
        padding: 35px 0px;
    }
    .serachBox {
        height: 50px;
        width: 60%;
        padding: 0px 70px 0px 20px;
        border-radius: 30px;
        position: relative;
        margin: 0px auto;
        right: auto;
        bottom: auto;
        background-color: #fff;
    }
    .serachTxt,
    .serachBtn {
        height: 50px;
        width: 70px;
    }
    .serachBtn {
        position: absolute;
        right: 0px;
        top: 0px;
    }
    .serachTxt {
        width: 100%;
        font-size: 16px;
    }
    .screenBtn {
        display: block;
    }
    .productList dd {
        width: 31.33%;
        margin: 0px 1% 35px;
    }
    .productList dd .img img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    .productList dd .con {
        background-color: #13478b;
        color: #fff;
    }
    .productList dd .bot {
        width: 100%;
    }
    .productList dd .botoom {
        bottom: 68px;
        opacity: 1;
        visibility: visible;
    }
    .proTop {
        height: 0px;
    }
    .proListBanner .img {
        display: none;
    }
    .proListBanner .proinner {
        position: relative;
        left: auto;
        bottom: auto;
        margin-left: 0px;
        width: auto;
    }
    .proListBanner .pcon {
        margin: 80px 0px 80px 5%;
        width: 80%;
        padding: 40px 5%;
        float: none;
    }
    .proList {
        width: 95%;
    }
    .proList li {
        width: 50%;
    }
    .proList li.item2 {
        width: 100%;
    }
    .proList .item {
        height: auto;
        margin: 0 5% 20px;
    }
    .proList li.item2 .item {
        padding: 45px 0px;
        margin: 0px 2.5% 20px;
    }
    .verMidOut {
        display: block;
        position: relative;
        left: auto;
        top: auto;
        padding: 0px 5%;
        text-align: center;
        z-index: 10;
    }
    .verMidMid {
        display: block;
        top: auto;
    }
    .verMidIn {
        position: relative;
        top: auto;
        width: 100%;
    }
    .pageCur {
        margin-top: 0px;
    }
    .proinfoDemo {
        width: 90%;
    }
    .proinfoDemo dt {
        float: none;
        margin: 0px 5%;
        width: 90%;
    }
    .proinfoDemo dd {
        float: none;
        width: auto;
        padding: 30px 5% 40px;
        text-align: center;
    }
    .proListPage {
        background-attachment: initial;
    }
    .proList2 {
        width: 90%;
    }
    .proList2 li {
        width: 100%;
        float: none;
    }
    .proList2 a.item {
        margin: 0px;
    }
    .proList2 .oneItem .black {
        display: none;
    }
    .proList2 li.twoItem {
        width: 100%;
    }
    .proList2 li .img,
    .proList2 li.twoItem .img {
        width: 50%;
    }
    .proList2 .oneItem a:hover .img {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .proList2 .oneItem .con {
        position: absolute;
        left: 54%;
        width: 42%;
        color: #060606;
    }
    .proList2 .twoItem .con {
        height: 84%;
    }
    .proList2 .twoItem .con .c {
        width: auto;
        max-height: auto;
    }
    .proList2 .twoItem .con .bot {
        width: 150px;
        background-color: #00865E;
    }
    .proList2 .oneItem .con .bot {
        width: 150px;
    }
    .proList2 a:hover .filler2-left {
        height: 0%;
    }
    .proList2 a:hover .filler2-right {
        height: 0%;
    }
    .proList2 a:hover .filler2-top {
        width: 0%;
    }
    .proList2 a:hover .filler2-bottom {
        width: 0%;
    }
    .wpro {
        width: 90%;
    }
    .wpro .en {
        font-size: 50px;
    }
    .productPCon {
        width: 100%;
        position: relative;
        left: auto;
        top: auto;
        background: none #13478b;
    }
    .proContact {
        position: relative;
        left: auto;
        bottom: auto;
        padding: 20px 0px;
    }
    /*.exprienceBox{ float: none; width: 50%; background-position: left center; padding-left: 50%; background-size: cover;}
	.exprienceBox .en{ color: #009470;}
	.exprienceBox .btn-more{ border-color: #13478b;}
	.exprienceBox .btn-more .bbg{ right: -35%; visibility: visible; opacity: 1;}
	.exprienceBox .btn-more .bc{ color: #fff;}
	.furnitureBox{ float: none; width: 100%;}*/
    .typeBox {
        padding-top: 60px;
    }
    .itemC .con .t {
        font-size: 20px;
    }
    .proIpic .flex-direction-nav a {
        width: 40px;
        height: 40px;
        margin-top: -20px;
    }
    .proIpic .flex-direction-nav a .ico {
        transform: scale(0.8);
        background-color: transparent;
    }
    .proPrev,
    .proNext {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-top: -20px;
    }
    .securitylist li {
        width: 48%;
    }
    .hrBox {
        width: 90%;
    }
    .hrTop {
        height: 106px;
    }
    .hrTop.topLogo .logo {
        width: 147px;
    }
    .logo .name {
        font-size: 12px;
        right: -84px;
    }
    .homeBtn {
        padding: 0px;
        height: 66px;
        width: 60px;
    }
    .homeBtn .ico {
        font-size: 14px;
        height: 0px;
        overflow: hidden;
        padding-top: 66px;
        background-position: center center;
    }
    .hrMenu {
        margin: 0px;
        padding: 66px 0px 0px 0px;
        width: 100%;
    }
    .hrMenu a {
        padding: 0px;
        height: 40px;
        line-height: 40px;
        width: 25%;
        background-color: #5AD7B9;
        color: #fff;
        font-size: 14px;
    }
    .hrMenu a .cbg {
        background-color: #0db78f;
    }
    .hrMenu a .i {
        color: #fff;
    }
    .mtop3 {
        height: 106px;
    }
    .pbannerbox .con2 {
        margin-top: -45px;
    }
    .joinImg {
        padding: 120px 0px;
        background-attachment: inherit;
    }
    .hrList .hot {
        left: 10%;
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
    }
    .hrList .hicon {
        width: 10%;
    }
    .hrList .hspan:nth-child(4),
    .hrList .hspan:nth-child(5) {
        display: none;
    }
    .hrList .hspan:nth-child(2),
    .hrList .hspan:nth-child(3) {
        width: 35%;
    }
    .hrList .hspan:nth-child(6) {
        width: 20%;
    }
    .hrList .hrB {
        margin-left: 10%;
    }
    .applicationPage {
        background-attachment: inherit;
    }
    .applicationList {
        width: 80%;
    }
    .applicationList li,
    .applicationList .item1 {
        width: 33.33%;
        position: relative;
        margin-top: 25px;
    }
    .applicationList .item7 {
        width: 100%;
    }
    .applicationList li .line,
    .applicationList .item1 .line {
        display: none;
    }
    .applicationList .t {
        margin: 0px auto;
        float: none;
    }
    .applicationList .y1 {
        border: 2px solid #009470;
        background: none #fff;
        border-radius: 50%;
        box-sizing: border-box;
    }
    .applicationList .y2 {
        background: none #009470;
        border-radius: 50%;
    }
    .applicationList .tr .y1 {
        opacity: 0;
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
    .applicationList .t .y2 {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        visibility: visible;
    }
    .applicationList .t .name {
        color: #fff;
    }
    .applicationList .t .name i {
        width: 16px;
    }
    .aboutUsPc {
        width: 86%;
    }
    .aboutCulturePage {
        background-attachment: inherit;
    }
    .aboutCultureDL dd {
        width: 40%;
        margin: 0px 5%;
    }
    .aboutLifePage dd {
        width: 100%;
        float: none;
    }
    .aboutLifePage dd .filler2-left {
        height: 96%;
    }
    .aboutLifePage dd .filler2-right {
        height: 96%;
    }
    .aboutLifePage dd .filler2-top {
        width: 96%;
    }
    .aboutLifePage dd .filler2-bottom {
        width: 96%;
    }
    .aboutLifePage .img {
        float: left;
        display: block;
        width: 50%;
    }
    .aboutLifePage .con {
        padding: 60px 6% 0px;
        float: left;
        display: block;
        width: 38%;
    }
    .aboutLifePage .c {
        font-size: 14px;
    }
    .aboutLifePage .num {
        top: 25px;
        margin-top: 0px;
        margin-right: 0px;
        right: 10%;
        opacity: 1;
        visibility: visible;
    }
    .aboutLifePage .twoDD .num {
        top: 25px;
        margin-top: 0px;
    }
    .aboutUsPage {
        padding: 60px 0px;
    }
    .brandPage {
        padding: 60px 0px;
    }
    .brandBg {
        bottom: 0px;
        background-attachment: initial;
        background-size: cover;
    }
    .brandBox {
        width: 66%;
        padding: 50px 8%;
        float: none;
        margin: 0px auto;
    }
    .serviceDemo {
        width: 90%;
    }
    .servicePage .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -22px;
    }
    .servicePage .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -22px;
    }
    .yearQuanBox {
        width: 86%;
    }
    .yearQuanBox .by {
        font-size: 32px;
    }
    .yearQuanBox .t {
        font-size: 40px;
    }
    .yearQuanBox .c {
        font-size: 16px;
    }
    .leftBox {
        width: 40%;
    }
    .contactPage {
        width: 90%;
        padding: 50px 0px;
    }
    .goldList {
        width: 100%;
    }
    .goldList .botoomN {
        display: none;
    }
    .goldList .filler2-left {
        height: 100%;
    }
    .goldList .filler2-right {
        height: 100%;
    }
    .goldList .filler2-top {
        width: 100%;
    }
    .goldList .filler2-bottom {
        width: 100%;
    }
    .glodInner {
        width: 90%;
    }
    .goldList .more {
        width: 100%;
    }
    .goldBottom {
        padding: 50px 0px 60px;
    }
    .retxt {
        padding: 10px 15px;
        line-height: initial;
        height: auto;
    }
}

@media screen and (max-width:860px) {
    .box2T {
        position: relative;
        top: auto;
        left: auto;
    }
    .box2inner {
        width: 484px;
    }
    .box2C {
        margin: 0px auto;
    }
    .box2inner .item1 {
        right: auto;
        left: 0px;
        top: 0px;
    }
    .box2inner .item2 {
        right: auto;
        top: 0px;
        left: 121px;
    }
    .box2inner .item3 {
        right: 0px;
        top: 0px;
    }
    .box2inner .item4 {
        right: auto;
        left: 0px;
        top: 121px;
    }
    .box2inner .item5 {
        right: 121px;
        top: 121px;
    }
    .box2inner .item6 {
        right: auto;
        left: 0px;
        top: 242px;
    }
    .box2inner .item7 {
        right: auto;
        left: 121px;
        top: 242px;
    }
    .box2inner .item8 {
        right: 0px;
        top: 242px;
    }
    .box2inner .item9 {
        right: 242px;
        top: 363px;
    }
    .box2inner .item10 {
        right: 121px;
        top: 363px;
    }
    .box2inner .item11 {
        display: none;
    }
    #s3 .linBox .txt .t {
        font-size: 28px;
    }
    #s3 .linBox .txt .bot {
        width: 300px;
    }
    .bg62 .txt .t {
        font-size: 22px;
    }
    .nearbybtn {
        margin-top: 7%;
    }
    .profilePbox {
        width: 80%;
    }
    .culturePbox dd {
        width: 100%;
        display: block;
    }
    .culturePbox .con {
        top: 50%;
        margin-top: -77px;
    }
    .culturePbox a:hover .con {
        top: 50%;
    }
    .processPCon {
        width: 90%;
    }
    .historyPbox .lico {
        padding-left: 50px;
    }
    .onePorfile {
        width: 80%;
    }
    .onePorfile .t1 {
        font-size: 22px;
    }
    .onePorfile .t2 {
        font-size: 40px;
    }
    .onePorfile .con {
        font-size: 24px;
    }
    .twoCultrue dd .c {
        display: block;
    }
    .newItem {
        margin: 0px 4% 40px;
        width: 42%;
    }
    .vwrap .videobox {
        width: 560px;
        margin-left: -280px;
    }
    .videoa .t {
        font-size: 22px;
    }
    .videoList .videoa {
        padding: 28px 15px 15px;
    }
    .videoa .by {
        margin-bottom: 30px;
    }
    .twoServiceBox dd {
        width: 100%;
        float: none;
        background-color: #fff;
    }
    .twoServiceBox .c {
        height: auto !important;
    }
    .twoServiceBox dd .lico {
        width: 70%;
    }
    .twoServiceBox dd .lico2 {
        opacity: 0;
        visibility: visible;
    }
    .goldBox .img {
        width: 400px;
    }
    #storePage .ser-en {
        font-size: 32px;
    }
    .proList .con {
        top: 35%;
    }
    .proList .con .en {
        font-size: 22px;
    }
    .proList .con .zh {
        font-size: 15px;
    }
    .proList .con .bot {
        margin: 8px auto;
    }
    .proinfoList li {
        width: 49%;
    }
    .wpro .en {
        font-size: 40px;
    }
    .productPCon dt {
        float: none;
        width: auto;
    }
    .productPCon dd {
        float: none;
        width: auto;
        padding: 0px 5% 50px;
    }
    .proIbox1 {
        float: none;
        width: 100%;
    }
    .proIbox1 .itemC,
    .proIbox1 .itemImg {
        float: left;
        display: block;
        width: 50%;
    }
    .proIbox2 {
        width: 33.33%;
    }
    .proIbox3,
    .proIbox4 {
        width: 66.66%;
    }
    .securitylist ul {
        margin-left: 0px;
    }
    .securitylist li {
        width: 100%;
        margin: 0px 0px 20px;
    }
    .hrAbout_List a {
        width: 200px;
        height: 200px;
    }
    .hrAbout_List {
        margin: 50px 0px;
    }
    .CareerBox {
        width: auto;
    }
    .aboutCultureDL dd {
        float: none;
        width: 100%;
        margin: 0px 0px 40px;
        height: auto;
        text-align: center;
    }
    .aboutCultureDL dd .bot {
        margin: 12px auto;
    }
    .yearQuanBox {
        width: 90%;
    }
    .yearQuanBox .t {
        font-size: 38px;
    }
    .contact-dl dd.conBox,
    .contact-dl dd.ewmBox {
        width: auto;
        float: none;
    }
    .contact-dl dd.ewmBox li {
        padding: 0px 22px 20px 0px;
    }
    .goldList .t,
    .glodBanner .t {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 5px;
    }
    #boxsider {
        height: 59px !important;
        overflow:inherit;
    }
    #boxsider .headTop {
        height: 59px !important;
    }
}

@media screen and (max-width:641px) {
    .menuMobilelink a {
        margin: 0px;
        width: 25%;
        display: inline-block;
    }
    .page {
        position: relative;
    }
    #s2 .ibox {
        padding: 50px 0px;
    }
    .box2inner {
        width: 100%;
    }
    /*.box2T{ height: 90px;}
	.box2T .t{ float: left; display: block; width: 50%;}
	.box2T .c{ float: right; display: block; width: 44%; font-size: 14px; line-height: 1.8; height: 74px;}
	.box2inner .item .bg{ width: 96px; height: 36px; padding-top: 60px; left: 50%; top: 50%; margin:-48px 0px 0px -48px;}*/
    .box2T {
        margin: 0px auto 30px;
        width: 90%;
    }
    .box2inner .item {
        width: 96px;
        height: 96px;
    }
    .box2C {
        height: 384px;
        width: 288px;
    }
    .box2inner .item1 {
        right: auto;
        left: 0px;
        top: 0px;
    }
    .box2inner .item2 {
        right: auto;
        top: 0px;
        left: 96px;
    }
    .box2inner .item3 {
        right: 0px;
        top: 0px;
    }
    .box2inner .item4 {
        right: auto;
        left: 0px;
        top: 96px;
    }
    .box2inner .item5 {
        right: 0px;
        top: 96px;
    }
    .box2inner .item6 {
        right: auto;
        left: 96px;
        top: 192px;
    }
    .box2inner .item7 {
        right: 0px;
        left: auto;
        top: 192px;
    }
    .box2inner .item8 {
        right: 192px;
        top: 288px;
    }
    .box2inner .item9 {
        right: 96px;
        top: 288px;
    }
    .box2inner .item10 {
        right: 0px;
        top: 288px;
    }
    .box2inner .item11 {
        display: block;
        right: auto;
        left: 0px;
        top: 192px;
    }
    .box2inner .item .bg {
        font-size: 13px;
    }
    /* #s3 .linBox {
        width: 100%;
        height: 50%;
        float: none;
        display: block;
    }
    #s3 .linBox .txt {
        top: 40%;
    }
    #s3 .ibox {
        height: 580px;
    } */
    #s6 .linBox {
        width: 100%;
        float: none;
    }
    #s6 .ibox {
        height: 400px;
    }
    #s6 .bg60 {
        display: none;
    }
    .bg62 .txt {
        top: 38%;
    }
    .bg61 .black {
        position: absolute;
        left: 0px;
        top: 0px;
        background-color: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        display: block;
    }
    .bg61 .txt {
        position: absolute;
        left: 0px;
        top: 42%;
        text-align: center;
        color: #fff;
        width: 100%;
        line-height: 1.5;
        display: block;
    }
    .bg61 .txt .t {
        font-size: 28px;
    }
    .bg61 .txt .c {
        font-size: 16px;
    }
    .box6Con {
        padding-top: 50px;
    }
    .loginbtn {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    .linkDL dd.lin1 .br {
        padding-left: 0px;
        display: block;
    }
    .about-en {
        font-size: 32px;
    }
    .about-t {
        font-size: 16px;
    }
    .profilePbox {
        width: 90%;
    }
    .historyPbox .lico {
        padding-left: 20px;
    }
    .twoCultrue dd {
        width: 100%;
        float: none;
    }
    .twoCultrue dd .c {
        height: auto;
    }
    .proces-T .item1 {
        font-size: 24px;
    }
    .proces-T .item2 {
        font-size: 32px;
    }
    .proces-info .item1 {
        font-size: 18px;
    }
    .vwrap .videobox {
        width: 400px;
        margin-left: -200px;
        height: 350px;
        margin-top: -175px;
    }
    .videoList {
        width: 90%;
    }
    .greenChainBox {
        padding: 60px 0px;
    }
    .greeItem .img {
        width: auto;
        float: none;
    }
    .greeItem .text {
        margin: 30px 0px 0px;
        width: auto;
        float: none;
    }
    .greeItem .iimg {
        display: none;
    }
    .greeItem .text .c {
        text-indent: 0;
    }
    .pbanner2 .img {
        width: 160%;
    }
    .happinessList dd {
        width: 100%;
        float: none;
        background-color: #F8F8F8;
    }
    .twoServiceBox .ico {
        width: 70px;
    }
    .RepairPage .ser-en {
        font-size: 32px;
    }
    .RepairPage {
        height: auto;
        padding-bottom: 50px;
    }
    .RepairPage .item1 {
        float: none;
    }
    .RepairPage .item2 {
        position: relative;
        right: auto;
        bottom: auto;
        margin: 0px auto;
        padding: 30px 0px 0px;
    }
    .RepairPage .ico {
        left: auto;
        right: 5%;
        background-size: cover;
        width: 50px;
        height: 48px;
        bottom: auto;
        top: 5%;
    }
    .mbtn {
        float: none;
        margin: 0px auto;
    }
    .goldDemo .name {
        top: 0px;
    }
    .goldDemo .list {
        margin-top: 160px;
    }
    .goldBox .img {
        width: 90%;
    }
    .proBanner .con {
        text-align: center;
        left: 5%;
        width: 90%;
        top: 30%;
    }
    .proBanner .btn-more {
        margin: 5% auto 0px;
    }
    .productNav li {
        width: 25%;
    }
    .productNav a {
        padding: 10px 0px;
        height: auto;
    }
    .productNav a .ico {
        margin-bottom: 0px;
        width: 35px;
        height: 35px;
    }
    .productList dd {
        width: 46%;
        margin: 0px 2% 20px;
    }
    .psico {
        border-radius: 50%;
        background: none #e5e5e5;
    }
    .psico:hover {
        background: none #009470;
    }
    .prolistType {
        text-align: left;
    }
    .prolistType a {
        display: inline-block;
        padding: 2px 0px;
        width: 30%;
        margin: 0px 1% 4px;
        text-align: center;
    }
    .proList {
        width: 100%;
    }
    .proList li {
        width: 100%;
    }
    .proList li.item2 .item {
        margin: 0px 5% 20px;
    }
    .proinfoImgBox {
        padding-bottom: 50px;
    }
    .proinfoDemo {
        width: 100%;
        top: auto;
    }
    .proinfoDemo dd {
        text-align: left;
    }
    .proList2 .twoItem .con {
        top: 38%;
        text-align: center;
        height: auto;
    }
    .proList2 .twoItem .con .c {
        display: none;
    }
    .proList2 .twoItem .con .bot {
        margin: 10px auto;
    }
    .proList2 .con .en,
    .proList2 .twoItem .con .en {
        font-size: 22px;
    }
    .proList2 .con .zh,
    .proList2 .twoItem .con .zh {
        font-size: 15px;
    }
    .proContact dt,
    .proContact dd {
        float: none;
        width: auto;
        text-align: left;
    }
    .productPCon dt {
        display: none;
    }
    .productPCon dd {
        padding-top: 45px;
    }
    /*.exprienceBox{ padding: 250px 5% 50px; height: auto; width: 90%; background-size:inherit; background-position: left top;}
	.furnitureBox{ padding-top: 340px; background-position: right top;}
	.furnitureDemo .slick-prev{ left: 2%;}
	.furnitureDemo .slick-next{ right: 2%;}
	.proIbox2{ width: 50%; float: none;}
	.proIbox3,.proIbox4{ width: 100%; float: none;}*/
    select.selbox2 {
        float: none;
        margin-bottom: 10px;
    }
    .securityT {
        font-size: 26px;
    }
    .securityBox .r {
        width: 100px;
    }
    .securityBox .r img {
        width: 100%;
        display: block;
    }
    .pbannerbox .con2 .t {
        font-size: 24px;
    }
    .pbannerbox .con2 .c {
        font-size: 14px;
    }
    .hrAbout_List a {
        width: 160px;
        height: 160px;
    }
    .joinImg {
        padding: 100px 0px;
    }
    .hrList .hspan:nth-child(3),
    .hrList .hspan:nth-child(6) {
        display: none;
    }
    .hrList .hspan:nth-child(2) {
        width: 90%;
        text-indent: 2em;
        text-align: left;
    }
    .applicationList li,
    .applicationList .action li {
        width: 50%;
    }
    .applicationList li.item7 {
        width: 100%;
    }
    .CareerList li {
        width: 100%;
        float: none;
    }
    .aboutLifePage .img,
    .aboutLifePage .con {
        float: none;
        width: auto;
    }
    .aboutLifePage .con {
        height: auto;
        padding: 60px 7%;
    }
    .brandBox {
        width: 84%;
    }
    .brandBox .zh {
        font-size: 20px;
    }
    .brandBox .c {
        font-size: 14px;
    }
    .imgShowBox .overlayClose {
        top: 0px;
        background-color: #009470;
        position: absolute;
        z-index: 1000;
        width: 40px;
        height: 40px;
    }
    .imgShowDemo .item {
        background-size: contain;
    }
    .imgShowDemo .owl-controls .owl-buttons div {
        width: 30px;
        height: 30px;
        z-index: 1000;
        display: none;
    }
    .serviceDemo .item:hover .icobg {
        left: 0%;
        display: none;
    }
    .serviceDemo .item:hover .ico {
        left: 0%;
        display: none;
    }
    .hi-num {
        display: none;
    }
    .imgShowBox {
        padding: 50px 0px;
    }
    .yearQuanBox {
        width: 100%;
    }
    .rightBox2 {
        float: none;
        margin: 0px auto 30px;
    }
    .leftBox {
        width: 80%;
        margin: 0px auto;
        float: none;
        text-align: center;
    }
    .ermBox {
        margin: 50px auto 0px;
        width: 184px;
    }
    .action .rightBox2 {
        transition: 500ms ease 0ms;
        -webkit-transition: 500ms ease 0ms;
    }
    .mapbox {
        height: 300px;
    }
    .screenBox {
        padding: 15px 0px;
    }
    .screenitem1 {
        padding: 0px 20px;
    }
    .screenitem1 dd {
        min-height: 25px;
        padding-left: 70px;
        margin-right: 0px;
        position: relative;
    }
    .screenitem1 .by-conditions-title {
        left: 0px;
        top: 0px;
        position: absolute;
    }
    .by-conditions-con a {
        display: inline-block;
    }
    .goldList .t {
        font-size: 20px;
    }
    .glodBanner .c {
        font-size: 15px;
    }
}

@media screen and (max-width:481px) {
    .menuMobilelink a {
        width: 50%;
    }
    .box2T {
        width: 288px;
    }
    #s5 .ibox {
        height: 500px;
    }
    .ibox5c {
        width: 288px;
        height: 288px;
        margin: -144px 0px 0px -144px;
    }
    .ibox5c .item {
        width: 144px;
        height: 144px;
        font-size: 12px;
    }
    .ibox5c .item .txt,
    .ibox5c .item .info {
        width: 114px;
        padding: 0px 15px;
        height: 144px;
    }
    .ibox5c .item .txt .c {
        height: 84px;
        padding: 20px 0px 0px;
    }
    .ibox5c .item .info .num {
        font-size: 32px;
        padding: 20px 0px 0px;
    }
    .ibox5c .item .info .i {
        font-size: 16px;
    }
    .ibox5c .item .info .t {
        left: auto;
        position: relative;
        bottom: auto;
    }
    .historyPbox .lico {
        padding-left: 0px;
    }
    .onePorfile .t2 {
        padding: 15px 0px;
        line-height: 1.1;
    }
    .onePorfile .con {
        font-size: 20px;
    }
    .onePorfile .icoBox span {
        margin: 0px 5%;
    }
    .proces-T dd,
    .proces-info dd {
        float: none;
        width: 100%;
        background-color: #fff;
    }
    .proces-padding-l,
    .proces-padding-r {
        padding: 0px;
    }
    .proces-T .item1,
    .proces-T .item2,
    .proces-info .item1,
    .proces-info .item2 {
        text-align: center;
    }
    .proces-info .item1,
    .proces-T .item1 {
        padding: 20px 0px 30px;
    }
    .proces-info .item2,
    .proces-T .item2 {
        padding-bottom: 20px;
    }
    .proces-list {
        background-color: #fff;
    }
    .proces-list dt.section {
        width: 100%;
        background-color: #fff;
    }
    .proces-list dd {
        padding: 30px 5% 0;
        background-color: #fff;
    }
    .proces-list .pitem1 {
        width: 30%;
    }
    .proces-list .pitem2 {
        width: 70%;
    }
    .proces-yd {
        left: 30%;
    }
    .p-year {
        margin-right: 0px;
        float: none;
        padding-right: 0px;
    }
    .proces-list .proces-R .pitem1 {
        float: left;
    }
    .proces-L .month {
        margin-right: 0px;
        float: none;
    }
    .proces-R .month {
        margin: 0px;
    }
    .proces-L .txt {
        margin-left: 24px;
    }
    .proces-R .txt {
        float: none;
        margin: 0px 0px 0px 24px;
    }
    .newItem {
        margin: 0px 4% 40px;
        width: 92%;
        float: none;
    }
    .vwrap .videobox {
        width: 300px;
        margin-left: -150px;
        height: 300px;
        margin-top: -150px;
    }
    .productNav li {
        width: 33.33%;
    }
    .productList dd {
        width: 100%;
        float: none;
        margin: 0px 0px 25px;
    }
    .proinfoList ul {
        margin-left: 0px;
    }
    .proinfoList li {
        width: 100%;
        float: none;
        margin: 0px 0px 30px 0px;
    }
    .proList2 li .img,
    .proList2 li.twoItem .img {
        width: 100%;
    }
    .proList2 .oneItem .con,
    .proList2 .twoItem .con {
        left: 5%;
        width: 90%;
        color: #fff;
    }
    .proList2 .twoItem .con .bot,
    .proList2 .twoItem a:hover .con .bot {
        background-color: #fff;
    }
    .proIbox1 .itemC,
    .proIbox1 .itemImg,
    .proIbox3 .itemC,
    .proIbox3 .itemImg,
    .proIbox4 .itemC,
    .proIbox4 .itemImg {
        float: none;
        width: 100%;
    }
    .proIbox2 {
        width: 100%;
    }
    .itemC {
        height: 200px;
    }
    .itemC .con .t {
        font-size: 28px;
    }
    .itemC .con .by {
        font-size: 18px;
    }
    .itemC .img {
        display: none;
    }
    .proIbox1:hover,
    .proIbox3:hover,
    .proIbox4:hover {
        border: 0px none;
    }
    .goldico {
        display: none;
    }
}

@media screen and (max-width: 375px) {
    .box4Ttx {
        width: 224px;
    }
    .menu {
        width: 48px;
    }
    .menu .l {
        display: none;
    }
    .culturePbox .img {
        width: 130%;
    }
    .vwrap .videobox {
        width: 240px;
        margin-left: -120px;
        height: 300px;
        margin-top: -150px;
    }
    .hrAbout_List li {
        float: none;
        width: 100%;
    }
    .hrAbout_List li:nth-child(1) {
        margin-bottom: 30px;
    }
}