.color21 {color:#cb0901;}
.text2375em {font-size:2.375em;}

.user_menu a.active {background-color: #d20c01;}
.user_menu a.active font , .user_menu a:hover.active font {color:white;}
.user_menu a.active .ico {display:inline-block;}
.user_menu a:hover {opacity: 0.8;-moz-opacity: 0.8;-webkit-opacity: 0.8;}
.user_menu a:hover font {color:#d20c01;}

.public_a {background-color: #c50700;}
.public_a:hover {background-color: #d11e17;}

.public_a_b:hover .title {opacity:0.8;}
.public_a_b:hover .ico1 {display:none;}
.public_a_b:hover .ico2 {display:inline-block;}

.public_a_c:hover .title {opacity:0.8;}
.public_a_c:hover .ico1 {display:none;}
.public_a_c:hover .ico2 {display:inline-block;}
.public_a_c .bd, .public_a_c .bd1 {}
.public_a_c:hover .bd {opacity:0.6;display:block;animation:zshow 1s;-moz-animation: zshow 1s;-webkit-animation: zshow 1s;}
.public_a_c:hover .bd1 {opacity:1;display:block;animation:zshow 1s;-moz-animation: zshow 1s;-webkit-animation: zshow 1s;}

.journal {margin-top:-2.0em;}
.journal .li {width:26.4%;margin-left:10.39%;padding:2.0em 0;}

.lushang_company {margin-top:-2.0em;}
.lushang_company .li {width:19%;margin-left:8%;padding:1.0em 0;}

@keyframes zshow { /* 背景显示效果 */
    0% { transform: translateY(100%); opacity: 0; }
    100% { transform: translateY(0%); opacity: 1; }
}

/* 手机 */
@media screen and (max-width: 1280px) /*当屏幕尺寸小于1280px时，应用下面的CSS样式*/
{   
    #pages8{text-align: center !important;}
    .pages8 .layui-laypage{font-size:.7em;}
    .journal {margin-top:-1.0em;}
    .journal .li {width:48.5% !important; padding:1.0em 0; margin-left: 0 !important;}
    .journal .li:nth-child(2n){float:right}
    .lushang_company {margin-top:-2.0em;}
    .lushang_company .li{margin-left: 0 !important;}
    .lushang_company .li:nth-child(2n) {width:22.5%;float: right;padding:1.0em 0;}

    .jg {height:2.0em;}

    .m_nav{display: block;}
}