#navigation{height:50px;} /*2级横型普通导航*/ #nav-nor{ height: 28px; width:1004px; margin:0 auto; } #nav-nor ul { padding: 0; margin: 0; } #nav-nor ul li { float: left; margin-right: 5px; } #nav-nor ul li a { display: block; color: #000; font-weight: bold; text-align: center; width: 90px; height: 28px; line-height: 28px; background: #CCC; } #nav-nor ul li a:hover { color: #F90; } /*2级横型普通导航-中英文导航*/ .nav-e{ width:1004px; margin:0 auto; height:44px; } .nav-e ul li{ text-align:center; margin-left:28px !important; margin-left:20px; float:left;} .nav-e ul li span{ font-size:13px; color:#000; font-weight:bold;} .nav-e ul li em{ font-size:11px; color:#000; font-style:normal;} .nav-e ul li a{display:block } /*搜索框*/ .header-ri a{ font-family:Arial; font-weight:bold; color:#0a1b29} .header-ri a:hover{color:#005bab;} .header-ri .search{ width:183px; height:27px; margin-left:16px; padding-left:11px; background:url(../images/search_bg01.jpg) no-repeat;} .header-ri .search .txt{ width:144px; height:27px; border:none; background:none; color:#908B8C;} .header-ri .search .btn { width:34px; height:27px; background:none; border:none; cursor:pointer} /*search*/ form { margin: 0; } #search_box { float: right; } .searchinput { border: 0px; padding-left: 3px; width: 168px; float: left; color: #636365; margin-left: 4px; font-size: 12px; vertical-align: middle; margin-right: 3px; } .tab_search { border: #cccccc 1px solid; height: 25px; background: #fff; } .searchbutt { width: 21px; border: 0; float: left; height: 17px; } .headsearch { background: url(../images/headsearch_bg.png) no-repeat; position: absolute; right: 159px; top: 64px; height: 20px; padding: 0 0 0 21px; width: 162px; } .contxt { display: inline; float: left; width: 115px; height: 20px; line-height: 20px; color: #bfdcf4; background: none; border: none; } .conbtn { float: right; width: 33px; height: 20px; background: none; border: none; cursor: pointer; } /* 滚动条CSS样式*/ .divScrollBar { background-color: #ddd; position: absolute; opacity: 0.5; filter: Alpha(opacity=50); } .divScrollBar:hover { opacity: 1; filter: Alpha(opacity=100); } .divScrollBar div { background-color: #aaa; position: absolute; left: 0px; top: 0px; } #cleft_box { position: absolute; right: 0px; top: 400px; padding: 0px; margin: 0px; overflow: hidden; width: 36px } .cleft_inner { margin: 0px; padding: 0px; overflow: hidden; width: 166px } .inner_btn { width: 36px; height: 74px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; margin-top: 15px; padding-top: 35px; cursor: pointer; cursor: pointer; float: left; background: url(../images/rtitleico.png) left top no-repeat } .inner_btn span { layout-flow: vertical-ideographic } .inner_info { width: 128px; overflow: hidden; float: right; background: none } .inner_tit { margin: 0 auto; padding-left: 20px; height: 30px; background: url(../images/leftbg.png) left top no-repeat; overflow: hidden; width: 128px } .inner_list { text-align: center; width: 128px; background: url(../images/leftcontentbg.png) repeat-y } .inner_list ul { margin: 0px; padding: 0px; font-size: 12px; list-style-type: none } .inner_list ul li { padding-top: 5px; line-height: 180%; margin: 0px auto } .inner_list ul li a { color: #000; text-decoration: none } .inner_btm a { width: 128px; height: 22px; background: url(../images/leftbt.png) left top no-repeat; display: block } /*产品列表-图片水平垂直居中*/ .picshow { margin-top:15px; } .picshow div { *float:left; width: 160px; height: 160px; overflow: hidden; position: relative; display: table-cell; text-align: center; vertical-align: middle; } .picshow div p { position: static; +position:absolute;top: 50% } .picshow img { position: static; +position:relative;top: -50%; left: -50%;width:171px; height:171px; overflow:hidden; } .picshow ul { overflow:hidden; } .picshow ul li { float: left; width: 171px; height:223px; border:1px solid #CCC; background:url(../images/p_li_bg.jpg) bottom no-repeat; padding:9px; display: inline; margin: 0px 2px 12px 2px; overflow:hidden; } .picshow ul li h2 { font-size: 12px; margin-top:10px; text-align: center; height:45px; overflow:hidden; } .picshow ul li.cbg2 { } /*漂浮广告*/ #piao{ position:fixed; top: 0; left: 0; z-index:100} /*----------------------------------------------登录&注册样式----------------------------------------------*/ /*登录样式1*/ #login001 { width: 320px; height: 159px; margin: 0 auto; margin-top: 57px; padding-left: 150px; margin-bottom: 140PX; background: url(../images/login-icon.jpg) no-repeat; } #login001 form { width: 320px; padding: 20px 0 0 0px; } #login001 form input.txtBox1 { width: 213px; height: 24px; padding: 3px; border: none; padding-left: 30px; font: normal 12px/19px Arial, Helvetica, sans-serif; color: #040404; background: url(../images/userr.jpg) 0 0 no-repeat; } #login001 form input.txtBox2 { width: 213px; height: 24px; padding: 3px; border: none; padding-left: 30px; font: normal 12px/19px Arial, Helvetica, sans-serif; color: #040404; background: url(../images/password.jpg) 0 0 no-repeat; } #login001n form label.formTxt { font: normal 12px/18px Arial, Helvetica, sans-serif; color: #393939; background-color: inherit; } #login001 form input.login { margin-top: 10px; background: url(../images/submit.jpg) 0 0 no-repeat; width: 89px; height: 28px; border: none; cursor: pointer; } #login001 .space { height: 10px; } /** 登录样式2 **/ .form-tl { position: relative; height: 42px; margin-bottom: 20px; border-bottom: 1px solid #bf5400; background: url(../images/form_repeat_bg.png) repeat-x 0 -90px; color: #fff; font-size: 18px; text-indent: 40px; line-height: 43px; } .form-tl .recycle { position: absolute; right: 10px; top: 13px; height: 20px; color: #fff; font-size: 12px; text-indent: 0; line-height: 20px; } .form-tl .recycle:hover { text-decoration: underline; } .form-row { overflow: hidden; padding-bottom: 13px; } .form-row .simsun { font-family: "Simsun"; } .form-row label { float: left; width: 100px; height: 31px; padding-right: 5px; color: #444; font-size: 14px; text-align: right; line-height: 31px; } .form-row .txt { float: left; width: 223px; height: 17px; padding: 6px; border: 1px solid #dcdcdc; background: url(../img/form_repeat_bg.png) repeat-x 0 -150px; line-height: 17px; outline: none; } .form-row .code { width: 100px; } .form-row .msg img { vertical-align: middle; } .form-row .msg a { color: #666; } .form-row .msg a:hover { color: #ed6d00; } .form-row .err { display: none; clear: both; padding-left: 100px; color: #f00; line-height: 25px; } .form-row .red { color: #c30a0a; } .form-btn { margin: 0 40px; padding-top: 17px; border-top: 1px solid #eaeaea; } .form-btn .btn { float: left; width: 84px; height: 34px; margin-right: 11px; border: none; background: url(../images/form_repeat_bg.png) repeat-x 0 -40px; color: #fff; text-align: center; line-height: 34px; cursor: pointer; } .form-btn .btn:hover { background-position: 0 0; } .login-cont, .reg-cont { width: 440px; height: 232px; margin: 110px auto; background: #fff; box-shadow: 1px 1px 3px #ccc; } .login-cont .form-btn { padding-left: 170px; } /** 注册样式 **/ .reg-cont { width: 587px; height: 430px; margin-top: 40px; } .reg-cont .form-row label { width: 110px; } .reg-cont .form-btn { padding-left: 77px; } .reg-cont .msg { float: left; padding-left: 10px; color: #999; line-height: 31px; } /*水平滚动条美化*/ .container { width: 598px; height: 130px; margin: 40px auto; overflow: hidden; position: relative; -moz-user-select: none; } .presswraper { height: 100px; border: 1px solid #ddd; background-color: #f1f1f1; } .press { line-height: 100px; white-space: nowrap; position: absolute; left: 0px; top: 0px; } .container2 { width: 598px; height: 154px; margin: 40px auto; overflow: hidden; position: relative; -moz-user-select: none; } .container2 ul { width: 10000px; position: absolute; left: 0px; top: 0px; padding: 0; margin: 0; } .container2 ul li { height: 124px; width: 183px; float: left; line-height: 90px; text-align: center; background: #eee; padding: 0; margin-right: 24px; list-style-type: none; } .container2 ul li img { border: 1px solid #ccc; padding: 2px; } .hScrollPane_dragbar, .hScrollPane_draghandle, .hScrollPane_leftarrow, .hScrollPane_rightarrow { background: url(../images/dragbar.gif); } /*Download by http://www.jb51.net*/ .hScrollPane_dragbar { position: absolute; left: 0px; bottom: 0px; height: 16px; margin: 0 auto; background-position: left -32px; } .hScrollPane_draghandle { height: 14px; width: 30px; border: 1px solid #d5d3d3; overflow: hidden; position: absolute; top: 0px; left: 0px; cursor: default; background-position: center -48px; background-repeat: no-repeat; background-color: #e5e5e5; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .hScrollPane_leftarrow, .hScrollPane_rightarrow { display: inline-block; height: 16px; width: 17px; overflow: hidden; position: absolute; bottom: 0; } .hScrollPane_leftarrow { left: 0; } .hScrollPane_leftarrow:hover { background-position: left -64px; } .hScrollPane_rightarrow { right: 0; background-position: left -16px; } .hScrollPane_rightarrow:hover { background-position: left -80px; } .draghandlealter { background-position: center -96px; background-color: #efefef; } /*页码代码*/ .pages { margin-top: 15px; font-size: 12px; font-weight: bold; line-height: 22px; text-align: center; } .pages a { text-decoration: none; color: #1f8ccf; background: #fff; border: 1px solid #1f8ccf;/*外框颜色*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 6px; padding-bottom: 2px; margin-right: 3px } .pages a.active { background: #1f8ccf; border: 1px solid #1f8ccf; color: #fff }/*激活状态颜色*/ .pages a:hover { background: #1f8ccf; border: 1px solid #1f8ccf; color: #fff; text-decoration: none; }/*鼠标经过颜色*/ /*新闻列表样式*/ .news_List{ padding-top:26px; } .news_List ol{ position:relative; height:178px; padding:0; margin:0} .news_List ol span{ position:absolute; text-align:center; left:-74px; top:0px; background:#a38778; width:60px; height:60px; color:#fff;} .news_List ol span b{ display:block; line-height:41px; background:#b7a294; font-size:26px;} .news_List ol .pic{ float:left; width:216px; background:#fff;} .news_List ol .pic img{ width:200px; height:150px; padding:8px;} .news_List ol .txt{ width:470px; float:right;height:166px;background:url(../images/dotted.jpg) repeat-x left bottom;} .news_List ol .txt h1{ margin:0; font-size:15px; height:35px; } .news_List ol .txt h1 a{ color:#AC0500;} .news_List ol .txt h1 a:hover{ color:#000;} .news_List ol .txt p{ line-height:20px; color:#888; margin:0;} .news_List ol a.more{ position: absolute; left: 675px; color: #c57174; background: url(../images/a_more.jpg) no-repeat right center; height: 20px; line-height: 20px; font-weight: bold; top: 146px; padding-right: 25px; } .news_List li{ border-bottom:1px solid #e7e1df; font-size:14px; padding-top:7px; height:30px; line-height:30px;} .news_List li a{ background:url(../images/arr_2.png) left center no-repeat; padding-left:18px;} .news_List li a:hover{ color:#F00;} .news_List li span{ float:right; font-size:11px; color:#a3a2a1;} /*新闻列表样式01*/ .newslist { width: 100% } .newslist ul li { list-style-type: none; display: block; border-bottom: 1px dashed #302214; padding-left: 15px; background: url(../images/arr_2.png) left center no-repeat; height:28px; line-height: 28px; text-align: right; font-size: 14px; } .newslist ul li a { float: left; color: #302214 } .newslist ul li a:hover { color: #a40001; } /*新闻列表样式02*/ .shownews { width: 100%; height: 110px; margin: 0 auto; border-bottom: 1px dotted #7a7677; } .shownews .show-top { width: 100%; padding-top: 20px; } .shownews .show-tit { float: left; color: #000; font-size: 16px } .shownews .show-cont { float: left; padding-top: 10px; color: #7a7677; line-height: 1.5em; font-size: 12px; } .shownews span { float: right; color: #7a7677; } /*新闻列表样式03*/ .n_list{ padding-top:10px;} .n_list li { height: 146px; border-top: #ccc solid 1px; padding-bottom: 10px; } .n_list .none { border-top: none; padding-top: 0px; } .n_pic { float: left; width: 130px; height: auto; overflow: hidden; } .n_right { float: left; width: 595px; height: auto; overflow: hidden; } .n_name { color: #575555; font-size: 13px; font-weight: bold; } .n_desc { color: #4c4c4c;padding-top: 10px; } .n_desc span { float: left; width: 100%; overflow: hidden; } .n_desc a { display: block; color: #666666; } .n_desc a img { vertical-align: middle; padding-right: 3px; } /*新闻详细页样式*/ .news_info .time{ height:34px; line-height:34px; text-align:center; color:#666;} .news_info .time span{ margin:0 0 0 20px;} .news_info h1{ color: #AC0500 ; font-size:16px; font-weight:bold; text-align:center; padding:20px 0 0;} .news_info .body{line-height:22px; font-size:12px; color:#333; margin:0 auto; overflow:hidden;} .news_info .body *{ line-height:22px; font-size:12px; color:#333;} .news_info .body p{ text-indent:24px; padding:0 0 15px;} .news_info .pagenav{ padding:5px 0 0; margin:0 0 20px; border-top:1px dashed #C1C1C1; overflow:hidden; zoom:1;} .news_info .pagenav p{ height:24px; line-height:24px; color:#666; overflow:hidden;} .news_info .pagenav p a{ color:#666;} /*留言板样式*/ .b7_msg h4 { height: 30px; color: #6e6e6e; font-weight: normal; font-size: 18px; } .b7_msg h4 span { color: #ccc; font-size: 16px; } .b7_msg .row { overflow: hidden; margin-bottom: 12px; } .b7_msg input { float: left; width: 476px; height: 18px; padding: 5px 14px; outline: none; border:1px solid #999; color: #b3b3b3; font-size: 14px; font-family: "Microsoft Yahei"; line-height: 18px; } .b7_msg .name { margin-right: 15px; } .b7_msg .companyName { width: 477px; background-position: 0 -209px; } .b7_msg textarea { width: 477px; height: 125px; padding: 5px 14px; outline: none; border:1px solid #999; color: #b3b3b3; font-size: 14px; font-family: "Microsoft Yahei"; line-height: 18px; resize: none; } .b7_msg .btn { display: block; width: 156px; height: 38px; background: url(../images/b7_sprite.png) no-repeat; color: #fff; font-weight: bold; font-size: 16px; text-align: center; line-height: 38px; text-decoration: none; } /*背景自适应*/ .banner{ position:absolute; z-index:1; background:url(../loader.gif) no-repeat center ; width:100%; height:100%; overflow:hidden; } .banner img{ position:absolute; } .reserve-box{ height: 610px; margin: 0 auto; background: url(../img/bg_reservebox.png) no-repeat; font-size: 16px; line-height: 35px; color: #333; } .reserve-box .tit{ border-bottom: 2px solid #5c5c5c; margin-bottom: 10px; font-size: 22px; line-height: 44px; color: #333; } .reserve-box span{ display: inline-block; padding-right: 5px; color: #f00; float: left; } .reserve-box p.fl{ width: 175px; margin-left: 8px; font-size: 12px; color: #666; } .reserve-box input{ width: 325px; height: 29px; padding: 0 10px; border: 1px solid #979797; border-radius: 3px; margin-bottom: 7px; font-size: 14px; line-height: 29px; color: #000; } .reserve-box input.error{ border: 1px solid #ff0000; } .reserve-box input.checkbox{ width: 13px; height: 13px; margin-top: 11px; padding: 0; } .reserve-box input.submit{ width: 134px; height: 44px; border: none; margin: 10px 0 0 121px; background: url(bg_input04.jpg) no-repeat; font-size: 16px; color: #fff; } .reserve-box select{ width: 345px; height: 31px; padding-left: 10px; border: 1px solid #979797; border-radius: 3px; margin-bottom: 7px; font-size: 14px; line-height: 29px; color: #000; } .reserve-box select.error{ border: 1px solid #ff0000; } .reserve-box option{ padding-left: 10px; } .reserve-box .tips{ padding: 57px 0 65px; font-size: 16px; line-height: 24px; color: #676565; text-align: center; } .reserve-box .tips span{ display: inline-block; float: none; padding-left: 67px; background: url(../img/bg_sign30.png) no-repeat left center; font-weight: bold; font-size: 30px; line-height: 85px; color: #676565; } .reserve-box .btns{ height: 38px; padding-left: 54px; } .reserve-box .btns a{ display: inline-block; float: left; width: 120px; margin-right: 16px; background: #333; font-size: 12px; line-height: 38px; color: #fff; text-align: center; transition: background 500ms ease-in 0ms; } .reserve-box .btns a:hover, .reserve-box .btns a.car{ background: #0067b2; }