*{
    padding: 0;
    margin: 0;
}
img{
    width: 100%;
    vertical-align: middle;
}
html{
    font-size: 14px;
    font-family: "Microsoft YaHei",Helvetica,"Helvetica Neue",Arial,sans-serif,"\9ED1\4F53";
}
em{
    font-style: normal;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.clear:after{
    content: "";
    display: block;
    clear: both;
}
#top{
    width: 100%;
    height: 44px;
    background:#fff;
    font-size: 0;
    line-height: 44px;
    vertical-align: middle;
    position: fixed;
    top: 0;
    z-index: 1000;
}
#top .logo{
    width:110px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3%;
}
.line{
    width: 100%;
    height: 2px;
}
.line img{
    height: 100%;
}
.menu{
    float: right;
    display: inline-block;
    margin-top: 16px;
    margin-right: 3%;
}
.menu span{
    transition:all 0.35s;
    -webkit-transition:all 0.35s;
}
.indexclick span{
    position: relative;
}
.indexclick span:nth-child(1){
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 7px;
}
.indexclick span:nth-child(3){
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    top: -7px;
}
.indexclick span:nth-child(2){
    left: 1000px;
}
.menu span{
    display: block;
    width: 18px;
    height: 2px;
    background-color: #c49e67;
    margin-bottom: 5px;
}
.menu .last{
    margin-bottom: 0;
}
#nav{
    display: none;
    position: fixed;
    z-index: 1000;
    background-color: #fff;
    width: 100%;
    overflow-y: scroll;
}
.area{
    height: 46px;
}
#nav>ul>li>a.liactive{
    color:#696969;
}
#nav>ul>li>a{
    transition:all 0.35s;
    -webkit-transition:all 0.35s;
}
#nav ul ul{
    display: none;
}
#nav ul ul>li:nth-child(1){
    position: relative;
}
#nav ul ul>li:nth-child(1)>div{
    position: absolute;
    top: 5px;
    left: 56px;
    width: 26px;
}
#nav ul ul>li>a{
    font-size: 14px;
    color:#898989;
}
#nav ul ul>li{
    padding-top: 16px;
}
#nav>ul{
    width: 80%;
    margin:0 auto;   
}
#nav>ul>li.ac.lis{
    background: url(../image/down-arrow.png) no-repeat right 22px;
    background-size: 15px;
}
#nav>ul>li.ac{
    background: url(../image/right-arrow.png) no-repeat right 20px;
    background-size: 7px;
    transition:all 0.35s;
    -webkit-transition:all 0.35s;
}
#nav>ul>li{
    padding:16px 0;
    border-bottom: 1px solid #dbdcdc; 
}
#nav>ul>li>a{
    color: #c49e67;/*字的黄色*/
    font-size: 16px;
    display: block;
}
#sec1{
    position: relative;
}
.main{
    width: 100%;
    height: 100%;
}
#main1{
    background: url(../image/banner1.jpg) no-repeat center;
    background-size: cover;
}
#main2{
    background: url(../image/banner2.jpg) no-repeat center;
    background-size: cover;
}
#main3{
    background: url(../image/banner3.jpg) no-repeat center;
    background-size: cover;
}
#main4{
    background: url(../image/banner4.jpg) no-repeat center;
    background-size: cover;
}

#main3 .bigtxt{
    width: 96%;
    position: absolute;
    margin-left: 2%;
    z-index: 999;
    bottom: 100px;
}
#main3 .center{
    position: absolute;
    z-index: 999;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
#main3 .center>img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#main3 .center{
    width: 50%;
    height: auto;
    top: 200px;
}

#main2 .center{
    position: absolute;
    z-index: 999;
    left: 22%;
    width: 56%;
    top: 74px;
}
#main2 .bigtxt{
    width: 92%;
    position: absolute;
    margin-left: 4%;
    z-index: 999;
    bottom: 100px;
}
#main1 .bigtxt{
    width: 96%;
    position: absolute;
    margin-left: 2%;
    z-index: 999;
    bottom: 100px;
}
#main1 .toptxt{
    width: 76%;
    margin: 160px auto 0;
}
#main4 div{
    width: 60%;
    margin: 0 auto;
    margin-top: 44px;
}
#sec1 .mainBtn1{
    position: absolute;
    z-index: 999;
    bottom: 60px;
    left: 50%;
}
#sec1 .mainBtn1>.btn1{
    padding: 0 3px;
    float: left;
    width: 14px;
    height: 14px;
    background:url(../image/navbtnbg.png) no-repeat center;
    background-size: contain;
    position: relative;
    right: 50%;
}
#sec1 .mainBtn1>.EasyBannerBtnActive{
    transition: all 2s;
    -webkit-transition:all 2s;
    //background-color: #fff;
}
#sec1 .mainBtn1>.EasyBannerBtnActive:after{
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin:auto;
    background-color: #fff;
    border-radius: 50%;
    transition: all 2s;
    -webkit-transition:all 2s;
}
#sec1 .arrow{
    bottom: 30px;
    position: absolute;
    z-index: 999;
    width: 100%;
    text-align: center;
}
#sec1 .arrow>img{
    width: 16px;
}
.newProduct a,.ceiling a,.sort a{
    display: block;
}
.sort ul li{
    float: left;
    width: 50%;
}
.sort li a{
    width: 100%;
    height: 100%;
    position: relative;
}
.sort li a div{
    display: inline-block;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
}
.sort li a div img{
    width: 26%;
}
.sort li a div p{
    color:#fff;
    font-size: 16px;
    letter-spacing: 1px;
    padding-top: 10px;
}
.sort li:nth-child(1) a{
    background-color: #9ca117; 
}
.sort li:nth-child(2) a{
    background-color: #897f78;
}
.sort li:nth-child(3) a{
    background-color: #748c95;
}
.sort li:nth-child(4) a{
    background-color: #09a2a8;
}
.inspiration{
    background: url(../image/inspiration.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}
.inspiration div,.news div{
    width: 84%;
    margin: 0 auto;
    padding-top: 90px;
}
.inspiration a{
    display: block;
    width: 34%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border:1px solid #fff;
    margin-left: 8%;
    position: absolute;
    top: 50%;
}
.news{
    background: url(../image/news.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}
.news ul{
    color: #fff;
    width: 84%;
    margin: 0 auto;
}
.news ul li{
    padding-top: 16px;
    padding-bottom: 4px;
    border-bottom: 1px solid #fff;
}
.news ul li a{
    display: block;
    color: #fff;
}
.news ul li p{
    font-size: 12px;
    padding-bottom: 14px;
}
.news ul li span{
    float: right;
    font-size: 12px;
}
.news>a{
    display: block;
    width: 56%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border:1px solid #fff;
    margin-left: 8%;
    position: absolute;
    top: 70%;
}
.about{
    background: url(../image/about.jpg) no-repeat center;
    background-size: cover;
}
.about>div{
    width: 84%;
    margin: 0 auto;
    color: #fff;
}
.about>div>h1{
    font-size: 30px;
    font-weight: normal;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 20px;
}
.about>div>p{
    padding-bottom: 20px;
    line-height: 1.8em;
}
.blue{
    background-color: #5e71a4;
}
.blue>div{
    width: 90%;
    margin: 0 auto;
    padding-top: 80px;
}
.blue>div ul li{
    border: 1px solid #fff;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    letter-spacing: 6px;
    margin-bottom: 20px;
}
.blue>div>form{
    padding-top: 40px;
}
.blue>div>form>textarea{
    width: 100%;
    display: block;
    height: 120px;
    resize: none;
    padding: 8px;
    box-sizing: border-box;
}
.blue>div>form>input{
    width: 40%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    display: block;
    margin: 40px auto 0;
    outline: 0;
    background: none;
    color: #fff;
}
.blue>div>form>ul>li{
    position: relative;
    transition:all 0.35s;
    -webkit-transition:0.35s;
}
.blue>div>form span{
    width: 16px;
    height: 16px;
    display: inline-block;
    background:url(../image/circle.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top:9px;
    left: 10px;
    transition:all 0.35s;
    -webkit-transition:0.35s;
}
.blue>div>form .active{
     background:url(../image/circle1.png) no-repeat center;
    background-size: cover;
}
.contact{
    background-color: #5e71a4;
}
.contact>div{
    width: 90%;
    margin: 0 auto;
    padding-top: 80px;
    color: #fff;
    text-align: center;
}
.contact>div>h3{
    font-size: 20px;
    font-weight: normal;
    padding: 28px  0 16px;
}
.contact>div>p{
    line-height: 1.8em;
}
.contact>div>.in{
    width: 30%;
    padding: 40px 0 80px;
}
.bottom{
    background-color: #595757;
    color: #fff;
    line-height: 60px;
    text-align: center;
    font-size: 12px;
}



.list{
    width: 90%;
    margin:40px auto 0;
    text-align: center;
}
.list ul li{
    box-shadow: 0px 0px 4px #ccc;
    margin-bottom: 40px;
    background-color: #fff;
}
.list ul li p{
    padding: 36px 0;
    line-height: 1.8em;
    font-size: 16px;
}
.more{
    width: 40%;
    display: inline-block;
    padding-bottom: 50px;
}


.productlis{
    background-color: #efefef;
}
.productlis>ul{
    width: 90%;
    margin: 0 auto;
    padding: 20px 0 40px;
}
.productlis>ul>li{
    box-shadow: 0 0 5px #ccc;
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 6px;
    padding-bottom: 8px;
}
.productlis>ul>li>div{
    width: 90%;
    margin: 0 auto;
}
.productlis a{
    display:block;
}
.productlis>ul>li>div>h1{
    font-weight: normal;
    font-size: 30px;
    padding: 20px 0;
    text-align: center;
    border-bottom: 1px solid #dbdddf;
    margin-bottom: 24px;
}
.productlis>ul>li>div>ul{

}
.productlis>ul li>div>ul>li a{
    color: #333;
    font-size: 16px;
}
.productlis>ul li>div>ul>li em{
    display: inline-block;
    width: 20px;
    height: 18px;
    background: url(http://mobile.bybm.com.cn/frontendMobile/web/img/newProduct.png) no-repeat center;
    background-size: contain;
    position: relative;
    top:-12px;
    left: 6px;
}
.productlis>ul>li>div>ul>li:nth-child(1){
    padding-bottom: 30px;
}
.productlis>ul li>div>ul>.li{
    line-height: 70px;
    border-top: 1px solid #dbdddf; 
}


.productlis .lis2 ul li a>div:after{
    content: "";
    display: inline-block;
    line-height: 70px;
    font-size: 0;
    width: 0;
    height: 70px;
    vertical-align: middle;
}
.productlis .lis2 ul li a>div>span{

}
 
.productlis .lis2 ul li a>div>img{
    width: 16%;
    vertical-align:middle;
    padding-right: 14px;
}
.productlis .lis2 .ul3 .li{
    background: url(../image/right-arrow.png) no-repeat right 28px;
    background-size:7px;
    transition:all 0.35s;
    -webkit-transition:all 0.35s;
}
.productlis .lis2 .ul3 .li.showlist{
    background: url(../image/down-arrow.png) no-repeat right 28px;
    background-size:15px;
}
.productlis .lis2 .ul3 .hidelist{
    padding: 20px 0 30px;
    display: none;
}
.productlis .lis2 .ul3 .hidelist>ul{

}
.productlis .lis2 .ul3 .hidelist>ul>li{
    line-height: 2em;
}
/*#app{background-color: #b5b5b5;}*/
.apply-list2 li{
    width: 100%;
   box-sizing: border-box;
   padding-bottom: 4px;
   min-height: 150px;
}
.apply-list2 li:last-child{
    padding-bottom: 0;
}
.apply-list2 li>.sec1{
    width: 32%;
    height: 100%;
    background-color: #b5b5b5;
    color: #fff;
    text-align: center;
    position: relative;
}
.apply-list2 li>.sec1 .atxt{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
}
.apply-list2 li>.sec1 .atxt>h1{
    font-weight: lighter;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    padding-bottom:8px;
    display: inline-block;
    -webkit-margin-before: -0.12em;
}
.apply-list2 li>.sec1 .atxt>p{
    font-weight: bold;
}
.apply-list2 li a{
    display: block;
    color: #fff;
}
.apply-list2 li>.sec2{

}
.apply-list2 li>.sec1.fl{
    border-right: 2px solid #fdd23c;
}
.apply-list2 li>.sec1.fr{
    border-left: 2px solid #fdd23c;
}
.apply-list2 li>.sec1.fl .icon{
    width: 29%;
    position: absolute;
    left: 100%;
    top: 50%;
    transform:translate(-50%,-50%);
}
.apply-list2 li>.sec1.fr .icon{
    width: 29%;
    position: absolute;
    right: 100%;
    top: 50%;
    transform:translate(50%,-50%);
}
.apply-list2 li>.sec2.left{
    margin-left: 32%;
    height: 100%;
}
.apply-list2 li>.sec2.right{
    margin-right: 32%;
    height: 100%;
}
.s1{
    background: url(../image/apply2-1.jpg) no-repeat center;
    background-size: cover;
}
.s2{
    background: url(../image/apply2-2.jpg) no-repeat center;
    background-size: cover;
}
.s3{
    background: url(../image/apply2-3.jpg) no-repeat center;
    background-size: cover;
}
.s4{
    background: url(../image/apply2-4.jpg) no-repeat center;
    background-size: cover;
}
.about-us{
    background-color: #5e71a4;
}
.about-us>div{
    width: 84%;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 100px;
    color: #fff;
}
.about-us>div h1{
    text-align: center;
    font-weight: lighter;
    letter-spacing: 2px;
    padding-bottom: 40px;
}
.about-us>div p{
    line-height: 1.8em;
    text-align: center;
}
.about-lis{
    background-color: #fff;
}
.about-lis ul{
    width: 84%;
    padding: 90px 0 100px;
    margin: 0 auto;
}
.about-lis ul li{
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #c59e62;
    margin-bottom: 50px;
    position: relative;
}
.about-lis ul li:last-child{
    margin-bottom: 0;
}
.about-lis ul li:before{
    position: absolute;
    content: "+";
    color:#b5925a;
    right: 0;
    bottom: 5px;
    font-size: 16px;
}
.about-lis ul li h1{
    font-weight: lighter;
    letter-spacing: 2px;
    color: #b5925a;
    padding-bottom: 14px;
}
.about-lis ul li p{
    
}
.about-down{
    background: url(../image/about-down.jpg) no-repeat center;
    background-size: cover;
     height: 100vh;
}
.about-down div{
    width: 84%;
    margin: 0 auto;
    padding-top: 120px;
}
.about-down div h1{
    font-weight: lighter;
    text-align: center;
    color: #fff;
    padding-bottom: 20px;
}
.about-down div p{
    color: #fff;
    line-height: 2em;
    text-align: center;
}
.performance-top{
    position: relative;
}
.performance-top .txt{
    width: 84%;
    position: absolute;
    left: 8%;
    top: 16%;
    color: #fff;
    text-align: center;
    text-shadow:1px 2px 10px #898989;
}
.performance-top .txt>h1{
    font-weight: lighter;
    margin-bottom: 20px;
}
.performance-top .txt>p{
    line-height: 2em;
}
.performance-pic,.performance-pic2,.performance-pic3{
    padding-top: 60px;
}
.performance-txt{
    width: 80%;
    margin: 0 auto;
    color: #535353;
}
.performance-txt h1{
    font-weight: lighter;
    padding-bottom: 10px;
}
.performance-txt p{
    line-height: 2em;
}
.performance-pic2{
    text-align: center;
}
.performance-pic2 img{
    width: 80%;
    margin: 40px auto 0;
}
.performance-pic3{
    text-align: center;
}
.performance-pic3 img{
    width: 90%;
}
.tit{
    text-align: right;
}
.performance-txt.t-top{
    margin-top: -10px;
}
.performance-txt.t-top2{
    margin-top: -30px;
    padding-bottom: 60px;
}
/*产品二级页面*/
#cate{height: 100%;}
#cate body{height: 100%;overflow-y:scroll;}

#news{background-color: #f3f4f5;overflow: hidden;}
#news>h1{text-align: center;position: relative;margin: 40px 0;}
#news>h1:before{content: '';width: 100%;height: 1px;background-color: #bfbebf;position: absolute;top: 50%;left: 0;z-index: 0;}
#news>h1>span{font-size: 30px;font-weight: normal;text-align: center;position: relative;z-index: 1;background-color:#f3f4f5;padding: 0 30px; }
#news ul li{width: 90%;margin: 0 auto 40px;}
a{color: inherit;}
#news .area-b{border-top: 1px solid #aaaaaa;margin-top: 30px;}
#news .area-b p{line-height: 1.6em;}
#news .area-b .time{width: 25%;border-right: 1px solid #aaa;padding-bottom: 60px;padding-top: 20px;}
#news .area-b .cont{width: calc(75% - 1);width: -webkit-calc(75% - 1);padding: 20px;}
#news .area-b .cont h2{font-size: 16px;font-weight: bold;padding-bottom: 10px;}
#news .area-b .cont p{text-decoration: underline;}
#newslist{width: 90%;margin: 0 auto;padding-top: 40px;}
#newslist .h{padding-top: 40px;}
#newslist .h p{font-size: 16px;text-align: center;line-height: 1.6em;}
#newslist .h .en{font-size: 14px;}
#newslist .h .date{font-size: 12px;color: #aaa;padding: 15px 0 18px;}
#newslist .article{width: 90%;margin: 0 auto 0;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;padding-top: 30px;margin-bottom: 50px;}
#newslist .article p{line-height: 1.8em;margin-bottom: 30px;}


#success{width: 100%;height: calc(100vh - 106px);height: -webkit-calc(100vh - 106px);position: relative;}
#success>div{text-align: center;position: absolute;height: 231px;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
#success>div h1{font-weight: normal;font-size: 30px;margin-top: 20px;margin-bottom: 10px;}
#success>div p{font-size: 16px;}
#success>div a{width: 140px;height: 40px;background-color: #26b597;line-height: 40px;text-align: center;color: #fff;font-size: 18px;display: block;margin:0 auto;margin-top: 20px;}