@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#53A8FF;}
ul,li{ list-style-type:none;}
img{ border:0;vertical-align:top;}
input,textarea,select{ vertical-align:middle;outline:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,br,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,select,input,a,div,strong,span,b{ margin: 0; padding: 0; }
table { border-collapse:collapse; border-spacing:0; }
html{ background:#f9f9fa;}
body{ width:100%; font-size:14px; background:none;}
.clear { clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}

.font_blue{ color:#255b9f;}
.font_red{ color:#409EFF;}
.font_red:hover{ text-decoration:underline;}
.font_white{ color:#fff;}


/*****public*****/
.content_page{ width:1100px;  margin:0 auto; padding:20px 0 95px;}
.menu{float:left; width:230px;}
.menu_tit{ text-align:center; border-top:5px solid #740003; line-height:50px; height:50px; color:#fff; background:#ad282b; font-size:20px; letter-spacing:2px;}
.menu ul{ height:100%; margin:5px 0; }
.menu ul li{ padding:1px 0;}
.menu ul li a{ display:block; background:#dfdfdf; line-height:40px; padding-left:20px; font-size:15px; letter-spacing:1px; font-weight:300; color:#333; }
.menu ul li a:hover, .menu ul li a.on{ color:#ad282b;background:#ccc; font-weight:bold;}


.page_right{overflow:hidden;}
.location{ width:100%;}
.location_ny{ /*margin-left:10px;*/ }
.location .tit{ display:block;/* background:#fdfdfd; */ border-bottom:1px solid #ddd; height:30px; line-height:30px; text-align:right;}
.location .tit span{ padding:5px;}
.location_ny .tit{ display:block; /*background:#5edbda; */height:30px; line-height:30px; margin:0;}


/*****newsList*****/
.newsList2{ overflow:hidden; background:#fff; padding:20px 50px 30px;}
.newsList2 ul li{ border-bottom:1px dotted #ccc; overflow:hidden;}
.newsList2 ul li a{ float:left; display:block; width:660px; line-height:44px; color:#555; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; vertical-align:top; font-size:14px;}
.newsList2 ul li span.time{float:right; display:inline-block;/* width:70px; */ line-height:35px; text-align:right; color:#888; }
.newsList2 ul li a:hover{color:#409EFF;}


.newsList{ overflow:hidden; background:#fff; padding:20px 50px 30px;}
.newsList li{ width:100%; overflow:hidden; padding:20px 0; border-bottom:1px dashed #dedede;}
.newsList li a{ overflow:hidden; display:block;}
.newsList li img{ width:165px; height:116px; float:left;display:block; padding:5px; border:1px solid #ddd;}
.newsList li .btext{ float:right; width:80%;}
.newsList li .btext h2{ color:#010101; font-size:16px;overflow:hidden; font-weight:normal; line-height:30px; margin-bottom:5px;}
.newsList li .btext span{ font-size:12px; color:#999; display:block;line-height:18px;
	overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
	min-height:54px;}
.newsList li .btext b{ font-size:12px; margin-top:15px; border-top:1px solid #79BBFF;display:block;font-weight:normal; height:27px;line-height:27px; color:#409EFF; width:140px;}
.newsList li a:hover img{filter:alpha(opacity=80); opacity:0.8;}
.newsList li a:hover .btext h2{color:#409EFF; font-weight:bold;}


/*****pages*****/
.page { margin:0px auto; padding:30px 0 0; height:20px;}
.p_btns { display:inline; margin: 10px auto; width:100%; font-size: 12px;}
.p_btns .total_count { float:right;padding-top:3px; line-height:16px;}
.p_btns a { display:block; float:left; margin-right:4px; padding:4px 7px; background: #f5f5f5; height:16px;line-height:16px; text-decoration: none;color: #409EFF; font-size: 12px; text-align:center;}
.p_btns a { display:inline;}
.p_btns a:hover { text-decoration: none;background: #66B1FF; color:#fff;}
.p_btns .currentpage { display:block; float:left; margin-right:4px; padding:4px 7px;height:16px;line-height:16px; background:#66B1FF; color:#fff ;}
.p_btns .jumppage { float:left;padding-top:3px;}
.p_btns input { width: 40px; border: 1px solid #D1D1D1; height: 15px; font-size: 14px; }
.p_btns span { color:#409EFF; }




/*****imgList*****/
.imgList{ overflow:hidden; width:100%;}
.imgList ul{ overflow:hidden; width:110%; padding-left:17px;}
.imgList li{ height:155px; width:240px; float:left; padding:30px 40px 10px 0; }
.imgList li a{ display:block; position:relative; height:144px; background:#fff;}
.imgList a img{ display:block;height:144px; width:240px; }
.imgList a i{ position:absolute; bottom:0; left:0;display:block;width:100%; height:26px; background:#000;filter:alpha(opacity=60); opacity:0.6;}
.imgList a span{ display:block; width:96%;height:26px; line-height:26px; color:#333; font-size:12px; text-indent:15px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.imgList a:hover img{filter:alpha(opacity=80); opacity:0.8;}
.imgList a:hover i{ background:#ffcc00;filter:alpha(opacity=100); opacity:1;}
.imgList a:hover span{ color:#53A8FF;}

/*****bookList*****/
.bookList{  width:100%; overflow:hidden; background:#fff;}
.bookList ul { overflow:hidden; width:110%; padding:40px 0 30px 10px;}
.bookList li{ float:left; width:128px; padding:0 26px 10px; }
.bookList li a{ display:block; cursor:pointer;}
.bookList li a img{ width:120px; height:167px; border:1px solid #ddd; padding:3px;}
.bookList li a span{ display:block;text-align:center; font-size:14px;  line-height:40px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bookList li a:hover img{ border:1px solid #409EFF;}
.bookList li a:hover span{ color:#409EFF;}




/*****item*****/
.art{ padding:25px 50px 50px; background:#fff; overflow:hidden;}
.art h1{ text-align:center; font-size:22px; color:#000; font-weight:normal; padding-top:15px;}
.art_time{ line-height:25px;  margin:20px 0px; text-align:left; color:#999; border-bottom:1px solid #ccc;}
.art_time ul{ height:25px; float:left;}
.art_time ul li{ float:left; line-height:25px; padding:0px 5px 0px 0px; margin:0px 5px 0px 0px; color:#888;}
.art_time ul li .black{ color:#888;}
.art p{ padding:10px 0;font-size:14px;text-indent:1.5em;text-align:justify;text-justify:inter-ideograph; color:#555; line-height:30px;}
.art img, .art table{  margin:20px auto;  width: expression(this.width > 900 ? '900px': true);  max-width:900px;}
.art table tr td{padding:10px;}

/********link_btn********/
.link_btn{background:#fff; padding:30px; border-top:1px #e5e5e5 solid;}
.link_btn li{ display:block; width:100%; font-size:12px; color:#66B1FF;}
.link_btn li span{ padding:2px; color: #fff; background: #66B1FF;}
.link_btn li a{ font-weight:normal;color:#666;}
.link_btn li a:hover{ color:#66B1FF;}
#bdshare span{font-size:12px; float:left;}


/*****book_show*****/
.book_show_img{ width:200px; height:284px;border:1px solid #ddd; padding:4px;}
.book_show_img img{width:200px; height:284px; margin:0px; display:block;}
.book_show_intro{ line-height:32px; padding:10px 0 0 5px;}
.book_show_intro dl dt{ font-size:16px; font-weight:bold;}
.book_show_intro dl dd{ font-size:12px; line-height:30px; }
.bookcont{ overflow:hidden; float:left; width:220px; padding:20px 0 0;}
.books_text{ float:right; display:inline; margin-top:20px; width:65%; min-height:550px; padding:20px 50px; background:#f9f9f9; border-left:1px solid #ddd;}


/*****shade*****/
.shade_list{ padding:0 12px;}
.shade_list dl{ width:100%; margin-top:15px; position:relative; border-bottom:1px dotted #c7c7c7; padding-bottom:10px;}
.load_btn{ position:absolute; top:0px; right:20px; width:105px; height:34px; cursor:pointer; border:none; background:url(../img/inside/loadBtn.png); color:#fff; font-weight:bold; line-height:34px;}
.load_btn:hover{color:#dd1a00;}
.shade_list dl dt{ font-weight:bold; padding-right:135px;  }
.shade_list dl dd{ padding-left:20px; padding-top:10px;}


/*****resolist*****/
.resolist{ background:#fff;}
.resolist ul{ overflow:hidden; padding:15px 0 40px 50px;}
.resolist li{ width:300px; float:left; background:#ECF5FF; display:inline; margin:25px 47px 0 0;}
.resolist li a{ display:block;overflow:hidden; line-height:35px; font-size:14px; text-overflow:ellipsis; white-space:nowrap; width:90%; color:#333; background:url(../img/li03.png) no-repeat 18px center; text-indent:30px;}
.resolist li:hover{ background:#53A8FF;}
.resolist li a:hover{ color:#fff;}


.insmenu{ overflow:hidden;}
/*.insmenu h2{ background:#485157; width:100px; font-size:16px; text-align:center; line-height:40px; float:left; color:#d5b481;}*/
.insmenu ul{ overflow:hidden; border:1px solid #ddd;  border-top:none; border-right:none; }
.insmenu ul li{ vertical-align:top; line-height:40px; border:1px solid #ddd; border-bottom:none;border-left:none; float:left;}
.insmenu ul li a{ display:block; padding:0 10px;}
.insmenu ul li a:hover{ color: #53A8FF;}
.insmenu ul li a.on{ background:#53A8FF; color:#fff;}



/* head **/
.head{ background:url(../img/04.jpg) no-repeat center 70%;}
.head .logo a { display: block; padding: 40px 0 20px;}
.head .logo a img{ display:block; margin:0 auto; width:330px;}
.head .search { margin: 10px auto 30px;}
.nav{ width:100%; background:#485157;clear:both;}
.navcont{ width:1100px; margin:0 auto; overflow:hidden;}
.navcont button{ display:none; font-size:0;}
.nav ul{ overflow:hidden;}
.nav ul li{ float:left; height:40px; line-height:40px; width:100px; text-align:center; font-size:14px;}
.nav ul li a{ display:block; color:#fff;} 
.nav ul li a:hover,.nav ul li a.on{ background:#53A8FF;}


/* search */
.search {padding: 20px 0 0;  clear:both; width:100%;  height:40px;}
.search form{ width:888px; margin:0 auto;}
.input {float: left; width: 641px; height: 33px; border:1px solid #979797; background:#fff; text-indent: 10px; color: #000;}
.search_btn {float: left; margin-left: 1px; width: 101px; height: 35px; background: url(../img/but.png) no-repeat; border: 0; font-size: 14px; font-weight: bold; color: #fff; cursor:pointer; display:inline;}
.choose{*display:inline;position:relative; float: left; text-align:left;width: 130px;height: 33px; color: #666;font-size: 12px; border:1px solid #979797;background:#fff;cursor:pointer; margin-left:1px; }
.sslct{ display:inline-block; vertical-align:top; *display:inline; position:relative; cursor:pointer;}
.sslct .butten{ height:33px; line-height:33px; display:inline-block; vertical-align:top;}
.sslct .butten_r{ display:inline-block; width:130px; background:url(../img/select.png) no-repeat 90% center; font-size:14px; text-indent:20px; height:33px; line-height:33px; overflow:hidden;}
.list_sslct{width:130px; line-height:27px; position:absolute; left:-1px; top:33px; background:#FFF; overflow:hidden; text-indent:15px; border:1px solid #409EFF; border-top:none; }
.list_sslct li{border-top: 1px dashed #ddd; }
.list_sslct li a{ display: block; padding:0 7px;}
.list_sslct li a:hover{ background:#F6F6F6;}




/* footer */
.footer {float: left; width: 100%; height: 95px; background: #2e445a; position:fixed; bottom: 0px; color:#fff;z-index:10;}
.footercont { width:600px; height: 40px; position: absolute; margin: 10px 50%; left: -300px; font-size: 12px;}
.flink { width: 100%; overflow:hidden; padding:20px 0 15px;}
.fltit {float: left; font-size: 14px; line-height: 22px; display:inline-block; padding-left:50px;}
.flink_sel {float: left; width: 160px; height: 22px; border:0;margin-left: 10px; display:inline;}
.copy{ color:#fff; font-size:14px; text-align:center; text-transform:uppercase;margin-top:8px;}
.copy a {
	color: #fff;
}
.sydw {
    position: absolute;
    right: -80px;
    top: 0;
}

@media (max-width:1100px){
.date_show_2 dl dd{width: 75%;}
.date_search ul li .input_date{width: 36%;}
.indcont { padding:3% 2%;}
.head{ width:100%; background-size:100% 100%; overflow:hidden;}
.head .logo a{padding-top:70px;}
.head .logo a img{ width:60%;}
.input{ width:55%;}
.search_btn{float:none; width:100%; margin:10px auto 0px;background: url(../img/but.png) center no-repeat;}
.head .search{    padding: 0;}
.location .tit{padding-right:10px;text-align: left; padding-left:5px;}

.content_page{ width:100%; padding:0 0 95px; clear: both;}
.p_btns .total_count{display:none;}
.newsList{ padding:20px 10px 30px;}

.dl-menuwrapper button{display:none;}
.copy{width:100%!important;font-size: 12px; margin-top: 20px;}

.footercont{width:100%; margin:0 auto; left:0;}
.flink{width:100%; box-sizing:border-box;}
.flink_sel{width:26%;}
.fltit{padding-left:10px;}

.newsList2{padding:20px 10px 30px;}
.newsList2 ul li a{width:70%;}

.newsList li img{ width:120px; height:80px;}
.newsList li h2, .newsList li span{ white-space:nowrap;}

.art{ padding:25px 10px 50px;}
.art > img, .art > table{max-width:95%;}

.bookcont{ float:none; width:100%; margin:0 auto;}
.book_show_img{ width:30%; box-sizing:border-box; float:left;height: auto;}
.book_show_img img{ width:100%; height:auto;}
.book_show_intro{ width:68%;box-sizing:border-box; float:right; padding-top:0px; }
.book_show_intro dl dt{ line-height:28px;}
.book_show_intro dl dd{ line-height:24px;}
.books_text{ float:none; padding:20px 10px;}

.bookList ul{ width:100%; box-sizing:border-box; padding:20px 10px;}
.bookList li{ width:33.333%; box-sizing:border-box; padding:5px;}
.bookList li a img{ width:100%; height:9.25rem; box-sizing:border-box;}
.bookList li a span{ line-height:20px;}

.books_text{ display:block; float:none; width:100%; box-sizing:border-box;}

.resolist ul{ padding:20px 10px;}
.resolist li{ float:none; width:100%; box-sizing:border-box;}
.resolist li a{ width:100%;}

.insmenu ul li{ width:20%; box-sizing:border-box; padding:0px; text-align:center; border-bottom:1px solid #ddd; margin-bottom:5px; overflow:hidden;}
.insmenu ul li a{ padding:0px; white-space:nowrap;text-overflow: ellipsis;
    overflow: hidden;}


.search{ width:auto; height:120px;}
.search form{ padding:0;width:90%; margin:0 auto;}
.choose,.input{ float:none;    margin-left: 0;}
.input{ margin-top:5px; width:98%;}
.choose{ width:98%;margin-top: 5px;}
.sslct,.sslct .butten{ width:100%; display:block;}
.sslct .butten_r{ width:100%; display:block; background-position:95% center;}
.list_sslct{ width:90%;}

.message_right ul li label{ width:25%;}
.message_right{ margin:0;}
.message_right ul li{  margin-bottom:10px;}
.message_right ul li.detail{padding: 2% 5% 2%;margin-right:0;}

.message_top .num{ display:none;}
.message_top .mt_right{ float:none;}
.message_top .mt_right .input1{width: 60%;}
.message_list dl{padding: 4% 0;}
.message_top .mt_right .btn2{width:70px;}
.message_list dl dt .metit{ height: auto; text-indent:0; padding-left:26px;}
.message_left{    margin: 0 2.5%;}

.searchcont{ padding:2% 2%;}
.list_px{ padding:25px 0 1%; margin:0 0; overflow:inherit; position:relative; background:#fff;}
.list_px span{background: #e0eefb; display:block; font-size:12px; padding:0 5px;}
.list_px .r_sx{ position:absolute; top:0; right:0; width:50%; z-index:1;}

.log-popup{width:95%; margin-left:-47.5%;}

.recBook_search{ padding:2%;}
.recBook_search ul li{ float:none; padding:5px;}
.recBook_search label{ width:25%;}
.recBook_search .input_height{ width:65%;margin-right: 0;}

.imgList ul li{width:50%;}
.imgList ul li img{height:100px;}

.map dl dd a{ width:31%;}

.link dl dt{ clear:both; float:none; width:90%;}
.link dl dd{ width:92%;padding:2% 4% 0; float:none; clear:both;}
.link dl dd a{  width: 31.3%; }
.li_none{display: block;}
.newsList li .btext{width:62%;}
.newsList li img{width:32%; border:0; padding-right:2%; height:auto; max-height:90px;}
}

@media (max-width: 1100px){
    .footercont {
        text-align: center;
    }
    .footer {
        height: 172px;
    }
    .sydw {
        position: static;
    }
}
@media (max-width: 750px){
    .footercont {
        padding: 0 16px 16px;
        box-sizing: border-box;
    }
    .footer {
        height: 227px;
    }
    .sydw {
        position: static;
    }
    .icp {
        display: block;
        margin-top: 5px;
    }
}


@media (max-width:1100px){
.insmenu ul li{ width: 25%;}
.imgList ul li img{ height:80px;}
.art img, .art table{
max-width: 100%;
    display: block;
}
}