.gw-header-nav{
    position: fixed;
    top:70px;
}
body{background: #000;min-width: 1200px;}
.aboutpage{
    background: #000;
    .floor1{
        height:1003px;
        background: url("../../images/about/companybg1.png") center top no-repeat;
        p{font-size: 110px;font-weight: bold;color:#fff;width:1200px;margin:0 auto;}
    }
    .floor2{
        height:1485px;
        background: url("../../images/about/companybg2.png") center top no-repeat;
        .jscon{
            width: 1200px;
            height: 1243px;
            margin:0 auto;
            background: rgba(40, 63, 235, 0.4);
            font-size: 30px;
            color:#fff;
            font-weight: bold;
            padding:0px 63px ;
            b{font-size: 60px;}
            p{margin-bottom: 50px;}
            
        }
        .readbox{
            padding-top:50px;
            text-align: center;
            padding-bottom:60px;
            p{font-size: 30px;font-weight: bold;color:#FFf;margin-bottom: 36px;}
            .but{
                width: 560px;
                height: 64px;
                line-height: 64px;
                background: #283FEB;
                color:#fff;
                font-size: 22px;
                border:2px solid  #283FEB;
                cursor: pointer;
                &.but-lk{
                    background: none;
                    margin-left: 39px;
                }
            }
        }
    }
}

.qualitypage{
    background: #000;
    .floor1{
        height:1003px;
        background: url("../../images/about/zjbg.png") center top no-repeat;
        p{font-size: 80px;font-weight: bold;color:#fff;width:1200px;margin:0 auto;span{font-size: 50px;display: block;}}
    }
    .floor2{
        height:1074px;
        background: url("../../images/about/bgg5.png") center top no-repeat;
        .jscon{
            width: 1200px;
            height: 410px;
            margin:0 auto;
            background: rgba(40, 63, 235, 0.4);
            font-size: 30px;
            color:#fff;
            font-weight: bold;
            padding:0px 63px ;
            b{font-size: 60px;}
            p{margin-bottom: 50px;}
            
        }
        .supplierboxsp{
            padding-top: 20px;
            .row{margin-bottom: 1px;}
            .itemf3{
                height:200px;width:50%;background: rgba(255,255,255,0.1);color:#fff;
                font-size: 22px;
                line-height: 200px;
                margin-bottom: 1px;
                &.trr{padding-left: 122px;}
                &.trl{text-align: right;padding-right: 122px;margin-right: 1px;}
                span{transition: all 0.6s;}
                &:hover{ background: url("../../images/home/subj.png")  no-repeat;background-size: 100% 100%;
                   span{opacity: 0;}
                }
                &.bgrp1:hover{ background: url("../../images/about/bgrp1.png")  no-repeat;background-size: 100% 100%;}
                &.bgrp2:hover{ background: url("../../images/about/bgrp2.png")  no-repeat;background-size: 100% 100%;}
                &.bgrp3:hover{ background: url("../../images/about/bgrp3.png")  no-repeat;background-size: 100% 100%;}
                &.bgrp4:hover{ background: url("../../images/about/bgrp4.png")  no-repeat;background-size: 100% 100%;}
            }
        }
        .readbox{
            padding-top:50px;
            text-align: center;
            padding-bottom:60px;
            p{font-size: 30px;font-weight: bold;color:#FFf;margin-bottom: 36px;}
            .but{
                width: 560px;
                height: 64px;
                line-height: 64px;
                background: #283FEB;
                color:#fff;
                font-size: 22px;
                border:2px solid  #283FEB;
                cursor: pointer;
                &.but-lk{
                    background: none;
                    margin-left: 39px;
                }
            }
        }
    }
    
}

.privacypage{
    background: #000;
    .floor1{
        height:1003px;
        background: url("../../images/about/privacybg1.png") center top no-repeat;
        p{font-size: 110px;font-weight: bold;color:#fff;width:1200px;margin:0 auto;}
    }
    .floor2{
        height:3744px;
        background: url("../../images/about/privacybg2.png") center top no-repeat;
        .jscon{
            width: 1200px;
            height: 3490px;
            margin:0 auto;
            background: rgba(40, 63, 235, 0.4);
            font-size: 30px;
            color:#fff;
            font-weight: bold;
            padding:0px 63px ;
            p{margin-bottom: 20px;font-size: 16px;}
            
        }
        .readbox{
            padding-top:50px;
            text-align: center;
            padding-bottom:60px;
            p{font-size: 30px;font-weight: bold;color:#FFf;margin-bottom: 36px;}
            .but{
                width: 560px;
                height: 64px;
                line-height: 64px;
                background: #283FEB;
                color:#fff;
                font-size: 22px;
                border:2px solid  #283FEB;
                cursor: pointer;
                &.but-lk{
                    background: none;
                    margin-left: 39px;
                }
            }
        }
    }
    
}
.termpage{
    background: #000;
    .floor1{
        height:1002px;
        background: url("../../images/about/termbg1.png") center top no-repeat;
        p{font-size: 90px;font-weight: bold;color:#fff;width:1200px;margin:0 auto;span{font-size: 50px;font-weight: bold;color:#fff;display: block;margin-top: 30px;}}
        
    }
    .floor2{
        height:2359px;
        background: url("../../images/about/termbg2.png") center top no-repeat;
        .jscon{
            width: 1200px;
            height:2117px;
            margin:0 auto;
            background: rgba(40, 63, 235, 0.4);
            font-size: 30px;
            color:#fff;
            font-weight: bold;
            padding:0px 63px ;
            b{display: block;font-size: 18px;font-weight: bold;margin-bottom: 20px;}
            p{margin-bottom: 20px;font-size: 16px;&.tc-r{text-align: right;margin-top: 60px;}}
            
        }
        .readbox{
            padding-top:50px;
            text-align: center;
            padding-bottom:60px;
            p{font-size: 30px;font-weight: bold;color:#FFf;margin-bottom: 36px;}
            .but{
                width: 560px;
                height: 64px;
                line-height: 64px;
                background: #283FEB;
                color:#fff;
                font-size: 22px;
                border:2px solid  #283FEB;
                cursor: pointer;
                &.but-lk{
                    background: none;
                    margin-left: 39px;
                }
            }
        }
    }
    
}
.termuserpage{
    background: #000;
    .floor1{
        height:1002px;
        background: url("../../images/about/termuserbg1.png") center top no-repeat;
        p{font-size: 90px;font-weight: bold;color:#fff;width:1200px;margin:0 auto;}
        
    }
    .floor2{
        height:2310px;
        background: url("../../images/about/termuserbg2.png") center top no-repeat;
        .jscon{
            width: 1200px;
            height:2060px;
            margin:0 auto;
            background: rgba(40, 63, 235, 0.4);
            font-size: 30px;
            color:#fff;
            font-weight: bold;
            padding:0px 63px;
            p{margin-bottom: 20px;font-size: 16px;&.tc-r{text-align: right;margin-top: 60px;}}
            .b{display: block;font-size: 16px;font-weight: bold;margin-bottom: 20px;}
            .btitle{font-size: 22px;}
            
            
        }
        .readbox{
            padding-top:50px;
            text-align: center;
            padding-bottom:60px;
            p{font-size: 30px;font-weight: bold;color:#FFf;margin-bottom: 36px;}
            .but{
                width: 560px;
                height: 64px;
                line-height: 64px;
                background: #283FEB;
                color:#fff;
                font-size: 22px;
                border:2px solid  #283FEB;
                cursor: pointer;
                &.but-lk{
                    background: none;
                    margin-left: 39px;
                }
            }
        }
    }
    
}
.refundpage{
    background: #000;
    .floor1{
        height:1002px;
        background: url("../../images/about/refundbg1.png") center top no-repeat;
        p{font-size: 110px;font-weight: bold;color:#fff;width:1200px;margin:0 auto;}
        
    }
    .floor2{
        height:1062px;
        background: url("../../images/about/refundbg2.png") center top no-repeat;
        .jscon{
            width: 1200px;
            height:816px;
            margin:0 auto;
            background: rgba(40, 63, 235, 0.4);
            font-size: 30px;
            color:#fff;
            font-weight: bold;
            padding:0px 63px;
            p{margin-bottom: 20px;font-size: 16px;&.tc-r{text-align: right;margin-top: 60px;}}
            .b{display: block;font-size: 16px;font-weight: bold;margin-bottom: 20px;}
            .btitle{font-size: 22px;}
            
            
        }
        .readbox{
            padding-top:50px;
            text-align: center;
            padding-bottom:60px;
            p{font-size: 30px;font-weight: bold;color:#FFf;margin-bottom: 36px;}
            .but{
                width: 560px;
                height: 64px;
                line-height: 64px;
                background: #283FEB;
                color:#fff;
                font-size: 22px;
                border:2px solid  #283FEB;
                cursor: pointer;
                &.but-lk{
                    background: none;
                    margin-left: 39px;
                }
            }
        }
    }
    
}

.certificationpage{
    background: #000;
    .floor1{
        height:1002px;
        background: url("../../images/about/termuserbg1.png") center top no-repeat;
        p{font-size: 110px;font-weight: bold;color:#fff;width:1200px;margin:0 auto;}
        
    }
    .floor2{
        height:1022px;
        background: url("../../images/about/termuserbg2.png") center top no-repeat;
        .jscon{
            width: 1200px;
            height:380px;
            margin:0 auto;
            background: rgba(40, 63, 235, 0.4);
            font-size: 30px;
            color:#fff;
            font-weight: bold;
            padding:0px 63px;
            b{font-size: 60px;}
            
        }
        .readbox{
            padding-top:50px;
            text-align: center;
            padding-bottom:60px;
            p{font-size: 30px;font-weight: bold;color:#FFf;margin-bottom: 36px;}
            .but{
                width: 560px;
                height: 64px;
                line-height: 64px;
                background: #283FEB;
                color:#fff;
                font-size: 22px;
                border:2px solid  #283FEB;
                cursor: pointer;
                &.but-lk{
                    background: none;
                    margin-left: 39px;
                }
            }
        }
    }
    .floor3{
        .fl3con{
            height:360px;
            margin-top: 40px;
            background: rgba(255,255,255,0.1);
           
            .item{
                width:285px;
                height:360px;
                padding-left:21px;
                padding-top:40px;
                background: rgba(255,255,255,0);
                
              
               
                img{display: block;margin: 0 auto;}
                p{font-size: 22px; font-weight: bold;color:#fff;opacity: 0;}
                .imgbox{height:230px;}
                div.text{opacity: 0; text-align: center;i{color:#283FEB;}}
                .ht{display: none;}
                &:hover{
                    background: rgba(255,255,255,0.1);
                    p{opacity: 1;}
                    .ht{display: block;}
                    .st{display: none;}
                    div.text{opacity: 1;}
                }
            }
        }
    }
    
}