/*-----------------关于上业---------------------*/
/*关于上业顶部导航*/
.about_nav { display:block; height:58px; overflow:hidden; position:fixed; top:0; width:100%; z-index:101; background:url(../images/about_nav.png) repeat;}
.top_content{ margin:0 auto; width:1000px; overflow:hidden;}
.top_content .logo{ display:inline-block; width:113px; height:29px; margin:14px 0 0 0; float:left;}
.ab_nav{ overflow:hidden; padding:15px 0 0 0;}
.ab_nav a{ display:inline-block; font-size:14px; font-family:"微软雅黑"; line-height:29px; color:#fff; float:left; margin:0 0 0 17px; width:86px; text-align:center; border-radius:3px;}
.ab_nav .e{ background:#2e3f5b;}
.about_items li{background-color:#5278aa;}
.about_items li.e,.about_items li:hover{ background-color:#89acdb;}
/*第一屏*/
.about_noe{ background:url(../images/noe.jpg) no-repeat center;}
.about_int{ width:774px; overflow:hidden; margin:100px 0 0 0; padding:0 113px;}
.about_noe .title img,.about_two .title img,.about_three .title img{ width:30%; height:30%}
.about_int ul{ overflow:hidden; margin:20px 0 0 0;}
.about_int ul li{ float:left; text-align:center; width:297px; padding:31px 45px 0;}
.about_int ul li span{ display:inline-block; width:111px; height:111px; background:#3679a7; border-radius:5px;}
.about_int ul li span i{ font-size:62px; color:#fff; line-height:111px;}
.about_int ul li h4{ font-size:30px; font-family:"微软雅黑"; line-height:51px; color:#fff; margin:15px 0 0 0;}
.about_int ul li p{ font-size:18px; font-family:"微软雅黑"; line-height:30px; color:#859ec0;}
.about_int ul li .col{ color:#000;}
@media (max-width : 1600px) {
    .about_int ul li p{
        font-size: 14px;
    }
}
/*第二屏*/
.about_two{ background:url(../images/two.jpg) repeat;}
.about_two_con{ width:100%; text-align:center; margin:38px 0 0 0;}
.about_two_ri{ position:absolute; top:0; right:-249px;}
.about_two_con img{ width:70%; height:70%}
/*第三屏*/
.about_three{ background:url(../images/three.jpg) no-repeat;}
.qua_content{ width:900px; margin:0 auto;}
.qua_content .pic{ overflow:hidden; margin:45px 0 0 0;}
.qua_content .pic ul li{ float:left; width:373px; margin:0 38px;}
.qua_content .font{ overflow:hidden; margin:36px 0 0 0;}
.qua_content .font ul li{ float:left; width:412px; padding:0 0 0 38px; font-size:24px; font-family:"微软雅黑"; line-height:50px; color:#fff;}
.foot{ text-align:center; position:absolute; width:100%; bottom:0;}
.foot p span{ color:#898cad; line-height:60px; margin:0 5px;}
/*-----------------百科---------------------*/
/*第一屏*/
.ency_noe{ background:#4a67a8;}
.main1250{ width:1250px; margin:0 auto; position:relative; }
.ency_noe .tit{ text-align:center; overflow:hidden; margin:5% 0 0 0;}
.ency_noe .tit p{ font-size:36px; font-family:"微软雅黑"; line-height:92px; color:#fff; font-weight:400;-moz-animation:p 1s ease;-ms-animation:p 1s ease;-o-animation:p 1s ease;-webkit-animation:p 1s ease;animation:p 1s ease;}
@keyframes p {
    0%{transform:translateX(1000px);opacity:0;}
    100%{transform:translateX(0);opacity:1;}
}
@-moz-keyframes gg {
    0%{-moz-transform:translateX(1000px);opacity:0;}
    100%{-moz-transform:translateX(0);opacity:1;}
}
@-o-keyframes gg {
    0%{-o-transform:translateX(1000px);opacity:0;}
    100%{-o-transform:translateX(0);opacity:1;}
}
@-webkit-keyframes gg {
    0%{-webkit-transform:translateX(1000px);opacity:0;}
    100%{-webkit-transform:translateX(0);opacity:1;}
}
@-ms-keyframes gg {
    0%{-ms-transform:translateX(1000px);opacity:0;}
    100%{-ms-transform:translateX(0);opacity:1;}
}
.ency_noe .tit img{-moz-animation:anim 1s ease;-ms-animation:anim 1s ease;-o-animation:anim 1s ease;-webkit-animation:anim 1s ease;animation:anim 1s ease;}
@keyframes anim {
    0%{transform:translateX(-1000px);opacity:0;}
    100%{transform:translateX(0);opacity:1;}
}
@-moz-keyframes gg {
    0%{-moz-transform:translateX(-1000px);opacity:0;}
    100%{-moz-transform:translateX(0);opacity:1;}
}
@-o-keyframes gg {
    0%{-o-transform:translateX(-1000px);opacity:0;}
    100%{-o-transform:translateX(0);opacity:1;}
}
@-webkit-keyframes gg {
    0%{-webkit-transform:translateX(-1000px);opacity:0;}
    100%{-webkit-transform:translateX(0);opacity:1;}
}
@-ms-keyframes gg {
    0%{-ms-transform:translateX(-1000px);opacity:0;}
    100%{-ms-transform:translateX(0);opacity:1;}
}
.ency_noe .img{ width:100%; position:absolute; bottom:0; margin:0 auto;}
.ency_noe .img img{ display:block;}
.ency_noe .img .img1{ position:absolute; bottom:-502px; z-index:1; opacity:0;}
.ency_noe .img .img2{ position:absolute; bottom:-568px; z-index:2; opacity:0;}
.ency_noe .img .img3{ position:absolute; bottom:-639px; z-index:3; opacity:0;}
/*第二屏*/
.ency_two{ background:#f1f1f1;}
.ency_two .title p{ font-size:60px; font-family:"微软雅黑"; line-height:64px; color:#1b1b1b;}
.ency_two .pic_tab{ width:1000px; height:432px; overflow:hidden; position:relative; margin:10% 0 0 0;}
.ency_two .pic_tab ul{ width:2000px; overflow:hidden; position:absolute; top:0; left:0;}
.ency_two .pic_tab ul li{ width:1000px; height:432px; text-align:center; float:left;}
.ency_two .tab_but{ overflow:hidden; text-align:center; margin:10% 0 0 0;}
.ency_two .tab_but a{ display:inline-block; width:50px; height:10px; background:#d2d2d2; font-size:0; margin:0 5px;}
.ency_two .tab_but .e{ background:#4a67a8;}
/*第三屏*/
.ency_three{ background:#fff;}
.ency_three .title font{ font-size:36px; font-family:"微软雅黑"; line-height:54px; color:#696969;}
.ency_three .title p{ font-size:60px; font-family:"微软雅黑"; line-height:78px; color:#1b1b1b;}
.ency_three .pic{ width:1000px; height:502px; overflow:hidden; position:relative; margin:66px 0 0 0;}
.ency_three .pic img{ display:block;}
.ency_three .pic .img1{ position:absolute; bottom:0; left:1000px; z-index:1; opacity:0;}
.ency_three .pic .img2{ position:absolute; bottom:0; left:1000px; z-index:2; opacity:0;}
.ency_three .pic .img3{ position:absolute; bottom:0; left:1000px; z-index:3; opacity:0;}
.ency_three .pic .img4{ position:absolute; bottom:0; left:1000px; z-index:4; opacity:0;}
/*第四屏*/
.ency_four{ background:url(../images/ency_four.png) no-repeat center #f1f1f1;}
.intended_for{ width:1000px; height:713px; text-align:center; position:relative;}
.intended_for img{ width:80%; height:80%; position:relative; z-index:2;}
.intended_for .img1{ position:absolute; left:138px; top:287px; width:152px; height:224px; background:url(../images/intended_forimg1.png) no-repeat;}
.intended_for .img2{ position:absolute; left:284px; top:30px; width:50px; height:316px; background:url(../images/intended_forimg2.png) no-repeat;z-index:0;}
.intended_for .img3{ position:absolute; left:487px; top:200px; width:44px; height:116px; background:url(../images/intended_forimg3.png) no-repeat;}
.intended_for .img4{ position:absolute; left:680px; top:30px; width:45px; height:316px; background:url(../images/intended_forimg4.png) no-repeat;z-index:0;}
.intended_for .img5{ position:absolute; left:718px; top:287px; width:141px; height:223px; background:url(../images/intended_forimg5.png) no-repeat;}
.ency_foot p span{ color:#919191;}
.ency_items li{ background:#dfdcdc;}
.ency_items li.e,.ency_items li:hover{ background:#5c7bc0;}
/*上业学术门户管理软件*/
#menu { margin: 0; padding: 0; position: fixed; left: 10px; top: 10px; list-style-type: none; z-index: 70;}
#menu li { float: left; margin:  0 10px 0 0; font-size: 14px;}
#menu a { float: left; padding: 10px 20px; background-color: #fff; color: #333; text-decoration: none;}
#menu .active a { color: #fff; background-color: #333;}
.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}
.aps_one{ background:url(../images/aps_one.jpg) no-repeat center;}

.aps_three{ background:#f6f6f6;}

@media screen and (max-width:1366px){
   .ency_noe .img img{ width:66%;}
   .ency_noe h2 img{ width:50%;}
   .ency_noe .tit p{ font-size:16px; font-family:"微软雅黑"; line-height:42px; color:#fff;}
   .ency_two .title p { font-size:40px; line-height:42px;}
   .ency_two .pic_tab{ margin:6% 0 0 0; height:346px;}
   .ency_two .pic_tab ul li{ height:346px;}
   .ency_two .pic_tab ul li img{ width:80%;}
   .ency_three .pic{ height:382px;}
   .ency_three .pic .img1{ width:35%;}
   .ency_three .pic .img2{ width:40%;}
   .ency_three .pic .img3{ width:25%;}
   .ency_three .pic .img4{ width:10%;}
   .ency_three .title p{ font-size:40px; line-height:62px;}
   .ency_three .title font { font-size:26px; line-height:36px;}
   .about_two_con img{ width:45%;}
   .about_two .title img{ width:30%;} 
   .about_int{ padding:0; width:1000px;}
   .about_int ul li{ width:230px; padding:0 10px;}
   .about_int ul li .col{ color:#859ec0;}
   .about_three .title img{ width:30%;}
   .qua_content .pic{margin:35px 0 0;}
   .qua_content .pic ul li{ width:300px; margin:0 74px;}
   .qua_content .pic ul li img{ width:300px;}
   .qua_content .font{ margin:25px 0 0 0;}
   .qua_content .font ul li{ font-size:18px; line-height:34px; padding:0 0 0 68px; width:382px;}
}