/* 未能缩小。正在返回未缩小的内容。 (3,1): run-time error CSS1019: Unexpected token, found '@charset' (3,10): run-time error CSS1019: Unexpected token, found '"utf-8"' (3,17): run-time error CSS1019: Unexpected token, found ';' (193,12): run-time error CSS1062: Expected semicolon or closing curly-brace, found '+' */ /*最后更新时间:2014-12-19*/ /*样式重置*/ @charset "utf-8";/*设置样式表的编码为UTF-8*/ /*主体部分,字体12px,默认字体为宋体*/ html, body{ height: 100%;}/*页面、主体高度100%*/ div{margin:0;padding:0;} body, form, h1, h2, h3, h4, h5, h6, p, ul, ol,li,dl,dt, dd, blockquote{ margin: 0; padding: 0; letter-spacing:1px; line-height:180%;} /*body,form,标题,段落,无序列表,有序列表,列表项目,定义列表,定义列表中的项目,定义条目的定义部分,引用内外边距为0,字间距1px,行距180% */ body, tr, button, select, textarea{ font-size: 12px; color:#333;}/*主体,表格行,按扭,单选或复选,文本域字体为12像素,颜色#333*/ li{ list-style-type: none}/*去掉列表项标记*/ sup, sub{ font-size: 70%}/*上下标字体70%*/ img{ border: none}/*图片去掉边框*/ input{ border:0; padding:0; margin:0; background:none;} /*超级链接,默认为黑色,移上去变红色,建议改为对应网站主色调*/ a{ text-decoration: none; color:#000; } /*超链接去掉下划线,颜色为#000,建议改为对应网站主色调*/ a:hover{ color:#f33; } /*超链接移上去变#f33,建议改为对应网站主色调*/ /*标题样式*/ h1,h2,h3,h4,h5,h6{font-family:"微软雅黑"; font-weight:100; }/*设置标题下外边距为8px,字体为微软雅黑*/ h4{font-size: 24px;} /*标题字体大小24像素,建议重点突出*/ h5{font-size: 18px;} /*标题字体大小18像素,建议文章正文标题*/ h6{font-size: 14px;} /*标题字体大小14像素,建议栏目标题*/ @media(max-width: 767px) { h4{font-size: .3rem;} /*标题字体大小24像素,建议重点突出*/ h5{font-size: .225rem;} /*标题字体大小18像素,建议文章正文标题*/ h6{font-size: .2rem;} /*标题字体大小14像素,建议栏目标题*/ } /*文本内容样式*/ .txtSize12{ font-family:"宋体"; font-size:12px; } /*文本字体大小12px;建议文章列表、文章正文、网站页底*/ .txtSize14,.txtSize18,.txtSize24{font-family:"微软雅黑";} /*文本字体微软雅黑*/ .txtSize14{ font-size:14px; } /*文本字体大小为14px;建议栏目标题*/ .txtSize18{ font-size:18px; } /*文本字体大小为18px;建议文章正文标题*/ .txtSize24{ font-size:24px; } /*文本字体大小为24px;建议重点突出*/ .alignC{ text-align:center; } /*居中显示*/ .alignL{ text-align:left; } /*居左显示*/ .alignR{ text-align:right; } /*居右显示*/ /*标重点样式 — 浅色底版面*/ .txtColor1{color:#333;} /*文本颜色为#666,建议重点突出*/ .txtColor2{color:#666;} /*文本颜色为#333,建议次重点*/ .txtColor3{color:#999;} /*文本颜色为#bbb,建议次要*/ .txtColor3{color:#ccc;} /*文本颜色为#ccc,建议次次要*/ /*标重点样式 — 深色底版面*/ /*.txtColor1{color:#dedede;} /*文本颜色为#dedede,建议重点突出*/ /*.txtColor2{color:#ccc;} /*文本颜色为#fff,建议次重点*/ /*.txtColor3{color:#fff;} /*文本颜色为#fff,建议次要*/ /* 表格样式,建议改为对应网站主色调 */ table{ width: 100%; margin: 0 auto; border-collapse: collapse} /*设置table(表格)的宽度为100%,居中,边框合并*/ table td, th{ } /*设置表头,单元格内边距为5px,边框实线1px颜色:#ccc*/ table th{ background:#eee;} /*表头背景色浅灰色#eee*/ /* 文章样式,字体,字体大小,颜色为与主体部分设置一致。 */ .article p, .article ul, .article dl{ margin: 0 ; padding: 0} /*段落,无序列表,定义列表内边距为0,下外边距为8px*/ .article li{ margin: 0; padding: 0; margin-left: 12px; list-style-position: outside!important; list-style-type: inherit} /*列表项目内边距0,左外边距为12px,上右下外边距为0px;,列表项标记为外边标记*/ .article dt{ margin: 0; padding: 0} /*定义列表中的项目内外边框为0*/ .article dd, .article blockquote{ margin: 8px 12px; padding: 0} /*定义列表中定义条目的定义部分,引用内边距为0,外边距上下为8px,左右为12px,内边距为0 */ .article img{ }/*图片外边距8px*/ /*其它样式*/ .ellipsis{ text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap}/*文本溢出截取,一般为列表标题 */ .floatL{ float:left; display:inline; } /*向左浮动*/ .floatR{ float:right; display:inline; } /*向右浮动*/ /*分页*/ .new-paging { padding: 15px 0; background:#fff; } .new-tbl-type { display: table; width: 100%; } .new-tbl-cell { display: table-cell; } .new-paging .new-tbl-cell:first-child { text-align: right; } .new-paging .new-tbl-cell:last-child { text-align: left; } .new-tbl-cell { display: table-cell; } .new-tbl-cell a span { color: #000; } .new-paging .new-tbl-cell:nth-child(2) { text-align: center; } .new-paging .new-p-re { display: block; } .new-p-re { position: relative; } .new-paging .new-tbl-cell .new-a-page { background: -moz-linear-gradient(center top , #F7F7F7, #EFEFEF) repeat scroll 0 0 transparent; border: 1px solid #D6D6D6; padding: 3px; } .new-paging .new-tbl-cell .new-a-page span.new-open { } .new-paging .new-tbl-cell .new-a-page { color: #545353; font-size: 12px; } .new-select { height: 0.48rem; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 10; } .new-paging .new-tbl-cell .new-a-prve, .new-paging .new-tbl-cell span.new-a-prve { padding-right: 18px; } .new-paging .new-tbl-cell .new-a-next, .new-paging .new-tbl-cell span.new-a-next { padding-left: 18px; } .new-paging .new-tbl-cell a.close span { color: #aaa; } .new-paging .new-tbl-cell .new-a-prve span { background: url("/Wap/Skin/Img/pre_page.png") no-repeat left 50%; padding-left: 13px; } .new-paging .new-tbl-cell .new-a-next span { background: url("/Wap/Skin/Img/next_page.png") no-repeat 100% 50%; padding-right: 13px; } /*分页 end*/ /* HTML:文档的根元素 Body:文档的主体 form:表单 h1-6:标题1-6 blockquote:引用 p:段落) ul:无序列表 ol:有序列表 li:列表项目 dl:定义列表[definition list] dt:定义列表中的项目[即术语部分] dd:定义列表中定义条目的定义部分 button:按钮 select:单选或多选菜单 textarea:文本域 tr:表格中的行 th:表头 td:单元格 */ select{ appearance:none;-moz-appearance:none;-webkit-appearance:none;} select::-ms-expand { display: none; } .flex {display:-webkit-box; display:-ms-flex; display:-webkit-flex; display:flex;} .flex-hc {-webkit-box-pack:center; -ms-justify-content:center; -webkit-justify-content:center; justify-content:center;} .flex-vc {-webkit-box-align:center; -ms-align-items:center; -webkit-align-items:center; align-items:center;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{*+height:1%;} html{width:100%;overflow-x: hidden;} body{font-family: 微软雅黑;color: #333;overflow-x: hidden;} a:hover{color: #6a0b01 !important;} .center {max-width: 1220px;margin: 0 auto;width:100%;} .dummy {margin-top:75%;} /*Head*/ .Head{height:120px;background:#870701} .Head .logo{width:53%;line-height: 120px;} .Head .logo img{max-width:636px;width:100%;display: inline-block;vertical-align: middle;} .Head .right{width:20%;line-height: 120px;} .Head .right img{max-width:240px;width:100%;display: inline-block;vertical-align: middle;} @media(max-width: 767px){ .Head{height:.83rem;} .Head .center{text-align: center;position: relative;} .Head .logo {width: auto;line-height: .83rem;float: none;display: inline-block;} .Head .logo img{height:.63rem;width: auto;} .Head .right{display:none;} } /*Menu*/ .menu{text-align: left;background:#9f1709;} .menu>.center>ul{line-height: 50px;word-spacing: -6px;width: 100%;} .menu>.center>ul>li{font-size: 16px;line-height: 50px;color: #fff;position: relative;display: inline-block;vertical-align: bottom;width: 10%;text-align: center;} .menu>.center>ul>li>a{color: #fff;display: block;height:50px;overflow: hidden;} .menu>.center>ul>li>.active{background:#6a0b01;color:#ffcc00;} .menu>.center>ul:hover>li>.active{background:#9f1709;color: #fff;} .menu>.center>ul>li>a:hover{background:#6a0b01 !important;color:#ffcc00 !important;} .menu>.center>ul>li:hover ul{display:block;} .menu ul ul{display:none;position: absolute;z-index: 1000;top: 50px;padding: 2px 0 9px;background: rgba(51,51,51,0.8);} .menu ul ul>li{text-align: left;font-size: 14px;line-height: 35px;height: 35px;overflow: hidden;border-bottom: 1px #666 dotted;} .menu ul ul>li>a{height: 35px;color:#fff;display:block;padding: 0 20px;width: 130px;} .menu ul ul>li>.active{color:#fff;background:rgba(103,51,51,0.8);} .menu ul ul>li>a:hover{color:#fff !important;background:rgba(103,51,51,0.8);} .Head button{display:none;} #hide{display:none;position: absolute;top: 0;z-index: 999;background-color: rgb(0, 0, 0);height: 100%;width: 100%;opacity: 0.5;} .Menu{display:none;position: absolute;top: 0;width: 100%;height: 100%;z-index: 1000;} @media(min-width: 768px) { #hide{display:none !important;} .Menu{display:none !important;} } @media(max-width: 767px){ .wap{position:relative;} .menu{display:none;} .Head button{display:block;position: absolute;right: 0;background:#870701;margin-top: .13rem;border:0;padding: 0 .2rem;top: 0;} .Head button .icon-bar{margin-top: .1rem;display: block;width: .4rem;height: .01rem;background: #fff;border-top: .01rem #fff solid;border-bottom: .01rem #fff solid;} .Menu .menuL{height: 100%;width: 50%;min-height: 8rem;} .Menu .menuL .close{height: .8rem;background:url(/Skin/Img/close.png)no-repeat 85% .3rem;background-size: .3rem .32rem;} .Menu .menuR{width: 50%;height: 100%;background: #fff;min-height: 8rem;padding-top:.29rem} .Menu .menuR .topmenu{height: .6rem;width: auto;margin: .38rem .5rem .3rem;border-bottom: 1px #ccc solid;} .Menu .menuR .topmenu .SearchText{font-size: .225rem;line-height: .3rem;text-indent: .02rem;width: 2.8rem;} .Menu .menuR .topmenu .Search{width: .12rem;height: .12rem;background: url(/skin/img/jia.png)no-repeat;background-size: .12rem .12rem;margin-top: .1rem;} .Menu .menuR .MenuName{font-size: .225rem;line-height: .64rem;padding-left: .32rem;border-bottom: 1px #eee solid;} .Menu .menuR .MenuName a{color: #333;cursor: pointer;} .Menu .menuR .open{background: url(/skin/img/jia.png)no-repeat 88%;background-size: .12rem .12rem;} .Menu .menuR .on{background: url(/skin/img/jian.png)no-repeat 88%;background-size: .12rem .12rem;} .Menu .menuR .CMenu{background: #f4f4f4;padding: .15rem 0;display:none;} .Menu .menuR .CMenu .CMenuName{font-size: .2rem;line-height: .48rem;padding-left: .32rem;} .Menu .menuR .CMenu .CMenuName a{color:#333;} } /*mbanner*/ @media(max-width: 991px){ .mbanner a{height: 300px !important;} } @media(max-width: 767px){ .mbanner a{height: 2.5rem !important;} } /*AHome*/ .wap_index .title a:hover{color:#ffcc00 !important;} .home{margin:0 -12.5px;} .AHome{margin-top: 1px;width: 33.3%;padding: 0 12.5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;min-height: 365px;} .About .title{font-size: 20px;line-height: 36px;font-weight: 600;border-bottom: 1px #ddd solid;height: 36px;} .About .title .name{color: #9f1709;height: 35px;border-bottom: 2px #bf645b solid;display: inline-block;padding: 0 5px;} .About .title .more{font-size: 12px;color: #990000;} .About .title .more span{width: 0;height: 1px;border-top: 3px solid transparent;border-left: 4px solid #990000;border-bottom: 3px solid transparent;display: inline-block;margin-left: 5px;} .AHome .content{/*margin-top: 10px;*/} .AHome .content a .text{font-size: 14px;color: #333;height: 40px;overflow: hidden;line-height: 40px;border-bottom: 1px #ddd solid;width: 100%;} .AHome .content a .text .txt{width: 90%;display: inline-block;} .AHome .content a .text .new{background: url(/skin/img/new.png) no-repeat right;height: 40px;width: 7%;display: inline-block;background-size: contain;} .AHome .content a .text span{width: 4px;height: 4px;display: inline-block;background: #c4c4c4;line-height: 40px;margin-right: 10px;} .AHome .content a:hover .text{color:#6a0b01;} .FAHome{width: 66.6%;} .FAHome .content .left{width: 50%;padding-right: 12.5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .FAHome .content .right{width: 50%;padding-left: 12.5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .FAHome .content .left a .img{height: 240px;margin-top: 10px;width: 100%;overflow:hidden;left: 0;right: 0;top: 0;bottom: 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .FAHome .content .left a .img img{width: 100%;display: block;} .FAHome .content .left a .text{color: #999;height: 78px;line-height: 16px;border-bottom: 0;} .FAHome .content .left a span{display: block;font-size: 18px;line-height: 24px;height: 24px;overflow: hidden;padding-top: 11px;width:100%;margin-bottom: 10px;background:none;color: #333;font-weight:600;} .FAHome .content a:hover .text span{color:#6a0b01;} @media(max-width: 991px) and (min-width: 768px){ .main{max-width:600px;} .home{margin:0;} .AHome{width: 100%;padding: 0;min-height:0;} .AHome .content a .text{font-size:16px;} .FAHome{width: 100%;} .FAHome .content .left{width: 100%;padding-right: 0;margin-bottom: 20px;} .FAHome .content .left a .img{height:385px;margin-top:0;} .FAHome .content .left a .text{height: 86px;line-height: 16px;} .FAHome .content .left a span{font-size: 24px;text-align: center;height: 26px;} .FAHome .content .right{width: 100%;padding-left: 0;} } @media(max-width: 767px){ .wap_index{padding: 0 .2rem;} .main{max-width:600px;} .home{margin:0;} .AHome{margin-top: .14rem;width: 100%;padding: 0;min-height: 0;} .About .title{font-size: .3rem;line-height: .36rem;height: .36rem;padding-bottom: .05rem;} .About .title .name{height: .35rem;padding: 0 .1rem .05rem;} .About .title .more{line-height: .42rem;font-size: .175rem;} .AHome .content{/*margin-top: .1rem;*/} .AHome .content a .text{font-size: .2rem;height: .4rem;line-height: .4rem;} .AHome .content a .text span{width: .04rem;height: .04rem;line-height: .4rem;margin-right: .1rem;} .AHome .content a .text .new{height:.4rem;} .FAHome{width: 100%;} .FAHome .content .left{width: 100%;padding-right: 0;margin-bottom:.04rem;margin-top: .1rem;} .FAHome .content .right{width: 100%;padding-left: 0;} .FAHome .content .left a .img{height: 3.85rem;margin-top: 0;} .FAHome .content .left a .text{height: auto;line-height: .1rem;} .FAHome .content .left a span{font-size: .3rem;line-height: .36rem;height: .36rem;padding-top: .14rem;text-align: center;width: 100%;margin: 0;} .FAHome .content .left a font{line-height: 180%;} } /*HomeBlock*/ .HomeBlock{margin-top: 10px;font-size:14px;color:#333;} .HomeBlock p{line-height:30px;} .HomeBlock p img{width: 100%;display: block;} @media(max-width: 767px) { .HomeBlock{margin-top: .2rem;font-size:.2rem;} .HomeBlock p{line-height:.3rem;} } /*PHome*/ .PHome{margin-top: 1px;} .PHome .content{margin-top: 10px;} .PHome .content .left{width: 40%;padding-right: 3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .product_image {width:100%; height:364px !important;overflow:hidden; margin:0 auto; position:relative} .product_image ul {width:100%;min-width:1920px; height:364px; overflow:hidden; position:absolute; top:0; left:0} .product_image li {float:left; width:100%; height:364px;} .product_image li span {display:block; width:100%; height:364px} .product_image li a {display:block; width:100%; height:364px} .product_image li a .Name{position: absolute;bottom: 0;line-height: 40px;color: #fff;z-index: 100;font-size: 18px;width: 46%;overflow: hidden;height: 40px;padding-left: 2%;} div.product_con { position:relative; z-index:99; width:100%; margin:0 auto;} div.product_con .background { position:absolute; top:-40px; width:100%; height:40px;background:#333;opacity:0.5;} div.product_con .product_inner { position:absolute; top:-30px;right: 4%; width:46%; text-align:right;} /* 121126 */ div.product_con span { cursor: pointer;display: inline-block;width: 9px;height: 9px;line-height: 70px;overflow: hidden;padding: 0;margin:0;margin-left: 15px;border:1px #fff solid;border-radius: 50%;} div.product_con span.on {background: #9f1709;border:1px #9f1709 solid;} .PHome .content .right{width: 60%;margin-right: -3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .PHome .content .right a{width:33.33%;padding: 0 3px 0 2px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .PHome .content .right a .img{width: 100%;height:180px;overflow:hidden;left: 0;right: 0;top: 0;bottom: 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .PHome .content .right a .img img{width: 100%;display: block;} .PHome .content .right .four{margin-top:4px;} /*.PHome .content .right a:nth-child(1){padding-right:3.5px;} .PHome .content .right a:nth-child(2){padding-left:3.5px;} .PHome .content .right a:nth-child(3){padding-right:3.5px;margin-top:7px;} .PHome .content .right a:nth-child(4){padding-left:3.5px;margin-top:7px;}*/ @media(max-width: 991px) and (min-width: 768px){ .PHome .content .left{width: 100%;padding-right: 0;} .product_image {height:450px !important;} .product_image ul { height:450px !important;} .product_image li {height:450px;} .product_image li span {height:450px} .product_image li a {height:450px} .PHome .content .right{width: 100%;padding-left: 0;margin-top:10px;} .PHome .content .right a .img{height:145px;} } @media(max-width: 767px){ .PHome{margin-top: .14rem;} .PHome .content{margin-top: .2rem;} .PHome .content .left{width: 100%;padding-right: 0;} .product_image {height:4.5rem !important;} .product_image ul {height:4.5rem !important;} .product_image li {height:4.5rem !important;} .product_image li span {height:4.5rem !important;} .product_image li a {height:4.5rem !important;} .product_image li a .Name{line-height: .4rem;height: .4rem;font-size: .225rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: .14rem;} div.product_con .background{top: -.4rem;height: .4rem;} div.product_con .product_inner{top: -0.4rem;display: none;} div.product_con span{margin: 0px 0px 0px 0.15rem;} .PHome .content .right{width: 100%;padding-left: 0;margin-top:.1rem;margin: .1rem -.04rem 0;} .PHome .content .right a{padding: 0 .04rem;} .PHome .content .right a .img{height:1.45rem;} .PHome .content .right .four{margin-top:.1rem;} /*.PHome .content .right a:nth-child(1){padding-right:.1rem;} .PHome .content .right a:nth-child(2){padding-left:.1rem;} .PHome .content .right a:nth-child(3){padding-right:.1rem;margin-top:.2rem;} .PHome .content .right a:nth-child(4){padding-left:.1rem;margin-top:.2rem;}*/ } /*MHome*/ .MHome{margin-top: 1px;} .MHome .content{margin: 0 -5px;} .MHome .content .major{width: 16.66%;height: 50px;margin-top:10px;padding: 0 6px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .MHome .content .major a{width:100%;height: 48px;display: inline-block;border: 1px #ddd solid;line-height: 48px;font-size: 14px;color: #333;overflow: hidden;text-indent: 45px;position: relative;} .MHome .content .major a img{width: 25px;height: 25px;display: inline-block;position: absolute;top: 12px;left: 10px;} .MHome .content .major a .hover{display:none;} .MHome .content .major a:hover .img{display:none;} .MHome .content .major a:hover .hover{display:inline-block;} .MHome .content .major a:hover{background:#9f1709;color:#fff !important;} @media(max-width: 991px) and (min-width: 768px){ .MHome .content{margin: 10px -2.5px 0;} .MHome .content .major{width: 33.3%;padding: 0 3.5px;} } @media(max-width: 767px){ .MHome{margin-top: .11rem;} .MHome .content{margin: .1rem -2.5px 0;} .MHome .content .major{width: 33.3%;height: .5rem;margin-top:.1rem;padding: 0 .035rem;} .MHome .content .major a{height: .48rem;line-height: .48rem;font-size: .2rem;text-indent: .45rem;} .MHome .content .major a img{width: .25rem;height: .25rem;top: .12rem;left: .1rem;} } /*SHome*/ .SHome{margin: 1px 0 0;} .SHome .left{width:66.6%;padding-right: 12.5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .SHome .left .content{margin:1px -5px 0;} .SHome .left .content a{width:25%;padding:0 5px;margin-top: 11px;display:inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .SHome .left .content a .img{height: 195px;width: 100%;overflow:hidden;left: 0;right: 0;top: 0;bottom: 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .SHome .left .content a .img img{width: 100%;display: block;} .SHome .right{width:33.3%;padding-left: 12.5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .SHome .right .content{margin:3px -3.5px 0;} .SHome .right .content .url{width:25%;margin-top:8px;padding:0 3.5px;line-height: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .SHome .right .content .url a{width:100%;height:93px;border:1px #ddd solid;border-radius:6px;display:inline-block;text-align:center;font-size:14px;line-height:18px;overflow:hidden;} .SHome .right .content .url a img{width:30px;height:30px;padding:12px 0 8px;display: block;margin: 0 auto;} .SHome .right .content .url a span{font-size:12px;} .SHome .right .content .url a .hover{display:none;} .SHome .right .content .url a:hover .img{display:none;} .SHome .right .content .url a:hover .hover{display:block;} .SHome .right .content .url a:hover{background:#9f1709;color:#fff !important;} @media(max-width: 991px) and (min-width: 768px){ .SHome .left{width:100%;padding-right: 0;} .SHome .left .content a .img{height: 145px;} .SHome .right{width:100%;padding-left: 0;margin-top: 11px;} .SHome .right .content{margin:0 -3px;} .SHome .right .content .url{padding:0 3px;margin-top:7px;} .SHome .right .content .url a{height:142px;font-size: 16px;line-height: 24px;border-radius: 10px;} .SHome .right .content .url a img{width: 40px;height: 40px;padding: 25px 0 15px;} } @media(max-width: 767px){ .SHome{margin: .13rem 0 0;} .SHome .left{width:100%;padding-right: 0;} .SHome .left .content{margin:.1rem -.05rem 0;} .SHome .left .content a{padding:0 .05rem;margin-top: .1rem;} .SHome .left .content a .img{height: 1.45rem;} .SHome .right{width:100%;padding-left: 0;margin-top: .13rem;} .SHome .right .content{margin:0 -.03rem;} .SHome .right .content .url{margin-top:.07rem;padding:0 .03rem;} .SHome .right .content .url a{height:1.42rem;border-radius:.1rem;font-size:.16rem;line-height:.24rem;} .SHome .right .content .url a img{width:.4rem;height:.4rem;padding:.25rem 0 .15rem;} .SHome .right .content .url a span{font-size:.12rem;} } /*link*/ .link{background:#6a0b01;font-size:14px;line-height:50px;min-height:50px;color:#fff;margin-top:10px;} .link a{color:#fff !important;margin-left:14px;white-space:nowrap;} .link a:hover{color:#ffcc00 !important;} /*foot*/ .foot{font-size:14px;background:#9f1709;color:#fff;padding:33px 0;} .foot .center{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .foot p{line-height:30px;} .foot a{color:#fff} .foot a:hover{color:#ffcc00 !important;} .foot .left{width:calc(50% - 34px)/*78%*/;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .foot .left>img{height: 76px;padding-right: 30px;border-right: 1px #af3e32 solid;margin-right: 30px;display: block;} .foot .right{width:calc(50% + 34px)/*22%*/;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .foot .right .wm{flex:1;justify-content:flex-end;float:right;margin-left: 17%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;/*-webkit-justify-content: center;justify-content: center;*/-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .foot .right .wm img{margin-right: 9px;} .foot .right img{display: block;} .foot .right>a{float:left;} @media(max-width: 767px){ .link{display:none;} .foot{font-size:.2rem;padding:.4rem 0 0;margin-top:.2rem;} .foot .center{display: inline-block;} .foot p{line-height:.48rem;} .foot .left{float: none;width: 6rem;margin: 0 auto;} .foot .left>img{display:none;} .foot .right{float: none;width: 6rem;margin: .3rem auto 0;display: block;} .foot .right img{display: block;width: .61rem;height: .74rem;padding-left: .2rem;float: left;} .foot .right .wm{width: 5rem;margin: 0;display: inline-block;height: .75rem;font-size: .175rem;line-height: .24rem;} .foot .right .wm img{margin-right: .08rem;width: .75rem;height: .75rem;padding-left: .63rem;} } /*ChildrenMenu*/ .Body {position:relative;} .CMenuL {position: absolute;top: -93px;z-index: 999;left: 0;} /*.CMenuL .FMenu{width: 220px;height: 120px;font-size: 14px;color: #fff;padding-left: 50px;background: linear-gradient(-135deg, transparent 30px, #a71417 0);}*/ .CMenuL .FMenu{display: flex;align-items: center;width: 270px;min-height: 120px;box-sizing: border-box;font-size: 14px;color: #fff;padding: 20px 30px;background: linear-gradient(-135deg, transparent 30px, #a71417 0);} /*.CMenuL .FMenu strong{font-size: 36px;padding-top: 35px;display: inline-block;line-height: 48px;width: 150px;height: 48px;overflow: hidden;}*/ .CMenuL .FMenu strong{font-size: 36px;flex:1;line-height: 48px;text-align: center;} .CMenuL .FMenu span{font-size: 60px;position: absolute;top: 26px;line-height: 60px;left: 40px;} .CMenuL ul{width: 250px;background: #e0e0e0;padding: 1px 10px;border-bottom: 5px #b3b3b3 solid;} .CMenuL ul li{line-height: 40px;/*text-align: center;*/width: 100%;background: #fff;margin: 10px 0;position:relative;} .CMenuL ul li a{font-size: 16px;display: block;background: url(/skin/img/jiantou.png) no-repeat 213px center;padding:12px 40px;line-height:1.5;} .CMenuL ul li a.SubMenu{background: none;} .CMenuL ul li .BgColorFFF{background-color: #9f1709;color: #fff;} /*.CMenuL ul li .SubMenu.BgColorFFF{background-color: #fff;color: #9f1709;}*/ .CMenuL ul:hover>li>.BgColorFFF{background-color: #fff;color: #333;} .CMenuL ul>li:hover>a{background-color: #9f1709 !important;color: #fff !important;} /*.CMenuL ul>li>a.SubMenu:hover{background-color: #fff !important;color: #9f1709 !important;}*/ .CMenuL ul li > div{width:250px;overflow:hidden;background-color:#ccc;/*transition-property: all;transition-duration: .5s;*/} /*.CMenuL ul li:hover > div{max-height:10vh;}*/ .CMenuL ul li > div > a{background-image:none;border-top:2px solid #e0e0e0;} .CMenuL ul li > div > a:hover{background-color: #9f1709 !important;color: #fff !important;} .CMenuR{width: 100%;padding-left: 290px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .CMenuR .border{padding-bottom: 3px;border-bottom: 1px #c86359 solid;} .CMenuR .MenuName{font-size: 24px;line-height: 54px;padding-top: 5px;height:auto!important;/*height: 54px;*/overflow: hidden;border-bottom: 2px #9f1709 solid;} .CMenuR .MenuName .right.floatR > a{max-width:210px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .CMenuR .right{font-size: 14px;color: #999;} .CMenuR .right a{color: #999;} .wapCMenu{display:none;} @media(min-width: 768px) and (max-width: 1119px) { .CMenuL{left: 10px;} .CMenuR{padding: 0 10px 0 290px;} } @media(max-width: 767px) { .Body{min-height: auto !important;} .CMenuL{display:none;} .wapCMenu{display:block;font-size: .225rem;line-height: .5rem;margin: .2rem auto 0;width: 6rem;text-align: center;background: #eee;} .wapCMenu .wapFMenu {display:block;position:relative;} .wapCMenu .wapFMenu a{background: url(/Skin/img/xiala.png) no-repeat;width: .17rem;height: .1rem;position: absolute;right: .2rem;top: .2rem;background-size: .17rem .1rem;border-top:0} /*.wapCMenu .wapFMenu a:hover{background: url(/Skin/img/xiala.png) no-repeat !important;}*/ .wapCMenu .center {display:none;} .wapCMenu a {margin: 0;width: 100%;display: block !important;color:#333;border-top: 1px solid #fff;} .wapCMenu span{position:relative;float:right} .wapCMenu span span {position:absolute;right:0;top:-.5rem;width:.5rem;height:.5rem;background: url(/Skin/img/xiala.png) no-repeat;background-size: .17rem .1rem;background-position:center;} .wapCMenu a + span + div {background-color: #f5f5f5;} /*.wapCMenu a.Sub{margin: 0;width: 100%;display: block !important;color:#333;background-color:#f5f5f5;}*/ .wapCMenu .active {color: #fff;background: #6a0b01;} /*.wapCMenu .Sub.active {color: #6a0b01;background: #f5f5f5;}*/ /*.wapCMenu:hover .active {color: #333;background: 0;}*/ /*.wapCMenu a:hover {color: #fff !important;background: #6a0b01 !important;}*/ .CMenuR{width:6rem;padding:0;margin:0 auto;} .CMenuR .border{display:none;} } /*list*/ .pager {text-align:center;padding-bottom: 10px;} .btn-group { color: #999; display:inline-block; } .btn-group a, .btn-group .cpb { float: left; /*border: 1px solid #ddd;*/ padding: 9px 15px; line-height: 18px; font-size: 14px; text-decoration: none; border: 1px #ccc solid; color:#ccc; font-family: "宋体"; font-weight: bold; margin: 20px 0 0; } .btn-group span a{color:#000;} .btn-group .dis a{color:#ccc;} .btn-group a:hover {color: #FD6D01 !important; /*border: 1px solid #ffa501;*/ text-decoration: none; } .btn-group .cpb { background: #ffede1; border: solid 1px #FD6D01; color: #FD6D01; font-weight: 600; z-index: 3; } .btn-group .thewap{display:none;} .btn-group { display: inline-flex; } @media(max-width: 767px) { .pager {padding-bottom: 0;} .btn-group span{display:none;} .btn-group .nav{display:inline-block;} .btn-group .nav:first-child{display:none;} .btn-group .nav:last-child{display:none;} .btn-group .thewap{display:inline-block;} .btn-group a, .btn-group .cpb { padding: .15rem .15rem; line-height: .18rem; font-size: .225rem; margin: .21rem 0 0; } .btn-group .cpb { background: 0; border: 1px #ccc solid; color:#000; padding: .15rem .4rem; margin: .21rem 24px 0 16px !important; } } /*SinglePage*/ .SinglePage{margin:10px auto 0;font-size:14px;color:#333;} .SinglePage p{line-height:30px;} .SinglePage p img{max-width:100%;} .map{margin-top: 22px;height:498px;border:1px #ccc solid;} @media(max-width: 767px){ .SinglePage{margin:.2rem auto 0;font-size:.2rem;width:6rem;} .SinglePage p{line-height:180%;} .map{margin-top: .2rem;height:3.24rem;} } /*Article*/ .Body .Article{/*margin-top: 10px;*/} .Body .Article .row{} .Body .Article .row .list{padding: 10px 0;border-bottom: 1px #ececec solid;} .Body .Article .row .list a{display: block;} .Body .Article .row .list a:hover .text{color:#9f1709;} .Body .Article .row .list a img{width: 160px;height: 120px;} .Body .Article .row .list a .text{font-size: 18px;padding: 6px 0 0 19px;height: 120px;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: inherit;} .Body .Article .row .list a .text p{line-height:40px;height: 40px;overflow: hidden;} .Body .Article .row .list a .text font{display: inline-block;width:69%;} .Body .Article .row .list a .text span{font-size:14px;color:#999;} .Body .Article .row .list a .text .content{font-size: 14px;color: #999;line-height: 30px;margin-top: 5px;height:auto;} .article{margin: 16px 0 0;} .article .title{text-align: center;border-bottom: 1px #ddd dashed;} .article .title .ArticleTxt{font-size: 30px;line-height: 36px;color:#333;} .article .title .time{font-size: 14px;line-height: 44px;color: #999;} .article .content{margin: 10px 0 19px;font-size: 14px;color: #333;} .article .content p{line-height: 180%;} .article .preNext{height: 50px;font-size: 14px;line-height: 50px;overflow: hidden;} .article .preNext .thePN:first-child{background:#eee url(/skin/img/pre.png) no-repeat 7% 20px;} .article .preNext .thePN:last-child{background:#eee url(/skin/img/next.png) no-repeat 93% 20px;} .article .preNext .thePN{width: 38%;padding: 0 4%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .article .preNext .tolist{width: 24%;text-align:center;padding:0 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .article .preNext .tolist a{background: #eee;} .article .preNext a{color: #333;display: block;overflow: hidden;} .article .preNext .thePN:hover{background-color: #9f1709;} .article .preNext a:hover,.article .preNext .thePN:hover a{background: #9f1709;color:#fff !important;} .article .content p img{max-width: 100%;} @media(max-width: 767px){ .Body .Article{/*margin-top: .2rem;*/} .Body .Article .row{} .Body .Article .row .list{padding: .2rem 0;} .Body .Article .row .list a img{width: 1.6rem;height: 1.2rem;} .Body .Article .row .list a .text{font-size: .25rem;padding: .06rem 0 0 .19rem;height: 1.2rem;} .Body .Article .row .list a .text p{line-height:.4rem;height: .4rem;} .Body .Article .row .list a .text font{width:100%;} .Body .Article .row .list a .text span{display:none;} .Body .Article .row .list a .text .content{font-size: .2rem;line-height: .3rem;margin-top: .1rem;} .article{margin: .26rem 0 0;} .article .title{padding-bottom: .06rem;} .article .title .ArticleTxt{font-size:.375rem;line-height: .36rem;} .article .title .time{font-size: .2rem;line-height: .44rem;} .article .content{margin: .2rem 0 .29rem;font-size: .2rem;} .article .content p{line-height: .3rem;} .article .preNext{height: .5rem;font-size: .2rem;line-height: .5rem;} .article .preNext .thePN{background:#eee !important;} .article .preNext .thePN:hover{background-color: #9f1709 !important;} .article .preNext .tolist{padding:0 .08rem;} .article .preNext .thePN a{text-align: center;} .article .preNext .thePN a span{display:none;} } /*Product*/ .Product{margin:0 -6.5px 0;} .Product .row a{width: 33.3%;padding:10px 6.5px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .Product .row .box{width:100%;position: relative;display: block;overflow: hidden;} .Product .row a .img{width:100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .Product .row a .img img{width:100%;display: block;} .Product .row a .ProductName{font-size:14px;line-height:50px;color:#333;background:#f8f8f8;text-align: center;overflow: hidden;height: 50px;} .Product .row a:hover .ProductName{background-color: #9f1709 !important;color: #fff !important;} .product{margin: 16px 0 0;} .product .title{text-align: center;border-bottom: 1px #ddd dashed;} .product .title .ProductTxt{font-size: 30px;line-height: 36px;color:#333;} .product .title .time{font-size: 14px;line-height: 44px;color: #999;} .product .content{margin: 10px 0 20px;font-size: 14px;color: #333;} .product .content p{line-height: 24px;} .product .preNext{height: 50px;font-size: 14px;line-height: 50px;overflow: hidden;} .product .preNext .thePN:first-child{background:#eee url(/skin/img/pre.png) no-repeat 7% 20px;} .product .preNext .thePN:last-child{background:#eee url(/skin/img/next.png) no-repeat 93% 20px;} .product .preNext .thePN{width: 38%;padding: 0 4%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .product .preNext .tolist{width: 24%;text-align:center;padding:0 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .product .preNext .tolist a{background: #eee;} .product .preNext a{color: #333;display: block;overflow: hidden;} .product .preNext .thePN:hover{background-color: #9f1709;} .product .preNext a:hover,.product .preNext .thePN:hover a{background: #9f1709;color:#fff !important;} .product .content p img{max-width: 100%;} .product .preNext .thePN a span:first-child{display:none;} @media(max-width: 767px) { .Product{margin:0 -.1rem;} .Product .row a{width: 50%;padding:.2rem .1rem 0;} .Product .row a .ProductName{font-size:.2rem;line-height:.5rem;height: .5rem;} .product{margin: .26rem 0 0;} .product .title{padding-bottom: .06rem;} .product .title .ProductTxt{font-size:.375rem;line-height: .36rem;} .product .title .time{font-size: .2rem;line-height: .44rem;} .product .content{margin: .2rem 0 .29rem;font-size: .2rem;} .product .content p{line-height: .3rem;} .product .preNext{height: .5rem;font-size: .2rem;line-height: .5rem;} .product .preNext .thePN{background:#eee !important;} .product .preNext .thePN:hover{background-color: #9f1709 !important;} .product .preNext .tolist{padding:0 .08rem;} .product .preNext .thePN a{text-align: center;} .product .preNext .thePN a span{display:none;} .product .preNext .thePN a span:first-child{display:inline-block;} } .CategoryLockUpDiv{display:flex;flex-direction:column;align-items:center;justify-content:center;} .CategoryLockUpDiv > *{width:100%;max-width:250px;text-align:center;} .CategoryLockUpDiv > img{width:50%;max-width:92px;margin-top:60px;} .CategoryLockUpDiv > h3{font-size: 24px;font-weight:bold;margin-top:20px;line-height:1;} .CategoryLockUpDiv > div{position:relative;} .CategoryLockUpDiv [name=CategoryUnLockPassword]{width:100%;max-width:250px;padding:0 40px 0 10px;font-size: 16px;line-height: 40px;height: 40px;border:1px solid #999;box-sizing:border-box;outline: unset; outline-color: transparent;margin-top:40px;} .CategoryLockUpDiv [name=CategoryUnLockPassword] input:focus{outline: unset; outline-color: transparent} .CategoryLockUpDiv .ClearBtn{cursor:pointer;display:none;position:absolute;top:40px;right:0;width:40px;height:40px;background-size:20px;background-position:center;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath d='M512 0C229.236 0 0 229.236 0 512s229.236 512 512 512 512-229.236 512-512v-.698C1023.628 228.817 794.53 0 512 0zm219.23 664.623a47.872 47.872 0 1 1-65.91 69.352L512 577.932 358.68 730.554a49.059 49.059 0 0 1-69.353-69.376l152.622-153.32-152.646-152.623a49.059 49.059 0 1 1 69.376-69.376L512 445.393l153.32-153.32a47.872 47.872 0 0 1 65.91 69.352l-152.623 152.67 152.622 150.528z' fill='%23ccc'/%3E%3C/svg%3E")} .CategoryLockUpDiv > button{font-size: 16px;line-height: 40px;height: 40px;background-color:#9f1709;color:#fff;outline: unset; outline-color: transparent;border:0px;cursor:pointer;margin-top:20px;margin-bottom:100px;} .CategoryLockUpDiv > button:hover{opacity:.8} .main_image {width:100%; height:500px !important;overflow:hidden; margin:0 auto; position:relative} .main_image ul {width:100%;min-width:1920px; height:500px; overflow:hidden; position:absolute; top:0; left:0} .main_image li {float:left; width:100%; height:500px;} .main_image li span {display:block; width:100%; height:500px} .main_image li a {display:block; width:100%; height:500px} .main_image li a .Name{position: absolute;bottom: 0;line-height: 50px;height: 50px;color: #fff;z-index: 100;font-size: 20px;width: 32%;overflow: hidden;} div.flicking_con { position:relative; z-index:99; width:100%; margin:0 auto;} div.flicking_con .background { position:absolute; top:-50px; width:100%; height:50px;background:#333;opacity:0.5;} div.flicking_con .flicking_inner { position:absolute; top:-35px; width:100%; text-align:right;} /* 121126 */ div.flicking_con span { cursor: pointer;display: inline-block;width: 10px;height: 10px;line-height: 70px;overflow: hidden;padding: 0;margin:0;margin-left: 15px;background:#fff;border-radius: 50%;} div.flicking_con span.on {background: #9f1709;} #btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:46px!important;height:59px!important;top:50%;margin-top:-29px;display:none;} #btn_prev{background:url(/Skin/images/hover_left.png) no-repeat left top;left:100px;} #btn_next{background:url(/Skin/images/hover_right.png) no-repeat right top;right:100px;} /*@media(max-width: 991px) and (min-width: 768px) { .main_image {height:450px !important;} .main_image ul {height:450px !important;} .main_image li {height:450px !important;} .main_image li span {height:450px !important;} .main_image li a {height:450px !important;} }*/ @media(max-width: 767px) { .main_image {height:3.2rem !important;} .main_image ul {height:3.2rem !important;} .main_image li {height:3.2rem !important;} .main_image li span {height:3.2rem !important;} .main_image li a {height:3.2rem !important;} #btn_prev,#btn_next{width:.46rem!important;height:.59rem!important;margin-top:-.29rem;} #btn_prev{left:1rem;background-size: cover;} #btn_next{right:1rem;background-size: cover;} .main_image li a .Name{line-height: .5rem;height: .5rem;font-size: .225rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: .2rem;width: 48%;} div.flicking_con .background{top: -.5rem;height: .5rem;} div.flicking_con .flicking_inner{top: -0.5rem;} div.flicking_con .flicking_inner .floatR{width: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-right: .2rem;display: none;} div.flicking_con span{margin: 0px 0px 0px 0.2rem;} }