@charset "utf-8";

    /*轮播图*/
.carousel-indicators li{
    margin-right: 10px;
    background: #fff;
}
#carousel-example-generic{
    margin-top: 116px;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
}
.carousel-indicators .active{
    width: 50px;
    position: relative;
}
.carousel-inner .item img {
    display: block;
    width: 100%;
}
@media (max-width: 767px){
    #carousel-example-generic{
        margin-top: 50px;
    }
}
@media (max-width: 992px){
    .carousel-indicators .active{
        width: 30px;
    }
}

/*我们能做什么*/
.do{
    width: 100%;
    height: 136px;
    text-align: center;
}
.do .do-div{
    margin: 0 auto;
    width: 270px;
    height: 12px;
}
.do .do-div .do-img{
    display: block;
    float:left ;
}
.do .do-div .do-img:first-child,.do-img:last-child{
    margin-top: 15px;
}
.do .do-div .do-img:nth-child(2){
    margin: 12px 22px 0 22px;
}
.do .do-img111{
    display: block;
    margin: 0 auto;
}
.do .do-img222{
    margin-top: 51px;
}

article{
    width: 100%;
    overflow: hidden;
}
/* 腾权科技能帮到您什么 */
article .article-box div .left-box{
    background: url('../images/ui/art-left.png');
    width: 472px;
    height: 133px;
}
article .article-box div .right-box{
    background: url('../images/ui/art-right.png');
    width: 472px;
    height: 133px;
}
article .article-box .art-right .art-right-1 h3{
    margin-top: 44px;
    width: 470px;
    font-size: 14px;
    color: #666;
    line-height: 29px;
    text-indent:2em;
    text-align: left;
    padding:0 60px
}
article .article-box div .left-box,article .article-box div .right-box{
    line-height: 133px;
    text-align: center;
    margin: 0 auto
}
article .article-box div div p{
    font-size: 24px;
    color: #fff;
}
article .article-box .art-left ul{
    margin: 48px 0 0 20px;
    text-align: left;
    padding:0 60px
}
article .article-box .art-left ul li{
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    list-style: disc;
}
.panel .article-box .art-right{
    display: flex;
    flex-direction: row-reverse;
    padding:0
}
/*腾权科技重新完善您的业务*/
@media (min-width: 1200px){
    article .article-box .art-left ul{
        margin: 48px 0 0 0;
        padding:0 0 0 80px
    }
    article .article-box .art-right .art-right-1 h3{
        padding:0;
    }
}
@media(min-width:501px) and (max-width:1199px){
    article .article-box{
        display: flex;
        /* justify-content: center; */
        flex-direction: column
    }
    article .article-box .art-left,article .article-box .art-right{
        width: 472px;
        margin: 0 auto;
    }
    article .article-box .art-left ul{
        margin: 0;
        padding-left:20px
    }
    article .article-box .art-left ul{
        padding:0 0 0 5px;
        width: 472px;
    }
    article .article-box .art-left ul li{
        width: 472px
    }
    article .article-box .art-right .art-right-1 h3{
        padding:0;
        width: 472px;
    }
}
@media (max-width: 500px){
    .panel .article-box .art-left{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }
    .panel .article-box .art-right{
        display: flex;
        justify-content: center;
    }
}
/*footer底部*/
footer{
    text-align: center;
}
footer .footer-fontbig{
    color: #1a6aa1;
    font-size: 32px;
    font-family: "NSimSun";
}
footer .footer-fontsmall{
    font-size: 18px;
    color: #999;
    font-family: "AcuminConcept-Regular";
    margin: 11px 0 51px 0;
}
/*底部四个口号*/
footer .footer-box{
    overflow: hidden;
    margin: 0 auto;
}
@media (min-width: 1200px){
    footer .footer-box{
    width: 810px;
    border: 1px solid #c6c6c6;
    }
}
@media (max-width: 1199px)and(min-width:992px){
    footer .footer-box{
        width: 500px;
        border: 1px solid #c6c6c6;
    }
}
@media (max-width: 990px){
    footer .footer-box div{
        margin: 0 auto
    }
}
footer .footer-box div span{
    display: inline-block;
    font-size: 20px;
    color: #333;
    margin-top: 25px;
    font-family: "NSimSun";
}
footer .footer-box div p{
    font-size: 18px;
    color: #c6c6c6;
    font-family: "AcuminConcept-Regular";
}
/*空白*/
.whitespace{
    width: 100%;
    height: 100px;
}
/*                                                                   主页公司简介  */
.do .do-div2{
    margin: 0 auto;
    width: 278px;
    height: 12px;
}
.do .do-div2 .do-img{
    display: block;
    float:left ;
}
.do .do-div2 .do-img:first-child,.do-img:last-child{
    margin-top: 15px;
}
.do .do-div2 .do-img:nth-child(2){
    margin: 12px 22px 0 22px;
}
/*公司简介  介绍页面下部分*/
section{
    width: 100%;
}
section .section-box{
    margin: 0 auto;
    overflow: hidden;
}
section .section-box .intro-left img{
    width:100vw
}
.container .intro-text{
    padding: 0;
}
section .section-box .intro-right{
    border-top: 1px solid #c6c6c6;
    padding: 0;
    margin-left: 20px;
}
section .section-box .intro-right .intro-text{
    margin-top: 28px;
    font-size: 14px;
    color: #666;
    line-height: 23px;
    text-indent:2em;
    padding:0 30px;
}
@media (max-width: 600px){
    section .section-box .intro-left{
        padding: 0 0 50px 0;
    }
}
@media(min-width:601px) and (max-width:1199px){
    section .section-box .intro-right{
        width: 554px;
        margin: 0 auto
    }
    section .section-box .intro-right .intro-text{
        width: 554px;
    }
    section .section-box{
        margin: 0 auto
    }
    section .section-box .intro-left{
        width: 593px;
        position: relative;
        padding: 0 0 50px 0;
        margin: 0 auto;
    }  
}
@media (min-width: 1200px){
    section .section-box .intro-left{
        margin-right: 30px;
        position: relative;
        padding: 0;
    }
    section .section-box .intro-right{
        width: 554px;
        margin: 0;
    }
}

/*四个圆   图标*/
section .section-box .intro-right .section-ul2{
    margin-top: 45px;
    display: flex;
    justify-content: space-around
}
section .section-box .intro-right .section-ul2 li a p{
    margin: 16px 0 0 0;
    color: #666;
    font-size: 12px;
    text-align: center
}
section .section-box .intro-right .section-ul2 li:hover a{
    text-decoration: none;
}
section .section-box .intro-right .section-ul2 li:hover a p{
    color: #eedd24;
}
/*    主页新闻   */
.do4-write{
    width: 100%;
    height: 144px;
}
.do4{
    width: 100%;
    height: 110px;
}
.do .do-div4{
    margin: 0 auto;
    width: 320px;
    /*height: 12px;*/
}
.do .do-div4 .do-img{
    display: block;
    float:left ;
}
.do .do-div4 .do-img:first-child,.do-img:last-child{
    margin-top: 15px;
}
.do .do-div4 .do-img:nth-child(2){
    margin: 12px 22px 0 22px;
}
/*新闻资讯   三个切换框*/
.three-box{
    width: 100%;
    margin-bottom: 25px;
    overflow: hidden;
}
.three-box .new-three{
    width: 325px;
    margin: 0 auto;
    /* display: flex; */
    /* justify-content: space-between; */
}
.three-box .new-three div{
    width: 100px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    margin-left: 8em;
    color: #333;
    font-size: 14px;
    float: left;
    cursor:pointer;
}
.three-box .new-three .new-three-1{
    background: #f6e428;
}
.three-box .new-three div:nth-child(2){
    margin: 0 10px;
    border: 1px solid #153059
}
.three-box .new-three div:nth-child(3){
    border: 1px solid #153059
}
.three-box .new-three .active-news{
    background: #f6e428;
    border:none;
}
/*<!-- 新闻资讯   三个大内容 -->*/
.news-bigbox{
    width: 100%;
}
.news-content{
    margin: 0 auto;
    overflow: hidden;
}
.news-content .news-1{
    margin-bottom: 20px;
}
@media(min-width:1200px){
    margin-bottom: 0;
}
.news-content .news-1 img{
    display: block;
    margin: 0 auto;
}
.news-content .news-1 .news-bottom{
    padding: 28px 0 17px 23px;
    position: relative;
    width: 382px;
    margin: 0 auto;
}

.news-content .news-1 .news-bottom .news-text h2{
    font-size: 16px;
    color: #333;
    width: 220px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
    margin: 0;
}
.news-content .news-1 .news-bottom .news-text{
    float: left;
    z-index: 10;
}

.news-content .news-1:hover .news-bottom{
    background: #153059;
    transition: all 2s;
}
.news-content .news-1:hover .news-bottom .news-text h2{
    color: #fff;
}
.news-content .news-1:hover .news-bottom .news-text p{
    color: #fff;
}
.news-content .news-1 .news-bottom .news-text p{
    font-size: 12px;
    color: #999;
    width: 228px;
    margin-top: 22px;
}
.news-content .news-1 .news-bottom .news-data{
    float: left;
    padding: 10px 0 0 24px;
    border-left: 1px solid #999;
    margin-left: 28px;
}
.news-content .news-1 .news-bottom .news-data h3{
    margin: 0;
    font-size: 14px;
}
.news-content .news-1:hover .news-bottom .news-data h3{
    color: #fff;
}
.news-content .news-1 .news-bottom .news-data h4{
    font-size: 12px;
}
.news-content .news-1:hover .news-bottom .news-data h4{
    color: #fff;
}
.news-content .news-1 .news-bottom .news-data .news-data-img .img-22{
    display: none;
}
/*       主页加入我们 */
.panel{
    border: none;
}
.do5{
    margin-top: 128px;
}
.do5 .do-div5{
    margin: 0 auto;
    width: 288px;
}
/*<!--加入我们  职位名称-->*/
.join-box{
    width: 100%;
}
.join-box .join-ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 150px;
}
.join-box .join-ul .join-li{
    padding: 10px 0 0 36px;
    display: flex;
    align-items: center
}
@media(min-width:950px){
    .join-box .join-ul{
        flex-direction: row;
    }
    .join-box .join-ul .join-li{
        height: 350px;
    }
}
.join-box .join-ul .join-li h3{
    font-size: 26px;
    color: #999;
    font-weight: bold;
    float: left;
}
.join-box .join-ul .active h3{
    display: none;
}
.join-box .join-ul .join-li .join-blue{
    width:500px;
    height: 350px;
    background-color: #153361;
    text-align: center;
    display: none
}
.join-box .join-ul .active .join-blue{
    display: block;
}
.join-box .join-ul .join-li .join-blue h2{
    color: #feec2d;
    font-family: "MicrosoftYaHei-Bold";
    font-size: 26px;
    padding: 54px 0;
}
.join-box .join-ul .join-li .join-blue p{
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
}
.join-box .join-ul .join-li:first-child{
    margin-left: 0;
}
/*<!--加入我们   地图-->*/
.BMap_Marker{
    width: 79px;
    height: 79px;
}
.join-img{
    width: 100%;
    position: relative;
}
.join-img #baiduMap{
    display: block;
    margin: 0 auto;
    height: 300px;
}
.join-img .baiduMap img{
    width: 100%;
    height: 100%;
}
/*<!-- 加入我们   定位GPS图标-->*/
.join-img .join-position-gps{
    width: 4.2%;
    /*height: 4.2%;*/
    display: block;
    position: absolute;
    top:12%;
    right: 46%;
    z-index: 9;
}
.join-img .join-position-gps img{
    width: 100%;
}
/*<!-- 加入我们   定位联系我们-->*/

.join-img .join-position{
    width: 300px;
    height: 320px;
    position: absolute;
    z-index: 9;
    top: 35%;
    right: 5%;
    background: rgba(255,255,255,0.1);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
.join-img .join-position .join-t{
    margin:10px 0 0 47px;
}
@media(min-width:1200px){
    .join-img .join-position{
        background: rgba(255,255,255,0.8);
        width: 355px;
        height: 367px;
        top: -34%;
        left: -36.1%;
    }
    .join-img .join-position .join-position-top{
        margin-top: 32px;
    }
    .join-img .join-position .join-t{
        margin:20px 0 0 47px;
    }
}
.join-img .join-position .join-position-top{
    margin-top: 5px;
}
.join-img .join-position .join-position-top .join-yellow{
    width: 10px;
    height: 28px;
    background: yellow;
    float: left;
}
.join-img .join-position .join-position-top p{
    float: left;
    width: 300px;
    font-size: 22px;
    color: #333;
    margin-bottom: 0;
    padding: 0 0 25px 36px;
    border-bottom: 2px dashed #999;
}

.join-img .join-position .join-t img{
    display: block;
    float: left;
    margin: 4px 7px 0 0;
}
.join-img .join-position .join-t span{
    display: block;
    float: left;
    width: 273px;
    font-size: 16px;
    color: #333;
}

/*      主页系统介绍 */
.whitespace2{
    width: 100%;
    height: 150px;
}
/*系统页面上部分*/
.do .do-div3{
    margin: 0 auto;
    width: 412px;
    height: 12px;
}
.do .do-div3 .do-img{
    display: block;
    float:left ;
}
.do .do-div3 .do-img:first-child,.do-img:last-child{
    margin-top: 15px;
}
.do .do-div3 .do-img:nth-child(2){
    margin: 12px 22px 0 22px;
}
/*背景板*/
.back{
    width: 100%;
}
.back .back-box{
    margin: 0 auto;
    width: 100%;
    height: 656px;
    background-image: url("../images/ui/bg-panel.png");
    overflow: hidden;
}
.back .back-box .back-ul1{
    /* width: 55.7%; */
    margin-top: 54px; 
    display: flex;
    justify-content: space-between
}
@media(min-width:1120px){
    .back .back-box .back-ul1{
        width: 55.7%;
    }
    .back .back-box .back-ul2{
        width: 42.9%;
    }
    .back .back-box .back-text{
        padding-top: 86px;
    }
    .back .back-box .back-btn{
        display: block;
        margin: 0 auto;
        width: 225px;
        height: 56px;
        background: rgba(255,255,255,0.3);
        border-radius: 3px;
        text-align: center;
        font-size: 20px;
        line-height: 56px;
        color: #f6e428;
        margin-top: 150px;
    }
}
@media(max-width:1119px){
    .back .back-box .back-ul2{
        width: 80%;
    }
    .back .back-box .back-text{
        padding: 30px 10px 0 10px;
    }
}
@media(min-width:501px) and (max-width:1119px){
    .back .back-box .back-btn{
        display: block;
        margin: 0 auto;
        width: 225px;
        height: 56px;
        background: rgba(255,255,255,0.3);
        border-radius: 3px;
        text-align: center;
        font-size: 20px;
        line-height: 56px;
        color: #f6e428;
        margin-top: 150px;
    }
}
@media(max-width:500px){
    .back .back-box .back-btn{
        display: block;
        margin: 0 auto;
        width: 80px;
        height: 40px;
        background: rgba(255,255,255,0.3);
        border-radius: 3px;
        text-align: center;
        font-size: 14px;
        line-height: 40px;
        color: #f6e428;
        margin-top: 180px;
    }
}
.back .back-box ul li a img{
    display: block;
    width: 93.3%;
}
.back .back-box ul li a{
    display: inline-block;
    text-align: center;
}
.back .back-box ul li a p{
    margin-top: 16px;
    color: #fff;
}
.back .back-box ul li:hover a p{
    color: #f6e428;
    text-align: center
} 
/*智慧校园学工系统     蓝色背景   下部四个圆*/
.back .back-box .back-ul2{
    /* width: 80%; */
    margin: 0 auto;
    margin-top: 38px;
    display: flex;
    justify-content: space-between
}
/*智慧校园学工系统    蓝色背景里的文字*/
.back .back-box .back-text{
    margin: 0 auto;
    height: 86px;
    font-size: 14px;
    line-height: 22px;
    text-indent:2em;
    color: #ffffff;
}
.back .back-box .back-btn:hover{
    background: rgba(255,255,255,0.8);
    color: #153361;
    transition: all 1S;
    text-decoration: none;
}
/*智慧校园学工系统  互联网+高校*/
.interplus{
    width: 100%;
}
.interplus .inter-box .inter-right{
    float: left;
    margin:30px 0 0 78px;
}
.interplus .inter-box .inter-right .inter-media-right{
    margin: 0 auto;
    /* width: 586px; */
}
.interplus .inter-box .inter-media-img{
    width:100%;
    padding:30px 10px 10px 10px
}
.interplus .inter-box img{
    display: block;
    margin: 0 auto
}
.interplus .inter-box .inter-right .inter-art{
  
    height: 36px;
    border-left: 6px solid #153361;
}
.interplus .inter-box .inter-right .inter-art span{
    margin-left: 30px;
    font-size: 36px;
    color: #6a6a6a;
    line-height: 36px;
}
.interplus .inter-box .inter-right .inter-text{
    margin-top: 70px;
    height: 135px;
    font-size: 14px;
    line-height: 35px;
    letter-spacing: 0px;
    text-indent:2em;
    color: #040000;
}
.interplus .inter-box .inter-right .inter-school{
    margin: 70px 0 0 0;
}
.interplus .inter-box .inter-right .inter-school a{
    font-size: 20px;
    line-height: 30px;
    color: #153361;
    margin: 10px 0;
    font-weight: bolder
}
.interplus .inter-box .inter-right .inter-school a:hover{
    color: #f6e428;
    text-decoration: none
}
@media(min-width:1120px){
    .interplus .inter-box{
        margin: 0 auto;
        overflow: hidden;
        display: flex;
        justify-content: space-between
    }
    .interplus .inter-box .inter-right .inter-school{
        margin: 70px 0 0 0;
        display: flex;
    }
    .interplus .inter-box .inter-right .inter-school a{
        margin-right: 80px;
    }
}
@media(max-width:1199px){
    .interplus .inter-box{
        margin: 0 auto
    }
    .interplus .inter-box{
        margin: 0 auto;
        margin-top: 95px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        flex-direction: column
    }
    .interplus .inter-box .inter-right{
        float: left;
        margin:30px 0 0 0;
    } 
    .do .do-div3 .do-img:nth-child(2){
        width: 247px;
    }
}
@media(min-width:531px) and (max-width:1199px){
    .interplus .inter-box .inter-right .inter-school{
        margin: 70px 0 0 0;
        display: flex;
        justify-content: center
    }
    .interplus .inter-box .inter-right .inter-school a{
        margin-right: 70px;
    }
    .do .do-div3 .do-img:nth-child(2){
        width: 247px;
    }
}
@media(max-width:530px){
    .interplus .inter-box .inter-right .inter-school{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin: 70px 0 0 0;
    }
    .do .do-div3 .do-img:nth-child(2){
        width: 200px;
    }
}