/* 初始化 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
margin: 0;
padding: 0;
word-wrap: break-word
}

body {
overflow-x: hidden;
}

body,
html,
input {
font-size: 15px;
line-height: 1.5;
font-family: 'Microsoft Yahei';
}

table {
border-collapse: collapse;
border-spacing: 0;
}

img {
border: none
}

pre {
white-space: pre-wrap;
/* css-3 */
white-space: -moz-pre-wrap;
/* Mozilla, since 1999 */
white-space: -pre-wrap;
/* Opera 4-6 */
white-space: -o-pre-wrap;
/* Opera 7 */
word-wrap: break-word;
/* Internet Explorer 5.5+ */
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
}

input.dialog {
height: 0;
height: 0;
font-size: 0;
line-height: 0;
border: none
}

h1 {
font-size: 34px;
}

h2 {
font-size: 26px;
}

h3 {
font-size: 18px;
}

h4 {
font-size: 16px;
}

h5 {
font-size: 14px;
}

h6 {
font-size: 12px;
}


address,
cite,
dfn,
em,
var {
font-style: normal;
}

code,
kbd,
pre,
samp {
font-family: courier new, courier, monospace;
}

input.button,
input.btn {
padding: 0.25em;
width: auto;
}

button {
border: 0;
border-radius: 0%;
appearance: button;
-moz-appearance: button;
-webkit-appearance: button;
}

textarea,
input {
outline: none;
}

i {
font-style: normal;
}

ul,
ol,
li {
list-style: none;
}

a {
text-decoration: none;
color: #000;
}

a,
a:active,
a:focus,
a:hover {
text-decoration: none;
color: #000;
}

div:focus {
border: none;
}

:focus {
outline: none;
}

/*for IE*/

::-moz-focus-inner {
border-color: transparent;
}

/*for mozilla*/

.white,
.white a {
color: #fff
}

.blue,
.blue a {
color: #004499
}

.gray4,
a.gray4 {
color: #999
}

.red,
.red a,
a.red {
color: red;
}

.green {
color: #0E774A
}

select optgroup {
color: #CAC8BB;
}

.fr {
float: right;
}

.fl {
float: left;
}

.block {
display: block;
}

.inline {
display: inline;
}

.inline-block {
display: inline-block !important;
*display: inline;
zoom: 1;
}

.relative {
position: relative;
z-index: 1;
}

.absolute {
position: absolute;
}

.t-hide {
opacity: 0;
visibility: hidden;
}

.text-over {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-decoration: none;
}
.tc{ text-align: center;}
.pointer {
cursor: pointer !important;
}

.el {
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}

.breadcrumb {
display: none;
}
/*page*/
.page{color: #777777; text-align: center; clear:both; margin-top: 40px; }
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 7px 12px;vertical-align: rightdle; margin-left:5px}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #f7c000;border: 1px solid #f7c000;padding: 7px 12px;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}
.page .fa{ font-size:22px;}
@media (max-width:426px) {
.page a,.page span { padding: 4px 8px; margin-left:2px}
.page a:hover,.page span{padding: 4px 8px;}
}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.f-cb {zoom: 1;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-36{padding-bottom: 36%;}
.rect-40{padding-bottom: 40%;}
.rect-50{padding-bottom: 50%;}
.rect-53{padding-bottom: 53%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-61{padding-bottom: 61%;}
.rect-618{padding-bottom: 61.8%;}
.rect-62{padding-bottom: 62%;}
.rect-65{padding-bottom: 65%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-78{padding-bottom: 78%;}
.rect-80{padding-bottom: 80%;}
.rect-83{padding-bottom: 83%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-100{padding-bottom: 100%;}
.rect-120{padding-bottom: 120%;}
.rect-144{padding-bottom: 144%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.gray{ background:#fafafa;}
.rect-485 {
padding-bottom: 48.5%;
}

.rect-50 {
padding-bottom: 50%;
}

.rect-5625 {
padding-bottom: 56.25%;
}

.rect-60 {
padding-bottom: 60%;
}

.rect-61 {
padding-bottom: 61%;
}

.rect-618 {
padding-bottom: 61.8%;
}

.rect-65 {
padding-bottom: 65%;
}

.rect-66 {
padding-bottom: 66%;
}

.rect-665 {
padding-bottom: 66.5%;
}

.rect-70 {
padding-bottom: 70%;
}

.rect-725 {
padding-bottom: 72.5%;
}

.rect-75 {
padding-bottom: 75%;
}

.rect-775 {
padding-bottom: 77.5%;
}

.rect-80 {
padding-bottom: 80%;
}

.rect-90 {
padding-bottom: 90%;
}

.rect-95 {
padding-bottom: 95%;
}

.rect-100 {
padding-bottom: 100%;
}

.rect-112 {
padding-bottom: 112%;
}

.rect-120 {
padding-bottom: 120%;
}

.rect-130 {
padding-bottom: 130%;
}

.d-block {
display: block;
}

.col-xs-05 {
width: 20%;
float: left;
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}

*[class*="rect"] {
position: relative;
display: block;
width: 100%;
height: 0;
overflow: hidden;
}

*[class*="rect"] img {
position: absolute;
left: 0;
top: 0;
width: 100%;
}

.relative {
position: relative;
}

.img-box {
overflow: hidden;
}

.img-box>img {
width: 100%;
-webkit-transition: all 1s;
-o-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
}

.img-box:hover>img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.infor .tit{ font-size: 22px; font-weight: bold; margin-bottom: 30px; color: #f7c000; text-align: center;}
.float-right {
float: right;
}

.float-left {
float: left;
}
.index-more a {
display: inline-block;
border: 1px solid;
padding: 10px 30px;
margin-top: 20px;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
white-space: nowrap;
}
@media only screen and (max-device-width: 760px){
.index-more a { margin-top: 20px;}
}
/* footer */
.footer-section {
padding: 20px 0;
}

footer .footer-main .footer-top {
background-color: #2c2e36;
}

footer .footer-main .footer-top .row>div:first-child .footer-item dl {
float: left;
width: 20%;
}

footer .footer-main .footer-top .row>div:nth-child(2) dl dt::after,
footer .footer-main .footer-top .row>div:first-child .footer-item dl dt::after {
content: "";
display: block;
width: 18px;
height: 2px;
background-color: #f7c000;
margin: 15px 0;
}

footer .footer-main .footer-top .row>div:nth-child(2) dl dt,
footer .footer-main .footer-top .row>div:nth-child(2) dl dt a,
footer .footer-main .footer-top .row>div:first-child .footer-item dl dt a {
font-size: 16px;
color: #fff;
}

footer .footer-main .footer-top .row>div:nth-child(2) dl dd,
footer .footer-main .footer-top .row>div:first-child .footer-item dl dd {
line-height: 30px;
}

footer .footer-main .footer-top .row>div:nth-child(2) dl dd,
footer .footer-main .footer-top .row>div:nth-child(2) dl dd a,
footer .footer-main .footer-top .row>div:first-child .footer-item dl dd a { font-size: 15px;
color: #fff;
}
footer .footer-main .footer-top .row>div:nth-child(2) dl dd a strong { font-size: 20px; color: #f7c000;}
footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share{
    width: 40%;
    }
footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-contact {
width: 60%;
}

footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share dl dd:last-child {
margin-top: 15px;
}

footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share dl dd .share {
float: left;
margin-right: 5px;
}

footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share dl dd .share:last-child {
margin-right: 0;
}

footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share dl dd .share .share-ico {
width: 24px;
height: 23px;
}

footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-contact dl dd .footer-ico {
width: 26px;
height: 26px;
display: inline-block;
margin-right: 10px;
}

footer .footer-main .footer-bottom {
background-color: #25272d;
color: #fff;
padding: 15px 0;
}

footer .footer-main .footer-bottom a {
color: #fff;
}

footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share .wechat { position: relative;}
footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share .wechat:hover .vx { display: block;}
footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;}
footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}

@media(max-width:1199px) {
.footer-section {
padding: 50px 0;
}
footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-share {
display: none;
}

footer .footer-main .footer-top .row>div:nth-child(2) .footer-right .footer-contact {
width: 100%;
}
}

@media (max-width:768px) {
footer .footer-main .footer-top>.container>.row>div:nth-child(1) {
display: none;
}

.footer-section {
padding: 30px 0;
}
}

@media(max-width:600px) {
footer .footer-main .footer-bottom .footer-bd {
float: none !important;
}

footer .footer-main .footer-bottom .bei,
footer .footer-main .footer-bottom .support,
footer .footer-main .footer-bottom .copy {
width: 100%;
text-align: center;
float: none;
display: block;
}
}
.footer1 {height: 46px;width: 100%;margin-top: 17px;}
.menu-footer {position:fixed;bottom:0;left:0;z-index:9999;opacity:.9;-webkit-transform: translateY(45px);-ms-transform: translateY(45px);-o-transform: translateY(45px);transform: translateY(45px);
transition: .5s;-webkit-transition: .5s;-ms-transition: .5s;}
.menu-footer.on {-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.menu-footer {width:100%;height:45px;line-height:45px;text-align:center;background:#f7c000;font-size:0;}
.menu-footer a {position: relative; float:left;width:33.33%;width:calc(100% / 3);color:#fff;font-size:14px;}
.menu-footer a:hover {color:#fff;}
.menu-footer a ~ a:before {content: "";position: absolute;left: 0;top: 50%;margin-top: -5px;height: 10px;border-left: 1px solid #86c9aa;opacity: 0.5;}

.modal{ margin-top: 150px;}






/* 按钮样式去除*/
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
input{ border-radius: 0; } 
.w1400{width:1400px;margin:0 auto; overflow:auto;}

@media screen and (max-width:1440px){
    .w1400{ width:90%;}	
}
@media screen and (max-width:1079px){
    .w1400{ width:94%;}	
}

/*首页和频道页产品展示*/
.beltind_pro{padding-bottom:0!important;}
.ind_tit{float:left; width:50%;}
.ind_tit span{ font-size:30px; font-weight:bold; color:#f7c000; text-transform:uppercase;}
.ind_tit p{ font-size:18px; line-height:22px;}
.ind_tit p i{ width:36px; height:1px; background:#f7c000; display:inline-block; margin:5px 4% 5px 0;}
.ind_more{ display: block; font-size: 16px; color: #666; margin-top: 35px; line-height: 31px; display: flex; display: -webkit-flex; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; float: right;}
.ind_more i{ display:block; width:24px; height:24px; border-radius:50%; background:#f7c000 url(../images/morejt1.png) center no-repeat; margin-left:10px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;margin: 3px 0 0 10px;}
.ind_pro{ padding:65px 0 65px; overflow:hidden; min-height:400px; background:#fff;}
.ind_pro .fenlei{ width:100%; float:right; height:70px; margin:20px 0 20px; background:#fff; overflow:hidden;}
.ind_pro .fenlei li{cursor: pointer; width:14.28%; height:70px; line-height:70px;float:left;text-align:center; position:relative;}
.ind_pro .fenlei li a{color:#333; font-size:16px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; display:block; padding:0 10%;}
.ind_pro .fenlei li a i{margin: -3px 6px 0 0;width:14px; height:14px; display:inline-block;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;vertical-align: middle;}
.ind_pro .fenlei li:before{width: 0;height: 0;border-top: 10px solid #f7c000;border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;bottom: -5px; left:45%;}
.ind_pro .fenlei li.on:before{content: "";}
.ind_pro .fenlei li:after{content: "";display:block; width:1px; height:20px; background:#e6e6e6; position:absolute; right:0; top:35%;}
.ind_pro .fenlei li:last-child:after,.ind_pro .fenlei li.on:after,.ind_pro .fenlei li:nth-child(7):after{ display:none;}
.ind_pro .fenlei li.on{ background:#f7c000;}
.ind_pro .fenlei li.on a{color:#fff;}
.ind_pro .fenlei li.on i{background:url(../images/protype_on_ico.png) center no-repeat;}
.ind_pro .cpzs{ width:100%; overflow:auto; display: none; }/* 默认隐藏内容 */
.ind_pro .first { display: block} /* 默认显示第一个 */
.ind_pro .cpzs ul li{ width:23.8%; margin-right:1.6%; float:left; background:#fff;margin-bottom:40px; border:1px solid #e6e6e6;}
.ind_pro .cpzs ul li:nth-child(4n){ margin-right:0;}
.ind_pro .cpzs ul li .pic{ display:block; width:100%; height:300px; position:relative; overflow:hidden; border-bottom:1px solid #e6e6e6;padding:5%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ind_pro .cpzs ul li .pic img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:80%; max-height:80%;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;}
.ind_pro .cpzs ul li:hover .pic img{transform: scale(1.06);}
.ind_pro .cpzs ul li .name{ font-size:18px; font-weight:bold; text-align:center; padding:5% 5% 5px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;}
.ind_pro .cpzs ul li:hover .name{ color:#f7c000;}
.ind_pro .cpzs ul li span{display: block;width: 100%; height: 30px;overflow: hidden; line-height: 30px; color: #999;font-size: 16px;text-align: center;white-space: nowrap;text-overflow: ellipsis;margin: 0 auto;padding: 0;}
.ind_pro .cpzs ul li span img{display: inline-block;width: 18px; height: 18px;vertical-align: middle;margin: -2px 4px 0 0;padding: 0;}
.ind_pro .cpzs ul li p{ margin:2% auto 0; text-align:center; height:auto; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;}
.ind_pro .cpzs ul li .ind_more{ float:none;justify-content: center; margin:0 auto; padding:4% 0; color:#000; background-color:#ccc;}
.ind_pro .cpzs ul li .ind_more i{background:url(../images/zixun.png) center no-repeat;}
.ind_pro .chanpin_more .ind_more{ justify-content: center; margin:0 auto; color:#fff; background:#f7c000; width:300px; height: 50px; line-height: 50px; float: none;}
.ind_pro .chanpin_more .ind_more i{margin-top:13px; background:#fff url(../images/morejt1_on.png) center no-repeat;}
/*.ind_pro .cpzs ul li:hover p{ background:#f7c000;}*/
/*.ind_pro .cpzs ul li:hover .ind_more{ color:#fff;}*/
/*.ind_pro .cpzs ul li:hover .ind_more i{background:#fff url(../images/morejt1_on.png) center no-repeat;}*/
.ind_pro .chanpin_more{display: none; width:100%; overflow:hidden;}

@media screen and (max-width:1399px){
	.ind_pro{ padding:60px 0 40px;}
	.ind_pro .cpzs ul li .pic{ height:240px;}
}
@media screen and (max-width:1080px){
	.ind_more{ margin-top:20px;}
	.ind_pro{ padding:40px 0 20px;}
	.ind_pro .fenlei{ width:100%;margin-top: 10px;}
	.ind_pro .cpzs{ margin-top:30px;}
	.ind_pro .cpzs ul li .pic{ height:200px;}
}
@media screen and (max-width:768px){
    .ind_tit span{ font-size:20px;}
	.ind_pro .fenlei{ height:auto;}
	.ind_pro .fenlei li{ width:20%; height:40px; line-height:40px;}
	.ind_pro .fenlei li:last-child:after,.ind_pro .fenlei li:nth-child(5n+5):after,.ind_pro .fenlei li.on:after{ display:none;}
	.ind_pro .cpzs ul li{ width:49%; margin-right:2%; margin-bottom:10px;}
	.ind_pro .cpzs ul li:nth-child(3n){ margin-right:2%;}
	.ind_pro .cpzs ul li:nth-child(2n){ margin-right:0;}
}
@media screen and (max-width:600px){
    .ind_tit span{ font-size:18px;}
	.ind_pro{ padding:40px 0 20px;}
	.ind_pro .fenlei li{ width:25%;}
	.ind_pro .fenlei li:nth-child(5n+5):after{ display:block;}
	.ind_pro .fenlei li:nth-child(4n+4):after{ display:none;}
	.ind_pro .cpzs{ margin-top:20px;}
	.ind_pro .cpzs ul li .pic{ height:180px;}
}
@media screen and (max-width:425px){
	.ind_tit p i{ width:20px;}
	.ind_more{ margin-top:15px;}
	.ind_pro .fenlei li{ width:33.33%;}
	.ind_pro .fenlei li:nth-child(4n+4):after{ display:block;}
	.ind_pro .fenlei li:nth-child(3n+3):after{ display:none;}
	.ind_pro .cpzs ul li .pic{ height:150px;}
	.ind_pro .cpzs ul li span img{ display:none;}
	.ind_pro .cpzs ul li p{ height:auto; margin:0 auto;}
}
@media screen and (max-width:320px){
	.ind_tit span{ font-size:16px;}
	.ind_tit p i{ display:none;}
	.ind_more{ margin-top:10px;}
	.ind_pro .fenlei{ display:none;}
	.ind_pro .cpzs ul li{ width:100%; margin-right:0;}
}


/*微信弹窗*/
.wxtan{ display:none}
.tanbg{ display:none}
.tanbg{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:9998;    background: rgba(0,0,0,.6);}
.wxtan {position:fixed; width:30%; top:50%;left:50%;  transform: translate(-50%, -50%);   background-color: rgba(255, 255, 255, 0.8); border-radius:10px; text-align:center; padding:30px 0;  z-index:9999}
.wxtan i{position: absolute; right: 7px; top: 7px; text-align: center; color: #fff; font-style: normal; background: #333; border-radius: 1rem; cursor: pointer; width: 22px;line-height: 22px;}
.wxtan p{ padding-top:3px; font-size:14px}
.wxtan .nrdf > *:nth-child(5){padding-top:0; margin-top:30px;}
.wxtan #fzwx{display: inline-block; background-color: #009946; color: #fff; border-radius: 5px; cursor: pointer; line-height:40px;}
.wxtan p span{ display: inline-block; padding: 2px 10px; background-color: #009946; color: #fff; border-radius: 5px; cursor: pointer;}
.wxtan span.wx{background: #009943 url(../images/wxico.png) no-repeat 6px center; background-size: 16px; padding-left: 20px;}
.ywx{ display:block !important}
.ybg{ display:block !important}
.twx{ cursor: pointer}

@media screen and (max-width: 768px) {
    .wxtan {width: 80%;}
}



/*底部导航*/
.sj-fix{display:none;}
@media only screen and (max-width:992px){
.sj-fix{ position:fixed; z-index:9999;  bottom:0; left:0px; width:100%; background:#f7c000; opacity:0.9; display: block;}
.sj-fix ul li{ display:block; width:25%; float:left; text-align:center;}
.sj-fix li a {
    display: block;
    padding: 0.5em 0;
}
.sj-fix li a img {
    display: block;
    width: 2.083em;
    margin: 0 auto;
}
.sj-fix ul li a span{    display: block;
    text-align: center;
    font-size: 0.8em;
    color: #fff;
    /*margin-top: 0.5em;*/
}
}