*{ padding: 0; margin: 0; } html { font-size: 0.938rem; } #page-wrapper, #footer-wrapper { background: #292929; } #page-wrapper { min-height: 100%; } #page, #main-wrapper, #main-menu-links li a.active, #main-menu-links li.active-trail a { background: #ffffff; } html, body, #page { height: 100%; } h2 { font-size: 1.143em; } h1, h2, h3, h4, h5, h6 { margin: 1.0em 0 0.5em; font-weight: inherit; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #header, #footer-wrapper, #skip-link, ul.contextual-links, ul.links, ul.primary, .item-list .pager, div.field-type-taxonomy-term-reference, div.messages, div.meta, p.comment-time, table, .breadcrumb { font-family: sans-serif; } a:link, a:visited { text-decoration: none; } a { text-decoration: none; color: #0645ad; background: none; } img { max-width: 100%; height: auto; border: 0; } img { outline: 0; } p { margin: 0 0 1.2em; } #header { background-color: #8a9297; background-image: -webkit-linear-gradient(top,#555e64 0%,#a2c3d7 100%); background-image: linear-gradient(to bottom,#000000 0%,#ababab2b 100%); } #header div.section, #featured div.section, #messages div.section, #main, #triptych, #footer-columns, #footer { max-width: 1290px; } #header div.section { position: relative; } #header div.section, #featured div.section, #messages div.section, #main, #triptych, #footer-columns, #footer { width: 100%; max-width: 860px; margin-left: auto; margin-right: auto; } #logo { float: left; padding: 15px 15px 15px 10px; } .region-header, .region-header a, .region-header li a.active, #name-and-slogan, #name-and-slogan a, #secondary-menu-links li a { color: #fffeff; } #name-and-slogan { padding: 26px 0 0; margin: 0 0 30px 15px; } #name-and-slogan { float: left; } #name-and-slogan { padding: 26px 0 0; margin: 0 0 30px 15px; } #site-name { font-size: 1.821em; color: #686868; line-height: 1; } #site-name a { font-weight: normal; } a:link, a:visited { text-decoration: none; } #site-slogan { font-size: 0.929em; margin-top: 7px; word-spacing: 0.1em; } #main-menu { clear: both; } .element-invisible { position: absolute !important; clip: rect(1px,1px,1px,1px); left: 0; } .element-invisible { overflow: hidden; height: 1px; } h2 { font-size: 1.143em; } #main-menu-links { font-size: 0.929em; margin: 0; padding: 0 15px; text-align: left; } ul.links { color: #68696b; } .view-header{ padding: 1.25em 1.5em 1.5em 1.5em; } #main-menu-links li { float: left; list-style: none; padding: 0 1px; margin: 0 1px; width: auto; box-sizing: border-box; } #main-menu-links a { float: left; padding: 0.7em 0.8em; margin-bottom: 0; color: #202122; background: #fff; display: block; text-decoration: none; text-shadow: 0 1px #eee; border-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } a#menu-toggle { display: none; background: none repeat scroll 0 0 rgba(255,255,255,0.7); padding: 0.7em 0 0.7em 10px; text-decoration: none; text-shadow: 0 1px #eeeeee; position: relative; } #main { padding: 1.25em 1.5em 1.5em 1.5em; } #header div.section, #featured div.section, #messages div.section, #main, #triptych, #footer-columns, #footer { width: 100%; max-width: 1290px; margin-left: auto; margin-right: auto; border-bottom: 1px solid #a2a9b1; } .element-invisible { position: absolute !important; clip: rect(1px,1px,1px,1px); left: 0; overflow: hidden; height: 1px; } .breadcrumb { padding: 5px 10px; } .breadcrumb { font-size: 0.929em; } .breadcrumb a { padding: 0; } .no-sidebars #content { width: 100%; } #content, #sidebar-first, #sidebar-second, .region-triptych-first, .region-triptych-middle, .region-triptych-last, .region-footer-firstcolumn, .region-footer-secondcolumn, .region-footer-thirdcolumn, .region-footer-fourthcolumn { display: inline; float: left; position: relative; } #content .section, .sidebar .section { padding: 0 15px; } h1#page-title { font-size: 1.5rem; } h1#page-title { line-height: 1; color: #000; } .tabs { margin-bottom: 5px; } .content { margin-top: 0; } .node-full { background: none; border: none; padding: 0; } .element-hidden { display: none; } body, #site-slogan, .ui-widget, .comment-form label { font-family: sans-serif; } body, body.overlay { color: #3b3b3b; } .node .content { font-size: 1.071em; } table { border-collapse: collapse; } table { font-size: 1rem; } table { border: 0; border-spacing: 0; margin: 10px 0; width: 100%; } thead{ background: #757575; } tr, tr.even { background: #efefef; background: rgba(0,0,0,0.063); } table tr th { background: #757575; /* background: rgba(0,0,0,0.51); */ border-bottom-style: none; } tr td, tr th { padding: 4px 9px; border: 1px solid #fff; text-align: left; } table tr th, table tr th a, table tr th a:hover { color: #fff; font-weight: bold; } tbody { border-top: 1px solid #ccc; } /* 灏鹃儴 */ #footer-wrapper { padding: 0.05px; margin: 4px 0px; background: #ccc !important; } #footer-wrapper { color: #c0c0c0; color: rgba(255,255,255,0.65); font-size: 0.857em; } #footer-wrapper .section { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; } .jiro-foot{ width: 100%; margin: 0px auto; text-align: center; } .foot{ width: 50%; margin: 0 auto; padding: 30px 0; text-align: center; } #main-menu-links a:hover, #main-menu-links a:focus { background: rgba(255,255,255,0.95); } .search-form { width: 500px; position: relative; height: 38px; zoom: 1; float: right; margin-top: 33px; } .search-type { float: left; margin: 2px 0 2px 2px; width: 58px; } .select { position: relative; z-index: 3; } .select dt { height: 34px; display: inline-block; /*background: url(../images/ico.gif) no-repeat 45px center #f9f9f9;*/ background: center #f9f9f9; line-height: 34px; padding-left: 10px; cursor: pointer; width: 48px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; z-index: 99; border-right: 1px solid #f0f0f0; } .select dd { position: absolute; left: -1px; top: 34px; border: 1px solid #de3237; background: #fff; display: none; border-top: none; width: 58px; } .select dd ul { width: 58px; } .select dd ul li a { line-height: 28px; display: block; padding: 0 8px; color: #3c3c3c; } .select dd ul li a:hover { background: #de3237; color: #fff !important; } .search-form .kw { border: 0 none; height: 34px; text-indent: 8px; line-height: 34px; width: 347px; outline: 0; float: left; background: #fff; margin: 2px 0 2px 0; } .search-form .btn-search { height: 35.5px; line-height: 35px; width: 92px; color: #fff; font-size: 16px; font-weight: 700; text-align: center; border: 0 none; background-color: #de3237; float: right; cursor: pointer; margin-top: 1px; transition: background-color 0.2s ease-out; } .search-form .btn-search:hover { background-color: #c8171c; } #main { /*margin-top: 20px;*/ margin-bottom: 40px; } #header div.section, #featured div.section, #messages div.section, #main, #triptych, #footer-columns, #footer { width: 100%; max-width: 860px; margin-left: auto; margin-right: auto; } @media (min-width: 851px){ #header div.section, #featured div.section, #messages div.section, #main, #triptych, #footer-columns, #footer { max-width: 1290px; } } .content ul, .content ol { margin: 2.5em 0 0; padding: 0 0 0.25em 15px; list-style: none; } .content ul, .content ol { padding: 5px; } form, form * { box-sizing: border-box; } .home_search_form { position: relative; } form { margin: 0; padding: 0; } .home_search_form #keyword { padding-left: 5px; } .home_search_form input[type="text"] { border-radius: 0; padding-left: 80px; } .home_search_form input[type="text"] { margin: 0; width: 100%; font-size: 0.938rem; border-radius: 30px; padding: 8px; padding-left: 15px; outline: none; color: #8c97b2; border: 1px solid rgb(28,130,192); background-color: rgba(0,0,0,0.01); transition: all 0.3s ease; border-radius: 0; padding-left: 80px; } form, form * { box-sizing: border-box; } .home_search_form select, .home_search_form [type="text"], .home_search_form [type="button"], .home_search_form [type="submit"] { -webkit-appearance: none; } .home_search_form input[type="button"], .home_search_form input[type="submit"] { position: absolute; top: 0; right: 0; height: 100%; border: none; border-radius: 0; outline: none; color: white; background-color: #1c82c0; margin: 0; padding: 0 3%; width: auto; } .three-line { overflow: hidden; margin-bottom: 10px; } .three-line .line-box { width: 33.3%; float: left; padding: 0 10px; } .three-line h4 { border-left: 5px solid #5ea5fc; line-height: 15px; text-indent: 5px; } .three-line h4+p, .three-line h4+ul { border-top: 1px solid #eee; margin: 0; padding: 10px 0; } .three-line a { display: inline-block; padding: 0 7px; } .three-line .line-box { width: 33.3%; float: left; padding: 0 10px; } .three-line h4 { border-left: 5px solid #5ea5fc; line-height: 15px; text-indent: 5px; } .three-line h4+p, .three-line h4+ul { border-top: 1px solid #eee; margin: 0; padding: 10px 0; } fieldset { min-width: auto; display: block; position: relative; top: 0; padding-top: 25px; margin-top: 0; margin-bottom: 15px; } fieldset { background: #ffffff; border: 1px solid #cccccc; margin-top: 10px; margin-bottom: 32px; padding: 0 0 10px; position: relative; /* top: 12px; */ border-radius: 4px; } fieldset legend { left: 0; top: 0; border: none; } fieldset legend { background: #dbdbdb; border: 1px solid #ccc; border-bottom: none; color: #3b3b3b; display: block; height: 2em; left: -1px; line-height: 2; padding: 0; position: absolute; text-indent: 10px; text-shadow: 0 1px 0 #fff; /* top: -12px; */ width: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; } fieldset ul li{ display: inline-block; padding: 5px } fieldset ul li a{ font-weight: 500; } .font-small .view-content { margin-top: 12px; } .font-small .view-content { line-height: 1.75; } table { font-size: 1rem; } table { border: 0; border-spacing: 0; font-size: 0.857em; margin: 10px 0; width: 100%; } .views-view-grid tbody { border-top: none; } tr, tr.even { background: #efefef; background: rgba(0,0,0,0.063); } tr td, tr th { padding: 4px 9px; border: 1px solid #fff; text-align: left; } .font-small .field-content { font-size: 100%; font-weight: 500; } .region-content ul, .region-content ol { padding: 5px; } .region-content ul, .region-content ol { margin: 1em 0; padding: 0 0 0.25em 15px; list-style: none; } .font-small .field-content { font-size: 0.938rem; } .areaGroup fieldset, .areaGroup { margin-top: 0; } .areaGroup a:hover{ color: #0645ad; } /* 鐑棬浜у搧 */ .hotPrduct .htmul li{ padding: 8px 18px; } .hotPrduct .rmcg a { margin-right: 8px; margin-left: 5px; display: inline-block; line-height: 28px; /* color: #666; */ } .hotPrduct .rm-content{ height: 150px; overflow: hidden; padding: 5px; margin: 2.5em 0 0; box-sizing: border-box; } /* 浼佷笟t澶 */ .f-bd-no{ border: none; } .clearfix{ zoom: 1; } .clearfix:after { content: "\200B"; display: block; height: 0; clear: both; } .leftdiv { width: 72%; float: left; overflow: hidden; box-sizing: border-box; } .bbt { border-bottom: 1px solid #e0e0e0; } .fo-header { border-bottom: 2px solid #e6e6e6; line-height: 32px; position: relative; } .fo-title { float: left; color: #000; font-family: "Microsoft YaHei", SimHei, "WenQuanYi Micro Hei", STHeiti; font-size: 17px; font-weight: 400; line-height: 32px; position: relative; max-width: 180px; position: relative; margin: 0 8px -2px 0; border-bottom: 2px solid #db4f33; } /* .fo-title span { color: #000; font-weight: 700; position: relative; border-bottom: 2px solid #db4f33; float: left; margin: 0 8px -2px 0; text-decoration: none; } */ .cpyxiu{ margin-top: 10px; } .cpyxiu .cpyxiuul { padding: 0; margin: 0; border-right: 1px solid #e0e0e0; } .tabCont{ border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .cpyxiuul li { width: 25%; float: left; height: 38px; cursor: pointer; line-height: 38px; background: #f8f8f8; border: 1px solid #e0e0e0; border-right: none; text-align: center; font-size: 14px; font-weight: 700; box-sizing: border-box; padding: 0; } .cpyxiuul li.hover { color: #fff; background: #de3237; border: 1px solid #de3237; } .qyztdl { border-bottom: 1px dashed #e0e0e0; padding: 15px 0px; width: 33.3333%; height: 117px; overflow: hidden; box-sizing: border-box; float: left; border-right: 1px solid #e0e0e0; } .qyztdl dd{ padding: 0 10px; position: relative; height: 100%; } /* .qyztdl dd::after{ content: ''; display: inline-block; height: 80%; width: 1px; background-color:#e0e0e0; position: absolute; right: 0; top: 10%; } .qyztdl:nth-of-type(4n) dd:after{ display: none; } */ .qyztdl p { line-height: 24px; height: 48px; overflow: hidden; } .qyztdl .gray { color: #888; } .qyztdl a { font-size: 13px; } .rdiv { width: 25%; margin-left: 3%; float: right; box-sizing: border-box; margin-bottom: 0 !important; padding-bottom: 0 !important; } .rmcg { overflow: hidden; /* padding-left: 10px; */ } .rmcg h4 { font-size: 14px; font-weight: 700; /* padding: 15px 0 6px 0; */ height: 36px; line-height: 36px; background: #f8f8f8; border-bottom: 1px solid #e0e0e0; padding: 0 10px; } .red { color: #db4f33 !important; } .rdiv .slcpli{ margin-bottom: 0; } .slcpli li { line-height: 25px; height: 25px; padding-left: 18px; overflow: hidden; padding-right: 10px; display: block; background: url(../images/dot-mask.jpg) no-repeat 10px center; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; } /* .slcpli li a { color: #666; } */ /* 鎺ㄨ崘涓夋爮甯冨眬 */ .excellent .slcpli li{ padding-right: 100px; height: 35px; box-sizing: border-box; } .smrz { width: 49%; overflow: hidden; border: 1px solid #e0e0e0; border: 1px solid #e0e0e0; padding-bottom: 5px; float: left; box-sizing: border-box; } .smrz i{ display: inline-block; vertical-align: middle; } .smrz+.smrz{ margin-left: 2%; } .smrz .slcpli li { position: relative; } .smrz .slcpli li span { position: absolute; top: 0; right: 10px; line-height: 35px; color: #888; } .smrz .smrz-icon, .smrz .yzbb-icon, .wei-cpy .wei-icon { width: 16px; height: 16px; display: block; float: left; margin: 7px 0px 0px 10px; background: url(../images/head-icon.jpg) no-repeat; } .smrz i.smrz-icon { background-position: 0 0; } .smrz i.yzbb-icon { background-position: -16px 0; } .tit_hover { color: #de3237; } /* 鍏ㄥ浗浼佷笟搴 */ .allcpy { /* border: 1px solid #e0e0e0; */ overflow: hidden; box-sizing: border-box; } .allcpy ul li { width: 12.5%; height: 130px; overflow: hidden; float: left; border-right: 1px solid #e0e0e0; padding: 10px; box-sizing: border-box; } .allcpy ul li a { /* color: #888; */ width: 33%; float: left; display: block; overflow: hidden; line-height: 30px; height: 30px; font-size: 14px; } .allcpy li>div{ line-height: 36px; font-size: 14px; font-weight: 700; } .allcpy ul li>div a { color: #333; width: auto; float: none; }