.packaging{
    margin-top:30px;
}
.packaging-left{
    width:49.6%;
    float: left;
    margin-right:4px ;
    background-size:cover;
    height: 250px;
}
.packaging-left-m{
    width:100%;
    float: left;
  //  margin-left:2% ;
    background-size:cover;
    height: 250px;
}
.packaging-right{
    width:49.6%;
    float: left;
}
.packaging-right-m{
    width:100%;
    float: left;
}
.packaging-left .left-text{
    width:90%;
    color:white;
    font-size: 24px;
    margin-left:5%;
    margin-top:180px;
}
.packaging-left-m .left-text{
    width:90%;
    color:white;
    font-size: 18px;
    margin-left:5%;
    margin-top:180px;
}
.packaging-right .packaging-div{
    float: left;
    width:50%;
    height:125px;
    background-size:cover;
}
.packaging-right-m .packaging-div{
    float: left;
    width:50%;
    height:125px;
    background-size:cover;
    margin-top:4px;
}
.packaging-right .right-text{
    width:90%;
    color:white;
    font-size: 24px;
    margin-left:5%;
    margin-top:10px;
}
.packaging-right-m .right-text{
    width:90%;
    color:white;
    font-size: 18px;
    margin-left:5%;
    margin-top:10px;
}
.process-text{
    color:#747373;
}
.process-img{
    width:100%;
}
.top-pick{
    background-size:cover;
    height:200px;
}
.picks-left-text{
    color:white;
    font-size: 18px;
    float: left;
    margin-top:10px;
    font-weight: 800;
}
.picks-right-text{
    font-size: 18px;
    float: right;
    margin-top:10px;
}
.picks-right-text a{
    color:white;
}
.pick-second-div{
    width:19%;
    float: left;
    margin-right:1%;
    position: relative;
    top:-150px;
    background: white;
    left:0.5%;
}
.pick-second-div-m{
    width:49%;
    float: left;
    margin-right:1%;
    position: relative;
    top:-150px;
    background: white;
    left:0.5%;
}

.pick-second-div img{
    width:94%;
    margin-left:3%;
    margin-top:4px;
}
.pick-second-div video{
    width:94%;
    margin-left:3%;
    margin-top:4px;
}
.pick-second-div-m img{
    width:94%;
    margin-left:3%;
    margin-top:4px;
}
.pick-second-div-m video{
    width:94%;
    margin-left:3%;
    margin-top:4px;
}
.pick-second-text-one{
    color:#817a7a;
    width:94%;
    margin-left:3%;
}
.pick-second-text-two,.pick-second-text-three{
    width:94%;
    margin-left:3%;
    color:black;
}
.cerfitication img{
    width:100%;
}
.cerfitication-nav{
    width:100%;
}
.cerfitication-nav>li{
    width:20%;
    background:#d9d9d9
}
.cerfitication-nav>li>a{
    color:black;
}
.cerfitication-nav .active{
    background:white;
    border-top: 2px solid gold;
}
.cerfitication-two,.cerfitication-three,.cerfitication-four,.cerfitication-five{
    display: none;
}
.news-line{
    width:130px;
    margin:0 auto;
    height:1px;
    background:gold;
    margin-bottom: 20px;
}
.news-title{
    font-weight: 800;
}
.news-left{
    width:23%;
    float: left;
    margin-right:2%;
}
.news-left-m{
    width:48%;
    float: left;
    margin-left:2%;
}
.news-left-m>a,.news-middle-m>a{
    color:black;
}
.news-left-m .text-three,.news-middle-m .text-three{
    font-size:12px;
    color:#7e7b7b;
}
.news-left-m .text-four,.news-middle-m .text-four{
    font-size:12px;
}
.news-left img,.news-left-m img{
    width:100%;
}
.news-middle{
    width:23%;
    float: left;
}
.news-middle-m{
    width:48%;
    float: left;
    margin-left:2%;
}
.news-right{
    width:40%;
    float: right;
}
.news-right-m{
    width:100%;
    float: left;
    //margin-left:2%;
}
.news-left>a,.news-middle>a{
    color:black;
}
.news-left .text-one,.news-middle .text-one{
    font-weight:800;
    font-size:14px;
}
.news-left .text-two,.news-middle .text-two{
    color:#d5cdcd;
    font-size:12px;
}
.news-left .text-three,.news-middle .text-three{
    color:#7e7b7b;
    font-size:12px;
}
.news-left .text-four,.news-middle .text-four{
    color:black;
    font-size:12px;
}
.news-banner{
    background:#f7f1f1
}
.news-banner .item img{
    width:90%;
    margin-left:5%;
    margin-top:24px;
}
.news-banner .item .text-one{
    width:90%;
    margin-left:5%;
    color:gold;
    margin-top:10px;
}
.news-banner .item .text-two{
    width:90%;
    margin-left:5%;
    color:black;
    font-weight: 600;
    font-size: 14px;
    margin-top:10px;
}
.news-banner .item .text-three{
    width:90%;
    margin-left:5%;
    color:#7e7b7b;
    font-size: 12px;
    margin-top:10px;
}
.news-banner .news-prev{
    background:#bda421;
    height:60px;
    width:20px;
    line-height: 60px;
    color:white;
    font-weight: 800;
    float: left;
    position:relative;
    top:-106px;
}
.news-banner .news-next{
    background:#bda421;
    height:60px;
    width:20px;
    line-height: 60px;
    color:white;
    font-weight: 800;
    float: right;
    position:relative;
    top:-106px;
}
.sap-left-m{
    float: left;
}
.sap-left-m div{
    width:96%;
    height:38px;
    border:1px solid #bda421;
    margin-top:6px;
    margin-left:2%;
}
.sap-left-m>div>a{
    color:#bda421;
    line-height:38px;
}
.sap-left-m>div>a>p>span{
    margin-left:6px;
    margin-right:6px;
}
.sap-left-m div:nth-child(5),.sap-left-m div:nth-child(6){
    border:0;
}
.sap-left-m h4{
    margin-top:26px;
}
.sap-left-m .text{
    font-size:14px;
    color:#837f7f;
    line-height:14px;
    margin-bottom:6px;
    width:96%;
    margin-left:2%;
}
.sap-right-m div{
    width:96%;
    height:38px;
    border:1px solid #bda421;
    margin-top:6px;
}
.sap-right-m>div>a{
    color:#bda421;
    line-height:38px;
}
.sap-right-m>div>a>p>span{
    margin-left:6px;
    margin-right:6px;
}
.sap-right-m div:nth-child(5),.sap-right-m div:nth-child(6){
    border:0;
}
.sap-right-m h4{
    margin-top:26px;
}
.sap-right-m .text{
    font-size:14px;
    color:#837f7f;
    line-height:14px;
    width:96%;
    margin-left:2%;
}
.sap-left{
    float: left;
}
.sap-left div{
    width:96%;
    height:38px;
    border:1px solid #bda421;
    margin-top:6px;
}
.sap-left>div>a{
    color:#bda421;
    line-height:38px;
}
.sap-left>div>a>p>span{
    margin-left:6px;
    margin-right:6px;
}
.sap-left div:nth-child(5),.sap-left div:nth-child(6){
    border:0;
}
.sap-left h4{
    margin-top:26px;
}
.sap-left .text{
    font-size:12px;
    color:#837f7f;
    line-height:12px;

}
.sap-right{
    float: left;
}
.sap-right-m{
    float: left;
}
.sap-right div{
    width:96%;
    height:38px;
    border:1px solid #bda421;
    margin-top:6px;
}
.sap-right>div>a{
    color:#bda421;
    line-height:38px;
}
.sap-right>div>a>p>span{
    margin-left:6px;
    margin-right:6px;
}
.sap-right div:nth-child(5),.sap-right div:nth-child(6){
    border:0;
}
.sap-right h4{
    margin-top:26px;
}
.sap-right .text{
    font-size:12px;
    color:#837f7f;
    line-height:12px;

}


//新首页
.home1,{
    width:100%;
}
.home1 img,.home3 img,.home4 img{
    width:100%;

}
.home-m1{
    width:100%;
    margin-top:-20px;
}
.home-m1 img{
     width:100%;
}
.home2{
   width:100%;
   margin-top:4px;
}
.home2 .left{
    width:60%;
    float: left;
    margin-left:9%;
    margin-right:6px;
}
.home2 .right{
    width:30%;
    float: left;
}
.home2 .left img,.home2 .right img{
   height:310px;
  // width:100%;
}
.home-m2{
   width:100%;
   margin-top:2px;
}
.home-m2 img{
    width:100%;
}
.home3{
    width:100%;
}
.home3 img{
    width:100%;
    margin-top:-4px;
}
.home-m3{
    width:100%;
}
.home-m3 img{
    width:100%;
    margin-top:2px;
}
.home4{
   width:80%;
   margin-left:10%;
   margin-top:30px;
}
.home4 .one{
    width:126px;
    height:28px;
    float: right;
    margin-bottom:6px;
}
.home4 .one img{
    float: left;
    width:28px;
}
.home4 .one p{
    float: left;
    height:28px;
    line-height: 28px;
    color:black;
}
.home4 .two{
    width:100%;
}
.home-m4{
   width:100%;
   margin-top:8px;
}
.home-m4 .one{
    width:126px;
    height:20px;
    float: right;
    margin-bottom:6px;
}
.home-m4 .one img{
    float: left;
    width:20px;
}
.home-m4 .one p{
    float: left;
    height:20px;
    line-height: 20px;
    color:black;
}
.home-m4 .two,.home-m4 .two img{
    width:100%;
}
.home5{
    width:100%;
    margin-top:60px;
}
.home5 img{
    width:100%;
}
.home-m5{
    width:100%;
    margin-top:2px;
}
.home-m5 img{
    width:100%;
}
.home6{
    width:100%;
    margin-top:30px;
}
.home6 .title{
    font-weight:700;
    font-size:48px;
}
.home6 .title span{
    color:green;
}
.home6 .text1{
    font-weight:500;
    font-size:32px;
}
.home6 .text2{
    width:60%;
    margin-left:20%;
    font-size:12px;
}
.home6 .desc{
    width:100%;
    margin-top:40px;
}
.home6 .desc .d1{
    width:20%;
    margin-left:8%;
    float: left;
}
.home6 .desc .d1 .t1{
    font-weight:700;
    font-size:48px;
    color:green;
}
.home6 .desc .d2{
    width:20%;
    margin-left:2%;
    float: left;
}
.home6 .desc .d2 .t1{
    font-weight:700;
    font-size:48px;
    color:green;
}
.home6 .desc .d3{
    width:20%;
    margin-left:2%;
    float: left;
}
.home6 .desc .d3 .t1{
    font-weight:700;
    font-size:48px;
    color:green;
}
.home6 .desc .d4{
    width:20%;
    margin-left:2%;
    float: left;
}
.home6 .desc .d4 .t1{
    font-weight:700;
    font-size:48px;
    color:green;
}
.home6 .desc .d1 .t2,.home6 .desc .d2 .t2,.home6 .desc .d3 .t2,.home6 .desc .d3 .t2{
    font-size:12px;
}
.home6 .more{
    width:100%;
    float: left;
    height:36px;
    margin-top:20px;
    margin-bottom:30px;
}
.home6 .more p{
    width:150px;
    font-size:12px;
    height:36px;
    line-height:36px;
    border-radius: 18px;
    border:1px solid green;
    color:black;
    margin:0 auto;

}

.home-m6{
    width:100%;
    margin-top:10px;
}
.home-m6 .title{
    font-weight:700;
    font-size:20px;
}
.home-m6 .title span{
    color:green;
}
.home-m6 .text1{
    font-weight:500;
    font-size:18px;
}
.home-m6 .text2{
    width:80%;
    margin-left:10%;
    font-size:12px;
}
.home-m6 .desc{
    width:100%;
    margin-top:20px;
}
.home-m6 .desc .d1{
    width:90%;
    margin-left:10%;
    float: left;
}
.home-m6 .desc .d1 .t1{
    font-weight:700;
    font-size:20px;
    color:green;
}
.home-m6 .desc .d2{
    width:20%;
    margin-left:2%;
    float: left;
}
.home-m6 .desc .d2 .t1{
    font-weight:700;
    font-size:48px;
    color:green;
}
.home-m6 .desc .d3{
    width:20%;
    margin-left:2%;
    float: left;
}
.home-m6 .desc .d3 .t1{
    font-weight:700;
    font-size:48px;
    color:green;
}
.home-m6 .desc .d4{
    width:20%;
    margin-left:2%;
    float: left;
}
.home-m6 .desc .d4 .t1{
    font-weight:700;
    font-size:48px;
    color:green;
}
.home-m6 .desc .d1 .t2,.home-m6 .desc .d2 .t2,.home-m6 .desc .d3 .t2,.home-m6 .desc .d3 .t2{
    font-size:12px;
}
.home-m6 .more{
    width:100%;
    float: left;
    height:36px;
    margin-top:20px;
    margin-bottom:30px;
}
.home-m6 .more p{
    width:150px;
    font-size:12px;
    height:36px;
    line-height:36px;
    border-radius: 18px;
    border:1px solid green;
    color:black;
    margin:0 auto;

}


.home7{
    width:100%;
   // margin-top:30px;
}
.home7 video{
    width:100%;
}
.home8{
   width:80%;
   margin-left:10%;
   margin-top:30px;
}
.home8 .one{
    width:184px;
    height:28px;
    float: right;
    margin-bottom:6px;
}

.home8 .one p{
    float: left;
    height:28px;
    line-height: 28px;
    color:green;
}
.home8 .two{
    width:100%;
}
.home8 .two img{
    width:100%;
}

.home-m8{
   width:100%;
   margin-top:10px;
}
.home-m8 .one{
    width:184px;
    height:20px;
    float: right;
    margin-bottom:6px;
}

.home-m8 .one p{
    float: left;
    height:20px;
    line-height: 20px;
    color:green;
}
.home-m8 .two{
    width:100%;
}
.home-m8 .two img{
    width:100%;
}
.home9{
    width:80%;
    float:left;
    margin-left:10%;
    margin-top:50px;
    margin-bottom:80px;
}
.home9 .title{
    font-weight:700;
    font-size:48px;
    color:green;
}
.home9 .one{
    width:32%;
    border: 1px solid #bdb8b8;
    float: left;
}
.home9 .one img{
    width:100%;
}
.home9 .one .t1{
    width:94%;
    margin-left:3%;
    font-size:16px;
}
.home9 .one .t2{
    width:94%;
    margin-left:3%;
    font-size:16px;
    color:green;
}
.home9 .one .t3{
    width:94%;
    margin-left:3%;
    font-size:12px;
    color:#ccc;
}

.home9 .two{
    float: left;
    width:32%;
    margin-left:2%;
    border: 1px solid #bdb8b8;
}
.home9 .two img{
    width:100%;
}
.home9 .two .t1{
    width:94%;
    margin-left:3%;
    font-size:16px;
}
.home9 .two .t2{
    width:94%;
    margin-left:3%;
    font-size:16px;
    color:green;
}
.home9 .two .t3{
    width:94%;
    margin-left:3%;
    font-size:12px;
    color:#ccc;
}
.home9 .three{
    float: left;
    width:32%;
    margin-left:2%;
    border: 1px solid #bdb8b8;
}
.home9 .three img{
    width:100%;
}
.home9 .three .t1{
    width:94%;
    margin-left:3%;
    font-size:16px;
}
.home9 .three .t2{
    width:94%;
    margin-left:3%;
    font-size:16px;
    color:green;
}
.home9 .three .t3{
    width:94%;
    margin-left:3%;
    font-size:12px;
    color:#ccc;
}
.home9 .one .more{
    width:100%;
}
.home9 .one .more img{
    width:20%;
    float: left;
    margin-left:3%;
    margin-top:6px;
}
.home9 .one .more p{
    width:50%;
    float: left;
    margin-left:10%;
}
.home9 .two .more{
    width:100%;
}
.home9 .two .more img{
    width:20%;
    float: left;
    margin-left:3%;
    margin-top:6px;
}
.home9 .two .more p{
    width:50%;
    float: left;
    margin-left:10%;
}
.home9 .three .more{
    width:100%;
}
.home9 .three .more img{
    width:20%;
    float: left;
    margin-left:3%;
    margin-top:6px;
}
.home9 .three .more p{
    width:50%;
    float: left;
    margin-left:10%;
}

.home-m9{
    width:90%;
    float:left;
    margin-left:5%;
    margin-top:30px;
    margin-bottom:20px;
}
.home-m9 .title{
    font-weight:700;
    font-size:20px;
    color:green;
}
.home-m9 .one{
    width:100%;
    border: 1px solid #bdb8b8;
    float: left;
    margin-bottom:6px;
}
.home-m9 .one img{
    width:100%;
}
.home-m9 .one .t1{
    width:94%;
    margin-left:3%;
    font-size:16px;
}
.home-m9 .one .t2{
    width:94%;
    margin-left:3%;
    font-size:16px;
    color:green;
}
.home-m9 .one .t3{
    width:94%;
    margin-left:3%;
    font-size:12px;
    color:#ccc;
}
.home-m9 .one .more{
    width:100%;
}
.home-m9 .one .more img{
    width:20%;
    float: left;
    margin-left:3%;
    margin-top:6px;
}
.home-m9 .one .more p{
    width:50%;
    float: left;
    margin-left:10%;
}
.home10{
    clear:both;
    width:100%;
    background:#174f2a;
    height:400px;

}
.home10 .one{
    float:left;
    width:16%;
    margin-left:16%;
}
.home10 .one .img1{
    width:60%;
    margin-top:50px;
    margin-bottom:20px;
}
.home10 .one p{
    color:#666767;
    font-size:12px;
}
.home10 .one p span{
    color:#AD8D56;
    font-size:12px;
}
.home10 .one div{
    width:100%;
    height:1px;
   // background:#666767;
    margin-top:20px;
    margin-bottom:20px;
}
.home10 .one .img2{
    float: left;
    width:50px;
}
.home10 .one .img3{
    float: left;
    width:50px;
}
.home10 .two {
    width:12%;
    margin-left:2%;
    float:left;
}
.home10 .two .title{
    color:white;
    font-size:16px;
    margin-top:58px;
    margin-bottom:34px;
}
.home10 .two div{
    width:100%;
    float: left;
    height:24px;
}
.home10 .two div img{
    width:18px;
    float: left;
    margin-top:8px;
    margin-right:4px;
}
.home10 .two div p{
    float: left;
    color:#666767;
    font-size:12px;
}
.home10 .three {
    width:16%;
    margin-left:4%;
    float:left;
}
.home10 .three .title{
    color:white;
    font-size:16px;
    margin-top:58px;
    margin-bottom:34px;
}
.home10 .three div{
    width:100%;
    float: left;
  
}
.home10 .three div img{
    width:18px;
    float: left;
    margin-top:8px;
    margin-right:4px;
}
.home10 .three>div>p{
    float: left;
    color:#666767;
    font-size:12px;
    line-height: 14px;
}
.home10 .four {
    width:17%;
    margin-left:4%;
    float:left;
}
.home10 .four .title{
    color:white;
    font-size:16px;
    margin-top:58px;
    margin-bottom:34px;
}
.home10 .four .desc{
    color:#666767;
    font-size:12px;
}

.home-m10{
    clear:both;
    width:100%;
    background:#174f2a;
    height:810px;

}
.home-m10 .one{
    width:90%;
    margin-left:5%;
}
.home-m10 .one .img1{
    width:100px;
    margin-top:20px;
    margin-bottom:10px;
}
.home-m10 .one p{
    color:#666767;
    font-size:12px;
}
.home-m10 .one p span{
    color:#AD8D56;
    font-size:12px;
}
.home-m10 .one div{
    width:100%;
    height:1px;
   
    margin-top:20px;
    margin-bottom:10px;
}
.home-m10 .one .img2{
    float: left;
    width:40px;
}
.home-m10 .one .img3{
    float: left;
    width:40px;
}
.home-m10 .d{
    width:100%;
    clear:both;
}
.home-m10 .two {
    width:32%;
    margin-left:5%;
    float:left;
}
.home-m10 .two .title{
    width:100%;
    color:white;
    font-size:16px;
    margin-top:8px;
    margin-bottom:14px;
}
.home-m10 .two div{
    width:100%;
    float: left;
    height:24px;
}
.home-m10 .two div img{
    width:18px;
    float: left;
    margin-top:8px;
    margin-right:4px;
}
.home-m10 .two div p{
    float: left;
    color:#666767;
    font-size:12px;
}
.home-m10 .three {
    width:54%;
    margin-left:4%;
    float:left;
}
.home-m10 .three .title{
    color:white;
    font-size:16px;
    margin-top:8px;
    margin-bottom:14px;
}
.home-m10 .three div{
    width:100%;
    float: left;
   
}
.home-m10 .three div img{
    width:18px;
    float: left;
    margin-top:8px;
    margin-right:4px;
}
.home-m10 .three div p{
    float: left;
    color:#666767;
    font-size:12px;
}
.home-m10 .four {
    width:90%;
    margin-left:5%;
}
.home-m10 .four .title{
    color:white;
    font-size:16px;
    margin-top:58px;
    margin-bottom:14px;
}
.home-m10 .four .desc{
    color:#666767;
    font-size:12px;
}
.home11{
    width:100%;
    height:100px;
    background:#174f2a;
    clear:both;
}
.home11 p{
    color:white;
    height:100px;
    line-height:100px;
    height:40px;
}
.home11 p span{
    color:#268542;
}
.home11_m{
    width:100%;
    height:64px;
    background:#174f2a;
    clear:both;
}
.home11_m .t1{
    color:white;
    line-height:40px;
    height:40px;
}
.home11_m .t2{
    color:white;
    margin-top:-18px;
}
.home11_m .t2 span{
    color:#268542;
}
.navbar-default .navbar-nav>.open>a{
        background-color:#115B0C;
    }