@charset "utf-8"; /* css document */ * { margin: 0; padding: 0; box-sizing: border-box;} body{line-height:1.5;font-family:arial,"\5b8b\4f53";background:#fefcf4;font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;} h1,h2,h3,h4,h5,h6{font-size:100%;} ol,ul,li{list-style:none;} address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;*font-size:100%;} fieldset,img,a img,:link img,:visited img{border:0;} a{text-decoration:none; color:#333;} a:hover{text-decoration:none; color:#d3301f;} .main{width:1004px; margin:0 auto;} .left{float:left;} .right{float:right;} .heng{width:1004px; margin-top:15px; float:left;} /*a link*/ a{text-decoration:none;} a:link{color:#333;} a:visited{color:#333;} a:hover{color:#293994;} a:active{color:#333;} /*banner*/ #banner{width:100%; background: no-repeat top; height:800px;} .publogo{width:1000px; padding-top:30px; display:block;} .publogo img{width:1000px; display:block; margin:0 auto; padding-top: 100px;} .publogo li{display:block; margin-top:30px; position:relative;} .publogo li p{text-indent:2em;font-size:18px; font-family:microsoft yahei; line-height:32px; color:#fff; font-weight:500;text-shadow:0px 0px 1px #d6e9ff; display:block;} .publogo li span{display:block; position:absolute; right:0px; bottom:0px;font-size:16px; font-family:microsoft yahei; font-weight:bold;text-shadow:0px 0px 1px #d6e9ff;} .publogo li span a{color:#fff;} .publogo li span a:hover{color:#d6e9ff;} /*navbar*/ .navbar{width:100%; background:#2675f0; height:10px;} /*头条*/ .toufit{display:block; padding:10px;} .toufit h2{display:block;font-family:microsoft yahei; font-size:30px; line-height:36px; font-weight:bold;color:#bd1a2d; text-align:center;} .toufit h2 a{color:#275994;} .toufit h2 a:hover{color:#2e78d0;} /*聚焦纲要*/ .jjgybox{display:block; background: repeat-x bottom; height:373px;} .jjgyboxlet{width:500px; height:373px; position:relative; float:left;} .jjgyboxlet img{width:480px; position:absolute; right:0px; bottom:20px;} .jjgyboxrigt{width:480px; height:373px; position:relative; float:right;} .jjgyrigt{width:470px; top:45px; right:15px; position:absolute;} .jjgyrigt ul{border-bottom:2px solid #fff; height:50px;} .jjgyrigt ul h2{display:block; font-family:microsoft yahei; font-size:30px; height:35px; font-weight:bold; position:absolute; left:0px; top:0px; color:#fff;} .jjgyrigt ul a{display:block; font-family:microsoft yahei; position:absolute; right:5px; top:0px; line-height:35px; color:#fff; font-weight:500;} .jjgyrigt ul a:hover{color:#9fc6f4;} .jjgyrigt li{display:block; height:50px; border-bottom:1px dashed #fff; position:relative;} .jjgyrigt li a{clear:none;color:#fff;line-height:30px; font-size:16px; font-family:microsoft yahei;text-indent:5px; display:block; position:absolute; top:10px;} .jjgyrigt li a:hover{color:#9fc6f4;} /*四个分栏*/ .dowtit{width:485px; margin-right:20px; position:relative; float:left;} .dowtit ul{border-bottom:2px solid #b7b7b7; height:35px;} .dowtit ul h2{display:block; border-bottom:2px solid #293994; font-family:microsoft yahei; font-size:24px; height:35px; font-weight:bold; position:absolute; left:0px; top:0px; color:#293994;} .dowtit ul a{display:block; font-family:microsoft yahei; position:absolute; right:5px; top:0px; line-height:35px; color:#293994; font-weight:500;} .dowtit ul a:hover{color:#666;} .dowtit li{display:block; line-height:30px; background: no-repeat left; text-indent:1em; font-size:18px; font-family:microsoft yahei; margin-top:12px;} /*图说纲要*/ .tsgybox{width:1000px; position:relative; float:left;} .tsgybox ul{border-bottom:2px solid #b7b7b7; height:35px;} .tsgybox ul h2{display:block; border-bottom:2px solid #293994; font-family:microsoft yahei; font-size:24px; height:35px; font-weight:bold; position:absolute; left:0px; top:0px; color:#293994;} .tsgybox ul a{display:block; font-family:microsoft yahei; position:absolute; right:5px; top:0px; line-height:35px; color:#293994; font-weight:500;} .tsgybox ul a:hover{color:#666;} /*图说纲要内容*/ .contline{width:1004px; float:left; margin-right:20px; position:relative;} .contline p{width:1004px; display:block;} .contline p span{display:block; width:47px; height:22px; position:absolute; right:0px; z-index: 9999;} .contline p span a{color:#ccc;} .contline p span :hover{color:#d3301f;} /*图文展示*/ .container {width:980px;margin:0px auto;text-align:left;position: relative; height:480px;} .single-member {width: 245px;float: left;background-color: #fff;text-align: left;} .member-image img { max-width: 100%;vertical-align: middle;} .member-info p, .more-info p {display: block;padding: 20px; width: 245px;font-family:microsoft yahei;font-size:16px; height:110px;} .member-info p {background: #2e78d0;color: #fff;} .member-info p a{color:#fff;} .more-info p a{color: #fff;} .effect-1 .member-image {position: absolute;width: 245px;transition: .4s;} .effect-1 .member-image img {width: 245px;height: 343px;} .effect-1 .more-info {width: 245px; height: 0; transition: .4s;overflow: hidden;z-index: 9;position: relative; background-color: rgba(46, 120, 208, 0.4);color: #fff;} .effect-1:hover .more-info {width: 245px;height: 343px; transition: .4s;} .effect-1 .member-info p {background: #2e78d0;color: #fff;z-index: 9;position:absolute; top:343px;} .effect-2{position:absolute; left:245px;} .effect-2 .member-image {position: absolute;width: 245px;transition: .4s;} .effect-2 .member-image img {width: 245px;height: 343px;} .effect-2 .more-info {width: 245px; height: 0; transition: .4s;overflow: hidden;z-index: 9;position: relative; background-color: rgba(46, 120, 208, 0.4);color: #fff;} .effect-2:hover .more-info {width: 245px;height: 343px; transition: .4s;} .effect-3{position:absolute; left:490px;} .effect-3 .member-image {position: absolute;width: 245px;transition: .4s;} .effect-3 .member-image img {width: 245px; height: 343px;} .effect-3 .more-info {width: 245px; height: 0; transition: .4s;overflow: hidden;z-index: 9;position: relative; background-color: rgba(46, 120, 208, 0.4);color:#fff;} .effect-3:hover .more-info {width: 245px;height: 343px; transition: .4s;} .effect-3 .member-info p {background: #2e78d0;color: #fff;z-index: 9;position:absolute; top:343px;} .effect-4{position:absolute; left:735px;} .effect-4 .member-image {position: absolute;width: 245px;transition: .4s;} .effect-4 .member-image img {width: 245px;height: 343px;} .effect-4 .more-info {width: 245px; height: 0;transition: .4s;overflow: hidden; z-index: 9; position: relative; background-color: rgba(46, 120, 208, 0.4);color: #fff;} .effect-4:hover .more-info {width: 245px;height: 343px; transition: .4s;} /*copy*/ .banquan{clear:none; text-align:center; width:100%; line-height:20px; padding-top:25px; padding-bottom:30px; margin-top:20px; font-size:12px; color:#ffffff; background:#2e85ed; font-family:microsoft yahei; font-size:13px; float:left;} /*列表页*/ .liebiao{width:987px; background-color:#fff; float:left;} .liebiao h2{font-size:24px; color:#293994; font-weight:bold;line-height:40px; height:40px; border-bottom:2px solid #293994;padding-left:15px;} .liebiao ul{ padding:10px; width:967px; float:left;} .liebiao ul li{font-size:14px; margin-left:18px; background-image:; background-repeat:no-repeat; background-position:left; width:900px; float:left; padding-left:30px; border-bottom:1px dashed #ccc; line-height:40px; height:40px;} .liebiao ul li:hover{background: no-repeat left;background-color:#fff0e3;} .liebiao ul li span{float:right; width:80px; color:#ccc;} .bordertop {border-top:1px solid #f4f4f4; height:30px; width:987px; text-align:center; float:left;} /*列表页-翻页按钮*/ .zt_13{width:980px; text-align:center; padding:10px; clear:both; margin-bottom:10px; margin-left:30px;} .zt_13_01{width:90px; line-height:18px; text-align:center; background: no-repeat;} .zt_13_02{width:90px; line-height:18px; text-align:center; background: no-repeat;} .zt_13_03{width:90px; line-height:18px; text-align:center; background: no-repeat;} .zt_13_04{width:90px; line-height:18px; text-align:center; background: no-repeat;} /*列表页-翻页按钮字连接颜色*/ a.baise{text-decoration:none; color:#fff;} a.baise:link{color:#fff;} a.baise:visited{color:#fff;} a.baise:hover{color:#999;} a.baise:active{color:#fff;} /*lastpage*/ .zuizhong{width:987px; background-color:#fff; float:left;} .zuizhong h2{width:967px; float:left; line-height:46px; height:60px; border-bottom:2px solid #b11314; font-size:30px; font-family:"microsoft yahei"; font-weight:bold; text-align:center; display:block; margin-top:30px;} .zuizhong li{clear:none;width:967px; height:32px; line-height:32px; background-color:#f3f3f3; text-align:center; color:#666; font-size:12px; float:left;} .zuineirong{margin:40px;} .zuineirong p{line-height:28px; font-size:14px; float:left; margin:5px; text-indent: 2em;} .zuineirong p span{text-align:right; float:right; width:967px;}