@import "base.css";
:root{--animate-duration:.3s;--animate-delay:.3s;--animate-repeat:1}
.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}

.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
body{overflow-x:hidden;visibility:hidden}
section,.w1200{max-width:1200px;margin:0 auto}

.cover_bg,.cover_img div{background-position:50%;background-repeat:no-repeat;background-size:cover}
.cover_img{position:relative;overflow:hidden}
a:hover .cover_img div,.cover_img:hover div{-webkit-transform:scale(1.1);transform:scale(1.1)}
.slick_books a:hover .cover_bg{-webkit-transform:scale(1.05);transform:scale(1.05)}
.slick_forum a:hover .cover_img div,.slick_forum .cover_img:hover div{-webkit-transform:scale(1);transform:scale(1)}
.cover_img div{position:absolute;top:0;left:0;width:100%;height:100%}

.a{-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px)}

header{position:fixed;top:0;left:0;right:0;background:#0e60a6;z-index:9999}
.t_logo{max-width:32%}
.t_logo img{max-height:100px}

.my_library{padding:0 24px;line-height:36px}
.my_library input{background: none;border: none;color: #fff;width: 120px;}
.my_library em{position:relative;z-index:3}
.my_library em img{display: inline-block;margin-top: 6px;float: right;margin-top: 3px;}
.my_library:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;border-top:36px solid #bc945b;border-left:10px solid transparent;border-right:10px solid transparent;height:0}
.i_user{width:14px;height:16px;background:url('../images-new/user.png') 50% no-repeat;vertical-align:-2px;margin-right:8px}

header section{position:relative;background:url(../images/t_bg.jpg) calc(100% - 110px) 50% no-repeat;height:120px}

/*search*/
.search_wrap{position:fixed;left:0;top:0;width:100%;height:100%;color:#666;transition:all 0.5s;z-index:99999;display:none}
.search_wrap .search_box{position:fixed;width:80%;max-width:660px;z-index:999;z-index:3;display:none}
.search_wrap .i_txt{width:100%;height:50px;position:relative;border:none;background:none;padding:0 96px 0 15px;background:#fff;font-size:16px}
.search_wrap .submit{position:absolute;top:0;right:0;width:80px;height:50px;cursor:pointer}
.search_wrap .close{position:fixed;right:5%;top:8%;width:32px;height:32px;background:url() no-repeat center;background-size:cover;cursor:pointer;transition-duration:.5s;z-index:9999}
.search_wrap .close:hover {transform:rotate(90deg)}
.search_wrap .bck{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:3}


.t_nav{z-index:6}
.t_nav li{display:inline-block;position:relative;font-size:16px;vertical-align:top}
.t_nav h3{font-weight:normal;position:relative;z-index:3}
.t_nav h3 a{font-size:16px;line-height:56px;padding:0 29px;background-size:0}
.t_nav .on h3 a{color:#bc945b;font-weight:700}
.t_nav .on h3 a:before,.t_nav .on h3 a:after{content:'';position:absolute;bottom:0}
.t_nav .on h3 a:before{left:24px;right:24px;background:#bc945b;height:3px}
.t_nav .on h3 a:after{border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #bc945b transparent;bottom:3px;left:50%;margin-left:-6px}
.t_nav a{display:block;color:#fff}
.t_nav .sub_nav{position:absolute;top:56px;left:0;min-width:100%;font-size:15px;display:none;padding:20px 0 30px;background:rgba(0,0,0,.5);
	background:-webkit-gradient(left top, left bottom, color-stop(100%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0)));
	background:-webkit-linear-gradient(top, rgba(0,0,0,.6) 0%, rgba(0,0,0,.3) 80%, rgba(0,0,0,0) 100%);
	background:linear-gradient(to bottom, rgba(0,0,0,.6) 0%, rgba(0,0,0,.3) 80%, rgba(0,0,0,0) 100%)}
.t_nav .sub_nav a{padding:10px;color:#fff;font-size:14px}
.t_nav .sub_nav a:hover{background:#0e60a6}



/* Slick Slider */
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer; cursor:hand}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)}
.slick-track{position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto}
.slick-track:before, .slick-track:after{display:table; content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none; float:left; height:100%; min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-arrow{cursor:pointer}

.slick_bar{position:relative;margin-top:120px;z-index:99}
.slick_bar .cover_bg{display:block;padding-top:22.642%;position:relative}

.slick_bar .slick-arrow{position:absolute;top:0;width:50px;height:100%;background:url('../images/bar_prev.png') 0 50% no-repeat;opacity:.6;z-index:999}
.slick_bar .slick-prev{left:10px}
.slick_bar .slick-next{right:10px;background:url('../images/bar_next.png') right 50% no-repeat}
.slick_bar .slick-arrow:hover{opacity:1}

.search_book{padding:42px 0 46px;background:rgba(0,0,0,.3);width:840px;margin:0 auto;max-width:calc(100% - 60px)}

.tit{margin-bottom:26px}

.tit h2{position:relative;padding:12px 46px;font-size:32px;font-family:"è???¨?è?—?￥?è?—è·ˉè??é??è?—é??è?’é?§??????";font-weight:700}
.tit h2:before,.tit.tc h2:after{content:'';position:absolute;width:25px;height:22px;background:url('../images/tit_l.png') 50% no-repeat;background-size:cover}
.tit h2:before{left:0;top:0}
.tit.tc h2:after{right:0;bottom:0;background-image:url(../images/tit_r.png)}


/*search*/
.tab_search .hd .slick-current{background:#bc945b}

.search_book .i_txt{width:460px;height:50px;padding:0 20px;border:none;font-size:16px;display:inline-block}
.btn_search{width:70px;height:50px;background:url('../images/btn_search.jpg') 50% no-repeat;background-size:cover;border:none;text-indent:-99999em;vertical-align:top}

.search_book .select_s:before{content:'';position:absolute;width:1px;height:30px;background:#ccc;right:0;top:50%;margin-top:-15px}

.select_s{display:inline-block;position:relative;width:130px;min-width:116px;line-height:50px;cursor:pointer;font-size:16px;background:#fff;vertical-align:middle;color:#666}
.select_s:after{content:"";position:absolute;top:50%;right:14px;margin-top:-3.5px;width:12px;height:7px;background:url() 50% no-repeat}
.select_s .select_s_text{padding:0 20px 0 10px;height:36px;line-height:36px}.select_ul{display:none;position:absolute;top:51px;left:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:100%;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<100%?"100%":"");border-bottom-right-radius:3px;border-bottom-left-radius:3px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2)}.select_ul li{line-height:40px;text-indent:10px;white-space:nowrap;font-size:14px}.select_ul li:hover{color:#fff;background:#0e60a6}.select_ul li.cur{color:#fff;background:#0e60a6}

.select_text{padding-right:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.tab_search .bd .slick-list{overflow:visible}

.tab_search .hd a{display:inline-block;line-height:24px;font-size:18px;min-width:120px;padding:8px 24px 12px;margin:0 10px;position:relative}
.tab_search .hd .on{background:#bc945b}
.tab_search .hd .on:before{content:'';position:absolute;border-style:solid;border-width:7px 7px 0 7px;border-color:#bc945b transparent transparent transparent;bottom:-6px;left:50%;margin-left:-6px}
.tab_search .bd{margin:36px 0 0}
.search_form{margin-bottom:10px}

.search_radio label{padding:0 14px;line-height:34px;display:inline-block}
.search_radio input[type=radio]{margin-right:10px}


/* article{overflow-x:hidden} */
/*f1*/
.f1{padding:60px 0 96px;background:url('../images/bg_news.jpg') 50% no-repeat;background-size:cover}
.tab_links{width:580px;background:#fff;overflow:hidden}
.tab_links .hd{background:#ece8e0;width:138px}
.tab_links .hd a{padding:0 14px;position:relative}
.tab_links .hd a:not(:first-child) a{border-top:1px solid #d2c6b2}
.tab_links .hd a{display:block;padding:25px 0;color:#4f3314}
.tab_links .hd i{display:none;width:100%;height:32px;background:url('../images/tab_i.png') 50% no-repeat;margin-bottom:5px}
.tab_links .hd .i_icon2{background-image:url('../images/tab_i2.png')}
.tab_links .hd .i_icon3{background-image:url('../images/tab_i3.png')}
.tab_links .hd .i_icon4{background-image:url('../images/tab_i4.png')}
.tab_links .hd a>*{position:relative;z-index:6}
.tab_links .hd .on{background:#bc945b;margin-top:-1px;margin-bottom:-1px;z-index:3}
.tab_links .hd .on{color:#fff;border-top:none !important}
.tab_links .hd .on:before{content:'';position:absolute;left:4px;top:4px;right:4px;bottom:4px;border:1px dashed #967649}
.tab_links .hd .on i{display:block}

.tab_links .bd{padding:16px 10px 0;width:calc(100% - 138px)}
.list_links a{float:left;width:50%;padding:11px 8px 11px 24px;line-height:26px;color:#5d5145;position:relative}
.list_links a:before{content:'';position:absolute;left:10px;top:50%;margin-top:-3px;width:6px;height:6px;background:#bbb;border-radius:12px}
.tab_links .more{margin-top:26px}

.more,.bor_more:hover{display:block;width:70px;height:28px;line-height: 28px !important;background: url('../images/bg_more.png') 50% no-repeat !important;color: #fff !important;padding: 0 !important;}
.bor_more{background-image:url('../images/bor_more.png')}

.tab_news{width:calc(100% - 620px);background:#fff;padding:0 20px}
.tab_news .hd{background:#f3f0ea;margin:0 -20px;font-size: 0;}
.tab_news .hd li{display:inline-block;width: 25%;}
.tab_news .hd .item{display:block;line-height:50px;text-align:center;color:#4f3314;font-size: 16px;}
.tab_news .hd .on .item{background:#1b6caa;color:#fff}
.tab_news .more{position:absolute;right: 0;/* display:none */bottom: 0;top: auto;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.tab_news .hd .on .more{display:block}
.tab_news .tempWrap{padding:28px 0 29px}
.tab_news .bd li{position:relative}

.slick_news{width:230px}
.slick_news a{display:block}
.slick_news .cover_bg{padding-top:69.572%}
.slick_news p{background:#575757;padding:12px 15px;line-height:28px}
.slick_news .slick-dots{position:absolute;bottom:60px;text-align:center;left:0;right:0}
.slick-dots li{cursor:pointer}
.slick_news .slick-dots li{display:inline-block;width:8px;height:8px;border-radius:8px;background:rgba(255,255,255,.5);margin:0 6px}
.slick_news .slick-dots .slick-active{background:#a62126}

.tab_news .list_wrap{width:calc(100% - 250px);margin: -8px 0;position: relative;}
.list_wrap >a{position:relative;display:block;line-height:24px;padding: 7px 70px 7px 30px;color:#5d5145;font-size:16px;background:url('../images/dot.png') 0 50% no-repeat;}
.list_wrap time{position:absolute;font-size:14px;color:#999;right:0}

.list_col2{margin-bottom:20px}
.list_col2 a{float:left;width:50%;padding-right:15px}
.pb_sys_style1 .p_no_d {
    border: 1px solid #0e60a6 !important;background-color: #0e60a6 !important;
}

.icon_wrap{background:url('../images/bg_icon.png') 50% no-repeat;width:1214px;height:232px;margin:-54px auto 0;top:0;}
.icon_wrap a{color:#4f3314;font-size:16px;display:inline-block;margin:50px 42px 0;width:160px;padding:22px 0}
.icon_wrap a:hover{background:#a62126;color:#fff}
.icon_wrap a:hover i{-webkit-animation:jello 1s; -moz-animation:jello 1s; animation:jello 1s;}
@keyframes jello {
    from, 11.1%, to { -webkit-transform:none; -moz-transform:none; transform:none }
    22.2% { -webkit-transform:skewX(-12.5deg) skewY(-12.5deg); -moz-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform:skewX(6.25deg) skewY(6.25deg); -moz-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform:skewX(-3.125deg) skewY(-3.125deg); -moz-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform:skewX(1.5625deg) skewY(1.5625deg); -moz-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform:skewX(-.78125deg) skewY(-.78125deg); -moz-transform:skewX(-.78125deg) skewY(-.78125deg); transform:skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform:skewX(0.390625deg) skewY(0.390625deg); -moz-transform:skewX(0.390625deg) skewY(0.390625deg); transform:skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform:skewX(-.1953125deg) skewY(-.1953125deg); transform:skewX(-.1953125deg) skewY(-.1953125deg) }
}
.icon_wrap i{display:block;height:50px;background-position:50%;background-repeat:no-repeat;margin-bottom:12px}
.icon_wrap .i1{background-image:url('../images/i1.png')}
.icon_wrap .i2{background-image:url('../images/i2.png')}
.icon_wrap .i3{background-image:url('../images/i3.png')}
.icon_wrap .i4{background-image:url('../images/i4.png')}

.icon_wrap a:hover .i1{background-image:url('../images/i1_on.png')}
.icon_wrap a:hover .i2{background-image:url('../images/i2_on.png')}
.icon_wrap a:hover .i3{background-image:url('../images/i3_on.png')}
.icon_wrap a:hover .i4{background-image:url('../images/i4_on.png')}

.new_books{padding:184px 0 0;background:url('../images/bg_book.jpg') 50% no-repeat;background-size:cover}
.new_books:before,.new_books:after{content:'';position:absolute;width:208px;height:380px;position:absolute;bottom:-7vw;background-position:50%;background-repeat:no-repeat;background-size:cover}
.new_books:before{left:0;background-image:url('../images/l.png')}
.new_books:after{right:0;background-image:url('../images/r.png')}
.slick_books{margin:0 -15px -56px;padding:0 60px}
.new_books section{position:relative;z-index:3}
.slick_books .slick-slide{padding:0 15px;position:relative}

.slick_books .slick-slide:before,.slick_books .slick-slide:after,.slick_books a:before,.slick_books a:after{content:'';position:absolute;width:19px;height:19px;z-index:3}
.slick_books .slick-slide:before{background:url('../images/bg_lt.jpg') 0 0 no-repeat;top:0;left:15px}
.slick_books .slick-slide:after{background:url('../images/bg_rt.jpg') 100% 0 no-repeat;top:0;right:15px}
.slick_books a:before{background:url('../images/bg_lb.jpg') 0 100% no-repeat;bottom:-1px;left:-1px}
.slick_books a:after{background:url('../images/bg_rb.jpg') 100% 100% no-repeat;bottom:-1px;right:-1px}
.slick_books a{padding:25px 22px;background:#f2f0ea;font-size:0;border:1px solid #aea47c;position:relative}
.slick_books h3{color:#805018;height:46px;line-height:24px;margin-bottom:20px}
.slick_books .cover_bg{width:97px;padding-top:140px}
.slick_books .cover_bg,.slick_books .txt{display:inline-block;vertical-align:middle}
.slick_books .txt{width:calc(100% - 117px);line-height:24px;margin-left:20px}

.slick_books .slick-arrow{position:absolute;height:100%;width:35px;}
.slick_books .slick-prev{left:15px;background:url(../images/prev.png) 50% no-repeat}
.slick_books .slick-next{right:15px;background:url(../images/next.png) 50% no-repeat}

.slick_books .slick-prev:hover{background-image:url('../images/prev_on.png')}
.slick_books .slick-next:hover{background-image:url('../images/next_on.png')}

.bg_bot{background:#f5f5f5 url('../images/bg_txt.jpg') 50% 100% no-repeat;}
.pb_dis{padding-bottom:160px;z-index:9}


footer{position:relative;background:#3a3a3a;z-index:999}
.f_hd,.f_bd,.f_bd section{position:relative;z-index:6}
.f_hd{background:#1b6caa;padding:12px 0 0;line-height:36px}
.f_hd .left{width: 36px;height: 84px;background: rgba(0,0,0,.2);font-size: 14px;color: #c0cad4;padding: 10px;line-height: 1.1;}
.f_hd .right{width: calc(100% - 100px);}
.f_hd .right a{width: 224px;line-height: 36px;transition: all 0.3s; float: left;background: rgba(0,0,0,.2);font-size: 14px;color: #c0cad4;      height: 36px;text-align: center;margin-right: 10px;margin-bottom: 12px;}
.f_hd .right a:hover{font-weight: bold;color: #fff}


.f_link:not(:first-child){margin-left:14px}
.f_link li{position:relative}
.f_link h3 a{display:block;width:180px;height:36px;line-height:36px;font-size:14px;background:rgba(0,0,0,.2) url(../images-new/down.png) right 50% no-repeat;color:#c0cad4;padding:0 14px;position:relative}
.f_link .con{display:none;position:absolute;left:0;padding:10px 16px;bottom:36px;background:#fff;width:-webkit-max-content;width:-moz-max-content;width:max-content;  max-height:420px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<100%?"100%":"");overflow-y:auto;min-width:100%}
.f_link .con a{display:block;color:#333;line-height:36px;font-size:14px;white-space:nowrap;border-top:1px dashed #ddd}
.f_link .con a:first-child{border-top:none}
.f_link .con a:hover,.nav_tit a:hover{color:#1b6caa}


.to_top{color:#c0cad4}
.i_to_top{width:20px;height:21px;background:url(../images/to_top.png) 50% no-repeat;margin-right:8px}


.f_bd{padding:35px 0;position:relative}

.f_about{line-height:30px;color:#fff;width:380px;margin-top:6px;margin-right:40px}
.f_logo{display:block;margin-top:10px;max-width:328px}
.f_logo img{max-height:170px;margin:0 auto}

.f_copy{border-top:1px solid #2e2e2e;padding:15px 0;line-height:30px}
.f_copy span,.f_copy a{display:inline-block;margin:0 14px;color:#999}
.f_copy .i{margin-right:8px}
.i_copy{width:20px;height:24px;background:url('../images/f_copy.png') 50% no-repeat}
.i_record{width:19px;height:21px;background:url('../images/record.png') 50% no-repeat}


.f_copy #cnzz_stat_icon_1260933698{margin-right:0}
.f_copy #cnzz_stat_icon_1260933698 a{margin:0}

.popup_img{position:fixed;z-index:10000;max-width:60vw}
.close_port{border:none;color:none;text-indent:-9999em;background:url('../images/close.png') 50% no-repeat}

.inset_bar{width:100%;overflow:hidden}
.inset_bar img{display:block;width:100%}

aside{width:25%;margin-bottom:50px;position:relative;overflow:hidden;margin-top:-68px}
.aside_tit{font-size:20px;padding:20px;color:#fff;line-height:1.4;z-index:66;overflow:hidden;position:relative;background:rgba(0,0,0,.6)}
.aside_tit em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:34px}
.aside_tit p{opacity:.5}
.aside_tit b{width:29px;height:66px}
.nav_list{padding:0 0 40%;position:relative;overflow:hidden;}
.nav_list:before{content:'';position:absolute;top:0;width:200%;background:#0e60a6;z-index:-1;transform:skewY(-12deg);bottom:1%;left:-100%;right:0}
.nav_list a{position:relative;line-height:1.4;display:block;padding:14px 20px 14px 20px;color:#fff}
.nav_list >a{padding-right:26px}


.nav_list a b{position:absolute;right:28px;top:50%;margin-top:-3px;opacity:.5}
.nav_list a b:before,.nav_list a b:after{position:absolute;content:'';border-style:solid;border-width:7px;border-color:#f5f5f5 transparent transparent transparent}
.nav_list a b:before{border-top:7px #fff solid}
.nav_list a b:after{top:-2px;border-top:7px #0e60a6 solid}

.nav_list .on{background:#cca270;color:#fff}
.nav_list .on b{transform:rotate(180deg);right:14px;margin-top:3px}
.nav_list .on b:after{border-top:6px #cca270 solid}
.nav_list .on b:before{border-top:6px #fff solid}

.nav_list .sub_con{margin-top:-10px;padding:10px 0;display:none}
.nav_list .sub_con a{padding-left:22%;font-size:16px;background:none;line-height:1.8;position:relative;padding-top:3%;padding-bottom:3%}
.nav_list .sub_con a:before{content:'';position:absolute;width:6px;height:6px;background:#cca270;border-radius:100px;left:15%;top:50%;margin-top:-3px}

.nav_list .sub_con a{border-bottom:1px solid rgba(0,0,0,.1)}

.nav_list .active,.nav_list .active:hover{color:#cca270}

.con_wrap{width:75%;padding:3% 0 8% 3%}
.vsb_content_2{overflow-x:auto}
.con_wrap .news_list{max-width:1000px;margin:0 auto}

.con_wrap table{width:100% !important}
.con_wrap table th,.con_wrap table td{word-break: break-all}

.site_wrap{padding:0 0 14px;margin-bottom:20px;border-bottom:2px solid #0e60a6}
.site_wrap,.site_wrap a{color:#666;line-height:30px}
.site_wrap .fr{margin-right:-10px}
.site_wrap h3{font-size:24px;color:#0e60a6}
.site_wrap b{color:#bbb}
.site_wrap a,.site_wrap em{display:inline-block;*display:inline;*zoom:1;padding:0 10px}
.site_wrap em,.site_wrap a:hover{color:#0e60a6}
.i_pos{width:20px;height:20px;background:url('../images/pos.png') 50% no-repeat}

.details_wrap,.news_bd{max-width:1000px;margin:0 auto}
.news_bd{max-width:900px}


article{position:relative;z-index:999}

.list_img{margin:-28px 0}
.list_img a{display:block;padding:28px 0;font-size:0;border-bottom:1px solid #ddd}
.list_img .cover_img{height:140px;position:relative;display:inline-block;vertical-align:middle;width:97px;overflow:visible;}
.list_img .cover_img div{background-size:100% 100%}
.list_img .txt{display:inline-block;font-size:15px;vertical-align:middle;width:calc(97% - 97px);margin-left:3%}
.list_img h3{font-size:20px;color:#333;font-weight:700;margin-bottom:24px}
.list_img .txt p{line-height:1.8;height:50px}

.page_wrap{margin-top:60px}

.news_hd{padding:10px 0 20px;color:#333;border-bottom: 1px dashed #ddd;margin-bottom: 30px}
.news_hd h3{font-size:24px;color:#333;font-weight:700}
.news_hd p{background:#f6f6f6;line-height:44px}
.news_hd p span{margin:0 14px;color:#999}
.news_bd{font-size:16px;line-height:2;color:#555}

.news_bd video{max-width:100%}


.table_wrap table,.table_wrap table td,.table_wrap table th{border:none;border-spacing:0}
.table_wrap table img{max-width:50px;margin:0 5px;display:inline-block;vertical-align: middle}
.table_wrap table thead{background:#0e60a6;color:#fff}
.table_wrap table th,.table_wrap table td{padding: 14px 0;}
.table_wrap table tr:nth-child(even){background:#fff}

@media (max-width:1600px){
    .slick_bar .cover_bg{padding-top:27%}
    .new_books:before, .new_books:after{width:160px;height:292px}
}

@media (max-width:1560px){
    .new_books:before, .new_books:after{width:120px;height:219px}
}

@media (max-width:1360px){
    .slick_bar .cover_bg{padding-top:30%}
    .new_books:before, .new_books:after{content:none}
}

@media (max-width:1260px){
    section,.w1200{margin-left:15px;margin-right:15px}
    .slick_bar .cover_bg{padding-top:35%}

    .t_nav h3 a{padding:0 28px}

    .f1{padding:40px 0 76px}
    .tab_links {width:480px}
    .tab_news {width:calc(100% - 500px)}
    .tab_links .hd{width:118px}
    .tab_links .bd {width:calc(100% - 118px)}

    .tab_news .hd .item{padding:0 24px}
    .tab_news .more{right: 0}
    .list_wrap a{padding: 7px 100px 7px 30px;}
    .list_wrap.list_col2 a{padding-right:0}


    .icon_wrap{width:calc(100% - 13px);margin:-68px auto 0;background-size:100%;}
    .icon_wrap a{width:12%;}
    .new_books {padding:150px 0 0}

    .slick_books .cover_bg{width:80px;padding-top:115px}
    .slick_books .txt{width:calc(100% - 100px)}
    .slick_books h3{margin-bottom:10px}
    .tit{margin-bottom:16px}
    .pb_dis{padding-bottom:110px}

    .f_about{width:320px}

    .close_port{display:block !important}
}

@media (min-width:640px) and (max-width:1023px){
	
}
@media (max-width:1023px){
	.tit h2{font-size:22px}

    .t_nav h3 a{padding:0 10px}

	.t_logo{max-width:292px;float:none;display:block}

	.inset_bar img{position:relative;left:50%;margin-left:-75%;width:150%;max-width:initial}

    .search_book{padding:22px 0 20px}
    .select_s{line-height:40px}
    .search_book .i_txt{height:40px}
    .search_book .select_s:before{height:22px;margin-top:-11px;}
    .select_s:after{background-size:10px}
    .select_ul{top:40px}

    .select_s,.search_book .i_txt{font-size:14px}
    .btn_search{height:40px}
    .search_book .i_txt{padding:0 15px}

    .tab_search .hd a{font-size:16px;min-width:100px;padding:6px 20px 10px}
    .tab_search .bd{margin:20px 0 0}


    .tab_news{margin-top:30px}
    .tab_links,.tab_news{width:auto;float:none;}

    .icon_wrap{width:calc(100% - 13px);margin:-68px auto 0;background-size:100% 80%}

    .f_about{width:240px;margin-right:0}
    .f_logo{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-left:60px;margin-top:0}

    .f1{background-position:0 50%}

	
	aside{width:26%}
	.aside_tit{font-size:20px}
	.con_wrap{width:74%}
	.news_hd h3,.tit h3{font-size:20px}


	.list_img h3{font-size:18px;margin-bottom:10px}
	.list_img{margin:-20px 0}
	.list_img a{padding:20px 0}

        .slick_bar .slick-arrow{width:30px;background-size:100%}
}
@media (min-width:768px) and (max-width:1023px){
    header section{height:100px}
    .slick_bar{margin-top:100px}

    .t_logo img{max-height:86px}

	
}


@media (min-width:768px){
    .menu,.t_nav h3 b{display:none}
}

@media (max-width:767px){

    .menu{right:15px;display:block;width:32px;transition:all 0.3s ease;z-index:999}
    .menu span {width:100%;height:2px;display:block;background:#fff;transition:all 0.3s ease;border-radius:100px}
    .menu span + span {margin-top:8px}
    .menu.on {margin-top:6px}
    .menu.on span {transform:rotate(45deg)}
    .menu.on span:nth-child(2) {transform:rotate(-45deg) translate(7px,-7px)}
    .menu.on span:nth-child(3) {display:none}


    .t_nav{height:auto;position:fixed;width:40%;top:0;right:-100%;bottom:0;background:#0e60a6;text-align:left;z-index:6;overflow-y:auto;padding-top:10vh}

    .t_nav.on{right:0}
    .t_nav li{display:block;border-bottom:1px solid #0c5594}
    .t_nav h3 a{font-size:14px;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none}
    .t_nav h3 b{position:absolute;right:0;bottom:0;width:50px;text-align:center;line-height:44px;height:46px;color:#fff;font-size:20px;cursor:pointer;font-weight:normal}

    .t_nav .on b{transform:rotate(-45deg);margin-top:-22px}

    .t_nav .on{border-bottom:none}
    .t_nav .on h3 a{height:auto;padding:10px 50px 10px 15px;background:#9a866e}

    .t_nav .sub_nav{position:initial;top:0;font-size:12px;animation-name:none;background:rgba(0,0,0,.3)}

    .t_nav .sub_nav{padding:10px 0}
    .t_nav .sub_nav a{padding:10px 20px}


    header section{height:80px}
    .slick_bar{margin-top:80px}

    .t_logo img{max-height:66px}
    .slick_bar .cover_bg{padding-top:66%;max-height:420px;min-height:260px}
    .my_library{right:80px}
    .t_logo{max-width:calc(100% - 100px)}

    .t_nav h3 a{line-height:26px;padding:10px 50px 10px 15px;}
    .t_nav .on h3 a{color:#fff}
    .t_nav .on h3 a:before, .t_nav .on h3 a:after{content:none}

    header section{margin:0;padding:0 15px 0 10px}

    .search_book .i_txt{width:calc(100% - 240px);}

    .icon_wrap a{margin:50px 30px 0}

    .popup_img{z-index:999}

    .f_about{float:none;width:auto;display:inline-block;margin:0}
    .f_logo{float:none;position:initial;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);margin:30px auto}

    .f_bd{text-align:center}
    .f_bd .r0.y{position:initial;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    .f_bd .r0 img{display:inline-block}

    aside{display:none}
    .con_wrap{width:auto;float:none;padding:24px 0 10%}
    .inset_bar img{position:relative;left:50%;margin-left:-90%;width:180%;max-width:initial}

    .site_wrap h3{font-size:18px}
    .site_wrap{padding:0 0 8px}
    .news_hd h3,.tit h3{font-size:18px}

    .list_img .cover_img{width:80px;height:115px}
    .list_img .txt{width:calc(97% - 80px)}
}
@media (max-width:640px){
	.site_wrap{margin-bottom:5%}

    .search_book{max-width:calc(100% - 30px)}
    .search_book .i_txt{width:calc(100% - 210px)}
    .search_radio label{padding:0;line-height:24px}
}

@media (max-width:600px){
    header section{height:56px}
    .slick_bar{margin-top:56px}

    .t_logo img{max-height:42px}
    .my_library{display:none}
    .t_nav{width:60%}

    .tab_links .hd,.tab_links .bd,.slick_news,.tab_news .list_wrap{float:none;width:auto}
    .tab_links .hd{font-size:0}
    .tab_links .hd a{display:inline-block;font-size:14px;width:25%;padding:15px 0}
    .tab_links .hd .on i{display:none}
    .tab_links .more{margin-top:20px}
    .tab_news .list_wrap{margin: 14px 0 32px;left: 0;}
    .tab_news .more{right: 0;left: 0;margin:0 auto}
    .tab_news .tempWrap{padding:28px 0 20px}

    .search_radio{font-size:12px}
    .select_s{width:100px;min-width:100px}
    .select_text{padding-right:16px}
    .select_s:after{right:8px}

    .icon_wrap a{margin:50px 0 0;width:21%;}
    .icon_wrap i{-webkit-transform:scale(.75);transform:scale(.75);margin:0;}

}

@media (max-width:540px){
	header .fr{padding:8px 40px 8px 0}
	.menu{width:28px}

    .icon_wrap{height:180px}
    .icon_wrap a{margin:28px 0 0;-webkit-transform:scale(.9);transform:scale(.9)}

    .slick_books .slick-slide:before{left:0}
    .slick_books .slick-slide:after{right:0}



	.list_img h3{font-size:16px}
	.list_img .txt p{line-height:1.4;height:40px;font-size:14px}
    .new_books {padding:110px 0 0}

    .slick_books{padding:0 50px}
    .slick_books .slick-slide{padding:0;}
    .slick_books .slick-arrow{width:24px;background-size:100%}

    .tab_news .hd .item{padding:0 12px;font-size:14px}
    .f_link h3 a{width:auto;min-width:120px}
    .f_logo{max-width: calc(100% - 40px)}


	.inset_bar img{position:relative;left:50%;margin-left:-100%;width:200%;max-width:initial}

	.nav_tit {margin:0 0 20px}
	.nav_tit a{font-size:14px;padding:6px 12px 6px 20px}
	.nav_tit a:not(:first-child):before{font-size:16px;margin-top:-10px}
	.nav_tit .on{font-size:18px;padding:0 12px 0 44px;background-size:40px}

	.page_wrap{margin-top:30px}
}

@media (max-width:539px){
	.site_nav{font-size:13px}
	.site_nav a, .site_nav em{padding:0 6px;line-height:24px}
	.site_wrap:after{right:0}

	.slick_bar .slick-arrow{width:20px;}
	.slick_bar .slick-prev{left:4px}
	.slick_bar .slick-next{right:4px}
}


@media (max-width:414px){
	.nav_tit .on{font-size:16px;padding:0 8px 0 38px;background-size:34px}
	.nav_tit a{font-size:12px;padding:6px 8px 6px 16px}
}

@media (max-width:375px){

    .tab_search .hd a{font-size:14px;min-width:80px;padding:4px 10px 6px;}
    .select_s{width:80px;min-width:80px;font-size:12px;line-height:34px}
    .select_ul li{line-height:30px;text-indent:0;font-size:12px;}
    .search_book .i_txt{height:34px;width:calc(100% - 160px);font-size:12px}
    .btn_search{height:34px}

    .slick_books h3{-webkit-line-clamp:1;max-height:24px}
    .slick_books .cover_bg{width:60px;padding-top:87px}
    .slick_books .txt{width:calc(100% - 80px);}
    .slick_books p{font-size:12px}

    .f_link:not(:first-child){margin-left:10px}
}
@media (max-width:374px){
	section,.w1200{margin:0 10px}
    .search_book{max-width:calc(100% - 20px)}

    .list_links a{padding:4px 8px 4px 24px;line-height:26px;font-size:14px;}

    .f_link h3 a,footer{font-size:12px}
    .f_link h3 a{min-width:100px;}

	.menu{width:28px}
	header .fr{right:54px}
	.nav_tit .on{padding:0 3px 0 30px;background-size:28px}
	.nav_tit a{font-size:12px;padding:6px 3px 6px 11px}
	.nav_tit .on,.nav_tit a:not(:first-child):before{font-size:14px}
}

@media (max-width:320px){
    .tit h2:before, .tit.tc h2:after{content:none}
    .tab_news .hd .item{padding:0 9px;font-size:12px;}
    .tab_search .hd a{font-size:12px;padding:2px 10px 4px;}

    .site_wrap,.tab_links .hd a{font-size:12px}
    .site_wrap h3{font-size:16px}
	.news_hd{font-size:14px}
}
.f1 section,.f_hd section{max-width: 1300px;}