.headerSwiper{
    position: relative;
    width: 100%;
    min-width: 1200px;
    height:970px;
    overflow: hidden;
    zoom: 1;
} 
.headerSwiper .slides li{
    width: 100%;
    height: 100%;
}
.nav{
    height: 99px;
}
.nav ul {
    width: 600px;
    margin-right: 30px;
    position: relative;
    top: 20px;
}
.nav ul li{
    padding-bottom: 30px;
}
.nav ul li a{
    color: #999;
}
.nav ul li a:hover{
    color: #999;
}
.navActive{
    border-bottom: 2px solid #222;
}
.navActive a{
    color: #222 !important;
}
.line{
    width: 1px;
    height: 20px;
    background: #BFBFBF;
    margin: 0 10px;
}
.line1{
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .2);
}
.phone:hover p{
    display: block !important;
}
.phone p{
    display: none;
    position: absolute;
}
.record a{
    color: rgba(255, 255, 255, .5);
}
.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;
}
.more{
    margin-left: 430px;
    color: #BBAA9A !important;
}
.line2{
    width: 484px;
    height: 1px;
    background: #222222;
    opacity: 0.1;
}
.orientation li{
    width: 290px;
    height: 216px;
}
.orientation li div:nth-child(1){
    width: 66px;
    height: 66px;
    margin: auto;
    padding: 40px 0 20px 0;
}
.orientation li div:nth-child(1) img{
    max-width: 66px;
    max-height: 66px;
}
.orientationActive{
    box-shadow: 0px 0px 18px 0px rgba(66,49,39,0.07) !important;
}
.customNav li{
    width: 240px;
}
.customNav li a{
    color: #575757;
}
.customNav li a:hover{
    color: #575757;
}
.customNavActive{
    color: #BBAA9A !important;
}
.customNavActive a{
    color: #BBAA9A !important;
}
.line3{
    width: 720px;
    margin: auto;
    margin-top: -23px;
}
.line3 p{
    width: 1px;
    height: 18px;
    background: #DADADA;
}
.swiper1{
    width: 1200px;
    height:700px;
}
.swiper1 .swiper-wrapper .swiper-slide {
    height: calc((100% - 30px) / 2);
}
.swiper1Box{
    width: 290px;
    height: 340px;
    background: #FFFFFF;
    margin: auto;
}
.swiper1Box div:nth-child(1){
    width: 290px;
    height: 340px;
}
.swiper1Box div:nth-child(1) img{
    max-width: 290px;
    max-height: 340px;
}
.swiper1Box div:nth-child(2){
    width: 290px;
    height: 71px;
    background: #BBAA9A;
    position: relative;
    z-index: 2;
    margin-top: -91px;
    padding-top: 20px;
    display: none;
}
.swiper1 .swiper-slide:hover .swiper1Box div:nth-child(2){
    display: block !important;
}
.no{
    display: none;
}
.customCon{
    margin: 50px 0 40px 0;
}
.line4{
    width: 100%;
    height: 1px;
    background: #EBEBEB;
}
.antiflaming{
    width: 630px;
}
.antiflaming li{
    width: 158px;
    height: 207px;
    background-size: cover !important;
}
.antiflaming li div{
    width: 158px;
    height: 207px;
    background: rgba(34, 34, 34, .3);
}
.antiflaming li div p{
    padding-top: 145px;
}
.antiflamingActive div{
    height: 72px !important;
    margin-top: 135px;
    background: rgba(34, 34, 34, .8) !important;
}
.antiflamingActive p{
    padding-top: 10px !important;
}
.buy{
    width: 100%;
    height: 646px;
    background: url(../images/home/bg.jpg) no-repeat center;
}
.line4a{
    width: 116px;
    height: 19px;
    background: #8FF0DC;
    margin-left:210px;
    margin-top: -18px;
    position: relative;
    z-index: 1;
}
.messageb form input{
    border: none;
    outline: none;
    width: 470px;
    height: 58px;
    background: none;
    font-size: 16px;
 }
 .messageb form div{
    width: 580px;
    height: 58px;
    background: #F5F5F5;
    padding-left: 10px;
    margin-bottom: 15px;
 }
 .messageb form button{
    width:590px;
    height: 55px;
    background: #BBAA9A;
    line-height:55px;
    border: none;
    outline: none;
 }
.feature{
    width: 1200px;
    height: 820px;
    background: url(../images/home/img15.jpg) no-repeat center;
}
.feature li{
    height: 410px;
    width: 298px; 
    border: .5px solid rgba(255, 255, 255, .2);
}
.premium{
    width: 100%;
    height: 846px;
    background: url(../images/home/bg7.png) no-repeat center;
    margin-top: 80px;
    position: relative;
    z-index: 2;
}
.swiper2{
    width: 1200px;
    height: 670px;
}
.swiper2Box div:nth-child(1){
    width: 400px;
    padding-top: 80px;
}
.swiper2Box div:nth-child(1) p:nth-child(2){
    margin: 30px 0 10px 0;
}
.swiper2Box div:nth-child(2){
    width: 798px;
    height: 671px;
    background-size: cover !important;
}
.swiper2Box div:nth-child(2) p{
    width: 678px;
    padding: 0 60px;
    height: 87px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    background: linear-gradient( rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.658));
    position: relative;
    top: 583px;
}
.swiper2 .swiper-pagination-current{
    font-size: 40px !important;
}
.brand {
    padding: 40px 0 90px 0;
}
.brand li{
    width: 1200px;
    background: #FFFFFF;
}
.brand li img{
    width: 600px;
    height: 271px;
}
.brand li div{
    width: 500px;
    margin: 0 50px;
}
.brand li div p:nth-child(1){
    margin-bottom: 20px;
}
.swiper3{
    width: 1200px;
    height: 533px;
}
.swiper3 .swiper-pagination-progressbar-fill{
    background: #fff !important;
}
.swiper3 .swiper-slide div{
    width: 1200px;
    height: 533px;
}
.swiper3 .swiper-slide div img{
    max-width: 1200px;
    max-height: 533px;
}
.next3{
    margin-top: -345px!important;
    margin-left: 1130px!important;
    background-image: url(../images/home/right.png) !important;
    width: 36px !important;
    height: 36px !important;
}
.prev3{
    margin-top: -36px!important;
    margin-left: 1060px!important;
    background-image: url(../images/home/left.png) !important;
    width: 36px !important;
    height: 36px !important;
}
.guarantee{
    padding: 30px 0;
}
.guarantee li{
    width: 564px;
    background: #F8F8F8;
}
.guaranteeCon{
    padding: 20px 0;
}
.guaranteeCon div{
    margin-right: 12px;
}
.guaranteeCon img{
    width: 256px;
    height: 193px;
    margin-bottom: 5px;
}
.guaranteeBut{
    width: 564px;
    height: 60px;
    background: #BBAA9A;
    line-height: 60px;
    color: #fff;
}
.bos{
    background: linear-gradient( rgba(0, 0, 0, 0.658),rgba(0, 0, 0, 0));
}
.support li{
    width: 220px;
    height: 164px;
    background: #F7F7F7;
    margin-bottom: 25px;
}
.support li div{
    width: 60px;
    height: 60px;
    margin: auto;
    padding: 30px 0 20px 0;
}
.support li div img{
    max-width: 60px;
    max-height: 60px; 
}
.support li div img:nth-child(2){
    display: none;
}
.supportActive{
    background: #BBAA9A !important;
    box-shadow: 0px 0px 27px 0px rgba(187,170,154,0.6);
}
.supportActive div img:nth-child(2){
    display: block !important;
}
.supportActive div img:nth-child(1){
    display: none !important;
}
.supportActive p{
    color: #FFFFFF !important;
}
.line5{
    width: 1px;
    height: 295px;
    background: #FFFFFF;
    opacity: 0.05;
}
.line6{
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    opacity: 0.05;
}