@charset "utf-8";
/* CSS Document */
body {
    background: #fff;
    width: 100%;
}
@media only screen and (max-width: 1360px) {
    body {
        background: #fff;
        width: 1920px;
    }
}

a:hover{
    color: #3078ff;
}
.w {
    width: 1360px;
    margin: auto;
}
.w1200 {
    width: 1200px;
    margin: auto;
}
.tc {
    text-align: center;
}

.nowColor {
    color: #2f70a8;
}

.clearFix {
    clear: both;
}

/*顶部导航*/
.box {
    width: 1200px;
    margin: auto;
}

.g-in .more {
    width:88px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    display: block !important;
    margin-top: 50px;
}

.more:hover {
    color: #fff !important;
    background: #124b9a
}

.contact {
    float: right;
    margin: 23px 30px 0 0;
    position: relative;
}
.contact .count li{float: left;width: 40px;padding-left: 0;height: 40px;border: 1px solid #7bafee;border-radius: 30px;position: relative;
    overflow: hidden;margin-left: 8px}
.contact .count li a{
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    display: block;
    color: #5d8ff2;
    font-weight: 600;
}

.contact .count li a img{display: inline-block;height: 40px;line-height: 40px;vertical-align: top}
.contact .count .log-in{
    border: 1px solid #868686;
}

.form-search{
    position: absolute;
    top: 88px;
    left: 0;
    width: 90%;
    padding: 3% 5%;
    border-top: 1px solid #ddd;
    box-shadow: 3px 5px 5px #3c3c3c6b;
    background: #fff;
    display: none;
    z-index: 2;}

.form-search input{ border:1px solid #eee;}
.form-search input[type="text"] { width:70%; height:38px; float:left; padding:0 5%; border-right:0px; border-radius: 4px 0 0 4px;}
.form-search input[type="submit"]{ width:19%; height:40px; float:left; border:0; background:#1d65ea; color:#fff;border-radius: 0 4px 4px 0;}



/*搜索*/
.searchInput {
    width: 200px;
    height: 32px;
    border-radius: 4px;
    /*margin: 32px 15px 0 62px;*/
    float: right;
    background: url(../images/sr.png) no-repeat center;
}

.subNav-btn-search {
    width: 38px;
    height: 32px;
    float: left;
    cursor: pointer;
}

.subNav-input-search {
    background: rgba(255, 255, 255, 0);
    float: left;
    height: 100%;
    width: 144px;
    border: 0px solid #e0e0e0;
    padding: 0 0 0 16px;
    color: #343434;
}
.login{
    padding-top: 38px;
}
.login a{
    font-size: 16px;
    font-weight: bold;
    color: #656565;
    margin: 0 4px;
}
.login a.reg{
    color: #5d8ff2;
}
.login a.userName{
    font-size: 16px;
    color: #666;
    font-weight: 500;
}


/*登入下拉*/
.head-dropdown {
    background-color: #090723;
    border-radius: 6px 6px 4px 4px;
    z-index: 999;
     display: none;
    width: 150px;
    left: -38px;
    font-size: 12px;
    position: absolute;
    top: 48px;
}
.head-dropdown .gap {
    border-bottom: 1px solid #393f66;
    display: flex;
    height: 38px;
    align-items: center;
    box-sizing: border-box;
    color: rgba(255,255,255,.8);
    white-space: nowrap;
    text-align: center;
    padding: 0 20px;
    width: 120px;
    margin: 0 15px;
    position: relative;
    line-height: 1.5;
    justify-content: center;
}
}
.head-dropdown .gap .item {
    word-break: break-all;
    overflow: hidden;
    white-space: normal;
}
.head-dropdown li .item, .head-dropdown li a {
    display: flex;
    height: 38px;
    align-items: center;
    padding-left: 20px;
    padding-right: 12px;
    box-sizing: border-box;
    color: rgba(255,255,255,.8);
    white-space: nowrap;
    text-align: center;
    width: 100%;
}

.site-nav .quick-menu li {
    margin: 0 13px;
    position: relative;
    line-height: 1.5;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.head-dropdown li:last-child:hover {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.head-dropdown li:hover {
    background: #333;
}






.banner {
    width: 100%;
    position: relative;
    height: 396px;
    z-index: 1;
    overflow: hidden;
}

.banner .bd {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    height: 396px;
}

.banner .bd ul {
    width: 100% !important;
}

.banner .bd li {
    width: 100% !important;
    height: 396px;
    overflow: hidden;
    text-align: center;
}

.banner .bd li a {
    display: block;
}

.banner .hd {
    width: 100%;
    position: absolute;
    z-index: 99;
    bottom: 26px;
    left: 0;
    height: 10px;
}

.banner .hd ul {
    text-align: center;
}

.banner .hd ul li {
    cursor: pointer;
    display: inline-block;
    _zoom: 1;
    _display: inline;
    zoom: 2;
    width: 22px;
    height: 3px;
    margin: 0 6px;
    overflow: hidden;
    background: #f5f0f0;
    filter: alpha(opacity=100);
    line-height: 999px;
    opacity: 1
}

.banner .hd ul .on {
    background: #5d8ff2;
}

.banner .prev, .banner .next {
    display: block;
    position: absolute;
    z-index: 1;
    top: 190px;
    margin-top: -30px;
    left: 17px;
    z-index: 1;
    width: 50px;
    height: 100px;
    background: url(../images/slider-arrow1.png) 5px /*#eee */ no-repeat;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.6;
    display: block;
}

.banner .next {
    left: auto;
    right: 17px;
    background-position: -55px;
}

.side {
    width: 92px;
    padding: 24px 20px;
    box-shadow: 1px 1px 5px #d9d9d9;
    position: fixed;
    top: 350px;
    right: 6px;
    background: #fff;
    z-index: 999;
    font-size: 12px;
    color: #848587;
    text-align: center;
}

.side img {
    display: block;
    text-align: center;
    margin: 16px auto 0;
}

.side .inline {
    border-radius: 4px;
    background: #e37555;
    width: 100px;
    height: 30px;
    line-height: 30px;
}

.side a {
    font-size: 12px;
    color: #fff;
}

.side .tel {
    color: #e37555;
    padding-bottom: 16px;
}
/*热门期刊*/
.swiper-wrapper img {
    box-shadow: 1px 1px 12px #c7c7c7;
    border: 4px solid #fff;
}




/*书*6*/

.no-mgr{margin-right: 0}

.header {
    position: relative;
    z-index: 10;
    /* padding-top: 6px; */
    /* background: #fff url(../images/hdr_bg.png) no-repeat left top; */
    background-size: 100% auto;
    height: 88px;
    box-shadow: 2px 2px 14px #2222221a;
}
header{
    border-top:1px solid #1e65ea;
}

@media (max-width: 750px) {
    .header{z-index: 10}
}
.con_1 {
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    margin: 60px 0 0;
}
.con_1 .g-in {
    border: 1px solid #d6d6d6;
    position: relative;
}
.con_1 li {
    float: left;
    width: 20%;
    text-align: center;
    padding: 1% 0 2%;
    border-right: 1px solid #d6d6d6;
    box-sizing: border-box;
    transition: all 0.5s ease 0s;
    overflow: hidden;
}
.con_1 li:last-child {
    border-right: 0;
}
.con_1 li span {
    display: block;
}
.con_1 li span img {
    display: block;
    margin: 0 auto;
    width: auto;
}
.con_1 a.more {
    display: block;
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #3078ff;
    text-transform: uppercase;
}

/*新闻资讯*/
.c_3_1 {
    width: 546px;
    float: left;
}

.n_t {
    height: 42px;
    line-height: 42px;
}
.n_t h4 {
    float: left;
    font-size: 18px;
    color: #666;
    font-weight: normal;
}
.n_t a {
    display: block;
    float: right;
    font-size: 14px;
}
.c3box .hotnews {
    padding:14px 14px 22px 0;
    position: relative;
}
.c3box .hotnews .pic {
    float: left;
    width: 186px;
}

.c3box .hotnews .text {
    float: right;
    width: 338px;
}
.c3box .hotnews .text a.t {
    display: block;
    font-size: 17px;
    color: #333;
    font-weight: bold;
}
.c3box .hotnews .text p {
    font-size: 14px;
    color: #666;
    height: 40px;
    overflow: hidden;
    margin-top: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.c3box .hotnews .text span {
    display: block;
    position: absolute;
    bottom: 18px;
}
.c3box .list_1 li {
    padding: 16px 0px 6px 0;
    /* border-top: 1px solid #d6d6d6; */
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.c3box .list_1 li a {
    display: block;
    float: left;
    font-size: 14px;
    position: relative;
    z-index: 2;
}
.c3box .list_1 li span {
    display: block;
    float: right;
    color: #999;
    position: relative;
    z-index: 2;
}
.c3box .list_1 li i {
    display: block;
    position: absolute;
    left: -5%;
    width: 100%;
    top: 0;
    bottom: 0;
    background: url(../images/con_bg_3_1.png) no-repeat;
    background-size: cover;
    z-index: 1;
    opacity: 0;
    transition: all 0.6s ease 0s;
}
.c_3_2 {
    float: left;
    width: 432px;
    margin-left: 44px;
}
.c_3_2 .hotnews {
    padding: 8px 0 9px 5px;
    height: 54px;
    line-height: 24px;
    overflow: hidden;
    position: relative;
}
.c_3_2 .hotnews a {
    font-size: 17px;
    color: #333;
    font-weight: bold;
}
.c_3_2 .hotnews a span {
    padding-left: 22px;
    font-size: 12px;
    color: #666;
    font-weight: normal;
}
.c3box_2 .list_2 li {
    font-size: 14px;
    padding:14px 0px 10px 0;
}
.c3box_2 .list_2 li a {
    display: block;
    position: relative;
    padding-left: 11px;
    background: url(../images/con_bg_3_2.png) no-repeat left center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    width: calc(100% - 90px);
    width: 335px;
}
.c_3_3 .list_2{
    margin-top: 7px;
    text-align: right;
}
.c_3_3 .list_2 a:first-child{
    margin-bottom: 8px;
    display: block;
}
.c_3_3 {
    float: left;
    width: 303px;
    margin-left: 24px;
}

/*版权*/
.ft-1 {
    background: #7f7f7f;
    color: #fff;
}
.ft-logo, .ft-contact, .ft-qrcode {
    box-sizing: border-box;
    border-right: 1px solid #909090;
    padding-top: 31px;
    height: 205px;
    color: #d3d3d3;
}

.ft-logo {
    float: left;
    padding-right: 2%;
}

.footer a {
    color: #fff;
}
.ft-nav {
    float: left;
}
.ft-nav dl {
    float: left;
    padding: 35px 34px 0;
    max-width: 140px;
    border-right: 1px solid #909090;
    height: 153px;
    color: #d3d3d3;
}
.ft-nav dt a {
    display: block;
    color: #d3d3d3;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 4px;
}
.ft-logo, .ft-contact, .ft-qrcode {
    box-sizing: border-box;
    border-right: 1px solid #909090;
    padding-top: 31px;
    height: 188px;
    color: #d3d3d3;
}
.ft-contact {
    float: left;
    width: 380px;
    height: 188px;
    padding: 42px 0 0 52px;
}
.ft-contact .p1 {
    width: 293px;
    padding-left: 25px;
    background: url(../images/ft_ico_1.png) no-repeat left center;
}
.ft-contact .p2 {
    padding:15px 0 0 25px;
    background: url(../images/ft_ico_2.png) no-repeat 0px 15px;
}
.btm-qrcode {
    float: right;
    margin: 30px;
}

.btm-qrcode img {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.btm-qrcode span {
    display: block;
    text-align: center;
}
.footer a:hover {
    text-decoration: underline;
}
.ft-nav dd a {
    display: block;
    color: #d3d3d3;
    font-size: 14px;
    line-height: 25px;
}

/*期刊展示*/

.book-exhibition{
    background: url(../images/bg-grey.png) no-repeat center center #f9f9f9;
    margin-bottom: 50px;
    padding: 28px 0 56px;
    /*width: 1903px;*/
}
.book-exhibition .fontL {
    float: left;
    width: 430px;
}

.book-exhibition li {
    float: left;
    width: 680px;
    text-align: center;
}

.book-exhibition .picbook{
    float: left;
}
.book-exhibition li h3{
    font-size: 22px;
    color: #0e49a4;
    margin: 36px 0 2px;
}
.book-exhibition li span{
    width: 22px;
    height: 2px;
    display: inline-block;
    background:#0e49a4;
}
.book-exhibition li p{
    font-size: 15px;
    color: #4c4c4c;
    line-height: 28px;
    margin: 26px;
}
.book-exhibition .fontL a {
    font-size: 15px;
    color: #3078ff;
    display: block;
    background: url(../images/tips.png) no-repeat 16px center #e0ecff;
    width: 105px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    padding: 0 0 0 10px;
    margin: 0 auto;
}


/* 导航 */
header .nav{
    /* width:100%; */
    height:50px;
    float: right;
    z-index: 99;
}
header .nav>ul {
    display: block;
    margin: 0 auto;
    width: 808px;
    height: 50px;
    float: left;
}

header .nav>ul>li{
    height: 50px;
    float: left;
    text-align: center;
    margin-right: 1px;
}
header .nav>ul>li.on>a{
    color: #fff;
    background:#1e65ea;
}
header .nav>ul>li:hover>a{
    color: #fff;
    background:#1e65ea;
}
header .nav>ul>li>a {
    width: 140px;
    height: 68px;
    display: block;
    padding: 10px 0 10px;
    font-weight: 600;
    color: #161616;
    font-size: 16px;
    line-height: 68px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
header .nav>ul>li>a>span{
    font-size: 11px !important;
}
header .nav ul li ul{
    z-index: 99999;
    position: relative;
     display: none;
    overflow: hidden;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
header .nav ul li ul li {
    background: rgba(0,0,0,0.8);
    height: 48px;
    line-height: 48px;
    border-top: 1px solid rgba(0,0,0,0.6);
}
header .nav ul li ul li a{
    color: #ccc;
    height: 40px;
    display: block;
}
header .nav ul li ul li:hover{
    background: #333;
}
.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.g-in {margin:0 auto 60px;*zoom:1}
.g-in:after{content:'\20';display:block;height:0;clear:both}
.no-mgr{margin-right: 0}
.logo {
    float: left;
    margin: 18px 0 12px;
}




/*内页小banner*/
.in-banner{
    background:url(../images/in_banner.jpg) center no-repeat;
    height: 300px;
    position:relative;
}

.in-banner .sub-nav{
    width:1200px;
    height:70px;
    position: absolute;
    bottom:0;
    left:50%;
    margin-left:-600px;
}

.in-banner .sub-nav .sn-left{
    width:300px;
    height:70px;
    float:left;
    background:rgba(171,171,171,0.8);
    color:#FFF;
    text-align:center;
}

.in-banner .sub-nav .sn-left h1{
    display:block;
    font-size:20px;
    height:30px;
    text-transform:uppercase;
    margin:10px auto 0;
}
.in-banner .sub-nav .sn-left span{
    display:block;
    height:30px;
    font-size:18px;
    margin:0 auto;
    position:relative;
}
.in-banner .sub-nav .sn-left span:before{
    content:"";
    width:30px;
    height:1px;
    background:#FFF;
    position:absolute;
    top:12px;
    left:45px;
}
.in-banner .sub-nav .sn-left span:after{
    content:"";
    width:30px;
    height:1px;
    background:#FFF;
    position:absolute;
    top:12px;
    right:45px;
}
.in-banner .sub-nav .sn-right{
    width:900px;
    height:70px;
    float:left;
    background: #1e65eaeb;
    color:#FFF;
}
.in-banner .sub-nav .sn-right .hd{
    padding-top:22px;
    margin-left:30px;
}
.in-banner .sub-nav .sn-right .hd a{
    padding:0 20px;
    color:#FFF;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.in-banner .sub-nav .sn-right .hd a.on{
    font-size:22px
}
.in-banner .sub-nav .sn-right span{
    display:none;
    margin-left:30px;
    padding:5px 20px;
    color:#FFF;
    font-size:15px;
}

/*投递页面*/
.tracking{
    border: 1px solid #e3e3e3;
}
.tracking li {
    padding: 22px 32px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 16px;
    line-height: 20px;
    clear: both;
}
.tracking li:last-child{
    border-bottom: 0;
}
.tracking li span {
    float: right;
    color: #999;
    font-size: 14px;
}
.tracking li .d1{
    background: url(../images/icon4.png) -5px -5px no-repeat;
    width: 57px;
    padding-left: 26px;
}
.tracking li .d2{
    background: url(../images/icon4.png) -5px -66px no-repeat;
    width: 57px;
    padding-left: 26px;
}

/*录用查询*/
.query h1{
    background: url(../images/icon5.png) left center no-repeat;
    padding-left: 40px;
    font-size: 16px;
    color: #3b3b3b;
    display: block;
    margin: 0 0 26px 0;
}
.query  span{
    font-size: 12px;
    color: #adadad;
    display: inline;
    padding: 0 0 0 6px;
}
.query .form-qr{
    height: 48px;
    width: 1170px;
    border-radius: 24px;
    padding: 0 4px 0 24px;
    color: #8a8e91;
    font-size: 16px;
    border: 1px solid #9ab9ff;
    transition: none;
}
.query input {
    background: #fff;
    color: #868686;
    float: left;
    font-size: 16px;
    width: 1080px;
    height: 46px;
    line-height: 46px;
    padding: 1px 16px;
    border-radius: 2px 0 0 2px;
}

.query button {
    display: inline-block;
    text-align: right;
    padding: 0 10px;
    margin: 4px 0 0;
    cursor: pointer;
    font-size: 16px;
    min-width: 56px;
    height: 40px;
    line-height: 62px;
    color: #fefefe;
    border-radius: 8px;
    background: #fff url(../images/ser.jpg) 0px 0px no-repeat;
}
.qr-success h1,.qr-failure h1{

}
.bg-grey{
    background: #f6f6f6;
    width: 1148px;
    height: 48px;
    display: block;
    padding: 36px 26px;
    border-radius: 8px;
}
.bg-grey p{
    width: 800px;
    float: left;
}
.sr-q0{
    margin-bottom: 60px;
}

.qr-failure img {
    float: right;
}










/*新闻列表*/

.in-new{}
.in-new .list li{
    display:block;
    height:140px;
    border-bottom:1px solid #eee;
    transition: 1s;
}
.in-new .list li:hover{
    background:#eee;
}
.in-new .list li:hover a .new-date{
    border-right:1px solid #ccc;
}
.in-new .list li:first-child{
    border-top:1px solid #eee;
}
.in-new .list li a{
    display:block;
    height:140px;
    position:relative;
}
.in-new .list li a .new-date{
    width:140px;
    height:80px;
    position:absolute;
    top:30px;
    left:30px;
}
.in-new .list li a .new-date h1{
    color:#1e65ea;
    font-size:48px;
    line-height:40px;
    font-weight:600;
    padding-left:30px;
    padding-top:5px;
}
.in-new .list li a .new-date span{
    color: #666;
    padding: 12px 0 0 30px;
    display: block;
}

.in-new .list li a .new-text{
    height:80px;
    position:absolute;
    top:30px;
    left:260px;
    right:30px;
}
.in-new .list li a .new-text h1{
    display:block;
    color:#000;
    font-size:18px;
    line-height:24px;
}
.in-new .list li a .new-text span{
    display:block;
    color:#666;
    margin-top:10px;
    line-height:24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow:hidden;
    -webkit-box-orient: vertical;
}


/*详情页*/
.in-show{
    /*border:1px solid #eee;*/
    background:#FFF;
}
.in-show .in-title{
    /*background:#f8f8f8;*/
    border-bottom:1px solid #eee;
    padding:30px 0;
    margin:0 50px;
    text-align:center;
}
.in-show .in-title h1{
    display:block;
    font-size:24px;
    font-weight:600;
    color:#000;
}
.in-show .in-title span{
    display:block;
    margin-top:20px;
}

.in-show .in-video{
    border-bottom:1px solid #eee;
    padding:30px 0;
    margin:0 50px;
}
.in-show .in-video .box{
    background:#000;
    width:600px;
    height:400px;
}

.in-show .nr{
    padding:30px 50px;
}
.in-show .nr h2{
    font-size:16px;
    font-weight:bold;
    color:#1e65ea;
}
.in-show .nr .nr-text{
    line-height:24px;
    padding:20px 0 30px;
}

.in-show .tab .tab-hd{
    border-bottom:1px solid #eee;
}
.in-show .tab .tab-hd li{
    float:left;
    width:25%;
    height:40px;
    line-height:40px;
    color:#333;
    text-align:center;
    box-shadow:inset 1px 0 #ddd;
}
.in-show .tab .tab-hd li:first-child{
    box-shadow:none;
}
.in-show .tab .tab-hd li:hover{
    color:#fff;
    background:#1e65ea;
}
.in-show .tab .tab-hd .active{
    color:#fff;
    background:#1e65ea;
}

.in-show .tab .tab-bd li{
    padding:30px;
    line-height:24px;
}

.in-show .show{
    padding:30px 50px 90px;
    line-height:24px;
}
.in-show .show img{
    margin: 12px auto;
    display: block;
}
.in-show .show p{
    margin: 8px auto 16px;
    text-indent: 28px;
}
.bgcolor {
    padding: 40px;
    background: #f6f6f6 !important;
}

/*!*分页*!*/
/*.page{*/
/*    height:25px;*/
/*    margin:20px auto 20px auto;*/
/*    text-align:right;*/
/*    float:right;*/
/*}*/
/*.page a{*/
/*    border-radius:3px;*/
/*    color:#666;*/
/*}*/
/*.page01 a {*/
/*    line-height: 25px;*/
/*    text-align: center;*/
/*    text-decoration:none;*/
/*    display: block;*/
/*    height: 25px;*/
/*    width: 60px;*/
/*    border:1px solid #999;*/
/*    color: #666 !important;*/
/*}*/
/*.page02 a {*/
/*    line-height: 25px;*/
/*    padding:0 10px;*/
/*    text-align: center;*/
/*    text-decoration:none;*/
/*    display: block;*/
/*    height: 25px;*/
/*    border:1px solid #999;*/
/*    color: #666;*/
/*}*/
/*.page li {*/
/*    float: left;*/
/*    line-height: 25px;*/
/*    padding-right: 5px;*/
/*    list-style-type:none;*/
/*}*/
/*.page li a:hover {*/
/*    color: #fff !important;*/
/*    background-color: #1e65ea;*/
/*    border:1px solid #1e65ea;*/
/*    text-decoration: none;*/
/*}*/
/*.page02 a.current{*/
/*    border:1px solid #1e65ea;*/
/*    background-color: #1e65ea;*/
/*    color:#fff !important;*/
/*}*/































/*关于我们*/
.sTit {
    margin: 60px auto 10px;
    text-align: center;
}

.cT {
    margin: 0 0 80px 0;
}


/*更多服务*/
.bgW {
    background: #fff;
    margin: 0 auto;
    height: 242px;
}

.bgLr {
    background: #1e5687;
    width: 40%;
    height: 242px;
    float: left;
}

.bgLr h1 {
    color: #fff;
    position: relative;
}

.serviceMore {
    width: 400px;
    margin: 44px 0;
    float: right;
}


/*更多服务*/
.Tec {
    width: 60%;
    height: 242px;
    background: url(../images/index-bg.png) no-repeat 0px 0px;
}

.Tec p {
    height: 78px;
    font-size: 15px;
    line-height: 26px;
    padding-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.Tec1 {
    padding: 20px 40px 20px 20px;
    float: left;
}

.ThrRight {
    margin: 14px 0 0 42px;
}

/*.ThrRight li{*/
/*width: 206px;*/
/*height: 128px;*/
/*background: #184a76;*/
/*float: left;*/
/*margin: 0 30px 30px 0;*/
/*position: relative;*/
/*}*/
.ThrRight li {
    width: 206px;
    height: 128px;
    float: left;
    margin: 0 40px 60px 14px;
    position: relative;
}

.ThrRight a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    color: #4c4c4c;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
}


/*课程核心*/
.courseCT {

}

.courseCT li {
    width: 360px;
    box-shadow: 1px 1px 34px #e2e0e0;
    text-align: center;
    float: left;
    padding: 12px;
    margin: 12px 18px 17px 0;
    border: 2px solid #ededed;
    transition: 1s;
}

.courseCT li:hover{
    border: 2px solid rgba(21, 112, 205, 0.73);
}
.courseCT li:nth-child(3n) {
    margin-right: 0px;
}
.courseCT img{
    width: 346px;
    height: 472px;
    box-shadow: 1px 1px 5px #ddd;
}

.courseCT h2{
    color: #1570cd;
    font-size:16px ;
    margin:16px  0 10px 4px;
    text-align: left;
    font-weight: bold;
}
.courseCT p{
    color: #878787;
    font-size:14px ;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin:0 0 0 4px;
}
.clickMore {
    margin: 0px auto 0px;
    display: block;
    line-height: 42px;
    text-align: center;
    width: 154px;
    height: 42px;
    color: #e37555;
    font-size: 14px;
    border-radius: 25px;
    background: #fff;
}


/*内页动态图文列表*/

.dynamicCT .dyin {
    width: 800px;
    margin-bottom: 20px;
    height: 165px;
    padding: 24px 0;
    box-shadow: 0px 3px 3px #fff;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.dynamicCT .dyin li {
    height: 165px;
    float: left;
    border: 1px solid #f5f5f5;
    padding: 24px;
    box-shadow: 1px 1px 16px #f4f4f4;
}

.dynamicCT .dyin .picLeft {
    width: 220px;
    height: 136px;
    float: left;
    margin: 0 24px 0 0;
    overflow: hidden;
    border-radius: 4px;
}

.dynamicCT li.dyin:hover {
    box-shadow: 0px 7px 3px #fbfbff !important;
}
.dynamicCT .dyin .fontR {
    width: 520px;
    float: right;
}
.dynamicCT .dyin .fontR h1 {
    font-size: 22px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.dynamicCT .dyin p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 56px;
    line-height: 28px;
    margin: 0;
    color: #878787;
    font-size: 15px;
}

.dateList {
    width: 466px;
    background: #f6f6f6;
    padding: 12px 20px;
    height: 235px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dateList .date {
    float: left;
    width: 36px;
    padding: 0 7px;
    background: #334259;
    color: #fff;
    text-align: center;
}

.dateList .date i {
    width: 50px;
    display: block;
    background: #fff;
    color: #334259;
    height: 24px;
    line-height: 24px;
    margin-left: -7px;
}

.dateList p {
    float: left;
    width: 366px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-left: 10px;
}

.dateList li {
    height: 70px;
}

.dateList li a {
    float: left;
    padding: 9px 0 9px 0;
    border-bottom: 1px solid #ebebeb;
    line-height: 24px;
}

.dateList li span {
    display: inline-block;
    margin-right: 20px;
}

.trainD {

}

.Aright {
    float: left;
    background: #f6f6f6;
    width: 380px;
    height: 212px;
    padding: 14px 20px;
}

.Aright h1 {
    font-size: 16px;
    color: #333333;
    line-height: 34px;
}

.Aright h1:hover {
    color: #334259;
}

.Aright span {
    line-height: 34px;
    color: #999;
}

.Aright p {
    font-size: 13px;
    color: #666;
    line-height: 24px;
    border-top: 1px solid #ebebeb;
    padding-top: 14px;
}

.Aright i {
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    background: #334259;
    float: right;
    color: #fff;
    font-size: 12px;
    margin-top: 10px;
}

.dtArt {
    height: 78px;
    padding: 15px;
}

.dtArt span {
    display: block;
    width: 26px;
    height: 3px;
    background: #6dca78;
}

.dtArt h1 {
    color: #666;
    font-size: 16px;
    line-height: 36px;
}

.dtArt a {
    font-size: 13px;
    line-height: 20px;
    color: #808080;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.wMore {
    display: block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #6dca78;
    color: #fff;
}

/*便捷服务*/

.grey {
    width: 100%;
    background: #f5f5f5;
    padding: 32px 0 85px;
}

.grey li {
    float: left;
}

.grey .sTit {
    margin: 18px auto 32px;
}

.leftDate{
    width: 108px;
    float: left;
    height: 54px;
    color: #154193;
    text-align: right;
    font-size: 28px;
    margin-right: 22px;
    padding-right: 22px;
    border-right: 1px solid #eaeaea;
}
.leftDate i{
    font-size: 14px;
    color: #666666;
}
.newsList{
    width: 820px;
}
.newsList li {
    border: 1px solid #f5f5f5;
}
.newsList li a{
    width: 100%;
    display: inline-block;
    padding: 18px 37px;
    height: 66px;
}
.newsList li:hover{
    background: #fff;
    border: 1px solid #154193;
    transition: 1s;
}
.newsList li:hover h1{
    color: #154193;
}
.newsList h1{
    font-size: 16px;
    color: #666;
    line-height: 32px;
    font-weight: bold;
    text-align: left;
}
.newsList .fontR{
    width: 618px;
}
.newsList p{
    font-size: 16px;
    color: #878787;
    line-height: 34px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-align: center;
}


.rightCenter{
    float: right;
    background:url(../images/right-bg.png) no-repeat center center;
    width: 304px;
    height: 320px;
    text-align: center;
}
.rightCenter a{
    display: inline-block;
    width: 160px;
    height: 36px;
    line-height: 36px;
    color: #154193;
    background: #fff;
    margin: 12px 0;
}
.rightCenter a:first-child{
    margin-top: 160px;
}
/* 网站底部导航*/
.cR-btm {
    background: #1570cd;
    padding: 18px 0 22px;
}
.cR-btm li{
    float: left;
    color: #fff;
}
.cR-btm li a{
    float: left;
    color: #fff;
    padding: 0 8px;
}
.cR-btm li a:hover{
    color: #cbe5ff;
}

.cR-btm .btmNav {
    margin-bottom: 26px;
}

.cR-btm .btmNav a {
    margin: 0 14px;
    color: #e6e6e6;
    text-transform: uppercase;
}

.cR-btm .btmNav a:first-child {
    margin-left: 0;
}

.cR {
    background: #121212;
    color: #878787;
    text-align: left;
    height: 72px;
    line-height: 72px;
}

/*友链样式二*/
/*.cR {
    background: #121212;
    color: #878787;
    text-align: left;
    height: 72px;
    line-height: 72px;
}
.cR .linkleft a{
    margin: 0 6px;
    color: #9d9d9d;
}

.cR .linkleft a:hover{
    color: #ddd;
    text-decoration:underline;
}*/

/*内页 banner*/
.b1 {
    width: 100%;
    height: 280px;
    text-align: center;
    margin: 0 auto;
    background: url(../images/sBin_01.jpg) center no-repeat;
}
.b2{
    width: 100%;
    height: 280px;
    text-align: center;
    margin: 0 auto;
    background: url(../images/sBin_02.jpg) center no-repeat;
}
.b3{
    width: 100%;
    height: 280px;
    text-align: center;
    margin: 0 auto;
    background: url(../images/sBin_05.jpg) center no-repeat;
}


.b7 {
    width: 100%;
    height: 280px;
    text-align: center;
    margin: 0 auto;
    background: url(../images/sBin_01.jpg) center no-repeat;
}

.sBg {
    background: #f6f6f6;
    height: 68px;
    border-bottom: 1px solid #f0f0f0;
}

.sBg .sTit {
    font-size: 21px;
    color: #fff;
    line-height: 54px;
}

.sBg .frNav {
    float: left;
    margin-left: 24px;
}

.sBg .frNav li {
    float: left;
    line-height: 68px;
}

.sBg .frNav li a {
    font-size: 16px;
    padding: 8px 28px;
    border-radius: 25px;
    color: #868686;
}

.sBg .frNav li a.on {
    background: #276398;
    border-radius: 22px;
    color: #fff;
}

.lines {
    color: #dadada;
    width: 1px;
    height: 12px;
    padding: 24px;
    float: left;
}

.main {
    padding: 40px 0;
    background: #fff;
}

/*内页左边导航*/
.inLeftnav {
    width: 260px;
    padding: 26px 26px 26px 50px;
    /*border-right:2px solid #ebebeb;*/
}

.inLeftnav h3 {
    font-size: 18px;
    color: #334259;
    padding: 0 0 0 18px;
}

.inLeftnav h3 span {
    font-size: 13px;
    padding-left: 8px;
    text-transform: uppercase;
}

.inLeftnav ul {
    margin-top: 20px;
    border-top: 1px solid #f2f2f6;
}

.inLeftnav li {
    border-bottom: 1px solid #f2f2f6;
}

.inLeftnav li a {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
}

.inLeftnav li a span {
    display: inline-block;
    margin: 4px 34px 4px 18px;
    width: 4px;
    height: 4px;
    background: #4a6082;
}

.inLeftnav li a.on {
    width: 100%;
    height: 48px;
    background: #effcf0;
    color: #4a6082;
}

/*内页右边导航*/

.inrightList {
    width: 1200px;
    padding: 0 36px;
    margin-bottom: 40px;
}

.inrightList .head h1 {
    font-size: 15px;
    color: #4a6082;
    padding-left: 10px;
    border-left: 4px solid #4a6082;
    line-height: 32px;
}

.inrightList .head {
    width: 754px;
    line-height: 42px;
    border-bottom: 1px solid #ebebeb;
}

.inrightList .head span {
    font-size: 14px;
    color: #adadad;
    line-height: 40px;
}

.inrightList .head span a.last {
    color: #4a6082;;
}

.h-aboutCt {
    width: 760px;
    margin: 0 0 50px 0;
}

.h-aboutCt h1 {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #2b2b2b;
    margin: 14px 0;
}

.inLeftnav li a {
    display: block;
    width: 100%;
    line-height: 48px;
    color: #696969
}

.inLeftnav li a.on {
    background: #effcf0;
    color: #4a6082;
}

.inLeftnav li .downlist span {
    display: inline-block;
    margin: 6px 18px 4px 32px;
    width: 6px;
    height: 2px;
    background: #bdbdbd;
}

.inLeftnav li .downlist {
    border-top: 1px solid #f2f2f6;
}

.h-aboutCt p {
    width: 760px;
    line-height: 28px;
    margin: 12px 0;
}

.realCaseList ul li:nth-child(4n+4) {
    margin-right: 0 !important;
}

.realCaseList ul li {
    width: 24.85%;
    height: 316px;
    float: left;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-right: 0.2%;
    margin-bottom: 0.2%;
}

.inLeftnav li a {
    display: block;
    width: 100%;
    line-height: 48px;
    color: #696969
}

.inLeftnav li a.on {
    background: #effcf0;
    color: #4a6082;
}

.inLeftnav li .downlist span {
    display: inline-block;
    margin: 6px 18px 4px 32px;
    width: 6px;
    height: 2px;
    background: #bdbdbd;
}

.inLeftnav li .downlist {
    margin-top: 0px;
}

.inLeftnav li .downlist li {
    margin-top: 0px;
    width: 100%;
    height: 42px;
    line-height: 42px;
}

.inLeftnav li .downlist li a.active {
    color: #4a6082;
}

.inLeftnav li .downlist li:last-child {
    border: none;
}

.h-aboutCt .map {
    margin-top: 40px;
    width: 752px;
    height: 288px;
    border: 1px solid #dad9d9;
    background: #fff;
}

.inLeftnav li a {
    display: block;
    width: 100%;
    line-height: 48px;
    color: #696969
}

.inLeftnav li a.on {
    background: #effcf0;
    color: #6b91cb;
}

.inLeftnav li .downlist span {
    display: inline-block;
    margin: 6px 18px 4px 32px;
    width: 6px;
    height: 2px;
    background: #bdbdbd;
}

.inLeftnav li .downlist {
    border-top: 1px solid #f2f2f6;
}

.h-aboutCt p {
    line-height: 28px;
    margin: 12px 0;
}

.realCaseList ul li:nth-child(4n+4) {
    margin-right: 0 !important;
}

.realCaseList ul li {
    width: 24.85%;
    height: 316px;
    float: left;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-right: 0.2%;
    margin-bottom: 0.2%;
}

.inLeftnav li a {
    display: block;
    width: 100%;
    line-height: 48px;
    color: #696969
}

.inLeftnav li a.on {
    background: #eff6ff;
    color: #4a6082;
}

/*新闻中心 -- 新闻资讯 -- 列表*/
.h-newsCt {
    width: 1200px;
    margin-bottom: 40px;
}

.h-newsCt li {
    height: 64px;
    line-height: 64px;
    font-size: 14px;
    color: #444;
    border-bottom: solid 1px #f5f5f5;
    clear: both;
    overflow: hidden;
}

.h-newsCt li:hover {
    background: #f9f9f9;
}

.h-newsCt li a span.icon {
    display: inline-block;
    background: #276398;
    width: 5px;
    height: 2px;
    margin: 0px 16px 5px 10px;
}

.h-newsCt li a {
    color: #757575;
    float: left;
    font-size: 15px;
}

.h-newsCt li a:hover {
    color: #4a6082;
}

.h-newsCt li .date {
    margin-right: 5px;
    color: #4a6082;
}

/*新闻详情页*/
.h-newsCt h1 {
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    color: #524f4f;
    margin: 20px 0 50px;
    font-weight: bold;
}

.h-newsCt p {
    line-height: 28px;
    margin: 12px 0;
    color: #777;
    text-indent: 28px;
}


/*资讯详情*/
.Art{
    margin:40px 0 80px;
    border:1px solid #e0e0e0;
    padding:30px 32px 40px;
}
.tabHome{
    margin-bottom: 15px;
}
.tabHome a{
    color: #7e7c7c;padding: 0 4px;
}
.tabHome a.last{
    color: #266498;;
}
.Art h1{
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #5d5b5b;
    line-height: 38px;
}
.Art h2{
    font-size: 13px;
    color: #848484;
    text-align: center;
    line-height: 42px;
    padding-bottom: 12px;
    margin-bottom: 32px;
    background: url(../images/line-btm.jpg) no-repeat center bottom;
}
.Art p{
    line-height: 26px;
    text-indent:2em; 
}

.socialShare{
    float: left;
    margin: 40px 0px 0 0;
}

.sk-nice{
    width:184px;
    float: right;
    margin: 44px 0px 0 0;
    height: 54px;
    line-height: 54px;
}
.sk-nice span{
    color: #929292;
    float: left;
    height: 54px;
    line-height: 54px;
    padding-left: 32px;
    cursor: pointer;
}
.sk-nice span.c1{
    background: url(../images/icon4.jpg) no-repeat 0px 16px;
    margin-right: 34px;
}
.sk-nice span.c2{
    background: url(../images/icon4.jpg) no-repeat 0px -63px;
}
.sk-nice span.c3{
    background: url(../images/icon4.jpg) no-repeat 0px -142px;
}


/*联系我们+地图*/
.h-newsCt .map {
    margin-top: 40px;
    width: 1198px;
    height: 288px;
    border: 1px solid #dad9d9;
    background: #fff;
    margin-bottom: 56px;
}

.main .conTel {
    margin: 36px 0px 50px;
}

.main .conTel h2 {
    color: #4e7ac4;
    font-size: 18px;
    font-weight: bold;
    line-height: 56px;
    border-bottom: 1px solid #4e7ac4;
    padding-left: 24px;
    margin-bottom: 26px;
}

.main .conTel p {
    line-height: 42px;
    font-size: 14px;
    color: #666;
    padding-left: 24px;
}

/*翻页*/
.pageTo {
    text-align: center;
    margin: 62px 0 10px;
}

.pageTo a {
    display: inline-block;
    _zoom: 1;
    _display: inline;
    width: 30px;
    height: 34px;
    padding: 2px 6px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #666666;
    border: 1px solid #d9d9d9;
    margin: 0 4px;
    transition: 1s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

.pageTo a.on {
    color: #fff;
    background: #4a6082;
    border: 1px solid #3f5578;
}

.pagination {
    padding: 20px 0 40px;
    color: #b3b3b3;
    text-align: center;
    margin-bottom: 20px;
}

.word_content .pagination li {
    padding: 0;
    border-top: 0;
}

.pagination .page.current {
    background: #F2F2F2;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.pagination .page.current a {
    color: #888;
}

.pagination .page a {
    color: #b3b3b3;
}
.pagination .page-rl {
    display: inline-block;
    *display: inline;
}

.pagination .btn {
    margin: 0 5px;
    color: #909090;
    cursor:pointer;
    border-radius: 50%;
    border:1px solid #888;
    width: auto;
    display: inline-block;
    *display: inline;
    height: 30px;
    line-height: 28px;
    padding: 0 18px;
    font-size: 14px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    background: #fff;
}
.pagination .page {
    color: #b3b3b3;
    display: inline-block;
    *display: inline;
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    margin-left: 5px;
}
.pagination .page:hover {
    background: #f2f2f2;
    border-radius: 50%;
}


/*搜索*/
button, img, fieldset, input, textarea, select {
    border: 0;
    outline: none;
}
.m-search {
    margin: 0 0 200px;
}
.m-search .searchbox {
    width: 700px;
    margin: 34px auto 80px;
}
.m-search .searchbox .search-input {
    height: 66px;
    line-height: 66px;
    border: 1px solid #e8e8e8;
    margin-bottom: 20px;
    border-radius: 4px;
}
.m-search .searchbox input {
    background: #fff;
    color: #868686;
    font-size: 16px;
    width: 556px;
    height: 66px;
    line-height: 66px;
    padding: 0 16px;
    border-radius: 2px 0 0 2px;
}

.s-btn-b {
    width: 700px;
    height: 52px;
    line-height: 52px;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    padding: 0 10px;
    cursor: pointer;
    color: #ffffff;
    font-size: 17px;
    background: #3678b3;
    border: 1px solid #276398;
}

/*个人中心*/
.perCenterBg{
    background: #f5f5f5;
    padding: 32px 0 50px;
}
.leftBar {
    float: left;
    background: #fff;
    width: 156px;
    margin-right: 24px;
    /* border: 1px solid #efefef; */
    padding: 16px 0;
    border-radius: 8px;
}
.leftBar .first{
    background: #5d8ff2;
    color: #fff;
    font-size: 17px;
    height:50px;
    line-height: 50px;
    padding-left: 22px;
    margin:0;
}
.leftBar li {
    color: #676767;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    /* border-bottom: 1px solid #efefef; */
    padding: 0 19px;
    margin: 11px 0;
    border-left: 2px solid #fff;
    /*background: #fff url(../images/icon2.png) no-repeat 125px -459px;*/
}
.leftBar li.on{
    color: #5d8ff2;
    border-left: 2px solid #1e2023;
}
.leftBar li.on a{
    color: #1e2023;
}
.leftBar li a{
    float: left;
    height: 38px;
    line-height: 38px;
    width: 132px;
}
.file {
    position: absolute; left: 50%;margin-left: -42px;z-index: 9; top: 56px;display: inline-block;padding: 4px 12px;overflow: hidden;
    color: #ffffff;text-decoration: none;text-indent: 0;line-height: 20px; }
.file input {  position: absolute;font-size: 100px;opacity: 0; width: 100%;height: 100%;cursor: pointer; }


.rightBar{
    background: #fff;
    width: 1020px;
    float: left;
}


.rightBar .tx{
    margin: 40px 0 10px;
    text-align: center;
}
.rightBar .tx-none{
    height: 118px;
    margin: 0 auto;
}
.rightBar .tx img{
    width:118px;
    height: 118px;;
    border-radius: 50%;
    border: 4px solid #cbcaca;
}

.head {
    width: 800px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 8px;
}
.head h1{
    font-size: 16px;
    padding-left: 6px;
}

.head span {
    font-size: 14px;
    color: #adadad;
    line-height: 40px;
}

.head span a.last {
    color: #5d8ff2;
}



.content {
    width: 635px;
    background: #fff;
    height: 340px;
    margin: 30px auto 64px;
}
.content .list{
    margin-bottom: 20px;
    line-height: 40px;
}
.content .list span {
    width: 180px;
    height: 40px;
    text-align: right;
    display: block;
    float: left;
    line-height: 40px;
    font-size: 16px;
    color: #1e2023;
    padding-right: 20px;
}
.content .list .inp.active {
    border-bottom: 1px solid #5d8ff2;
}
.content .list .inp {
    width: 280px;
    height: 19px;
    padding: 10px;
    float: left;
    background: #ffffff;
    border-bottom: 1px solid #f7f9fd;
}
.content .list .inp input {
    float: left;
    height: 19px;
    line-height: 19px;
    width: 280px;
    background: #ffffff;
    border: 0;
}
.content .list .label {
    float: left;
    width: 100px;
    display: block;
    cursor: pointer;
}
.content .list .label input {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}
.content .list .label em {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    padding-left: 5px;
}
/*.content .list .textA {*/
/*    width: 270px;*/
/*    height: 90px;*/
/*    line-height: 20px;*/
/*    padding: 15px;*/
/*    background: #f7f9fd;*/
/*    resize: none;*/
/*    overflow: auto;*/
/*    outline: 0;*/
/*    border: 0;*/
/*    float: left;*/
/*}*/
.content .list .btn {
    float: left;
    width: 140px;
    height: 40px;
    background: #1e65ea;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    font-size: 18px;
    border: 0;
    cursor: pointer;
}

#bg{
    width: 100%;
    height: 120%;
    top: 0px;
    left: 0px;
    position: absolute;
    filter: Alpha(opacity=50);
    opacity: 0.5;
    background: #000000;
    display: none;
    z-index: 5;
}
#popbox{
    width: 312px;
    left: 50%;
    top: 260px;
    margin-left: -74px;
    display: none;
    position: fixed;
    z-index: 6;
}
.tcFont{ text-align: center;
    position: absolute;
    top: 82px;
    width: 220px;
    left: 50%;
    margin-left: -110px;}
.tcFont p{
    font-size: 17px;
    color: #4d4d4d;
    line-height: 36px;
    margin-bottom: 12px;
}
.tcFont div{
    font-size: 17px;
    color: #e15671;
    line-height: 26px;
    cursor: pointer;
}
.close{
    position: absolute;
    right: 21px;
    top: 35px;
    width: 60px;
    height: 66px;
}


.titBox .headImg {
    height: 123px;
    width: 123px;
    border: 3px solid #fff;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
}
.titBox .headImg img {
    width: 123px;
    height: 123px;
}
.tx i {
    width: 123px;
    height: 123px;
    background: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 123px;
    color: #fff;
}
.titBox {
    padding: 27px 0;
    text-align: center;
}


/*我的消息*/
.info{
    margin-top: 16px;
}
.info li {
    border: 1px solid #eaeeee;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    margin: 0 0 10px 0;
}
.info li:hover{
    color: #5d8ff2;
    background:#f5f5f5;
}
.info li i.vip {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 10px 10px 0 5px;
    float: left;
    background: url(../images/icon2.png) no-repeat 3px -526px;
}

.info li span {
    height: 50px;
    line-height: 50px;
    float: left;
    width: 680px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.info li em {
    width: 130px;
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 15px;
    height: 50px;
    line-height: 50px;
    text-align: right;
}


/*我的收藏*/
.boxtit {
    height: 52px;
    /* border-bottom: 1px solid #eaeeee; */
    line-height: 52px;
    font-size: 14px;
    color: #949fab;
    padding: 0 20px;
    background: #f7f9fa;
}
.linebox {
    height: 56px;
    border-bottom: 1px solid #eaeeee;
    border-top: 0;
    padding: 11px 19px;
}
.leftcenter {
    width: 650px;
    float: left;
}
.leftcenter .h3 {
    font-size: 16px;
    color: #444d59;
    height: 29px;
    line-height: 29px;
    font-weight: normal;
    margin-bottom: 4px;
}

.leftcenter .h4 {
    height: 27px;
    line-height: 27px;
    color: #949fab;
    font-size: 14px;
    font-weight: normal;
}
.leftcenter span{
    color: #a5a5a5;
    font-size: 13px;
}
.delBtn {
    width: 30px;
    height: 30px;
    background: url(../images/icon2.png) no-repeat 3px -584px;
    float: right;
    position: relative;
    margin-top: 16px;
    cursor: pointer;
}
.delBtn .note {
    height: 26px;
    padding: 0 20px;
    background: #bcc3cb;
    position: absolute;
    right: 40px;
    border-radius: 3px;
    color: #fff;
    line-height: 26px;
    font-size: 12px;
    width: 100px;
    text-align: center;
    display: none;
}
.delBtn .note i {
    width: 4px;
    height: 8px;
    background: url(/img/pc/setup/corrow.png) no-repeat;
    position: absolute;
    right: -4px;
    top: 8px;
}
.page {
    text-align: center;
    margin: 20px 0 0;
}
.page b {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #707a87;
    cursor: pointer;
    margin: 0 5px;
    border-radius: 50%;
    border: 1px solid ##5d8ff2;
}
.page em, .page a {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #707a87;
    cursor: pointer;
    margin: 0 5px;
    border-radius: 50%;
    border: 1px solid #fff;
}
.pageList {
    height: 50px;
    padding-top: 6px;
}

.page em.next, .page a.next {
    background: url(../images/icon2.png) no-repeat 3px -631px;
}


/*期刊列表*/

.in-book{}
.in-book .list:first-child{
    border-top:1px solid #eee;
}
.in-book .list{
    display:block;
    padding: 30px 20px;
    border-top:1px solid #fff;
    border-bottom:1px solid #eee;
    transition: 1s;
    position: relative;
}
.in-book .list:hover{
    border-top:1px solid #3078ff;
    border-bottom:1px solid #3078ff;
    background: #fcfcfc;
}

.in-book .list a .new-text h1{
    display:block;
    color:#000;
    font-size:18px;
    line-height:24px;
}

.in-book .book-pic{
    float: left;
}
.in-book a:hover{
    color: #4c4c4c;
}
.mid-tit{
    width: 780px;
    float: left;
}
.list-mid {
    margin-left: 190px;
}
.list-mid h1{
    color: #545454;
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0;
}
.list-mid span{
    display: block;
    margin: 6px 0;
    color: #666666;
    padding-left: 22px;
}
.in-book p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    padding-top: 2px;
    width: 840px;
    color: #666666;
    line-height: 20px;
}
.list-mid span.i1{
    background: url(../images/icon4.png) no-repeat -1px -119px;
}
.list-mid span.i2{
     background: url(../images/icon4.png) no-repeat -1px -153px;
 }
.list-mid span.i3{
    background: url(../images/icon4.png) no-repeat -1px -181px;
}
.list-mid span.i4{
    background: url(../images/icon4.png) no-repeat -1px -208px;
}


.in-book .book-more{
    font-size: 15px;
    color: #3078ff;
    display: block;
    background: url(../images/tips.png) no-repeat 16px center #e0ecff;
    width: 75px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    padding: 0 0 0 32px;
    margin: 0 auto;
    position: absolute;
    top: 43px;
    right: 33px;
}


/*联系我们*/

.msg{margin-bottom: 2%}
.msg .msg_form{width: 58%;float: left;padding: 0}
.msg .msg_form input[type="text"]{    display: block;
    float: left;
    width: 360px;
    margin-right: 14px;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    color: #999;
    padding: 10px 0 10px 12px;
    margin-bottom: 13px;
    border-radius: 4px;
}
.msg .msg_form #phone{margin-right: 0}
.msg .msg_form textarea{
    width: 670px;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    padding: 12px;
    display: block;
    height: 220px;
    border-radius: 4px;
}
.msg .msg_form input[type="submit"]{
    width: 174px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #1050c9;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    margin-top: 12px;
    background: #1e65ea;
    border-radius: 4px;
}
.msg .msg_form input[type="submit"]:hover{background: #1e65ea;color: #fff}
.msg .pic{width: 36%;float: right;}
.msg .pic img{width: 100%;height: auto}







/*登陆注册*/

#login { height: 100%; background: url(../images/login-bg.jpg) no-repeat center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: auto 120%; }
#login dl { width: 1200px; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 580px; }
#login dl dt { float: left; width: 640px; background: url(../images/login-img.png) no-repeat 0 0; height: 100%; color: #fff; text-indent: 100px; }
#login dl dt h3 { font-size: 36px; margin-top: 150px; }
#login dl dt em { display: block; background: #fff; height: 1px; width: 75px; margin: 10px 0 10px 100px; }
#login dl dt p { text-transform: uppercase; font-size: 13px; }
#login dl dt span { display: block; text-indent: 100px; font-size: 16px; margin-top: 20px; }
#login dl dd { float: right; background: #fff; height: 100%; width: 560px; text-align: center;border-radius: 0px 6px 6px 0 ; }
#login dl dd p { font-size: 32px; text-transform: uppercase; color: #bababa; margin-top: 50px; }
#login dl dd h3 { font-size: 24px; color: #333; }
#login dl dd ul { width: 340px; margin: 0 auto; margin-top: 45px; }
#login dl dd ul li { background: #f0f2f7; border: 1px solid #e6e6e6; height: 44px; border-radius: 3px; margin-bottom: 20px; text-align: left; text-indent: 15px; line-height: 44px; }
#login dl dd ul li input { font-size: 14px; height: 44px; border: none; background: none; margin-left: 10px; width: 294px; color: #333; }
#login dl dd ul li.code { width: 188px; position: relative; }
#login dl dd ul li.code input { width: 138px; }
#login dl dd ul li.code #img_validateCode { position: absolute; top: 3px; left: 200px; }
#login dl dd .loginbtn input { width: 100%; height: 46px; color: #fff; font-size: 18px; border: none; background: url(../images/btn-bg.png) no-repeat center; margin-top: 15px; cursor: pointer; display: block; text-align: center; }
#login dl dd ul li .toPwd { float: left; font-size: 14px; }
#login dl dd ul li .toRegister { float: right; font-size: 14px; color: #00a3ff; }
#login dl dd ul li.register { background: none; border: none; text-indent: 0; background: #fff; border: 0px; }



/*期刊详情 pdf在线*/
.resource-body{background:#f1f1f1;padding:14px 0px;}
.resource-detail,.resource-top{margin:0 auto 14px;width:1200px}
.res-main{float:left;width: 100%;}
.res-link a{color:#666}
.res-link .current{color:#999}
.res-hd{padding-top: 14px;}
.nav-area .list-nav a{}
.nav-area .list-nav a.on{width:180px;background:#89c6ed;color:#0a64a1;font-weight:bold}
.hd-des{float:left;width:72%}
.side-top{position:relative;float:right;width:320px}

.m-read .name{display:block;width:40px;height:48px;cursor:pointer;background:url(../images/res-icon.png) no-repeat -272px -134px}
.m-read:hover .code{display:block;color:#1d7ad9}
.m-read .code{display:none;position:absolute;top:35px;left:-38px;width:118px;padding-bottom:10px;border:1px solid #e5e5e5;background:#fff;text-align:center}
.m-read .code-name{padding-top:10px;display:block;text-align:center;font-size:12px;color:#333;line-height:18px}
.res-con .con-top{position:relative;height:48px;border:1px solid #ddd;border-bottom:none;background:#e7e7e7;}
.res-con .con-top .copyright{position:absolute;top:20px;left:-3px;width:150px;}
.res-con .page{margin:14px auto 0;width:160px}
.res-con .page .btn{width:20px;float:left;height:20px;border:none;background:url(../images/res-icon.png) no-repeat -195px 3px}
.res-con .page .prev{background-position:-178px 3px}
.res-con .page .num{float:left;font-size:12px;color:#666}
.res-con .page .current{width: 28px;
    height: 20px;
    border: none;
    text-align: center;
    background: #e7e7e7;}
.res-con .change-button{position:absolute;right:0;top:0}
.res-con .content-list{background:#fff;border:1px solid #ddd;border-top:none;padding:50px 72px;margin-bottom:3px;min-height:900px}
.res-con .content-list img{width:100%}
.res-con .scanned{margin-top:15px;padding:30px 0 26px;border:1px solid #ddd;text-align:center;font-size:18px;color:#333;background:#fff}
.res-con .scan-tip{display:inline-block;padding-left:26px;background:url(../images/res-icon.png) no-repeat -283px -183px}
.res-con .scan-tool .tool{display:inline-block;margin:0 30px;width:40px;}
.res-con .scan-tool .tool .name{font-size:14px;line-height:20px;color:#666;}
.res-con .scan-tool .tool-icon{position:relative;display:block;width:40px;height:40px;font-size:16px;line-height:40px;color:#666;text-align:center;border-radius:50%;border:1px solid #ddd;cursor:pointer;}
.res-con .scan-tool .tool-icon .icon-hover{position:absolute;top:0;left:0;width:40px;height:40px;opacity:0;filter:alpha(opacity=0);}
.res-con .scan-tool .tool-icon:hover .icon-hover,.res-con .scan-tool .tool-icon.active .icon-hover{opacity:1;filter:alpha(opacity=100);color:#f79520;}
.res-con .scan-tool .tool-icon:hover .icon-shoucang-danse1,.res-con .scan-tool .tool-icon.active .icon-shoucang-danse1{color:#fb5614;}
.res-con .scan-btn,.res-con .scan-tool{margin-top:20px}
.res-con .scan-btn .add-car{background:#f68e11}
.res-con .scan-btn .add-car:hover{background-color:#faa034}
.res-con .scan-btn .download:hover{background-color:#3390ed}
.res-con .scan-btn .btn,.res-con .scan-btn .add-car{display:inline-block;width:140px;height:40px;line-height:40px;margin:0 10px;color:#fff;border:none;background:#1d7ad9;font-size:16px}
.change-button .btn{float:left;width:60px;height:48px;border:none;background:none;cursor:pointer}
.change-button .btn i{display:inline-block;width:22px;height:22px;background:url(../images/res-icon.png) no-repeat -37px 0;vertical-align:middle;}
.change-button .small i{background-position:0 1px}
.change-button .btn.unClick{opacity:.3;filter:alpha(opacity=30);cursor:inherit}
.change-button .limit i{background-position:-76px 0}
.change-button .limit.limitBig i{background-position:-231px 1px}
.res-con .content-list {
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    padding: 50px 72px;
    margin-bottom: 3px;
    min-height: 900px;
}
.preview-main h3 {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin: 0 0 6px;
}
.content-list .preview-main p {
    line-height: 24px;
    margin-bottom: 15px;
    text-indent: 2em;
}
.preview-main p {
    font-size: 14px;
    line-height: 30px !important;
}
.flex-head {
    /*display: none;*/
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    background: #e7e7e7;
    -webkit-box-shadow: 0 1px 2px #000;
    -moz-box-shadow: 0 1px 2px #000;
    box-shadow: 0 1px 2px #000;
}


.flex-head{display:none;position:fixed;width:100%;left:0;right:0;top:0;z-index:9999;background:#e7e7e7;-webkit-box-shadow:0 1px 2px #000;-moz-box-shadow:0 1px 2px #000;box-shadow:0 1px 2px #000}
.flex-head .res-title{margin-top:14px;width:51%;float:left;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flex-head .m-read{position:relative;margin-left:4px;height:48px;width:60px;float:left}
.flex-head .m-read .code{top:51px;left:-52%}
.flex-head .m-read .name{position:absolute;left:0;right:0;top:14px;height:20px;width:15px;padding-left:0;margin:0 auto;background-position:-286px -149px}
.flex-head .m-read:hover .name{background-position:-166px -151px}
.flex-head .m-read .code-name{background:url(../images/res-icon.png) -155px -64px no-repeat}
.flex-head .change-button{float:left}
.flex-head .change-button .btn{float:left;background:#e7e7e7}
.flex-head .side-top{float:right}
.flex-head .side-top .add-car{margin-left:8px}
.flex-head .side-top .download:hover{background-color:#3390ed}
.flex-inner{width:1200px;margin:0 auto}
.change-button .small:hover i{background-position:-165px -118px}
.change-button .big:hover i{background-position:-196px -117px}
.change-button .limit:hover i{background-position:-227px -117px}
.change-button .limitBig:hover i{background-position:-196px -151px}
.top{position:fixed;z-index:100;opacity:0;filter:alpha(opacity=0);height:48px;width:48px;bottom:100px;right:100px;background:#fff url(../images/res-icon.png) no-repeat -147px -190px;border:1px solid #a1a1a1;cursor:pointer}
.top:hover{border:1px solid #1d7ad9;background-position:-207px -190px;background-color:#1d7ad9}
.res-des .collection{float:right;margin-right:20px;line-height:35px;height:35px;cursor:pointer;}
.res-des .collection .icon{display:inline-block;font-size:14px;color:#666;margin-right: 5px;}
.res-des .collection.active .icon-shoucang-xian1:before{content:"\e6db";color:#fb5614;}
.res-des .collection span{display:inline-block;vertical-align:top;font-size:12px;color:#666}
.footer .copyright{border:none;padding-top:0}
.footer{font-size:14px}
.footer .copyright{border:none;padding-top:0}
div#Shade_Div{position:fixed!important}
.copyright-zx{width:320px;height:67px;margin-bottom:20px;}
.hd-des .you{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAARCAYAAACrfj41AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkMxMDgwQUFEMUFBMDExRTdCNzlDOTlFNUEzMUJFOTZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkMxMDgwQUFFMUFBMDExRTdCNzlDOTlFNUEzMUJFOTZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzEwODBBQUIxQUEwMTFFN0I3OUM5OUU1QTMxQkU5NkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzEwODBBQUMxQUEwMTFFN0I3OUM5OUU1QTMxQkU5NkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Oe5WjAAACJElEQVR42sxWOywEQRiedas5jYijJKLzLCR0Co1qGxIK0Uk8ck6iVChEqXASITrNKTRe0VDoFJ6hFiq5k1yUwt2t/5ub2Zud3WW32z/5Mo/9d+b7n7vG90QzC5A5wjaLidQF7FuELRYj8SM6SMgREnEm2kk4ISTDvGz0DDMze+Os6w8++Ii9xMyGSw/PMDrvrRw6ulGJpgjnYgz38pDF7Kcrz35pcYAZLW0OWej8TKY4OZBMWOkaedLDKCGN0cUUY1J4sjNKOHAoSEmxC281suvjHn2QrRuZdubSo+oZQWKKXMyJ3KyR6B9h5uxm9dKdDLMfLt3exIX5V+41ebkafimVy31uEDyHeXlvmY9RxaD2lKUxrT+o33lmrLG1uvjMs5/ZbreFyC0iqnoOewiz/fLoIQNjjI4+TjgovDJN/KIBjzaEsMe1ghdxoU1E1TRgyjpIJAmcIQ0KE34U0wLhznPg7hJ5ssDs4jvNM27aRBIh9BSWkqP/mk5nRG1PX4QxQtEVgvsLCncXK8338rmfV/TCqlwfe9uXaEOe/G5t900PP3216hGzKcLpH1+rQOFtiMLOW9WQ5e9Byk8nbbRuoRahHimdKBM9dI2wGrVFwROy3ejhRTrgOYB55SjrIROmPRnaTwm8eUYY/TdncDm8RyHExbLxY1/9KiFN0ODLx1tcB4XzV34GVb3h8/fURLgltMf9p6Qoiusr7kSZaFcLcSL6K8AAB7fYMDJqOtUAAAAASUVORK5CYII=");background-position:center center;background-repeat:no-repeat;display:inline-block;height:30px;width:42px;}
.add-side{margin-top:15px;height:130px}
.add-side img{width:100%}
.add-side .ad{width:155px;height:130px;}
.res-con .page .num, .flex-head .page .sum {
    display: inline-block;
}


.article {
    padding: 25px 0;
    margin: 25px 0;
}
.article-main {
    background-color: #fff;
    padding: 20px;
    width: 1160px;
    margin-bottom: 20px;
}
.article-relate {
    margin-top:20px;
}
.article-title {
    margin-bottom: 30px;
}

.article-title h1 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 34px;
    float:left;
}
.article-title h1 span {
    margin-left: 5px;
    margin-right: 5px;
}
.article-title h1 span + span {
    margin: 0;
}
.article-title em {
    display: block;
    color: #999999;
    line-height: 16px;
    font-size: 14px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.article-title:hover em {
    color: #333;
}
.article-title .downloaded {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
}

.article-source {
    margin-bottom: 30px;
    clear:both;
}
.article-source a {
    position: relative;
    display: inline-block;
    height: 28px;
    margin-right: 10px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 28px;
    text-decoration: none;
    color: #fff;
    background: #3078ff;
    border-radius: 5px;
}
.article-source a:hover {
    z-index: 10;
}
.article-source a i {
    margin-right: 3px;
}
.article-op {
    position: absolute;
    /* top: 0; */
    right: -5px;
    margin-top: -68px;
    height: 28px;
}
.article-op a {
    overflow: hidden;
    float: left;
    margin: 0 5px;
    width: 28px;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    background: #9a9a9a;
    border-radius: 14px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.article-op a:hover {
    width: 63px;
    text-decoration: none;
    background: #F09E00;
    box-shadow: -2px 0 2px rgba(0,0,0,.3) inset;
}
.article-op i {
    margin: 0 6px;
    font-size: 16px;
}
.article-detail a {
    color: #3c3c3c;
    border-bottom: 1px dotted #808080;
    display:inline-block;
}
.article-detail a:hover {
    text-decoration: none;
}
.article-detail div {
    position: relative;
    margin-bottom: 15px;
    padding-left: 68px;
    font-size: 14px;
    line-height: 22px;
}
.article-detail div:hover em {
    color: #333;
}

.article-detail div.subject > span > span,
.article-detail div.subject > em > span{
    margin-right: 8px;
}

.article-detail div.class span:after {
    display: inline-block;
    margin-left: 1px;
    margin-right: 3px;
    content: ";";
}
.article-detail em {
    display: block;
    margin-bottom: -10px;
    padding: 2px 0;
    font-size: 12px;
    color: #999999;
    line-height: 18px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.article-detail .label {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 58px;
    margin-right: 10px;
    color: #777;
    text-align:justify;
    text-align-last:justify;
}
.article-detail .label:after {
    position: absolute;
    right: -5px;
    margin: 0!important;
    content: ":"!important;
}

/*期刊年月日筛选页面列表*/

.object {
    padding: 25px 0;
}
.object-intro {
    position: relative;
    margin-bottom: 25px;
    padding-left: 5px;
}
.object-title {margin-bottom: 10px;padding-right: 200px;}
.object-title h1 {
    margin-bottom: 3px;

    font-size: 30px;
    line-height: 38px;
}
.object-title em {
    display: block;
    color: #999999;
    line-height: 16px;
}
.object-title .medal {
    position: relative;
    top: -5px;
    height: 28px;
}
.object-title .medal span {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    padding: 0 10px;
    font-size: 14px;
    height: 28px;
    line-height: 26px;
    text-decoration: none;
    text-indent: 0;
    color: #0033a0;
    background: #fff;
    border-radius: 14px;
    border: 1px solid #96abd8;
}


.object-op {
    height: 28px;
    float: right;
    margin-top: -2px;
}
.object-op a {
    overflow: hidden;
    float: left;
    margin: 0 5px;
    width: 28px;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    background: #9a9a9a;
    border-radius: 14px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.object-op a:hover {
    width: 63px;
    background: #F09E00;
    text-decoration: none;
    box-shadow: -2px 0 2px rgba(0,0,0,.3) inset;
}
.object-op i {
    margin: 0 6px;
    font-size: 16px;
}
.object-count {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 24px;
}
.object-count > span {
    margin-right: 30px
}
.object-count a {
    text-decoration: underline;
}

.object-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 235px;
    padding: 15px;
    border: 1px solid #ccc;
    text-align: center;
    background: #fff;
    border-left: 28px solid #CCC;
    border-top: 5px solid #F1F1F1;
}
.object-cover:before {
    position: absolute;
    left: -28px;
    bottom: -1px;
    border-right: 28px solid transparent;
    border-bottom: 5px solid white;
    border-left: 0;
    content: "";
    z-index: 1;
}
.object-cover:after {
    position: absolute;
    right: -1px;
    top: -6px;
    border-left: 28px solid transparent;
    border-top: 5px solid white;
    border-right: 0;
    content: "";
    z-index: 1;
}
.object-cover img {
    width: 175px;
    height: 243px;
}
.object-cover .icon-oa-pic {
    position: absolute;
    right: 0;
    bottom: 20px;
}


.object-cover a {
    position: absolute;
    left: -28px;
    top: 0;
    width: 28px;
    text-align: center;
    padding: 5px;
    font-size: 13px;
    color: #fff;
    /* transform: skewY(11deg); */
}
.object-cover a:hover {
    text-decoration: none;
}
.object-info-content {font-size: 14px;line-height: 22px;overflow: hidden;max-height: 44px;margin-bottom: 10px;}
.object-info-content a {
    display: inline-block;
    margin-left: 2em;
}
.object-intro-list li {
    font-size: 14px;
    line-height: 24px;
}
.object-intro-list li > span:after {
    display: inline-block;
    margin-left: 1px;
    margin-right: 8px;
    content: ";";
}
.object-intro-list .label {
    position: relative;
    display: inline-block;
    width: 58px;
    margin-right: 10px;
    color: #777;
    text-align:justify;
    text-align-last:justify;
}
.object-intro-list .label:after {
    position: absolute;
    right: -5px;
    margin: 0!important;
    content: ":"!important;
}
.object-intro-list .from:after {
    display: none;
}
.object-intro-list .num {
    position: relative;
    margin: 0 3px;
    font-size: 12px;
    top: 2px;
    color: #3c3c3c;
    text-decoration: none;
    vertical-align: bottom;
    border: 0;
}
.object-intro-list .num:after {
    position: absolute;
    left: -3px;
    top: -1px;
    right: -3px;
    bottom: -1px;
    background: #F5F5FA;
    border-radius: 10px;
    content: "";
    z-index: -1;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.object-intro .object-adv1 {
    position: absolute;
    right: 0px;
    top: 7px;
}
.object-intro .object-adv1 a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-right: 5px;
    padding: 0 10px;
    font-size: 14px;
    height: 28px;
    line-height: 26px;
    text-decoration: none;
    text-indent: 0;
    color: #0033a0;
    background: #fff;
    border-radius: 14px;
    border: 1px solid #96abd8;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.object-intro .object-adv1 a:after {
    position: absolute;
    right: -288px;
    top: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    background: #0033A0;
    border-radius: 100%;
    content: "";
    z-index: -1;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.object-intro .object-adv1 a:hover {
    color: #fff;
    border-color: #0033A0;
}

.object-intro .object-adv1 a:hover:after {
    right: 0;
}


.object-tab {
    height: 48px;
    border-bottom: 2px solid #1d65ea;
    margin: 20px auto
}
.object-tab ul {
    display: table;
    width: 1200px;
}
.object-tab li {
    display: table-cell;
    text-align: center;
     /*padding: 0 2px;*/
}
.object-tab li a {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 45px;
    color: #6e6e6e;
    background: #f0f0f0;
    border-radius: 3px 3px 0 0;
}
.object-tab li a:hover {
    text-decoration: none;
}
.object-tab li.tab-this a {
    color: #fff;
    background: #1d65ea;
}

.object-main .search-refine .refine-submit {
    text-align: center;

}
.object-main .search-refine .refine-submit .layui-btn {
    width: 100px;
}
.object-main{
    margin-bottom: 60px;
}
.object-report .report {
    padding-right: 210px;
}
.y-vol .layui-colla-icon {
    display: none;
}
.y-vol .layui-colla-content {
    max-height: 1200px!important;
}
.y-vol .layui-show {
    height: auto;
}

.y-vol .cluster-list .cluster-list {
    padding: 0;
}
.y-vol .cluster-list .cluster-list:before, .y-vol .cluster-list .cluster-list:after {
    display: table;
    clear: both;
    content: "";
}
.y-vol .cluster-list .cluster-list li {
    float: left;
    width: 33.333%;
}
.y-vol .cluster-list .cluster-list li a {
    padding-left: 20px;
    padding-right: 10px;
}
.y-vol .cluster-list .cluster-list li a:before {
    display: none;
}
.y-vol .page  {
    text-align: center;
}
.y-vol .page .layui-laypage a, .y-vol .page .layui-laypage span {
    display: inherit;
    height: inherit;
    line-height: 30px;
    margin: 0;
    padding: 0 7px;
    border: 0;
}
.y-vol .page .layui-laypage .layui-laypage-curr .layui-laypage-em {

    background: transparent;
}
.y-vol .page .layui-laypage .layui-laypage-curr em{
    color: #fff;
    font-weight: bold;
}
.y-vol .page .layui-laypage .layui-laypage-curr .layui-laypage-em{
    background: transparent;
    background-color: #666666;
    color: #fff;
    border-radius: 5px;
    line-height: 17px;
    height: 15px;
    top: 6px;
}

.journal-catalog {

    font-size: 14px;
}
.journal-catalog h2 {
    height: 44px;
    padding: 0;
    font-size: 16px;
    line-height: 43px;
    color: #333;
    background: transparent;
    border: 0;
    /* border-bottom: 1px solid #c5c5c5; */
    width: 400px;
    float: left;
}
.sTit-ser{
    border-bottom: 1px solid #c5c5c5;
}
.journal-catalog h6 {
    margin: 1em 0 0.5em;
    font-size: 18px;
    font-weight: bold;
}
.journal-catalog li {
    overflow: hidden;
    margin: 0.8em 0;
    line-height: 22px;
    background: url(../images/catalog-point.gif) left top;
}
.journal-catalog .title {
    font-size: 14px;
    margin-right: 2em;
    padding-right: 5px;
    background: #fff;
}
.journal-catalog .title a {
    color: #555;
    /*text-decoration: underline;*/
}
.journal-catalog .title a i{
    color: #5d8ff2;
}
.journal-catalog tt {
    float: right;
    *margin-top: -22px;
    _margin-top: -22px;
    padding-left: 5px;
    font-size: 12px;
    color: #777;
    background: #fff;
}
.journal-catalog .pages {
    padding: 0;
}

.journal-info {
    font-size: 14px;
}

.search-left {
    float: left;
    width: 240px;
}
.search-cluster .layui-collapse {
    border: 0;
}
.search-cluster .layui-colla-item {
    border: 0;
    position: relative;
    padding-bottom: 25px;
    width: 240px;
    margin: 0 20px 10px 0;
}
.search-cluster .layui-colla-title {
    position: static;
    overflow: inherit;
    height: 44px;
    padding: 0;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 44px;
    color: #424242;
    background: transparent;
    text-align: center;
    border: 0;
    border-bottom: 1px dotted #c5c5c5;
}
.search-cluster .layui-colla-title:after {
    position: absolute;
    left: 50%;
    top: 40px;
    width: 30px;
    height: 9px;
    margin-left: -15px;
    background: url(../images/icon-vip.png) #fff center no-repeat;
    content: "";
}
.search-cluster .layui-colla-icon {
    left: 0;
    right: 0;
    color: #656565;
    top: auto;
    bottom: 0;
    height: 20px;
    border-radius: 3px;
    line-height: 20px;
    border: 1px solid #ccc;
}
.search-cluster .layui-colla-content {
    display: block;
    overflow: hidden;
    max-height: 170px;
    padding: 5px 0;
    border: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.search-cluster .layui-colla-content.layui-show {
}
.search-cluster .layui-input {
    height: 30px;
    padding-left: 5px;
}
.search-cluster .layui-btn {
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    font-size: 12px;
}
.search-cluster .layui-btn + .layui-btn {
    margin-left: 7px;
}
.cluster-term {
}
.cluster-term li,
.cluster-list .select-this {
    height: 30px;
    margin-bottom: 4px;
    line-height: 30px;
    background: #ededf7;
    border-radius: 5px;
}
.cluster-term li:last-child {
}
.cluster-term li .cluster-name,
.cluster-list .select-this .cluster-name {
    padding: 0 10px;
}
.cluster-term li .cluster-name {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 218px;
    height: 30px;
    padding-right: 5px;
}
.cluster-term li .cluster-close {
    float: right;
    padding: 0 5px;
    cursor: pointer;
}
.cluster-term li .cluster-close:hover {
    text-decoration: none;
}
.search-refine {
    padding-bottom: 0 !important;
}
.search-refine .layui-colla-content {
    overflow: inherit;
    display: block;
    height: auto;
    max-height: inherit !important;
}
.search-refine .layui-icon {
    display: none;
}
.search-refine .refine-line,
.search-refine .refine-submit {
    margin: 10px 0;
    text-align: center;
}
.search-refine .refine-line:before,
.search-refine .refine-line:after {
    display: table;
    clear: both;
    content: "";
}
.search-refine .refine-sel,
.search-refine .refine-input {
    float: left;
}
.search-refine .refine-sel {
    width: 90px;
    height: 30px;
}
.search-refine .refine-sel .layui-form-select dl {
    top: 35px;
    bottom: auto;
    text-align: left;
}
.search-refine .refine-sel .layui-form-select dl dd {
    padding: 0 5px;
}
.search-refine .refine-sel .layui-form-select .layui-input {
    padding-right: 20px;
}
.search-refine .refine-input {
    width: 151px;
    margin-left: -1px;
}
.search-refine .refine-submit .layui-btn {
    min-width: 114px;
    background: #fff;
    color: #15508c;
    border: 1px solid #15508c;
}



.y-vol .layui-colla-icon {
    display: none;
}
.y-vol .layui-colla-content {
    max-height: 1200px!important;
}
.y-vol .layui-show {
    height: auto;
}

.y-vol .cluster-list .cluster-list {
    padding: 0;
}
.y-vol .cluster-list .cluster-list:before, .y-vol .cluster-list .cluster-list:after {
    display: table;
    clear: both;
    content: "";
}
.y-vol .cluster-list .cluster-list li {
    float: left;
    width: 33.333%;
}

.y-vol .page  {
    text-align: center;
}
.y-vol .page .layui-laypage a, .y-vol .page .layui-laypage span {
    display: inherit;
    height: inherit;
    line-height: 30px;
    margin: 0;
    padding: 0 7px;
    border: 0;
}
.y-vol .page .layui-laypage .layui-laypage-curr .layui-laypage-em {

    background: transparent;
}
.y-vol .page .layui-laypage .layui-laypage-curr em{
    color: #fff;
    font-weight: bold;
}
.y-vol .page .layui-laypage .layui-laypage-curr .layui-laypage-em{
    background: transparent;
    background-color: #666666;
    color: #fff;
    border-radius: 5px;
    line-height: 17px;
    height: 15px;
    top: 6px;
}

.journal-catalog {

    font-size: 14px;
}

.journal-catalog li {
    overflow: hidden;
    margin: 0.8em 0;
    line-height: 22px;
    background: url(../images/catalog-point.gif) left top;
}

.journal-catalog .pages {
    padding: 0;
}
.journal-info, .search-list {
    padding: 10px 0 60px;
}
.journal-info {
    font-size: 14px;
}
.info-left {
    float: left;
    width: 240px;
}
.info-main {
    float: right;
    width: 935px;
}


.info-box {
    margin-bottom: 20px;
}
.info-box .title {
    position: relative;
    height: 40px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
}
.info-box .title h2 {
    position: relative;
    bottom: -1px;
    float: left;
    padding: 0 5px;
    font-size: 18px;
    line-height: 37px;
    border-bottom: 3px solid #15508c;
}
.info-box .title .op {
    position: absolute;
    right: 0;
    line-height: 40px;
}
.info-box .title .op a {
    margin: 0 10px;
    color: #999;
}
.info-box .title .op .show-this {
    color: #333;
    font-weight: bold;
}
.info-box .info-content {
    line-height: 22px;
}
.info-box .label {
    position: relative;
    display: inline-block;
    width: 58px;
    margin-right: 10px;
    color: #777;
    text-align: justify;
    text-align-last: justify;
}
.info-list ul:before, .info-list ul:after {
    display: table;
    clear: both;
    content: "";
}
.info-list li {
    position: relative;
    float: left;
    width: 45%;
    margin-right: 5%;
    line-height: 24px;
    padding: 3px 0;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.info-list li:before {
    position: absolute;
    width: 3px;
    height: 3px;
    left: 8px;
    top: 50%;
    margin-top: -1px;
    background: #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}
.info-list.l1 li {
    width: 100%;
    padding-left: 0;
    overflow: inherit;
    white-space: inherit;
}
.info-list.l1 li:before {
    display: none;
}
.info-list.l1 li {
    position: relative;
    padding-left: 72px;
}
.info-list.l1 li .label {
    position: absolute;
    left: 0;
    top: 3px;
    display: inline-block;
    width: 62px;
    margin-right: 10px;
    color: #777;
    text-align: justify;
    text-align-last: justify;
}
.info-list.l1 li.issn .label:after,
.object-intro-list li.issn .label:after {
    right: -40px;
    content: ": ISSN"!important;
}
.info-list.l1 li.cn .label:after,
.object-intro-list li.cn .label:after {
    right: -29px;
    content: ": CN"!important;
}


.info-list.l1 li.issn .label:after {
    right: -35px;
}
.info-list.l1 li.cn .label:after {
    right: -26px;
}

.info-list.l1 li.issn {
    padding-left: 170px;
}
.info-list.l1 li.cn {
    padding-left: 159px;
}
.info-list.l1 li.issn .label {
    width: 130px;
    margin-right: 45px;
    letter-spacing: -1px;
}
.info-list.l1 li.cn .label {
    width: 130px;
    margin-right: 45px;
    letter-spacing: -1px;
}
.object-intro-list li.issn .label{
    width: 140px;
    margin-right: 45px;
}
.object-intro-list li.cn .label {
    width: 140px;
    margin-right: 34px;
}
/*对象  期刊*/
.journal .object-intro {
    min-height: 277px;
    padding-left: 260px;
}
.journal .object-title h1{
    text-indent: -.45em;
}

/*电子出版*/
.epub .info-main {
    width: 940px;
}
.epub .object-op {
    margin-top: -60px;
}
.epub .object-intro {
    min-height: inherit;
    margin-bottom: 5px;
}
.epub .object-intro-list:before, .epub .object-intro-list:after {
    display: table;
    content: "";
    clear: both;
}
.epub .object-intro-list li {
    float: left;
    width: 50%;
    padding-right: 20px;
}
.epub .object-info-content {
    max-height: inherit;
}
.epub .cluster-list .cluster-item {
    position: relative;
    margin-bottom: 5px;
    padding-left: 70px;
}
.epub .cluster-list .cluster-item a {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    padding-right: 10px;
    font-weight: bold;
}
.epub .cluster-list .cluster-list {
    display: inline-block!important;
}
.epub .cluster-list .cluster-item  .cluster-item {
    display: inline-block;
    height: 30px;
    padding: 0;
    vertical-align: bottom;
}
.epub .cluster-list .cluster-item  .cluster-item a {
    position: relative;
    width: 30px;
    padding: 0 5px;
    text-align: center;
    font-weight: lighter;
    color: #555;
}
.epub .cluster-list .cluster-item  .cluster-item a:before {
    display: none;
}
.epub .cluster-list .cluster-item  .cluster-item a.show-this {
    top: -1px;
    border-color: #999;
    z-index: 2;
}
.epub .cluster-list .cluster-list  .cluster-list .cluster-item a.show-this {
    top: -1px;
    color: #fff;
    background-color: #0033a0;
    border-color: #0033a0;
}
.epub .cluster-list .cluster-list .show-more .cluster-list {
    display: inline-block!important;
}
.epub .cluster-list .cluster-list .cluster-list {
    display: none!important;
    overflow: hidden;
    position: relative;
    top: -9px;
    left: -37px;
    margin-right: -37px;
    padding: 2px;
    padding-left: 35px;
    background: #fafafa;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    white-space: nowrap;
    vertical-align: bottom;
    z-index: 1;
    transition: all .3s;
    -webkit-transition: all .3s;
}


.epub .cluster-list .cluster-list .cluster-list li {
    margin-bottom: 0;
    vertical-align: bottom;
}
.epub .journal-catalog {
    padding: 0 10px;
}
.epub .journal-catalog h2 {
    font-weight: bold;
}
.epub .journal-catalog .title {
    border-bottom: 0;
    margin-bottom: 0;
}

.search-cluster .layui-colla-title {
    position: static;
    overflow: inherit;
    height: 44px;
    padding: 0;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 44px;
    color: #424242;
    background: transparent;
    text-align: center;
    border: 0;
    border-bottom: 1px dotted #c5c5c5;
}
.search-main {
    float: right;
    width: 930px;
}
.search-main2 {
    float: right;
    width: 1200px;
}
.in-book2 .list{
    display:block;
    transition: 1s;
    position: relative;
}

.in-book2 .list a .new-text h1{
    display:block;
    color:#000;
    font-size:18px;
    line-height:24px;
}

.in-book2 .book-pic{
    float: left;
}
.in-book2 a:hover{
    color: #4c4c4c;
}

.in-book2 .book-more{
    font-size: 15px;
    color: #3078ff;
    display: block;
    background: url(../images/tips.png) no-repeat 16px center #e0ecff;
    width: 75px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    padding: 0 0 0 32px;
    margin: 0 auto;
    position: absolute;
    top: 43px;
    right: 33px;
}

.cluster-list .cluster-item a:hover {
    border-color: #e5e5e5;
    text-decoration: none;
}

.y-vol .cluster-list .cluster-list li {
    float: left;
    width: 33.333%;
}
.y-vol .cluster-list .cluster-list li a {
    padding-left: 20px;
    padding-right: 10px;
}
 .cluster-item a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 75px;
    color: #000;
    border: 1px solid #fff;
    border-radius: 5px;
     height: 32px;
     line-height: 32px;
}

.cluster-list .cluster-item a:before {
    position: absolute;
    width: 3px;
    height: 3px;
    left: 8px;
    top: 50%;
    margin-top: -2px;
    background: #cccccc;
    -webkit-transform: rotate(
            45deg);
    transform: rotate(
            45deg);
    content: "";
}

.cluster-list .cluster-item a:hover {
    border-color: #e5e5e5;
    text-decoration: none;
}

.cluster-list .cluster-item a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 75px;
    color: #000;
    border: 1px solid #fff;
    border-radius: 5px;
}
.cluster-list .cluster-item a:before {
    position: absolute;
    width: 3px;
    height: 3px;
    left: 8px;
    top: 50%;
    margin-top: -2px;
    background: #cccccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}
.cluster-list .cluster-item a:hover {
    border-color: #e5e5e5;
    text-decoration: none;
}
.cluster-list .cluster-item a:hover:before {
    background: #333333;
}
.cluster-list .cluster-item a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 75px;
    color: #000;
    border: 1px solid #fff;
    border-radius: 5px;
}
.search-cluster .layui-colla-title:after {
    position: absolute;
    left: 50%;
    top: 40px;
    width: 30px;
    height: 9px;
    margin-left: -15px;
    background: url(../images/icon-vip.png) #fff center no-repeat;
    content: "";
}