body{

    padding-top:90px;

}

.title1 h2{

    font-size: 40px;

    color:#d4b279;

    text-align: center;

}

.title1 h2::after{

    content: '';

    display: block;

    margin: 17px auto 14px;

    width:100px;

    height: 1px ;

    background: #d4b279;

}
.newsChild:nth-child(2n){
    display: flex;
    flex-direction: column;

}
.newsChild:nth-child(2n) .newsImg{
    order:-1;
    margin-bottom:36px;
}
.newsChild:nth-child(2n) .newsText{
    margin-bottom:0;
}
.ourAdvantagesItem1 p{
    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;
}
@media screen and (min-width:1800px){



    /*

        *

        *   banner style start 

        *

    */

        .banner{

            width:100%;

            position: relative;

        }

        .banner a{

            display: block;

            position: absolute;

        }

        .banner img{

            width:100%;

        }

        .banner a:first-child{

            z-index: 2;

        }

        .banner ul{

            position: absolute;

            bottom:5%;

            z-index: 3;

            width: 100%;

            text-align: center;

        }

        .banner ul li{

            margin: 0 auto;

            display: inline-block;

            width:50px;

            height: 4px;

            background:rgba(221,221,221,.7);

            margin-right: 10px;

        }

        .banner ul li:first-child{

            background:#D4B279;

        }

        .banner .btn span{

            display: inline-block;

            text-align: center;

            width: 60px;

            height: 60px;

            /*background-color: rgba(255, 255 , 255, .4)*/

        }

        .banner .btn #left{

            position: absolute;

            top: 40%;

            left:5%;

            z-index: 3;

        }

        .banner .btn #right{

                top: 40%;

            position: absolute;

            right: 5%;

            z-index: 3;

        }

    /*      banner style end*/

    /*

        *

        *   about style start

        *

    */

        .about{

            width:1330px;

            margin: 0 auto;

            padding:100px 0 100px;

            

        }

        .abtouLeft{

            background: url(../images/index/aboutLeftBg.png) no-repeat;

            padding-left:80px;

            padding-top:33px;

            width: 50%;

        }

        .abtouRight{

            background:url(../images/index/index--about--bg.png) no-repeat ;

            background-position: -221px 512px;

            padding-top:94px;

            padding-right: 50px;

            width: 50%;

        }

        .abtouRight .aboutText{

            width: 528px;

            text-align: right;

            line-height: 1;

        }

        .abtouRight .aboutText h2{

            font-size: 25px;

            color: #333;

            margin-bottom:12px;

            overflow: hidden;

            text-overflow:ellipsis;

            white-space: nowrap;

        }

        .abtouRight .aboutText h3{

            font-size: 25px;

            color: #333;

            font-weight: bold;

            overflow: hidden;

            text-overflow:ellipsis;

            white-space: nowrap;

            clear: both;

        }

        .abtouRight .aboutText h3::after{

            content: "";

            display: block;

            width: 100px;

            height: 1px;

            background: #C4A36D;

            margin:23px 0 40px; 

            float: right;

        }

        .abtouRight .aboutText p{

            color: #666;

            font-size: 14px;

            line-height: 28px;

            margin-bottom:50px;

            

        }

        .abtouRight .aboutText a{

            display: inline-block;

            width: 240px;

            height: 38px;

            line-height: 38px;

            text-align: center;

            border:1px solid #C4A36D;

            color: #C4A36D;

            letter-spacing:2px;

            margin-bottom:134px;

        }

    /*      about style end*/

    /*

        *

        *   Our Advantages style start

        *

    */

        .ourAdvantagesWrap{

            width: 1800px;

            margin: 0 auto;

            box-shadow: 0 0 50px #F1F1F1;

            display: flex;

        }

        .ourAdvantagesItem1{

            width: 413px;

            background: #D4B279;

            color: #fff;

            padding-left:37px;

            padding-top:100px;

        }

        .ourAdvantagesItem1 h2{

            letter-spacing:3px;

            font-size: 25px;

            font-weight: bold;

        }

        .ourAdvantagesItem1 h2::after{

            content: "";

            display: block;

            width: 40px;

            height: 3px;

            background: #fff;

            margin: 42px 0 265px;

        }

        .ourAdvantagesItem1 p{

            font-size: 16px;

            line-height: 26px;

            margin-bottom:29px;

        }

        .ourAdvantagesItem3Text{

            width: 558px;

            padding:100px 50px 50px;

        }

        .ourAdvantagesItem3Text>p{

            font-size: 14px;

            color: #8c8c8c;

            margin-bottom:57px;

        }

        .ourAdvantagesItem3TextWrap{

            display: flex;

            flex-wrap: wrap;

            justify-content: space-between;

        }

        .ourAdvantagesItem3TextChild{

            width: 50%;

            text-align: center;

        }

        .ourAdvantagesItem3TextChild img{

            margin-bottom:24px;

        }

        .ourAdvantagesItem3TextChild:nth-child(1),.ourAdvantagesItem3TextChild:nth-child(2){

            margin-bottom:40px;

        }

        .ourAdvantagesItem3Img{

            padding-top:47px;

            margin-left:80px;

        }

    /*      Our Advantages style end*/

    /*

        *

        *   product style start

        *

    */

        .product{

            padding:96px 0 108px;

        }
        .item1{
            padding-bottom:50px !important; 
        }
        .item2{
            padding-top:50px !important;
        }
        .product .title1 h2::after{

            margin-bottom:41px;

        }

        .productBox{

            position: relative;

            width: 1200px;

            margin: 0 auto;

        }

        .productContainer{

            position: relative;

            width: 1200px;

            margin: 0 auto;

        }

        .productBtn{

            width: 26px;

            height: 41px;

            position: absolute;

            top:40%;

            outline: none;

        }

        .productBtn:nth-child(2){

            background: url(../images/index/proLeft.png) no-repeat center center;

            left:-80px;

        }

        .productBtn:nth-child(2):hover{

            background: url(../images/index/proLeftHover.png) no-repeat center center;

        }

        .productBtn:nth-child(3){

            background: url(../images/index/proRihgt.png) no-repeat center center;

            right:-80px;

        }

        .productBtn:nth-child(3):hover{

            background: url(../images/index/proRightHover.png) no-repeat center center;

        }

        .porductChild{

            position: relative;

            border:1px solid #D4B279;

        }

        .porductChild:hover .productText{

            display: block;

        }

        .productText{

            position: absolute;

            width: 100%;

            height: 100%;

            background: rgba(0, 0, 0, .7);

            top:0;

            left: 0;

            text-align: center;

            color: #fff;

            display: none;

        }

        .productText h3{

            font-size: 26px;

            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;

            margin-top:102px;

        }

        .productText h3::after{

            content: "";

            display: block;

            width: 50px;

            height: 1px;

            background: #fff;

            margin: 15px auto;

        }

        .productText p {

            font-size: 14px;

            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;

        }

    /*      product style end*/

    /*

        *

        *   news style start

        *

    */

        .news{

            padding:100px 0 90px;

            background: url(../images/index/index--news--bg.jpg) no-repeat;

        }

        .news .title1 h2::after{

            margin-bottom:40px;

        }

        .newsBox{

            width: 1200px;

            margin: 0 auto;

            position: relative;

        }

        .newsText,.newsImg{

            width: 100%;

            height: 288px;

        }

        .newsImg{

            border:1px solid #EAE9E8;

        }

        .newsText{

            padding:30px 20px 0;

            background: #fff;

            margin-bottom:36px;

        }

        .newsText h2{

            font-size: 18px;

            color: #333333;

            line-height: 24px;

            height: 48px;

            margin-bottom: 10px;

            display: -webkit-box;

            -webkit-line-clamp: 2;

            -webkit-box-orient: vertical;

            overflow: hidden;

        }

        .newsText span{

            color: #d4b279;

            font-size: 14px;

        }

        .newsText p {

            font-size: 14px;

            color: #666;

            line-height: 18px;

            height: 54px;

            margin-bottom: 80px;

            display: -webkit-box;

            -webkit-line-clamp: 3;

            -webkit-box-orient: vertical;

            overflow: hidden;

        }

        .newsText a{

            display: inline-block;

            width: 74px;

            height: 24px;

            border:1px solid #C7C7C7;

            text-align: center;

            line-height: 24px;

            color: #595959;

            font-size: 14px;

        }

    /*      news style end*/

}

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



    /*

        *

        *   banner style start 

        *

    */

        .banner{

            width:100%;

            position: relative;

        }

        .banner a{

            display: block;

            position: absolute;

        }

        .banner img{

            width:100%;

        }

        .banner a:first-child{

            z-index: 2;

        }

        .banner ul{

            position: absolute;

            bottom:5%;

            z-index: 3;

            width: 100%;

            text-align: center;

        }

        .banner ul li{

            margin: 0 auto;

            display: inline-block;

            width:50px;

            height: 4px;

            background:rgba(221,221,221,.7);

            margin-right: 10px;

        }

        .banner ul li:first-child{

            background:#D4B279;

        }

        .banner .btn span{

            display: inline-block;

            text-align: center;

            width: 60px;

            height: 60px;

            /*background-color: rgba(255, 255 , 255, .4)*/

        }

        .banner .btn #left{

            position: absolute;

            top: 40%;

            left:5%;

            z-index: 3;

        }

        .banner .btn #right{

                top: 40%;

            position: absolute;

            right: 5%;

            z-index: 3;

        }

    /*      banner style end*/

    /*

        *

        *   about style start

        *

    */

        .about{

            width:92.708%;

            margin: 0 auto;

            padding:100px 0 100px;

            

        }

        .abtouLeft{

            background: url(../images/index/aboutLeftBg.png) no-repeat;

            padding-left:80px;

            padding-top:33px;

            width: 50%;

        }

        .abtouRight{

            background:none;

            background-position: -214px 442px;

            padding-top:65px;

            padding-right: 50px;

            width: 50%;

        }

        .abtouRight .aboutText{

            width: 90%;

            text-align: right;

            line-height: 1;

        }

        .abtouRight .aboutText h2{

            font-size: 25px;

            color: #333;

            margin-bottom:12px;

            overflow: hidden;

            text-overflow:ellipsis;

            white-space: nowrap;

        }

        .abtouRight .aboutText h3{

            font-size: 25px;

            color: #333;

            font-weight: bold;

            overflow: hidden;

            text-overflow:ellipsis;

            white-space: nowrap;

        }

        .abtouRight .aboutText h3::after{

            content: "";

            display: block;

            width: 100px;

            height: 1px;

            background: #C4A36D;

            margin:23px 0 40px; 

            float: right;

        }

        .abtouRight .aboutText p{

            color: #666;

            font-size: 14px;

            line-height: 28px;

            margin-bottom:50px;

            display: -webkit-box;

            -webkit-line-clamp: 8;

            -webkit-box-orient: vertical;

            overflow: hidden;

        }

        .abtouRight .aboutText a{

            display: inline-block;

            width: 240px;

            height: 38px;

            line-height: 38px;

            text-align: center;

            border:1px solid #C4A36D;

            color: #C4A36D;

            letter-spacing:2px;

            margin-bottom:0px;

        }

    /*      about style end*/

    /*

        *

        *   Our Advantages style start

        *

    */

        .ourAdvantagesWrap{

            width: 92%;

            margin: 0 auto;

            box-shadow: 0 0 50px #F1F1F1;

            display: flex;

            flex-wrap: wrap;

        }

        .ourAdvantagesItem1{

            width: 50%;

            background: #D4B279;

            color: #fff;

            padding-left:37px;

            padding-top:100px;

        }

        .ourAdvantagesItem1 h2{

            letter-spacing:3px;

            font-size: 25px;

            font-weight: bold;

        }

        .ourAdvantagesItem1 h2::after{

            content: "";

            display: block;

            width: 40px;

            height: 3px;

            background: #fff;

            margin: 42px 0 265px;

        }

        .ourAdvantagesItem1 p{

            font-size: 16px;

            line-height: 26px;

            margin-bottom:29px;

        }

        .ourAdvantagesItem2{

            width: 50%;

        }

        .ourAdvantagesItem2 img{

            width: 100%;

            height: 100%;

        }

        .ourAdvantagesItem3{

            width: 100%;

            text-align: center;

        }

        .ourAdvantagesItem3Text{

            width: 80%;

            padding:100px 50px 50px;

        }

        .ourAdvantagesItem3Text>p{

            font-size: 14px;

            color: #8c8c8c;

            margin-bottom:57px;

        }

        .ourAdvantagesItem3TextWrap{

            display: flex;

            flex-wrap: wrap;

            justify-content: space-between;

        }

        .ourAdvantagesItem3TextChild{

            width: 50%;

            text-align: center;

        }

        .ourAdvantagesItem3TextChild img{

            margin-bottom:24px;

        }

        .ourAdvantagesItem3TextChild:nth-child(1),.ourAdvantagesItem3TextChild:nth-child(2){

            margin-bottom:40px;

        }

        .ourAdvantagesItem3Img{

            padding-top:47px;

            margin-left:80px;

        }

    /*      Our Advantages style end*/

    /*

        *

        *   product style start

        *

    */

        .product{

            padding:96px 0 108px;

        }
        .item1{
            padding-bottom:50px !important; 
        }
        .product .title1 h2::after{

            margin-bottom:41px;

        }

        .productBox{

            position: relative;

            width: 62.5%;

            margin: 0 auto;

        }

        .productContainer{

            position: relative;

            width: 100%;

            margin: 0 auto;

        }

        .productBtn{

            width: 26px;

            height: 41px;

            position: absolute;

            top:40%;

            outline: none;

        }

        .productBtn:nth-child(2){

            background: url(../images/index/proLeft.png) no-repeat center center;

            left:-80px;

        }

        .productBtn:nth-child(2):hover{

            background: url(../images/index/proLeftHover.png) no-repeat center center;

        }

        .productBtn:nth-child(3){

            background: url(../images/index/proRihgt.png) no-repeat center center;

            right:-80px;

        }

        .productBtn:nth-child(3):hover{

            background: url(../images/index/proRightHover.png) no-repeat center center;

        }

        .porductChild{

            position: relative;

            border:1px solid #D4B279;

        }

        .porductChild:hover .productText{

            display: block;

        }

        .productText{

            position: absolute;

            width: 100%;

            height: 100%;

            background: rgba(0, 0, 0, .7);

            top:0;

            left: 0;

            text-align: center;

            color: #fff;

            display: none;

        }

        .productText h3{

            font-size: 26px;

            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;

            margin-top:50px;

        }

        .productText h3::after{

            content: "";

            display: block;

            width: 50px;

            height: 1px;

            background: #fff;

            margin: 15px auto;

        }

        .productText p {

            font-size: 14px;

            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;

        }

    /*      product style end*/

    /*

        *

        *   news style start

        *

    */

        .news{

            padding:100px 0 90px;

            background: url(../images/index/index--news--bg.jpg) no-repeat;

        }

        .news .title1 h2::after{

            margin-bottom:40px;

        }

        .newsBox{

            width: 80.5%;

            margin: 0 auto;

            position: relative;

        }

        .newsText,.newsImg{

            width: 100%;

            height: 288px;

        }

        .newsImg{

            border:1px solid #EAE9E8;

        }

        .newsText{

            padding:30px 20px 0;

            background: #fff;

            margin-bottom:36px;

        }

        .newsText h2{

            font-size: 18px;

            color: #333333;

            line-height: 24px;

            height: 48px;

            margin-bottom: 10px;

            display: -webkit-box;

            -webkit-line-clamp: 2;

            -webkit-box-orient: vertical;

            overflow: hidden;

        }

        .newsText span{

            color: #d4b279;

            font-size: 14px;

        }

        .newsText p {

            font-size: 14px;

            color: #666;

            line-height: 18px;

            height: 54px;

            margin-bottom: 80px;

            display: -webkit-box;

            -webkit-line-clamp: 3;

            -webkit-box-orient: vertical;

            overflow: hidden;

        }

        .newsText a{

            display: inline-block;

            width: 74px;

            height: 24px;

            border:1px solid #C7C7C7;

            text-align: center;

            line-height: 24px;

            color: #595959;

            font-size: 14px;

        }

    /*      news style end*/

}

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



    /*

        *

        *   banner style start 

        *

    */

        .banner{

            width:100%;

            position: relative;

        }

        .banner a{

            display: block;

            position: absolute;

        }

        .banner img{

            width:100%;

        }

        .banner a:first-child{

            z-index: 2;

        }

        .banner ul{

            position: absolute;

            bottom:5%;

            z-index: 3;

            width: 100%;

            text-align: center;

        }

        .banner ul li{

            margin: 0 auto;

            display: inline-block;

            width:50px;

            height: 4px;

            background:rgba(221,221,221,.7);

            margin-right: 10px;

        }

        .banner ul li:first-child{

            background:#D4B279;

        }

        .banner .btn span{

            display: inline-block;

            text-align: center;

            width: 60px;

            height: 60px;

            /*background-color: rgba(255, 255 , 255, .4)*/

        }

        .banner .btn #left{

            position: absolute;

            top: 40%;

            left:5%;

            z-index: 3;

        }

        .banner .btn #right{

                top: 40%;

            position: absolute;

            right: 5%;

            z-index: 3;

        }

    /*      banner style end*/

    /*

        *

        *   about style start

        *

    */

        .about{

            width:92.708%;

            margin: 0 auto;

            padding:100px 0 100px;

            

        }

        .abtouLeft{

            background: url(../images/index/aboutLeftBg.png) no-repeat;

            padding-left:80px;

            padding-top:33px;

            width: 50%;

        }

        .abtouRight{

            background:none;

            background-position: -214px 442px;

            padding-top:10px;

            padding-right: 50px;

            width: 50%;

        }

        .abtouRight .aboutText{

            width: 90%;

            text-align: right;

            line-height: 1;

        }

        .abtouRight .aboutText h2{

            font-size: 25px;

            color: #333;

            margin-bottom:12px;

            overflow: hidden;

            text-overflow:ellipsis;

            white-space: nowrap;

        }

        .abtouRight .aboutText h3{

            font-size: 25px;

            color: #333;

            font-weight: bold;

            overflow: hidden;

            text-overflow:ellipsis;

            white-space: nowrap;

        }

        .abtouRight .aboutText h3::after{

            content: "";

            display: block;

            width: 100px;

            height: 1px;

            background: #C4A36D;

            margin:23px 0 40px; 

            float: right;

        }

        .abtouRight .aboutText p{

            color: #666;

            font-size: 14px;

            line-height: 28px;

            margin-bottom:50px;

            display: -webkit-box;

            -webkit-line-clamp: 8;

            -webkit-box-orient: vertical;

            overflow: hidden;

        }

        .abtouRight .aboutText a{

            display: inline-block;

            width: 240px;

            height: 38px;

            line-height: 38px;

            text-align: center;

            border:1px solid #C4A36D;

            color: #C4A36D;

            letter-spacing:2px;

            margin-bottom:0px;

        }

    /*      about style end*/

    /*

        *

        *   Our Advantages style start

        *

    */

        .ourAdvantagesWrap{

            width: 92%;

            margin: 0 auto;

            box-shadow: 0 0 50px #F1F1F1;

            display: flex;

            flex-wrap: wrap;

        }

        .ourAdvantagesItem1{

            width: 50%;

            background: #D4B279;

            color: #fff;

            padding-left:37px;

            padding-top:100px;

        }

        .ourAdvantagesItem1 h2{

            letter-spacing:3px;

            font-size: 25px;

            font-weight: bold;

        }

        .ourAdvantagesItem1 h2::after{

            content: "";

            display: block;

            width: 40px;

            height: 3px;

            background: #fff;

            margin: 42px 0 265px;

        }

        .ourAdvantagesItem1 p{

            font-size: 16px;

            line-height: 26px;

            margin-bottom:29px;

        }

        .ourAdvantagesItem2{

            width: 50%;

        }

        .ourAdvantagesItem2 img{

            width: 100%;

            height: 100%;

        }

        .ourAdvantagesItem3{

            width: 100%;

            text-align: center;

        }

        .ourAdvantagesItem3Text{

            width: 80%;

            padding:100px 50px 50px;

        }

        .ourAdvantagesItem3Text>p{

            font-size: 14px;

            color: #8c8c8c;

            margin-bottom:57px;

        }

        .ourAdvantagesItem3TextWrap{

            display: flex;

            flex-wrap: wrap;

            justify-content: space-between;

        }

        .ourAdvantagesItem3TextChild{

            width: 50%;

            text-align: center;

        }

        .ourAdvantagesItem3TextChild img{

            margin-bottom:24px;

        }

        .ourAdvantagesItem3TextChild:nth-child(1),.ourAdvantagesItem3TextChild:nth-child(2){

            margin-bottom:40px;

        }

        .ourAdvantagesItem3Img{

            padding-top:47px;

            margin-left:80px;

        }

    /*      Our Advantages style end*/

    /*

        *

        *   product style start

        *

    */

        .product{

            padding:96px 0 108px;

        }
        .item1{
            padding-bottom:50px !important; 
        }
        .product .title1 h2::after{

            margin-bottom:41px;

        }
        .product .title1 h2::after{

            margin-bottom:41px;

        }

        .productBox{

            position: relative;

            width: 62.5%;

            margin: 0 auto;

        }

        .productContainer{

            position: relative;

            width: 100%;

            margin: 0 auto;

        }

        .productBtn{

            width: 26px;

            height: 41px;

            position: absolute;

            top:40%;

            outline: none;

        }

        .productBtn:nth-child(2){

            background: url(../images/index/proLeft.png) no-repeat center center;

            left:-80px;

        }

        .productBtn:nth-child(2):hover{

            background: url(../images/index/proLeftHover.png) no-repeat center center;

        }

        .productBtn:nth-child(3){

            background: url(../images/index/proRihgt.png) no-repeat center center;

            right:-80px;

        }

        .productBtn:nth-child(3):hover{

            background: url(../images/index/proRightHover.png) no-repeat center center;

        }

        .porductChild{

            position: relative;

            border:1px solid #D4B279;

        }

        .porductChild:hover .productText{

            display: block;

        }

        .productText{

            position: absolute;

            width: 100%;

            height: 100%;

            background: rgba(0, 0, 0, .7);

            top:0;

            left: 0;

            text-align: center;

            color: #fff;

            display: none;

        }

        .productText h3{

            font-size: 26px;

            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;

            margin-top:20px;

        }

        .productText h3::after{

            content: "";

            display: block;

            width: 50px;

            height: 1px;

            background: #fff;

            margin: 15px auto;

        }

        .productText p {

            font-size: 14px;

            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;

        }

    /*      product style end*/

    /*

        *

        *   news style start

        *

    */

        .news{

            padding:100px 0 90px;

            background: url(../images/index/index--news--bg.jpg) no-repeat;

        }

        .news .title1 h2::after{

            margin-bottom:40px;

        }

        .newsBox{

            width: 80.5%;

            margin: 0 auto;

            position: relative;

        }

        .newsText,.newsImg{

            width: 100%;

            height: 288px;

        }

        .newsImg{

            border:1px solid #EAE9E8;

        }

        .newsImg img{

            width: 100%;

        }

        .newsText{

            padding:30px 20px 0;

            background: #fff;

            margin-bottom:36px;

        }

        .newsText h2{

            font-size: 18px;

            color: #333333;

            line-height: 24px;

            height: 48px;

            margin-bottom: 10px;

            display: -webkit-box;

            -webkit-line-clamp: 2;

            -webkit-box-orient: vertical;

            overflow: hidden;

        }

        .newsText span{

            color: #d4b279;

            font-size: 14px;

        }

        .newsText p {

            font-size: 14px;

            color: #666;

            line-height: 18px;

            height: 54px;

            margin-bottom: 80px;

            display: -webkit-box;

            -webkit-line-clamp: 3;

            -webkit-box-orient: vertical;

            overflow: hidden;

        }

        .newsText a{

            display: inline-block;

            width: 74px;

            height: 24px;

            border:1px solid #C7C7C7;

            text-align: center;

            line-height: 24px;

            color: #595959;

            font-size: 14px;

        }

    /*      news style end*/

}

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



    /*

        *

        *   banner style start 

        *

    */

        .banner{

            width:100%;

            position: relative;

        }

        .banner a{

            display: block;

            position: absolute;

        }

        .banner img{

            width:100%;

        }

        .banner a:first-child{

            z-index: 2;

        }

        .banner ul{

            position: absolute;

            bottom:5%;

            z-index: 3;

            width: 100%;

            text-align: center;

        }

        .banner ul li{

            margin: 0 auto;

            display: inline-block;

            width:50px;

            height: 4px;

            background:rgba(221,221,221,.7);

            margin-right: 10px;

        }

        .banner ul li:first-child{

            background:#D4B279;

        }

        .banner .btn span{

            display: inline-block;

            text-align: center;

            width: 60px;

            height: 60px;

            /*background-color: rgba(255, 255 , 255, .4)*/

        }

        .banner .btn #left{

            position: absolute;

            top: 40%;

            left:5%;

            z-index: 3;

        }

        .banner .btn #right{

                top: 40%;

            position: absolute;

            right: 5%;

            z-index: 3;

        }

    /*      banner style end*/

    /*

        *

        *   about style start

        *

    */

        .about{

            width:92.708%;

            margin: 0 auto;

            padding:100px 0 100px;

            

        }

        .abtouLeft{

            background: url(../images/index/aboutLeftBg.png) no-repeat;

            padding-left:80px;

            padding-top:33px;

            width: 90%;

            float: none;

            margin: 0 auto;

        }

        .abtouRight{

            background:none;

            background-position: -214px 442px;

            padding-top:10px;

            padding-right: 00px;

            width: 90%;

            float:left;

            margin: 0 auto;

        }

        .abtouRight .aboutText{

            width: 90%;

            text-align: left;

            line-height: 1;

        }

        .abtouRight .aboutText h2{

            font-size: 25px;

            color: #333;

            margin-bottom:12px;

            overflow: hidden;

            text-overflow:ellipsis;

            white-space: nowrap;

        }

        .abtouRight .aboutText h3{

            font-size: 25px;

            color: #333;

            font-weight: bold;

            overflow: hidden;

            text-overflow:ellipsis;

            white-space: nowrap;

        }

        .abtouRight .aboutText h3::after{

            content: "";

            display: block;

            width: 100px;

            height: 1px;

            background: #C4A36D;

            margin:23px 0 40px; 

            float: none;

        }

        .abtouRight .aboutText p{

            color: #666;

            font-size: 14px;

            line-height: 28px;

            margin-bottom:50px;

            display: -webkit-box;

            -webkit-line-clamp: 8;

            -webkit-box-orient: vertical;

            overflow: hidden;

        }

        .abtouRight .aboutText a{

            display: inline-block;

            width: 240px;

            height: 38px;

            line-height: 38px;

            text-align: center;

            border:1px solid #C4A36D;

            color: #C4A36D;

            letter-spacing:2px;

            margin-bottom:0px;

        }

    /*      about style end*/

    /*

        *

        *   Our Advantages style start

        *

    */

        .ourAdvantagesWrap{

            width: 92%;

            margin: 0 auto;

            box-shadow: 0 0 50px #F1F1F1;

            display: flex;

            flex-wrap: wrap;

        }

        .ourAdvantagesItem1{

            width: 50%;

            background: #D4B279;

            color: #fff;

            padding-left:37px;

            padding-top:100px;

        }

        .ourAdvantagesItem1 h2{

            letter-spacing:3px;

            font-size: 25px;

            font-weight: bold;

        }

        .ourAdvantagesItem1 h2::after{

            content: "";

            display: block;

            width: 40px;

            height: 3px;

            background: #fff;

            margin: 42px 0 100px;

        }

        .ourAdvantagesItem1 p{

            font-size: 16px;

            line-height: 26px;

            margin-bottom:29px;

        }

        .ourAdvantagesItem2{

            width: 50%;

        }

        .ourAdvantagesItem2 img{

            width: 100%;

            height: 100%;

        }

        .ourAdvantagesItem3{

            width: 100%;

            text-align: center;

        }

        .ourAdvantagesItem3Text{

            width: 80%;

            padding:100px 50px 50px;

        }

        .ourAdvantagesItem3Text>p{

            font-size: 14px;

            color: #8c8c8c;

            margin-bottom:57px;

        }

        .ourAdvantagesItem3TextWrap{

            display: flex;

            flex-wrap: wrap;

            justify-content: space-between;

        }

        .ourAdvantagesItem3TextChild{

            width: 50%;

            text-align: center;

        }

        .ourAdvantagesItem3TextChild img{

            margin-bottom:24px;

        }

        .ourAdvantagesItem3TextChild:nth-child(1),.ourAdvantagesItem3TextChild:nth-child(2){

            margin-bottom:40px;

        }

        .ourAdvantagesItem3Img{

            padding-top:47px;

            margin-left:80px;

        }

    /*      Our Advantages style end*/

    /*

        *

        *   product style start

        *

    */

        .product{

            padding:40px 0;

        }

        .product .title1 h2::after{

            margin-bottom:41px;

        }

        .productBox{

            position: relative;

            width: 62.5%;

            margin: 0 auto;

        }

        .productContainer{

            position: relative;

            width: 100%;

            margin: 0 auto;

        }

        .productBtn{

            width: 26px;

            height: 41px;

            position: absolute;

            top:40%;

            outline: none;

        }

        .productBtn:nth-child(2){

            background: url(../images/index/proLeft.png) no-repeat center center;

            left:-80px;

        }

        .productBtn:nth-child(2):hover{

            background: url(../images/index/proLeftHover.png) no-repeat center center;

        }

        .productBtn:nth-child(3){

            background: url(../images/index/proRihgt.png) no-repeat center center;

            right:-80px;

        }

        .productBtn:nth-child(3):hover{

            background: url(../images/index/proRightHover.png) no-repeat center center;

        }

        .porductChild{

            position: relative;

            border:1px solid #D4B279;

        }

        .porductChild:hover .productText{

            display: block;

        }

        .productText{

            position: absolute;

            width: 100%;

            height: 100%;

            background: rgba(0, 0, 0, .7);

            top:0;

            left: 0;

            text-align: center;

            color: #fff;

            display: none;

        }

        .productText h3{

            font-size: 26px;

            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;

            margin-top:20px;

        }

        .productText h3::after{

            content: "";

            display: block;

            width: 50px;

            height: 1px;

            background: #fff;

            margin: 15px auto;

        }

        .productText p {

            font-size: 14px;

            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;

        }

    /*      product style end*/

    /*

        *

        *   news style start

        *

    */

        .news{

            padding:50px 0;

            background: url(../images/index/index--news--bg.jpg) no-repeat;

        }

        .news .title1 h2::after{

            margin-bottom:40px;

        }

        .newsBox{

            width: 75.5%;

            margin: 0 auto;

            position: relative;

        }

        .newsText,.newsImg{

            width: 100%;

            height: 288px;

        }

        .newsImg{

            border:1px solid #EAE9E8;

        }

        .newsImg img{

            width: 100%;

        }

        .newsText{

            padding:30px 20px 0;

            background: #fff;

            margin-bottom:36px;

        }

        .newsText h2{

            font-size: 18px;

            color: #333333;

            line-height: 24px;

            height: 48px;

            margin-bottom: 10px;

            display: -webkit-box;

            -webkit-line-clamp: 2;

            -webkit-box-orient: vertical;

            overflow: hidden;

        }

        .newsText span{

            color: #d4b279;

            font-size: 14px;

        }

        .newsText p {

            font-size: 14px;

            color: #666;

            line-height: 18px;

            height: 54px;

            margin-bottom: 80px;

            display: -webkit-box;

            -webkit-line-clamp: 3;

            -webkit-box-orient: vertical;

            overflow: hidden;

        }

        .newsText a{

            display: inline-block;

            width: 74px;

            height: 24px;

            border:1px solid #C7C7C7;

            text-align: center;

            line-height: 24px;

            color: #595959;

            font-size: 14px;

        }

    /*      news style end*/

}

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

    /*

        *

        *   banner style start 

        *

    */

        .banner{

            width:100%;

            position: relative;

        }

        .banner a{

            display: block;

            position: absolute;

        }

        .banner img{

            width:100%;

        }

        .banner a:first-child{

            z-index: 2;

        }

        .banner ul{

            position: absolute;

            bottom:5%;

            z-index: 3;

            width: 100%;

            text-align: center;

        }

        .banner ul li{

            margin: 0 auto;

            display: inline-block;

            width:20px;

            height: 4px;

            background:rgba(221,221,221,.7);

            margin-right: 10px;

        }

        .banner ul li:first-child{

            background:#D4B279;

        }

        .banner .btn span{

            display: inline-block;

            text-align: center;

            width: 30px;

            height: 30px;

            /*background-color: rgba(255, 255 , 255, .4)*/

        }

        .banner .btn #left{

            position: absolute;

            top: 40%;

            left:5%;

            z-index: 3;

        }

        .banner .btn #right{

                top: 40%;

            position: absolute;

            right: 5%;

            z-index: 3;

        }

    /*      banner style end*/

    /*

        *

        *   about style start

        *

    */

        .about{

            width:99.708%;

            margin: 0 auto;

            padding:40px 0 40px;

            

        }

        .abtouLeft{

            background: url(../images/index/aboutLeftBg.png) no-repeat;

            background-size: cover;

            padding-left:30px;

            padding-top:10px;

            width: 90%;

            float: none;

            margin: 0 auto;

        }

        .abtouRight{

            background:none;

            background-position: -214px 442px;

            padding-top:10px;

            padding-right: 00px;

            width: 90%;

            float:left;
            margin: 0 auto;

        }

        .abtouRight .aboutText{

            width: 90%;

            text-align: left;

            line-height: 1;

        }

        .abtouRight .aboutText h2{

            font-size: 25px;

            color: #333;

            margin-bottom:12px;

            overflow: hidden;

            text-overflow:ellipsis;

            white-space: nowrap;

        }

        .abtouRight .aboutText h3{

            font-size: 25px;

            color: #333;

            font-weight: bold;

            overflow: hidden;

            text-overflow:ellipsis;

            white-space: nowrap;

        }

        .abtouRight .aboutText h3::after{

            content: "";

            display: block;

            width: 100px;

            height: 1px;

            background: #C4A36D;

            margin:23px 0 40px; 

            float: none;

        }

        .abtouRight .aboutText p{

            color: #666;

            font-size: 14px;

            line-height: 28px;

            margin-bottom:50px;

            display: -webkit-box;

            -webkit-line-clamp: 8;

            -webkit-box-orient: vertical;

            overflow: hidden;

        }

        .abtouRight .aboutText a{

            display: inline-block;

            width: 240px;

            height: 38px;

            line-height: 38px;

            text-align: center;

            border:1px solid #C4A36D;

            color: #C4A36D;

            letter-spacing:2px;

            margin-bottom:0px;

        }

    /*      about style end*/

    /*

        *

        *   Our Advantages style start

        *

    */

        .ourAdvantagesWrap{

            width: 92%;

            margin: 0 auto;

            box-shadow: 0 0 50px #F1F1F1;

            display: flex;

            flex-wrap: wrap;

        }

        .ourAdvantagesItem1{

            width: 95%;

            margin: 0 auto;

            background: #D4B279;

            color: #fff;

            padding-left:37px;

            padding-top:100px;

        }

        .ourAdvantagesItem1 h2{

            letter-spacing:3px;

            font-size: 25px;

            font-weight: bold;

        }

        .ourAdvantagesItem1 h2::after{

            content: "";

            display: block;

            width: 40px;

            height: 3px;

            background: #fff;

            margin: 42px 0 100px;

        }

        .ourAdvantagesItem1 p{

            font-size: 16px;

            line-height: 26px;

            margin-bottom:29px;

        }

        .ourAdvantagesItem2{

            width: 95%;

            margin: 0 auto;

        }

        .ourAdvantagesItem2 img{

            width: 100%;

            height: 100%;

        }

        .ourAdvantagesItem3{

            width: 100%;

            text-align: center;

        }

        .ourAdvantagesItem3Text{

            width: 100%;

            padding:100px 50px 50px;

        }

        .ourAdvantagesItem3Text>p{

            font-size: 14px;

            color: #8c8c8c;

            margin-bottom:57px;

        }

        .ourAdvantagesItem3TextWrap{

            display: flex;

            flex-wrap: wrap;

            justify-content: space-between;

        }

        .ourAdvantagesItem3TextChild{

            width: 50%;

            text-align: center;

        }

        .ourAdvantagesItem3TextChild img{

            margin-bottom:24px;

        }

        .ourAdvantagesItem3TextChild:nth-child(1),.ourAdvantagesItem3TextChild:nth-child(2){

            margin-bottom:40px;

        }

        .ourAdvantagesItem3Img{

            display: none;

            padding-top:47px;

            margin-left:80px;

        }

    /*      Our Advantages style end*/

    /*

        *

        *   product style start

        *

    */

        .product{

            padding:40px 0 ;

        }

        .product .title1 h2::after{

            margin-bottom:41px;

        }

        .productBox{

            position: relative;

            width: 62.5%;

            margin: 0 auto;

        }

        .productContainer{

            position: relative;

            width: 100%;

            margin: 0 auto;

        }

        .productBtn{

            width: 26px;

            height: 41px;

            position: absolute;

            top:35%;

            outline: none;

        }

        .productBtn:nth-child(2){

            background: url(../images/index/proLeft.png) no-repeat center center;

            left:-50px;

        }

        .productBtn:nth-child(2):hover{

            background: url(../images/index/proLeftHover.png) no-repeat center center;

        }

        .productBtn:nth-child(3){

            background: url(../images/index/proRihgt.png) no-repeat center center;

            right:-50px;

        }

        .productBtn:nth-child(3):hover{

            background: url(../images/index/proRightHover.png) no-repeat center center;

        }

        .porductChild{

            position: relative;

            border:1px solid #D4B279;

        }

        .porductChild:hover .productText{

            display: block;

        }

        .productText{

            position: absolute;

            width: 100%;

            height: 100%;

            background: rgba(0, 0, 0, .7);

            top:0;

            left: 0;

            text-align: center;

            color: #fff;

            display: none;

        }

        .productText h3{

            font-size: 26px;

            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;

            margin-top:20px;

        }

        .productText h3::after{

            content: "";

            display: block;

            width: 50px;

            height: 1px;

            background: #fff;

            margin: 15px auto;

        }

        .productText p {

            font-size: 14px;

            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;

        }

    /*      product style end*/

    /*

        *

        *   news style start

        *

    */

        .news{

            padding:50px 0;

            background: url(../images/index/index--news--bg.jpg) no-repeat;

        }

        .news .title1 h2::after{

            margin-bottom:40px;

        }

        .newsBox{

            width: 70%;

            margin: 0 auto;

            position: relative;

        }

        .newsText,.newsImg{

            width: 100%;

            height: 288px;

        }

        .newsImg{

            border:1px solid #EAE9E8;

        }

        .newsImg img{

            width: 100%;

        }

        .newsText{

            padding:30px 20px 0;

            background: #fff;

            margin-bottom:36px;

        }

        .newsText h2{

            font-size: 18px;

            color: #333333;

            line-height: 24px;

            height: 48px;

            margin-bottom: 10px;

            display: -webkit-box;

            -webkit-line-clamp: 2;

            -webkit-box-orient: vertical;

            overflow: hidden;

        }

        .newsText span{

            color: #d4b279;

            font-size: 14px;

        }

        .newsText p {

            font-size: 14px;

            color: #666;

            line-height: 18px;

            height: 54px;

            margin-bottom: 80px;

            display: -webkit-box;

            -webkit-line-clamp: 3;

            -webkit-box-orient: vertical;

            overflow: hidden;

        }

        .newsText a{

            display: inline-block;

            width: 74px;

            height: 24px;

            border:1px solid #C7C7C7;

            text-align: center;

            line-height: 24px;

            color: #595959;

            font-size: 14px;

        }

    /*      news style end*/

}