.headerSwiper{
    position: relative;
    width: 100%;
    min-width: 1200px;
    height:850px;
    overflow: hidden;
    zoom: 1;
} 
.headerSwiper .slides li{
    width: 100%;
    height: 100%;
}
.no{
    display: none;
}
.nav{
    height: 40px;
}
.navigation{
    height: 80px;
}
.navigation ul li{
    width: 90px;
    height: 78px;
    line-height: 78px;
}
.navigation ul li a{
    color: #222;
}
.navigation ul li a:hover{
    color: #222;
}
.navActive{
    background: #F7F7F7;
    border-top: 2px solid #423127;
}
.record a{
    color: rgba(255, 255, 255, .5);
    margin-right: 40px;
}
.record a:hover{
    color: rgba(255, 255, 255, .5);
}
.swiper-button-next{
    opacity: 1;
    background-size: cover;
    outline: none !important;
    position: relative !important; 
}
.swiper-button-prev{
    opacity: 1;
    background-size: cover;
    outline: none !important;
    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;
}
.homeAbout{
    width: 100%;
    height: 724px;
    background: url(../images/home/bg.jpg) no-repeat center;
}
.line{
    width: 100%;
    height: 1px;
    background: #222222;
}
.homeAbout ul{
    margin-top: 15px;
}
.homeAbout ul li{
    width: 290px;
    height: 216px;
}
.homeAbout ul li div:nth-child(1){
    width: 66px;
    height: 66px;
    margin: auto;
    padding: 40px 0 25px 0;
}
.homeAbout ul li div:nth-child(1) img{
    max-width: 66px;
    max-height: 66px;
}
.homeAboutActive{
    box-shadow: 0px 0px 18px 0px rgba(66,49,39,0.07) !important;
}
.rock{
    padding: 80px 0 30px 0;
    border-bottom: 1px solid rgba(34, 34, 34, .1);
    margin-bottom: 40px;
}
.rock ul{
    width: 440px;
}
.rock ul li{
    padding-bottom: 20px;
}
.rockActive{
    border-bottom: 3px solid #222222;
}
.rockActive a{
    color: #222222 !important;
}
.swiper1{
    width: 1200px;
    height:700px;
}
.swiper1 .swiper-wrapper .swiper-slide {
    height: calc((100% - 30px) / 2);
}
.swiper1Box{
    width: 290px;
    height: 340px;
    background-size: cover !important;
    margin: auto;
}
.swiper1Box div{
    width: 220px;
    height: 40px;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0px 0px 7px 0px rgba(66,49,39,0.05);
    position: relative;
    top: 225px;
    margin: auto;
}
.swiper1Box div p:nth-child(1){
    width: 200px;
}
.swiper1 .swiper-slide:hover .swiper1Box div{
    background: #423127 !important;
    box-shadow: 0px 0px 7px 0px rgba(66,49,39,0.05);
}
.swiper1 .swiper-slide:hover .swiper1Box p{
    color: #FFFFFF !important;
}
.source{
    width: 100%;
    height: 600px;
    background: url(../images/home/bg1.jpg) no-repeat center;
}
.swiper2{
    width: 100%;
    height: 122px;
}
.swiper2 .swiper-slide div{
    width: 100%;
    height: 122px;
}
.swiper2 .swiper-slide div img{
    width: 100%;
    height: 122px;
    border-radius: 6px;
}
.next2{
    margin-top: 55px!important;
    margin-left: 940px!important;
    background-image: url(../images/home/right.png) !important;
    width: 34px !important;
    height: 34px !important;
}
.prev2{
    margin-top: -34px!important;
    margin-left: 870px!important;
    background-image: url(../images/home/left.png) !important;
    width: 34px !important;
    height: 34px !important;
}
.feature{
    width: 100%;
    height: 1088px;
    background: url(../images/home/bg9.jpg) no-repeat center;
}
.feature ul{
    width: 1200px;
    height: 820px;
    background: url(../images/home/img12.jpg) no-repeat center;
    margin-top: 40px;
}
.feature ul li{
    width: 298px;
    height: 402px;
    border: .5px solid rgba(255, 255, 255, .2);
    border-bottom: 10px solid rgba(255, 255, 255, 0);
}
.featureActive{
    background: rgba(0, 0, 0, .68) !important;
    border-bottom: 10px solid #4CDA4A !important;
}
.swiper3{
    width: 100%;
    height: 580px;
}
.swiper3Box img{
    width: 90%;
}
.swiper3Box div{
    width: 100%;
    height: 254px;
    background: #423127;
    padding-top: 40px;
    position: relative;
    z-index: 3;
    margin-left: -150px;
}
.swiper3Box div p{
    width: 180px;
    margin: auto;
}
.swiper3Box div p:nth-child(2){
    width: 180px;
    height: 1px;
    background: rgba(255, 255, 255, .2);
    margin-top: 40px;
    margin-bottom: 20px;
}
.next3{
    margin-top: -652px!important;
    margin-left: 1175px!important;
    background-image: url(../images/home/right1.png) !important;
    width: 34px !important;
    height: 34px !important;
}
.prev3{
    margin-top: -34px!important;
    margin-left: 1115px!important;
    background-image: url(../images/home/left1.png) !important;
    width: 34px !important;
    height: 34px !important;
}
.swiper3 .swiper-pagination-progressbar-fill{
    background: #423127 !important;
}
.brand{
    width: 100%;
    height: 678px;
    background: url(../images/home/bg2.jpg) no-repeat center;
}
.famous{
    position: relative;
    top: -460px;
}
.famous li{
    width: 1200px;
    height: 314px;
    background: #FFFFFF;
    margin-bottom: 15px;
}
.famous li img{
    width: 600px;
    height: 314px;
}
.famous li div{
    width: 500px;
    margin: auto;
}
.famous li div p:nth-child(1){
    margin-bottom: 20px;
}
.reference{
    width: 100%;
    height: 600px;
    background: url(../images/home/bg3.jpg) no-repeat center;
}
.swiper4{
    width: 100%;
}
.swiper4 .swiper-slide-next p{
    opacity: .5 !important;
}
.swiper4 .swiper-slide-prev p{
    opacity: .5 !important;
}
.next4{
    margin-top: -215px!important;
    margin-left: 890px!important;
    background-image: url(../images/home/right.png) !important;
    width: 34px !important;
    height: 34px !important;
}
.prev4{
    margin-top: -34px!important;
    margin-left: 820px!important;
    background-image: url(../images/home/left.png) !important;
    width: 34px !important;
    height: 34px !important;
}
.homeNews li{
    width: 390px;
    height: 255px;
    background: #FAFAFA;
    margin: 0 5px;
}
.homeNews li div{
    width: 389px;
    height: 175px;
    margin-bottom: 15px;
}
.homeNews li div img{
    max-width: 389px;
    max-height: 175px;
}
.homeNews li p{
    width: 360px;
    margin: auto;
}
.message form{
    padding-top: 30px;
}
.message form input{
    outline: none;
    width: 454px;
    height: 53px;
    background: #F9F9F9;
    font-size: 16px;
    padding-left: 10px;
    margin-bottom: 10px;
 }
 .message form button{
    width: 464px;
    height: 53px;
    background: #423127;
    line-height: 49px;
    border: none;
    outline: none;
 }
 footer{
    padding-top: 30px;
}
footer ul li:nth-child(1){
   margin-bottom: 40px;
}
footer ul li div:nth-child(1){
   width: 20px;
   height: 20px;
   margin-right: 10px;
}
footer ul li div:nth-child(1) img{
   max-width: 20px;
   max-height: 20px;
}
footer ul li div:nth-child(2){
   width: 240px;
}
footer ul li div:nth-child(2) p:nth-child(1){
   margin-bottom: 10px;
}
.line3{
   width: 100%;
   height: 1px;
   background: rgba(255, 255, 255, .05);
   margin-top: 20px;
}
.line2{
    width: 1px;
    height: 295px;
    background: rgba(255, 255, 255, .05);
 }