.container {
    max-width: 1370px;
    width: 100%;
    margin: 0 auto;
}

.header-right {
    width: 62%;
}

.topcon {
    text-align: right;
    position: relative;
}

.topcon span {
    line-height: 44px;
    font-size: 12px;
}

.topcon .tel {
    color: #a47738;
    background: url(../image/d75ec20c07816838f678883c3ad4fec165dd3e6d.png) no-repeat left center;
    padding-left: 20px;
}

.topcon .tel e {
    font-size: 16px;
    font-family: 'Arial';
}

.topcon .serBtn {
    background: url(../image/410bdb36edd6c69932e59a94a16d4f58480e9809.png) no-repeat left center;
    color: #666;
    padding-left: 26px;
    margin-left: 30px;
    position: relative;
    cursor: pointer;
}

.topcon .serBtn:before {
    content: '';
    position: absolute;
    left: -17px;
    top: 2px;
    height: 12px;
    width: 1px;
    background: #c9c9c9;
}

.topsear {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 99;
    background: #fff;
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 3px;
}

/*简介*/
.wrap-about {
    background: url(../image/9caa9c0c9fa65288e4d89eecbceddff32848d4f8.jpg) no-repeat bottom center;
    padding: 80px 0;
}

.about-left {
    width: 50%;
    font-size: 18px;
    color: #333;
    line-height: 38px;
}

.about-left h2 {
    font-size: 36px;
    color: #a57739;
    font-weight: 600;
    padding-bottom: 4%;
}

a.newsmore, .about-left a {
    display: block;
    font-size: 15px;
    color: #a57739;
    width: 196px;
    line-height: 54px;
    border: 1px solid #a57739;
    border-radius: 5px;
    padding-left: 40px;
    margin-top: 70px;
    position: relative;
    transition: all .3s;
}

a.newsmore:after, .about-left a:after {
    content: '';
    position: absolute;
    left: 66%;
    top: 40%;
    background: url(../image/f754312b393eb8679f95f719892e243c1c5e79cf.png);
    width: 21px;
    height: 6px;
}

a.newsmore:hover:after, .about-left a:hover:after {
    background: url(../image/c4be84e7e99d20367e80b4e68fbe46908f5f0631.png);
}

a.newsmore:hover, .about-left a:hover {
    background-color: #a57739;
    color: #fff;
    border-radius: 0;
}

.about-img {
    width: 44%;
}

.about-img img {
    width: 100%;
}

/*第一个产品*/
.wrap-pro {
    background: url(../image/4f1e478356667aaf1edae9e259afca33d417cadb.jpg) no-repeat;
    padding: 80px 0;
    background-attachment: fixed;
}

.pro-img {
    width: 70%;
}

.pro-img .img {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.pro-img .img::after {
    transition: ease 0.3s;
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 0%;
    background-color: #fff;
    content: "";
    opacity: 0.5;
}

.pro-img .img:hover::after {
    transition: ease 0.4s;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 130%;
    background-color: transparent;
    content: "";
    opacity: 0.5;
}

.pro-img .img img {
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.pro-img .img:hover img {
    transform: scale(1.04);
}

.pro-con {
    width: 30%;
    min-height: 589px;
    padding-left: 50px;
    padding-top: 90px;
    background: url(../image/42e8eb8116fe49b9d1de6e6e5b60b10a0111bf17.png) no-repeat right bottom rgba(255,255,255,.8);
}

.pro-con img {
    padding-bottom: 30px;
}

.pro-con h2 {
    font-size: 36px;
    color: #473532;
    font-weight: 600;
}

.pro-con p {
    margin: 0;
    font-size: 30px;
    color: #333;
    padding-top: 40px;
}

.pro-con .wzd {
    font-size: 20px;
    color: #6e5d5b;
    line-height: 58px;
}

.pro-con a {
    display: block;
    font-size: 16px;
    color: #a57739;
    background: url(../image/31bfd3daa94636193721f34e4a7d11db96276b80.png) no-repeat;
    width: 162px;
    line-height: 40px;
    text-align: center;
    transition: all .5s;
    margin-top: 50px;
}

.pro-con a:hover {
    background: url(../image/f45044bbd5c50073a1c5635b5be76e8c24527dda.png) no-repeat;
    color: #fff;
}

/*第二个产品*/
.prosec {
    padding: 80px 0;
}

.prosec .pro-con {
    background: url(../image/42e8eb8116fe49b9d1de6e6e5b60b10a0111bf17.png) no-repeat right bottom rgba(253,251,247,1);
}

/*第三个产品*/
.wrap-nest {
    background: url(../image/11392e723b102bb7b823eac2331323f047513db7.jpg) no-repeat;
    padding: 80px 0;
    background-attachment: fixed;
}

/*新闻*/
.newT {
    text-align: center;
    font-size: 36px;
    color: #473532;
    padding: 60px 0;
}

.news-list {
    margin: 0 -16px;
}

.news-item {
    margin: 0 16px;
}

.news-list .img {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.news-list .news-item .img img {
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.news-list .news-item:hover .img img {
    transform: scale(1.1);
}

.news-list .wz {
    padding-top: 38px;
}

.news-list .wz h3 {
    font-size: 18px;
    color: #473532;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.news-list .news-item:hover .wz h3 {
    color: #af854d;
}

.news-list .wz p {
    font-size: 16px;
    color: #8d817f;
    line-height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.news-list .date {
    font-size: 14px;
    color: #8d817f;
}

a.newsmore {
    display: block;
    width: 176px;
    line-height: 50px;
    margin: 0 auto;
    margin-top: 50px;
}

/*首页2图*/
.wrap-poster {
    background: #fdfbf7;
    padding: 68px 0;
    margin-top: 68px;
}

.poster-left, .poster-right {
    background-image: url(../image/ff1a602e1c158eb2f6f0a9393fcda4f8793a1d01.jpg);
    border-radius: 5px;
    width: 48%;
    min-height: 368px;
    height: 100%;
    background-size: 100% 100%;
    transition: background-size 0.3s linear;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.poster-left {
    background-image: url(../image/75dd00c861cf810cfbed1e6fd672bf4bdbc4d5eb.png);
}

.poster-right:hover, .poster-left:hover {
    background-size: 110% 110%;
}

.poster-left-con {
    text-align: center;
    width: 48%;
    margin-right: 30px;
    margin-top: 70px;
}

.poster-left-con h2 {
    font-size: 28px;
    color: #fff;
    padding-top: 20px;
}

.poster-left-con span {
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 50px;
    line-height: 34px;
    width: 126px;
    font-size: 18px;
    color: #fff;
    margin-top: 30px;
}

.poster-right {
    padding-top: 90px;
}

.poster-right h2 {
    text-align: center;
    color: #fff;
    font-size: 28px;
}

.s_inp {
    width: 60%;
    margin: 0 auto;
    padding-top: 30px;
}

.s_inp input {
    border: none;
    outline: none;
}

.s_inp #s_btn, .s_inp #keyword {
    background: #fff;
    line-height: 54px;
    border-radius: 5px;
    width: 77%;
}

.s_inp #keyword {
    padding-left: 32px;
}

#formsearch {
    position: relative;
}

.formd1 {
    width: 2px;
    height: 16px;
    background: #b8b0af;
    position: absolute;
    left: 18px;
    top: 20px;
}

.s_inp #s_btn {
    width: 20%;
    background: url(../image/dca9c59d317b7ddb5cc395b427ee02f80002d235.png) no-repeat center center #fff;
    text-indent: 100px;
    overflow: hidden;
}

.serkey {
    text-align: center;
    color: rgba(255,255,255,1);
    font-size: 14px;
}

.serkey a {
    padding: 0 6px;
    color: #fff;
    line-height: 80px;
}

.serkey a:hover {
    color: rgba(255,255,255,.8);
}

.s_inp #keyword::-webkit-input-placeholder {
    font-size: 16px;
    color: #a59795;
}

/*底部*/
.wrap-foot {
    background: url(../image/5084cba8e5bbf08c5e77fe005c473cab7cb69a8f.jpg) no-repeat;
    padding: 60px 0;
}

.footnav {
    width: 32%;
}

.navlink a, .navlink {
    color: #a9a9a9;
    font-size: 16px;
    padding-top: 26px;
}

.navlink a:hover {
    color: #af854d;
}

.fcontact {
    width: 40%;
}

.fcontact h2 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    padding-bottom: 30px;
}

.fcontact p {
    margin: 0;
    font-size: 16px;
    color: #a9a9a9;
    line-height: 28px;
}

.x-seo {
    color: #757575;
    padding-top: 24px;
}

.x-seo a {
    font-size: 12px;
    color: #757575;
}

.x-seo a:hover {
    color: #af854d;
}

.fcode {
    width: 22%;
}

.fcode img {
    width: 100%;
}

.fcode span {
    display: inline-block;
    text-align: center;
    line-height: 48px;
    color: #a9a9a9;
}

.fcode span.fcode2 {
    margin-left: 30px;
}

.fcode span p {
    margin: 0;
}

@media (max-width: 1024px) {
    .about-left {
        padding-top: 16px;
    }

    .about-left a {
        margin-top: 48px;
    }

    .pro-con {
        padding-top: 44px;
        padding-left: 40px;
        min-height: 438px;
    }

    .pro-con h2 {
        font-size: 32px;
    }

    .pro-con p {
        font-size: 26px;
        padding-top: 20px;
    }

    .pro-con .wzd {
        line-height: 44px;
        font-size: 18px;
    }

    .poster-right h2, .poster-left-con h2 {
        font-size: 26px;
    }

    .poster-left-con span {
        line-height: 30px;
        width: 104px;
        font-size: 16px;
        margin-top: 20px;
    }

    .poster-left, .poster-right {
        min-height: 271px;
    }

    .poster-right {
        padding-top: 60px;
    }

    .poster-left-con {
        margin-top: 44px;
    }

    .footnav {
        width: 34%;
    }

    .fcode {
        width: 26%;
    }

    .fcode span.fcode2 {
        margin-left: 10px;
    }
}

@media (max-width: 768px) {
    .s_inp {
        width:80%;
    }

    .pro-img {
        width: 64%;
    }

    .pro-con {
        width: 36%;
        min-height: 296px;
        padding-left: 24px;
    }

    .pro-con a {
        margin-top: 30px;
    }

    .pro-con img {
        display: none;
    }

    .poster-left-con {
        width: 66%;
    }

    .fcontact, .footnav {
        width: 50%;
    }
}

@media (max-width: 425px) {
    .about-left {
        width:100%;
        font-size: 14px;
        line-height: 26px;
    }

    .about-left h2 {
        font-size: 24px;
        text-align: center;
    }

    .wrap-about {
        padding: 30px 0 40px;
    }

    .about-img {
        width: 100%;
        margin-top: 20px;
    }

    .about-left a {
        width: 130px;
        line-height: 40px;
        margin: 0 auto;
        margin-top: 20px;
        padding-left: 18px;
        font-size: 13px;
    }

    .pro-img {
        width: 100%;
    }

    .pro-con {
        width: 100%;
        min-height: 286px;
        padding-left: 40px;
    }

    .pro-con img {
        display: none;
    }

    .pro-con a {
        margin-top: 20px;
        font-size: 14px;
    }

    .wrap-pro, .prosec, .wrap-nest, .newT, .wrap-poster {
        padding: 40px 0;
    }

    .news-list {
        margin: 0 -8px;
    }

    .news-item {
        margin: 0 8px;
    }

    .wrap-poster {
        margin-top: 40px;
    }

    .poster-right, .poster-left {
        width: 100%;
    }

    .poster-right {
        margin-top: 20px;
    }

    .poster-left-con {
        width: 60%;
    }

    .footnav {
        display: none;
    }

    .fcontact {
        width: 100%;
    }

    .wrap-foot {
        padding: 40px 0;
    }

    .pro-con h2 {
        font-size: 24px;
    }

    .pro-con p {
        font-size: 16px;
        padding-top: 14px;
    }

    .pro-con .wzd {
        font-size: 14px;
        line-height: 32px;
    }

    .newT {
        font-size: 24px;
        padding-bottom: 24px;
    }

    .news-list .wz {
        padding-top: 20px;
    }

    .news-list .wz h3 {
        font-size: 16px;
    }

    .news-list .wz p {
        font-size: 14px;
        line-height: 1;
        margin-bottom: 8px;
        margin-top: 10px;
    }

    a.newsmore{
        width: 130px;
        line-height: 40px;
        margin: 0 auto;
        margin-top: 20px;
        padding-left: 18px;
        font-size: 13px;
    }

    .poster-right h2, .poster-left-con h2{
        font-size:22px;
    }
}

@media (max-width: 375px) {
    .poster-left-con {
        width: 68%;
    }
}

html {
    overflow-x: hidden;
}

p {
    margin: 0;
}