.nav{background: rgba(0, 0, 0, 1);}

.banner{
    height: 573px;
    background: url(../images/fenggua_banner.jpg) no-repeat center;
    background-color: #050513;
}
.main-nav{
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: 100%;
    box-shadow: RGBA(0, 0, 0 ,0.02) 0 0 7px 3px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}
.main-nav>div{
    width: 166px;
}
.main-nav>div a{color: #494949;font-size: 16px;display: inline-block;height: 44px;position: relative;}
.main-nav>div.navact a,.main-nav>div a:hover{color: #0052D9;}
.main-nav>div.navact a::after{
    content: "";
    width: 100%;
    height: 2px;
    background-color: #0052D9;
    position: absolute;
    left: 0;
    bottom: 0;
}

#cp-box{
    padding-top: 42px;
}
.fg-tit{
    text-align: center;
    color: #323D4B;
}
.fg-tit p:nth-child(1){
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 26px;
}
.fg-tit p:nth-child(2){
    font-size: 14px;
}
.cp-main{
    height: 183px;
    margin-top: 44px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    margin-bottom: 36px;
}
.cp-main>div{
    height: 183px;
    width: 328px;
    text-align: center;
    background-color: #fff;
    box-shadow: RGBA(0, 0, 0 ,0.04) 0 0 20px 7px;
    margin: 0 8px;
    color: #323D4B;
    transition: .2s;
}
.cp-main>div:hover{
    box-shadow: RGBA(0, 0, 0 ,0.08) 0 0 20px 7px;
}
.cp-main>div img{
    margin: 29px auto 17px;
}
.cp-main>div p:nth-child(2){
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 14px;
}
.cp-main>div p:nth-child(3){
    font-size: 13px;
}
/* ------------------- */
#fwg-box{
    padding: 40px 0;
    background-color: #F5F7FA;
}
.fwg-main{
    height: 335px;
    margin-top: 34px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}
.fwg-main>div{
    width: 379px;
    margin: 0 9px;
    position: relative;
}

.fwg-main>div>img{
    width: 379px;
    height: 179px;
}
.fwg-text{
    position: absolute;
    width: 359px;
    height: 175px;
    background-color: #fff;
    border: 1px solid #E5E8ED;
    position: absolute;
    z-index: 99;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.fwg-text p:nth-child(1){
    font-size: 20px;
    margin: 25px auto 14px;
}
.fwg-text p:nth-child(n+2){
    font-size: 15px;
    line-height: 34px;
}

.fwg-main>div:nth-child(1) .fwg-text p:nth-child(n+2){
    font-size: 13px;
    line-height: 34px;
}
.fwg-main>div:nth-child(3) .fwg-text{
    text-align: left;
    text-indent: 36px;
} 
.wx-box{
    width: 134px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    text-indent: 0;
}
.wx-box p{line-height: 15px !important;}
/* ------------------- */
#xz-box{
    padding: 40px 0;
}
.xz-main{
    width: 1377px;
    /* height: 335px; */
    margin: 34px auto 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.xz-main>div{
    width: 676px;
    height: 159px;
    margin-bottom: 19px;
    position: relative;
    background: -moz-linear-gradient(top, #F3F5F8 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, top, bottom, color-stop(0%,#F3F5F8), color-stop(100%,#FFFFFF));
    background: -webkit-linear-gradient(top, #F3F5F8 0%,#FFFFFF 100%);
    background: -o-linear-gradient(top, #F3F5F8 0%,#FFFFFF 100%);
    background: -ms-linear-gradient(top, #F3F5F8 0%,#FFFFFF 100%);
    background: linear-gradient(to bottom #F3F5F8 0%,#FFFFFF 100%);
    border-radius: 3px;
    box-shadow: RGBA(0, 0, 0 ,0.09) 0 3px 7px 0;
    overflow: hidden;
}
.xz-main>div p:nth-child(1){
    font-size: 16px;
    font-weight: bold;
    text-indent: 26px;
    margin: 22px 28px 15px 0;
    height: 22px;
    line-height: 22px;
}
.xz-main>div p:nth-child(1) span:nth-child(1){
    color: #0052D9;
    /* float: left; */
}
.xz-main>div p:nth-child(1) span:nth-child(2){
    color: #E60012;
    font-size: 14px;
    float: right;
}
.xz-main>div p:nth-child(n+2){
    font-size: 14px;
    text-indent: 26px;
    color: #4A4A4A;
    line-height: 30px;
}
.xz-btn{
    width: 121px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #F3F5F8;
    border: 1px solid #E6E6E6;
    border-radius: 3px;
    margin: 18px 0 0 26px;
    transition: .2s;
}
.xz-btn a{display: inline-block;width: 100%;height: 100%;
    transition: .2s;}
.xz-btn:hover{
    background-color: #0052D9;
    border: 1px solid #0052D9;
}
.xz-btn:hover a{color: #fff;}
.xz-wx{
    position: absolute;
    top: 26px;
    right: 37px;
    width: 116px;
}
/* ------------------- */
#pt-box{
    padding-top: 40px;
}
.pt-main{
    width: 1360px;
    margin: 46px auto 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.pt-text{
    width: 650;
}
.pt-text>div{
    width: 648px;
    height: 75px;
    line-height: 75px;
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #EDEDED;
    font-size: 14px;
    position: relative;
}
.pt-text>div span{
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin-left: 51px;
}
.pt-text>div::after{
    content: "";
    position: absolute;
    top: 34px;
    left: 22px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #0052D9;
}
/* ------------------- */
#mz-box{
    padding: 40px 0;
}
.mz-main{
    width: 1377px;
    /* height: 335px; */
    margin: 34px auto 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mz-main>div{
    width: 682px;
    height: 155px;
    margin-bottom: 19px;
    position: relative;
    background: -moz-linear-gradient(top, #F3F5F8 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, top, bottom, color-stop(0%,#F3F5F8), color-stop(100%,#FFFFFF));
    background: -webkit-linear-gradient(top, #F3F5F8 0%,#FFFFFF 100%);
    background: -o-linear-gradient(top, #F3F5F8 0%,#FFFFFF 100%);
    background: -ms-linear-gradient(top, #F3F5F8 0%,#FFFFFF 100%);
    background: linear-gradient(to bottom #F3F5F8 0%,#FFFFFF 100%);
    border-radius: 3px;
    box-shadow: RGBA(0, 0, 0 ,0.01) 0 3px 7px 0;
    overflow: hidden;
    border: 1px solid #F2F3F6;
}
.mz-main>div p{
    font-size: 14px;
    color: #323D4B;
    line-height: 26px;
    margin-left: 22px;
}
.mz-main>div p:nth-child(1){
    margin: 15px 0 22px 22px;
}
.mz-main>div::after{
    content: "";
    height: 1px;
    width: 518px;
    background-color: #E9E9E9;
    position: absolute;
    top: 78px;
    left: 22px;
}
.mz-main>div img{
    position: absolute;
    right: 10px;
    bottom: 14px;
}
/* --------------- */
#db-box{
    width: 1920px;
    height: 573px;
    background: url(../images/fg_db_bg.jpg) no-repeat;
    overflow: hidden;
    margin: 0 auto;
}
#db-box .fg-tit{
    color: #fff;
    margin: 44px auto 23px;
}
.db-main{
    margin: 0 auto;
    width: 1114px;
    height: 408px;
    background: url(../images/fg_db_main_bg.jpg) no-repeat;
    display: flex;
    display: -webkit-flex;
}
.db-main>div{
    flex: 1;
    text-align: center;
    height: 408px;
    color: #fff;
    font-size: 20px;
    overflow: hidden;
    transition: .2s;
}
.db-main>div:hover{
    background: RGBA(255, 255, 255 ,0.08);
}
.db-main>div img{
    margin: 133px auto 56px;
}