.product_index{



    padding: 30px 0;



}







.product_all{



    padding-top: 100px;



}







.product_li{



    margin: 15px 0;



    transition: .5s all;



}





.product_li_all{



    box-shadow: 0 0 20px 0 hsla(0,0%,76.1%,.3);



    text-align: center;



    padding: 50px 0;



}







.product_img{



    padding-bottom: 50px;



}







.product_img img{



    width: 40%;



}







.product_desc{



    font-size: 25px;



}







.product_fuwu_img{



    text-align: center;



}





.index_about_top {

    text-align: center;

}



.index_about_title {

    font-size: 30px;

    font-weight: bold;

    color: #000;

}



.index_about_line {

    width: 50px;

    height: 3px;

    background: #288cda;

    margin: 10px auto;

}





.index_about_top,.index_content{width: 75%; float: right;}



.index_product_bottom{padding-top: 50px;}



.pro-ul li{float: left;width: 24%;margin-left: 1%;margin-bottom: 35px;}



.pro-ul li .pro-pic{width: 100%; height: 0;overflow: hidden;position: relative;padding-top: 75%;}



.pro-ul li .pro-pic a{display: block; overflow: hidden;}



.pro-ul li .pro-pic:hover img{transform: scale(1.1);}



.pro-ul li .pro-pic img{display: block;position: absolute;top: 0; left: 0;width: 100%; height: 100%;transition: .5s all;}



.pro-ul li .pro-tit {text-align: center;}



.pro-ul li .pro-tit i{display: inline-block;width: 80px;height: 4px;background: -moz-linear-gradient(left, #fd0909 0%, #c7000b 100%);background: -webkit-linear-gradient(left, #fd0909 0%,#c7000b 100%);background: -o-linear-gradient(left, #fd0909 0%,#c7000b 100%);background: -ms-linear-gradient(left, #fd0909 0%,#c7000b 100%);background: linear-gradient(to right, #fd0909 0%,#c7000b 100%);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}



.pro-ul li .pro-tit a{display: block;font-size: 20px;color: #333333;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.pro-ul li:hover a{color: #c7000b;}



.pro-ul li:hover .pro-tit i {

    width: 100%;

}



@media(max-width:768px){



    .curr_nav{



        margin-top: -10px;



    }



    .product_index{



        padding: 30px 0;



        margin-top: 0;



    }



    .product_all{



        padding-top: 30px;



    }



    .product_fuwu_img img{



        width: 100%;



    }



    .product_li_all{



        padding: 30px 0;



    }



    .product_img{



        padding-bottom: 30px;



    }



    .product_desc{



        font-size: 20px;



    }



    .pro-ul li{

        width: 49%;

    }



}







.zixun-list {



    width: 230px;



    height: 28px;



    display: inline-block;



    border: 1px solid #288cda;



    line-height: 28px;



    color: #288cda;



    font-size: 14px;



    text-align: center;



    margin-top: 2px;



}







.news-content-main {



    width: 90%;



    display: inline-block;



    margin-left: 30px;



    font-size: 0;



}







.news-content {



    position: relative;



    /* padding: 30px 0; */

    padding: 10px 0;


    cursor: pointer;



    border-bottom: 1px solid #EBEBEB;



    display: flex;



}







.news-title {



    /* font-size: 20px; */

    font-size: 18px;



    color: #333333;



    line-height: 26px;



    margin: 0;

}







.news-cont-box{



    width: 75%;

    float: right;



    padding: 0 0 30px 0;



}



.index_content{

    width: 75%;

    float: right;

}





.news-bigblock{

    padding-top: 30px;

}









































.news_top_all ul{



    display: flex;



    padding: 30px 0;



    border-bottom: 1px solid #EBEBEB;



}







.news_top_all ul li{



    padding: 0 15px;



    font-size: 20px;



}







.news_top_all ul li a{



    transition: .5s all;



}







.news_top_all ul li.on a{



    display: block;



    background: #288cda;



    color: #fff;



    border-radius: 20px;



    padding: 0 15px ;



}







.news_top_all ul li:hover a{



    display: block;



    background: #288cda;



    color: #fff;



    border-radius: 20px;



    padding: 0 15px ;



}







.news_top_all ul li:first-child{



    padding-left: 0;



}







.news-cont,.news-content{



    transition: 1s all;



}







.news-cont:hover{



    background-color: #f3f3f3;



    border: none;



}







.news-cont:hover .news-content{



    padding-left: 80px;



}







.news-cont-time{



    width: 120px;



    font-size: 18px;



}















@media(max-width:768px){



    .curr_all{



        display: block;
        padding: 0 0 15px;


    }



    .curr_title {



        font-size: 25px;



    }



    .news-content{



        display: block;



    }



    .news-content-main{



        width: 80%;

        float: left;

        margin: 20px 0;



    }
    .index_content img {
        max-width: 100%;
    }


}































.news_wrap{



    padding: 0 0 40px 0;



}







.index-sec1-box {



    overflow: hidden;



}







.irn_zx {



    width: 100%;



    overflow: hidden;



}







.irn_zx ul {



    width: 100%;



    margin: 0px;



    overflow: hidden;



}







.irn_zx li {



    float: left;



    margin-bottom: 50px;



}







.irn_zx li a{



    display: block;



    background: #f7f7f7;



}







.sec1-text {



    padding: 20px;



}







.irn_zx .i_pic {



    width: 100%;



    height: 220px;



    overflow: hidden;



}







.sec1-bg {



    width: 100%;



    height: 100%;



    background-size: cover;



    background-position: center;



    -webkit-transition: all .8s;



    -moz-transition: all .8s;



    transition: all .8s;



}







.irn_zx li:hover .sec1-bg {



    -webkit-transform: scale(1.1);



    transform: scale(1.1);



}







.irn_zx .i_tit {



    font-size: 16px;



    height: 48px;



    line-height: 24px;



    overflow: hidden;



}







.irn_zx .i_oth {



    margin: 14px 0 0 0;



    padding-top: 16px;



    color: #bcbcbc;



    border-top: 1px dashed #d0d0d0;



    font-size: 13px;



}







.irn_hot {



    width: 25%;



    height: 610px;



    padding: 20px 20px 0 0;



    background: #f7f7f7;



}







.sub_tit span {



    float: left;



    margin-left: -1px;



    display: block;



    border-left: 4px solid #f98235;



    padding-left: 16px;



    font-size: 20px;



}







.irn_hot .sub_tit {



    border: 0;



    margin: 0 0 0 1px



}







.irn_hot .irn_list {



    margin: -1px 0 0 20px;



    border: 0



}







.irn_hot .irn_list li {



    margin-left: 0;



    padding: 20px 0 20px 0



}







.irn_hot .irn_list li+li {



    border-top: 1px solid #e6e6e6;



}







.irn_hot .irn_news {



    height: 550px



}







.irn_hot li .info {



    position: relative;



    overflow: hidden



}







.irn_hot li .info a {



    display: block;



    margin-left: 30px;



    margin-bottom: 5px;



    font-size: 16px;



    color: #666;



    line-height: 1.6;



    height: 50px;



    overflow: hidden;



}







.irn_hot li:hover .info a {



    color: #f98235;



}







.irn_hot li .info em {



    display: block;



    position: absolute;



    top: 4px;



    left: 0;



    width: 30px;



    height: 24px;



    color: #bbb



}







.irn_hot li .info .num1 {



    color: #ff0000



}







.irn_hot li .info .num2 {



    color: #ff9000



}







.irn_hot li .info .num3 {



    color: #ffcc00



}







.irn_hot li .time {



    padding-left: 30px;



    color: #bcbcbc;



    font-size: 13px;



}



































.news_top_all ul{







    display: flex;







    border-bottom: 1px solid #EBEBEB;







}















.news_top_all ul li{







    padding: 0 15px;







    font-size: 20px;







}















.news_top_all ul li a{







    transition: .5s all;







}















.news_top_all ul li.on a{







    display: block;







    background: #3bb3c3;







    color: #fff;







    border-radius: 20px;







    padding: 0 15px ;







}















.news_top_all ul li:hover a{







    display: block;







    background: #3bb3c3;







    color: #fff;







    border-radius: 20px;







    padding: 0 15px ;







}











.info-detail p{margin: 26px 0px 0px; padding: 0px; font-size: 16px; line-height: 35px; color: rgb(51, 51, 51); text-align: justify; font-family: arial;}







.box_1226{



    width: 100%;



    margin: 30px auto 0;



    background: #fff;



    padding: 25px;



}



.new-ifos {



    width: 75%;



    float: right;



    padding: 0 0 50px;



}







.new-ifos .w1200 {



    background: #fff;



    padding: 60px 0;



    box-shadow: 0 0 10px #eee;



}







.new-ifos .info-head {



    width: 100%;



    margin: 0 auto;



    /* font-size: 30px; */

    font-size: 22px;


    font-weight: bold;



    line-height: 40px;



    text-align: center;



    padding: 10px 0 20px;



    font-family: "微软雅黑";



}







.new-ifos .info-date {



    width: 100%;



    font-family: arial;



    text-align: center;



    font-size: 16px;



}







.new-ifos .info-detail {



    width: 100%;



    margin: 0 auto;



    font-size: 14px;



    padding: 20px 0 0;



    line-height: 28px;



}







.info-detail img{



    display: block;



    max-width: 100%;



    margin: 0 auto;



}







.pre-after {



    width: 100%;



    position: relative;



    margin: 50px auto 0;



}







.pre-after .fl {



    width: 800px;



    font-size: 14px;



    line-height: 28px;



}







.pre-after a {



    color: #666;



}







.pre-after p:hover{



    opacity: 0.8;



}







.pre-after .fr {



    float: right;



    font-size: 14px;



    padding-left: 46px;



    border: 1px solid #8c8c8c;



    padding: 7px 40px;



    margin-top: 11px;



}







.pre-after .fr:hover {



    opacity: 0.6;



}







.fl{



    float: left;



}







.news_bg{



    margin-top: 30px;



    background: #f5f5f5;



}







.content{



    padding-bottom: 20px;



}













@media(max-width:768px){



    .content{



        margin: 0;



    }



    .news_top_all ul li {



        padding: 0 10px;



        font-size: 16px;



    }



    .news_top_all ul{



        padding: 0;



        padding: 20px 0;



    }



    .irn_zx .i_pic{



        height: 100px;



    }



    .irn_zx li{



        margin-bottom: 25px;



        padding: 0 5px;



    }



    .sec1-text{



        padding: 9px;



    }



    .box_1226{



        padding: 0 15px;



    }



    .pre-after .fl{



        width: 100%;



    }



    .pre-after .fr{



        float: left;



        margin-bottom: 20px;



    }



    .new-ifos .info-head {



        font-size: 20px;



        line-height: 30px;



    }



    .info-detail img{



        width: 100%;



        height: auto;



    }



    .news_bg{



        margin-top: 0;



    }



    .zixun-list{



        display: none;



    }



    .news-content-main{



        margin: 10px 0;
       

    }
    .news-content-main p {
        overflow: hidden;      
        text-overflow: ellipsis;      
        white-space: nowrap;
        font-size: 16px;
    }


    .news-content{



        padding: 0;

        border-bottom: none;


    }



    .curr_nav{



        margin-top: 0;



    }





    .info-detail p{



        margin: 0;



    }



    .new-ifos .info-detail{



        padding: 0;



    }



    .new-ifos .info-head{



        padding: 10px 0 10px 0;



    }



    .news_top_all ul{

        width: 800px;

    }



    .news_top_all{

        overflow: hidden;

        overflow-x: scroll;

    }



    .news-xg dl,.cp-news.news-xg .index_chanpin_all{

        padding: 0;

    }



    .cp-news.news-xg .index_chanpin_all{

        padding-top: 30px;

    }



    .news-xg li{

        width: 100%;

        padding: 0;

    }

    .news-cont-box,.index_content{

        width: 100%;

    }



    .new-ifos{

        width: 100%;

    }



    .news-cont-time {
        width: 50px;
        float: right;
        margin-top: 10px;
    }
    .news-bigblock {
        padding-top: 10px;
    }
}