/* ---------- 期刊出版 ---------- */
@media only screen and (max-width: 912px) {
    .periodical li {
        width: 95% !important;
    min-width: 95% !important;
    max-width: 95% !important;
    }
    .book li {
    width: 48% !important;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin: 10px 1%;
}
.book li .t {
   
    line-height: 20px !important;
    font-size: 0.8rem;
    padding: 1rem 0;
    overflow: hidden;
    max-width: 100%;
    
}
.pc{
    display: none !important;
}

}




.periodical ul {width: 100%;display: flex; flex-wrap: wrap; }
.periodical ul:after {
    content: "";
    width: calc((100% - 120px) / 4);
}

.periodical li {flex: 1; margin-right:30px;
	width: calc((100% - 120px) / 4);
	min-width: calc((100% - 120px) / 4);
	max-width: calc((100% - 120px) / 4);overflow:hidden; position:relative; border:#f3f3f3 1px solid; margin-bottom:30px; padding:20px; box-sizing:border-box;
}
.periodical li:nth-child(4n){margin-right: 0;}
.periodical li .pic {overflow:hidden;}.periodical li .pic img {width:100%}
.periodical li .t {line-height:26px; text-align:left; padding:20px 0; padding-bottom: 0; box-sizing:border-box; color:#333; font-size:20px; width:100%;}
.periodical li .t .text {margin-bottom:20px; font-size:22px;}
.periodical li .t p {font-size:16px; line-height:32px; color:#656565;}
.periodical li .more {margin-top:20px; margin-bottom:10px;font-size: 16px; color: #01245e;}

.periodical li:hover { border:#e0e0e0 1px solid;}
.periodical li:hover .more {color:#e6802d;}
.periodical li .time { background:#e6802d; display:none; padding:10px; box-sizing:border-box; text-align:center; position:absolute; right:30px; bottom:109px; color:#fff; width:90px; height:140px;}
.periodical li .time .m {font-size:36px; line-height:60px; height:60px; text-align:center; width:100%; display:block; border-bottom:#f3c096 1px solid; color:#fff;}
.periodical li .time .y {font-size:26px; line-height:60px; display:block; width:100%; color:#fff;}


/* ---------- 图书出版 ---------- */
.book li {width:23%;  border-radius:10px; overflow:hidden; position:relative; margin:10px 1%;}
.book li:last-child {margin-right:0;}
.book li .t { background:rgba(0,0,0,0.8); line-height:60px; text-align:center; position:absolute; bottom:0; color:#fff; width:100%;}
.book li .info { background:rgba(2,36,96,0.8); padding-top:150px; box-sizing:border-box; text-align:center; color:#fff; display:flex; position:absolute; bottom:0; color:#fff; width:100%; height:100%; display:none; line-height:36px;}
.book li img {width:100%}
.book li .info p {color:#fff;}
.book li .info img {width:30px; margin-top:40px;}
.book li:hover .info {display:block;}
.book li:hover .t {display:none;}

/* ---------- 合作伙伴 ---------- */
.partner { height:auto; background:#f9f9f9; overflow:hidden; clear:both;}
.partner .t { text-align:center; color:#6b6766; font-size:48px; font-weight:bold;}
.partner .t p {font-size:30px; margin:20px 0; color:#fff; font-weight:normal;}
.partner .content {color:#e0e0df; line-height:32px; text-align:center; padding:20px 140px; font-size:16px;}
.partner ul {height:auto; padding:20px 0; margin-top:20px;}
.partner li {width:20%;border:#dddddd 1px solid; overflow:hidden; margin-left:-1px; margin-bottom:-1px; -moz-box-sizing: border-box;box-sizing: border-box; text-align:center; padding:0px; float:left; cursor:pointer;}
.partner li img {max-width:100%;}


/* ---------- 新闻资讯 ---------- */
/*新闻展示左侧*/
.news-left{float: left; width: 450px;box-sizing: border-box;}
.news-content{width: 100%;}
.news-left .left-category ul li{height: 50px;line-height: 50px;font-size: 20px; cursor: pointer;color: #999999;}
.news-left .left-category ul li.on{color: #022460;}
.news-left .left-category ul li:hover{color: #022460;}
.news-left .more {
  font-size: 14px; display:inline-block; margin-top:40px;
  border-radius: 50px;
  padding: 10px 30px;
  border: #999999 1px solid;
  font-weight: normal;
}
.news-left .more img {width:10px; margin-left:10px;}

/*新闻展示右侧*/
.news-right{display: none; width:100%;}
.news-right ul {flex-wrap: wrap;}
.news-right ul li{flex-wrap: wrap; width:33.333%; padding:80px 50px; border-left: 1px solid #eeeeee; box-sizing: border-box; transition: all .3s linear;}
.news-right ul li:nth-child(3n){margin-right:0;}
.news-right ul li .img{width:100%;height:auto;overflow: hidden; border-radius:10px;}
.news-right ul li .time {font-size:16px; color:#999; margin-bottom:20px;}
.news-right ul li .t {font-size:18px; font-weight:bold; margin-bottom:20px;height: 54px;overflow: hidden;}
.news-right ul li img{width:100%;}
.news-right ul li img:hover {opacity:0.8}
.news-right ul li p{height: auto;line-height: 30px; margin-top:20px; font-size: 16px; color: #666;}
.news-right ul li .more img {width:28px; margin-top:50px; margin-bottom:50px;}
.news-right.active{display: block;}
.news-right ul li:hover{}


/* ---------- 关于我们 ---------- */
.about {border-top:#eeeeee 1px solid; display:flex; justify-content: space-between;}
.about .left {width:50%;}
.about .left img {max-width:100%;}
.about .right {width:50%; padding:100px; box-sizing:border-box; background: url(../images/aboutbg.jpg) no-repeat center; background-size:cover;}
.about .right .t {font-size:60px; font-weight:bold; color:#ecedf0;}
.about .right .t p {font-size:36px; color:#022460; margin-bottom:50px;}
.about .right .text {font-size:16px; line-height:34px;}

.youshi {position:absolute; padding:50px 100px; text-align:center; box-sizing:border-box; bottom:0; display:flex; justify-content: space-between; align-items: center; background:#fff; right:0; width:100%; height:260px; font-size:20px; color:#333;}
.youshi img {display:block; clear:both; margin:0 auto; margin-bottom:10px;}
.youshi p {font-size:16px; color:#999;}


/* ---------- 子页banner ---------- */
.banner {max-width:100%; height:594px; padding:65px; box-sizing:border-box; overflow:hidden;}
.banner .title {color:#fff; font-size:48px; margin-top:160px; text-transform:uppercase; font-weight:bold; margin-bottom:0px;}
.banner .text {color:#efefef; font-size:36px; text-transform:uppercase;}

.b1 {background: url(../images/aboutbanner.jpg) no-repeat center; background-size:cover;}
.b2 {background: url(../images/bookbanner.jpg) no-repeat center; background-size:cover;}
.b3 {background: url(../images/informationbanner.jpg) no-repeat center; background-size:cover;}
.b4 {background: url(../images/aboutbanner.jpg) no-repeat center; background-size:cover;}
.b5 {background: url(../images/newsbanner.jpg) no-repeat center; background-size:cover;}
.b6 {background: url(../images/contactbanner.jpg) no-repeat center; background-size:cover;}

/* 子页关于我们 */
.about2 { display:flex; justify-content:space-between;align-items:center; height:auto; overflow:hidden;}
.about2 .left .t {font-size:36px; font-weight:bold;}
.about2 .left { padding:50px; box-sizing:border-box; line-height:35px; text-align: justify;}
.about2 .info .text {color:#999;}
.youshi2 {padding:50px 100px; width:100%; text-align:center; box-sizing:border-box; display:flex; justify-content: space-between; align-items: center; background:#fff; height:260px; font-size:20px; color:#333;}
.youshi2 img {display:block; clear:both; margin:0 auto; margin-bottom:10px;}
.youshi2 p {font-size:16px; color:#999;}

.culture {background: url(../images/culturebg.jpg) no-repeat center;padding:80px 10%; box-sizing:border-box; background-size:cover; height:700px;}
.culture .tit {text-align:center; color:#fff; font-size:40px;}
.culture .tit:after {content:''; display:block; position:relative; width:50px; margin:0 auto; height:2px; background:#fff; top:14px;transition:all .3s;}
.culture .left {color:#fff; font-size:38px; font-weight:bold; float:left; width:50%; display:inline-block; padding:50px 100px 50px 0; box-sizing:border-box; border-right:#8285a3 1px solid;}
.culture .right {color:#fff; font-size:38px; font-weight:bold; float:right; width:50%; display:inline-block; padding:50px 0 50px 100px; box-sizing:border-box;}
.culture p {font-size:24px; margin-top:40px; color:#fff; font-weight:normal; line-height:45px;}


/* ---------- 出版 ---------- */
.book2 .tit {text-align:center;}
.book2 ul {width: 100%;display: flex; flex-wrap: wrap; margin-bottom:30px}
.book2 li { width: 23%;
    margin: 1%; box-sizing:border-box;
	border-radius:10px; overflow:hidden; position:relative; border:#efefef 1px solid; margin-bottom:30px;
}
.book2 li:nth-child(5n){margin-right: 0;}
.book2 li {height:440px; border-radius:10px; overflow:hidden; position:relative;}
.book2 li .t { background:rgba(0,0,0,0.8); line-height:60px; text-align:center; position:absolute; bottom:0; color:#fff; width:100%;}
.book2 li .info { background:rgba(2,36,96,0.8); padding-top:150px; box-sizing:border-box; text-align:center; color:#fff; display:flex; position:absolute; bottom:0; color:#fff; width:100%; height:100%; display:none;}
.book2 li .info p {color:#fff;}
.book2 li img {width:100%;}
.book2 li .info img {width:30px; margin-top:40px;}
.book2 li:hover .info {display:block;}
.book2 li:hover .t {display:none;}
.pagination{
    display: block;
}
.pagination li{
    padding: 5px 15px;
    margin: 10px;
    height: auto;
    max-width: 40px;
    text-align: center;
    float: left;
    
}
.pagination li a {
    color: #f97a18;
}
.pagination li a:hover{
    text-decoration: underline;
}
.pagination li.active span{
    color: #fff;
}
.pagination li span{
    color: #666666;
}


/* ---------- 新闻子页列表 ---------- */
.newslist ul {width: 100%;display: flex; flex-wrap: wrap; justify-content:space-between;}
.newslist li {flex: 1;
	width: calc((100% - 100px) / 3);
	min-width: calc((100% - 100px) / 3);
	max-width: calc((100% - 100px) / 3);overflow:hidden; position:relative; margin-bottom:30px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.newslist li:nth-child(3n){margin-right: 0;}
.newslist li .pic {height:auto; overflow:hidden; border-radius:10px;}
.newslist li .t {line-height:26px; text-align:left; padding:20px; box-sizing:border-box; border-bottom:#dddddd 1px solid; color:#333; font-size:20px; width:100%;}
.newslist li .t .text {margin-bottom:20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newslist li .more {margin-top:20px; margin-bottom:20px; color:#999;}
.newslist li .more img {width:30px; margin-right:10px;}
.newslist li:hover .t {border-bottom:#022460 1px solid;}
.newslist li:hover {box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}

/* ---------- 信息指南子页列表 ---------- */
.information li {width: 100%;display: flex; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); margin-bottom:48px;}
.information li .pic {width:400px; height:260px; margin-right:20px; overflow:hidden;}
.information li .intro {padding:30px; box-sizing:border-box;}
.information li .intro .t {font-size:20px; font-weight:bold; margin-bottom:10px;}
.information li .intro .more {font-size:16px; color:#999; margin-top:40px;}
/* ---------- 联系我们 ---------- */
.contact .left {float:left; width:50%;}
.contact .right {float:right; width:50%;}
.contact .right p {line-height:36px;}
.contact .right .t {font-size:40px; font-weight:bold;}
.contact .right .t:after {content:''; display:block; position:relative; width:50px; height:2px; background:#1160b7; top:14px;transition:all .3s;}
.contact .right .text {font-size:18px; color:#666;margin-top:20px; margin-bottom:20px;}
.contact .right .text p { font-size:48px; color:#333; font-weight:bold; margin-top:20px; border-bottom:#ccc 1px dotted; padding-bottom:30px;}
.contact .right .t2 {font-size:18px; font-weight:bold; margin-top:30px;}
.contact .right .ewm {float:left; margin-right:40px; text-align:center;}
.contact .right .ewm img {width:150px; padding:5px; margin-top:20px; border:#efefef 1px solid;}

.contact2 {background: url(../images/contactbg.jpg) no-repeat center; margin-top:80px;}
.contact2 .tit {font-size:40px; color:#fff; margin-bottom:50px; text-align:center;}
.contact2 .tit p {font-size:18px; margin-top:20px; font-family:"Microsoft Yahei"}
.contact2 .search2 {text-align:center;display: flex; justify-content: center;}
.contact2 .search2 input{width:300px;height:20px;font-size:14px;line-height:20px;color:#333;padding:15px 20px;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;outline:none}
.contact2 .search2 .search-btn{display:inline-block;margin-left:6px; font-size:26px; cursor:pointer;color:#FFF;background-color:#e6802d;width:100px; line-height:50px}
.contact2 .search2 .search-btn:hover{text-decoration:none}
@media (min-width:768px) and (max-width: 5000px) {
    .mobile{
        display: none;
    }
}

/******** 1160px ********/
@media (min-width:1200px) and (max-width:1300px){
.search {display:none;}
#header .right2 {width:auto;}
.news-right ul li {padding:20px;}



.about .right {padding:20px;}
.about .right .t {font-size:30px;}
.about .right .t p {margin-bottom:10px; font-size:30px; margin-bottom:20px}


.about .right .text {font-size:14px; line-height:30px;}





.youshi {width:80%; padding: 15px; height:auto; font-size:16px}

.youshi img { max-height:60px}
.youshi p {font-size:14px;}



.about2 .left {
  padding: 25px;
  line-height: 30px;
  flex: 1;
}
.about2 .right {flex:1; }
.about2 .right img {max-height:50px}
.culture p {font-size:20px;}
.contact .left img {max-width:85%; margin-top:10%;}

}


/******** 1160px ********/
@media (min-width:1301px) and (max-width:1439px){
.search {display:none;}
#header .right2 {width:auto;}
.news-right ul li {padding:20px;}



.about .right {padding:30px;}
.about .right .t {font-size:50px;}
.about .right .t p {margin-bottom:20px;}
.youshi {width: 100%; padding: 22px 20px; height:auto;}
.about2 .left {
  padding: 25px;
  line-height: 30px;
  flex: 1;
}
.about2 .right {flex:1}
.about2 .right img {max-height:360px}
.culture p {font-size:20px;}
.contact .left img {max-width:85%; margin-top:10%;}


}



@media (min-width:1440px){
.search {display:none;}
#header .right2 {width:auto;}
}