/*
* @Author: Dodo
* @Date:   2018-07-02 16:11:20
* @Last Modified by:   DoDo
* @Last Modified time: 2019-10-11 16:50:16
*/
@media screen and (max-width: 1679px){

    /*==================================================== public */
    .nav-toggle ul li{
        margin-left: 40px;
    }
}
@media screen and (min-width: 1660px){
    .w1600.container{
        width: 1600px;
    }
}
@media screen and (max-width: 1659px){

    /*==================================================== public */
    .nav-toggle ul li{
        margin-left: 30px;
    }
    .nav-toggle ul li>a.on{
        padding-right: 15px;
    }

    /*==================================================== index */
    .index-notice-01{
        padding-right: 100px;
    }
    
}
@media (min-width: 1440px) and (max-width: 1660px){
    .w1600.container{
        width: 1400px;
    }
}
@media screen and (min-width: 1440px){
    .w1400.container{
        width: 1400px;
    }

    
}
@media screen and (max-width: 1439px){

    /*==================================================== public */
    .header .a-logo img{
        height: 50px;
    }
    .nav-toggle{
        letter-spacing: 0;
    }
    .nav-toggle ul li>a{
        line-height: 50px;
    }
}
@media screen and (max-width: 1399px){

    
}
@media screen and (max-width: 1365px){

    /*==================================================== public */
    .foot-left{
        width: calc(100% - 282px);
        padding-right: 15px;
    }
    .foot-mail .a-01{
        margin-left: 10px;
    }
    .foot-right{
        width: 282px;
    }
    .foot-right-cont{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .foot-ewm{
        display: block;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .foot-ewm .div-01:first-child{
        margin-left: 0;
    }
    .foot-link{
        display: block;
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 10px;
        margin-right: 0;
    }
    .foot-link .div-01{
        width: 100%;
    }

    /*==================================================== index */
    .index-chain-cont{
        margin-right: 0;
    }


}
@media screen and (max-width: 1279px){
    /*==================================================== public */
    .header .a-logo img{
        height: 40px;
    }
    .nav-toggle ul li>a{
        line-height: 40px;
    }
}
@media (min-width: 1200px) and (max-width: 1365px){

    /*==================================================== index */
    .index-about-nav ul{
        width: 310px;
    }
    .index-about-nav ul li a::after{
        right: 15px;
    }

    .index-news-cont{
        width: 740px;
    }
    .index-news-tab-nr{
        width: 420px;
    }
    .index-news-02{
        padding-left: 30px;
        padding-right: 30px;
    }
    .index-news-02 .div-date{
        left: 30px;
    }

    .index-box-cont{
        width: 570px;
    }

    /*==================================================== 03_关于能矿锰业_公司简介 */
    .about-contact-word ul{
        padding-left: 60px;
        padding-top: 70px;
    }

    /*==================================================== 05_产品中心_详情页 */
    .product-xq-cont .div-info .div-des{
        width: 580px;
    }
}
@media screen and (min-width: 1200px){
    
    /*==================================================== public */
    .header-bream{
        display: none;
    }
    .nav-toggle{
        display: block !important;
    }
    .nav-toggle ul li:hover>a{
        color: #1b8930;
    }
    .nav-toggle ul li:hover>a.on{
        color: #1b8930;
        background: url('../images/tip-01.png') right center no-repeat;
    }
    .nav-toggle ul li:hover .nav-down{
        visibility: visible;
        transform: translate(-50%,0px);
        filter:alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    .nav-down{
        display: block !important;
        visibility: hidden;
        transform: translate(-50%,10px);
        filter:alpha(opacity=0);
        -moz-opacity:0;
        -khtml-opacity: 0;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }
    .nav-down-cont .span-01:hover a{
        background: #fff;
        color: #1b8930;
    }

    .foot-mail .a-01:hover{
        border-color: rgba(27,137,48,.5);
        background: rgba(255,255,255,.9);
    }
    .foot-link-cont a:hover{
        background: #f2f2f2;
        color: #1b8930;
    }
    .foot-left a:hover{
        color: #1b8930;
    }

    .pages a:hover{
        color: #fff;
        background: #1b8930;
    }
    
    /*==================================================== index */
    .banner-prev:hover{
        background: url('../images/arrow-prevh.png') center center no-repeat;
    }
    .banner-next:hover{
        background: url('../images/arrow-nexth.png') center center no-repeat;
    }


    .banner-a1:hover .banner-word .div-cont{
        margin-left: 72px;
    }
    .banner-a1:hover .banner-nav{
        visibility: visible;
        filter:alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;
    }

    .index-notice-01 a:hover{
        color: #1b8930;
    }

    .index-about-nav ul li a:hover{
        background: rgba(0,0,0,.2);
    }
    .index-about-nav ul li a:hover::after{
        transform: translateX(0);
        filter:alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;
    }


    .index-more:hover{
        background: #1b8930;
        color: #fff;
        border-color: #1b8930;
    }
    .index-product-owl .owl-nav button.owl-prev:hover{
        background: url('../images/arrow-lefth.png') center center no-repeat;
    }
    .index-product-owl .owl-nav button.owl-next:hover{
        background: url('../images/arrow-righth.png') center center no-repeat;
    }

    .index-product-a1:hover{
        background: url('../images/bg-04h.png') center center repeat;
    }
    .index-product-a1:hover .span-img img{
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1); 
    }
    .index-product-a1:hover .span-more{
        filter:alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;
        transform: translateY(0);
    }
    
    .index-chain-title .a-more:hover{
        background: #1b8930;
        color: #fff;
        border-color: #1b8930;
    }
    .index-chain-owl .owl-nav button.owl-prev:hover{
        background: url('../images/arrow-lefth.png') center center no-repeat;
    }
    .index-chain-owl .owl-nav button.owl-next:hover{
        background: url('../images/arrow-righth.png') center center no-repeat;
    }

    .index-news-menu a:hover{
        color: #1b8930;
        background: url('../images/tip-04h.png') left center no-repeat;
    }

    .index-news-01 .div-img:hover::before{
        filter:alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;
    }

    .index-proposal-list li a:hover{
        color: #1b8930;
    }
    .index-trends-01 .div-img:hover img{
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1); 
    }
    
    /*==================================================== 03_关于能矿锰业_公司简介 */
    .public-menu-cont a:hover{
        background: #1b8930;
        color: #fff;
    }
    .public-bream a:hover{
        color: #1b8930;
    }
    
    .about-leader-owl .owl-nav button.owl-prev:hover{
        background-image: url('../images/arrow-lefth.png');
    }
    .about-leader-owl .owl-nav button.owl-next:hover{
        background-image: url('../images/arrow-righth.png');
    }

    .about-culture-01:hover{
        border-color: #1b8930;
    }
    .about-culture-01:hover .span-bg{
        filter:alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    .about-culture-01:hover .div-title{
        color: #fff;
    }
    .about-culture-01:hover .div-des{
        color: #fff;
    }


    .about-base-owl{
        position: relative;
        display: block;
        visibility: visible;
        z-index: 1;
    }
    .about-base-owl2{
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        visibility: hidden;
    }
    .about-base-owl2 .owl-nav button.owl-prev:hover,
    .about-base-owl .owl-nav button.owl-prev:hover{
        background-image: url('../images/arrow-lefth.png');
    }
    .about-base-owl .owl-nav button.owl-next:hover,
    .about-base-owl2 .owl-nav button.owl-next:hover{
        background-image: url('../images/arrow-righth.png');
    }
    .about-base-div1.on{
        width: 45.6%;
    }
    .about-base-div1.on .about-base-word{
        display: block;
    }
    .about-base-div1.on .about-base-mc{
        background: rgba(0,0,0,.6);
        filter:alpha(opacity=100);  
        -moz-opacity:1;  
        -khtml-opacity: 1;
        opacity: 1;
    }
    .about-base-div1.on .span-title{
        display: none;
    }
    
    /*==================================================== 14_诚聘英才 */
    .jobs-top:hover{
        color: #fff;
        background-color: #1b8930;
        border-color: #1b8930;
    }
    .jobs-top:hover .span-05 .bdo1{
        background: url('../images/icon-08hh.png') right center no-repeat;
    }
    
    /*==================================================== 05_产品中心_详情页 */
    .product-xq-tab .span-01:hover{
        background: #1b8930;
        color: #fff;
    }
    .product-xq-page .span-01 a:hover{
        color: #1b8930;
    }
    
    /*==================================================== 06_新闻资讯_列表页 */
    .nes-list li:hover{
        padding-top: 21px;
        margin-top: -1px;
        background: #fff;
        -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  
        -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  
        box-shadow:0 0 10px rgba(0, 0, 0, .1); 
    }
    .nes-list li:hover .a-img::before{
        filter:alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    .nes-list li:hover .div-title a{
        color: #1b8930;
    }
    .nes-list li:hover .div-date{
        background: url('../images/bg-19h.png') center top no-repeat;
    }
    
    /*==================================================== 08_党建动态_列表页 */
    .trends-01:hover .div-date{
        background: #1b8930;
    }
    .trends-01:hover .div-title a{
        color: #1b8930;
    }
    
    /*==================================================== 10_企业文化_列表页 */
    .culture-01:hover .div-title a{
        color: #1b8930;
    }
    
    /*==================================================== 12_合理化建议_列表页 */
    .sugg-list li:hover{
        border-color: #fff;
        -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  
        -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  
        box-shadow:0 0 10px rgba(0, 0, 0, .1); 
    }
    .sugg-list li:hover .a-img{
        border-color: #1b8930;
    }
    .sugg-list li:hover .div-title a{
        color: #1b8930;
    }
}
@media (min-width: 1280px) and (max-width: 1365px){
    
}
@media screen and (max-width: 1279px){
    
}
@media screen and (max-width: 1199px){
    
    /*==================================================== public */
    .header,.index-header{
        padding-top: 15px;
    }
    .header-bream{
        display: block;
    }
    .nav-toggle{
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        padding: 70px 3.125% 20px;
        overflow: auto;
        background: #fff;
        display: none;
    }

    .nav-toggle ul{
        padding-top: 30px;
        border-top: 1px solid rgba(27,137,48,.5);
    }
    .nav-toggle ul li{
        width: 100%;
        margin-left: 0;
        padding-left: 15px;
        padding-right: 15px;
        border-bottom: 1px solid rgba(27,137,48,.2);
    }
    .nav-toggle ul li:last-child{
        border-bottom: none;
    }
    .nav-down{
        position: static;
        display: none;
        margin-left: -15px;
        margin-right: -15px;
        border-top: 1px solid rgba(27,137,48,.2);
    }
    .nav-down-cont{
        background: none;
    }
    .nav-down-cont .span-01{
        /*border-top: 1px solid rgba(27,137,48,.2);*/
    }
    .nav-down-cont a{
        color: #1b8930;
    }
    
    /*==================================================== index */
    .index-about-nav{
        margin-left: 130px;
    }
    .index-about-nav ul li a::after{
        display: none;
    }
    .index-product-owl .owl-nav button.owl-next, .index-product-owl .owl-nav button.owl-prev{
        width: 40px;
        height: 40px;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .index-product-title{
        top: 70px;
    }
    .index-product-a1{
        padding-top: 280px;
        padding-bottom: 160px;
    }
    .index-product-a1 .span-more{
        display: none;
    }

    .index-chain-cont{
        width: 635px;
        margin-top: 20px;
    }
    .index-chain-owl .owl-nav button.owl-next, .index-chain-owl .owl-nav button.owl-prev{
        width: 40px;
        height: 40px;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .index-news-title{
        float: none;
        width: 100%;
        padding-right: 0;
        margin-top: 0;
        text-align: center;
    }
    .index-news-title .index-title2{
        background-position: center bottom;
    }
    .index-news-des{
        margin-top: 25px;
    }
    .index-news-menu{
        margin-top: 35px;
    }

    .index-news-cont{
        float: none;
        margin: 30px auto 0;
    }

    /*==================================================== 03_关于能矿锰业_公司简介 */
    .about-base-owl{
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        visibility: hidden;
    }
    .about-base-owl2{
        position: relative;
        display: block;
        visibility: visible;
        z-index: 1;
    }
    /*==================================================== 04_产品中心_列表页 */
    .product .index-product-a1 .span-cont{
        margin-top: 30px;
    }

    /*==================================================== 03_关于能矿锰业_公司简介 */
    .about-base-div1{
        width: 20%;
    }
    .about-contact-word ul{
        padding-top: 60px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .about-contact-word ul li{
        margin-top: 22px;
    }

    /*==================================================== 14_诚聘英才 */
    .join-idea-cont{
        padding: 50px;
    }
    .join-idea-cont .div-img{
        float: none;
        width: 100%;
    }
    .join-idea-cont .div-img img{
        margin-left: auto;
        margin-right: auto;
    }
    .join-idea-cont .div-cont{
        float: none;
        width: 100%;
        margin-top: 50px;
        padding-top: 0;
    }

    /*==================================================== 06_新闻资讯_列表页 */
    .product-xq-cont .div-info .div-des{
        width: 400px;
        margin-left: 40px;
    }


    .nes-list li .div-cont{
        width: 450px;
    }
}
@media (min-width: 992px) and (max-width: 1199px){

    /*==================================================== index */
    .index-box-cont{
        width: 470px;
    }

}
@media screen and (min-width: 992px){

    /*==================================================== 06_新闻资讯_列表页 */
    .nes-list li .div-more .span-01{
        display: none;
    }
}
@media screen and (max-width: 991px){

    /*==================================================== index */
    .index-about{
        padding-bottom: 315px;
    }
    .index-about-intro-01{
        padding-right: 0;
    }
    .index-about-intro-01 .a-img{
        display: none;
    }
    .index-about-nav{
        margin-left: 85px;
    }
    .index-about-video{
        margin-top: -220px;
    }

    .index-chain-logo{
        display: none;
    }
    .index-chain-cont{
        width: 100%;
        margin-top: 0;
    }

    .index-box-left,.index-right{
        position: static;
        float: none;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .index-box-left .index-box-cont,.index-box-cont{
        float: none;
        width: 100%;
    }
    .index-box-left .index-box-cont{
        padding-right: 0;
    }
    .index-right{
        padding-bottom: 80px;
    }
    .index-talents{
        padding-left: 0;
    }

    /*==================================================== 03_关于能矿锰业_公司简介 */
    .about-intro .index-title .b-cn{
        font-size: 28px;
        line-height: 28px;
    }

    .about-leader-owl{
        padding-left: 50px;
        padding-right: 50px;
    }
    .about-leader-owl .owl-nav button.owl-prev,
    .about-leader-owl .owl-nav button.owl-next,
    .about-base-owl .owl-nav button.owl-prev, 
    .about-base-owl .owl-nav button.owl-next,
    .about-base-owl2 .owl-nav button.owl-prev, 
    .about-base-owl2 .owl-nav button.owl-next{
        width: 40px;
        height: 40px;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .about-culture-01{
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .about-base{
        padding-left: 15px;
        padding-right: 15px;
    }

    .about-base-nr{
        height: 300px;
    }

    .about-base-owl,.about-base-owl2{
        margin-top: 30px;
    }

    .about-contact-word ul{
        padding-top: 30px;
    }
    .about-contact-word ul li{
        margin-top: 15px;
    }

    /*==================================================== 14_诚聘英才 */
    .jobs-bottom{
        padding-left: 30px;
        padding-right: 30px;
    }


    .product-xq-cont .div-info{
        padding: 30px;
    }
    .product-xq-cont .div-info .div-img{
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        height: auto;
    }
    .product-xq-cont .div-info .div-img img{
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .product-xq-cont .div-info .div-des{
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
        padding-top: 0;
    }

    /*==================================================== 06_新闻资讯_列表页 */
    .nes-list li .div-cont{
        width: 100%;
    }
    .nes-list li .div-date{
        display: none;
    }



}
@media (min-width: 767px) and (max-width: 991px){

    /*==================================================== index */
    .index-news-tab{
        width: 230px;
    }
    .index-news-01 .div-img, .index-news-tab .div-img img{
        width: 230px;
        height: 153px;
    }
    .index-news-tab-nr{
        width: 470px;
    }
    .index-news-02{
        height: 499px;
        padding-top: 140px;
    }
    .index-news-02 .div-more{
        margin-top: 40px;
    }

    .index-box-left .index-box-cont,.index-box-cont{
        width: 720px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (min-width: 768px){

    /*==================================================== index */
    .index-news-01 .div-cont{
        display: none;
    }
    .index-news-tab .div-img.on::before{
        filter:alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;
    }
    .index-news-01 .a-mc{
        display: none;
    }
}
@media screen and (max-width: 767px){

    /*==================================================== public */
    .header{
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer{
        padding-bottom: 20px;
    }
    .footer-cont{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .foot-right{
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .foot-ewm .div-01{
        float: none;
        display: inline-block;
    }
    .foot-left{
        display: block;
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        text-align: center;
        margin-top: 20px;
    }
    .foot-phone{
        margin-top: 20px;
    }
    .foot-mail .span-01{
        display: block;
        margin-bottom: 10px;
    }
    .foot-mail .a-01{
        margin: 0 10px;
    }

    .pages a,.pages strong{
        display: none;
    }
    .pages a:first-child,.pages a:last-child{
        display: inline-block;
        width: 46%;
        margin: 0 1.5%;
    }

    /*==================================================== public */
    .banner-word .div-title{
        font-size: 36px;
        line-height: 50px;
        padding-bottom: 25px;
    }
    .banner-word .span-more{
        margin-top: 45px;
    }

    .index-notice-cont{
        padding-left: 0;
        padding-right: 60px;
    }
    .index-notice-cont .span-01{
        display: none;
    }
    .index-notice-cont .a-more{
        width: 34px;
        margin-right: -60px;
    }
    .index-notice-cont .a-more bdo{
        display: none;
    }


    .index-title .b-cn{
        font-size: 28px;
        line-height: 28px;
    }
    
    .index-about{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .index-about-intro{
        float: none;
        width: 100%;
    }
    .index-about-intro-01 .div-title{
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 20px;
    }
    .index-about-intro-01 .div-title span{
        height: 56px;
    }
    .index-about-intro-01 .div-title a{
        max-height: 56px;
    }
    .index-about-intro-01 .div-des{
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .index-about-nav{
        position: static;
        margin-left: 0;
        padding-top: 30px;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .index-about-nav ul li{
        line-height: 56px;
    }
    .index-about-nav ul li a{
        font-size: 20px;
    }

    .index-about-video{
        margin-top: 0;
        margin-bottom: 50px;
        padding-left: 0;
        padding-right: 0;
    }
    .index-about-video .span-mc{
        font-size: 16px;
        line-height: 16px;
    }
    .index-about-video .span-mc img{
        width: 30px;
        margin-bottom: 15px;
    }
    
    .index-product-title{
        top: 50px;
    }
    .index-product-title .div-title{
        font-size: 24px;
        line-height: 24px;
    }
    .index-product-a1{
        border-left: none;
        padding: 205px 15px 60px;
    }
    .index-product-a1 .span-title{
        font-size: 20px;
        line-height: 30px;
    }
    .index-product-a1 .span-des{
        margin-top: 15px;
    }

    .index-chain{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .index-chain-title{
        padding-left: 0;
        padding-bottom: 20px;
    }
    .index-chain-title .mg-icon{
        display: none;
    }
    .index-chain-title .div-cn{
        padding-top: 5px;
    }
    .index-chain-title .div-en{
        font-size: 14px;
        line-height: 14px;
    }
    .index-chain-title .a-more{
        top: 10px;
        width: 40px;
        background: #1b8930;
        border-color: #1b8930;
        color: #fff;
    }
    .index-chain-title .a-more bdo{
        display: none;
    }
    .index-chain-owl{
        padding-left: 50px;
        padding-right: 50px;
        margin-top: 30px;
    }


    .index-news{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .index-news-tab{
        width: 100%;
    }
    .index-news-menu a{
        margin-left: 15px;
    }
    .index-news-01{
        background: #fff;
        padding: 15px 15px 15px 155px;
    }
    .index-news-01 .a-mc{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
    }
    .index-news-01 .div-img{
        float: left;
        margin-left: -140px;
    }
    .index-news-01 .div-img, .index-news-tab .div-img img{
        width: 130px;
        height: 87px;
    }
    .index-news-01 .div-cont{
        display: block;
    }
    .index-news-01 .div-title{
        font-size: 16px;
        line-height: 20px;
        height: 20px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .index-news-01 .div-des{
        color: #666;
        font-size: 14px;
        line-height: 20px;
        height: 40px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: 5px;
    }
    .index-news-01 .div-date{
        color: #999;
        line-height: 14px;
        margin-top: 5px;
    }
    .index-news-01 .div-date .span-more{
        position: absolute;
        right: 0;
        top: 0;
    }


    .index-news-tab-nr{
        display: none !important;
    }
    .index-title2 .span-cn{
        font-size: 28px;
        line-height: 28px;
    }

    .index-box-left{
        float: none;
        width: 100%;
    }
    .index-right{
        position: static;
        width: 100%;
    }
    .index-proposal,.index-trends,.index-right{
        padding: 50px 15px;
    }
    .index-right{
        padding-bottom: 80px;
    }

    /*==================================================== 04_产品中心_列表页 */
    .public-title .span-cn{
        font-size: 30px;
        line-height: 30px;
    }
    .public-title .span-en{
        font-size: 20px;
        line-height: 20px;
    }

    /*==================================================== 03_关于能矿锰业_公司简介 */
    .product .index-product-a1 .span-cont{
        left: 15px;
        right: 15px;
    }
    .public-menu{
        margin-left: -10px;
        margin-right: -10px;
        padding-right: 0;
    }
    .public-bream{
        display: none;
    }

    .about-intro{
        padding-top: 50px;
        padding-bottom: 59px;
    }
    .about-intro-left, .about-intro-word{
        display: block;
        width: 100%;
    }
    .about-intro-left{
        text-align: center;
    }
    .about-intro-img{
        margin-left: auto;
        margin-right: auto;
    }

    .about-intro-word{
        margin-top: 30px;
    }
    .about-intro-word .div-title{
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        background-position: center bottom;
    }

    .about-leader{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .about-title{
        font-size: 28px;
        line-height: 28px;
    }
    .about-leader-01{
        padding-left: 0;
    }
    .about-leader-01 .div-img{
        float: none;
        max-width: 90%;
        margin: 0 auto;
    }
    .about-leader-01 .div-cont .div-title{
        font-size: 18px;
        line-height: 28px;
    }

    
    .about-chart{
        padding-top: 45px;
        padding-bottom: 50px;
    }
    .about-chart .about-title{
        line-height: 38px;
    }
    .about-culture{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .about-culture .row{
        padding-top: 15px;
    }
    .about-culture-01{
        margin-top: 15px;
    }
    .about-culture-01 .div-title{
        font-size: 24px;
        line-height: 24px;
    }
    .about-culture-honor{
        padding-top: 50px;
    }
    .about-culture-owl{
        margin-top: 30px;
    }
    
    .about-base{
        padding: 50px 0;
    }
    .about-contact{
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .about-contact-map{
        float: none;
        width: 100%;
    }
    .about-contact-word{
        float: none;
        width: 100%;
        padding-bottom: 40px;
    }
    .about-contact-word ul{
        padding-left: 15px;
        padding-right: 15px;
    }

    /*==================================================== 14_诚聘英才 */
    .banner-inside .public-menu{
        margin-top: 20px;
    }
    .join-idea{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .join-idea-cont{
        margin-top: 30px;
        padding: 15px 15px 30px;
    }
    .join-idea-cont .div-cont{
        margin-top: 20px;
        padding:0;
    }
    .join-idea-cont .div-title{
        font-size: 20px;
        line-height: 30px;
    }

    .join-recruit{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .jobs-list{
        margin-top: 30px;
    }
    .jobs-li span{
        display: none;
    }
    .jobs-li .span-01,.jobs-li .span-03{
        display: block;
    }
    .jobs-li1{
        line-height: 24px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .jobs-li .span-01{
        width: 30%;
        padding: 0 10px;
    }
    .jobs-li .span-03{
        width: 70%;
        padding: 0 10px;
    }
    .jobs-bottom{
        padding-left: 15px;
        padding-right: 15px;
    }

    .join-message{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .join-message-form{
        margin-left: auto;
        margin-right: auto;
    }
    .join-message-form li{
        margin-top: 15px;
    }
    .join-message-form .but-01{
        width: 100%;
    }

    /*==================================================== 05_产品中心_详情页 */
    .banner-inside-xq .banner-about-word{
        padding-bottom: 50px;
    }
    .xq-content{
        margin-top: 0;
    }
    .product-xq-cont{
        padding-left: 0;
        padding-right: 0;
    }
    .product-xq-cont .div-info{
        padding: 15px;
    }
    .product-xq-tab{
        margin-top: 25px;
        text-align: center;
    }
    .product-xq-tab .span-01{
        min-width: inherit;
        padding: 0 30px;
        height: 40px;
        line-height: 40px;
    }
    .product-xq-nr{
        margin-top: 20px;
    }

    /*==================================================== 07_新闻资讯_详情页 */
    .news-art-title,.news-art-cont{
        padding-left: 0;
        padding-right: 0;
    }
    .news-art-title{
        font-size: 20px;
        line-height: 30px;
    }

    /*==================================================== 06_新闻资讯_列表页 */
    .news-main{
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .nes-list li{
        padding-left: 0;
        padding-right: 0;
    }
    .nes-list li .a-img{
        margin-bottom: 10px;
    }
    .nes-list li .a-img,.nes-list li .a-img img{
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    .nes-list li .div-title{
        padding-bottom: 10px;
        height: 54px;
    }
    .nes-list li .div-more{
        margin-top: 15px;
    }

    /*==================================================== 08_党建动态_列表页 */
    .trends-main{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .trends-list{
        padding-bottom: 25px;
    }
    .trends-01{
        margin-bottom: 15px;
    }

    /*==================================================== 10_企业文化_列表页 */
    .culture-01{
        margin-bottom: 15px;
    }
    
    /*==================================================== 12_合理化建议_列表页 */
    .sugg-list li{
        padding: 15px;
    }
    .sugg-list li .a-img{
        margin-left: 0;
        float: none;
        display: block;
    }
    .sugg-list li .a-img,.sugg-list li .a-img img{
        width: 100%;
        height: auto;
    }
    .sugg-list li .div-cont{
        padding-top: 15px;
    }
    .sugg-list li .div-cont .div-title{
        font-size: 18px;
    }
    .sugg-list li .div-cont .div-des{
        margin-top: 10px;
    }
    
    /*==================================================== 12_合理化建议_列表页 */
    .sugg-list{
        padding-bottom: 25px;
    }
    .sugg-list li{
        margin-bottom: 15px;
    }

}
@media screen and (max-width: 374px){

    /*==================================================== public */
    .header .a-logo img{
        height: 30px;
    }
    .header-bream{
        margin-top: 4px;
    }

    /*==================================================== index */
    .index-notice-01{
        padding-right: 0;
    }
    .index-notice-01 .span-date{
        display: none;
    }

    .index-news-01{
        padding: 10px 10px 10px 120px;
    }
    .index-news-01 .div-img{
        margin-left: -110px;
    }
    .index-news-01 .div-img, .index-news-tab .div-img img{
        width: 100px;
        height: 67px;
    }
    .index-news-01 .div-date{
        display: none;
    }
}