@charset "utf-8"; /* css document */ * { font-family: "微软雅黑" } body, h1, h2, h3, h4, h5, ul, li, dl, dt, dd, input { margin: 0; padding: 0; } img { border: none; } a, ul, li, h1, h2, dl, dt, dd { list-style: none; text-decoration: none; } .h-top { background-color: #ececec; height: 24px; } .header { width: 1100px; margin-left: auto; margin-right: auto; overflow: hidden; } .fl { color: #7b7a7a; font-size: 12px; float: left; line-height: 24px; margin: 0; padding: 0; } .top-right { float: right; color: #7b7a7a; font-size: 12px; } .top-right a { display: inline; color: #7b7a7a; font-size: 12px; margin-right: 5px; line-height: 24px; } .header { height: 96px; } .top_c { height: 96px; font-family: "microsoft yahei"; width: 1100px; margin: 0 auto; overflow: hidden } .top_c h1 { float: left; padding: 6px 25px 0 0; } .sea_in { float: right; padding: 40px 0 0 50px; width: 263px; height: 80px; /* background: url(/uploads/image/sphimages/long-phone.png) no-repeat top; */ margin-top: 10px } .sea_in .search { width: 190px; height: 24px; border: 1px solid #c5c5c5; line-height: 21px; float: left } .sea_in .sub { width: 70px; height: 26px; background: #206dcc; border: none; color: #ffffff; cursor: pointer; vertical-align: middle; float: left } .nav { height: 54px; color: white; background: url(/uploads/image/sphimages/nav-di.png) } .nav .menu1 { width: 1100px; margin: 0 auto; height: 54px; } .nav .menu1>li { float: left; width: 136px; height: 54px; position: relative; text-align:center; display:inline-block; } .nav .menu1>li a { font-size: 15px; color: white; line-height: 50px; width: 136px; text-align: center; height: 54px; display: block } #nav-menu .menu1 li a.xialaguang{display:inline-block;color:#white; text-decoration:none;font-size:16px;text-align:center;} #nav-menu .menu1 li a.navhover, #nav-menu .menu1 li a.xialaguang:hover{width:136px; height:54px; float:left;background:#0e050a center; text-align:center;} #nav-menu .menu1 li a.xialaguang {height:54px;line-height:54px;display:inline-block;text-align:center;} #nav-menu .menu1 ul.children{ display:none; position:absolute; top:54px; width:136px; background:#0e050a center; float:left; z-index:9999;} #nav-menu .menu1 ul.children li{width:136px;padding:0px;display:inline-block;font-size:14px;} #nav-menu .menu1 ul.children li {display:block;} #nav-menu .menu1 ul.children li a{width:136px;height:40px;line-height:40px;overflow:hidden;display:block; float:left;color:#fff;text-align:center;text-decoration:none; font-size:14px;} #nav-menu .menu1 ul.children li a:hover{width:136px; line-height:40px;background:#ffffff center;text-decoration:none; color:#0e050a;} .nav-banner { position: relative; margin: 0 auto; height: 370px; overflow: hidden; width: 100%; } .banner { width: 1920px; height: 370px; position: absolute; bottom: 0; left: 50%; margin-left: -960px; } .banner ul { width: 1920px; height: 370px; } .banner ul li { width: 1920px; height: 370px; } .banner ul li img { width: 1920px; height: 370px; } .small { position: absolute; left: 50%; bottom: 12%; cursor: pointer; margin-left: -16px } .small a { width: 40px; height: 4px; background: white; float: left; margin: 0 8px; } .small .small_s { background: #206dcc; width: 40px; height: 4px } .zong { width: 1100px; margin: 0 auto; overflow: hidden; height: 360px; padding-top: 10px; clear: both } .zong1, .zong2, .zong3 { margin-right: 33px; } .zong1, .zong2, .zong3, .zong4 { width: 250px; height: 300px; float: left } .zong1 h3 { width: 250px; height: 108px; background: url(/uploads/image/sphimages/zong1.png); } .zong2 h3 { width: 250px; height: 108px; background: url(/uploads/image/sphimages/zong2.png); } .zong3 h3 { width: 250px; height: 108px; background: url(/uploads/image/sphimages/zong3.png); } .zong4 h3 { width: 250px; height: 108px; background: url(/uploads/image/sphimages/zong4.png); } .zong1 p, .zong2 p, .zong3 p, .zong4 p { margin: 0; position: relative; background: url(/uploads/image/sphimages/zong-di.png); width: 210px; height: 152px; padding: 20px; font-size: 12px; color: #2584cf; line-height: 22px } .zong1 p:hover { background: url(/uploads/image/sphimages/zong-di2.png) } .zong1 p:hover { color: white; } .zong2 p:hover { background: url(/uploads/image/sphimages/zong-di2.png) } .zong2 p:hover { color: white; } .zong3 p:hover { background: url(/uploads/image/sphimages/zong-di2.png) } .zong3 p:hover { color: white; } .zong4 p:hover { background: url(/uploads/image/sphimages/zong-di2.png) } .zong4 p:hover { color: white; } .zong1 p a, .zong2 p a, .zong3 p a, .zong4 p a { position: absolute; background: url(/uploads/image/sphimages/more.png); width: 63px; height: 24px; left: 20px; bottom: 32px; display: block } .case { width: 1100px; height: 380px; margin: 0 auto; clear: both } .case h2 { width: 1100px; height: 68px; background: url(/uploads/image/sphimages/anli-nav.png) } .hot-b { position: relative; width: 1100px; margin: 0 auto; position: absolute; padding-top: 20px; } .hot-b .mr_box { height: 340px; } .hot { width: 1020px; height: 340px; float: left; overflow: hidden; padding-top: 20px; margin-left: 19px } .hot ul { } .hot ul li { float: left; width: 230px; height: 230px; overflow: hidden; display: inline; margin: 0 12px } .hot ul li a { width: 230px; height: 230px; position: relative; } .hot ul li a img { width: 230px; height: 230px; border-radius: 115px; -moz-border-radius: 115px; -webkit-border-radius: 115px; behavior: ; } .hot ul li a span { width: 230px; height: 38px; position: absolute; display: block; bottom: 0; left: 0; background: #1470b9; color: white; text-align: center; line-height: 38px; z-index: 999999; font-size: 12px } .hot-b .hot-left { width: 22px; height: 70px; float: left; margin-top: 90px; cursor: pointer; display: inline; } .hot-b .hot-right { width: 22px; height: 70px; float: right; margin-top: 90px; cursor: pointer; } .kehu-box { width: 1100px; height: 270px; margin: 0 auto; clear: both } .kehu-box h2 { width: 1100px; height: 68px; background: url(/uploads/image/sphimages/kehu-nav.png) } .kehu-b { position: relative; width: 1100px; margin: 0 auto; position: absolute; padding-top: 20px; } .kehu-b .mr_box { height: 140px; } .kehu { width: 1022px; height: 140px; float: left; overflow: hidden; padding-top: 20px; margin-left: 2px } .kehu ul { overflow: hidden } .kehu ul li { float: left; width: 232px; height: 98px; overflow: hidden; display: inline; margin: 0 12px; border: 1px solid #1470b9; } .kehu ul li a { width: 232px; height: 98px; } .kehu ul li a img { width: 232px; height: 70px; } .kehu ul li a span { width: 232px; height: 28px; display: block; bottom: 0; left: 0; background: #686868; color: white; text-align: center; line-height: 28px; font-size: 12px } .kehu-b .kehu-left { width: 32px; height: 61px; float: left; margin-top: 30px; cursor: pointer; display: inline; } .kehu-b .kehu-right { width: 32px; height: 61px; float: right; margin-top: 30px; cursor: pointer; } .shebei-box { width: 1100px; height: 370px; margin: 0 auto; clear: both } .shebei-box h2 { width: 1100px; height: 68px; background: url(/uploads/image/sphimages/shebei-nav.png) } .shebei-b { position: relative; width: 1100px; margin: 0 auto; position: absolute; padding-top: 20px; } .shebei-b .mr_box { height: 340px; } .shebei { width: 1022px; height: 340px; float: left; overflow: hidden; padding-top: 20px; margin-left: 20px } .shebei ul { overflow: hidden } .shebei ul li { float: left; width: 233px; height: 201px; overflow: hidden; display: inline; margin: 0 10px; border: 1px solid #1470b9; } .shebei ul li a { width: 233px; height: 173px; } .shebei ul li a img { width: 233px; height: 173px; display: block } .shebei ul li a span { width: 233px; height: 28px; display: block; bottom: 0; left: 0; background: #686868; color: white; text-align: center; line-height: 28px; font-size: 12px } .shebei-b .shebei-left { width: 20px; height: 125px; float: left; margin-top: 55px; cursor: pointer; display: inline; } .shebei-b .shebei-right { width: 20px; height: 125px; float: right; margin-top: 55px; cursor: pointer; } .zixun { width: 1100px; height: 460px; margin: 0 auto; clear: both; overflow: hidden } .zixun h2 { width: 1100px; height: 68px; background: url(/uploads/image/sphimages/zixun-nab.png); margin-bottom: 40px } .lt-zi { width: 304px; height: 330px; float: left; margin: 0 31px } .lt-zi h3 { font-size: 16px; height: 44px; width: 304px } .lt-zi h3 a { float: right; font-weight: normal; text-align: right; font-size: 12px; width: 60px; color: #868585; line-height: 44px; } .lt-zi dl { width: 304px; } .lt-zi dl dt { width: 304px; height: 85px; margin-bottom: 20px } .lt-zi dl dd { width: 292px; padding-left: 12px; background: url(/uploads/image/sphimages/zi-dian.png) left center no-repeat } .lt-zi dl dd a { display: block; width: 292px; height: 28px; line-height: 28px; color: #353535; font-size: 12px; overflow: hidden } .hang-zi { width: 304px; height: 330px; float: left; margin: 0 31px } .hang-zi h3 { font-size: 16px; height: 44px; width: 304px } .hang-zi h3 a { float: right; font-weight: normal; text-align: right; font-size: 12px; width: 60px; color: #868585; line-height: 44px; } .hang-zi dl { width: 304px; } .hang-zi dl dt { width: 304px; height: 85px; margin-bottom: 20px } .hang-zi dl dd { width: 292px; padding-left: 12px; background: url(/uploads/image/sphimages/zi-dian.png) left center no-repeat } .hang-zi dl dd a { display: block; width: 292px; height: 28px; line-height: 28px; color: #353535; font-size: 12px; overflow: hidden } .ce-zi { width: 304px; height: 330px; float: left; margin: 0 31px } .ce-zi h3 { font-size: 16px; height: 44px; width: 304px } .ce-zi h3 a { float: right; font-weight: normal; text-align: right; font-size: 12px; width: 60px; color: #868585; line-height: 44px; } .ce-zi dl { width: 304px; } .ce-zi dl dt { width: 304px; height: 85px; margin-bottom: 20px } .ce-zi dl dd { width: 292px; padding-left: 12px; background: url(/uploads/image/sphimages/zi-dian.png) left center no-repeat } .ce-zi dl dd a { display: block; width: 292px; height: 28px; line-height: 28px; color: #353535; font-size: 12px; overflow: hidden } .link-box { background: #e8e8e8; height: 40px; } .link { width: 1100px; margin: 0 auto; height: 40px; overflow: hidden } .link h2 { color: #ef0101; font-size: 16px; width: 100px; float: left; line-height: 43px; } .link p { width: 980px; margin: 0; float: left; margin-top: 10px; } .link p a { color: #000; width: auto; line-height: 23px; margin-left: 5px; margin-right: 5px; font-size: 12px; } .footer-box { height: 280px; background: #206dcc } .footer { width: 1100px; height: 280px; overflow: hidden; margin: 0 auto } .footer ul { width: 1100px; overflow: hidden; margin: 0 auto; height: 70px; padding-top: 20px } .footer ul li { float: left; width: 136px; height: 54px; } .footer ul li a { font-size: 15px; color: white; line-height: 50px; width: 122px; text-align: center; height: 54px; display: block } .foot-p { float: left; width: 287px; height: 79px; margin-right: 60px; margin-left: 80px; } .foot-xin { float: left; width: 215px; margin-right: 30px; padding-top: 10px } .foot-xin p { margin: 0; font-size: 14px; color: white; line-height: 20px; } .foot-xi { float: left; width: 210px; padding-top: 10px } .foot-xi p { margin: 0; font-size: 14px; color: white; line-height: 20px; } .foot-xin p a { font-size: 14px; color: white; line-height: 20px; } .erweima { float: left; } .erweima img { float: left; margin-left: 20px; } .pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px} .pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999} .pagess ul li:hover{ background:#206dcc; color:#fff;border: 1px solid #206dcc} .pagess ul li:hover a{color:#fff;} .pagess ul li.thisclass {display: inline-block;border: 1px solid #206dcc;padding: 2px 9px;margin: 0 3px;background: #206dcc;color: #fff;} .pagess ul li.thisclass a {color: #fff;} .pagess ul li a{ display:block;color:#999} .pagess ul li a:hover {color: #fff;} .main .main_left .leftitem .cates dl dd{overflow: hidden;}