.headerSwiper{
    position: relative;
    width: 100%;
    min-width: 1200px;
    height:850px;
    overflow: hidden;
    zoom: 1;
} 
.headerSwiper .slides li{
    width: 100%;
    height: 100%;
}
header{
    width: 100%;
    height: 115px;
    background: url(../images/home/bg.jpg) no-repeat center;
}
.line{
    width: 59px;
    height: 2px;
    background:#FF923D;
    margin: auto;
    margin-top: 15px;
    display: none;
}

.navigation ul li{
    width: 70px;
    text-align: center;
}
.navigation ul li a{
    color: #FFFFFF;
}
.navActive a{
   color: #F9862C !important;
   font-family: "SourceHanSansCN-Medium";
}
.navActive .line{
    display: block;
}

.record a{
    color: #FFFFFF;
    margin-right: 40px;
}
.record a:hover{
    color: #FFFFFF;
}

.swiper-button-next{
    opacity: 1;
    background-size: cover;
    position: relative !important; 
}
.swiper-button-prev{
    opacity: 1;
    background-size: cover;
    position: relative !important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    content: none !important;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    content: none !important;
}
.quality{
    width: 100%;
    height: 1800px;
    background: url(../images/home/bg1.jpg) no-repeat center;
}
.line1{
    width: 49px;
    height: 3px;
    background: #126F44;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 50px;
}
.line1a{
    width: 49px;
    height: 3px;
    background: #126F44;
    margin-top: 30px;
    margin-bottom: 50px;
}
.Hygromycin li{
    width: 288px;
    height: 369px;
    background: #F0F0F0;
}
.Hygromycin li img{
    width: 288px;
    height: 235px;
}
.HygromycinActive{
    background: #126F44 !important;
}
.HygromycinActive p{
    color: #FFFFFF !important;
}
.patent li p:nth-child(2){
    margin-top: 20px;
}
.change{
    width: 1040px;
    height: 382px;
    background: rgba(255,255,255,.23);
    margin: auto;
}
.change ul li{
    width: 282px;
    height: 305px;
    background: #FFFFFF;
}
.change ul li img{
    width: 270px;
    height: 176px;
    margin-top: 6px;
}
.changeActive{
    background: #FF923D !important;
}
.changeActive p{
    color: #FFFFFF !important;
}
.wordOfMouth{
    width: 100%;
    height: 1070px;
    background: url(../images/home/bg2.jpg) no-repeat center;
}
.wordOfMouth ul li{
    height: 605px;
    width: 300px;
}
.wordOfMouth ul  li:nth-of-type(odd){
    background: #FAFAFA;
}
.wordOfMouth ul  li:nth-of-type(even){
    background: #F4F4F4;
}
.wordOfMouthNo img{
    margin-left: 5px;
}
.wordOfMouthYes img{
    margin-left: 5px;
}
.wordOfMouthYes{
    display: none;
    margin-top: 25px;
}
.wordOfMouthNo{
    margin-top: 25px;
}
.wordOfMouthMask{
    width: 300px;
    height: 500px;
    background: rgba(18,111,68,.68);
    position: relative;
    margin-top: -500px;
    display: none;
}
.line2{
    width: 35px;
    height: 2px;
    background: rgba(255,255,255,.7);
    margin-top: 20px;
    margin-bottom: 30px;
}
.wordOfMouthActive .wordOfMouthYes{
   display: block;
}
.wordOfMouthActive .wordOfMouthNo{
    display: none;
}
.wordOfMouthActive .wordOfMouthMask{
    display: block;
}
.wordOfMouthActive{
    background: #126F44 !important;
}
.swiper1{
    width: 1200px;
    height: 450px;
}
.swiper1 .swiper1Box{
    height: 412px;
    background: #F7F7F7;
    margin-top: 20px;
}
.next1{
    margin-top: -470px!important;
    margin-left: 1185px!important;
    background-image: url(../images/home/right.png) !important;
    width: 50px !important;
    height: 50px !important;
}
.prev1{
    margin-top: -50px!important;
    margin-left: -35px!important;
    background-image: url(../images/home/left.png) !important;
    width: 50px !important;
    height:50px !important;
}
.popularMoney{
    width: 137px;
    height: 34px;
    line-height: 34px;
    background: url(../images/home/img15.png) no-repeat center;
}
.line3{
    width: 322px;
    height: 1px;
    background: rgba(103,103,103,.5);
    margin-top: 11px;
    margin-bottom: 19px;
}
.yuan{
    width: 6px;
    height: 6px;
    background: rgba(18,111,68,.64);
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}
.solidWoodParticle{
    width: 584px;
    height: 454px;
    background: #F7F7F7;
}
.solidWoodParticleBox{
    width: 218px;
    line-height: 53px;
    height: 53px;
    background: rgba(18,111,68,.69);
    margin: auto;
    margin-top: -75px;
    position: relative;
}
.board li{
    width: 292px;
    height: 219px;
    background: #F7F7F7;
    margin-bottom: 16px;
}
.line4{
    width: 25px;
    height: 1px;
    background:  #126F44;
    margin: auto;
}
.seeMoreButton{
    width: 272px;
    height: 51px;
    line-height: 51px;
    background: #FF923D;
    box-shadow: 1px 6px 8px 0px rgba(29, 29, 29, 0.15);
    border-radius: 26px;
    margin: auto;
    margin-top: 40px;
}
.transport{
    width: 100%;
    height: 865px;
    background: url(../images/home/bg3.jpg) no-repeat center;
}
.transportBox{
    width: 937px;
    height: 478px;
    background: #FFFFFF;
}
.transportBox li img{
    width: 278px;
    height: 382px;
}
.transportBox li p{
    margin-top: 20px;
}
.swiper2{
    width: 1100px;
    height: 300px;
    margin: auto;
}
.swiper2 .swiper-slide img{
    width: 162px;
    height: 227px;
}
.next2{
    margin-top: -350px!important;
    margin-left: 1155px!important;
    background-image: url(../images/home/right.png) !important;
    width: 50px !important;
    height: 50px !important;
}
.prev2{
    margin-top: -50px!important;
    margin-left: -5px!important;
    background-image: url(../images/home/left.png) !important;
    width: 50px !important;
    height:50px !important;
}
.Preferred{
    width: 100%;
    height: 1740px;
    background: url(../images/home/bg4.jpg) no-repeat center;
}
.distributor ul li{
    margin-bottom: 40px;
}
.swiper3{
    height: 530px;
}
.swiper3 .swiper3No{
    width: 298px;
    height: 527px;
    border: 1px solid rgba(255,255,255,.5);
    background: rgba(24,96,63,.68);
}
.swiper3No p{
    margin-top: 10px;
}
.swiper3No img{
    margin-top: 170px;
}
.swiper3 .swiper3Yes{
    width: 298px;
    height: 527px;
    border: 1px solid rgba(255,255,255,.5);
    background: #FF923D;
    display: none;
}
.swiper3 .swiper3Yes div{
    width: 200px;
    height: 116px;
    border-top: 1px solid rgba(255,255,255,.5);
    border-bottom: 1px solid rgba(255,255,255,.5);
    margin: auto;
    padding-top: 15px;
    margin-top: 15px;
    margin-bottom: 30px;
}
.swiper3Yes .swiper3YesIcon{
    margin-top: 70px;
    margin-bottom: 10px;
}
.swiper3Active .swiper3Yes{
   display: block;
}
.swiper3Active .swiper3No{
    display: none;
}
.next3{
    margin-top: -250px!important;
    margin-left: 625px!important;
    background-image: url(../images/home/right.png) !important;
    width: 50px !important;
    height: 50px !important;
}
.prev3{
    margin-top: -50px!important;
    margin-left: 525px!important;
    background-image: url(../images/home/left.png) !important;
    width: 50px !important;
    height:50px !important;
}
.lightLuxury{
    width: 100%;
    height: 990px;
    background: url(../images/home/bg5.jpg) no-repeat center;
}
.lightLuxury ul li{
    width: 218px;
    height: 157px;
    background: rgba(234,234,234,.63);
}
.lightLuxuryYes{
    display: none;
}
.lightLuxuryBox{
    width: 30px;
    height: 30px;
}
.lightLuxuryContent{
    margin-left: 30px;
    padding-top: 30px;
}
.lightLuxury ul li{
    margin-bottom: 18px;
}
.lightLuxuryActive .lightLuxuryYes{
    display: block;
}
.lightLuxuryActive .lightLuxuryNo{
    display: none;
}
.lightLuxuryActive p{
    color: #FFFFFF !important;
}
.lightLuxuryActive .lightLuxurysub{
    color: rgba(255,255,255,.3)!important;
}
.lightLuxuryActive{
    background: #126F44 !important;
}
.customized{
    width: 100%;
    height: 570px;
    background: url(../images/home/bg6.jpg) no-repeat center;
}
.customized ul li{
    width: 192px;
    height: 115px;
    border: 1px solid #126F44;
}
.customizedYes{
    display: none;
}
.customized ul li img{
    margin-top: -30px;
}
.customizedActive{
    background: #126F44 !important;
}
.customizedActive .customizedYes{
    display: block;
}
.customizedActive .customizedNo{
    display: none;
}
.introduce{
    width: 190px;
    height: 47px;
    line-height: 47px;
    background: #126F44;
    border-radius: 24px;
}

.contactContent form input{
    width: 560px;
    height: 60px;
    line-height: 60px;
    background: #FFFFFF;
    border-radius: 2px;
    outline: none;
    border: none;
    padding-left: 10px;
    margin-bottom: 30px;
}
.contactContent form textarea{
    width: 1190px;
    height: 200px;
    padding-left: 10px;
    padding-top: 10px;
    background: #FFFFFF;
    border-radius: 2px;
    outline: none;
    border: none;
    resize: none;
}
.contactContent form button{
    width: 190px;
    height: 47px;
    line-height: 47px;
    background: #126F44;
    border-radius: 24px;
    border: none;
    outline: none;
    margin: auto;
    margin-top: 40px;
}
footer{
    width: 100%;
    height: 560px;
    background: url(../images/home/bg7.jpg) no-repeat center;
}
.line5{
    width: 1px;
    height: 13px;
    background: #FFFFFF;
    margin: 0 10px;
}
.line6{
    width: 1197px;
    height: 1px;
    background: rgba(255,255,255,.6);
    margin-bottom: 99px;
}
footer ul li a{
    color: #FFFFFF;
}
footer ul li a:hover{
    color: #FFFFFF;
}