/*初始化样式*/ html { margin: 0; padding: 0; border: 0; } body, div, span, object, iframe, h1, h2, h3, h4, p, blockquote, pre, a, address, code, b, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, footer, header, hgroup, navs, section { margin: 0; padding: 0; border: 0; } body { background: #fff; color: #333; position: relative; font: 14px/1.5 Microsoft YaHei, arial, 宋体, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden; } a { text-decoration: none; outline: none; } a:link { color: #333; } a:hover, a:active, a:focus { text-decoration: none; outline: none; } input { padding: 0; margin: 0; font-family: 'Microsoft YaHei'; } img { border: none; vertical-align: middle; } ul, ol, li { list-style-type: none; } select, input, img, select { vertical-align: middle; } table { border-collapse: collapse; border-spacing: 0 } table, th, td { vertical-align: middle } .clearfix:after { content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .clearfix { zoom: 1 } .clearboth { height: 0px; line-height: 0px; overflow: hidden; clear: both; font-size: 0px; } h1, h2, h4 { font-size: 12px; font-weight: bold; } hr { border: 0; border-top: 1px solid #ccc; height: 0; } /*----- Common css ------*/ .fl { float: left; } .fr { float: right; } .di { _display: inline; } .fwn { font-weight: normal; } .dib { *display: inline; _zoom: 1; _display: inline; _font-size: 0px; } /*滚动*/ #demo { overflow: hidden; width: 100%; margin: 0 auto; } #indemo { float: left; width: 800% !important; } #demo1 { float: left; } #demo2 { float: left; } #m_demo { overflow: hidden; width: 92%; margin: 0 auto; } #m_indemo { float: left; width: 800% !important; } #m_demo1 { float: left; } #m_demo2 { float: left; } .pos, .tong1 { position: relative; width: 1920px; left: 50%; margin-left: -960px; } .wh, .tong { width: 1200px; margin: 0 auto; } .com-img { display: inline; overflow: hidden; margin: 0 auto; display: table; } .com-img img { transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; } .com-img:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .roll_product { float: left; } .plist { margin-top: 56px; } .plist li { margin-right: 15px; margin-bottom: 15px; } .plist li:nth-child(3n) { margin-right: 0; } .plist li a.img { border: 1px solid #e5e5e5; display: block; } .plist li a.img img { width: 388px; height: 388px; } .plist li h3 a { display: block; color: #fff; font-size: 16px; font-weight: normal; } p{ margin: 0; } /*头部样式*/ .top1 { background: #eeeeee; color: #666666; height: 39px; line-height: 39px; overflow: hidden; font-size: 14px; } .top1 a { color: #666666; } .top2 { height: 137px; overflow: hidden; } /*.logo {*/ /*float: left;*/ /*line-height: 137px;*/ /*}*/ .k3 { background: url(../images/logo1.png) no-repeat left center; height: 86px; margin-top: 30px; padding-left: 20px; margin-left: 10px; padding-top: 14px; } .k3 h3 { font-size: 22.4px; color: #a11f24; margin-bottom: 6px; font-weight: 700; } .k3 p { font-size: 22.4px; color: #333333; } .k2 { margin-top: 37px; font-size: 14px; color: #666666; line-height: 30px; padding-left: 60px; background: url(../images/t.png) no-repeat left center; } .k2 p:nth-child(2) { color: #333333; font-size: 24px; } /*热门搜索*/ /*.sou {*/ /*padding: 22px 0;*/ /*border-bottom: 1px solid #f0f0f0;*/ /*}*/ /*#formsearch {*/ /*float: right;*/ /*}*/ /*.hotSearch {*/ /*float: left;*/ /*height: 38px;*/ /*line-height: 38px;*/ /*font-weight: bold;*/ /*font-size: 16px;*/ /*color: #666666;*/ /*}*/ /*.hotSearch a {*/ /*margin-left: 18px;*/ /*color: #666666;*/ /*font-weight: normal;*/ /*}*/ /*#search-type {*/ /*float: left;*/ /*width: 100px;*/ /*height: 24px;*/ /*border: 1px solid #c8c8c8;*/ /*margin-right: 5px;*/ /*}*/ /*搜索和热门搜索*/ /*#formsearch {*/ /*float: right;*/ /*background: url(../images/ss.png) no-repeat;*/ /*width: 282px;*/ /*height: 38px;*/ /*}*/ /*#formsearch input {*/ /*}*/ /*#formsearch input#keyword {*/ /*height: 38px;*/ /*line-height: 38px;*/ /*padding-left: 15px;*/ /*float: left;*/ /*color: #c0bfbf;*/ /*font-size: 14px;*/ /*background: none;*/ /*border: none;*/ /*outline: none;*/ /*}*/ /*#formsearch input#s_btn {*/ /*width: 40px;*/ /*height: 38px;*/ /*line-height: 38px;*/ /*text-align: center;*/ /*background: none;*/ /*border: none;*/ /*outline: none;*/ /*color: #fff;*/ /*border: none;*/ /*cursor: pointer;*/ /*font-size: 12px;*/ /*float: right;*/ /*}*/ /*#formsearch input::-webkit-input-placeholder {*/ /*color: #c0bfbf;*/ /*}*/ /*#formsearch textarea::-webkit-input-placeholder {*/ /*color: #c0bfbf;*/ /*}*/ /*导航栏样式*/ #menu {} .navs li { text-align: center; float: left; position: relative; z-index: 999; width: 158px; } .navs li a { display: block; line-height: 18px; color: #202020; font-weight:bold; height: 67px; letter-spacing:1px; padding-top: 18px; font-size: 17px; } .navs li p { color: #9a9a9a; font-size: 14px; font-family:Arial, Helvetica, sans-serif; text-transform: capitalize; font-weight:normal; margin-top:4px;letter-spacing:0px; } .navs li.act a { color: #fff; text-decoration: none; background-color: #cb0000; } .navs li.act p { color: #f86c6c; } .navs li:hover a { color: #fff; text-decoration: none; background-color: #cb0000; } .navs li:hover p { color: #f86c6c; } .navs .sec { height: 0; background: #a11f24; color: #fff; overflow: hidden; z-index: 9999; position: absolute; top: 67px; left: 0px; width: 100%; } .navs .sec a { background: #a11f24; color: #fff; height: 38px; line-height: 38px; overflow: hidden; font-size: 14px; padding-top: 0; } .navs .sec a:hover { background: #a11f24; text-decoration: none; } .box1 { margin-top: 45px; } .box1 .cont { margin-top: 43px; } /*.bt {*/ /*text-align: center;*/ /*color: #333333;*/ /*font-size: 38px;*/ /*background: url(../images/bt.png) no-repeat center top;*/ /*}*/ /*.bt span {*/ /*color: #a11f24;*/ /*}*/ /*.bt p {*/ /*color: #999999;*/ /*font-size: 18px;*/ /*font-weight: normal;*/ /*margin-top: 10px;*/ /*}*/ .prodz { width: 261px; border: 1px solid #a11f24; height: 950px; border-bottom: 12px solid #a11f24; } .ptt { text-align: center; color: #fff; background: #a11f24; height: 109px; overflow: hidden; font-size: 32px; padding-top: 23px; } .ptt p { font-size: 13px; font-weight: normal; text-transform: uppercase; margin-top: 11px; } .sortt { margin-top: 40px; height: 568px; overflow: hidden; } .sortt li a.a { background: url(../images/yjh.png) no-repeat; width: 226px; margin: 0 auto; line-height: 48px; display: block; margin-bottom: 18px; color: #333333; font-size: 22px; padding-left: 40px; letter-spacing: 6px; } .sortt li a.a:hover { background: url(../images/yj.png) no-repeat; color: #fff; } .sortt li .sec { width: 217px; margin: 0 auto; margin-bottom: 24px; margin-top: 10px; } .sortt li .sec a { color: #454545; font-size: 15px; display: block; line-height: 40px; border-bottom: 1px dashed #e6e6e6; background: url(../images/st1.png) no-repeat 9px center; padding-left: 35px; height: 40px; overflow: hidden; } .sortt li .sec a:hover { background: url(../images/st2.png) no-repeat 9px center; color: #a11f24; } .sortt li:first-child a.a { background: url(../images/s2.png) no-repeat; width: 240px; margin: 0 auto; line-height: 46px; color: #ffffff; font-size: 22px; } /*内页左侧样式*/ .container { width: 1200px !important; margin: 0 auto; padding: 0; } .page-product-inquiry a { color: #fff; }