.yip-content{
    width: 1200px;
    margin:28px auto 0;
}
img{
    transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
}
img:hover {
    transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
}
.yip-top-list{
    border: 1px solid #e5e5e5;
    padding: 24px 0 24px 20px;
    margin-bottom: 28px;
}
.yip-top-list ul li{
    float: left;
    background: #fff5f0;
    padding: 13px 20px;
    margin-right: 24px;
    margin-left: 3px;
    transition: all 0.3s;
}
.yip-top-list ul li:hover{
    transform: translateY(-10px);
}
.yip-top-img{
    display: block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 15px;
}
.yip-top-img img{
    width: 100%;
    height: 100%;
}
.yip-top-tit{
    display: block;
    width:80px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    margin-top: 5px;
}
.yip-bod-box{
    margin-bottom: 30px;
}
.yip-bod-left{
    float: left;
}

/* yip-con */
.yip-bod-left{width: 448px; float: left; overflow: hidden;zoom: 1;}

.yip-bod-left .yip-slide{height: 330px;overflow: hidden;margin-bottom: 8px;width: 100%;}
.yip-bod-left .yip-slide .swiper-slide a{display: block; width: 100%; height: 330px; position: relative;}
.yip-bod-left .yip-slide .swiper-slide img{width: 100%; height: 100%; display: block;}
.yip-bod-left .yip-slide .swiper-slide a div{width: 100%; padding: 10px 20px 12px; box-sizing: border-box; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.6);color: #fff;}
.yip-bod-left .yip-slide .swiper-slide a div strong{width: 100%; height: 40px; line-height: 40px; font-size: 18px; overflow: hidden; display: block;font-weight: bold;}
.yip-bod-left .yip-slide .swiper-slide a div p{width: 100%; max-height: 48px; line-height: 24px; font-size: 14px; overflow: hidden;}

.yip-bod-left .yip-slide .swiper-pagination{bottom: 0; width: 100%; overflow: hidden; zoom: 1;display: flex;}
.yip-bod-left .yip-slide .swiper-pagination .swiper-pagination-bullet{height:5px;background: #aaa; border-radius: 0; opacity: 1;flex: 1;margin: 0;margin-right: 5px;}
.yip-bod-left .yip-slide .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.yip-bod-left .yip-slide .swiper-pagination .swiper-pagination-bullet-active{background: #f55555;}

.yip-slide-list ul li{padding:10px 0; border-bottom: 1px dashed #ddd; height: 64px;position: relative; overflow: hidden;}
.yip-slide-list ul li .yip-slide-img{display:block;width:64px;height:64px;float:left;border-radius: 10px;overflow: hidden;}
.yip-slide-list ul li .yip-slide-img img{display: block;width: 100%; height: 100%; border-radius: 10px;}
.yip-slide-list ul li .yip-slide-info{float: left;margin-left: 12px;}
.yip-slide-list ul li .yip-slide-info .yip-slide-tit{display:block;height:30px;line-height:30px;overflow:hidden;margin-bottom: 6px;font-size:16px;color: #333;width: 220px;}

.yip-slide-list ul li .yip-slide-info .yip-slide-type{font-size: 13px; height: 24px; line-height: 24px;color: #999;}
.yip-slide-list ul li .yip-slide-info .yip-slide-type i{font-style: normal; margin: 0 5px;}
.yip-slide-list ul li .yip-slide-info p{font-size: 13px; height: 24px; line-height: 24px;color: #999;overflow: hidden;}
.yip-slide-list ul li .yip-slide-info p i{
    margin: 0 5px;
}
.yip-slide-list ul li .yip-slide-btn{display:block;width:58px;height:26px;line-height:26px;text-align:center;border-radius: 5px;font-size:14px;color: #ee6a2c;float: right;border: 1px solid #ee6a2c;margin-top: 18px;}
.yip-slide-list ul li .yip-slide-info .yip-slide-tit:hover{color: #ee6a2c;}
.yip-slide-list ul li:hover p{display: none;}
.yip-slide-list ul li:hover .yip-slide-type{display: block;}
.yip-slide-btn:hover {background: #ee6a2c;color: #fff !important;}


.yip-bod-mid{
    float: left;
    width: 412px;
    margin-left: 30px;
    background: #f9f9f9;
}
.yip-box-tit{
    width: auto;
    height: 36px;
    margin: 18px 18px 0;
 }
 .yip-box-tit em{
     width: 103px;
     height: 36px;
     background: url(../images/index-tit-bg.png) no-repeat 0 0;
     color: #fff;
     line-height: 36px;
     text-align: center;
     font-weight: bold;
     float: left;
     display: block;
 }
 .yip-g-tab{float: right;width: 100px; background: #eee; border-radius: 12px; overflow: hidden;}
 .yip-g-tab span{display: block; float: left; height: 24px; line-height: 24px; cursor: pointer; font-size: 15px; color: #666;width: 50px; text-align: center;}
 .yip-g-tab span.yip-active{color: #fff;background: #ee6a2c;}

.yip-update-list{width:376px;margin: 0 18px; overflow: hidden; zoom: 1;}
.yip-update-list li{overflow: hidden;zoom: 1;font-size: 14px;height: 34px;line-height: 34px;margin-top: 18px;margin-bottom: 24px;}

.yip-update-list li a{display: block;height: 100%;overflow: hidden;zoom: 1;font-size: 15px;}
.yip-update-list li .yip-type{display: block;float: left;width: 90px;color: #999;transition: all .3s;}
.yip-update-list li img{display: block;float: left;width: 34px;height: 34px;border-radius:4px;}
.yip-update-list li img:hover,.q-about-img:hover{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}
.yip-update-list li .yip-t{width: 200px;display: block;height: 34px;line-height: 34px;color: #333;overflow: hidden;zoom: 1;float: left;font-size: 15px;margin-left: 10px;}
.yip-update-list li .yip-date{float: right; color: #999; }
.yip-update-list li .yip-t:hover{
    color:#ee6a2c;
}

/* yip_intro */
.yip_tit{/* height: 46px; *//* line-height: 46px; */border-bottom: 1px solid #eee;}
.yip_tit div{font-size: 18px;float: left;color: #222;margin: 0;position: relative;font-weight: bold;padding-bottom: 10px;}
.yip_tit div::after{display: inline-block;content: '';width: 100%;height: 1px;background: #ee6a2c;position: absolute;left: 0;bottom: -1px;}
.yip-tjhj-box{
    margin-bottom: 10px;
}
.yip-tjhj-box ul{
    /* margin-top: 10px; */
}
.yip-tjhj-box ul li{
    border-bottom: 1px dashed #e8e8e8;
    padding:14px 0;
}
.yip-tjhj-box ul li em{
    display: block;
    width: 20px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #acacac;
    margin-right: 14px;
    font-size: 14px;
    color: #fff;
    float: left;
}
.tjhj-img{
    float: left;
    width: 240px;
    height: 110px;
    position: relative;
    overflow: hidden;
    display: none;
}
.tjhj-img img{
    width: 100%;
    height: 100%;
}
.tjhj-img div{
    width: 240px;
    height:40px;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
    position: absolute;
    left: 0;
    bottom: 0;
   
}
.tjhj-img div p{
    font-size: 15px;
    font-weight: bold;
    width: 90%;
    margin: 0 auto;
    line-height:40px;
    color: #fff;
}
.tjhj-tit{
    display:block;
    float: left;
    width: 240px;
    font-size: 15px;
    color: #333333;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
}
.yip-tjhj-box ul{
    /* margin-bottom: 26px; */
}
.yip-tjhj-box ul li.open .tjhj-tit{
    display: none;
}
.yip-tjhj-box ul li.open .tjhj-img{
    display: block;
}
.yip-tjhj-box ul li.open em{
    height: 34px;
    line-height: 34px;
    background: #ff5c5d;
}
.yip-tjhj-box img:hover{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}
.yip-tjrj-box{
    width: 274px;
    overflow: hidden;
}
.yip-tjrj-box ul{
    width: 300px;
    margin-top: 15px;
}
.yip-tjrj-box ul li{
    float: left;
    width: 64px;
    height: 100px;
    overflow: hidden;
    margin: 0 18px 10px 12px;
}
.yip-tjrj-box ul li a{
    display: block;
}
.tjrj-img{
    width: 100%;
    height: 64px;
    overflow: hidden;
    border-radius: 15px;
}
.tjrj-img img{
    width: 100%;
    height: 100%;
}
.tjrj-tit{
    width: 64px;
    height: 40px;
    font-size: 15px;
    color: #333333;
    line-height: 40px;
    overflow: hidden;
}
.tjrj-load{
    width: 56px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff !important;
    background: #ee6a2c;
    font-size: 14px;
    margin: 16px auto 0;
    transition: all 0.2s;
    border-radius: 5px;
}
.yip-tjrj-box ul li:hover .tjrj-tit{ 
    display: none !important;
}
.yip-tjrj-box ul li:hover .tjrj-load{
    transform: translateY(-10px);
}
.tjrj-load:hover{
    color: #fff !important;
}

.yip-bod-right{
    float: right;
    overflow: hidden;
    height: 594px;
}
.yip-sjgame-tit{
    background:#f6f6f6;
    font-weight: bold;
    border-left: 3px solid #ee6a2c;
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 14px;
    font-size: 16px;
    margin-bottom: 24px;
}
.yip-sjgame-box,.yip-zt-box{
    overflow: hidden;
}
.yip-sjgame-box,#links{
    margin-bottom: 10px;
}
.yip-sjgame-box ul,.yip-zt-box ul{
    width: 1280px;
}
.yip-sjgame-box ul li{
    background: #f6f6f6;
    float: left;
    margin-bottom: 24px;
    margin-right: 48px;
    width: 120px;
    padding: 20px 20px 15px;
}
.yip-sjgame-img{
    width: 84px;
    height: 84px;
    border-radius: 15px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}
.yip-sjgame-img img{
    width: 100%;
    height: 100%;
}
.yip-game-tit{
    display: block;
    text-align: center;
    height: 26px;
    line-height: 26px;
    color: #222222;
    font-size: 15px;
    margin: 8px auto 5px;
    overflow: hidden;
    max-width: 90px;
}

.yip-sjgame-size{
    color: #999;
    font-size: 12px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    width: 116px;
}
.yip-sjgame-size em{
    margin: 0 3px;
}
.yip-sjgame-btn{
    display: none;
    font-size: 14px;
    color: #ee6a2c;
    border: 1px solid #ee6a2c;
    width: 86px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 5px;
    margin: 0 auto;
    transition: all 0.2s;
}

.yip-sjgame-box ul li:hover .yip-sjgame-btn{
    display: block;
}
.yip-sjgame-box ul li:hover .yip-sjgame-size{
    display: none;
}

.yip-zt-list-top,.yip-zt-list-bottom{
    width: 1250px;
}
.yip-zt-list-top li{
    width: 200px;
    height: 100px;
    float: left;
    margin-right: 50px;
    border-radius: 15px;
}
.yip-zt-list-top li a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.yip-zt-list-top li a img{
    width: 100%;
    height: 100%;
}
.yip-mask-box{
    position: absolute;
    height: 30px;
    line-height: 30px;
    color: #fff;
    overflow: hidden;
    left:0;
    bottom: 0;
    background: rgba(0,0,0,.6);
    width:100%;
}
.yip-mask-box p{
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.yip-zt-list-bottom li{
    margin-right: 46px;
    margin-bottom: 6px;
    float: left;
    width: 372px;
    border-bottom: 1px solid #fff;
    padding-bottom: 6px;
}
.yip-zt-list-bottom li:hover{
    border-bottom: 1px solid #f9f9f9;
}
.yip-zt-list-top{
    margin-bottom: 20px;
}
.yip-zt-list-bottom{
    margin-bottom:10px;
}
.yip-zt-list-bottom li a{
    display: block;
    width: 100%;
}
.yip-zt-list-bottom li a em{
    display: inline-block;
    width: 5px;
    height: 5px;
    border:1px solid #d5d5d5;
    transform: rotate(45deg);
    margin-right: 15px;
    vertical-align: top;
    margin-top: 7px;
}
.yip-zt-list-bottom li a span{
    vertical-align: top;
    display: inline-block;
    width: 297px;
    margin-right: 10px;
    font-size: 15px;
    color: #333333;
}
.yip-zt-list-bottom li a i{
    vertical-align: top;
    display: inline-block;
    font-size: 12px;
    color: #999999;
}
.yip-zt-list-bottom li a:hover span,.yip-zt-list-bottom li a:hover i{
    color:#ee6a2c !important;
}
.yip-zt-list-bottom li a:hover em{
    background: #ee6a2c;
    border: 1px solid #ee6a2c;
}
.yip-zt-list-bottom li:hover{
 
    transition: all 0.2s;
}
#links ul li{
  margin-right:20px;
  float:left;
  margin-bottom: 10px;
}
@media screen and (max-width: 750px) {	
    #links ul{
        width: auto;
        padding: 0 10px;
    }
    #links ul li{
        margin-right: 10px;
    }
    .yip-content{
        width: auto;
        margin: 0;
    }
    .yip-top-list{
        display: none;
    }
    .yip-bod-left,.yip-bod-mid,.yip-bod-right{width: auto;float: none;margin: 0;background: #fff;}
    .yip-bod-left .yip-slide{height: 55vw;border-bottom: 8px solid #f2f2f2;margin: 0;}
    .yip-bod-left .yip-slide .swiper-slide a{height: 55vw;}
    .yip-bod-left .yip-slide .swiper-slide a div{padding: 0 10px; height: 44px; line-height: 44px;}
    .yip-bod-left .yip-slide .swiper-slide a div strong{line-height: 44px; font-size: 15px; font-weight: normal;}
    .yip-bod-left .yip-slide .swiper-slide a div p{display: none;}
    .yip-bod-left .yip-slide .swiper-pagination{width: auto;bottom: 18px; right: 10px!important; left: auto;}
    .yip-bod-left .yip-slide .swiper-pagination .swiper-pagination-bullet{margin: 0 2px; border-radius: 2px; width: 9px; background: #eee;}
    .yip-bod-left .yip-slide .swiper-pagination .swiper-pagination-bullet-active{background: #f55555; width: 12px;}
    .yip-slide-list,.yip-bod-right{
        width: auto;
        padding: 0 10px;
        overflow: auto;
        height: auto;
    }
    .yip-slide-list ul li{
        display: flex;
    }
    .yip-slide-info{
        flex: 1;
        width: 50%;
    }
    .yip-box-tit{
        margin: 15px auto 0;
    }
    .yip-update-list{
        width: auto;
        margin: 0;
    }
    .yip-bod-mid{
        padding: 0 10px;
        margin-bottom: 12px;
    }
    .yip-update-list li .yip-type{
        display: none;
    }
    .yip-update-list li{
        
        margin-top: 10px;
                
        margin-bottom: 0;
                
        padding-bottom: 10px;
                
        border-bottom: 1px dashed #ddd;
    }
    .yip-tjrj-box,.yip-tjrj-box ul{
        width: auto;
        overflow: auto;
    }
    .yip-tjrj-box ul li{
        width: 25%;
        margin: 0 0px 10px 0;
    }
    .yip-tjrj-box ul li a{
        width: 64px;
        margin: 0 auto;
    }
    .yip-sjgame-box,.yip-zt-box{
        width: auto;
        padding: 0 10px;
    }
    .yip-bod-box{
        margin-bottom: 5px;
    }
    .yip-sjgame-box ul, .yip-zt-box ul{
        width: auto;
    }
    .yip-sjgame-box ul li{
        width: 23%;
        padding: 10px 0;
        margin-bottom: 10px;
        margin-right: 2.5%;
        border-radius: 10px;
    }
    .yip-sjgame-box ul li:nth-of-type(4n){
        margin-right: 0 !important;
    }
    .yip-sjgame-img{
        width: 64px;
        height: 64px;
        margin: 0 auto;
    }
    .yip-sjgame-size{
        display:none;  
    }
    .yip-sjgame-btn{
        display:block;
        width: 64px;
        font-size: 12px;
    }
    .yip-sjgame-tit{
        margin-bottom:12px;
    }
    .yip-sjgame-box ul li:nth-child(n+13),.yip-zt-list-top li:nth-child(n+5){
        display: none;
    }
    .yip-zt-list-top li{
        width: 48%;
        margin-right: 3%;
        margin-bottom: 10px;
        height: 90px;
    }
    .yip-zt-list-top li:nth-of-type(2n){
        margin-right: 0 !important;
    }
    .yip-zt-list-top{
        margin-bottom: 0;
    }
    .yip-zt-list-bottom li{
        float: none;
        width: auto;
        margin: 0 0 10px;
    }
    .yip-zt-list-bottom li a{
        display: flex;
    }
    .yip-zt-list-bottom li a span{
        flex: 1;
    }
    .yip-zt-list-bottom{
        margin-bottom:15px;
    }
    .tjhj-img{
        width: 80%;
        height: 135px;
    }
    .tjhj-img div{
        width: 100%;
    }
}



.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: #333;
  }
  .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: #ee6a2c;
  }
  .q-banner-box{
    width: 100%;
    display: flex;
    height: 652px;
    background: url(../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: #ee6a2c;
    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: #ee6a2c;
    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:#ee6a2c;
    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(../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(../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(../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;
    }
  }