/* CSS Document */ body, div, form, img, ul, ol, li, dl, dt, h1, h2, h3, h4, h5, h6, p, dd, input, a { list-style-type: none; font-family: tahoma, arial, 宋体; font-size: 12px; text-decoration: none; margin: 0px; padding: 0px; } img { border: 0px solid #dcdcdc; } .header, .content, .footer { width: 980px; margin: 0 auto; font-family: 'Microsoft YaHei'; } /*页眉*/ .header { position: relative; z-index: 9999; width: 100%; background-color: #EEF2F6; } .zqr_nav { width: 100%; height: 50px; background-color: #333; } .lnav { width: 1200px; height: 50px; background-color: #333; } .zqr_nav { } .zqr_nav ul { width: 1200px; margin: 0 auto; line-height: 50px; } .zqr_nav ul li { float: left; width: 156px; height: 50px; text-align: center; text-decoration: none; margin-left:35px; } .zqr_nav ul li a { display: block; color: white; font-size: 16px; } .zqr_nav ul li a:hover { background: #CC0008; text-decoration: none; list-style: none; } .w100w { width: 100%; background: #dcdcdc; } .clear { overflow: hidden; clear: both; height: 18px; } .auto { margin: 0 auto; } /*产品*/ .main { width: 1130px; margin: 0 auto; clear: both; position: relative; background: #dcdcdc; } .product1 { float: left; width: 1130px; padding-bottom: 40px; } .title { float: left; margin-bottom: 16px; width: 100%; height: 28px; line-height: 28px; padding-bottom: 18px; background: url(../images/title.gif) center bottom repeat-x; } .title font { float: left; font-family: Arial, Helvetica, sans-serif; color: #c7c7c7; font-size: 36px; font-weight: bold; margin-left: -14px; position: relative; } .title span { float: left; font-size: 26px; position: relative; z-index: 9; font-weight: bold; color: #02783e; font-family: 'Microsoft Yahei'; } .fl { float: left; } .fr { float: right; } .more { float: right; font-size: 12px; margin-right: 10px; color: #02783e; margin-top: 8px; padding-left: 6px; background: #efefef; border: 1px solid #d6d5d5; border-radius: 2px; width: 63px; height: 19px; line-height: 19px; } .left, .right { width: 20px; float: left; height: 186px; display: inline; border: 1px solid #c8c7c7; } .left { background: url(../images/left.gif) center no-repeat #d3d3d3; } .right { float: right; background: url(../images/right.gif) center no-repeat #d3d3d3; } .proname { float: left; width: 178px; padding-left: 22px; line-height: 30px; margin-top: 6px; background: url(../images/proico.gif) 12px center no-repeat #fff; color: #3d3c3c; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .partFourM1 { width: 1130px; margin: auto; height: auto !important; } .partFourCon1 { margin-left: 24px; display: inline; width: 1106px; overflow: hidden; } .prod li { width: 230px; height: 260px; position: relative; text-align: center; float: left; margin-right: 45px; border: 0px solid #dcdcdc; } .prod li a { width: 100%; height: 100%; overflow: hidden; display: block; } .prod li a:hover { color: #e55e04; } .prod li a img { width: 230px; height: 220px; border: 0px solid #dcdcdc; } .proname { float: left; width: 178px; padding-left: 22px; line-height: 30px; margin-top: 6px; background: url(../images/proico.gif) 12px center no-repeat #fff; color: #3d3c3c; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /*.case{width:1130px; height:255px; overflow:hidden;margin-top:4px;} .case li{width:199px; text-align:center; overflow:hidden;} .case li a{display:block; width:190px; height:150px; overflow:hidden; margin:auto; border:1px solid #dcdcdc;} .case ul li img{width:190px; height:150px;} .case li{ float:left; margin:0 5px; width:200px; text-align:center; display:inline;}*/ .product { float: left; width: 1130px; padding-bottom: 40px; } .partFourM { height: 188px; width: 1130px; position: relative; float: left; } .partFourCon { height: 188px; margin-left: 24px; display: inline; width: 1130px; overflow: hidden; } .proimg { float: left; border: 0px solid #dcdcdc; } .proname { float: left; width: 178px; padding-left: 22px; line-height: 30px; margin-top: 6px; background: url(../images/proico.gif) 12px center no-repeat #fff; color: #3d3c3c; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .case { width: 1120px; height: 155px; overflow: hidden; margin-top: 4px; } .case ul { } .case ul li { width: 199px; text-align: center; overflow: hidden; } .case ul li a { display: block; width: 190px; height: 150px; overflow: hidden; margin: auto; } .case ul li img { width: 190px; height: 150px; border: 0px solid #dcdcdc; } .case ul li a p { line-height: 30px; height: 30px; position: relative; bottom: 0px; opacity: 0.6; filter: alpha(opacity=60); cursor: pointer; width: 190px; left: 0px; top: -30px; background-color: #555555; font-weight: bold; font-size: 14px; color: #fff; text-align: center; overflow: hidden; } .row1 { float: left; width: 100%; min-width: 1130px; height: 460px; background: url(../images/row1.gif) center top no-repeat; } .news { float: left; width: 502px; height: 453px; overflow: hidden; } .news .title { /* background: none; padding-bottom: 0; */ } .pointer { float: left; width: 100%; display: inline; } .pointer li { float: left; width: 100%; border-bottom: 1px dashed #d3d3d3; } .pointer li a { float: left; color: #2f2f2f; width: 95%; line-height: 32px; background: url(../images/newsico.gif) 0px center no-repeat; padding-left: 5%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .pointer li a:hover { color: #000; } .pointer li .fl { float: left; width: 60%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .pointer li .fr { color: #707070; margin-right: 8px; } .contact { float: right; width: 390px; padding-top: 15px; } .contactcon { float: left; padding-top: 10px; padding-left: 17px; width: 100%; height: 420px; float: left; background: url(../images/contact.gif) no-repeat center 50px; } /* .contactcon ul li{ height:30px; line-height:30px;} .contactcon ul li a{ font-size:12px; color:#3e2702; padding-left:20px; display:block; overflow:hidden;height:30px; line-height:30px;} .contactcon ul li a:hover{color:#e92976; } .contactcon img{ vertical-align:middle; margin:4px 10px 4px 0;}*/ .icont { height: 360px; overflow: hidden; width: 100%; } .icont p { text-indent: 24px; line-height: 20px; padding: 4px; width: 100%; } .icont p img { float: left; margin: 10px 5px 5px 5px; width: 213px; height: 160px; } /* tabs */ .tab { width: 1130px; margin: auto; padding: 0px; } .tab .tabspan { float: left; background: #dcdcdc; font-size: 12px; color: #000; font-weight: bold; line-height: 24px; padding: 0px 10px 0px 10px; } .tab-hd { padding: 0px; margin: 0px; height: 24px; zoom: 1; } .tab-hd li { float: left; width: 100px; color: #000; line-height: 24px; font-size: 12px; text-align: center; cursor: pointer; list-style: none; } .tab-hd li.active { color: #fff; background: #c2130e; } .tab-bd { padding: 0px; margin: 2px 2px 0px 2px; } .tab-bd li { display: none; } .tab-bd li a { display: inline-block; margin: 2px; } .tab-bd li a:hover { } /*width:100%;position:relative; margin-top:-45px; min-width:1130px;font-family:'Microsoft Yahei';float:left; padding-top:41px;color:#fff;background:url(../images/flink.gif) no-repeat top center;background:#555555; */ .flink1 { width: 100%; position: relative; margin-top: -45px; min-width: 1130px; font-family: 'Microsoft Yahei'; float: left; padding-top: 41px; color: #fff; background: url(../images/flink.gif) no-repeat top center; height: 5px; } .flink { width: 100%; background: #555555; } .flink dl { float: left; width: 518px; padding-left: 10px; } .flink dt { float: left; margin-bottom: 18px; width: 100%; color: #fdb205; font-size: 16px; background: url(../images/flinkico.gif) no-repeat 0px center; padding-left: 27px; } .flink dt font { margin-left: 3px; } .flink dd { margin-bottom: 14px; float: left; width: 166px; text-align: left; } .flink_r { float: right; width: 350px; } .foot { width: 100%; min-width: 1004px; line-height: 46px; overflow: hidden; float: left; color: #545252; background: #000; } .foot ul { margin: 10px; } .ffoot ul li { line-height: 40px; color: #fff; text-align: left; overflow: hidden; } .ffoot ul li a { color: red; } .ffoot ul li a:hover { color: #ffffff; } .ffoot { width: 1200px; margin: auto; } .duilian { top: 260px; position: absolute; width: 160px; overflow: hidden; display: none; } .duilian_left { left: 6px; } .duilian_right { right: 6px; } .duilian_con { border: 2px solid #FF0000; width: 156px; overflow: hidden; } .duilian_title { background: url(../images/SonlineTitleBg.gif) #FF0000; height: 35px; line-height: 35px; color: #fff; } .duilian_title strong { margin-left: 10px; float: left; } .duilian_list { margin-top: 10px; text-align: center; margin-bottom: 8px; height: 22px; line-height: 22px; } .duilian_span { display: block; float: left; font-size: 14px; line-height: 23px; width: 65px; text-align: right; } .duilian_close { background: url(../images/closeBtnImg.gif) 10px no-repeat; -webkit-transition: all 0.8s ease-out; width: 40px; height: 35px; line-height: 35px; color: #fff; text-align: center; float: right; display: block; font-size: 13px; text-decoration: none; } .fyMain { width: 1130px; margin: 0 auto 20px; padding-top: 15px; clear: both; height: auto !important; } .nbox_rtit { margin: 30px auto 40px auto; height: 32px; border-bottom: #E1D9CC 1px solid; } .nbox_rtit .rtit_right { height: 32px; line-height: 32px; width: 300px; float: right; text-align: right; color: #C3B39D; overflow: hidden; } .nbox_rtit .rtit_right a { color: #C3B39D; } .sidebar { width: 560px; height: 32px; float: left; } .sidebar li { width: 100px; height: 30px; text-align: center; line-height: 30px; float: left; margin-right: 10px; display: inline; background: #C8AC7C; border: #D0B88F 1px solid; } .sidebar li a { font-family: "微软雅黑"; font-size: 14px; color: #fff; } .sidebar li a:hover { width: 100px; height: 30px; background: #87683A; color: #fff; display: block; text-decoration: none; } .sidebar li.curr { width: 100px; height: 30px; background: #87683A; color: #fff; border: #B59147 1px solid; } .sidebar li.curr a { color: #fff; } .naboutus { width: 1100px; } .naboutus .aboutb1 { width: 1100px; float: left; } .naboutus .aboutb2 { width: 400px; height: 400px; float: left; text-align: center; } .nbox_cont { line-height: 30px; font-size: 14px; } .nbox_cont p { padding-bottom: 15px; } /*内页*/ .nLeft { float: left; width: 340px; overflow: hidden; margin-right: 30px; } .nLeft .title { margin-bottom: 9px; margin: auto; } .l_pro { float: left; width: 240px; } .l_news { float: left; margin-top: 20px; width: 240px; padding-bottom: 13px; } .nLeft .contact { float: left; } .nLeft .contactcon { width: 220px; background: url(../images/lmap.gif) no-repeat center 80px; padding-left: 0px; } .nLeft .title font { font-size: 26px; margin-top: 5px; } .nRight { margin: auto; width: 1100px; background: #fff; padding-left: 10px; padding-right: 10px; overflow: hidden; } .title_view { float: left; width: 100%; border-bottom: 1px solid #acacac; margin-bottom: 17px; line-height: 40px; height: 40px; font-size: 20px; } .title_view .fl { font-family: 'Microsoft Yahei'; } .title_view .fr, .title_view .fr a { color: #777; font-size: 12px; } .title_view .fr { padding-right: 5px; } .title_view .fr font { font-size: 12px; } .mainRightMain { color: #555; float: left; width: 684px; padding-bottom: 20px; min-height: 640px; _height: 640px; } .padding25 { padding: 0 25px; line-height: 30px; font-size: 14px; } .mainr_line { float: left; height: 18px; width: 99%; background: url(../images/line_s.gif) top left repeat-x; } .tip { padding: 20px; } /*新闻内页 .con{ width:730px; border:0px solid #dcdcdc; overflow:hidden;} .con ul{margin:0px 5px 0px 5px; } .con ul li{height:30px; line-height:30px; border-bottom:1px dashed gray; text-align:right; background:url(../images/4.jpg) 6px 11px no-repeat;} .con ul li span{color:#8F7042; } .con ul li a{float:left; padding-left:20px; font-family: "Microsoft YaHei"; text-align:left; width:760px; overflow:hidden; height:38px; line-height:30px; color:#8F7042; } .con ul li a:hover{background:#00AA3A;}*/ .con { margin: auto; width: 1100px; margin-right: 10px; border: 0px solid #dedede; } .con ul li { border-bottom: 1px dashed gray; width:1000px; height:30px; overflow: hidden; } .con ul li a { color: #8F7042; padding-left: 20px; display: block; height: 30px; line-height: 30px; width:800px; overflow:hidden; } .con ul li a:hover { background: #00AA3A; } .con ul li span { display: block; height: 30px; float: right; overflow: hidden; line-height: 30px; margin-right: 7px; } .ptypeinfo { width: 340px; border: 0px solid #dcdcdc; overflow: hidden; } .ptypeinfo ul li { border-bottom: 1px dashed gray; overflow: hidden; } .ptypeinfo ul li a { border: 0px dashed #dcdcdc; font-family: "Microsoft YaHei"; width: 330px; color: #8F7042; padding-left: 18px; display: block; height: 38px; line-height: 30px; } .ptypeinfo li a:hover { background: #00AA3A; } /*分页样式*/ .pages { margin-top: 10px; clear: both; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: center; } .pages a { vertical-align: text-bodsttom; border: 1px solid #DDDDDD; color: Gray; background: #fff; padding: 2px 6px; margin: 0 2px; } .pages a:hover { border: 1px solid #DDDDDD; color: red; } .pages .cpb { color: Gray; border: 1px solid #DDDDDD; font-weight: bold; } .case_list { width: 1100px; height: auto; overflow: hidden; } .case_list ul { width: 1100px; height: auto; } .case_list li { width: 335px; height: 245px; position: relative; text-align: center; margin: auto 30px 30px 0; float: left; } .case_list li a { width: 100%; height: 100%; overflow: hidden; display: block; } .case_list li a img { width: 335px; height: 210px; border: 0px solid #dcdcdc; } .case_list li a span { height: 24px; line-height: 24px; width: 435px; display: block; border-bottom: #E1D9CC 1px solid; text-align: left; color: #8F7042; } .content { width: 1100px; border: 0px solid #dcdcdc; overflow: hidden; } .ncontact { background: url(../images/contact.jpg) top right no-repeat; } .ncontact li { width: 100%; font-size: 14px; font-weight: bold; line-height: 30px; color: #8F7042; } .contpn { padding: 10px; width: 900px; } .contpn a { color: Blue; } .contpn a:hover { color: Red; } #nycontent img { width: 780px; }