/* css document */ /*banner*/ .banner{ width:100%; height:520px; overflow:hidden; position:relative; max-width:1920px; margin:0 auto; } .banner .hd{ height:28px; overflow:hidden; position:absolute; left:50%; bottom:20px; z-index:1; margin-left: -45px; } .banner .hd ul{ overflow:hidden; zoom:1; text-align: center;} .banner .hd ul li{ float:left; width:35px; height:28px; text-align:center; background:url(/uploads/image/i/sd_2.png) no-repeat; cursor:pointer; } .banner .hd ul li.on{ background:url(/uploads/image/i/sd_1.png) no-repeat; } .banner .bd{ position:relative; height:100%; z-index:0; } .banner .bd li{ zoom:1; vertical-align:middle; } .banner .bd img{ width:100%; height:520px; display:block; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .banner .prev{position:absolute; left:10%; top:50%; margin-top:-29px; display:block; width:42px; height:58px; background:url(/uploads/image/i/bn_l.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;} .banner .next{ position:absolute; right:10%; top:50%; margin-top:-29px; display:block; width:42px; height:58px; background:url(/uploads/image/i/bn_r.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;} .banner .prev:hover, .banner .next:hover{ filter:alpha(opacity=100);opacity:1; } .banner .prevstop{ display:none; } .banner .nextstop{ display:none; } /*停气通知*/ .tq_bg{ background-color: #edeef2; height: 45px; line-height: 45px; border: 1px solid #e8e8eb; } .tqtz_l{ float: left; width: 160px; height: 45px; line-height: 45px; } .tqtz_l h1{ background:url(/uploads/image/i/ico5.png) 5px center no-repeat; padding-left: 50px; font-size: 18px; color: #1473e6; font-weight: 600; } .tqtz_r{ float: left; width: 800px; } .tqtz_r .bd{ padding:0px;} .tqtz_r .bd .tempwrap{ width:680px !important; }/* 用 !important覆盖superslide自动生成的宽度,这样就可以手动控制可视宽度。 */ .tqtz_r .bd ul{ overflow:hidden; zoom:1; } .tqtz_r .bd ul li{ margin-right:20px; float:left; height:45px; line-height:45px; text-align:left; _display:inline; width:auto !important; }/* 用 width:auto !important 覆盖superslide自动生成的宽度,解决文字不衔接问题 */ .tqtz_r .bd ul li span{ color:#999;} /*7转...*/ .fl_1{ width:1200px; margin: 0 auto;} .spbq{ width: 167px; height: 164px; float: left; line-height: 2; position: relative; overflow: hidden; border:1px solid #e6ebf1; margin-right: -1px; margin:1px; } .spbq_h{ background:#e7f2f8;} .spbq img{ padding-left:8px; padding-top:30px; width: 153px; height: 46px; } .spbq h2{ color: #14191e; font: 15px/15px "microsoft yahei","hiragino sans gb",helvetica,"微软雅黑",tahoma,arial,sans-serif; margin-top: 13px; text-align:center; font-size:16px; } .spbq h3{ color: #14191e; font: 15px/15px "microsoft yahei","hiragino sans gb",helvetica,"微软雅黑",tahoma,arial,sans-serif; margin-top: 10px; text-align:center; font-size:15px; font-weight: 400; } .biankuang{ width: 3px; height: 3px; position: absolute; z-index: 99; border-radius:20px; /*background: black;*/ } .biankuang_1{ height: 3px; top: -6px; left:0px; border-left: 2px solid #1473e6; } .biankuang_2 { width: 0px; bottom:-3px; left: 0px; border-top: 2px solid #1473e6; } .biankuang_3{ height: 0px; bottom:0px; right:0px; border-right: 2px solid #1473e6; } .biankuang_4{ width:0px; top:-3px; right:0px; border-bottom: 2px solid #1473e6; } .text_gobuy { position: absolute; z-index:9; top: -30px; left: 0px; width: 280px; height: 50px; overflow: hidden; background:rgba(207, 208, 211, 0); cursor: pointer; transition:all 300ms; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; } .text_gobuy_show{ height: 50px; position: absolute; z-index:9; bottom: 0px; width: 280px; overflow: hidden; padding: 20px 15px ; cursor: pointer; background-color: rgba(32, 32, 33,0.3); } .spbq p{ position: absolute; bottom:10px; left:110px; line-height: 33px; color: #fff } /*新闻轮播*/ .xwt{ float: left; width:380px; height:280px; overflow:hidden; position:relative; border: 1psx solid #e5e5e5;} .xwt .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:8px; z-index:1; } .xwt .hd ul{ overflow:hidden; zoom:1; float:left; } .xwt .hd ul li{ float:left; margin-right:2px; width:15px; height:8px; line-height:8px; text-align:center; background:url(/uploads/image/i/ico7.png) no-repeat; cursor:pointer; } .xwt .hd ul li.on{ background:url(/uploads/image/i/ico6.png) no-repeat; color:#fff; } .xwt .bd{ position:relative; height:100%; z-index:0; } .xwt .bd li{ zoom:1; vertical-align:middle; position:relative;} .xwt .bd img{ width:380px; height:280px; display:block;} .xwt .bd li p{ width:380px; height:40px; line-height:40px; background-color: #000; filter: alpha(opacity:80); opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; position:absolute; bottom:0; left:0; z-index:9999 } .xwt .bd li p a{ color:#fff; padding-left:15px;} /*文章切换*/ .text_new{ width: 466px; height: 280px; border: 1px solid #e5e5e5; float: left; margin-left: 10px; } .text_new{ overflow:hidden;} .text_new .hd{ height:40px; line-height:40px; background:#edeef2; padding:0 10px 0 10px; position:relative; } .text_new .hd ul{ float:left; position:absolute; left:0px; top:0px; height:40px;} .text_new .hd ul li{ float:left; padding:0 20px; cursor:pointer; } .text_new .hd ul li a{font-size:16px;} .text_new .hd ul li.on{ height:40px; background:#fff;border-top: 2px solid #1473e6; } .text_new .hd ul li.on a{ font-size:16px; font-weight:bold; color: #1473e6;} .text_new .bd ul{ padding:10px; zoom:1; } .text_new .bd li{ height:32px; line-height:32px; padding-left:30px; background:url(/uploads/image/i/ico8.png) 10px center no-repeat; } .text_new .bd li a:hover{ color:#1c5791;} .text_new .bd li .date{ float:right; color:#999; } /*视频展示*/ .spzs{ width: 330px; height: 280px; border: 1px solid #e5e5e5; float: right; } .spzs_t{ height:40px; line-height:40px; background:#edeef2; } .spzs_t h1{ background: url(/uploads/image/i/video.png) 15px center no-repeat; padding-left: 55px; font-size:16px; font-weight:bold; color: #1473e6; } .spzs_c{ position: relative; } .spzs_cimg img{ width: 330px; height: 240px; text-align: center; } .sp_an{width: 60px; height: 60px; position: absolute;top: 50%;left: 50%; margin-left: -30px; margin-top: -30px; }