/**閲嶇疆鏍峰紡**/ body, form, div, span, ul, ol, li, p, pre, dl, dt, dd, em, a, fieldset, legend, address, label, textarea, select, input, figure, table, th, td, b, i { margin: 0; padding: 0; } body { } body { margin: 0; padding: 0; font-family: "寰蒋闆呴粦",Arial, Helvetica, sans-serif; /*background-color: #eeeeee;*/ } .header { margin-left: auto; margin-right: auto; /*width: 1000px;*/ } /*页眉*/ .header { width: 100%; overflow: hidden; } .headerTop { overflow: hidden; height: 105px; } .headerNav { overflow: hidden; width: 100%; height: 58px; background-color: #006281; } .headerNav li { float: left; line-height: 58px; font-size: 14px; background: url(../images/nav_bor.png) right top repeat-y; width: 156px; /* margin-right: 10px; */ margin-left: 40px; } .headerNav li a { color: #fff; text-decoration: none; display: block; padding: 0 19px; } .headerNav li.last { background: none; } .headerNav li.cur, .headerNav li:hover { /*background: url(../images/hover2.jpg) repeat-x center;*/ /*background-color: rgb(204, 0, 51);*/ } .containertop { overflow: hidden; width: 1200px; margin: 0 auto; } .index_brand { height: 450px; margin: auto; position: relative; background: #c5cde4; } .banner li { width: 100%; height: 450px; position: absolute; left: 0; top: 0; display: none; } .banner li a { display: inline-block; width: 100%; height: 100%; } .banner .number { height: 6px; position: absolute; left: 20%; bottom: 20px; } .banner .number span { display: inline-block; width: 30px; height: 8px; background: #fff; cursor: pointer; margin-left: 3px; position: relative; overflow: hidden; } .banner .number span.on { background: #d40000; } * { margin: 0; padding: 0; font-family: "微软雅黑"; } ul, li { list-style: none; } a { text-decoration: none; } img { border: none; } input { border: none; } .fl { float: left; } .fr { float: right; } .clear { clear: both; overflow: hidden; height: 0; margin-top: 5px; } .center { width: 1200px; margin: 0 auto; } .content { margin-top: 12px; } .content2 { background: #B73132; margin-top: 33px; padding-top: 30px; } /*.biao2 { color: #fff; } .biao2 img { float: left; padding-top: 3px; display: block; }*/ #demo span { display: block; text-align: center; background: #fff; height: 80px; line-height: 80px; color: #cc0033; width: 225px; overflow: hidden; } #demo { margin-top: 30px; overflow: hidden; position: relative; width: 1000px; padding-bottom: 60px; } .footer { background: #2a333c; padding-left: 24px; padding-bottom: 25px; /*height: 400px;*/ border-top: 3px solid #e60517; } .footera img { padding-left: 48px; padding-bottom: 34px; padding-top: 37px; } .fimg { width: 100%; height: 210px; background: url(../images/copyright_bg1.png) no-repeat top; /*margin-top: 190px;*/ } .foot { font-family: '寰蒋闆呴粦'; font-size: 14px; line-height: 30px; color: #fff; overflow: hidden; /*width:1200px; margin:auto; height:120px;*/ width: 1200px; } .foot a { color: #fff; } .foot a:hover { color: #ffe478; } .foot .w { position: relative; padding-top: 20px; height: 80px; } .foot a, .foot a: hover { color: #a22a00; } /*以下是从第二个复制*/ .wrap { width: 1200px; background-color: #fff; margin: auto; } .fuwu { height: 356px; width: 980px; margin-top: 15px; } .fw-right { width: 980px; height: 356px; margin: auto; position: relative; background: url(../images/index_1.jpg) repeat; } .fw-right .fwr-wen { position: absolute; bottom: 0; background: url(../images/fuwu-banner-btm.png) no-repeat center; color: #fff; height: 148px; width: 100%; *left: 0; } .fw-right h1 { background: url(../images/aboutTitle-1.jpg) no-repeat center; padding-top: 63px; height: 100px; } .fw-right h1 span { font-weight: 700; display: inline-block; line-height: 35px; color: #fff; font-size: 18px; text-align: center; } .acont { width: 600px; height: 350px; overflow: hidden; color: #fff; float: right; background: #006281; } .acont img { float: left; margin: -15px 26px 0px 6px; width: 170px; height: 130px; } .acont p { font-size: 14px; text-indent: 24px; line-height: 27px; color: #fff; padding-left: 5px; padding-right: 5px; } .product { height: auto !important; /*margin-top: 20px;*/ } .product p { font-size: 14px; color: #c1c1c1; line-height: 30px; background: url(../images/product01.jpg) no-repeat center bottom; text-align: center; } .product h4 { background: url(../images/aboutTitle-2.jpg) no-repeat center; height: 100px; margin-top: 10px; margin-bottom: 10px; } .newsny h4 { background: url(../images/aboutTitle-4.jpg) no-repeat center; height: 100px; margin-top: 10px; margin-bottom: 10px; } .lxwmny h4 { background: url(../images/aboutTitle-3.jpg) no-repeat center; height: 100px; margin-top: 10px; margin-bottom: 10px; } .product h4 a { color: #424242; } .pro-list ul { width: 968px; overflow: hidden; margin-left: 11px; height: auto !important; } .pro-list li img { display: block; } .pro-list li { width: 226px; height: 218px; border: 1px solid #e3e3e3; text-align: center; float: left; margin: 0 7px; position: relative; margin-bottom: 8px; } .pro-list li a { line-height: 35px; } .pro-list .pro-topr { position: absolute; top: 0; right: 0; height: 26px; width: 26px; background: url(../images/product_j_01.png) no-repeat center; } .pro-list { position: relative; margin-top: 20px; } .pro-list .anli-btn-l a { width: 29px; height: 29px; background: url(../images/anli-btn-l01.png) no-repeat center; } .pro-list .anli-btn-r a { width: 29px; height: 29px; background: url(../images/anli-btn-r.png) no-repeat center; } .pro-list .anli-btn-r a:hover { background: url(../images/anli-btn-r01.png) no-repeat center; } .pro-list .anli-btn-l a:hover { background: url(../images/anli-btn-l.png) no-repeat center; } .pro-list .anli-btn-l a, .pro-list .anli-btn-r a { position: absolute; top: 80px; } .pro-list .anli-btn-l a { left: -30px; } .pro-list .anli-btn-r a { left: 990px; } .pro-list li:hover { background-color: #138513; } .pro-list li:hover a { color: #FFF; } .pro-list li:hover .pro-topr { background: url(../images/product_j.png) no-repeat center; } .lxwmes { height: 260px; overflow: hidden; } .lxwmes li { width: 94%; overflow: hidden; padding-left: 23px; color: #333; font-size: 14px; font-family: Microsoft YaHei,Arial,Helvetica,sans-serif,"瀹嬩綋"; padding-left: 20px; background: #eee; height: 40px; margin-bottom: 2%; line-height: 40px; margin-top: 5px; margin-left: 15px; border: 1px dashed #CCCCCC; } .lxwmes .lxgbys { width: 546px; overflow: hidden; padding-left: 23px; color: #5e7387; font-size: 14px; font-family: Microsoft YaHei,Arial,Helvetica,sans-serif,"瀹嬩綋"; padding-left: 20px; background: #eee; height: 40px; margin-bottom: 2%; line-height: 40px; float: left; margin-left: 15px; border: 1px dashed #CCCCCC; } .act_list { padding: 2% 0 0; margin-top: 40px; height: 300px; width: 1000px; margin: auto; overflow: hidden; } .act_list li { width: 45%; overflow: hidden; padding-left: 23px; color: #333; font-size: 14px; font-family: Microsoft YaHei,Arial,Helvetica,sans-serif,"瀹嬩綋"; padding-left: 15px; margin-left: 15px; background: #eee; height: 40px; margin-bottom: 2%; line-height: 40px; float: left; } .act_list li a { float: left; color: #616161; padding-left: 15px; margin-right: 5px; overflow: hidden; height: 40px; } .act_list li a:hover { background: #B73132; color: #fff; padding-left: 15px; } .prodbox { width: 1200px; /*height: 236px;*/ overflow: hidden; margin: 0px auto; margin-top: 10px; clear: both; } .prodbox ul { width: 110%; } .prodbox ul li { width: 235px; height: 236px; float: left; overflow: hidden; margin-left: 8px; } .prodbox ul li .con { width: 230px; height: 236px; overflow: hidden; } .prodbox ul li .con .pic { width: 230px; height: 198px; overflow: hidden; } .prodbox ul li .con .pic img { width: 220px; height: 198px; } .prodbox ul li .con .txt { height: 30px; background: #eee; line-height: 30px; font-size: 14px; padding: 0px 10px; font-family: "微软雅黑"; text-align: center; width: 200px; } .prodbox ul li .con .txt a { height: 30px; color: #000; line-height: 30px; font-size: 14px; padding: 0px 10px; font-family: "微软雅黑"; text-align: center; width: 200px; } .prodbox ul li .con .txt a.bf:hover { background: url(../images/btn4-1.gif) no-repeat 0px -20px; } .prodbox ul li .con .y { height: 8px; clear: both; overflow: hidden; background: url(../images/bg6.jpg) no-repeat center top; } /* 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; color: #fff; } .tab-bd li { display: none; } .tab-bd li a { display: inline-block; margin: 2px; } .tab-bd li a:hover { } .duilian { top: 260px; position: absolute; width: 160px; overflow: hidden; display: none; background: #fff; } .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; } .ljys { width: 100%; background: #2a333c; } .mainyq { width: 1000px; margin: auto; background-repeat: repeat-x; } .ry_pin { width: 100%; height: 243px; background: #f8f7f7; float: left; } .ry_pin_1 { width: 1100px; margin: 0 auto; } .ry_pin_1 ul { width: 886px; height: 170px; float: left; display: inline; margin: 24px 0 0 106px; background: url(../images/ry_index_16.jpg) repeat-x; } .ry_pin_1 li { width: 170px; float: left; display: inline; text-align: center; margin-right: 188px; } .ry_pin_1 a { width: 100%; line-height: 30px; height: 60px; padding: 85px 0 25px 0; float: left; color: #FFF; font-size: 18px; } .ry_pin_1 a.yingxiao { background: url(../images/ry_index_14.jpg) no-repeat; } .ry_pin_1 a.cehua { background: url(../images/ry_index_18.jpg) no-repeat; } .ry_pin_1 a.longtou { background: url(../images/ry_index_21.jpg) no-repeat; } .ry_jian { width: 100%; height: 348px; background: url(../images/re_jian_02.jpg) center no-repeat; float: left; } .ry_jian_1 { width: 1100px; margin: 0 auto; } .ry_jian_2 { width: 100%; float: left; text-align: center; } .ry_jian_2 dt { width: 100%; float: left; display: inline; margin-top: 35px; line-height: 40px; text-transform: uppercase; font-size: 38px; color: #e60517; } .ry_jian_2 dt a { color: #e60517; } .ry_jian_2 dd { width: 600px; float: right; text-align: left; margin-top: 11px; font-size: 28px; font-weight: bold; line-height: 30px; color: #fffefe; } .ry_jian_2 dd a { color: #fffefe; } .ry_jian_1 p { width: 1022px; float: left; display: inline; margin: 45px 0 0 39px; line-height: 36px; font-size: 16px; color: #ffffff; } .ry_jian { width: 100%; height: 348px; background: url(../images/re_jian_02.jpg) center no-repeat; float: left; } .ry_jian_1 { width: 1100px; margin: 0 auto; } .ry_jian_2 { width: 100%; float: left; text-align: center; } .ry_jian_2 dt { width: 100%; float: left; display: inline; margin-top: 35px; line-height: 40px; text-transform: uppercase; font-size: 38px; color: #e60517; } .ry_jian_2 dt a { color: #e60517; } .ry_jian_2 dd { width: 600px; float: right; text-align: left; margin-top: 11px; font-size: 28px; font-weight: bold; line-height: 30px; color: #fffefe; } .ry_jian_2 dd a { color: #fffefe; } .ry_jian_1 p { width: 1022px; float: left; display: inline; margin: 45px 0 0 39px; line-height: 36px; font-size: 16px; color: #ffffff; } @charset "utf-8"; /*全局控制*/ body { margin: 0; padding: 0; font-size: 13px; line-height: 22px; font-family: "微软雅黑",Arial; -webkit-text-size-adjust: none; } html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p { margin: 0; padding: 0; } input, select, textarea { font-size: 12px; line-height: 16px; } img { border: 0; } ul, li { list-style-type: none; } a { color: #333; text-decoration: none; } a:hover { text-decoration: none; } .tc { text-align: center; } .tl { text-align: left; } .tr { text-align: right; } .dis { display: block; } .undis { display: none; } .fl { float: left; } .fr { float: right; } .cl { clear: both; } .fb { font-weight: bold; } .fnb { font-weight: 200; margin-left: -1px; } .hr_1, .hr_10 { font-size: 1px; line-height: 1px; clear: both; } .hr_1 { height: 1px; } .hr_10 { height: 10px; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; } /********************* 以下(结束标识)代码请在实际开发中删除 *********************/ /*头部区域*/ .topnav { width: 100%; border-top: 5px solid #02AA4F; } .header { /*width: 1200px;*/ margin: 0 auto; } /*.txt { width: 1200px; margin: 0px auto; text-align: right; position: absolute; top: 5px; height: 28px; }*/ .tb { margin: 0px auto; color: #FFFFFF; padding-right: 23px; } .tb a { font-size: 14px; color: #FFFFFF; padding-left: 17px; padding-right: 17px; } .logo { padding-top: 5px; height: 130px; } .navBg { background: #0F8B43; } .nav { width: 1200px; height: 45px; margin: 0 auto; line-height: 45px; font-family: "微软雅黑"; } .nav li { float: left; } .nav li a { display: block; width: 200px; text-align: center; font-size: 14px; font-weight: bold; color: #fff; } .nav li a:hover, .nav li a:hover.on { text-decoration: none; background: url(../images/nav.jpg) no-repeat center center; } #current { width: 133px; height: 45px; background: url(../images/nav.jpg) no-repeat center center; } /*.banner { text-align: center; width: 100%; margin: 0px auto; }*/ #flash { width: 100%; height: 500px; overflow: hidden; margin: 0 auto; clear: both; position: relative; padding: 0px; } #flash a { width: 100%; height: 500px; display: none; } #flash img { width: 100%; height: 500px; } .flash_bar { width: 130px; z-index: 1069; height: 30px; overflow: hidden; padding-top: 13px!important; padding-top: 12px; bottom: 55px; text-align: center; margin: 0 auto; position: relative; } .flash_bar .dq { display: inline-block; float: left; width: 10px; height: 10px; margin: 5px 5px; /* background: url(tg_flash_p.png) no-repeat 0px 0px;*/ cursor: pointer; background: url(../images/bannertt.png) no-repeat 0px 0px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p.png",sizingMethod="crop"); } .flash_bar .no { display: inline-block; float: left; width: 10px; height: 10px; margin: 5px 5px; /* background: url(tg_flash_p.png) no-repeat 0px 0px;*/ cursor: pointer; background: url(../images/bannert.png) no-repeat 0px 0px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p2.png",sizingMethod="crop"); } #flashBg { height: 500px; overflow: hidden; width: 100%; clear: both; margin: 0; padding: 0; } #flashLine { height: 500px; width: 100%; clear: both; } #main { width: 1200px; margin: 0px auto; } .company { width: 1200px; margin: 0px auto; padding-top: 10px; height: 300px; overflow: hidden; } .companyt { color: #323232; height: 200px; overflow: hidden; } .companyt p { line-height: 28px; font-size: 13px; } .title { color: #0f8b43; font-size: 16px; line-height: 40px; height: 40px; } /*.more { width: 120px; height: 40px; text-align: center; margin-left: 1060px; background-color: #0f8b43; line-height: 40px; } .more a { font-size: 16px; color: #FFFFFF; }*/ #wrap { width: 100%; margin: 0px auto; background: url(../images/pbj.jpg) repeat; margin-bottom: 10px; } #imain { width: 1200px; margin: 0px auto; padding-top: 15px; margin-top: 15px; } #main1 { width: 1200px; margin: 0px auto; margin-top: 5px; } #left { width: 722px; float: left; border: 1px solid #DFDFDF; margin-right: 20px; background-color: #ffffff; padding: 15px 10px 10px 10px; height: 450px; overflow: hidden; } #lxright { width: 402px; float: right; border: 1px solid #DFDFDF; margin-right: 10px; background-color: #ffffff; padding: 15px 10px 10px 10px; height: 450px; overflow: hidden; } #right { margin: auto; width: 1200px; } .cpfl { margin-top: 13px; width: 1100px; overflow: hidden; height: 320px; } .cpfl ul { list-style-type: none; } .cpfl ul li { background-color: #fff; height: 40px; line-height: 40px; margin-bottom: 13px; border: 1px dashed #CCCCCC; float: left; width: 520px; margin-right: 10px; margin-left: 10px; } .cpfl ul li a { color: #000; text-align: left; font-weight: normal; text-decoration: none; padding-left: 15px; font-size: 14px; width: 440px; float: left; overflow: hidden; margin-right: 8px; } .title2 { background-color: #1f2228; height: 62px; line-height: 62px; color: #FFFFFF; } .title2 h2 { text-align: center; } .lxfl { margin-top: 13px; } .lxfl ul { list-style-type: none; } .lxfl ul li { background-color: #efefef; height: 40px; line-height: 40px; margin-bottom: 13px; border: 1px dashed #CCCCCC; color: #000; font-weight: normal; text-decoration: none; padding-left: 30px; } .lxfl ul li a { color: #000; text-align: center; font-weight: normal; text-decoration: none; padding-left: 30px; } .prolist { } .prolist dl { width: 221px; margin-left: 5px; margin-top: 20px; margin-right: 5px; float: left; background-color: #FFFFFF; margin-bottom: 20px; padding: 4px; } .prolist dl dt { width: 221px; } .prolist dl dt a { width: 221px; } .prolist dl dt a img { width: 221px; height: 175px; vertical-align: middle; } .prolist dl dd { line-height: 30px; height: 30px; text-align: center; overflow: hidden; } .prolist dl:hover { width: 221px; background-color: #0f8b43; } .prolist dl:hover a { color: #FFFFFF; } .prolist dl:hover a:link { color: #FFFFFF; } .dh { border: 1px solid #DFDFDF; text-align: center; color: #0f8b43; line-height: 30px; padding-top: 5px; padding-bottom: 5px; } #footnav { width: 1000px; margin: 0px auto; color: #dcdcdc; padding-top: 10px; padding-bottom: 10px; } .footnav { line-height: 35px; width: 700px; float: left; margin-right: 100px; } .ewm { float: left; width: 200px; text-align: center; font-size: 16px; line-height: 35px; } .dhh { line-height: 40px; height: 40px; } .dhh ul { list-style-type: none; } .dhh ul li { float: left; margin-right: 25px; } .dhh ul li a { color: #dcdcdc; } .title3 { height: 111px; width: 1200px; margin: 0px auto; background: url(../images/case-1.jpg) no-repeat center top; } .title4 { width: 100%; background: url(../images/bg.jpg) no-repeat center center; height: 135px; margin-top: 15px; } .ys { width: 100%; margin: 0px auto; background: url(../images/ys.jpg) no-repeat center center; height: 875px; } .infobox { float: left; padding-top: 15px; width: 394px; padding-bottom: 10px; } .infobox1 { float: left; margin-left: 9px; margin-right: 9px; padding-top: 15px; width: 394px; padding-bottom: 10px; } .newslist { background-color: #FFFFFF; } .newslist ul { list-style-type: none; padding: 10px; } .newslist li { line-height: 35px; height: 35px; border-bottom: 1px dotted #cccccc; background: url(../images/new_jt1.png) no-repeat left center; } .newslist li a { text-decoration: none; color: #666666; padding-left: 15px; } .newslist li span { float: right; font-family: Verdana; width: 80px; height: 35px; line-height: 35px; overflow: hidden; } .newslist li a:hover { color: #0F8B43; } .title5 { border-bottom: 1px solid #cccccc; line-height: 36px; height: 36px; background-color: #FFFFFF; padding-left: 10px; padding-right: 10px; } .title5 h2 { color: #0F8B43; } .title5 h2 span { float: right; color: #666666; font-weight: normal; } /*友情链接*/ .weblink { width: 880px; line-height: 24px; padding: 10px 0; margin: 0 auto; padding-left: 80px; background: url(../images/weblink_title.png) no-repeat 0 center; font-family: Verdana; } .weblink a { margin-left: 20px; color: #6a6a6a; } .weblink a:hover { color: #F60; } /*页脚区域*/ .footer { width: 100%; margin: 0px auto; } .contmsg { width: 40px; height: 37px; position: fixed; bottom: 0; right: 20px; background: url(../images/msg_bg.gif) no-repeat; cursor: pointer; text-decoration: none; line-height: 18px; _position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); } .msgtxt { display: none; border: 1px solid #e1e1e1; width: 120px; padding: 5px 8px; position: absolute; bottom: 40px; right: 0; } /*子页样式*/ .subTitle { background: url(../images/conti.png) no-repeat center bottom; line-height: 46px; height: 46px; } .subTitle .catname { font-size: 15px; font-weight: bold; float: left; font-family: "微软雅黑"; color: #0F8B43; } .subTitle .shopcart { padding-left: 20px; } .subTitle a { color: #0F8B43; } .subTitle span { color: #0F8B43; } .subTitle a.goback { float: left; margin-left: 10px; } .subtype li { float: left; } .subtype li a { background: #ffa41b; padding: 2px 5px; margin-right: 5px; color: #fff; } .subtype li a:hover { text-decoration: none; background: #ff9900; } .subtype li a.on { background: #999; } .subtype2 { padding: 0 0 0 10px; } .subtype2 li { float: left; } .subtype2 li a { background: #fff8ed; border: 1px solid #ff9900; padding: 2px 5px; margin-right: 5px; color: #3e3e3e; } .subtype2 li a.on { color: #ff6600; } .subCont { line-height: 30px; color: #666; } /********************* 以上(结束标识)代码请在实际开发中删除 *********************/ /*新闻栏目*/ .news_list li { line-height: 30px; background: url(../images/dot_line.gif) repeat-x 0 30px; padding-top: 1px; } .news_list li a:hover { text-decoration: none; color: #999; } .news_list span { float: right; font-family: Arial; color: #5868bf; } .news_list strong { padding-right: 5px; font-size: 8px; color: #fc0000; } .news_list2 li { height: 50px; line-height: 25px; border-bottom: 1px dotted #eff2f4; padding: 6px 0 5px 0; color: #a0a0a0; } .news_list2 li span.title1 a { float: left; color: #0F8B43; font-weight: bold; } .news_list2 li span.title1 a:hover { text-decoration: none; color: #000; } .news_list2 li span.time { float: left; } .news_list2 li span.hits { float: right; } .news_list2 li span.class { margin-left: 12px; } .news_list2 li span.class a { text-decoration: underline; color: #a0a0a0; } /*产品栏目*/ .product_list li { width: 229px; float: left; margin-left: 5px; margin-right: 5px; } .product_list li a { width: 229px; } .product_list li a img { vertical-align: middle; width: 223px; padding: 2px; border: 1px solid #0F8B43; height: 180px; } .product_list li a img:hover { border: 1px solid #cccccc; } .product_list li p.info { width: 229px; line-height: 40px; height: 40px; } .product_list li p.info span { font-family: Verdana; color: #d94f44; float: right; } .product_list li p.info a { color: #555; } /*列表内容页*/ .listConts { line-height: 26px; color: #666; } .listConts .title { font-size: 24px; text-align: center; line-height: 40px; color: #000; } .listConts .info { width: 400px; height: 27px; line-height: 28px; text-align: center; margin: 15px auto; border: 1px solid #ccc; border-left: none; border-right: none; color: #666; } .listConts .info small { margin-left: 8px; margin-right: 3px; color: #999; font-size: 12px; } .listConts .info .small, .info .big { font-family: Georgia; font-weight: bold; cursor: pointer; } .listConts .info .small { font-size: 10px; padding-right: 3px; } .listConts .info .big { color: #003ba6; padding-left: 3px; } .listConts .desc { margin: 20px 0 15px; padding: 5px 10px; line-height: 20px; border: 1px solid #f4e4b4; background: #fffff0; } .listConts .showimg { margin: 20px 0; text-align: center; } .listConts .showimg a img { border: 1px solid #ccc; padding: 1px; } .listConts .showimg a:hover img { border: 1px solid #F90; padding: 1px; } .listConts .conttitle { font-weight: bold; padding-bottom: 7px; margin-bottom: 7px; color: #2f2f2f; line-height: 24px; border-bottom: 1px solid #ddd; font-size: 14px; } .listConts .author { text-align: right; color: #999; } /*留言栏目*/ .msgtitle { display: block; padding-bottom: 5px; font-size: 14px; font-weight: bold; } .message_block { color: #666; } .message_block p { padding: 12px; } .msg_input { width: 400px; border: 1px solid #e0e0e0; padding: 8px 9px; background: #fff; font-size: 13px; color: #888; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); border-radius: 2px; } .msg_input_on { width: 400px; border: 1px solid #8cd1ff; background: #f1f9ff; padding: 8px 9px; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03); border-radius: 2px; font-size: 13px; color: #888; } .message_labes { font-size: 14px; } .message_title { height: 34px; line-height: 34px; background: #f6f9fb; padding: 0 12px; } .message_title h2 { color: #376b88; font-size: 14px; float: left; } .message_title span { float: right; font-weight: bold; color: #999; } .message_info { color: #8ea6b6; text-align: right; } .message_replay { background: #f5f5f5; padding: 0 12px; } .msg_btn_area { margin: 16px 0; text-align: left; } .msg_btn_area a { display: inline-block; padding: 5px 15px; background: #0F8B43; color: #fff; text-align: center; font-family: "宋体"; font-size: 14px; overflow: hidden; cursor: pointer; font-weight: bold; } .msg_btn_area a:hover { text-decoration: none; background: #cccccc; } .msgflag { margin-left: 4px; font-size: 12px; color: #900; } /*大图样式*/ .picarr { position: relative; margin: 20px auto; } .picarr .picture { width: 100%; text-align: center; } .picarr .picture a { display: none; } .picarr .preview { width: 685px; margin-top: 20px; padding: 5px; background: #eef3fa; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .picarr .preview li { float: left; margin: 4px; } .picarr .preview li a { width: 58px; height: 45px; border: 1px solid #fff; background: #fff; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 35px; *font-family: Arial; } .picarr .preview li a img { vertical-align: middle; } .picarr .preview li.current a { border: 1px solid #000; } /*详细页功能区*/ .preNext { position: relative; } .preNext .line { height: 10px; overflow: hidden; clear: both; background: url(../images/box_dotline.gif) left 15px repeat-x; margin: 4px auto; padding-top: 10px; } .preNext .line strong { display: block; width: 8px; height: 10px; overflow: hidden; font-size: 0px; line-height: 100px; background: url(../images/box_dotline.gif) right -10px no-repeat; float: left; } .preNext .text { color: #999; } .preNext .actBox { position: absolute; top: 25px; right: 0; } .preNext .actBox li { display: inline; padding-left: 22px; background-image: url(../images/actbox-ico.gif); background-repeat: no-repeat; margin-left: 10px; } .preNext .actBox li a { color: #666; } .preNext .actBox li#act-fav { background-position: 4px 0px; } .preNext .actBox li#act-err { background-position: 4px -37px; } .preNext .actBox li#act-pus { background-position: 4px -73px; } .preNext .actBox li#act-pnt { background-position: 4px -109px; } /*评论样式*/ .commnet { margin: 20px 0 30px; padding: 8px 0 0 8px; background: url(../images/commnet_bg.png) repeat-x; border: 1px solid #ccc; border-radius: 3px; } .commnet textarea { width: 100%; height: 59px; border: none; background: transparent; outline: none; font-size: 14px; color: #999; overflow: auto; } .commnet .toolbar { padding-top: 8px; _padding-top: 5px; *padding-top: 5px!important; height: 30px; line-height: 30px; overflow: hidden; } .commnet .options { float: left; } .commnet .button, .commnet .button_on { float: right; width: 100px; height: 30px; border: none; border-left: 1px solid #ccc; font-size: 14px; font-weight: bold; cursor: pointer; } .commnet .button { background: url(../images/commnet_btn_bg.png) repeat-x; } .commnet .button_on { background: url(../images/commnet_btnon_bg.png) repeat-x; } .commlist { margin-top: 20px; } .commlist li { border-bottom: 1px solid #eaeaea; word-wrap: break-word; } .commlist li p { line-height: 20px; color: #999;; } .commlist li span.uname { color: #D32; font-family: Verdana; font-weight: bold; } .commlist li span.time { color: #bbb; } .commnum span { display: inline-block; width: 70px; margin-top: 20px; line-height: 24px; border: 1px solid #ccc; background: #f5f5f5; border-radius: 3px; text-align: center; } .commnum span i { color: #900; font-family: Verdana; font-weight: bold; } /*分页样式*/ .page_info { text-align: center; margin-top: 10px; color: #333; } .page_info span { padding: 0 2px; font-weight: bold; } .page_list { height: 24px; line-height: 24px; text-align: center; letter-spacing: 0; font-family: "Arial Black"; font-size: 12px; padding-top: 40px; } .page_list a { display: inline-block; color: #898989; border: 1px solid #e8e8e8; background: #f8f8f8; text-align: center; padding: 0 8px; margin: 0 1px; } .page_list a:hover { color: #fff; border: 1px solid #898989; background: #898989; } .page_list a.on { color: #333; border: 1px solid #ccc; background: #E5EDF2; } /*内容分页*/ .contPage { height: 20px; line-height: 20px; text-align: center; letter-spacing: 0; font-family: "Arial Black"; font-size: 10px; margin-top: 20px; } .contPage a { display: inline-block; color: #898989; background: #fff; text-align: center; padding: 0 7px; margin: 0 1px; } .contPage a:hover { color: #fff; background: #898989; } .contPage a.on { color: #333; background: #E5EDF2; border: 1px solid #C2D5E3; } /*在线客服*/ *html { background-image: url(about:blank); background-attachment: fixed; } .kf { width: 127px; border: 1px solid #51b5f0; position: fixed; top: 45%; right: 0; background: url(../images/kf_ico.png) no-repeat 7px 10px #1a98d5; min-height: 50px; _height: auto!important; _height: 50px; _position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||130)-(parseInt(this.currentStyle.marginBottom,10)||130))); } .kf_r { margin-left: 37px; background: #16a2dd; color: #fff; text-align: center; padding: 10px 0 10px; } .kf_r img { margin-bottom: 5px; } /*Top按钮*/ *html { background-image: url(about:blank); background-attachment: fixed; } /*解决IE6下滚动抖动的问题*/ .tbox { width: 50px; float: right; position: fixed; right: 10px; bottom: 15px; _position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom: 15px; display: none; } /*解决IE6下不兼容 position:fixed 的问题*/ .tbox #gotop { width: 50px; height: 50px; background: url(../images/icon.png) no-repeat 0 0; display: block; } .index_brand { height: 450px; margin: auto; position: relative; background: #c5cde4; } .banner li { width: 100%; height: 450px; position: absolute; left: 0; top: 0; display: none; } .banner li a { display: inline-block; width: 100%; height: 100%; } .banner .number { height: 6px; position: absolute; left: 20%; bottom: 20px; } .banner .number span { display: inline-block; width: 30px; height: 8px; background: #fff; cursor: pointer; margin-left: 3px; position: relative; overflow: hidden; } .banner .number span.on { background: #d40000; } .casescro { overflow: hidden; width: 1200px; margin: auto; } .casescro ul { overflow: hidden; width: 1200px; margin-bottom: 20px; } .casescro li { float: left; width: 289px; height: 342px; /*background-color: #f5f5f5;*/ margin-right: 10px; margin-top: 10px; } .casescro li img { display: block; margin: 0 auto; margin-top: 20px; } .casescro li .imgcss { height: 220px; width: 289px; background: #f5f5f5; } .casescro li a { display: block; text-decoration: none; } .casescro li .prmore { display: block; width: 110px; height: 33px; margin-top: 12px; } ul { margin: 0; padding: 0; } .casescro li span { color: #2a333c; font-size: 16px; font-weight: bold; text-align: left; } .casescro li:hover span { /*color: #fff;*/ /*background-color: #84B738;*/ } .casescro li h2 { margin-top: 26px; text-align: left; margin-left: 8px; height: 25px; overflow: hidden; } #Div3 { width: 1200px; margin: auto; height: 450px; } .mainyq { width: 1200px; margin: auto; background-repeat: repeat-x; } /* tabs */ .tab { width: 1200px; 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; color: #fff; } .tab-hd li { float: left; width: 100px; color: #fff; 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 { } .duilian { top: 260px; position: absolute; width: 160px; overflow: hidden; display: none; background: #fff; } .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; } /*.scrollbox { height: 236px; overflow: hidden; margin: 0px auto; margin-top: 5px; clear: both; } .scrollbox ul { width: 110%; } .scrollbox ul li { width: 288px; height: 236px; float: left; overflow: hidden; margin-top: 10px; margin-left: 10px; } .scrollbox ul li .con { width: 240px; height: 236px; overflow: hidden; } .scrollbox ul li .con .pic { width: 240px; height: 198px; overflow: hidden; background: #D6D4D5; } .scrollbox ul li .con .pic img { width: 240px; height: 198px; } .scrollbox ul li .con .txt { height: 30px; background: #efefef; line-height: 30px; font-size: 14px; padding: 0px 10px; font-family: "微软雅黑"; text-align: center; } .scrollbox ul li .con .txt a { height: 30px; line-height: 30px; font-size: 14px; padding: 0px 10px; font-family: "微软雅黑"; text-align: center; color: #000; } .scrollbox ul li .con .txt a.bf { width: 50px; height: 20px; margin: 5px 0px; display: block; background: url(../images/btn4-1.gif) no-repeat 0px 0px; color: #FFF; line-height: 20px; text-align: center; float: right; } .scrollbox ul li .con .txt a.bf:hover { background: url(../images/btn4-1.gif) no-repeat 0px -20px; } .scrollbox ul li .con .y { height: 8px; clear: both; overflow: hidden; background: url(../images/bg6.jpg) no-repeat center top; }*/ .main, .link_b, .link_c, .link_d, .link_a_cont, .box { width: 1000px; margin: 0 auto; } .main_aa { padding-top: 30px; } .main_aa .img { text-align: center; } .main_aa .text { text-align: center; padding: 5px 0; } .main_aa .text p { /*font-size: 36px; font-weight: 300; line-height: 100%; margin-bottom: 15px;*/ font-size: 36px; font-weight: 300; line-height: 100%; margin-bottom: 15px; } .main_aa .text.a { display: block; color: #5e7387; font-size: 16px; font-weight: 300; } .main_aa .text.a p { color: #444; font-family: "Open Sans", Arial, sans-serif; } .main_aa .text.b { display: block; color: #5e7387; font-size: 16px; font-weight: 300; } .main_aa .text.b p { color: #fff; font-family: "Open Sans", Arial, sans-serif; } .main_aa .text.c { color: #393e48; } .main_ab { padding: 60px 0 100px 0; overflow: hidden; } .main_ab_ul { width: 164px; float: left; margin-left: 114px; * margin-left: expression(this.previousSibling==null?'0':'114px'); } .main_ab_ul:first-child { margin-left: 0; } .main_ab_li { /*width: 164px; height: 188px; background: url(../images/main_b.jpg) no-repeat; text-align: center;*/ width: 100px; height: 100px; /* background: url(../images/main_b.jpg) no-repeat; */ text-align: center; background-color: #dcdcdc; border-radius: 50px; } .main_ab_li:hover { background: #4E98D9; } .main_ab_li.a img { margin-top: 35px; } .main_ab_li.b img { margin-top: 35px; } .main_ab_ul .text { color: #8c8c8c; font-size: 10px; text-align: center; margin-left: -60px; } .main_ab_ul .text p { font-size: 17px; color: #1f2228; text-align: center; padding: 18px 0 5px 0; margin-left: 10px; } .main_b { background: #fff; } .main_b .main_aa .text.b p { color: #000; font-family: "Open Sans", Arial, sans-serif; } .main_b .main_aa h2 { color: #464646; font-size: 32px; height: 20px; margin-bottom: 35px; background: url(../images/title_bg.jpg) no-repeat center bottom; } .main_e .main_aa .text.b p { color: #000; font-family: "Open Sans", Arial, sans-serif; } .main_e .main_aa h2 { color: #464646; font-size: 32px; height: 20px; margin-bottom: 35px; background: url(../images/title_bg.jpg) no-repeat center bottom; } .main_c { background: #fff; height: 520px; background: #006281; padding: 30px 0; width: 100%; } .main_d { background: url(../images/a_bg.png); height: 400px; background-position: center top; background-repeat: no-repeat; /*background-color: #323232;*/ } .main_e { background: #fff; height: 520px; } .main_f { background: #fff; height: 420px; } .main_b_c { padding-top: 30px; } .main_b_c ul li b { position: absolute; left: 0; top: 0; background: #000; display: block; width: 238px; height: 166px; filter: alpha(opacity=50); opacity: 0.5; } .main_b_c .more12 { padding: 40px 0 30px 0; text-align: center; } .main_b_c .more12 a { display: inline-block; } .main_b_c .more12 a { *display: inline; } .case_a_cont { overflow: hidden; margin-bottom: 16px; } .case_a_cont a { display: block; width: 238px; height: 166px; float: left; margin-left: 16px; position: relative; overflow: hidden; } .case_a_cont a p { height: 45px; padding: 10px 15px; position: absolute; width: 208px; left: 0; bottom: -65px; color: #fff; z-index: 9; } .case_a_cont a p span { color: #fff; display: block; height: 20px; line-height: 20px; overflow: hidden; } .case_a_cont a p font { color: #4b4b4b; height: 20px; line-height: 20px; overflow: hidden; } .case_a_cont a b { background: #000; filter: alpha(opacity=50); opacity: 0.5; display: block; width: 100%; height: 65px; position: absolute; left: 0; bottom: -65px; } .case_a_cont a:first-child { margin-left: 0px; } .main_d_c .png { display: inline-block; width: 50px; height: 50px; background: url(../images/main_da.png) no-repeat center center; color: #000000; text-align: center; line-height: 50px; font-size: 10px; font-family: "黑体"; font-weight: bold; behavior: url(js/ie-css3.htc); border: 0; cursor: pointer; } .main_d_c.xinde .png { background: url(../images/main_da_haaara.jpg) no-repeat center center; color: #fff; } .main_d_c .png:hover { background: url(../images/main_da_hover.png) no-repeat center center; color: #fff; } .main_d_c.cz a:hover { background: url(../images/main_da_hovera.png) no-repeat center center; color: #fff; } .ysimg { width: 1170px; margin: 25px auto 0 auto; overflow: hidden; } .symore { width: 120px; height: 40px; text-align: center; margin-left: 980px; background-color: #444; line-height: 40px; } .symore a { color: #FFFFFF; box-shadow: 1px 5px 40px #226; font-family: "Open Sans", Arial, sans-serif; font-size: 16px; font-weight: 300; } .xwymore { width: 120px; height: 40px; text-align: center; margin-left: 480px; background-color: #1BB3D5; line-height: 40px; border-radius: 8px 8px 8px 8px; } .xwymore a { color: #FFFFFF; font-family: "Open Sans", Arial, sans-serif; font-size: 16px; font-weight: 300; } .casemare{ overflow: hidden; width: 1200px; margin: auto; height:330px; } .casemare ul { overflow: hidden; width: 1200px; margin-bottom: 20px; } .casemare li { float: left; width: 289px; height: 342px; /*background-color: #f5f5f5;*/ margin-right: 10px; margin-top: 10px; } .casemare li img { display: block; margin: 0 auto; margin-top: 20px; } .casemare li .imgcss { height: 220px; width: 289px; background: #f5f5f5; } .casemare li a { display: block; text-decoration: none; } .casemare li .prmore { display: block; background: url(../images/more2.png) no-repeat; width: 110px; height: 33px; margin-top: 12px; } ul { margin: 0; padding: 0; } .casemare li span { color: #2a333c; font-size: 16px; font-weight: bold; text-align: left; } .casemare li:hover span { /*color: #fff;*/ /*background-color: #84B738;*/ } .casemareli h2 { margin-top: 26px; text-align: left; margin-left: 8px; height: 25px; overflow: hidden; } .main_d .main_aa .text { text-align: left; padding: 5px 0; } .main_d .main_aa .text p { font-size: 24px; font-weight: 300; line-height: 100%; /*margin-bottom: 15px;*/ } .main_d .main_aa .text.b p { color: #fff; font-family: "Open Sans", Arial, sans-serif; } .main_d .more-about { position: absolute; right: 0; /* bottom: 0; */ /* display: block; */ width: 46px; height: 37px; margin-right: 110px; margin-top: 313px; } .ysimg { width: 1170px; margin: 25px auto 0 auto; }