@charset "gb2312"; /* CSS Document */ input{border:1px solid #ccc;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:12px;vertical-align:baseline;font-weight:normal;} html,body{font-family:Arial,simsun;} body{line-height:1;text-align:left;background-images:block;} ol,ul,li{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} em,i{font-style:normal;} .red{color:#C44425;} .clear{clear:both;} img{border:none;} a{text-decoration: none;} a:link{color:#333;text-decoration:none;} a:visited{color:#333;text-decoration:none;} a:hover{color:#C44425;text-decoration:underline;} a:active{color:#333;text-decoration:none;} /* 左侧导航样式开始 */ .left_daohang{ width:100%; overflow:hidden;} .left_zhong{ width:100%; float:left; overflow:hidden;} .left_zhong li{ overflow:hidden; width:100%; list-style:none; margin-top:5px; position:relative;} .left_zhong .class_A a{ display:block; padding-left:32px; line-height:33px; text-decoration:none; color:#666; font-size:14px; font-weight:bold; width:100%; border-bottom:1px dashed #cccccc;} /*.left_zhong .class_A a:hover{ display:block; height:33px;line-height:33px; color:#ffffff; }*/ /*.left_zhong .class_A a:visited{ display:block; height:33px; line-height:33px;color:#ffffff; }*/ .left_zhong .class_A1 a{ display:block; padding-left:32px; line-height:33px; text-decoration:none; color:#545454; font-size:14px; font-weight:bold; background:url(eportaluiFrameworkhbimagesleftblue1.jpg) no-repeat 15px center; width:100%;} .left_zhong .class_A1 a:hover{ display:block; line-height:33px; color:#ffffff; width:100%;} .left_zhong .class_A1 a:visited{ display:block; line-height:33px; width:100%;} .left_zhong .class_B a{ border-bottom:1px dashed #cccccc; display:block; width:75%; padding-top:3px; padding-bottom:3px; padding-left:55px;line-height:28px; text-decoration:none; color:#545454; font-size:12px; font-weight:normal; } .left_zhong .class_B a:hover{ display:block; width:75%; line-height:28px;padding-top:3px; padding-bottom:3px; color:#da0601;} .left_zhong .class_B a:visited{ display:block; width:75%px; line-height:28px; padding-top:3px; padding-bottom:3px; color:#545454;} .left_zhong .class_B1 a{ display:block; width:100%; padding-left:55px; line-height:28px;padding-top:3px; padding-bottom:3px; text-decoration:none; color:#545454; font-size:12px; font-weight:normal; } .left_zhong .class_B1 a:hover{ display:block; width:100%; line-height:28px;padding-top:3px; padding-bottom:3px; color:#da0601;} .left_zhong .class_B1 a:visited{ display:block; width:100%; line-height:28px; padding-top:3px; padding-bottom:3px; color:#545454;} .left_zhong .class_C a{ border-bottom:1px dashed #cccccc; padding-left:80px; color:#545454; padding-top:3px; padding-bottom:3px; display:block; line-height:28px;} .left_zhong .class_C a:hover{ color:#da0601; display:block; padding-top:3px; padding-bottom:3px; line-height:28px;} .left_zhong .class_C a:visited{ color:#545454; padding-top:3px; padding-bottom:3px; display:block; line-height:28px;} .left_zhong .class_C1 a{ padding-left:60px; color:#545454; padding-top:3px; padding-bottom:3px; display:block; line-height:28px;} .left_zhong .class_C1 a:hover{ color:#da0601; padding-top:3px; padding-bottom:3px;display:block; line-height:28px; } .left_zhong .class_C1 a:visited{ color:#545454; padding-top:3px; padding-bottom:3px; display:block; line-height:28px;} .jiaClass{background: url("eportaluiFrameworkhbimagesleftbluez1.jpg");width:30px;height:33px; position:absolute; background-position:center; background-repeat:no-repeat; cursor:pointer;} .jianClass{background:url("eportaluiFrameworkhbimagesleftbluez2.jpg");width:30px;height:33px; position:absolute; background-position:center;background-repeat:no-repeat; cursor:pointer;} /* 左侧导航样式结束 */ /*绿色导航开始*/ .lleft_daohang{ width:100%; overflow:hidden;} .lleft_zhong{ width:100%; float:left; overflow:hidden;} .lleft_zhong li{ overflow:hidden; width:100%; list-style:none; margin-top:5px; position:relative;} .lleft_zhong .lclass_A a{ display:block; padding-left:32px; line-height:33px; text-decoration:none; color:#666; font-size:14px; font-weight:bold; width:100%; border-bottom:1px dashed #cccccc;} /*.lleft_zhong .lclass_A a:hover{ display:block; height:33px;line-height:33px; color:#ffffff; }*/ /*.lleft_zhong .lclass_A a:visited{ display:block; height:33px; line-height:33px;color:#ffffff; }*/ .lleft_zhong .class_A1 a{ display:block; padding-left:32px; line-height:33px; text-decoration:none; color:#545454; font-size:14px; font-weight:bold; background:url(slyjresourcecms2014042014042816334445098.jpg) no-repeat 15px center; width:100%;} .lleft_zhong .class_A1 a:hover{ display:block; line-height:33px; color:#ffffff; width:100%;} .lleft_zhong .class_A1 a:visited{ display:block; line-height:33px; width:100%;} .lleft_zhong .class_B a{ border-bottom:1px dashed #cccccc; display:block; width:75%; padding-top:3px; padding-bottom:3px; padding-left:55px;line-height:28px; text-decoration:none; color:#545454; font-size:12px; font-weight:normal; } .lleft_zhong .class_B a:hover{ display:block; width:75%; line-height:28px;padding-top:3px; padding-bottom:3px; color:#50ba3f;} .lleft_zhong .class_B a:visited{ display:block; width:75%; line-height:28px; padding-top:3px; padding-bottom:3px; color:#545454;} .lleft_zhong .class_B1 a{ display:block; width:100%; padding-left:55px; line-height:28px;padding-top:3px; padding-bottom:3px; text-decoration:none; color:#545454; font-size:12px; font-weight:normal;} .lleft_zhong .class_B1 a:hover{ display:block; width:100%; line-height:28px;padding-top:3px; padding-bottom:3px; color:#50ba3f;} .lleft_zhong .class_B1 a:visited{ display:block; width:100%; line-height:28px; padding-top:3px; padding-bottom:3px; color:#545454;} .lleft_zhong .class_C a{ border-bottom:1px dashed #cccccc; padding-left:80px; color:#545454; padding-top:3px; padding-bottom:3px; display:block; line-height:28px;} .lleft_zhong .class_C a:hover{ color:#50ba3f; display:block; padding-top:3px; padding-bottom:3px; line-height:28px;} .lleft_zhong .class_C a:visited{ color:#545454; padding-top:3px; padding-bottom:3px; display:block; line-height:28px;} .lleft_zhong .class_C1 a{ padding-left:60px; color:#545454; padding-top:3px; padding-bottom:3px; display:block; line-height:28px;} .lleft_zhong .class_C1 a:hover{ color:#50ba3f; padding-top:3px; padding-bottom:3px;display:block; line-height:28px; } .lleft_zhong .class_C1 a:visited{ color:#545454; padding-top:3px; padding-bottom:3px; display:block; line-height:28px;} .ljiaClass{background: url("slyjresourcecms2014042014042816334445098.jpg");width:30px;height:33px; position:absolute; background-position:center; background-repeat:no-repeat; cursor:pointer;} .ljianClass{background:url("slyjresourcecms2014042014042816334443055.jpg");width:30px;height:33px; position:absolute; background-position:center;background-repeat:no-repeat; cursor:pointer;} /*绿色导航结束*/ /*手机*/ .fr{float:right;} .fl{float:left;} .clear{clear:both;} .tit_css{} .tit_date{} .title{margin:auto 22px;line-height:26px} .title li{list-style-type:none;} .title span{display:block;} .ar_tit a{ text-decoration:none;display:block;line-height:30px;} .ar_tit{ float:right;} .slide_box { zoom: 1; position: relative; width:329px; height:165px; margin:10px 0 20px 0;} .slide2 { overflow: hidden; width:329px; height:228px; } #slide3wrap_box { height: 134px } #slide2wrap_box { height: 134px } .slide2 .item {height:150px;} .slide2 .item img { width:329px; height:165px; border:0px;} .slide_btn2 .btn_prevon2 { float: left; width: 33px; cursor: pointer; height: 33px } .slide_btn2 .btn_prevoff2 {float: left; width: 33px; cursor: pointer; height: 33px } .slide_btn2 .btn_nexton2 { float: left; width: 33px; cursor: pointer; height: 33px } .slide_btn2 .btn_nextoff2 { float: left; width: 33px; cursor: pointer; height: 33px } .slide_btn2 { margin: 2px auto; width:240px; position: absolute; left: 82px; top: 130px; } .clearfix:unknown {clear: both;display: block;visibility: hidden;height: 0px;content: "."} .clearfix { zoom: 1; } .slide_dot2 { float: left; margin: 5px 10px; width: 160px;} .slide_dot2 span { background: url(zghbresourcecms2014052014050711410881158.png) no-repeat; float: left; margin: 0px 2px; overflow: hidden; cursor: pointer; } .slide_dot2 .dot_list { width: 18px; height: 18px } .slide_dot2 .current { background-position: -21px -0px } /*鹤壁美景滚动图*/ #demo { overflow:hidden; width: 970px; height:140px; } #indemo { float: left; width: 800%; } #demo1 { float: left; } #demo2 { float: left; } /*手机*/ .eps-phoneAPP-detail-header{padding:1em;text-align:center;font-size:1.5em;} .eps-phoneAPP-detail-des{color:#D5D5D5;text-align:center;font-size:1.3em;} .eps-phoneAPP-detail-cont{padding:1em 0.5em;line-height:1.4em;font-size:1.3em;} .eps-phoneAPP-detail-cont p,.eps-phoneAPP-detail-cont strong{font-size:1em;} .eps-phoneAPP-detail-cont h3{font-size:1.2em;padding:1em 0;} .eps-phoneAPP-detail-cont h4{font-size:1.1em;padding:0.6em 0;} .eps-phoneAPP-detail-cont img{width:100%;display:block;} @media screen and (max-width: 616px){ header h1 img{width:100%} .weix_column li{background-size:40%;} .weix_column li a{padding:5em 0 0.2em 5%} } .footer{margin: 0 auto;}