body,html{
    font-size: 0.3rem;
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Source Han Sans CN Normal", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    max-width: 750px;
    margin: 0 auto;
}
.top-con-banner{
    width: 100%;
    background-color: #fff;
    padding: 15px 0;
    border-bottom: 9px solid #efefef;
}
.zt-l-box{
    width: 100%;
    background-color: #fff;
    border-bottom: 9px solid #efefef;
}
.con-banner{
    width:100%;
    margin:0px auto;
    height: 150px;
    overflow: hidden;
}
.slide2{
    width: 100%;
    height: 150px;
    overflow: hidden;
    position: relative;
}
.slide2 .img{
    overflow: hidden;
    position: absolute;
    
    height: 130px;
    top: 10px;
    transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
}
.imgtran{
    transition: width 0.4s,height 0.1s,top 0.1s,left 0.4s,z-index 0.4s;
}
.slide2 .img1{
    width: 40%;
    left: -50%;
    z-index: 1;
}
.slide2 .img2{
    width: 60%;
    left: -52%;
    z-index: 2;
}
.slide2 .img3{
    width: 80%;
    left: 10%;
    z-index: 3;
    height: 150px;
    top: 0;
}
.slide2 .img4{
    width: 60%;
    left: 92%;
    z-index: 2;
}
.slide2 .img5{
    width: 40%;
    left: 110%;
    z-index: 1;
}
.slide2 .img a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.slide2 .img a img{
    width: 100%;
    height: 100%;

}
.slide2 .img a p{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.5);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    color: #fff;
    width: 100%;
    font-size: 16px;
}
.list-nav{
    width: 98%;
    display: flex;
    padding-top: 20px;
    margin: 0 1%;
}
.list-nav li{
    flex: 1;
}
.list-nav li a{
    display: block;
    width: 50px;
    margin: 0 auto;
}
.list-nav li img{
    width: 50px;
    height: 50px;
}
.list-nav li a p{
    color:#333333;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
}
.yxtj-box,.classify-l-box,.yytj-box,.zthj-box,.wzzx-box{
    padding: 0.2rem;
    background: #fff;
    border-bottom: 9px solid #efefef;
}
.box-tit{
    margin-top: 0.1rem;
    margin-bottom: 0.3rem;
    position: relative;
}
.box-tit span{
    font-size: 0.36rem;
}
.tab{
    position: absolute;
    border: 1px solid #f3f3f3;
    border-radius: 3px;
    height: 24px;
    line-height: 24px;
    margin-top: 6px;
    margin-right: 10px;
    background: #f3f3f3;
    right: -0.2rem;
    top: -0.2rem;
}
.tab a{font-size:14px;display:inline-block;height:24px;line-height:24px;width: 49px;text-align:center;position:static;color: #888;}
.tab a.cur{background: #ff9f00;color:#fff;}
.box-tit em{
    display: inline-block;
    width: 0.08rem;
    height:0.34rem;
    background: #378fde;
    border-radius: 5px;
    vertical-align: middle;
    margin-right: 0.2rem;
}
.yxtj-tab-box ul{
    display: flex;
    flex-wrap: wrap;
    /* width: 94%;
    margin: 20px 3% 0; */
}

.yxtj-tab-box ul li{
    /* flex:1; */
    width: 23%;
    margin-right: 2.5%;
    margin-bottom: 0.28rem;
}
.yxtj-tab-box ul li:nth-of-type(4n){
    margin-right:0;
}
.yxtj-tab-box ul li a{
    display: block;
    /* width:94px; */
    margin:0 auto;
    color:#333333;
    font-size:14px;
}
.yxtj-tab-box ul li a img{
    width: 75px;
    margin: 0 auto;
    border-radius: 15px;
    display: block;
    height: 75px;
}
.yxtj-tab-box ul li p{
    text-align: center;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    font-size: 14px;
    line-height: 0.62rem;
    overflow: hidden;
    width: 1.5rem;
    height: 0.62rem;
    text-align: center;
    margin: 0 auto;
}
.yxtj-tab-box .see-btn{
    width: 1.28rem;
    height: 0.52rem;
    line-height: 0.52rem;
    border: 1px solid #378fde;
    color: #378fde !important;
    text-align: center;
    display: block;
    border-radius: 5px;
    margin: 0 auto;
}

.classify-l-box ul{
}
.classify-list-item{
    width:48%;
    margin-right:2%;
    float: left;
    border: 1px  solid #e0e3e7;
    border-radius: 10px;
    display: flex;
    margin-bottom: 10px;
}
.classify-l-box ul li:nth-of-type(2n){
    margin-right:0 !important;
}
.classify-list-item a{
    display: flex;
    width: 100%;
    margin: 0.25rem 0px 0.25rem 0.14rem;
    overflow: hidden;
}
.classify-list-item img{
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    display: block;
}
.classify-list-info{
    flex: 1;
    width: 90%;
}
.classify-list-info p{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    font-size: 0.24rem;
    margin-left: 5px;
    width:90%;
    line-height: 14px;
}
.classify-list-info p:nth-of-type(1){
    color: #333333;
    margin-top: 0.04rem;
    margin-bottom: 0.1rem;
    font-size: 0.28rem;
}
.classify-list-info p:nth-of-type(2){
    color:#999999;
}
.zthj-box ul{
    zoom: 1;
    overflow-x: scroll;
    display: flex;
}
.zthj-box ul li{
    flex-shrink: 0;
    margin-right: 10px;
}
.zthj-box ul li img{
    width: 4rem;
    height: 1.96rem;
    border-radius: 10px;
}
.zthj-box ul li p{
    color:#333333;
    line-height: 0.56rem;
    font-size: 0.28rem;
    text-align: center;
}

.wzzx-box ul li {
    color: #565656;
    height: 0.6rem;
}

.wzzx-box .edition-tit {
    color: #565656;
    display: block;
    font-size: 0.3rem;
    display: flex;
}

.wzzx-box .edition-tit span {
    width: 0.1rem;
    height: 0.1rem;
    border: 1px solid #cccccc;
    border-radius: 50%;
    vertical-align: middle;
    display: inline-block;
    margin-right: 0.2rem;
    margin-top: 0.2rem;
}

.wzzx-box .edition-tit i {
    display: inline-block;
    vertical-align: top;
    float: right;
    color: #999999;
    font-size: 0.26rem;
    line-height: 0.6rem;
}

.wzzx-box .edition-tit em {
    display: inline-block;
    flex: 1;
    height: 0.6rem;
    line-height: 0.6rem;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    color: #333333;
    font-size: 14px;
    vertical-align: top;
}
body,html{
    font-size: 0.3rem;
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Source Han Sans CN Normal", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    max-width: 750px;
    margin: 0 auto;
}
.top-con-banner{
    width: 100%;
    background-color: #fff;
    padding: 15px 0;
    border-bottom: 9px solid #efefef;
}
.zt-l-box{
    width: 100%;
    background-color: #fff;
    border-bottom: 9px solid #efefef;
}
.con-banner{
    width:100%;
    margin:0px auto;
    height: 150px;
    overflow: hidden;
}
.slide2{
    width: 100%;
    height: 150px;
    overflow: hidden;
    position: relative;
}
.slide2 .img{
    overflow: hidden;
    position: absolute;
    
    height: 130px;
    top: 10px;
}
.imgtran{
    transition: width 0.4s,height 0.1s,top 0.1s,left 0.4s,z-index 0.4s;
}
.slide2 .img1{
    width: 40%;
    left: -50%;
    z-index: 1;
}
.slide2 .img2{
    width: 60%;
    left: -52%;
    z-index: 2;
}
.slide2 .img3{
    width: 80%;
    left: 10%;
    z-index: 3;
    height: 150px;
    top: 0;
}
.slide2 .img4{
    width: 60%;
    left: 92%;
    z-index: 2;
}
.slide2 .img5{
    width: 40%;
    left: 110%;
    z-index: 1;
}
.slide2 .img a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.slide2 .img a img{
    width: 100%;
    height: 100%;

}
.slide2 .img a p{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.5);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    color: #fff;
    width: 100%;
    font-size: 16px;
}
.list-nav{
    width: 98%;
    display: flex;
    padding-top: 20px;
    margin: 0 1%;
}
.list-nav li{
    flex: 1;
}
.list-nav li a{
    display: block;
    width: 50px;
    margin: 0 auto;
}
.list-nav li img{
    width: 50px;
    height: 50px;
}
.list-nav li a p{
    color:#333333;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
}
.yxtj-box,.classify-l-box,.yytj-box,.zthj-box,.wzzx-box{
    padding: 0.2rem;
    background: #fff;
    border-bottom: 9px solid #efefef;
}
.box-tit{
    margin-top: 0.1rem;
    margin-bottom: 0.3rem;
    position: relative;
}
.box-tit span{
    font-size: 0.36rem;
}
.tab{
    position: absolute;
    border: 1px solid #f3f3f3;
    border-radius: 3px;
    height: 24px;
    line-height: 24px;
    margin-top: 6px;
    margin-right: 10px;
    background: #f3f3f3;
    right: -0.2rem;
    top: -0.2rem;
}
.tab a{font-size:14px;display:inline-block;height:24px;line-height:24px;width: 49px;text-align:center;position:static;color: #888;}
.tab a.cur{background: #ff9f00;color:#fff;}
.box-tit em{
    display: inline-block;
    width: 0.08rem;
    height:0.34rem;
    background: #378fde;
    border-radius: 5px;
    vertical-align: middle;
    margin-right: 0.2rem;
}
.yxtj-tab-box ul{
    display: flex;
    flex-wrap: wrap;
    /* width: 94%;
    margin: 20px 3% 0; */
}

.yxtj-tab-box ul li{
    /* flex:1; */
    width: 23%;
    margin-right: 2.5%;
    margin-bottom: 0.28rem;
}
.yxtj-tab-box ul li:nth-of-type(4n){
    margin-right:0;
}
.yxtj-tab-box ul li a{
    display: block;
    /* width:94px; */
    margin:0 auto;
    color:#333333;
    font-size:14px;
}
.yxtj-tab-box ul li a img{
    width: 75px;
    margin: 0 auto;
    border-radius: 15px;
    display: block;
    height: 75px;
}
.yxtj-tab-box ul li p{
    text-align: center;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    font-size: 14px;
    line-height: 0.62rem;
    overflow: hidden;
    width: 1.5rem;
    height: 0.62rem;
    text-align: center;
    margin: 0 auto;
}
.yxtj-tab-box .see-btn{
    width: 1.28rem;
    height: 0.52rem;
    line-height: 0.52rem;
    border: 1px solid #378fde;
    color: #378fde !important;
    text-align: center;
    display: block;
    border-radius: 5px;
    margin: 0 auto;
}

.classify-l-box ul{
}
.classify-list-item{
    width:48%;
    margin-right:2%;
    float: left;
    border: 1px  solid #e0e3e7;
    border-radius: 10px;
    display: flex;
    margin-bottom: 10px;
}
.classify-l-box ul li:nth-of-type(2n){
    margin-right:0 !important;
}
.classify-list-item a{
    display: flex;
    width: 100%;
    margin: 0.25rem 0px 0.25rem 0.14rem;
    overflow: hidden;
}
.classify-list-item img{
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    display: block;
}
.classify-list-info{
    flex: 1;
    width: 90%;
}
.classify-list-info p{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    font-size: 0.24rem;
    margin-left: 5px;
    width:90%;
    line-height: 14px;
}
.classify-list-info p:nth-of-type(1){
    color: #333333;
    margin-top: 0.04rem;
    margin-bottom: 0.1rem;
    font-size: 0.28rem;
}
.classify-list-info p:nth-of-type(2){
    color:#999999;
}
.zthj-box ul{
    zoom: 1;
    overflow-x: scroll;
    display: flex;
}
.zthj-box ul li{
    flex-shrink: 0;
    margin-right: 10px;
}
.zthj-box ul li img{
    width: 4rem;
    height: 1.96rem;
    border-radius: 10px;
}
.zthj-box ul li p{
    color:#333333;
    line-height: 0.56rem;
    font-size: 0.28rem;
    text-align: center;
}

.wzzx-box ul li {
    color: #565656;
    height: 0.6rem;
}

.wzzx-box .edition-tit {
    color: #565656;
    display: block;
    font-size: 0.3rem;
    display: flex;
}

.wzzx-box .edition-tit span {
    width: 0.1rem;
    height: 0.1rem;
    border: 1px solid #cccccc;
    border-radius: 50%;
    vertical-align: middle;
    display: inline-block;
    margin-right: 0.2rem;
    margin-top: 0.2rem;
}

.wzzx-box .edition-tit i {
    display: inline-block;
    vertical-align: top;
    float: right;
    color: #999999;
    font-size: 0.26rem;
    line-height: 0.6rem;
}

.wzzx-box .edition-tit em {
    display: inline-block;
    flex: 1;
    height: 0.6rem;
    line-height: 0.6rem;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    color: #333333;
    font-size: 14px;
    vertical-align: top;
}
.op-index .header-box{
            width:100%;
            height:60px;
            padding: 0;
            background-color:#f8f8f9;
            box-shadow: 0px 4px 10px #ccc;
        }
        .op-index .header-box div{
            /* width:1100px; */
            margin:0 auto;
        }
        .op-index .header-box a{
            display: block;
            line-height: 60px;
            color:#7c7a7a;
            font-size: 20px;
            
        }
        .op-index .container{
            padding: 0 20px;
            /* width:1100px; */
            margin: 20px auto;
        }
        .op-index .con-left{
            /* width:800px; */
            /* padding-right: 35px; */
            /* border-right:1px solid #d9d9d9; */
            /* float: left; */
        }
        .op-index .con-left p{
            margin-bottom:20px;
            color: #797979;
            font-size:16px;
            line-height:28px;
        }
        .op-index .article div{
            /* float: left; */
        }
        .op-index .article .imgboxs{
            width:235px;
            height:148px;
            /* margin-right: 20px; */
            /* margin-bottom:20px; */
            margin: 0 auto 20px;
        }
        .op-index .article-right{
            /* width:508px; */
        }
        .op-index .article .imgboxs img{
        
        display: block;
        
        margin: 0 auto;
        }
        .op-index .con-right{
            /* width:247px; */
            float: left;
            margin-left:15px;
        }
        .op-index .con-right div{
            cursor: pointer;
        }
        .op-index .con-right h3{
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 24px;
        }
        .op-index .con-right p{
            font-size:15px;
            line-height: 26px;
            color: #333333;
        }
        .op-index .con-right img{
            width:247px;
            height:165px;
            /* margin-top:10px; */
            margin: 10px auto 0;
            display: block;
        }
        
        .op-index .line{
            width:96%;
            height:1px;
            background:#d9d9d9;
            margin: 20px auto;
        }
        .op-index .footer-box{
            width:100%;
            border-top: 1px solid #d9d9d9;
            height:83px;
        }
        .op-index .footer-box div{
            margin:0 auto;
            /* width:1100px; */
            height:83px;
            line-height: 83px;
            text-align: center;
        }
        .op-index .margins{
            margin-right:20px;
        }
        .op-index .footer-box div a{
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            color: #333333;
        }
        .op-index .footer-box div a:hover{
            color: #666;
        }
        .q-top{
            width: 1200px;
            margin: 0 auto;
            height: 92px;
            line-height: 92px;
          }
          .q-top a{
            float: left;
            font-size: 30px;
            color: #333333;
          }
          .q-top div i{
            float: right;
            color: #5a5a5a;
            font-size: 18px;
            font-style: italic    ;
          }
          .q-header-box{
            width:100%;
            height: 60px;
            background: #282828;
          }
          .q-header-box ul{
            width: 1200px;
            margin: 0 auto;
            height: 60px;
          }
          .q-header-box ul li {
            width: 180px;
            float: left;
            height: 60px;
          }
          
          .q-header-box ul li a {
            display: block;
            width: 100%;
            height: 100%;
            text-align: center;
            line-height: 60px;
            color: #fff;
            font-size: 16px;
          }
          .o-active a,.q-header-box ul li:hover a {
            font-weight: bold;
            background: #c31618;
          }
          .q-banner-box{
            width: 100%;
            display: flex;
            height: 652px;
            background: url(https://www.rsdown.cn/statics/images/j_banner.png) no-repeat center center;
          }
          .q-banner-con{
            width: 680px;
            height: 322px;
            margin: 160px auto;
            background: rgba(0,0,0,0.5);
          }
          .q-banner-tit1{
            margin: 30px auto;
            width: 80%;
            padding: 20px 20px 30px;
            border-bottom: 1px solid #fff;
            opacity: 0.9;
          }
          .q-banner-tit1 p{
            font-size: 48px;
            text-align: left;
            line-height: 55px;
            color: #fff;
            margin-bottom: 10px;
          }
          .q-banner-tit2{
            text-align: center;
            padding: 4px 5px;
            color: #fff;
            background: #c31618;
            width: 60%;
            margin: 20px auto;
          }
          .q-about-us,.q-cooperation-us{
            width: 1200px;
            margin: 0 auto;
            padding-top: 60px;
            padding-bottom: 40px;
          }
          .q-box-tit{
            color: #282828;
            font-size: 30px;
            text-align: center;
            position: relative;
            margin-bottom: 50px;
          }
          .q-box-tit::after{
            display: block;
            content: "";
            width: 60px;
            height: 4px;
            background: #c31618;
            position: absolute;
            left: 50%;
            margin-left: -30px;
            bottom: -20px;
          }
          .q-about-img{
            width: 1100px;
            height: 410px;
            margin: 0 auto 30px;
            display: block;
          }
          .q-about-tit1{
            color:#c31618;
            font-size: 20px;
            line-height: 32px;
            width: 1100px;
            margin: 0 auto 10px;
          }
          .q-about-us p{
            color: #333333;
            font-size: 16px;
            width: 1100px;
            margin: 0 auto 20px;
            line-height: 26px;
          }
          .q-join-us{
            width:100%;
            height: 578px;
            background: url(https://www.rsdown.cn/statics/images/join-img.png) no-repeat 0 0;
            background-size: 100% 100%;
          }
          .q-join-us .q-box-tit{
            color: #fff;
            padding-top: 60px;
          }
          .q-join-us ul{
            width: 1200px;
            margin: 80px auto 0; 
          }
          .q-join-us ul li{
            width: 204px;
            height: 272px;
            background: rgba(195,22,24,0.3);
            float: left;
            margin-left: 90px;
            display: flex;
            color: #fff;
          }
          .q-j-box{
            background: rgba(195,22,24,0.5);
            margin: 12px;
            width: auto;
            height: auto;
            padding: 15px;
          }
          .q-j-box div{
            font-size: 20px;
            line-height: 40px;
            margin-top: 10px;
          }
          .q-j-box p{
            font-size: 16px;
            line-height: 26px;
            margin-top: 20px;
          }
          .q-join-bottom{
            text-align: center;
            color: #fff;font-size: 16px;
            margin-top: 50px ;
          }
          .q-cooperation-us ul{overflow: hidden;zoom:1;padding: 50px 0 0;border: 2px solid #eeeeee; }
          .q-cooperation-us ul li{ width: 25%; height: 80px; float: left; margin-bottom: 60px; }
          .q-cooperation-us ul li a{display: block;width: 170px;height: 80px;margin:0 auto;background: url(https://www.rsdown.cn/statics/images/b_logos.jpg) no-repeat;opacity: .6;transition: all 0.3s;}
          .q-cooperation-us ul li a:hover{ opacity: 1;transform: translateY(-10px); }
          .q-cooperation-us ul li.q-game_37 a{ background-position: 0 0; }
          .q-cooperation-us ul li.q-cgamex a{ background-position: -230px 0; }
          .q-cooperation-us ul li.q-iqiyi a{ background-position: -460px 0; }
          .q-cooperation-us ul li.q-caohua a{ background-position: -690px 0; }
          .q-cooperation-us ul li.q-guopan a{ background-position: -920px 0; }
          .q-cooperation-us ul li.q-paojiao a{ background-position: -1150px 0; }
          .q-cooperation-us ul li.q-sogou a{ background-position: -1380px 0; }
          .q-cooperation-us ul li.q-qq a{ background-position: -1610px 0; }
          .q-cooperation-us ul li.q-game_163 a{ background-position: 0 -167px; }
          .q-cooperation-us ul li.q-chineseall a{ background-position: -230px -167px; }
          .q-cooperation-us ul li.q-game_51 a{ background-position: -460px -167px; }
          .q-cooperation-us ul li.q-tanwan a{ background-position: -690px -167px; }
          .q-cooperation-us ul li.q-youzu a{ background-position: -920px -167px; }
          .q-cooperation-us ul li.q-xy a{ background-position: -1150px -167px; }
          .q-cooperation-us ul li.q-yy a{ background-position: -1380px -167px; }
          .q-cooperation-us ul li.q-swjoy a{ background-position: -1610px -167px; }
          
          
          .q-footer-box{
            background: #282828;
            color: #fff;
            margin-top: 0px;
          }
          .q-footer-1{
            padding: 46px 0 36px;
            border-bottom: 1px solid #474747;
          }
          .q-footer-1-box{
            width: 950px;
            margin: 0 auto;
          }
          .q-footer-left{
            float: left;
            width:400px;
            border-right: 1px solid #3a3a3a;
          }
          .q-footer-left img{
            display: block;
            margin: 0 auto;
          }
          .q-footer-left p{
            text-align: center;
            line-height: 30px;
          }
          .q-footer-right{
            float: left;
          }
          .q-footer-right div{
            margin-bottom: 25px;
            font-size: 22px;
            padding-left: 140px;
          }
          .q-footer-right p{
            padding-left: 140px;
            margin-bottom: 8px;
            line-height: 26px;
          }
          .q-footer-2 {
            padding: 26px 0;
          }
          .q-footer-2 a{
            color: #fff;
            line-height: 30px;
          }
          .q-f-tit{
            display: block;
            text-align: center;
          }
          .q-footer-2 ul{
            width: 388px;
            margin: 0 auto;
          }
          .q-footer-2 ul li{
            float: left;
            padding: 0 10px;
          }
          
          @media screen and (max-width: 1100px){
            .q-top{
                width:auto;
                padding:0 10px;
                height: 40px;
                line-height: 40px;
            }
            .q-top a{
                font-size: 18px;
                font-weight: bold;
            }
            .q-top div i{
                font-size: 12px;
            }
            .q-header-box{
                height:40px;
            }
            .q-header-box ul{
                width:auto;
                height:40px;
                display: flex;
            }
            .q-header-box ul li a{
                line-height:40px;
                font-size:15px;
            }
            .q-header-box ul li{
                width:auto;
                height: 40px;
                flex: 1;
            }
            .q-banner-box{
                height: auto;
                background: url(https://www.rsdown.cn/statics/images/j_banner.png) no-repeat center center;
                background-size: 100% 100%;
            }
            .q-banner-con{
                width: 80%;
                height: 159px;
                margin: 50px  auto;
            }
            .q-banner-tit1{
                margin: 5px auto;
                padding: 10px;
                width: auto;
                opacity: 1;
            }
            .q-banner-tit1 p{
                font-size: 20px;
                line-height: 30px;
                margin-bottom: 5px;
            }
            .q-banner-tit2{
                width: auto;
                margin: 10px;
                font-size: 12px;
            }
            .q-about-us, .q-cooperation-us{
                width:auto;
                padding-top: 30px;
                padding-bottom: 10px;
            }
            .q-cooperation-us{
                padding:30px 10px 20px 10px;
            }
            .q-box-tit{
                font-size:18px;
                margin-bottom: 30px;
            }
            .q-about-img{
                width: 100%;
                height: auto;
                margin: 0 auto 10px;
            }
            .q-box-tit::after{
                bottom: -15px;
            }
            .q-about-tit1{
                width: auto;
                font-size: 18px;
                padding: 0 10px;
                margin: 0 auto 2px;
            }
            .q-about-us p{
                 width: auto;
                 padding: 0 10px;
                 font-size: 14px;
                 margin: 0 auto 5px;
            }
            .q-join-us{
          
          height: 430px;
          
          }
            .q-join-us .q-box-tit{
                padding-top: 30px;
            }
            .q-join-us ul{
                width:auto;
                margin: 40px auto 0;
                padding: 0 10px;
            }
            .q-join-us ul li{
                width: 49%;
                margin: 0 2% 10px 0;
                height: auto;
            }
            .q-join-us ul li:nth-of-type(2n){
                margin-right:0 !important;
            }
            .q-j-box{
                margin: 6px;
                padding: 6px;
            }
            .q-j-box div{
                font-size:15px;
                margin-top: 0px;
            }
            .q-j-box p{
                margin-top: 0px;
                font-size: 14px;
                line-height: 20px;
                margin-bottom: 5px;
            }
            .q-join-bottom{
                font-size:14px;
                margin-top: 10px;
            }
            .q-cooperation-us ul{
                border: none;
                padding: 0px 0 10px;
            }
            .q-cooperation-us ul li a{
            transform: scale(0.5);
            position: absolute;
            left: 50%;
            margin-left: -85px;
            top: 50%;
            margin-top: -40px;
            }
            .q-footer-1{
                display:none;
            }
            .q-footer-2 ul{
                width:360px;
                text-align:center;
            }
            .q-footer-2 a{
                font-size: 14px;
                line-height: 20px;
            }
            .q-footer-2{
                padding:10px 0;
            }
            .q-cooperation-us ul li{
                margin-bottom:0;
                position: relative;
                height: 55px;
            }
            .q-cooperation-us .box-tit{
                margin-bottom:10px;
            }
          }
          .clearfix:after{ content: '.'; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden;}
          .clearfix{ *zoom:1;}