@charset "gb2312";
/* CSS Document */
* { margin: 0px; padding: 0px; }
body { font-size: 16px; line-height: 1.5em; font-family: "Arial", "Microsoft Yahei", "Heiti SC", simsun, sans-serif; color: #323232; background: #ffffff; word-wrap: break-word; -webkit-font-smoothing: antialiased; }
a { color: #323232; text-decoration: none; outline: none; }
a:hover { color: #db0028; }
ul, li, ol { list-style: none; border: none; }
img, video { max-width: 100%; height: auto; border: 0; }
::selection { color: #fff; background-color: #25b9e1; }
h1, h2, h3, h4, h5, h6, i { font-style: normal; font-weight: normal }
div, dl, ul, li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type=text], input[type=password], textarea { font-family: "Microsoft Yahei", SimSun, Arial, "Helvetica Neue", Helvetica; }
.clearfix:after, .contentA:after, .content:after, .menu:after, .header:after, .footer:after { content: ""; display: block; height: 0; clear: both; visibility: hidden }
.clearfix, .contentA, .contnet, .menu, .header, .footer { *zoom: 1
}
.l { float: left }
.r { float: right }
.header, #footer { background: #af0020; width: 100%; }
.warp { width: 100%; }
.head { background: #ffffff url(../images/bjlhdxtwyjy_top.png) repeat-x; height: 150px }
.head .inr, .Nav { width: 1200px; margin: 0 auto; position: relative; }
.head .inr .logo { width: 662px; height: 106px; position: absolute; left: 0; top: 27px }
.nav { background: #db0028; height: 60px; line-height: 60px }
.Nav ul li { display: block; float: left; font-size: 18px; font-weight: bold; color: #fff }
.Nav ul li a { color: #fff; display: block; padding: 0 33px; }
.Nav ul li a:hover { color: #db0028 }
.Nav ul li:hover { display: block; background: #fff; color: #db0028 }
.Nav ul li:hover a { color: #db0028 }
.Nav ul li.on { background: #fff; color: #db0028; }
.Nav ul li.on a { color: #db0028 }
.Nav ul li:hover.on a:hover { color: #db0028 }
.contentA { border: 1px #d9d9d9 solid; box-shadow: 2px 2px 5px #d9d9d9; width: 1200px; margin: 50px auto 0; }
.contentA .blockA { float: left; width: 650px; padding: 20px; }
.contentA .blockA a.pic { width: 610px; height: 362px; overflow: hidden; display: block; }
.contentA .blockA a.pic img { -webkit-transition: transform 1s ease-out; -moz-transition: transform 1s ease-out; -ms-transition: transform 1s ease-out; -o-transition: transform 1s ease-out; transition: transform 1s ease-out; width: 610px; height: 362px; }
.contentA .blockA a.pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.contentA .blockB { float: right; width: 548px; padding: 20px 20px 20px 0; }
.contentA .blockB h3 { font-size: 24px; font-weight: bold; line-height: 30px; color: #db0028; margin: 20px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.contentA .blockB h3 a { color: #db0028; }
.contentA .blockB p { font-size: 14px; color: #8b8b8d; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;text-align: justify;}
.contentA .blockB ul { margin-top: 20px; }
.contentA .blockB ul li { font-size: 20px; color: #323232; border-bottom: 1px #d9d9d9 dashed; padding: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.menu { border-bottom: 1px #cccccc solid; position: relative; }
.menu h2 { text-align: right; font-size: 20px }
.menu h2 span { float: right; padding-top: 12px; }
.menu h2 p { padding: 10px 0 8px; color: #db0028; display: block; float: left; font-weight: bold; border-bottom: 4px #e23838 solid; position: absolute; bottom: -2px; }
.menu h2 a:hover p { color: #838383 }
.menu h2 p i { color: #323232; font-weight: bold; }
.menu h2 a { display: block; }
.content { width: 1200px; margin: 30px auto 0; }
.content .blockA { width: 800px; float: left; }
.content .blockA ul.list { margin: 0 0 30px 0; overflow: hidden; }
.content .blockA ul.list li { border-bottom: #e5e5e5 1px solid; overflow: hidden; padding: 20px 0; }
.content .blockA ul.list li .pic { float: left; margin-right: 18px; }
.content .blockA ul.list li a.pic { width: 34%; height: auto; overflow: hidden; display: block; }
.content .blockA ul.list li a.pic img { -webkit-transition: transform 1s ease-out; -moz-transition: transform 1s ease-out; -ms-transition: transform 1s ease-out; -o-transition: transform 1s ease-out; transition: transform 1s ease-out; width: 100%; height: auto; }
.content .blockA ul.list li a.pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.content .blockA ul.list li h3 { font-size: 20px; font-weight: bold; color: #000000; padding: 10px 0 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.content .blockA ul.list li span { color: #999999; margin-right: 20px; font-size: 14px; }
.content .blockA ul.list li p { color: #000000; font-size: 16px; margin: 20px 0 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;text-align: justify;}
.content .blockB { width: 350px; float: right; }
.content .blockB .menu h2 { font-size: 18px }
.content .blockB .menu h2 p { border-bottom: 0px #e23838 solid }
.content .blockB ul.list { margin: 10px 0 20px; overflow: hidden; }
.content .blockB ul.list li { background: url(../images/bjlhdxtwyjy_dot.png) 0 8px no-repeat; color: #7e7e7e; font-size: 18px; line-height: 26px; padding-left: 15px; margin: 10px 0; }
.content .blockB ul.list li a { color: #7e7e7e }
.content .blockB ul.list li a:hover { color: #db0028 }
ul.jglist { width: 280px; ; margin: 30px auto; }
ul.jglist li { background: #c20c21; height: 60px; line-height: 60px; text-align: center; margin-bottom: 20px; color: #fff; font-size: 18px }
ul.jglist li i { background: url(../images/bjlhdxtwyjy_jgicon.png) no-repeat; width: 35px; height: 29px; display: inline-block; vertical-align: middle; margin-right: 15px; }
ul.jglist li i.a1 { background-position: 0 0 }
ul.jglist li i.a2 { background-position: 0 -78px }
ul.jglist li i.a3 { background-position: 0 -158px }
ul.jglist li i.a4 { background-position: 0 -239px }
ul.jglist li a { color: #fff; display: block }
ul.jglist li a:hover { border: 1px #c20c21 solid; color: #c20c21; background: #cdcdcd; }
ul.zllist { width: 100%; overflow-y: auto; overflow-x: hidden; height: 646px; background: #e9e9e9; border: 1px #d9d9d9 solid; margin: 20px 0 40px; padding-top: 8px; }
ul.zllist li { width: 50%; float: left; text-align: center; margin: 8px 0 0; }
ul.zllist li img { width: 120px; height: 120px; display: block; margin: 0 auto 5px; }
ul.zllist li span { font-size: 20px; color: #323232 }
/*footer*/

.footer { width: 1200px; margin: 0 auto; text-align: center; font-size: 14px; line-height: 30px; color: #fff; padding: 20px; }
.footer p { width: 629px; margin: 0 auto; text-align: left; }
.footer p span { margin-right: 15px; }
/*column_list*/

ul.con_list { margin: 10px 0 40px 0; overflow: hidden; }
ul.con_list li { border-bottom: #e5e5e5 1px solid; overflow: hidden; padding: 30px 0; }
ul.con_list li .pic { float: left; margin-right: 18px; }
ul.con_list li a.pic { width: auto;max-width: 270px; height: auto; overflow: hidden; display: block; }
ul.con_list li a.pic img { -webkit-transition: transform 1s ease-out; -moz-transition: transform 1s ease-out; -ms-transition: transform 1s ease-out; -o-transition: transform 1s ease-out; transition: transform 1s ease-out; width: 100%; height: auto; }
ul.con_list li a.pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
ul.con_list li h3 { font-size: 20px; font-weight: bold; color: #000000; padding: 10px 0 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
ul.con_list li span { color: #999999; margin-right: 20px; font-size: 14px; }
ul.con_list li p { color: #000000; font-size: 16px; margin: 20px 0 0; text-align: justify; }
/*current location*/

.where { background: url(../images/bjlhdxtwyjy_sechome.png) no-repeat; padding-left: 30px; color: #8b8b8d }
.where a { color: #8b8b8d }
.where a:hover { color: #db0028 }
/*翻页_begin*/

#pageNumber { margin: 49px 280px 39px 0; text-align: center; background: #fff; }
#pageNumber { margin: 0 auto; padding: 0px 0 30px; }
#pageNumber span, #pageNumber font, #pageNumber a { display: inline-block; font-size: 0.875rem; font-size: 14px; line-height: 2.57em; color: #666; }
#pageNumber font, #pageNumber a { padding: 0 15px; border-radius: 5px; }
#pageNumber font { color: #FFF; background: #db0028; }
#pageNumber a { background: #FFF; }
/*内容页*/

.content h1 { font-size: 36px; line-height: 40px; text-align: left; font-weight: bold; margin: 30px auto 50px; text-align: center; }
.content .other { padding-bottom: 10px; width: 96%; margin: 0 auto 0px; position: relative; height: 45px }
.line { border-bottom: 1px #dedede solid; margin: 0px 0 20px }
.content .other span { font-size: 14px; font-family: simsun; color: #6f6f6f; float: left; margin-right: 20px; padding-top: 4px; }
.content .other span.TT { background: url(../images/contT.png) no-repeat; height: 31px; width: 31px; }
.content .other span.TT a { display: block; width: 31px; height: 31px; color: #bbbbbb; }
/*.content .other span.TT i { font-size: 16px; color:#bbbbbb;  font-weight: bold;
text-align: right; line-height:26px; margin-left:14px; font-style: normal; font-family:micrsoft Yahei; width:7px; height:7px}*/

.content .other span.TT i { width: 14px; height: 31px; display: block; margin-left: 12px }
.content .other span.TT i.jia { background: url(../images/contTjj.png) 5px no-repeat; }
.content .other span.TT i.jian { background: url(../images/contTjj.png) -13px no-repeat; }
.min { font-size: 17px }
.max { font-size: 20px }
.content .other span.share { display: none; background: url(../images/contS_wapSh.png) no-repeat; width: 30px; height: 30px }
.content .other span.print { background: url(../images/printIcon.png) 0 10px no-repeat; width: 14px; height: 22px; float: left; }
.content .other .fenxiang { position: relative; overflow: hidden; display: block; float: right; }
.content .other .fenxiang .fx { background: url(../images/contShbg.png) no-repeat; width: 29px; height: 30px; text-align: center }
.content .other .fenxiang .fx:hover { background: url(../images/contSlbg.png) no-repeat }
.content .other .fenxiang .fx img { margin: 2px auto 0 }
.content .cont { font-size: 18px; overflow: hidden; width: 90%; margin: 20px auto 0 }
.content .cont p { margin: 5px 0 37px; line-height: 30px }
.editor { color: #555555; font-size: 14px; float: right; font-family: simsun }
/* 学者专栏*/
ul.xzzlList { width: 1300px;margin: 20px 0;overflow: hidden;}
ul.xzzlList li { margin-right: 15px; border: 1px #d9d9d9 solid; box-shadow: 2px 2px 5px #d9d9d9; width: 30%; padding: 15px; float:left; margin-bottom:20px; height:328px}
ul.xzzlList li img { float: left; margin-right: 10px; width: 120px; height: 120px; }
ul.xzzlList li h3 { font-size: 20px; font-weight: bold; color: #323232; margin: 5px 0 }
ul.xzzlList li p { font-size: 14px; line-height: 24px; color: #8b8b8d; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;margin-bottom: 10px;text-align: justify;}
ul.xzzlList li>ul.inrL { display: block;min-height: 208px; }
ul.xzzlList li>ul.inrL li { box-shadow: 0 0 0 #fff; border: 0; border-bottom: 1px #d9d9d9 dashed; width: auto; padding: 10px 0; margin-right: 0; margin-bottom:0; width:100%; height:auto}
ul.xzzlList li>ul.inrL li:before { clear: both }
/**/

div.bdsharebuttonbox a, div#footerM ul#fFuncBtns li div.bdsharebuttonbox a { background: url(../images/qngs_contS_wxbg.png) 0 0 no-repeat; }
/*bgBand_end*/

/*content_begin*/

div.bdsharebuttonbox a { display: block; float: left; width: 30px; height: 30px; line-height: 36px; margin: 0 5px 0 0; border-radius: 50%; background-color: #a0a0a0; }
div.bdsharebuttonbox a:hover { background-color: #20bfed; }
div.bdsharebuttonbox a.bds_tsina { background-position: 5px -86px; }
div.bdsharebuttonbox a.bds_weixin { background-position: 5px -55px; }
div.bdsharebuttonbox a.bds_sqq { background-position: 6px 4px; }
div.bdsharebuttonbox a.bds_qzone { background-position: 5px -24px; }

/*content_end*/

@media screen and (max-width:663px) {
div.bdsharebuttonbox a { margin: 0 5px 0 0; }
}
 @media screen and (max-width:1024px) {
.contentA, .head .inr, .Nav, .footer,ul.xzzlList { width: 98%; margin: 0 auto; }
.contentA,ul.xzzlList{ margin: 30px auto; border: 0; box-shadow: 0 0 0 }
.contentA .blockA { width: 58%; padding: 10px; }
.contentA .blockB h3 { margin: 10px 0; }
.content .blockA ul.list li h3 { overflow: hidden; white-space: normal; }
.contentA .blockB { width: 40% }
.content .blockA { width: 58%; }
.content .blockB { width: 38%; }
.contentA .blockA a.pic, .contentA .blockA a.pic img { width: 100%; height: auto }
.content .blockA ul.list li a.pic { width: 40%; height: auto }
.content .blockA ul.list li a.pic img { width: 100%; height: auto }
.content { width: 96%; margin: 30px auto 0; }
ul.xzzlList li { width:32%}
ul.xzzlList li:nth-of-type(3n+0){ margin-right:0}
.head .inr .logo { width: 80%; height: auto; left: 2%; }
.where { margin-top: 20px; }
.nav { height: auto; line-height: inherit }
.Nav { width: 100%; margin: 8px auto; line-height: 40px; overflow: hidden }
.Nav::-webkit-scrollbar {
display: none;
}
.Nav ul { margin: 0 auto; float: none }
.Nav { margin-top: 0px; width: 100%; overflow: hidden; box-sizing: border-box; height: 45px; padding: 10px 20px; }
.Nav ul { position: relative; display: -webkit-box; font-size: 0px; top: -10px; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; width: auto; float: none; padding-bottom: 20px; -webkit-overflow-scrolling: touch; -webkit-user-select: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.Nav ul li { font-size: 18px; display: inline; float: none; padding: 14px 9px; margin: 0; line-height: 45px; }
.Nav ul li a { display: inline; padding: 0 7px; }
.Nav ul li:hover { display: inline }
.Nav ul li.on { padding: 14px 9px; }
.footer p { width: auto }
}
 @media screen and (max-width:768px) {
.head { background-position: 0 -5px; height: 135px }
.footer { font-size: 12px; line-height: 150% }
.head .inr .logo { width: 62%; height: auto; left: 2%; top: 40px; }
.contentA .blockA, .contentA .blockB, .content .blockA, .content .blockB { width: 100%; float: none; margin: 0 auto; }
.contentA .blockB { padding: 0 10px; }
.contentA .blockA { padding: 0 10px; }
.contentA .blockB h3 { overflow: hidden; white-space: normal; }
ul.zllist { background: #fff; overflow: hidden; border: 0; height: auto;}
ul.zllist li { width: 25%; float: left; }
ul.xzzlList li { width: 48%; margin-right:20px}
ul.xzzlList li:nth-of-type(3n+0){ margin-right:20px}
ul.xzzlList li:nth-of-type(2n+0){ margin-right:0}
.where { margin-top: 0px; }
.jd { width: 56%; float: left; }
.gk { width: 40%; float: right; }
ul.jglist { width: 90%; }
ul.con_list li { padding: 20px 0; }
ul.con_list li a.pic { width: 40%; height: auto }
ul.con_list li a.pic img { width: 100%; height: auto }
ul.con_list li h3, .content .blockA ul.list li h3 { font-size: 18px; padding: 5px 0 5px; color: #000000; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
/*内容页*/
.content { padding: 5px }
.content .other span { margin-right: 5px }
.content .other span.share { display: block; background: url(../images/contS_wapSh.png) no-repeat; width: 30px; height: 30px; float: right }
.content .other span.TT { float: right }
.content .other .fenxiang { position: absolute; top: 0; right: 68px; overflow: hidden; width: 80%; max-width: 0%; opacity: 0; transition: opacity 0.5s ease 0s; }
.content .other .cur { max-width: 148px; opacity: 1 }
.content .other span.print { display: none }
}
 @media screen and (max-width:480px) {
.head .inr .logo { width: 80%; top: 30px; }
.head { background-position: -415px 10px; height: 120px; background-size: 220% auto; }
.Nav { height: 35px; padding: 10px 0px; }
.Nav ul li { font-size: 16px; line-height: 35px }
ul.con_list li h3, .content .blockA ul.list li h3 { font-size: 16px }
ul.zllist li { width: 33%; }
.contentA .blockB ul li { overflow: hidden; white-space: normal; font-size: 18px }
.jd, .gk { width: 98%; float: none; margin: 0 auto; }
ul.jglist { width: 98%; }
ul.jglist li { width: 49%; margin-right: 1%; float: left; }
ul.xzzlList li { width:98%; float:none; margin:0px auto 20px; height:auto}
ul.xzzlList li:nth-of-type(3n+0){ margin-right:auto}
ul.xzzlList li:nth-of-type(2n+0){ margin-right:auto}
ul.xzzlList li>ul.inrL{ min-height:100%}
.footer { padding: 10px; }
.footer p span { display: block; }
.content { width: 98%; }
.content h1 { font-size: 24px; line-height: 30px; margin: 30px auto 20px; }
.content .cont { font-size: 16px; width: 96%; }
.content .cont p { margin: 5px 0 30px; line-height: 24px; }
}
 @media screen and (max-width:386px) {
.content h1 { text-align: left; }
.head { background-size: 260% auto; background-position: -502px 10px; height: 118px; }
.content .other div { width: 100%; overflow: hidden; margin-bottom: 10px; }
.content .other .fenxiang { top: 38px; }
ul.zllist li { width: 50%; }
ul.jglist li { width: 90%; margin: 0 auto 6px; float: none }
}
 @media screen and (max-width:320px) {
.head { background-size: 260% auto; background-position: -428px 18px; }
.content .blockA ul.list li span { font-size: 12px; margin-right: 10px; }
}
