@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:20px; float:left;} .hengpic{width:1004px; float:left;} .hengpic img{margin:0 auto; display:block; margin-top:30px;} /*a link*/ a {text-decoration: none;color: #333;} a:hover {text-decoration: none; color: #477ab7;} /*banner*/ #banner{width:100%; height:751px;background:url(/uploads/image/z2images/banbg.png) no-repeat 0 0; background-position:center top;} .publogo{width:1000px; padding-top:100px;} .publogo img{display:block; margin:0 auto; margin-top:30px;} .publogo li{display:block; 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 3px #2455d5; 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 3px #2040e1;} .publogo li span a{color:#fff;} .publogo li span a:hover{color:#d6e9ff;} /*navbar*/ .navbar{width:100%; background:url(/uploads/image/z2images/dybg.png) no-repeat top center; height:216px;} .navbar li{display:block; margin:0 auto; position:relative; width:1000px;padding:40px 0px;} .navbar li p{background:url(/uploads/image/z2images/dy.png) no-repeat left top; padding-left:90px;font-size:20px; font-family:microsoft yahei; line-height:32px; color:#fff; font-weight:500;text-shadow:0px 0px 3px #2455d5; display:block;} .navbar li span{display:block; position:absolute; right:0px; bottom:10px;font-size:16px; font-family:microsoft yahei; font-weight:bold;text-shadow:0px 0px 3px #2040e1;} .navbar li span a{color:#fff;} .navbar li span a:hover{color:#d6e9ff;} /*幻灯片*/ .picitem {width: 614px; height: 352px; float: left; overflow: hidden;} .yx-rotaion {margin: 0 auto;background: #8b0101;} .yx-rotaion-btn, .yx-rotaion-title, .yx-rotation-focus, .yx-rotation-t, .yx-rotaion-btn {position: absolute;} .yx-rotation-title {position: absolute; width: 100%;height: 40px;line-height: 40px; background: #000; filter: alpha(opacity=40); -moz-opacity: .4; -khtml-opacity: .4; opacity: .4; left: 0;bottom: 0;_bottom: -1px;z-index: 101;} .yx-rotation-t {color: #fff;font-size: 18px;font-family: microsoft yahei;font-weight: 500;z-index: 102; bottom: 0;left: 10px;line-height: 40px;} .yx-rotation-focus span, .yx-rotaion-btn span { background: url(/uploads/image/z2images/ico.png) no-repeat; display: block;} .yx-rotation-focus {height: 40px;line-height: 40px; right: 20px;bottom: 0; z-index: 102;} .yx-rotation-focus span {width: 12px;height: 12px;line-height: 12px;float: left;margin-left: 5px;position: relative;top: 14px; cursor: pointer;background-position: -24px -126px; text-indent: -9999px;} .yx-rotaion-btn {width: 100%;height: 41px;top: 50%; margin-top: -20px;} .yx-rotaion-btn span {width: 41px; height: 41px; cursor: pointer;filter: alpha(opacity=30); -moz-opacity: .3; -khtml-opacity: .3; opacity: .3;position: relative;} .yx-rotaion-btn .left_btn { background-position: -2px -2px; float: left;left: 10px;} .yx-rotaion-btn .right_btn {background-position: -2px -49px;float: right;right: 10px;} .yx-rotaion-btn span.hover {filter: alpha(opacity=80);-moz-opacity: .8;-khtml-opacity: .8; opacity: .8;} .yx-rotation-focus span.hover { background-position: -10px -126px;} .rotaion_list { width: 0; height: 0; overflow: hidden;} .rotaion_list li img {width: 614px;height: 352px;} /*幻灯片右侧*/ .jjgyboxlet{width:614px;float:left;} .jjgyboxrigt{width:365px; position:relative; float:right;} .jjgyrigt{width:365px;position:absolute;} .jjgyrigt h3{display:block;} .jjgyrigt ul{display:block; width:345px;} .jjgyrigt ul h2{display:block; font-family:simhei; font-size:18px; font-weight:bold;display:block; width:365px; margin-top:15px;} .jjgyrigt ul p{display:block; font-size:14px;font-family:microsoft yahei;font-weight:500;} .jjgyrigt ul p span a{clear:none;line-height:30px; font-size:16px; font-family:microsoft yahei;text-indent:5px; width:40px; color:#f00;} .jjgyrigt ul p span a:hover{color:#9fc6f4;} .jjgyrigt li{display:block; line-height:40px; font-size:16px; font-family:microsoft yahei; font-weight:500; text-align:right;} /*四个分栏*/ .dowtit{width:485px; position:relative; float:left; display:block; margin-top:20px;} .dowtit ul{height:35px;} .dowtit ul h2{display:block; font-family:microsoft yahei; font-size:24px; height:35px; font-weight:bold; position:absolute; left:0px; top:0px; color:#3472dd;} .dowtit ul a{display:block; font-family:microsoft yahei; position:absolute; right:5px; top:0px; line-height:35px; color:#3472dd; font-weight:500;} .dowtit ul a:hover{color:#666;} .dowtit li{display:block; line-height:30px; background:url(/uploads/image/z2images/libg.png) no-repeat left; text-indent:1em; font-size:18px; font-family:microsoft yahei; margin-top:12px; font-weight:500;} .dowtit div{width:485px; min-height:110px; margin-top:10px; display:block;} .dowtit div img{display:block; width:194px; margin-right:20px; float:left;} .dowtit div h3{font-size:18px; font-weight:bold; display:block;} .dowtit div p{display:block; font-size:12px;font-family:microsoft yahei;} .dowtit div p span a{color:#f00;} .dowtit div p span a:hover{color:#9fc6f4;} /*三分栏*/ .tsgybox{width:330px; position:relative; float:left; display:block; margin-top:20px;} .tsgybox ul{height:35px;} .tsgybox ul h2{display:block; font-family:microsoft yahei; font-size:24px; height:35px; font-weight:bold; position:absolute; left:0px; top:0px; color:#3472dd;} .tsgybox ul a{display:block; font-family:microsoft yahei; position:absolute; right:5px; top:0px; line-height:35px; color:#3472dd; font-weight:500;} .tsgybox ul a:hover{color:#666;} .tsgybox li{display:block; line-height:30px; background:url(/uploads/image/z2images/libg.png) no-repeat left; text-indent:1em; font-size:16px; font-family:microsoft yahei; margin-top:12px; font-weight:500;} /*图说纲要内容*/ .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: 326px;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: 326px;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: 326px;transition: .4s;} .effect-1 .member-image img {width: 326px;height: 343px;} .effect-1 .more-info {width: 326px; height: 0; transition: .4s;overflow: hidden;z-index: 9;position: relative; background-color: rgba(51, 102, 204, 0.4);color: #fff;} .effect-1:hover .more-info {width: 326px;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:326px;} .effect-2 .member-image {position: absolute;width: 326px;transition: .4s;} .effect-2 .member-image img {width: 326px;height: 343px;} .effect-2 .more-info {width: 326px; height: 0; transition: .4s;overflow: hidden;z-index: 9;position: relative; background-color: rgba(51, 102, 204, 0.4);color: #fff;} .effect-2:hover .more-info {width: 326px;height: 343px; transition: .4s;} .effect-3{position:absolute; left:652px;} .effect-3 .member-image {position: absolute;width: 326px;transition: .4s;} .effect-3 .member-image img {width: 326px; height: 343px;} .effect-3 .more-info {width: 326px; height: 0; transition: .4s;overflow: hidden;z-index: 9;position: relative; background-color: rgba(51, 102, 204, 0.4);color:#fff;} .effect-3:hover .more-info {width: 326px;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(51, 102, 204, 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:24px; padding-top:25px; padding-bottom:30px; margin-top:20px; font-size:14px; color:#ffffff; background:#0f68af; font-family:microsoft yahei; 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:url(/uploads/image/z2images/small1.png); 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:url(/uploads/image/z2images/small1.png) 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:url(/uploads/image/z2images/a_87.jpg) no-repeat;} .zt_13_02{width:90px; line-height:18px; text-align:center; background:url(/uploads/image/z2images/a_88.jpg) no-repeat;} .zt_13_03{width:90px; line-height:18px; text-align:center; background:url(/uploads/image/z2images/a_89.jpg) no-repeat;} .zt_13_04{width:90px; line-height:18px; text-align:center; background:url(/uploads/image/z2images/a_91.jpg) 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;}