gusucode.com > 【demx27】红色机械设备叉车产品网站织梦dedecms模板 > 【demx27】红色机械设备叉车产品网站织梦dedecms模板/templets/ch/style/style.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ /*--- 通用 ---*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } body { font-size: 14px; font-family: Arial, Microsoft YaHei, Helvetica, sans-serif; } html, body { min-height: 100%; height: 100%; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } h1 { font-size: 20px; line-height: 30px; } h2 { font-size: 18px; line-height: 26px; } h3 { font-size: 16px; line-height: 24px; } h4, h5, h6 { font-size: 14px; line-height: 20px; } a { color: #000; text-decoration: none; outline: none; transition: all 0.1s linear 0s; } a:hover { color: #d20004; text-decoration: none; } ul, ul li { list-style: none; margin: 0; padding: 0; } fieldset, img { border: none; } hr { color: #ddd; background-color: #ddd; height: 1px; border: 0px; } .clear { clear: both; margin: 0; padding: 0; } .hidden { display: none; } .left { float: left; } .right { float: right; } /*--- 头部样式 ---*/ .header { height: 127px; width: 100%; z-index: 999999; background: url(../images/topbg.gif) repeat-x; } .header img { } .top { width: 1140px; height: 90px; margin: 0 auto; padding-left: 10px; } .topleft { width: 586px; float: left; } .topright { width: 380px; float: right; } /*--- 导航 ---*/ #nav { clear: both; position: relative; width: 1100px; margin: 0 auto; height: 36px; padding-left: 30px; } #nav .menu ul li { height: 36px; line-height: 36px; display: inline-block; float: left; } #nav .menu ul li a { display: block; height: 34px; line-height: 34px; padding: 2px 30px 0px 30px; color: #fff; text-decoration: none; } #nav .menu ul li a:hover { color: #fff; background: #be0004; } /*--- 幻灯片 ---*/ .banner_div { height: 520px; width: 100%; margin: 0 auto; overflow: hidden; } #flash { width: 100%; height: 520px; overflow: hidden; margin: 0 auto; clear: both; position: relative; padding: 0px; } #flash a { width: 100%; height: 520px; display: none; } #flash img {/*width:100%; height:407px; display:none;*/ } .flash_bar { width: 100px; z-index: 1069; height: 30px; overflow: hidden; padding-top: 13px!important; padding-top: 12px; bottom: 50px; text-align: center; margin: 0 auto; position: relative; } .flash_bar .dq { display: inline-block; float: left; width: 8px; height: 8px; margin: 5px 5px; /* background: url(tg_flash_p.png) no-repeat 0px 0px;*/ cursor: pointer; background: url(../images/tg_flash_p.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: 8px; height: 8px; margin: 5px 5px; /* background: url(tg_flash_p.png) no-repeat 0px 0px;*/ cursor: pointer; background: url(../images/tg_flash_p2.png) no-repeat 0px 0px; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p2.png", sizingMethod="crop"); } #flashBg { height: 520px; overflow: hidden; width: 100%; clear: both; margin: 0; padding: 0; } #flashLine { height: 520px; width: 100%; clear: both; } .more { clear: both; display: block; width: 150px; margin: 15px auto 0px 0px; background: #de0002; border-radius: .3em; } .more a { display: block; font: 14px "Microsoft YaHei"; color: #fff; padding: 3px 20px 5px 20px; text-align: center; } .more a:hover { display: block; color: #fff; background: #ea0002; text-decoration: none; border-radius: .3em; } /*--- 整体 ---*/ #root { width: 100%; height: 100%; } .main1 { width: 1140px; height: auto; margin: 0 auto; position: relative; background: #fff; overflow: hidden; } .main1_l { width: 360px; height: auto; overflow: hidden; float: left; } .main1_m { width: 310px; height: auto; overflow: hidden; float: left; padding-left: 40px; } .main1_r { width: 256px; height: auto; overflow: hidden; float: right; } .main1 h2 { font-size: 16px; font-family: "Microsoft YaHei"; float: left; } .main1 span { float: right; padding-top: 5px; } .main1 span a { font-size: 10px; font-family: "Microsoft YaHei"; text-align: right; } .main1_r .gsjj { text-align: center; background: url(../images/gsjjbg.gif) repeat-x; height: 30px; line-height: 30px; color: #fff; } .main1_r .gsjj a { color: #fff; font-family: "Microsoft YaHei"; font-weight: bold; padding: 0 10px; font-size: 14px; } .main2 { width: 100%; height: auto; margin: 10px auto; position: relative; background: #f2f2f2; overflow: hidden; padding-top: 20px; } .main2_l { width: 1140px; height: 300px; ; margin: 0 auto; position: relative; overflow: hidden; } .main2 h2 { font-size: 16px; font-family: "Microsoft YaHei"; float: left; } .main2 span { float: right; padding-top: 5px; } .main2 span a { font-size: 10px; font-family: "Microsoft YaHei"; text-align: right; } .cp { width: 100%; float: left; height: auto; } /*--- 首页主题框架内容---*/ .maincontent { width: 100%; height: auto; margin: 0 auto; position: relative; background: #fff; overflow: hidden; } #products { width: 1140px; height: auto; margin: 0 auto; background: #fafafa; border: #dbdbdb 1px solid; margin-top: -15px; padding-bottom: 20px; border-radius: .3em; } #choose { background: url(../images/choosebg.jpg) repeat-x; width: 100%; height: auto; } #about { width: 100%; height: auto; } #error { background: #f0f0f0; width: 100%; height: auto; padding: 0 0 20px; } .title { width: 1000px; margin: 0 auto; height: auto; padding: 15px 0 20px 0px; text-align: center; } .title_l { width: 342px; float: left; } .title_l3 { width: 431px; float: left; } .title_l4 { width: 558px; float: left; } .title_r { width: 640px; float: left; text-align: left; padding: 35px 0 0 0; } .title_r3 { width: 440px; float: left; text-align: left; padding: 35px 0 0 0; } .title_r4 { width: 406px; float: right; text-align: center; height: 133px; } .title h2, .title h2 a { font: 26px "Microsoft YaHei"; color: #035a8a; } .title span { font: 18px Arial; color: #fa8f4b; text-transform: uppercase; } .products { clear: both; padding: 20px 0 40px 0; width: 1000px; margin: 0 auto; height: auto; } .choose { clear: both; padding: 20px 0 20px 0; width: 990px; margin: 0 auto; height: auto; } .about { clear: both; padding: 20px 0 0px 0; width: 1140px; margin: 0 auto; height: 280px; margin-bottom: 20px; } /*首页产品*/ .products1 { float: left; width: 321px; height: 445px; background: #d5d5d5; border-radius: 0 0 .3em .3em; } .products2 { float: left; width: 321px; height: 445px; background: #d5d5d5; margin-left: 18px; border-radius: 0 0 .3em .3em; } .products3 { float: right; width: 321px; height: 445px; background: #d5d5d5; border-radius: 0 0 .3em .3em; } .indexproductfl { margin-top: 20px; padding-left: 5px; margin-bottom: 20px; } .indexproductfl ul { } .indexproductfl ul li { float: left; margin: 0px 0px 10px 10px; width: 125px; background: #ececec; border-radius: .2em; display: block; padding-left: 5px; } .indexproductfl ul li:hover { float: left; margin: 0px 0px 10px 10px; width: 125px; background: #dddbdb; border-radius: .2em; } .productnamefl { height: 30px; line-height: 30px; overflow: hidden; } .productnamefl a { color: #353535; width: 125px; display: block; height: 30px; line-height: 30px; font-size: 12px; } .productnamefl a:hover { color: #d20004; } .indexproduct { margin-bottom: 10px; } .indexproduct ul { } .indexproduct ul li { text-align: center; float: left; margin: 0px 0px 10px 10px; width: 170px; border: #f7f7f7 4px solid; background: #f7f7f7; border-radius: .2em; display: block; } .indexproduct ul li:hover { float: left; color: #d20004; margin: 0px 0px 10px 10px; width: 170px; border: #ededed 4px solid; background: #ededed; border-radius: .2em; } .indexproduct img { width: 160px; height: 160px; } .productname { height: 35px; line-height: 45px; text-align: center; overflow: hidden; } .productname a { color: #353535; width: 170px; display: block; height: 35px; line-height: 45px; font-size: 12px; } .productname a:hover { color: #d20004; } .productyangpin a { height: 32px; line-height: 32px; padding-left: 10px; } .productxiangxi { text-align: right; margin-bottom: 20px; } .productbutton { margin-top: 15px; margin-bottom: 5px; width: 100px; text-align: center; z-index: 999; float: right; } .productbutton a { text-decoration: none; font: 12px "Microsoft YaHei"; display: block; height: 20px; line-height: 20px; color: #000; background: #f7f7f7; } .productbutton a:hover { background: #e7e7e7; color: #000; text-decoration: none; } .productshipin { clear: both; padding: 30px 0 0 510px; width: 490px; margin: 0 auto; background: url(../images/shipinbg.jpg) no-repeat; } /*首页优势*/ .chooseleft { float: left; width: 480px; height: 445px; } .chooseright { float: right; width: 480px; height: 445px; } .chooselist { width: 100%; float: left; height: auto; margin-left: 0px; font: 18px "Microsoft YaHei"; } .chooselist h2 { margin-bottom: 5px; font-size: 26px; font-weight: normal; } .chooselist h2 a { margin-bottom: 5px; font: 14px "Microsoft YaHei"; font-weight: bold; color: #434343; } .chooselist ul { margin: 10px auto; padding: 0px; list-style: none; } .chooselist ul li { clear: both; border-bottom: 1px dashed #cacaca; height: 130px; margin-top: 8px; } .chooselist ul li a:link { color: #434343; text-decoration: none; font-family: '\5FAE\8F6F\96C5\9ED1'; font-size: 14px; } .chooselist ul li a:visited { color: #434343; text-decoration: none; } .chooselist ul li a:hover { color: #089353; text-decoration: none; } .chooselistleft { width: 146px; float: left; margin: 7px 0px 7px 0px; } .chooselistright { width: 316px; float: right; margin: 5px 0px 5px 0px; } .choosejianshu { line-height: 22px; color: #666; font-size: 12px; padding-top: 10px; } /*首页关于我们*/ .about1 { float: left; width: 345px; height: 286px; background: url(../images/about0bg.gif) no-repeat; padding: 5px 8px 0px 10px; } .about2 { float: left; width: 345px; height: 286px; background: url(../images/aboutbg.jpg) no-repeat; padding: 5px 8px 0px 10px; margin-left: 25px; } .about3 { float: left; width: 268px; height: 280px; margin-left: 23px; } .about4 { float: right; width: 345px; height: 288px; background: url(../images/aboutbg.jpg) no-repeat; padding: 5px 8px 0px 10px; } .abouttitle { clear: both; width: 100%; color: #353535; font-size: 16px; height: 36px; line-height: 36px; margin-bottom: 5px; } .abouttitle h2 { width: 70%; float: left; font-size: 14px; } .abouttitle span { text-align: right; float: right; padding-right: 10px; width: 25%; } .abouttitle span a { font-size: 12px; color: #353535; height: 32px; line-height: 32px; text-align: right; } .abouttitle span a:hover { color: #d20004; height: 32px; line-height: 32px; } .aboutneirong { line-height: 24px; color: #585858; font-size: 12px; font-family: Arial, "宋体", sans-serif } /*首页FAQ*/ .faqlist { width: 340px; float: left; height: auto; margin-left: 0px; font: 18px "Microsoft YaHei"; } .faqlist h2 { margin-bottom: 1px; font-size: 16px; font-weight: normal; } .faqlist h2 span { font-size: 12px; font-weight: normal; color: #999; } .faqlist h2 a { margin-bottom: 1px; font: 14px "Microsoft YaHei"; color: #434343; } .faqlist ul { margin: 0px auto; padding: 0px; list-style: none; } .faqlist ul li { clear: both; height: 25px; line-height: 25px; } .faqlist ul li a:link { color: #434343; text-decoration: none; font-size: 12px; padding-left: 5px; } .faqlist ul li a:visited { color: #434343; text-decoration: none; font-size: 12px; padding-left: 5px; } .faqlist ul li a:hover { color: #d20004; text-decoration: none; font-size: 12px; padding-left: 5px; } .faqlistleft { width: 5px; float: left; margin: 1px 0px 1px 0px; } .faqlistright { width: 100%; float: left; margin: 0px 5px 0px 0px; } .faqjianshu { line-height: 24px; color: #666; font-size: 12px; padding-top: 10px; } /*产品无缝滚动*/ #demo { overflow: hidden; width: 1000px; } #demo img { width: 340px; height: 170px; border: 1px solid #F2F2F2; } #demo .text { text-align: center; line-height: 25px; } #indemo { float: left; width: 3500px; } #demo1 { width: 1750px; float: left; } #demo1 ul { width: 350px; float: left; } #demo2 { width: 1750px; float: left; } #demo2 ul { width: 350px; float: left; } /*--内页布局---*/ .main_l { float: left; width: 280px; background: #f5f5f5; } .main_r { float: right; width: 840px; } .main_r td { border: #999 1px solid; font-size: 12px; padding: 0; } .pagetitle { font-size: 14px; } .lefttitle { padding-left: 20px; line-height: 30px; background: #d20004; color: #FFF; font-weight: bold; font-size: 14px; border-radius: .2em; } .lefttext { padding: 10px; } .main_l_tt { width: 100%; clear: both; margin: 5px auto; } .main_l_tt ul { list-style: none; margin: 0; padding: 5px 0 0 0; } .main_l_tt ul li { float: left; width: 100%; background: #dbdbdb; margin-right: 2px; margin-bottom: 2px; text-align: left; } .main_l_tt ul li a { text-decoration: none; font: 14px "Microsoft YaHei"; padding-left: 7px; display: block; height: 30px; line-height: 30px; color: #292929; background: #ededed; } .main_l_tt ul li a:hover { background: #d20004; color: #FFF; } /*--- maincontent case + news + service title base---*/ .newslist, .caselist, .service, .link, .jump { width: 990px; margin: 0 auto; height: auto; } .producttitle, .contacttitle, .servicetitle, .newstitle, .casetitle, .linktitle { width: 990px; text-align: left; height: auto; padding: 60px 0 40px 0; display: inline-block; } .contacttitle h1, .servicetitle h1, .newstitle h1, .casetitle h1, .linktitle h1 { font: 32px "Microsoft YaHei"; margin: 0 0 10px 0; } .producttitle h2, .contacttitle h2, .servicetitle h2, .newstitle h2, .newstitle h2 a, .casetitle h2, .casetitle h2 a, .linktitle h2, .linktitle h2 a { font: 18px "Microsoft YaHei"; color: #666; } .newstitle h2 span.more a, .linktitle h2 span.more a, .casetitle h2 span.more a { font: 14px "Microsoft YaHei"; color: #fff; padding: 1px 5px 2px 5px; background: #ff7200; border-radius: .3em; margin-left: 10px; } .newstitle h2 span.more a:hover, .linktitle h2 span.more a:hover, .casetitle h2 span.more a:hover { color: #fff; background: #309200; text-decoration: none; } /*--- sidebar ---*/ .sidebar { width: 20%; float: left; height: auto; } .sidebar ul li { padding: 15px 7px; } .sidebar ul li.caseclass a { font-size: 24px; color: #000; } .sidebar ul li a { color: #7F8289; font: 16px "Microsoft YaHei"; } .sidebar ul li a:hover { color: #000; } /*--- content ---*/ .content { width: 100%; float: right; height: auto; } /*--- maincontent news ---*/ #links { background: #fff; width: 100%; height: auto; padding: 0 0 100px; } .newssidebar { width: 48%; float: left; height: auto; margin-left: 8px; font: 18px "Microsoft YaHei"; } .newssidebar h2 { margin-bottom: 30px; font-size: 22px; font-weight: normal; } .accordion-heading { height: 50px; line-height: 50px; background: #3C3F45; margin-top: 5px; padding: 3px 8px; overflow: hidden; } .accordion-heading:hover { background: #FF5500; transition: all 0.1s linear 0s; } .accordion-heading a { color: #fff; font: 18px "Microsoft YaHei"; display: block; height: 50px; line-height: 50px; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -moz-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease } .collapse.in { height: auto } .accordion-inner { background: #26292E; padding: 9px 15px; color: #7F8289; font-size: 16px; line-height: 28px; } /*--- maincontent about ---*/ .service div { width: 22%; float: left; margin-left: 2.5%; } .service span { } .service span img { width: 100%; min-width: 100%; height: auto; background-size: cover; } .service h2 { font: 24px "Microsoft YaHei"; margin: 20px 0; } .service p { color: #7F8289; font: 14px "Microsoft YaHei"; line-height: 28px; padding: 10px 0; } .service p.moreservice a { color: #666; font: 14px "Microsoft YaHei"; } .service p.moreservice a:hover { color: #000; } .service span img:hover { } /*--- maincontent contact ---*/ #contact-form { width: 63%; float: left; } #contact-form ul li { margin-bottom: 8px; } #contact-form .submit { background: #ff5500; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 18px; font-weight: 500; margin-top: 30px; padding: 16px 40px; text-align: center; transition: background 0.1s linear 0s, color 0.1s linear 0s; vertical-align: middle; width: auto; } .contactsidebar { width: 30%; float: right; text-align: left; padding: 5px; } .contactsidebar h2 { font: 22px "Microsoft YaHei"; } .contactsidebar h4 { font: 22px "Microsoft YaHei"; } .contactsidebar ul li { color: #434343; font: 16px "Microsoft YaHei"; line-height: 28px; margin: 15px 0 15px 0; } .contactsidebar a { font: 16px "Microsoft YaHei"; color: #FF5500; } .contactsidebar a:hover { color: #000; } /* 案例 --------------------------------------------------------------------------------------------------------*/ .proj-img { position: relative; overflow: hidden; background-size: cover; border: #dedede 1px solid; } .proj-img i { display: block; font-style: normal; position: absolute; width: 100%; height: 100%; z-index: 9; text-indent: -9000px; top: 0px; left: 0; background: #fff; opacity: 0; filter:alpha(opacity:0); background-color: #000; } .proj-img img { display: block; visibility: visible; background-size: cover; background-repeat: no-repeat; width: 275px; height: 200px; } .proj-img a { } .proj-img a.details { background: url(../images/readmore-icon.png) 50% 50% no-repeat; } /* --------------------------------------------------------------------------------------------------------*/ .padding-top { padding-top: 1px; } .normal li { display: block; line-height: 20px; padding: 2px 0; } .list li { background: url(../images/list-bullet.png) 10px 10px no-repeat; display: block; padding: 2px 0; padding-left: 27px; line-height: 20px; } .check li { background: url(../images/list-check.png) 9px 9px no-repeat; display: block; padding: 2px 0; padding-left: 27px; line-height: 20px; } .list li a, .check li a, .normal li a { color: #0073bf; text-decoration: none; border-bottom: 1px dotted #0073bf; } .no-deco li a { color: #363636; text-decoration: none; border-bottom: 0px dotted #0073bf; } .list li a:hover, .check li a:hover, .normal li a:hover { text-decoration: none; border-bottom: 1px solid #0073bf; } .no-deco li a:hover { color: #0073bf; text-decoration: none; border-bottom: 0px dotted #0073bf; } .pics { padding: 4px; margin: 5px 0px 5px 0; color: #292992; height: 290px; } .picsindex { padding: 4px; margin: 5px 0px 5px 0; color: #292992; height: 220px; background: #e5e5e5; } .picsindex p, .pics p { color: #979595; font: 12px "Microsoft YaHei"; line-height: 25px; text-align: justify; } .picsa { background: #fff; border: #d2d2d2 1px solid; padding: 4px; margin: 5px 0px 5px 0; height: 430px; } .infobox { background: #fff; border: #d2d2d2 1px solid; padding: 20px; margin: 10px 0px 10px 0; } .biaoti { font-size: 14px; padding-top: 13px; padding-bottom: 10px; text-align: center; font-weight: bold; } .biaoti a { color: #292929; font: 14px "Microsoft YaHei"; } .biaoti a:hover { color: #000; } .biaoti p { color: #666; } /*-----错误提示框----*/ #error { height: 100%; padding: 0; } .jump { padding: 140px 0 200px 0; } .jump div { width: 450px; position: relative; left: 48%; margin-top: 10%; margin-left: -225px; margin-right: -225px; border: 1px solid #FF7200; border-radius: .3em; } .jump div p { color: #000; font: 16px "Microsoft YaHei"; text-align: center; margin-bottom: 20px; } .jump div p.msg-title { font: 24px "Microsoft YaHei"; color: #fff; background: #FF7200; } .jump div p.notice span, .jump div p.notice a { color: #FF5500; font: bold 16px "Microsoft YaHei"; } .jump div p.notice a:hover { color: #000; } /*-----合作伙伴-----*/ .link { width: 1000px; margin: 30px auto; height: auto; overflow: hidden; } .link h1 { height: 40px; line-height: 40px; padding-left: 10px; } .link ul { border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; height: auto; overflow: hidden; width: 990px; margin: 0 auto; } .link li { width: 140px; height: 65px; float: left; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; padding: 10px 12px; } .link li a { display: block; float: left; width: 140px; height: 65px; overflow: hidden; } .link p { font-size: 12px; line-height: 22px; text-align: center; } .link p a { color: #fe6400; } .link p a:hover { color: #333; } /*重要的样式 一定要保留这样2行*/ .grayscale img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1); } .grayscale:hover img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: url("about:blank"); filter: grayscale(0); filter: rgb; } /*重要的样式 一定要保留这样2行*/ /* aboutus start --------------------------------------------------------------------------------------------------------*/ #aboutmain { width: 1140px; font-size: 12px; line-height: 25px; font-family: "Microsoft YaHei"; font-weight: normal; padding-top: 20px; margin-top: 0; margin-right: auto; margin-left: auto; min-height: 650px; } .dangqianweizhi { font: 18px bold "Microsoft YaHei"; } .dangqianweizhi a { color:# 060; font: 18px bold "Microsoft YaHei"; } #aboutmain h1 { font-size: 18px; font-weight: normal; margin-bottom: 10px; } #aboutmain h2 { font-size: 18px; font-weight: normal; margin-bottom: 10px; } #aboutmain h2 a { margin-bottom: 10px; color: #434343; font: 18px bold "Microsoft YaHei"; } .large { color: #262626; font-size: 12px; line-height: 40px; padding-bottom: 25px; text-indent: 2em; } .large a { color: #000; font-size: 12px; font-family: "Microsoft YaHei"; } #aboutmain h2 span { font-size: 30px; font-weight: normal; } #aboutmain h3 { line-height: 50px; } #aboutmain p { line-height: 23px; color: #666; } #aboutnei { height: 800px; margin-top: 20px; } #aboutnei h3 { clear: both; } #aboutnei ul { list-style: none; margin: 0px; padding: 0px; clear: both; } #aboutnei ul li { width: 320px; float: left; padding-right: 10px; } #aboutnei ul li img { padding-left: 70px; padding-bottom: 20px; } #aboutnei ul li p { padding-left: 47px; line-height: 23px; color: #666; } /* productlist start --------------------------------------------------------------------------------------------------------*/ #productslist ul { margin: 20px auto; padding: 0px; list-style: none; } #productslist ul li { display: block; height: 195px; margin-bottom: 5px; background: #f7f7f7; } #productslist ul li:hover { display: block; height: 195px; margin-bottom: 5px; background: #f0f0f0; text-decoration: none; } #productslist ul li h2 { margin: 0px; font-size: 16px; color: #000; } #productslist ul li:hover h2 { color: #de0002; } #productslist ul li span { font-size: 12px; color: #666; font-weight: normal; } .productslistleft { width: 160px; float: left; margin: 20px 0px 10px 20px; background: url(../images/nopic.gif) no-repeat; } .productslistleft img { border: 1px #f0f0f0 solid; width: 145px; height: 145px; } .productslistright { width: 630px; float: right; margin: 10px 0px 10px 0px; padding-right: 10px; } .jianshu { line-height: 22px; color: #666; font-weight: normal; padding-top: 5px; height: 70px; overflow: hidden; } #homesubnav { width: 100%; clear: both; margin: 5px auto; } #homesubnav ul { list-style: none; margin: 0; padding: 15px 0 0 0; } #homesubnav ul li { float: left; width: 49%; background: #dbdbdb; margin-right: 2px; margin-bottom: 2px; text-align: left; border-radius: .2em; } #homesubnav ul li a { text-decoration: none; font: 14px "Microsoft YaHei"; padding-left: 7px; display: block; height: 30px; line-height: 30px; color: #292929; background: #dbdbdb; border-radius: .2em; } #homesubnav ul li a:hover { background: #696969; color: #FFF; border-radius: .2em; } #subnav { width: 100%; margin: 10px auto; } #subnav ul { list-style: none; margin: 0px; padding: 0px; } #subnav ul li { float: left; width: 25%; background: #ebebeb; margin-right: 1px; text-align: center; border-radius: .3em; } #subnav ul li a { text-decoration: none; font: 14px "Microsoft YaHei"; display: block; height: 30px; line-height: 30px; color: #FFF; background: #Ff7200; border-radius: .3em; } #subnav ul li a:hover { background: #ff5500; color: #FFF; border-radius: .3em; } .fenye { margin-bottom: 10px; text-align: left; padding-top: 3px; padding-bottom: 3px; clear: both; } .fenye a { padding-right: 6px; background-position: 50% bottom; padding-left: 6px; padding-bottom: 2px; color: #99210b; margin-right: 3px; padding-top: 2px; text-decoration: none; background-color: #ebebeb; } .fenye a:hover { background-image: none; color: #fff; background-color: #f90404; } .fenye a:active { background-image: none; background-color: #f90404; } .fenye span.current { padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #99210b; margin-right: 3px; padding-top: 2px } .fenye span.disabled { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px } /* 案例详细页 --------------------------------------------------------------------------------------------------------*/ .case { width: 275px; height: 250px; padding: 0 5px 0 0; float: left; } .caseindex { width: 280px; padding: 0 10px 0 0; float: left; } .last { padding: 0 0 0 0; } .padding-top { padding-top: 10px; } .padding-right { padding-right: 15px; } #container { width: 990px; margin: 0 auto; padding-top: 20px; font-family: "Microsoft YaHei"; } .content { width: 100%; } .content h2 { font-size: 28px; line-height: 30px; padding: 0px; margin: 10px auto; font-weight: normal; } .content h2 span { font-size: 12px; color: #fff; padding: 0px 5px; ; margin-top: 5px; background: #F00; float: right; height: 30px; line-height: 30px; } .contentleft { width: 58%; float: left; text-align: center; } .contentleft img { margin-top: 27px; width: 400px; } .contentright { width: 40%; float: right; text-align: left; margin: 0 auto; } .contentright h2 { font-size: 14px; font-weight: bold; color: #d20004; } .contentright h3 { font-size: 14px; font-weight: bold; color: #666; } .contentright span { font-size: 12px; color: #666; line-height: 25px; } .orderleft { width: 300px; height: 200px; float: left; } .orderleft img { margin-top: 27px; margin-left: 0px; width: 300px; } .orderright p { font-size: 12px; line-height: 25px; color: #666; } .orderright { width: 380px; float: left; margin-left: 10px; } .orderright h2 { font-size: 12px; font-weight: bold; color: #2b2b2b; } .orderright h3 { font-size: 12px; font-weight: bold; color: #666; padding-left: 5px; } .orderright span { font-size: 12px; color: #666; line-height: 25px; } .orderright p { font-size: 12px; line-height: 25px; color: #666; } .contentbottom { clear: both; padding: 30px 0 80px 0; margin-bottom: 20px; } .contentbottom h2 { font-size: 12px; color: #000; padding: 0px; margin: 0px; font-weight: bold; } .contentbottom h2 span { font-weight: normal; } .contentbottom p { color: #666; font-size: 12px; line-height: 23px; font-family: Arial, sans-serif; } .contentbottom td { border: #999 1px solid; font-size: 12px; } .contentbottom tr { border: #999 1px solid; } .button { margin-top: 20px; width: 50%; text-align: center; z-index: 999; } .button a { text-decoration: none; font: 14px "Microsoft YaHei"; display: block; height: 30px; line-height: 30px; color: #FFF; background: #Ff7200; border-radius: .3em; } .button a:hover { background: #3aa619; color: #FFF; border-radius: .3em; text-decoration: none; } .huikuang { clear: both; width: 100%; font: 12px "Microsoft YaHei"; text-align: left; padding: 5px 8px; line-height: 25px; color: #666; background: #f0f0f0; border-radius: .3em; margin-top: 10px; } .last { position: fixed; top: 400px; } .next { position: fixed; top: 400px; right: 1px; } .last a { float: left; width: 50px; height: 89px; background: url(../images/last0.png) no-repeat; display: block; } .last a:hover { float: left; width: 50px; height: 89px; background: url(../images/last.png) no-repeat; display: block; } .last a:active { float: left; width: 50px; height: 89px; background: url(../images/last.png) no-repeat; display: block; } .next a { float: right; width: 50px; height: 89px; background: url(../images/next0.png) no-repeat; display: block; } .next a:hover { float: right; width: 50px; height: 89px; background: url(../images/next.png) no-repeat; display: block; } .next a:active { float: right; width: 50px; height: 89px; background: url(../images/next.png) no-repeat; display: block; } /*----------新闻列表-------------*/ #newslist ul { margin: 20px auto; padding: 0px; list-style: none; } #newslist ul li { border-bottom: 1px dashed #cacaca; height: 30px; line-height: 30px; margin-bottom: 5px; padding-left: 5px; } #newslist ul li a:link { color: #333; text-decoration: none; font-family: '\5FAE\8F6F\96C5\9ED1'; font-size: 14px; padding-left: 5px; } #newslist ul li a:visited { color: #434343; text-decoration: none; font-size: 14px; padding-left: 5px; } #newslist ul li a:hover { color: #ff7200; text-decoration: none; font-size: 14px; padding-left: 5px; } #newslist ul li h2 { margin: 0px; font-size: 14px; width: 75%; float: left; } #newslist ul li span { font-size: 14px; color: #666; float: right; width: 23%; text-align: right; } .newslistleft { width: 130px; float: left; margin: 10px 0px 10px 10px; background: #999 url(../images/nopic.gif) no-repeat 50% 50%; } .newslistleft img { border: 1px #f0f0f0 solid; } .newslistright { width: 100%; float: right; margin: 10px 0px 10px 0px; } .jianshu { line-height: 20px; color: #666; } .indexnewslist { width: 100%; float: left; height: auto; margin-left: 0px; font: 18px "Microsoft YaHei"; } .indexnewslist h2 { margin-bottom: 5px; font-size: 12px; } .indexnewslist h2 a { margin-bottom: 5px; font: 12px bold "Microsoft YaHei"; color: #434343; } .indexnewslist ul { margin: 5px auto; padding: 0px; list-style: none; } .indexnewslist ul li { clear: both; border-bottom: 1px dashed #cacaca; height: 90px; margin-bottom: 5px; } .indexnewslist ul li a:link { color: #434343; text-decoration: none; font-family: '\5FAE\8F6F\96C5\9ED1'; font-size: 14px; font-weight: bold; } .indexnewslist ul li a:visited { color: #434343; text-decoration: none; } .indexnewslist ul li a:hover { color: #000; text-decoration: none; } .indexnewslistleft { width: 100px; float: left; margin: 5px 0px 5px 0px; } .indexnewslistright { width: 235px; float: right; margin: 0px 0px 5px 0px; } .indexnewsjianshu { line-height: 20px; color: #666; font-size: 12px; } .indexnewsdate { line-height: 20px; color: #666; font-size: 11px; float: right; } /*---------新闻详细页--------------*/ #newsdetail { width: 100%; } .newtitle { font-size: 18px; text-align: center; color: #333; font-weight: bold; line-height: 60px; } .newcishu { font-size: 12px; color: #999; text-align: center; border-bottom: #CCC 1px solid; height: 30px; } .newsub { line-height: 25px; color: #242424; font-size: 14px; padding-top: 15px; } .newsub a { color: #434343; font-size: 14px; font-weight: bold; } .newgengduo { width: 100%; margin-bottom: 20px; } .newgengduo ul { margin: 0px; padding: 0px; list-style: none; border-bottom: #CCC 1px solid; border-top: #CCC 1px solid; height: 60px; } .newgengduo ul li { float: left; width: 350px; margin: 20px auto; } .newgengduo ul li a:link { color: #6f6f6f; text-decoration: none; ; } .newgengduo ul li a:visited { color: #cf0707; text-decoration: none; } .newgengduo ul li a:hover { color: #000; text-decoration: none; } .newgengduo ul li h2 { font-size: 12px; font-weight: normal; margin: 0px; } .newgengduo ul li h2 span { width: 50px; background: #e50404; color: #FFF; height: 23px; font-size: 12px; font-weight: normal; text-align: center; margin-right: 10px; display: block; float: left; } .newkey { line-height: 30px; margin-bottom: 10px; clear: both; } .newspage { width: 100%; margin: 0 auto; z-index: 0; background: #f8f8f8; height: 30px; color: #434343; font-size: 14px; margin-bottom: 40px; } .newslast { float: left; padding-left: 10px; } .newslast a { color: #ff5500; font-size: 14px; } .newslast a:hover { color: #ff7200; } .newsnext { float: right; padding-right: 10px; } .newsnext a { color: #d20004; font-size: 14px; } .newsnext a:hover { color: #ff7200; } /*----------人才招聘------------*/ .jobsbiaodan { border: 1px solid #ccc; width: 240px; height: 20px; } .jobswenben { border: 1px solid #ccc; width: 440px; height: 150px; } #jobsapply { margin-bottom: 100px; margin-top: 30px; } #jobsapply ul { margin: 0px; padding: 0px; list-style: none; } #jobsapply ul li { line-height: 30px; clear: both; } #jobsapply ul li h2 { line-height: 30px; font-size: 14px; float: left; width: 100px; } #jobsapply ul li input { float: left; } #jobslist { width: 300px; height: 130px; background: url(../images/sunproduct.jpg); border: #dadada 1px solid; float: left; margin: 6px; } .jobslistimg { width: 115px; height: 112px; float: left; margin: 10px; } #jobslist h2 { font-size: 12px; font-weight: normal; margin: 3px 0px; color: #000; } #jobslist h2 span { font-weight: bold; font-size: 14px; } .apply { float: left; margin: 8px 0px; } .jobsdetail { width: 100%; margin-bottom: 100px; } .jobsdetail ul { padding: 0px; margin: 0px; list-style: none; } .jobsdetail ul li { border-bottom: #CCC 1px inset; line-height: 45px; } .jobsdetail ul li strong { font-weight: bold; } .zptijiao { margin-top: 20px; } .zptijiao a { width: 150px; height: 40px; line-height: 40px; text-align: center; color: #FFF; display: block; font-size: 16px; font-family: "Microsoft YaHei"; font-weight: bold; border: solid 1px #da7c0c; border-radius: .2em; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#ff7200)); background: -moz-linear-gradient(top, #faa51a, #ff7200); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#ff7200'); margin-top: 20px; } .zptijiao a:visited { color: #fff; text-decoration: none; } .zptijiao a:hover { color: #fff; text-decoration: none; } /*-----------留言详细调用---------*/ #homemessage { width: 100%; margin: 0px auto; margin-bottom: 50px; } #homemessage header { height: 30px; line-height: 30px; text-align: left; } #homemessage ul { width: 360px; margin: 0px; padding: 0px; list-style: none; padding: 2px; } #homemessage ul li { float: left; } #homemessage ul li h2 { float: left; width: 15%; font-size: 12px; color: #ffffff; font-weight: normal; text-align: left; } #homemessage ul li input { padding-left: 3px; } #homemessage .hometijiao { text-align: center; } #homemessage ul li span { float: left; height: 20px; margin-top: 2px; text-align: left; width: 84%; } .homebiaodan { height: 20px; width: 100%; border-radius: .2em; border: solid 1px #b7b7b7; background: #ccc; } .homebiaodanda { border: #CCC 1px solid; height: 35px; width: 100%; border-radius: .2em; background: #ccc; } .hometijiao { width: 150px; height: 30px; line-height: 22px; color: #FFF; font-size: 14px; font-family: Arial; font-weight: bold; background: #ff6600; border: 0; margin-top: 20px; float: right; z-index: 99999; display: block; } #homecontact-form { width: 100%; float: left; } #homecontact-form ul li { margin-bottom: 8px; } #homecontact-form H2 { font-size: 14px; color: #FFF; } /*-----------留言详细调用---------*/ #message { width: 990px; margin: 0px auto; margin-bottom: 50px; } #message header { height: 35px; line-height: 35px; text-align: left; } #message ul { margin: 0px; padding: 0px; list-style: none; } #message ul li { width: 100%; clear: both; margin-bottom: 5px; } #message ul li h2 { float: left; font-size: 16px; font-family: "Microsoft YaHei"; color: #434343; font-weight: bold; text-align: left; padding-top: 5px } #message ul li input { padding-left: 10px; } #message .tijiao { text-align: center; } #message ul li span { float: left; height: 25px; text-align: left; width: 70%; margin-bottom: 20px } .biaodan { height: 30px; width: 100%; -moz-box-shadow: inset 0 0 5px 1px #ebebeb; -webkit-box-shadow: inset 0 0 5px 1px #ebebeb; box-shadow: inset 0 0 5px 1px #ebebeb; border-radius: .2em; border: solid 1px #b7b7b7; background: #f0f0f0; } .biaodanda { border: #CCC 1px solid; height: 90px; width: 100%; -moz-box-shadow: inset 0 0 5px 1px #ebebeb; -webkit-box-shadow: inset 0 0 5px 1px #ebebeb; box-shadow: inset 0 0 5px 1px #ebebeb; border-radius: .2em; border: solid 1px #b7b7b7; background: #f0f0f0; } .yanzhengmainput { height: 28px; float: left; width: 16%; -moz-box-shadow: inset 0 0 5px 1px #ebebeb; -webkit-box-shadow: inset 0 0 5px 1px #ebebeb; box-shadow: inset 0 0 5px 1px #ebebeb; border-radius: .2em; border: solid 1px #b7b7b7; background: #f0f0f0; } .yanzhengma input { float: left; } .yanzhengma sapn { float: left; } .tijiao { width: 150px; height: 40px; color: #FFF; display: block; font-size: 16px; font-family: "Microsoft YaHei"; font-weight: bold; border: solid 1px #da7c0c; border-radius: .2em; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#ff7200)); background: -moz-linear-gradient(top, #faa51a, #ff7200); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#ff7200'); margin-top: 20px; } /*---新闻和产品列表分页---*/ #page { margin: 50px 0px 30px 0px; text-align: center; padding-bottom: 3px; line-height: 25px; clear: both; } #page a { text-align: center; display: inline-block; padding: 0px 10px; margin: 0px 3px; line-height: 30px; color: #626262; font-size: 16px; border-radius: .4em; border: solid 1px #e0e0e0; background: #f0f0f0; background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); } #page a:hover { text-align: center; display: inline-block; padding: 0px 10px; margin: 0px 3px; color: #ffffff; border-radius: .4em; text-decoration: none; border: solid 1px #d20004; background: #d20004; background: -webkit-gradient(linear, left top, left bottom, from(#d20004), to(#d20004)); background: -moz-linear-gradient(top, #d20004, #d20004); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d20004', endColorstr='#d20004'); } #page a:active { background-image: none; background-color: #ff7200; } #page span.a1 { text-align: center; display: inline-block; padding: 0px 10px; margin: 0px 3px; line-height: 30px; color: #fff; font-size: 16px; border-radius: .4em; border: solid 1px #d20004; background: #d20004; background: -webkit-gradient(linear, left top, left bottom, from(#d20004), to(#d20004)); background: -moz-linear-gradient(top, #d20004, #d20004); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d20004', endColorstr='#d20004'); /*--background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');--*/ } #page span.disabled { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px } /*---底部版权信息---*/ .footer { background: #d20004; bottom: 0; clear: both; height: 31px; padding-top: 4px; left: 0; position: fixed; text-align: center; width: 100%; z-index: 999999; font: 13px "Microsoft YaHei"; } .footer .copyright { color: #FFFFFF; margin-bottom: 0; padding: 4px 0; text-transform: uppercase; width: 1140px; margin: 0 auto; } .footer .copyright a { color: #FFFFFF; text-decoration: none; font: 13px "Microsoft YaHei"; } .foot { background: #e8e8e8; margin: 30px auto auto; clear: both; height: 35px; line-height: 35px; left: 0; text-align: left; width: 100%; z-index: 999999; font: 13px "Microsoft YaHei"; color: #fff; } .foot p.copy a { color: #fff; text-decoration: none; font: 13px "Microsoft YaHei"; } .foot_main { width: 1140px; margin: 0 auto; top: 10px; padding-bottom: 35px; } .foot_menu { position: absolute; width: 500px; left: 5px; color: #fff; } .foot_menu ul { float: left; margin-right: 10px; } .foot_menu ul h3 { font-size: 16px; line-height: 35px; } .foot_menu ul li { float: left; color: #a7a6a6; } .foot_menu ul li a { color: #fff; font-size: 12px; } .foot_cplist { width: 250px; float: left; } .foot_cplist li { width: 100%; line-height: 23px; } .foot_cplist h3 span { font-size: 14px; line-height: 40px; color: #999; padding-left: 5px; } .foot_about { width: 150px; position: absolute; left: 250px; color: #fff; font-size: 12px; line-height: 24px; } .foot_about li { width: 100%; line-height: 23px; } .foot_lx { position: absolute; left: 420px; width: 570px; color: #fff; font-size: 12px; line-height: 24px; } .foot_lx h3 { font-size: 16px; line-height: 40px; } .foot_lx h3 span { font-size: 14px; line-height: 40px; color: #999; padding-left: 5px; } .foot_lx a { color: #fff; font-family: Arial, "Microsoft YaHei", sans-serif; } .friendlink { width: 100%; height: 35px; line-height: 35px; font-size: 12px; color: #787878; } .friendlink a { color: #6a6a6a; } /* zoom-section */ .zoom-section { clear: both; margin-top: 20px; } *html .zoom-section { display: inline; clear: both; } .zoom-desc { float: left; margin-left: 10px; width: 310px; margin-bottom: 20px; } .zoom-small-image { border: 4px solid #CCC; float: left; margin-bottom: 20px; } .zoom-tiny-image { border: 1px solid #CCC; margin: 0px; } .zoom-tiny-image:hover { border: 1px solid #C00; } /* 滚动 */ .anlibg { width: 100%; height: 88px; margin: -88px 0 0 0; position: absolute; z-index: 99999; } .anli { width: 1140px; height: 70px; margin: 0 auto; text-align: right; } .cl { clear: both; } .fl { float: left; } .fr { float: right; } .tc { text-align: center; } .tl { text-align: left; } .tr { text-align: right; } .dis { display: block; } .undis { display: none; } .f12 { font-size: 12px } .f14 { font-size: 14px } .f16 { font-size: 16px } .f18 { font-size: 18px } .fb { font-weight: bold } .mgt { margin-top: 5px } .mgb { margin-bottom: 5px } .mgr { margin-right: 10px } .mgr0 { margin-right: 0px; } .ptxt { text-indent: 24px; line-height: 20px; } .txt { height: 25px; line-height: 25px; } .border { border: 1px #dcdcdc solid; padding: 1px } .imgborder2 { border: 2px #efefef solid; padding: 2px; } .bhborder { border: 2px #188100 solid; padding: 1px; } DIV.none { DISPLAY: none } .display { display: block } .whitespace { white-space: pre } .underling { text-decoration: underline } .space { height: 5px; clear: both; _height: 0px; line-height: 5px } .left { float: left } .right { float: right } .pannel { width: 765px; } .experts { width: 758px; overflow: hidden; } .experts_t { background: url(../image/index_69.jpg) repeat-x; height: 37px; line-height: 37px; } .experts_t li { float: left; margin-right: 10px; padding-right : 10px; background: url(../image/index_77.jpg) no-repeat right } .experts_t li.noborder { background: none } .experts_t li.why { background: url(../image/index_66.jpg) no-repeat; color: #007f41; font-size: 14px; font-weight: bold; text-indent: 24px; margin-left: 10px; } .experts_t li a { display: block; color: #007f41; font-size: 14px; font-weight: bold; } .experts_t li a.hover { background: url(../image/index_71.jpg) no-repeat; width: 100px; color: #FFFFFF; text-align: center } .experts_t li a:hover { background: url(../image/index_71.jpg) no-repeat; width: 100px; color: #FFFFFF; text-align: center } .experts_c { padding: 10px 10px 5px 10px; width: 730px; height: 184px; overflow: hidden } .conexpert { overflow: hidden; } .conexpert li { float: left; text-align: center; margin-right: 12px; } .conexpert li a { height: 30px; line-height: 30px; font-weight: bold } .conexpert .more { background: url(../image/index_88.png) bottom right no-repeat; float: right; z-index: 100px; text-indent: -1000px; display: block; width: 54px; height: 50px; dis; margin-top: -50px; } .gdjyhjl { cursor: pointer; float: left; margin: 50px 10px 0px 0px; _margin: 50px 7px 0px 0px; background: url(../images/gundongl.png) no-repeat; WIDTH: 23px; HEIGHT: 23px; TEXT-INDENT: -999px; } .gdjyhjr { cursor: pointer; float: right; margin: 50px 10px 0px 0px; _margin: 50px 5px 0px 0px; background: url(../images/gundongr.png) no-repeat; WIDTH: 23px; HEIGHT: 23px; TEXT-INDENT: -999px; } #gdjyhj { float: left; padding-top: 8px; } #gdjyhj img { width: 153px; height: 94px; border: #000 4px solid; } #body .ProductShow { BORDER: #dddddd 1px solid; WIDTH: 1140px; font-size: 12px; } .hjc { } .hjnav { BACKGROUND-COLOR: #fff; HEIGHT: 205px; overflow: hidden; } .hjnavleft { WIDTH: 260px; FLOAT: left; HEIGHT: 205px; overflow: hidden; } .hjnavleft UL { } .hjnavleft UL LI { display: block; LINE-HEIGHT: 42px; PADDING-LEFT: 36px; HEIGHT: 42px; width: 250px; background: #ffffff; margin-top: 5px; margin-bottom: 5px; margin-left: 15px; margin-right: 10px; } .hjnavleft UL LI a:hover { color: #FFFFFF; text-decoration: none; } .hjnavleft UL LI i { color: #d20004; } .hjnavleft UL LI.hover0 { BACKGROUND: #d20004; } .hjnavleft UL LI.hover0 i { color: #FFF; } .hjnavleft UL LI.hover0 a { color: #FFFFFF; font-weight: bold; } .hjnavleft UL LI.hover1 { BACKGROUND: #d20004; } .hjnavleft UL LI.hover1 i { color: #FFF; } .hjnavleft UL LI.hover1 a { color: #FFFFFF; font-weight: bold; } .hjnavleft UL LI.hover2 { BACKGROUND: #d20004; } .hjnavleft UL LI.hover2 i { color: #FFF; } .hjnavleft UL LI.hover2 a { color: #FFFFFF; font-weight: bold; } .hjnavleft UL LI.hover3 { BACKGROUND: #d20004; } .hjnavleft UL LI.hover3 i { color: #FFF; } .hjnavleft UL LI.hover3 a { color: #FFFFFF; font-weight: bold; } .hjnavleft UL LI.hover4 { BACKGROUND: #d20004; } .hjnavleft UL LI.hover4 a { color: #FFFFFF; font-weight: bold; } .hjnavleft UL LI.hover5 { BACKGROUND: #d20004; } .hjnavleft UL LI.hover5 a { color: #FFFFFF; font-weight: bold; } .hjnavleft UL LI.hover6 { BACKGROUND: #d20004; } .hjnavleft UL LI.hover6 a { color: #FFFFFF; font-weight: bold; } .hjnavleft UL LI.hover7 { BACKGROUND: #d20004; } .hjnavleft UL LI.hover7 a { color: #FFFFFF; font-weight: bold; } .hjnavleft UL LI.hover8 { BACKGROUND: #d20004; } .hjnavleft UL LI.hover8 a { color: #FFFFFF; font-weight: bold; } .hjnavleft UL LI.hover9 { BACKGROUND: #d20004; } .hjnavleft UL LI.hover9 a { color: #FFFFFF; font-weight: bold; } .hjnavleft UL LI.hover10 { BACKGROUND: #d20004; } .hjnavleft UL LI.hover10 a { color: #FFFFFF; font-weight: bold; } .hjnavleft UL LI.hover11 { BACKGROUND: #d20004; } .hjnavleft UL LI.hover11 a { color: #FFFFFF; font-weight: bold; } .hjnavcn { WIDTH: 860px; FLOAT: left; HEIGHT: 205px; OVERFLOW: hidden; } .f { PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px } .dcn { PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px } .shengming { PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px } .cfr H5 IMG { DISPLAY: block } .cfr UL LI.tenlion IMG { DISPLAY: block } .jdcenter IMG { DISPLAY: block } .cfr UL LI IMG { DISPLAY: none } .cfr UL LI.tenlion P { DISPLAY: none } .hjone { LINE-HEIGHT: 22px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; HEIGHT: 158px; PADDING-TOP: 5px } .hjone P { PADDING-BOTTOM: 5px; TEXT-INDENT: 2em } @font-face { font-family: "iconfont"; src: url('../images/iconfont.eot'); /* IE9*/ src: url('../images/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../images/iconfont.woff') format('woff'), /* chrome、firefox */ url('../images/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../images/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .text8 { font-size: 8px; } .text10 { font-size: 10px; } .text12 { font-size: 12px; } .text14 { font-size: 14px; } .text16 { font-size: 16px; } .text18 { font-size: 18px; } .text20 { font-size: 20px; } .text22 { font-size: 22px; } .text24 { font-size: 24px; } .text26 { font-size: 26px; } .text28 { font-size: 28px; } .text30 { font-size: 30px; } .text32 { font-size: 32px; } .text34 { font-size: 34px; } .text36 { font-size: 36px; } .text48 { font-size: 48px; } .text50 { font-size: 50px; } .red { color: #de0002; } .yh { font-family: Arial, Microsoft YaHei, Helvetica, sans-serif; } .b { font-weight: bold; } .n { font-weight: normal; } .fl { float: left; } .fr { float: right; } .green { color: #d20004; } .gray { color: #b1b1b1; } .white { color: #ffffff; } .red { color: #d20004 } .red a { color: #d20004 } .p20 { padding-left: 20px; }