/* CSS Document */ body{ margin:0; padding:0; font-size:14px; background:#fff;} bli,ul{ list-style:none; margin:0; padding:0;} img{ border:0;} table, td, tr, a { margin: 0px; padding: 0px; font-size: 12px; border: 0px; line-height: 22px; text-decoration: none; border-spacing: 0px; } a { color: #333; } /*---------------------------top-------------------------------------*/ .top_box{ margin-left:auto; margin-right:auto; height:30px; background-color:#bebebe;} .top_box_l{ height:30px; width:1100px; margin-left:auto; margin-right:auto;} .top_box_l_lift{ float:left; width:240px; color:#484848; height:30px; line-height:30px; font:"微软雅黑"; font-size:14px;} .top_box_l_right{ float:right; width:200px; height:30px; line-height:30px; font:"微软雅黑"; font-size:12px;} .top_box_l_right a{ text-decoration:none; color:#484848;} /*---------------------------logo-------------------------------------*/ .logo{ background-color:#e1e1e1;} .logo_box{ margin-left:auto; margin-right:auto; height:96px; width:1100px;} .logo_box_lift{ height:67px; width:378px; line-height:67px; float:left;} .logo_box_lift img{ margin-top:18px;} .logo_box_center{ width:436px; height:66px; float:left; margin-top:22px; margin-left:4px; line-height:30px; font:"微软雅黑"; font-size:16px; font-weight:bold;} .logo_box_center1{ color:#9d0e0e;} .logo_box_center2{ color:#949494;} .logo_box_right{ width:280px; float:right; margin-top:16px;} .logo_box_right img{ float:left;} .logo_box_right span{ float:left; width:190px; height:40px; margin-top:10px; font:"微软雅黑"; font-size:28px;} /*---------------------------nav-------------------------------------*/ .nav{ background-image:url(../images/daohang.png); height:44px; background-repeat:repeat-x;} .nav_l{ width:1100px; height:44px; margin:0 auto;} .nav_l li{display:block; float:left; width:130px; height:44px; line-height:44px; font:"微软雅黑"; font-size:16px; text-align:center;} .nav_l img{ float:left;} .nav_l li:hover{ background-image:url(../images/daohang2.png); background-repeat:repeat-x;} .nav_l a{ color:#FFF; text-decoration:none;} .nav_bottom{ height:30px; padding-top:10px; width:1100px; margin:0 auto;} .nav_bottom input{ display:block; float:left;} .nav_bottom span{ margin-left:10px; display:block; float:left; height:23px; width:700px;} .banner{ height:576px; overflow:hidden; text-align:center;} .wdiv { width: 1200px; margin: 0px auto; padding: 0px auto; } .wdiv1020 { width: 1020px; margin: 0px auto; padding: 0px auto; } #toplog { width: 250px; height: 100%; float: left; margin: 0px auto; } .homeico{ background-image:url(../images/homeico.png); background-repeat:no-repeat; background-position:30px 12px; text-indent:15px; display:inline-block; width:100%; height:100%;} .indexRight-Div { float: right; width: 305px; height: 100%; } .ctitle-span { font-size: 15px; font-family: '微软雅黑'; color: #fff; margin-right: 8px; font-weight: bold; background-image: url(../images/li_1.png); background-repeat: no-repeat; background-position: 8px 12px; text-indent: 18px; } .ctitle-span font { color: #fff; font-size: 13px; font-weight: normal; font-style: italic; display: inline-block; text-align: left; text-indent: 8px; } .index-fenlei { width: 94%; height: 100%; margin: 0px auto; } .index-fenlei li { width: 100%; height: 31px; border: 0px; text-align: left; margin-top: 0px; margin-bottom: 0px; border: 0px; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: 0px; border-bottom: dotted 1px #ccc; } .index-fenlei li a { color: #0552ab; line-height: 31px; } .index-fenlei li:hover a:hover { color: red; } .index-text { width: 100%; margin-top: 5px; text-align: left; } #wrap { position: relative; overflow: hidden; } .newslist-index ul li { width: 100%; height: 25px; background-color: #f6f6f6; border: 0px; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: 0px; border-bottom: dotted 1px #ccc; background-image: url(../images/li_2.png); background-repeat: no-repeat; background-position: 5px 6px; text-indent: 16px; } .newslist-index ul li a { display: inline-block; float: left; } .newslist-index ul li span { display: inline-block; float: right; line-height: 22px; } .newslist-index ul { width: 98%; height: 98%; margin: 3px; } .footerdh a { color: #fff; } .cproducts{width:98%; height:98%; margin:0px auto; padding:0px auto; overflow:hidden; text-align:left;position:relative; } .cproducts ul{ width:100%; height:100%; margin-left:5px;} .cproducts ul li{ float:left; margin-right:10px; margin-top:10px;text-align:center; height:220px; width:170px; float:left;} .cproducts ul li a{ display:block; width:100%; height:100%; font-size:14px; text-align:center;color:#333; line-height:30px; font-size:12px;} .cproducts ul li a:hover{color:red} .index-honor div { line-height: 1.6; } .chanpin{ width: 1100px; height: 790px; margin: 0 auto; } .chanpin_top{ width:312px; height:770px; background-image:url(../images/chanpinfenlie0.png); background-repeat:no-repeat; float:left; color:#FFF; font:"微软雅黑"; font-size:16px; } .chanpin_top li{ line-height:50px; margin-top:4px; text-align:center;} .ct1{ width:312px; height:58px; background-image:url(../images/chanpinfenlie.png); background-repeat:no-repeat;} .ct2{ width:303px; height:50px; background-image:url(../images/chanpinfenlie1.png); background-repeat:no-repeat;} .ct3{ width:300px; height:46px; background-image:url(../images/chanpinfenlie3.png); background-repeat:no-repeat; color:#fff; font:"微软雅黑"; font-size:16px;} .ct2:hover{ background-image:url(../Public/images/chanpinfenlie2.png); color:#be1210;} .chanpin_top a{ text-decoration:none; color:#4a4a4a;} /*---------------------------chanpin-------------------------------------*/ .chanpin_right{ margin-top:20px; width:776px; height:720px; float:right;} .chanpin_right_top{ background: url(../images/t1.gif) repeat-x; height:40px;font:"黑体"; font-size:18px; background-repeat:repeat-x; margin-bottom:15px; border:1px solid #CCC} .chanpin_right_tops1{ line-height:40px; margin-left:20px; height:50; font-size:12px; color:#666; width:500px; float:left;} .chanpin_right_tops1 a{ line-height:40px;font-size:16px; color:#005ca2; font-weight: bolder} .chanpin_right_tops2{ line-height:40px; height:50px; margin-right:20px; width:40px; color:#006395; float:right;} .chanpin_top_b{ padding-left:16px; padding-top:12px;} .chanpin_top_b input{ margin:0; padding:0; display:block; float:left; line-height:23px;} .chanpin_top_b1{ font:"微软雅黑"; font-size:14px; color:#909090; width:280px; float:left; height:40px; margin-top:12px;} .chanpin_right_bottom{ width:776px; height:720px;} .chanpin_right_bottom li{ float:left; margin-left:20px; margin-top:36px; height:243px; border:#ccc solid 1px;} .chanpin_right_bottom li span{ width:226px; background-image:url(../images/yin.png); height:41px; text-align:center; line-height:41px; display:block; } .chanpin_right_bottom img{ height:200px; margin:5px;} .chanpin_right_bottom a{ color:#FFF; font:"微软雅黑"; font-size:16px; overflow:hidden; width:221px; height:243px;} /*---------------------------zuojinfl-------------------------------------*/ .zoujinfl{ width:1100px; margin:0 auto;} .zoujinfl_top{background-image:url(../images/chanpinzhongx.png); font:"黑体"; font-size:20px; padding-left:10px; background-repeat:repeat-x; height:50px; margin-top:10px; line-height:50px; color:#006395;} .zoujinfl_bottom { height:260px;} .zoujinfl_bottom img{ float:left; margin-left:10px; margin-top:12px;} .zoujinfl_bottom span{ float:right; width:750px; text-align:center; font:"黑体"; font-size:20px; color:#006395; height:58px; line-height:58px;} .zoujinfl_bx{ height:200px; float:right; width:750px; font:"黑体"; font-size:16px; color:#424242; line-height:27px;} .wl{ width:1100px; height:300px; margin:0 auto;} .wl img{ float:right;} .wl_lift{ width:300px; float:left;} .wl_lift span{ font:"微软雅黑"; font-size:20px; font-weight:bold; margin-top:16px; margin-left:10px; width:260px; height:20px;} .wl_lift a{ color:#FFF; text-decoration:none;} .wl_lift ul{ display:block; margin-top:20px; margin-left:50px;} .wl_lift li{ width:237px; height:27px; margin-bottom:30px; padding-left:80px; margin-left:10px; line-height:27px;} .wl_l1{ background-image:url(../images/y1.png); background-repeat:no-repeat;} .wl_l2{ background-image:url(../images/y2.png); background-repeat:no-repeat;} .wl_l3{ background-image:url(../images/y3.png); background-repeat:no-repeat;} .wl_l4{ background-image:url(../Public/images/y4.png); background-repeat:no-repeat;} /*---------------------------wl_bottom-------------------------------------*/ .wl_bottom{ width:1100px; margin:0 auto; height:181px; margin-top:6px; background-image:url(../images/f.png);} .wl_bottom_right{ width:390px; float:right; margin-top:10px;} .wl_bottom_right_s1{ font:"微软雅黑"; font-size:23px; color:#575757;} .wl_bottom_right_s2{ font:Impact; font-size:32px; color:#ed0906;} .wl_bottom_right_s3{ font:"宋体"; font-size:20px; color:#575757; line-height:22px;} /*---------------------------new-------------------------------------*/ .new{ width:1100px; margin:0 auto; height:434px;} .news{ width:1100px; margin:0 auto;} .news_s1{ float:left; width:540px;background-image:url(../images/chanpinzhongx.png); font:"黑体"; font-size:20px; padding-left:10px; background-repeat:repeat-x; height:50px;line-height:50px; color:#006395;} .new_ul{ width:550px; float:left; margin-top:30px;} .new_ul li{ height:30px;} .new_ul a{ color:#5a5a5a; font:"黑体"; font-size:14px; text-decoration:none;} .new_ul li:hover{ background-color:#CCC; color:#F00;;} .new_ul_l1{ width:450px; margin-left:20px; float:left; height:30px; line-height:30px;} .new_ul_l2{ width:76px; float:right; height:30px; line-height:30px;} /*---------------------------cg-------------------------------------*/ .cg{ width:1100px; margin:0 auto; height:360px;} .cg_l a{ width:295px; height:278px; margin-left:50px; float:left; color:#FFF; text-decoration:none;} .cg_l img{display:block;} .cg_l span{ width:295px; position:relative; height:30px; display:block; margin-top:-30px; text-align:center; line-height:30px; background-image:url(../images/yin_bottom.png)} /*---------------------------lianx-------------------------------------*/ .lianx{ width:1100px; margin:0 auto; height:530px;} .lianx_lift{ font:"黑体"; color:#5c5c5c; font-size:20px; width:400px;px; float:left; margin-top:40px; line-height:40px; margin-left:20px;} .lianx_d img{ float:right; display:block;} /*---------------------------bottom-------------------------------------*/ .bottom_fj{ background-color:#006395; height:9px;} .bottom_y{ width:1100px; height:30px; margin:0 auto; line-height:30px;} .bottom_y a{ color:#838383; text-decoration:none; margin-left:14px;} /*---------------------------bottom_box-------------------------------------*/ .bottom_box{ background-color:#bebebe; height:110px;} .bottom_boxs{ width:1100px; height:110px; margin:0 auto;} .bottom_boxs_c{ margin-top:26px; width:1000px; float:left;} .bottom_box img{ float: left; margin-top: 0px; margin-left: 20px; } .bottom_box_ul1{ display:block; float:left; width:700px; font:"微软雅黑"; font-size:16px;} .bottom_box_ul2{ margin-left:16px; margin-top:4px; float:left; display:block; width:700px;} .bottom_box a{ font:"宋体"; font-size:16px; color:#383838; text-decoration:none;} .bottom_box li{ float:left; width:80px; text-align:center; font:"宋体"; font-size:16px;} .bottom_box span{ margin-left:24px; margin-top:6px; display:block; float:left; width:500px;} .bottom_box_dh{ font:"微软雅黑"; font-weight:bold; color:#FFF; font-size:20px; width:270px; height:50px; float:right; margin-top:-40px;} .bottom_box_dh img{ margin-right:6px;float:left; display:block;} .bottom_box_dh span{ margin:0; margin-left:10px; width:140px; float:left;} .bottom_box_dhl1{ width:190px; float:right;} .bottom_box_dhl2{width:190px; float:right; font:"微软雅黑"; font-size:24px; font-weight:bold;} .footer_box { width:1100px; margin:0 auto;} .footer_box a{ float:left;} .leftbt{ width:312px; height:58px; float:left; background:url(../images/chanpinfenlie.png) no-repeat top center; text-align:center; line-height:50px; color:#FFF; font-size:18px;} .chanpin_lift{ float:left; width:312px; margin-top:20px;} .contRight { width: 765px; float: right; margin-right: 0px; overflow: hidden; background-color: #fff; } .conNeiRong { width: 100%; min-height: 550px; margin: 0px auto; padding: 0px auto; margin-left: 0px; } .conNeiTitle { width: 100%; height: 60px; border: none; border-bottom: solid 1px #dcdcdc; margin-bottom: 10px; text-align: left; } .conNeiTitle1 { width: 100%; height: 32px; border: none; border-bottom: solid 1px #dcdcdc; margin-bottom: 10px; text-align: left; } .conNeiTitle-span1 { font-family: '微软雅黑','幼圆'; font-size: 30px; color: #fb7802; display: inline-block; float: left; line-height: 60px; } .conNeiTitle-span2 { font-family: '微软雅黑','幼圆'; font-size: 14px; color: #333; display: inline-block; float: right; line-height: 80px; } .conNeiText { color: #333; } #ProList { width: 100%; } #ProList ul li { text-align: center; width: 32%; height: 200px; float: left; margin: 0px auto; padding: 0px auto; overflow: hidden; margin-right: 8px; margin-top: 8px; } #ProList ul li img { height: 160px; width: 220px; border: solid 1px #CCC; } .blue-cls { width: 100%; height: 25px; background-color: #0054a7; color: #fff; } .shoucang-cls { float: left; width: 50px; } .blue-cls li { width: 75px; } .blue-cls li a { color: #fff; display: inline-block; height: 25px; line-height: 27px; float: left; } .ico-home { background-image: url(../images/home-1.jpg); background-repeat: no-repeat; text-indent: 25px; } .ico-scang { background-image: url(../images/scang.jpg); background-repeat: no-repeat; text-indent: 25px; } .ico-sitemap { background-image: url(../images/sitemap.jpg); background-repeat: no-repeat; text-indent: 25px; } .shoucang-cls1 { margin-left: 20px; } .shoucang-cls2 { margin-left: 30px; } .toplog_div { height: 96px; background-image: url(images/topbk.jpg); z-index: 100000; position: relative; } #toplog { width: 250px; height: 100%; float: left; margin: 0px auto; } #toplang { width: 940px; height: 100%; float: right; margin-right: 0px; margin-top: 0px; text-align: right; padding-top: 10px; } .rx-div { width: 99%; height: 30px; float: right; margin-top: 3px; } .rx-div ul { float: right; width: 615px; } .rx-div ul li { float: right; margin-right: 8px; } .rx-span { display: inline-block; background-image: url(images/tel.png); background-repeat: no-repeat; text-indent: 30px; color: #333; height: 32px; line-height: 32px; } .telnum-span { font-size: 20px; font-family: '微软雅黑'; color: #F60; font-weight: bold; } .search-text { border: solid 1px #0054a7; width: 150px; height: 25px; background-image: url(images/search.jpg); background-position: right; background-repeat: no-repeat; color: #999; text-indent: 5px; } .ksdh-a { background-image: url(images/downico.jpg); background-position: right; background-repeat: no-repeat; text-indent: -10px; display: inline-block; width: 90px; margin-left: 0px; color: #333; text-align: center; } .topmeau { width: 100%; height: 40px; margin-top: 40px; position: relative; } .topmeau ul { list-style: none; border: none; margin: 0px auto; padding: 0px; position: relative; } .topmeau ul li { float: left; width: 100px; text-align: center; margin: 0px auto; margin-left: auto; padding: 0px auto; background-color: none; margin-left: 0px; height: 40px; position: relative; } .topmeau .li_Select { float: left; width: 100px; text-align: center; margin: 0px auto; margin-left: auto; padding: 0px auto; background-color: none; margin-left: 0px; height: 45px; position: relative; background-image: url(images/silder_nav.png); border: 1px solid #276aa5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .topmeau .li_Select a { color: #fff; } .topmeau ul li a { color: #000; font-size: 16px; font-family: '微软雅黑','幼圆'; font-weight: 200; line-height: 40px; position: relative; } .menu-div { z-index: 100000000; position: absolute; display: inline-block; width: 400px; padding-bottom: 5px; left: 0px; top: 45px; background-image: url(images/silder_nav.png); display: none; } .menu-div dl { float: left; width: 115px; height: 100%; margin-left: 3px; } .menu-div dl dd { width: 100%; height: 30px; border: 0px; border-bottom: dotted 1px #9dbad4; text-align: left; text-indent: 10px; overflow: hidden; } .menu-div dl dd a { line-height: 25px; font-size: 12px; } .menu-div .menu-div-text { float: right; width: 265px; height: 100%; padding: 5px; color: #fff; text-align: left; } .menu-img { height: 74px; max-width: 260px; border: solid 1px #fff; } .fullwidthbanner-container { width: 100% !important; position: relative; padding: 0; height: 450px !important; overflow: hidden; } .tp-simpleresponsive ul { list-style: none; padding: 0; margin: 0; } .tp-simpleresponsive >ul >li { list-stye: none; position: absolute; visibility: hidden; } .tp-bullets.tp-thumbs { z-index: 100; position: absolute; padding: 3px; background-image:url(images/silder_nav.png); width: 500px; height: 50px; margin-top: -50px; } .fullwidthbanner-container .tp-thumbs { padding: 3px; } .tp-bullets.tp-thumbs .tp-mask { margin: 0px auto; padding-top: 5px; overflow: hidden; position: relative; } .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width: 5000px; position: absolute; } .tp-bullets.tp-thumbs .bullet { width: 100px; height: 50px; cursor: pointer; overflow: hidden; background: none; margin: 0; margin-left:20px; border:solid 2px #fff; float: left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width: 100%; } .tp-leftarrow.large { z-index: 100; cursor: pointer; position: relative; background: #393939 url(images/slider-left-arrow.png) no-Repeat; width: 42px; height: 43px; margin-left: 0px; margin-top: -50px; -webkit-transition: background 0.1s linear; -moz-transition: color, background 0.1s linear; -o-transition: color, background 0.1s linear; transition: color, background 0.1s linear; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/ /* **打开注释,按钮变成圆形的 border-radius: 20px; 所有角都使用半径为5px的圆角,此属性为CSS3标准属性 -moz-border-radius: 20px; Mozilla浏览器的私有属性 -webkit-border-radius: 20px; Webkit浏览器的私有属性 border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 */ } .tp-rightarrow.large { z-index: 100; cursor: pointer; position: relative; background: #393939 url(images/slider-right-arrow.png) no-Repeat 0 0; width: 42px; height: 43px; margin-left: 0; margin-top: -50px; -webkit-transition: background 0.1s linear; -moz-transition: color, background 0.1s linear; -o-transition: color, background 0.1s linear; transition: color, background 0.1s linear; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/ /* **打开注释,按钮变成圆形的 border-radius: 20px; 所有角都使用半径为5px的圆角,此属性为CSS3标准属性 -moz-border-radius: 20px; Mozilla浏览器的私有属性 -webkit-border-radius: 20px; Webkit浏览器的私有属性 border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 */ } .box { width: 100%; background-image: url(images/indexboy.jpg); background-repeat: repeat-x; padding-top: 20px; } .index-ctitle { width: 100%; height: 30px; border: 0px; background-repeat: no-repeat; border-bottom: solid 1px #ccc; } .index-ctitle span { display: inline-block; float: left; } .ctitle-span { font-size: 18px; font-family: '微软雅黑'; color: #333; margin-right: 8px; font-weight: bold; } .ctitle-en { font-size: 14px; font-style: italic; font-family: '微软雅黑'; color: #666; line-height: 30px; } .index-ctitle a { display: block; float: right; margin-right: 8px; line-height: 30px; line-height: 30px; color: #000; } .index-ctitle a { display: inline-block; float: right; padding-top: 8px; } #demo { width: 100%; padding-top: 18px; box-sizing: border-box; } #demo li{ max-width: 255px; height: 185px; border: solid 1px #CCC; margin-right: 10px; float: left; } #demo li img { width: 100%; } .box2 { width: 100%; } .mar { margin-top: 20px; } .indexLeft-Div { float: left; width: 700px; height: 560px; } .index-newslist1 { width: 340px; height: 100%; float: left; } .indexnewslist { width: 100%; height: 30px; border: 0px; border-bottom: dotted 1px #999; } .indexnewslist a { display: inline-block; float: left; color: #666; line-height: 30px; background-image: url(images/li_1.jpg); background-repeat: no-repeat; text-indent: 15px; background-position: 0px 12px; width: 75%; } .indexnewslist span { display: inline-block; float: right; color: #666; width: 25%; text-align: right; } .index-newslist2 { width: 340px; height: 100%; float: right; } .indexblue-daohang { width: 750px; height: 94%; float: left; margin-top: 15px; } .indexblue-daohang li { width: 24%; height: 100%; float: left; color: #fff; } .indexblue-daohang li dl { width: 100%; height: 100%; } .indexblue-daohang li dl dt { font-family: '微软雅黑'; font-size: 18px; text-align: left; } .indexblue-daohang li dl dd { font-family: '微软雅黑'; font-size: 14px; line-height: 30px; text-align: left; text-indent: 20px; } .indexblue-daohang li a { color: #fff; font-size: 14px; line-height: 30px; } .erweima-cls { float: right; margin: 0px auto; height: 100%; text-align: center; color: #fff; padding-top: 15px; line-height: 40px; width: 250px; } .erweima-cls span { color: #fff; } .contLeft { width: 180px; min-height: 635px; float: left; margin: 0px auto; padding: 0px auto; float: left; margin-left: 0px; } .contLeftProds { width: 100%; min-height: 200px; background-color: #FFF; text-align: left; } .ctitle { width: 100%; height: 60px; overflow: hidden; color: #fb7802; text-align: left; line-height: 60px; font-size: 30px; font-family: '微软雅黑','幼圆'; border: 0px; border-bottom: solid 1px #dcdcdc; } .contLeftProds ul { width: 99%; margin: 0px auto; padding: 0px; margin-left: 3px; } .contLeftProds ul li { width: 100%; height: 33px; text-indent: 20px; text-align: left; border: 0px; border-bottom: solid 1px #dcdcdc; background-image: url(images/li_2.jpg); background-repeat: no-repeat; background-position: 5px 12px; } .contLeftProds ul li a { color: #333; line-height: 33px; } .contLeftProds ul .lihover { width: 100%; height: 33px; text-indent: 20px; text-align: left; border: 0px; background-color: #fb7802; border-bottom: solid 1px #dcdcdc; background-image: url(images/li_3.jpg); background-repeat: no-repeat; background-position: 5px 12px; } .contLeftProds ul li .ahref { color: #333; line-height: 33px; } .focus{height:500px;overflow:hidden;position:relative; width: 100%;} /* focus_s */ .focus_s{position:absolute;left:50%;bottom:5%;height:13px;overflow:hidden;width:110px;z-index:9;margin:0 0 0 -30px;} .focus_s li{float:left;cursor:pointer;height:13px;width:12px;overflow:hidden;margin-right:10px;background:url(images/dian.png) no-repeat;} .focus_s li.active{background-position:-12px 0;} /* focus_m */ .focus_m ul{opacity:1;filter:alpha(opacity=100);} .focus_m li{width:100%;height:500px;position:absolute;top:0;left:0;} /* focus_l focus_r */ .focus_l,.focus_r{position:absolute;display:block;width:50px;height:75px;overflow:hidden;z-index:2;top:150px;} .focus_l{left:0;} .focus_r{right:0;} .focus_l b,.focus_r b{position:absolute;z-index:1;display:block;width:50px;height:75px;overflow:hidden;background:#000;opacity:0.3;filter:alpha(opacity=30);cursor:pointer;} .focus_l span,.focus_r span{display:inline-block;position:relative;z-index:2;width:22px;height:33px;top:21px;cursor:pointer; margin-right:28px;} .focus_l span{left:12px;background-image:url(images/l.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='l.png');} .focus_r span{left:16px;background:url(images/r.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='r.png');} .focus_l:hover b,.focus_r:hover b{opacity:0.5;filter:alpha(opacity=50);} .toplogo_div { width: 100%; background: url(images/topbk.jpg) repeat-x; z-index: 100000; position: relative; border: 0px; } #toplogo { height: 100%; float: left; margin-left: 10px; margin-top: 10px; } #toplan { height: 100%; float: right; margin-right: 10px; margin-top: 30px; text-align: right; } .topindex-maxpic { height: 205px; width: 100%; overflow: hidden; border-top: solid 2px #fb7907; } .banner { width: 100%; height: 205px; } .mob_wdiv { width: 100%; } .index_banner { position: relative; height: 100%; } .index_banner li { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; } .index_banner li a { display: block; margin: 0 auto; height: 100%; } .index_banner li img { height: 100%; } .index_banner cite { position: absolute; bottom: 10px; left: 50%; z-index: 999; display: block; margin-left: -100px; width: 288px; height: 15px; _display: none; } .index_banner cite span { float: left; display: block; margin: 0 4px; width: 40px; height: 5px; background-color: #e5e5e5; text-indent: -999em; opacity: .8; cursor: pointer; } .index_banner cite span:hover { background-color: #f5f5f5; } .index_banner cite span.cur { background-color: #1d8bd8; cursor: default; } .index-dhang { width: 100%; height: 100%; overflow: hidden; } .index-dhang li { float: left; margin-left: 0px auto; width: 25%; height: 100%; overflow: hidden; text-align: center; padding-top: 12px; } .index-dhang .selectLi { background-color: #fb7907; } .index-dhang li a { width: 100%; height: 100%; display: inline-table; text-align: center; vertical-align: middle; line-height: 30px; color: #fff; font-size: 14px; font-family: '微软雅黑','幼圆'; } .dhang-cls { max-width: 50px; height: 50px; } .body-zhengwen { width: 100%; background-color: #ecebe7; background-image: url(images/indexboy.jpg); background-repeat: repeat-x; padding-top: 15px; } .index-ctle { width: 100%; height: 30px; line-height: 30px; border: 0px; border-bottom: solid 1px #333; } .index-ctle .ctitle-span { float: left; display: inline-block; text-indent: 8px; font-size: 16px; font-family: '微软雅黑','幼圆'; font-weight: bold; } .index-ctle a { float: right; display: inline-block; margin-right: 8px; font-size: 14px; font-family: '微软雅黑','幼圆'; color: #333; } .prodslist-li ul { width: 100%; margin-top: 8px; padding-bottom: 8px; } .prodslist-li ul li { float: left; margin: 5px; width: 45%; height: 120px; display: inline-block; text-align: center; border: solid 1px #ccc; box-sizing: border-box; } .prodslist-li ul li img { width: 100%; } .index-text { padding: 5px; color: #4a4b4c; line-height: 30px; text-align: left; box-sizing: border-box; } .font-rx { width: 100%; } .font-rx li { width: 100%; height: 40px; line-height: 25px; background-color: #333333; color: #fff; font-family: '微软雅黑','幼圆'; font-size: 16px; text-align: center; overflow: hidden; } .font-rx li img { max-height: 25px; } .fixed-dhang { position: fixed; bottom: 0px; height: 50px; width: 100%; background-color: #237dd5; z-index: 9999999; } .fixed-dhang ul { width: 100%; height: 100%; overflow: hidden; } .fixed-dhang ul li { width: 33%; height: 100%; float: left; display: inline-table; text-align: center; vertical-align: middle; padding-top: 8px; color: #fff; line-height: 16px; } .fixed-dhang ul .sel-fixed-li { background-color: #0054a7; } .fixed-dhang ul li img { max-height: 20px; } .fixed-dhang ul li a { color: #fff; font-size: 12px; font-family: '微软雅黑','幼圆'; color: #fff; line-height: 16px; } .conNeiTitle-span3 { font-family: '微软雅黑','幼圆'; font-size: 14px; color: #333; display: inline-block; float: left; line-height: 20px; background-image: url(images/title.jpg); background-repeat: no-repeat; background-position: 5px -3px; text-indent: 30px; } .conNeiText img{ width: 100%; } #ProList1 { width: 100%; } #ProList1 li{ text-align: left; width: 100%; height: 110px; float: left; margin: 0px auto; margin-top: 0px; padding: 0px auto; margin-top: 10px; overflow: hidden; } #ProList1 li img { height: 100px; max-width: 49%; border: solid 1px #CCC; float: left; } #ProList1 li span { margin-left: 10px; line-height: 26px; font-size: 12px; color: #666; display: block; width: 42%; height: 100%; float: left; text-align: left; }