@import "./base.less";

/**官网顶部**/
.gw-header-top{
    background: #F68332;
    height:70px;
    line-height: 70px;
    font-size: 24px;
    color:#fff;
    position: fixed;
    width:100%;
    top:0px;
    left:0px;
    z-index: 2;
    div{
        width:100%;height:100%;
        span{i{cursor: pointer;color:#fff;font-size: 18px;}transition: all 0.5s;float:right;margin-right: 20px; &:hover{transform:rotate(90deg);color:#333;}}
    }
}

/**官网导航***/
.gw-header-nav{
    height: 112px;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(5px);
    width:100%;
    position: fixed;
    top:70px;
    left:0px;
    .ghn-con{
        height:112px;
        width:1500px;
        @media screen and (max-width: 1500px) {
            width: 1200px;
          }
        margin:0 auto;
        a.ghn-logo{
            width:463px;
            height:44px;
            position: relative;
            top:32px;
            img{width:100%;height:100%;}
        }
        .ghn-right-box{
            position: relative;
            top: -30px;
            .grb-top{
               
                a{
                    font-size: 16px;color:#fff;
                    
                    &.carbc{
                        position: relative;
                        span{
                            position: absolute;
                            height:24px;
                            display: block;
                            width:24px;
                            background: #E94141;
                            border-radius: 24px;
                            color:#fff;
                            right:-20px;top:-11px;
                            line-height: 24px;
                            text-align: center;
                            font-size: 14px;
                        }
                        
                    }
                    &:hover{
                        color:#F68332;
                    }
                    &.iconbx:hover{
                        color:#fff;
                    }
                }
                .fr{margin-left: 34px;&.clj{position: relative;top:6px;font{color:#fff;letter-spacing: -3px;}}}
                i.icon{font-size: 30px;}
            }
            .grb-bottom{
                margin-top:30px;
                .oneli{
                    margin-left: 48px;
                    transition: all 0.5s;
                    display: block;
                    height:40px;
                    position: relative;
                    a.onea{
                        font-size: 20px;color:#fff;
                    }
                    .twonav{
                        position: absolute;
                        top:38px;
                        left:-22px;
                        width: 192px;
                        padding: 18px 22px;
                        display: none;
                        background:rgba(26, 29, 57, 0.8);
                        .twoli{height:40px;line-height: 40px;}
                        a.twoa{font-size: 20px;color:#fff;&:hover{color:#F68332;}}
                    }
                    &:hover{
                        &::after{
                            content: "";
                            position: absolute;
                            top:36px;
                            width: 100%;
                            height: 5px;
                            background: #FFFFFF;
                            border-radius: 2px;
                            left:0px;
                        }
                        .twonav{display: block;}
                    }
                }
            }
        }
    }
}

/**官网底部**/
.footersm{
    background: rgba(31, 104, 242, 0.2);
    padding-top: 87px;
    padding-bottom: 31px;
    .logoftsm{width:262px;height:45px;}
    .itemftsm{
        color:#fff;font-weight:bold;
        margin-left: 107px; 
        @media screen and (max-width: 1500px) {
            margin-left: 27px; 
          }
        p{font-size: 20px;margin-bottom: 26px;&.row{b{font-size: 16px;font-weight:normal;margin-right: 9px;position: relative;top:5px;}}}
        a{font-size: 16px;display: block;cursor: pointer;color:#fff;font-weight:normal;
            line-height: 28px;
            height:28px;
            &:hover{color:#F68332;}
            &.fz-14{font-size: 14px;&:hover{color:#fff;}}
        }
    }
    .dpbto{
        margin-top: 53px;
        font-size: 14px;color:#fff;
        i{font-size: 22px;margin-right: 20px;position: relative;top:-3px;&.dflt{margin-left: 53px;}}
    }

}