* { margin:0px auto; padding:0px; } BODY { font-size:12px; color:#000; margin:0px auto; background-color:#c0c0c0; font-family:"宋体", Arial; line-height:23px; } p { text-indent:0em; } ul,li,dl,dt,dd{ margin:0px; padding:0px; list-style:none; } img { border:none; } a { color: #000; text-decoration: none; } a:hover { color: #d92219; text-decoration: none; } .clear {clear:both;} .main { width:1020px; margin:0px auto; background-color:#fff; } #head { width:1000px; margin:0px auto 10px auto; background-color:#fff; } .logo { width:1000px; height:93px; float:left; } .nav { width:1000px; height:35px; float:left; margin-bottom:5px; background:url(../images/nav_bg.jpg) no-repeat; } .nav ul { width:1000px; float:left; } .nav ul li { width:100px; text-align:center; color:#FFFFFF; float:left; line-height:35px; font-size:14px; } .nav ul li A{ display:block; color:#fff; } .nav ul li a:hover { color:#FF0000; } .nav ul li span { float:right; width:4px; line-height:36px; text-align:center; color:#fff; } .banner { width:1000px; height:270px; float:left; margin:10px auto; } .xx { width:998px; float:left; border:1px solid #ccc; height:85px; margin-bottom:10px; margin-top:5px; } #box { width:1000px; margin:0px auto; background-color:#fff; } #box-left { width:240px; float:left; margin-right:9px; padding-right:10px; border-right:1px dashed #ccc; } .cpdh { width:240px; } .cpdh-top { width:240px; float:left; } .cpdh-con { width:240px; margin-bottom:10px; background-color:#f3f3f3; float:left; } .p_list_two { TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 230px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } .p_list_two DT { width:200px;TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 30px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/li.gif) no-repeat 4px 0px; COLOR: #000; CLEAR: both; PADDING-TOP: 4px;line-height:28px; } .p_list_two DT A { FONT-SIZE: 14px; FONT-WEIGHT: bold } .p_list_two DT A:hover { COLOR: red; FONT-SIZE: 14px; FONT-WEIGHT: bold } .p_list_two DD { PADDING-BOTTOM: 0px; LINE-HEIGHT: 25px; MARGIN: 0px; PADDING-LEFT: 30px; WIDTH: 200px; PADDING-RIGHT: 0px; HEIGHT: 25px; PADDING-TOP: 0px } .p_list_two DD.short { PADDING-LEFT: 20px; WIDTH: 95px; BACKGROUND: url(images/cpbg.jpg) no-repeat; FLOAT: left; HEIGHT: 20px } .p_list_two DD.shortno { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 115px; PADDING-RIGHT: 0px; DISPLAY: none; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; HEIGHT: 20px; PADDING-TOP: 0px } .schq { width:240px; float:left; margin-bottom:5px; } .schq-top { width:240px; float:left; } .schq-topnew { width:220px; float:left; padding:10px 10px 0px 10px;; line-height:25px; } .schq-newlist{ width:230px; padding:5px; float:left; } .schq-newlist ul { width:230px; float:left; } .schq-newlist ul li { width:210px; float:left; padding-left:20px; border-bottom:1px dashed #ccc; background:url(../images/new.gif) no-repeat 2px center; line-height:25px; } .schq-newlist ul li a { display:block; } .lxwm { width:240px; float:left; margin-bottom:5px; line-height:28px; } .lxwm-top { width:240px; float:left; } .lxwm-con { width:230px; float:left; padding:5px; line-height:25px; font-size:13px; } #box-right { width:740px; float:left; margin-bottom:10px; } #one { width:740px; float:left; margin-bottom:5px; } .gsjj { width:470px; float:left; margin-right:10px; } .gsjj-top { wdith:470px; float:left; } .gsjj-con { width:450px; float:left; padding:10px; font-size:13px; } .rxcp { width:260px; float:left; } .rxcp-top { width:260px; float:left; } .rxcp-con { width:250px; float:left; padding:4px; border:1px solid #ccc; } .rxcp-con-cp { width:250px; float:left; height:210px; overflow:hidden; } .rxcp-con-tu { width:250px; float:left; } #xinwen { width:740px; float:left; margin-bottom:5px; } .hyxw { width:363px; margin-right:10px; border:1px solid #ccc; float:left; } .hyxw-top { width:363px; float:left; } .newcpzs { width:363px; float:left; border:1px solid #ccc; } .newcpzs-top { width:363px; float:left; } .top-new { width:353px; float:left; padding:10px 5px; } .list-new { width:353px; float:left; padding:0px 5px 10px 5px; } .list-new ul { width:353px; float:left; } .list-new ul li { width:336px; float:left; height:27px; line-height:27px; background:url(../images/new.gif) no-repeat 2px center; padding-left:17px; border-bottom:1px dashed #ccc; } .list-new ul li a { display:block; } .list-new ul li span { color:#666666; padding-right:10px; float:right; line-height:27px; } .scsb { width:52px; float:left; border:1px solid #ccc; margin-bottom:5px; margin-left:0px; } .scsb-top { wdith:738px; float:left; } .scsb-con { width:720px; float:left; padding:9px; font-size:12px; color:#253e72; overflow:hidden; height:130px; } .scsb-con ul { width:720px; float:left; } .scsb-con ul li { width:180px; float:left; text-align:center; line-height:25px; margin-bottom:3px; } .scsb-con ul li img { width:155px; height:120px; padding:2px; border:1px solid #ccc; margin-bottom:5px; } .cpzs { width:738px; float:left; border:1px solid #ccc; margin-bottom:5px; } .cpzs-top { wdith:738px; float:left; } .cpzs-con { width:720px; float:left; padding:9px; font-size:12px; color:#253e72; overflow:hidden; } .cpzs-con ul { width:720px; float:left; } .cpzs-con ul li { width:180px; float:left; text-align:center; line-height:25px; } .cpzs-con ul li img { width:155px; height:120px; padding:2px; border:1px solid #ccc; } #lianjie { width:1000px; margin:0px auto; background-color:#fff; } .lj { width:998px; border:1px solid #dedede; float:left; line-height:30px; background-color:#f4f4f4; font-size:12px; margin-bottom:4px; } .tit1 { width:65px; float:left; font-weight:bold; line-height:30px; background:url(../images/tu_01.jpg) no-repeat 5px center; padding-left:25px; } .tit2 { width:65px; float:left; line-height:30px; font-weight:bold; background:url(../images/tu_02.jpg) no-repeat 5px center; padding-left:25px; } .tit3 { width:65px; float:left; line-height:30px; font-weight:bold; background:url(../images/tu_03.jpg) no-repeat 5px center; padding-left:25px; } .case { width:888px; float:left; } .case ul { width:908px; float:left; } .case ul li { float:left; line-height:30px; margin:0px 5px; } .case ul li a { display:block; } #bottom { width:1000px; margin:0px auto; height:97px; line-height:23px; border-top:1px solid #ccc; padding-top:5px; background:url(../images/di_bg.jpg) repeat-x; } .bot-left { float:left; padding-top:4px; padding-left:40px; } .bot-right { float:left; padding-top:15px; padding-left:15px; line-height:20px; } body{ position: relative; background: #EFF2F4; font: normal 13px "宋体" !important; } body,div,ul,li,p,a,img{ padding: 0; margin: 0; } /*右侧悬浮菜单*/ .slide{ width: 50px; height: 250px; position: fixed; top: 50%; margin-top: -126px; background: #018D75; right: 0; border-radius: 5px 0 0 5px; z-index: 999; } .slide ul{ list-style: none; } .slide .icon li{ width: 49px; height: 50px; background: url(img/icon.png) no-repeat; } .slide .icon .up{ background-position:-330px -120px ; } .slide .icon li.qq{ background-position:-385px -73px ; } .slide .icon li.tel{ background-position:-385px -160px ; } .slide .icon li.wx{ background-position:-385px -120px ; } .slide .icon li.down{ background-position:-330px -160px ; } .slide .info{ top: 50%; height: 147px; position: absolute; right: 100%; background: #018D75; width: 0px; overflow: hidden; margin-top: -73.5px; transition:0.5s; border-radius:4px 0 0 4px ; } .slide .info.hover{ width: 145px; } .slide .info li{ width: 145px; color: #CCCCCC; text-align: center; } .slide .info li p{ font-size: 1.1em; line-height: 2em; padding: 15px; text-align: left; } .slide .info li.qq p a{ display: block; margin-top: 12px; width: 100px; height: 32px; line-height: 32px; color: #00DFB9; font-size: 16px; text-align: center; text-decoration: none; border: 1px solid #00DFB9; border-radius: 5px; } .slide .info li.qq p a:hover{ color: #FFFFFF; border: none; background: #00E0DB; } .slide .info li div.img{ height: 100%; background: #DEFFF9; margin: 15px; } .slide .info li div.img img{ width: 100%; height: 100%; } /*控制菜单的按钮*/ .index_cy{ width: 30px; height: 30px; background: url(img/index_cy.png); position: fixed; right: 0; top: 50%; margin-top: 140px; background-position: 62px 0; cursor: pointer; } .index_cy2{ width: 30px; height: 30px; background: url(img/index_cy.png); position: fixed; right: 0; top: 50%; margin-top: 140px; background-position: 30px 0; cursor: pointer; } /*自适应 当屏小于1050时隐藏*/ @media screen and (max-width: 1050px) { .slide{ display: none; } #btn{ display: none; } }