/*通用样式*/ /*通用*/ body{ font:14px "黑体"; color:#666; margin:0; padding:0; width: 100%; } ul,ol,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0; list-style:none; } input{ border:0; outline: none; } a{ color:#666; text-decoration:none; } a:hover{ color:#00a0b8; text-decoration:none; } .lf{float:left;} .rt{float:right;} .clear{clear:both;} /*整体布局*/ #top,#nav,#banner,#main{ width: 990px; margin:0 auto; } /*头部 */ .picture{ float:right; width: 590px; margin-top: 15px; } .panel{ float:left; } #top{ overflow: hidden; margin-top: 40px; font-size: 11px; margin-bottom:25px; } .picture ul.sousou{ overflow: hidden; float: right; width: 406px; } .picture ul.sousou li{ float:left; margin-right: 10px; height: 16px; line-height: 16px; } .picture ul .waves{ border: 1px solid #04a0b7; border-radius: 5px; margin-right: 90px; width: 150px; } .picture ul .waves button{ border: 0; background: #04a0b7; color:#ffffff; outline: none; border-radius: 0 4px 4px 0; float: right; height: 16px; } .picture ul .waves input{ margin: 0; padding: 0; border:0; outline: none; height: 13px; margin-left: 5px; width: 100px; } .picture ul li b{ display: inline-block; width: 20px; height: 20px; background: url(/uploads/image/pdimages/gyrm.png) no-repeat; margin-top: 2px; float: left; margin-left: 30px; } .picture ul li i{ display: inline-block; width: 20px; height: 20px; background: url(/uploads/image/pdimages/wjk.png) no-repeat; margin-top: 2px; float: left; } .picture .licoloi li{ float: left; height: 20px; } .picture .licoloi{ overflow: hidden; margin-top: 12px; float: right; } /*轮播*/ .slider, .slider-panel img, .slider-extra { width: 990px; height: 320px; } .slider { text-align: center; margin: 30px auto; position: relative; } .slider-panel, .slider-nav, .slider-pre, .slider-next { position: absolute; z-index: 8; } .slider-panel { position: absolute; } .slider-panel img { border: none; } .slider-extra { position: relative; } .slider-nav { margin-left: -51px; position: absolute; left: 90%; bottom: 4px; } .slider-nav li { background: #eee; border-radius: 50%; opacity: 0.8; cursor: pointer; margin: 0 2px; overflow: hidden; text-align: center; display: inline-block; height: 10px; line-height: 18px; width: 10px; } .slider-nav .slider-item-selected { background: blue; } .slider-page a{ background: rgba(0, 0, 0, 0.2); filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#33000000,endcolorstr=#33000000); color: #fff; text-align: center; display: block; font-size: 22px; width: 28px; height: 62px; line-height: 62px; margin-top: -31px; position: absolute; top: 50%; } .slider-page a:hover { background: rgba(0, 0, 0, 0.4); filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#66000000,endcolorstr=#66000000); } .slider-next { left: 100%; margin-left: -28px; } /*鼠标悬停*/ #nav ul{ float:right; height: 40px; } #nav ul li{ float:left; font-size: 14px; display: inline; padding: 0 15px; height: 15px; line-height: 15px; } #nav ul .pen{ width: 90px; padding: 0; text-align: center; border-left: solid 1px #666; } #nav{ margin-bottom: 30px; margin-top: 25px; position: relative; right: -13px; } #nav ul.clearn li.pen{ position: relative; } #nav ul.clearn li a{display: block;} #nav ul.clearn li a:hover{ color:#00a0b8; } #nav ul.clearn li.pen:hover .me{ display: block;} #nav ul.clearn li.pen ul.meme li{ float: left; line-height: 25px; padding: 0; width: 90px; } #nav ul.clearn li.pen .me{ position:relative; display: none; height: 40px; width: 600px; padding-top: 10px; z-index: 999999999; background: url(/uploads/image/pdimages/san.png) no-repeat left top; } #nav ul.clearn li.pen ul.meme{ height: 25px; background:#00a0b8; border-radius: 5px; float: left; } #nav ul.clearn li.pen img{ position: absolute; top: -10px; left: 33px; float: left;} #nav ul.clearn li:nth-child(n 7) .me { float: right; background: url(/uploads/image/pdimages/san.png) no-repeat right top; } #nav ul.clearn li:nth-child(n 7) .me .meme { float: right; } #nav ul.clearn li.pen ul.meme li a{ color: #ffffff;font-size: 12px; } /*滚动条*/ #main .jiangu>ul{ width: 340px; text-align: center; float: left; } #main .jiangu>ul>li{ margin-top: 15px;} #main .jiangu>ul>li{ margin-top: 15px; text-align: center; } #main .jiangu>ul li b{ color:#02aec9; font-size: 15px; } #main .jiangu ul .yun{ border-top:1px dashed #ddd; } #main .jiangu>ul .nji_li{ line-height:24px; text-align: left; padding: 0 20px; font-size: 12px; color: #7b7b7b; height: 210px; overflow: hidden; } div.if_lji { height: 200px; position: relative; background: url(/uploads/image/pdimages/ttt.png) no-repeat center top; } div.if_lji p { bottom: 28px;} div.if_lji2 { height: 185px; position: relative; background: url(/uploads/image/pdimages/ttt.png) no-repeat center bottom; } div.lf_link{ margin: 0 50px; width: 210px; } div.lf_link div.if_lji p.pp1{ position: absolute; top:0; left: 30px; z-index: 15; } div.lf_link div.if_lji div.pp2{ position: absolute; top: 60px; left: 0; width: 200px; height: 120px; border: 0.214em solid #00a0b8; border-radius:10px ; z-index: 10; } div.lf_link div.if_lji div.pp2 dl{ margin-top: 60px; margin-left: 20px; } p.pic{ position: absolute; right: 20px; bottom: 15px; text-align: right; font-size: 12px; } /*自定义滚动条*/ .div1{ width: 100%; height: 210px; margin: 15px auto; position: relative; overflow: scroll; text-align: left; } .div1 li{ font-size: 12px; background: url(/uploads/image/pdimages/list.png) no-repeat left top; padding-left: 25px; line-height: 25px; color: #7b7b7b;} /*轮播2*/ .clearfix:after{content:"";display:block;clear:both;} .clearfix{zoom:1;} .banner{width:2067px; height:471px; position:relative; overflow:hidden;} .banner-btn{ display:none;} .banner-btn a{ display:block; line-height:40px; position:absolute;top:120px; width:40px; height:40px;background-color: #000; opacity:0.3; filter:alpha(opacity=30);color: rgb(255, 255, 255);overflow: hidden; z-index:4;} .prevbtn{left:5px;} .nextbtn{right:5px;} .banner-img{ font-size:0; *word-spacing:-1px;/* ie6、7 */ letter-spacing: -3px; position:relative;} .banner-img li{ display:inline-block;*display:inline;*zoom:1;/* ie6、7 */ vertical-align: top; letter-spacing: normal;word-spacing: normal; font-size:12px;} .banner i{ background: no-repeat; width: 15px;height: 23px; cursor:pointer;margin: 8px 0 0 12px; display:block;} .banner .nextbtn i{ background-position:-200px -24px;} .banner .prevbtn i{ background-position:-200px 0px;} .banner-circle{ position:absolute; left:50%; bottom: 15px;text-align: center;font-size: 0; filter:alpha(opacity:30); } .banner-circle li{ border-radius: 10px; margin:2px; display: inline-block; display: -moz-inline-stack; vertical-align: middle;zoom: 1; } .banner-circle li a{ display: block;padding-top: 9px;width: 20px;height: 20px;border-radius: 50%; background: #b7b7b7;overflow: hidden;} .banner-circle .selected a{ background:#f40; } /*页尾*/ #njhgt{ width:100%; height: 240px; background: #bfe7ed; } .if_lji_lj{ width: 990px; margin:0 auto; } .if_lji_lj ul li{ text-align: center; line-height: 20px; font-size: 12px; padding:0 5px; box-sizing:border-box; } .if_lji_lj ul{ margin-top: 40px; overflow: hidden; width: 20%; } #footer .opens{ width: 990px; margin: auto; } .linkyy img{ display: inline-block; } .linkyy b{ display:inline-block; width:1px; height:60px; margin: auto 10px; border-left:3px solid #009bb3; } .opens>p{ width: 100px; position: fixed; right: 0; top: 350px; line-height:200px ; font-size: 11px; color: #999; } .if_lji_lj_nk{ width:100%; border-top:1px dashed #ddd; margin-top: 38px; padding-top: 10px; font-size: 11px; padding-bottom: 120px; } .if_lji_lj_nk a{ color:#999; } .if_lji_lj_nk ul{ width: 700px; margin: 0 auto; text-align: center; } .if_lji_lj_nk ul li{ line-height: 25px; color: #999; } .if_lji_lj_nk ul li img{ margin: 15px 0; } .nhdkj_w ul{ width: 25%; padding: 0 20px; box-sizing:border-box; font-size: 12px; line-height: 28px; color: ##7b7b7b; } .nhdkj_w ul li{ text-align: center; } #main .nhdkj_w .chang_jk{font-size: 15px;} #main .nhdkj_w ul li b{ color:#02aec9; display: block; font-family: "黑体"; } #main .nhdkj_w ul .yun{ border-top:1px dashed #ddd; } #main .nhdkj_w ul .nji_li{ line-height:23px; text-align: left; margin:15px 10px 5px 7px; height: 255px; } /* 轮播3*/ #lunbothree{ width: 990px; margin: 0 auto; } .focus {width:990px; height:230px; margin: 0 auto; overflow:hidden; position:relative;} .focus ul { position:absolute;} .focus ul li {float:left; overflow:hidden; position:relative; height: 223px; background:#000;} .focus ul li div {position:absolute; overflow:hidden;} .focus .btnbg {position:absolute; width:2067px; height:20px; left:0; bottom:0; background:#000; display:none;} .focus .btn {position:absolute; width:80px; height:23px; padding:0px 10px 0px 10px; right:0; bottom:20px; text-align:right;} .focus .btn span {display:block; width:10px; height:10px; border-radius: 50%; font-size:0; float: left; margin-left:5px; cursor:pointer; background:#fff;} .focus .btn span.on {background:#fff; padding: 0;} .focus .prenext {width:45px; height:100px; position:absolute; top:90px; cursor:pointer;} .focus .pre {left:0; background:url(/uploads/image/pdimages/shang.png) no-repeat 0 0;} .focus .next {right:0; background:url(/uploads/image/pdimages/xia.png) no-repeat 0 0;} .box{width:900px;margin:0 auto;} #main .flsts>ul{ width: 28%; text-align: center; float: left; margin-bottom: 50px; } #main .flsts>ul:nth-child(2){ margin: 0 8%; } #main .flsts>ul>li{ margin-top: 30px; text-align: center; } #main .flsts>ul li b{ color:#07a2ba; } #main .flsts ul .yun{ border-top:1px dashed #ddd; margin-top: 0px; } #main .flsts>ul .nji_li{ line-height:23px; text-align: left; padding: 0 15px; margin-bottom: 15px; margin-top: 15px; font-size: 12px; line-height: 25px; color: #7b7b7b; height: 245px; } .linkyy{ width: 450px; margin: 0 auto; text-align: center; margin-top: 30px;} .footer{ margin-bottom: 50px;} /* 联系我们 */ .contact{ width: 100%; margin-bottom: 60px;} .contact dd{ background:url(/uploads/image/pdimages/fang.png) no-repeat; margin: 30px 0; padding-left: 75px; } .contact dd span{ display: block; width: 100%; color:#00a1bd; font-size: 16px; line-height: 21px;} .contact dt{ width: 50%; float: left;} .contact .kk{ border: solid 1px #00a1bd; box-sizing:border-box; } .da{ margin: 80px 0;}