.bn {
    position: relative;
    height: 880px;
    z-index: -1;

}
.headerdiv{ display:none}



header img {
    filter: grayscale(100%) brightness(400%);
}

.bn .main {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    color: white;
    text-align: center;
    transform: translate(-50%,-50%);
}

.bn .main .en {
    margin-bottom: 35px;
    font-size: 60px;
    line-height: 40px;
    font-weight: bold;
}

.bn .main .cn {
    font-size: 28px;
    line-height: 40px;
}

.desc {
    position: relative;
}

.desc .main {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.desc .main .bFont {
    margin-bottom: 75px;
    font-size: 50px;
    line-height: 45px;
}

.desc .main .sFont {
    font-size: 25px;
    line-height: 45px;
    color: #1f1f1f;
}

.desc .main .sDec {
    max-width: 1045px;
    padding-top: 30px;
    margin-top: 35px;
    line-height: 30px;
    font-size: 16px;
    color: #7e7e7e;
    border-top: 1px solid #dbdbdb;
}

.bird {
    position: relative;
}

.bird .main {
    padding-top: 145px;
}

.bird .main > div {
    max-width: 680px;
    color: white;
}

.bird .main .mFont {
    margin-bottom: 10px;
    padding-top: 40px;
    font-size: 25px;
    line-height: 45px;
    border-top: 1px solid #bbc1c3;
}

.bird .main .bFont {
    font-size: 45px;
    line-height: 45px;
}

.bird .main .desc {
    margin-top: 40px;
    font-size: 16px;
    line-height: 30px;
}


.pageMain a {
	text-align:left;
    max-width: 286px;
    cursor: pointer;
	background:#f7f7f7;
    margin-right: 10px !important;
}
.pageMain a:hover{ background:#049473;}
.pageMain a:hover .btm .title{ color:#fff}
.pageMain a:hover .btm p{ color:#fff}
.pageMain a:nth-child(5n){ margin-right:0 !important;}

.prodItem .btm{ padding-left:10%; padding-right:10%;}
.prodItem .btm .title{ font-size:20px;text-transform:uppercase; margin:10% 0;}
.prodItem .btm p{ font-size:14px; color:#1f1f1f; height:180px;line-height:25px;}

.pageMain .ul > a:nth-child(5n) {
    margin-right: 0px;
}

.pageMain .ul > a .btm {
    height: 225px;
    padding: 5% 35px 0 ;
    color: #1f1f1f;
    transition: all .55s;
}

.prodItem:hover .top::after {
    display: none;
}

.pageMain .ul > a:hover .btm {
    color: white;
    background-color: var(--green);
}

.pageMain .ul > a:hover .btm .title {
    color: white;
}

.default_bg{ height:899px;}

@media (max-width:1024px) {
.bn{ height:auto; padding:25% 0;}
.bn .main,.desc .main{ position:static;transform:none; width:auto;}
.default_bg{height:auto; padding:25% 0;}
.bird .main{ padding:0;}
.desc{ height:auto;}
}

@media (max-width:480px) {
.bn .main .en{ font-size:36px; margin-bottom:2.5%;}
.bn .main .cn{ font-size:16px; line-height:25px;}

.desc .main .bFont,.bird .main .bFont{ font-size:28px; margin-bottom:5%;}
.desc .main .sFont,.bird .main .mFont{ font-size:16px; line-height:25px;}
.desc .main .sDec,.bird .main .desc{ font-size:14px; line-height:25px;}
.bird .main .mFont{ padding-top:5%;}
}