﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#b52831;}
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-family:"","SimHei",Arial; 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:#dd1a00;}
.font_red:hover{ text-decoration:underline;}
.font_white{ color:#fff;}

/* 二维码 */
.ewm_con{ position:fixed; left:0; bottom:15%; z-index:999;}
.ewm_con li{margin-bottom:8px; border-radius:8px; background:#fff; border:1px solid #888f94; position:relative; cursor:pointer;}
.ewm_con li>img{ display:block; width:40px; padding:10px;}
.ewm_con li div{display:none; position:absolute; width:130px; padding-left:9px; height:160px; left:50px; bottom:-10px; text-align:center; line-height:24px; font-size:14px; background:url(../images/ewm_bg.png) no-repeat;}
.ewm_con li div img{width:104px; height:104px; display:block;  margin:15px auto 2px;}
.ewm_con li:hover div{display:block;}


.login_tabel .hd ul{ padding:10px 40px; overflow:hidden; }
.login_tabel .hd ul li{ width:50%; text-align:center; line-height:45px; float:left; border-bottom:2px solid #ededed; color:#999; cursor:pointer;}
.login_tabel .hd ul li.on{ color:#a11b23; border-bottom-color:#a11b23;}


/* top 2017-09-13 */
.topic { /* position: fixed; left:0; top: 0; */ position: absolute; width: 100%;  height: 50px; background: url(../images/topbg.png); z-index:8000;}
.topRight { float: right; height: 50px; line-height: 50px; color: #000; font-size: 14px; font-family:""; margin-right: 0; }
.btn_login {float: left; margin-right: 7px; margin-top: 9px; min-width: 70px;width:auto;max-width:140px;padding:0 2px; overflow:hidden; height: 30px; border: #000 solid 1px; line-height: 30px; background: none; color: #000; font-size: 14px; display: block; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.btn_login a:hover {margin: -1px 0 0 -1px; width: auto; height: 30px; color: #000; background: #fff; border: #fff solid 1px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block;}

.btn_old{ width: 80px;}
.btn_old a:hover{ width: 80px;}

.btn_Eng {float: left; margin-right: 10px; margin-top: 9px; width: 70px; height: 30px; border: #000 solid 1px; line-height: 30px; background: none; color: #000; font-size: 14px; display: block; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.btn_Eng a:hover {margin: -1px 0 0 -1px; width: 70px; height: 30px; color: #000; background: #fff; border: #fff solid 1px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block;}


/*****public*****/
.content_page{ width:1100px;  margin:0 auto; padding:20px 0 50px;}
.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%; overflow: hidden;}
.location_ny{ /*margin-left:10px;*/ }
.location .tit{ display:block; height:50px; line-height:50px; text-align:right; float: right;}
.location .tit a{ margin: 0 10px;}
.location_ny .tit{ display:block; /*background:#5edbda; */height:30px; line-height:30px; margin:;}


/*****newsList*****/
.newsList2{ overflow:hidden; background:#fff; padding:20px 50px 30px; min-height:460px;}
.newsList2 ul li{ border-bottom:1px dotted #ccc; overflow:hidden; line-height:44px;}
.newsList2 ul li a{ float:left; display:block; width:660px;  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:80px; text-align:right; color:#888; font-size:13px; }
.newsList2 ul li a:hover{color:#d11933;}
.newsList3 ul li:hover{background:#f9f9fa; }


.newsList{ overflow:hidden; background:#fff; padding:20px 50px 30px; min-height:200px;}
.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; margin-right:10px;}
.newsList li .btext{ float:right; width:80%;}
.newsList li  h2{ color:#010101; font-size:16px;overflow:hidden; font-weight:normal; line-height:30px; margin-bottom:5px;}
.newsList li  span{ font-size:12px; color:#999; display:block;line-height:18px;}
.newsList li  b{ font-size:12px; margin-top:15px; border-top:1px solid #b52831;display:block;font-weight:normal; height:27px;line-height:27px; color:#b52831; width:140px; float:left;}
.newsList li a:hover img{filter:alpha(opacity=80); opacity:0.8;}
.newsList li a:hover .btext h2{color:#cd0000; font-weight:bold;}

/* 2017-10-13 */
/* 馆内新闻二级详情页面 */
.newsList3 li{ padding: 15px 0; border-bottom: 1px dashed #eee!important;}
.newsList3 li .picLeft{ display: block; float: left; width: 180px; height: 120px; margin-right: 10px; border: 1px solid #ddd; padding: 2px; box-sizing: border-box; border-radius:8px;}
.newsList3 li .picLeft img{ width: 100%; height: 100%; border-radius:8px;}
.newsList3 li .secInfo{ float: right; width: 80%;}
.newsList3 li .secInfo h3{ height: 32px; line-height: 32px;}
.newsList3 li .secInfo a{ width: 100%; cursor: pointer; line-height: 30px; white-space: normal; height: 60px; overflow: hidden;}
.newsList3 li .secInfo div{ display: block; height: 28px; line-height: 28px;  font-size: 13px; clear: both;}
.newsList3 li .secInfo div span{ color: #999;}


/*** 威图之窗分类选项 ***/
.Tag{ padding-top: 10px;}
.classTag{ overflow: hidden; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #ddd; padding-bottom: 6px;}
.classTag h3{ float: left; font-size: 18px; color: #333; letter-spacing: 1px;}
.classTag h3 span{ color: #cd1422;}
.classTag ul{ overflow: hidden; float: right; display: inline;}
.classTag ul li{ border-bottom: none; float: left; padding: 0 10px;}
.classTag ul li:last-child{ padding-right: 0;}
.classTag ul li a{ display: inline-block; width: auto; font-size: 15px; cursor: pointer;}
.classTag ul li a:hover,.classTag ul li.on a{ color: #cd1422; font-weight: bold;}


.advisoryBox .bd ul li{ border-bottom: none; margin:0; box-sizing:border-box; width:100%;}
.advisoryBox .bd ul li a{width:620px; float:left;}
.advisoryBox .bd ul li i{ display:inline-block; width:30px; padding-right:5px; float:left; white-space:nowrap; font-style:normal;}
.advisoryBox .bd ul li .time{ float:right; font-weight:normal; color:#999;}

/*** 标签分类选项 ***/
.location h3.biaoqian{margin:0 0 0 40px; float: left; height:50px; line-height:50px; }

/*** 参考咨询分类页面 ***/
.first{ }
.quesiton{ width: 100%; margin-bottom: 20px; overflow: hidden;}
.quesiton h3.sort{ height: 40px; line-height: 40px; margin: 10px 0 10px; background: #fdfcfc;  text-indent: 1em; font-size: 15px;}
.example{ width: 100%; overflow: hidden; margin: 10px 0px; padding: 0px 15px; box-sizing: border-box; background: #fcfcfc;}
/* .example:hover{ background: #fff;} */
.example>a{ display: inline-block; border: 1px solid transparent;}
.example>a:hover{ border: 1px solid #ccc;}
.example>a img{ width: 180px; height: 120px; float: left;}
.example .Right{ float: right;/* width: 780px; */ width: 100%; }
.example .Right h3{ font-size: 15px; line-height: 36px;height: 36px;}
.example .queInfo{ position: relative;}
.example .queInfo span{ display: block; line-height: 26px; /* height: 78px; */ width: 100%; overflow: hidden; text-indent: 2em; text-align:justify; text-justify:inter-ideograph;}
.example .queInfo a{ float: right; color: #999; width: 30px; position: absolute; right: 9px; bottom: 0; line-height: 26px;}
.example .queInfo a:hover{ color: #cd1422;}
.quesiton .time{    float: right;
    font-weight: normal;
    color: #555;
    font-size: 12px;}

.quesiton ul{ width: 100%; overflow: hidden;}
.quesiton ul li{ width: 48%; float: left; background:url(../images/li03.png) no-repeat left center; padding-left: 10px; margin-right: 1%; border-bottom: 1px dotted #ccc!important;}
.quesiton ul li:nth-child(even){ margin-right: 0;}
.quesiton ul li a{ width: 82%;}
.quesiton ul li a.more{ width: 7%; float: right; text-align: center; color: #999;}
.quesiton ul li a.more:hover{color:#cd1422;}

@-webkit-keyframes opac2 {
    0%{width:auto; }
    100% {width:100%;}
}
@-moz-keyframes opac2 {
    0%{width:auto; }
    100% {width:100%;}
}
@keyframes opac2 {
    0%{width:auto; }
    100% {width:100%; border-top-color:rgba(205,0.0,.5);}
}
.newsList li a:hover .btext b{color:#cd0000; border-top-color:rgba(205,0.0,.5);  -webkit-animation: opac2 2s 1 ease; -moz-animation: opac2 2s 1 ease; animation: opac2 2s 1 ease;}


/*****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; font-size: 12px; text-align:center; cursor:pointer;}
.p_btns a { display:inline;}
.p_btns a:hover { text-decoration: none;background: #333; color:#fff;}
.p_btns .currentpage { display:block; float:left; margin-right:4px; padding:4px 7px;height:16px;line-height:16px; background:#b52831; color:#fff ;}
.p_btns .jumppage { float:left;padding-top:3px;}
.p_btns input { width: 40px; border: 1px solid #D1D1D1; height: 15px; font-size: 14px; }



/*****imgList*****/
.imgList{ overflow:hidden; width:100%;}
.imgList ul{ overflow:hidden; width:110%; padding-left:17px;}
.imgList li{ height:144px; width:240px; float:left; padding:30px 40px 10px 0; }
.imgList li a{ display:block; position:relative; height:144px; background:#fff;}
.imgList a img{ position:absolute; top:0; left:0; 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{ position:absolute; bottom:0; left:0;display:block; width:96%;height:26px; line-height:26px; color:#ececec; 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:#333;}

/*****bookList*****/
.bookList{overflow:hidden; background:#fff;min-height:460px;    padding: 20px 40px 40px 10px;}
.bookList ul { overflow:hidden; width:110%; padding:40px 0 30px 10px;}

.bookList dl{ float:left; width:33.3%; padding:20px 0px 10px 30px; box-sizing:border-box;}
.bookList dl a:hover{ background:#f9fafa; display:block; overflow:hidden;}
.bookList dl a:hover dt{ color:#b52831;}
.bookList dl a:hover dd{ color:#333;}
.bookList dl img{ float:left; width:105px; height:145px; padding:5px; border:1px solid #e6e6e6; margin-right:15px;}
.bookList dl dt{ font-size:16px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; line-height:2;}
.bookList dl dd{ color:#999; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; line-height:24px;}




/*****video*****/
/* .video{width:600px;height:400px;} */
.video{ max-width: 600px; height: 350px;  margin: 0 auto;}

/*****article*****/
.art{ padding:25px 50px 30px; background:#fff; overflow:hidden; min-height:400px;}
.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.duanluo{ 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{ display:block; margin:20px auto;  width: expression(this.width > 100% ? '100%': true);  max-width:100%; height: auto!important;  }
.art table{  width: 100%;     display: table;}
.art table td{ padding:5px;}

/********link_btn********/
.link_btn{background:#fff; padding:30px; border-top:1px #e5e5e5 solid;}
.link_btn li{ display:block; width:100%; font-size:12px; color:#b52831;}
.link_btn li span{ padding:2px; color: #fff; background: #b52831;}
.link_btn li a{ font-weight:normal;color:#666;}
.link_btn li a:hover{ color:#dd1a00;}
#bdshare span{font-size:12px; float:left;}


/*****book_show*****/
.book_show_img{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(../images/loadbtn.png); color:#fff; font-weight:bold; font-family:'',Tahoma, Helvetica, Arial, sans-serif; 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; min-height:460px;}
.resolist ul{ overflow:hidden; padding:15px 0 40px 50px;}
.resolist li{ width:300px; float:left; 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(../images/li03.png) #f7f7f7 no-repeat 18px center; text-indent:30px;}
.resolist li:hover{ background:#b52831;}
.resolist li a:hover{ color:#fff;background:url(../images/li03_hover.png) no-repeat 18px center; }


.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;    margin-top: 5px;}
.insmenu ul li a{ display:block; padding:0 11px;}
.insmenu ul li a:hover,.insmenu ul li a.on{ color:#b52831; font-size:14px; font-weight:bold;}


/* head **/
.head{  /* height: 277px; overflow: hidden; */}
.head .logo a { display: block; padding: 64px 0 3px;}
.head .logo a img{ display:block; margin:0 auto; width:330px;}
.head .search { margin: 10px auto 30px;}
.nav{ width:100%; background:#000;}
.navcont{ width:1100px; margin:0 auto;}
.nav ul{ overflow:hidden;}
.nav ul li{ float:left; height:46px; line-height:46px; width:137px; text-align:center; font-size:16px; margin-right:23px; display:inline;}
.nav ul li:last-child{ margin-right:0px;}
.nav ul li a{ display:block; color:#fff;} 
.nav ul li a:hover,.nav ul li a.on{ color:#fff; background:#b52831;}


/*search*/
/*.search { margin: 20px auto; overflow:hidden;}
.search form{ overflow:hidden; width:888px; margin:0 auto;}
.input {float: left; width: 621px; height: 33px; border:1px solid #979797; background:#fff; text-indent: 10px; color: #000; font-family:""; border-radius:16px; font-size:14px;}
.search_btn {float: left; width: 121px; height:33px; border-radius:17px; background:#cd1422; border: 0; font-size: 18px; line-height:32px; font-weight: bold; color: #fff; cursor:pointer; display:inline; }

.choose{ float: left; display:inline;width: 139px;height: 33px; margin-left:1px; color: #666;font-size: 12px; border:1px solid #979797;background:#fff; border-radius:16px; overflow:hidden;}
.choose .btn{ background:url(../images/select.png) no-repeat 95% center;}
.choose .btn,.choose .col{ width: 100%;height: 33px;line-height: 32px;text-indent: 10px;cursor: pointer; font-size:14px;}
.choose .col:hover{ background: #ccc;color: white; }
.choose .con{ width: 117px;height: auto;position: absolute;border: 1px solid #ccc;border-top: 1px dashed #ccc;display: none;background: white; margin-left:12px; } 
*/


/* search */
.search { margin: 0 auto; width:960px; clear:both; height:40px;}
.search form{ /*overflow:hidden;*/ padding:0 0 0 60px; }
.input {float: left; width:580px; height:33px; border:1px solid #b52831; background:#fff; text-indent: 10px; color: #000; font-family:""; font-size:14px; display:inline; margin:0 3px; border-radius:22px;}
.search_btn {float: left; width: 121px; height:33px; border-radius:22px; background-color:#cd1422; border: 0; font-size: 18px; font-weight: bold; color: #fff; cursor:pointer; display:inline-block; border-radius:22px;}

.choose{*display:inline;position:relative; float: left; text-align:left;width: 130px;height: 33px; color: #666;font-size: 12px; border:1px solid #b52831;background:#fff;cursor:pointer;border-radius:22px; /* z-index:9999; */}
.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(../images/select.png) no-repeat 90% center; font-size:14px; text-indent:20px; height:33px; line-height:33px; overflow:hidden;}
.list_sslct{width:100px; height:0; line-height:33px; position:absolute; left:14px; top:33px; background:#FFF; overflow:hidden; text-indent:15px; border:1px solid #b52831; border-top:none; }
.list_sslct li{font-size:14px; border-top:1px dashed #b52831; }
.list_sslct li a{ display: block; padding:0 7px;}
.list_sslct li a:hover{ background:#F6F6F6;}





/* fast */
.fast{ position:fixed; left:20px; top:280px; z-index:999;}
.fast ul{}
.fast ul li{ padding-bottom:10px;}
.fast ul li a{ overflow:hidden; border:1px solid #000; width:72px; height:72px; -webkit-border-radius: 10px; -moz-border-radius:10px;border-radius: 10px; behavior: url(js/PIE.htc); position:relative; display:block; background:rgba(255,255,255,.4);}
.fast ul li a i{ display:block; margin:7px auto 2px; overflow:hidden; width:37px; height:37px; background:url(../images/fasticon.png) no-repeat;} 
.fast ul li a span{ display:block; text-align:center; font-size:14px;}
.fast ul li.fast01 a i{ background-position:0px 3px;}
.fast ul li.fast02 a i{ background-position:0px -80px;}
.fast ul li.fast03 a i{ background-position:0px -160px;}
.fast ul li a:hover{ background:#fff;}



/* footer */
/* .footer { width: 100%; height: 111px; background: #000; color:#fff;}
.footercont { width:800px; 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:#b0b6b9; font-size:12px; text-align:center; text-transform:uppercase;} */

.footer {width: 100%; height: 174px; background: #000; color:#fff; overflow:hidden;}
.footercont { width:800px; height: 40px; font-size: 14px; margin:0 auto;}
.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{ font-size:12px; text-align:center; text-transform:uppercase; color:rgba(255,255,255,.5);}
.copy p{ line-height: 20px;}

/* 2017-09-25 */
.g-an{ width: 60px; height: 60px;/*  position:absolute; bottom: 10px; left: 50%; margin-left: -338px; */margin: 0 auto;}
.g-an img{ width: 100%;}
.beian{ width: 205px; margin: 0 auto;}
.beian a{ float: left;}

/* 登录弹窗 **/
.theme-popover-mask{z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);display:none}
.log-popup{z-index:9999;position:fixed;top:50%;left:50%; width:400px;height:300px;margin:-130px 0 0 -200px; background-color:#fff;display:none;}
.log-popup-con{ color:#444; text-align:center;}
.fast ul li.fa01 div.log-popup a{ background:none;}
.log-popup-con h2{ color:#fff; background:#000;  font-weight:normal; padding:15px 15px 0; height:35px; line-height:100%; overflow:hidden;}
.log-popup-con h2 span{ font-size:18px; font-weight:bold; float:left; display:inline-block; padding-left:10px;}
.log-popup-con h2 a.close{ float:right; width:auto; height:auto; border:none;}
.log-popup-con h2 a.close:hover{ background:none;}
.log-popup-con h2 a.close img{ display:block; width:15px;}
.log-popup-con .yn{ margin-top:13px; overflow:hidden; padding:5px 40px 0;}
.log-popup-con .yn p{ border:1px solid #ddd; margin:8px 0; display:block;}
.log-popup-con .yn p label{ display:inline-block; vertical-align:middle; margin-right:10px; font-size:14px; color:#777;}
.log-popup-con .yn p .loginput{ border:0; border-left:1px solid #ddd; height:33px; line-height:33px; vertical-align:middle; padding:0 5px; width:200px;font-family:"";}
.log-popup-con .yn .logbut{ display:block; height:40px; line-height:40px; vertical-align:middle; font-size:18px;  background:#a11b23; color:#fff; width:100%; margin:25px auto 0; cursor:pointer; font-family:"";letter-spacing:2px; border-radius:5px; border:0;}
.log-popup-con .yn .logbut:hover{ background:#ba1722; }
{ position: fixed; right:50%; margin-right:-600px; top:20%;}

.sjkGo{ display:block; width:150px; height:40px; line-height:36px; border-radius:20px; margin:25px auto 0px;  text-align:center; background:#aa1a23; color:#fff; font-size:18px;}
.sjkGo:hover{ color:#fff; background:#c71722;}




/*****message*****/
.message{ padding:2% 0 4%; overflow:hidden; background:#fff;}
.message_left{ overflow:hidden; margin:0 50px; border-top:1px solid #ddd;}
.message_top{ border-bottom:1px solid #d3d9e0; padding:1% 0 2%; overflow:hidden; margin:0;}
.message_top .num{float:left; line-height:30px;}
.message_top .num b{ font-weight:normal; color:#F90; margin:0 2px;}
.message_top .mt_right{ float:right; overflow:hidden; background:#eee; -webkit-border-radius: 20px; -moz-border-radius:20px;border-radius: 20px; behavior: url(../images/pie.htc); position:relative;}
.message_top .mt_right .input1{ float:left; padding: 0 18px; width:216px; height:30px; background:none;border:0; margin-right:5px; }
.message_top .mt_right .btn2{ float:right; width:65px; height:30px; background:#f3a1a1; border:0; font-weight:bold; color:#940a0a; cursor:pointer;}
.message_top .mt_right .btn2:hover{ color:#fff; background:#cd1422;}

.message_list{ padding:1% 0 0;}
.message_list dl{ width:100%; border-bottom:1px solid #f5f5f5; padding: 2% 0; overflow:hidden;}
.message_list dl dt{line-height:25px;font-size:14px; overflow:hidden;}
.message_list dl dt .metit{ height:25px; overflow:hidden; font-size:15px; background:url(../images/message_ico1.png) 2px 3px no-repeat;  font-weight:normal;color:#000; text-indent:28px;}
.message_list dl dt .right_detail{ text-indent:28px;font-size:12px; color:#bababa; }
.message_list dl dt .right_detail .font_gray{ color:#3cb4f9;}
.message_list dl .mecont{ background:url(../images/message_ico2.gif) left 6px no-repeat; line-height:26px; color:#666; padding:1% 0; padding-left:28px; font-weight: bold; text-align:justify; text-justify:inter-ideograph;}
.message_list dl .reply{ border:1px dotted #ddd; background:#fcfcfc; margin: 5px 0 6px; padding: 15px 20px; text-align:justify; text-justify:inter-ideograph;}
.message_list dl .reply .reoly_tit{ line-height:24px; color:#f7a525;}
.message_list dl .reply .reoly_tit b{ font-weight:normal; color:#999; margin-left:5px;}
.message_list dl .reply .reoly_cont{ padding:5px 0;}
.message_list dl .reply p{  line-height: 24px;}
.message_list dl .reply p  font{ font-size: 13px;}

.message_right{ overflow:hidden; margin:1% 0 0 8%}
.message_right ul{ padding:1% 0px 1% 0; overflow:hidden;}
.message_right ul li{ margin-bottom:20px;}
.message_right ul li label{ display:inline-block; width:120px; text-align:right; vertical-align:top; line-height:28px;}
.message_right ul li label b{ color:#F90; margin-right:5px;}
.message_right ul li .inputcss{ height:28px; line-height:28px; vertical-align:middle; background:#fff; border:1px solid #ddd; width:65%; padding:0 5px;}
.message_right ul li .input_detail{ background:#fff; border:1px solid #ddd;  width:65%; padding:0 5px; height:100px;}
.message_right ul li img.yzm{ display:inline-block; vertical-align:top; width:70px!important; height:28px!important;border:0;margin-top: 0;}
.message_right ul li.detail{ margin-right:5%; padding:2% 25% 2%;}
.message_right ul li .btn_message{ width:47.2%; height:34px;background:#64a3d3;color:#fff; font-size:14px; font-weight:bold; border:0; cursor:pointer; margin:0 1%;}
.message_right ul li .btn_message:hover{ background:#cd1422;}

.returntw{    float: left;
    display: block;
    background: #cd1422;
    padding: 0 15px;
    line-height: 28px;
    height: 30px;
    margin: 8px 0 0 15px;
    color: #fff;
    border-radius: 15px;}
.returntw:hover{  background: #ef3342; color: #fff; }

@media (max-width:1024px){
.content_page{ width:960px; padding:20px; margin:0 auto;}
.newsList2{ padding:20px;}
.page{ width:960px;}
.insmenu ul li a{ padding:0 5px;}
}

@media (max-width:1023px){

.head{ width:100%; /* background-size:100% 100%; */ background-size: cover; /* padding-bottom: 30px; */}
.head .logo a{padding-top:70px;}
.head .logo a img{ width:70%;}
.input{ width:55%;}
.search_btn{float:none; width:100%; margin:10px auto 0px;}

#cssmenu > ul{ width: 100%!important;}

.content_page{ width:100%; padding:20px 0 20px;}
.p_btns .total_count{display:none;}
.newsList{ padding:20px 10px 30px;}

.fast{ position:absolute; top:10px; left:5px; z-index:999;}
.fast ul li{ float:left; margin-right:3px;}
.fast ul li a i{display:none;}
.fast ul li a{ width:72px; height:24px; line-height:22px; background:rgba(255,255,255,.6);}

.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 20px 50px;}
.art img, .art table{max-width:95%; width: 95%!important; height: auto!important;}

.bookcont{ float:none; width:100%; margin:0 auto;}
.book_show_img{ width:30%; box-sizing:border-box; float:left;}
.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:auto; 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%; height: 42px; line-height: 42px; box-sizing:border-box; padding:0px; text-align:center; border-bottom:1px solid #ddd; margin-bottom:5px;}
.insmenu ul li a{ padding:0px;}

.search{ width:auto; height:120px; /* margin-bottom: 0!important; */}
.search form{ padding:0;width:90%; margin:0 auto;}
.choose,.input{ float:none;}
.input{ margin-top:5px; width:98%;}
.choose{ width:98%;}
.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%;}

/* 标签分类 */
.classTag ul li a{ width: auto; font-size: 13px;}

}
@media (max-width: 1023px){
.ewm_con{ display: none;}
.flink_sel{ width: 22%;}
.topic{ margin-top: 46px;}

.newsList3 li .picLeft{ width: 20%; margin-right: 2%;}
.newsList3 li .secInfo{ width: 78%;}

.bookList dl{    width:50%; }
}

@media (max-width: 768px){
.topic{ position: absolute;}
.head{ padding-bottom: 10px;}
.head .logo a { padding-top: 90px;}
.footer{ height: 190px;}
.flink_sel{ width: 16%;}
.log-popup{ width: 95%; margin-left: -47.5%;}
.log-popup-con .yn p .loginput { width: 180px;}

.newsList3 li .picLeft{ width: 100%;  height: 200px;}
.newsList3 li .secInfo{ width: 100%; margin-top: 10px;}
.newsList3 li .secInfo h3{ font-size: 15px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.quesiton ul li{ width: 100%;}
.quesiton ul li a.more{ width: 20%;}

.classTag{ height: auto;}

.location h3.biaoqian{ float: none;}
.location .tit{ float: none; width: 100%; height: auto;}

.video{ height: 250px;}
.bookList dl{    width:100%; }

}
@media (max-width: 360px){
.insmenu ul li a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
}

.inside_con{ padding:10px 0; min-height:300px}

