/*全局样式*/
@charset "utf-8";
html{overflow-x:hidden;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:14px "微软雅黑","Arial Narrow",HELVETICA;color:#000;-webkit-text-size-adjust:100%;overflow-x:hidden;min-width:320px; background: #f6f6f6}
input:required,textarea:required{outline:0 none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;-webkit-appearance: none !important; position: relative;}
a{text-decoration:none !important; cursor:pointer !important;color:#000;}
a:focus{outline:none;}
a:hover{color: #16b6d8;}
ul{margin:0;}
li{list-style: none;}
.container-box{max-width:780px !important;margin:0 auto;}
.tr{transition:all 0.5s; -moz-transition:all 0.5s;-ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s}
.tr2{transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.of{ height:100%;overflow:hidden }
.pubc{background: #16b6d8;}
.pubcw{background: #fff;}
.pubm10{ margin: 15px 0}
.pubm11{ margin: 6px 0}
.pubp{ position: relative;}

.newslist{padding: 10px 10px 20px 10px; border: 1px solid #ededed; margin: 5px;background: #fff;box-shadow:0 0 6px rgba(0,0,0,0.1)}

.pubtitle{ border-bottom: solid 1px #dddddd; padding: 0px 10px 15px 0px; margin: 15px;}
.pubtitle i{font-size: 29px; color: #adadad;  float: left; margin: 4px 20px 0 0; }
.pubtitle .ptitle a{ font-size: 28px; color: #16b6d8;font-weight: bold;}

.pubtitle2{padding: 0px 10px 15px 0px; margin: 15px;}
.pubtitle2 .ptitle{font-size: 28px; color: #16b6d8;font-weight: bold;}
.img{transform:scale(1.0);}

.pubtitlelist{ display: flex;padding: 0px 10px 15px 0px; margin: 15px;}
.pubtitlelist i{ font-size: 20px; color: #14b6d7; margin-left: 10px; align-items:center; display: flex;}
.pubtitlelist .ptitle{font-size: 28px; color: #16b6d8;font-weight: bold;}
.pubtitlelist .listnav{ height: 35px; line-height: 35px;margin-left: auto;} /*margin-left: auto;最后一个元素右对齐*/
.pubtitlelist .listnav a{  display: inline-block; font-size: 16px; padding: 0 15px;}

.newslogoi{
    display: flex;justify-content: space-between; align-items: center;
    /*position: absolute;*/
 /*   padding: 10px 0px 20px 10px;
    margin: 6px;
    background: #fff;
    !*box-shadow: 0 0 6px rgba(0,0,0,0.1);*!
    box-shadow: 5px 0 5px -5px rgba(0,0,0,0.1),-5px 0 5px -5px rgba(0,0,0,0.1);*/
}
.newslogoi img{height: auto;}
.fanhui{ font-size: 30px; margin-right: 20px; cursor: pointer;}
.fanhui:hover{color: #16B6D8}
.news_l{ margin-left: 15px;}
.news_l dd a{ font-size: 18px; color: #323232; display: block; height: 35px; line-height: 35px;}
.news_l dd a:hover,.news_l dd a:hover i{ color: #16b6d8;}
.news_l dd a i{ color: #adadad;font-size: 13px; margin-right: 10px; }


.news_l2{ margin-left: 15px;}
.news_l2 dd a{ font-size: 18px; color: #323232; display: block; height: 35px; line-height: 35px;}
.news_l2 dd a:hover{ color: #16b6d8;}
.news_l2 dd a span{ color: #ffffff;font-size: 13px; margin-right: 10px; display: inline-block; width: 25px; height: 25px; line-height: 25px; background: #e3141a; text-align: center; border-radius: 5px;}
.news_l2 dd a span.span_gas{background: #adadad;}

.news6{ margin-bottom: 20px;}
.list a{display: block;}
.list{ padding: 0 20px 20px 20px;}
.list .imgbox{ width: 40%;overflow: hidden; float: left;}
.list .imgbox img{ width: 100%;}
.list .text_box{
    margin-left: 43%; line-height: 1.8em; margin-top: 12px;
}
.text {color: #adadad;font-size: 14px; margin-top: 10px; line-height:25px;height: 100px; overflow: hidden;}
/*
.list .text_box .text{
    overflow: hidden;
    display: -webkit-box;//将元素设为盒子伸缩模型显示
-webkit-box-orient: vertical;//伸缩方向设为垂直方向
-webkit-line-clamp: 3;//超出3行隐藏，并显示省略号
}*/
.list .text_box h5{font-size: 18px; color: #323232; display: block; }
.text{color: #adadad;font-size: 16px; margin-top: 20px;}
.list a:hover h5{color: #16b6d8;}
.list a:hover .img{transform:scale(1.1);}


.lists a{display:flex; margin-bottom: 15px;}
.lists{ padding: 0 20px 20px 20px;}
.lists .imgbox{ width: 35%;overflow: hidden; border-radius: 10px;}
.lists .imgbox img{ width: 100%;}
.lists .text_box{font-size: 18px; color: #323232; width: 70%; margin-left: 20px; position:relative;}

.middle-text{position:absolute;top:50%;left:50%; transform:translate(-50%,-50%); width: 100%; line-height: 1.6em; font-weight: 600;}


.lists a:hover .text_box{color: #16b6d8;}


 .listtxt { padding: 10px 20px ;}
 .listtxt a{ display: block; height: 50px; line-height: 50px; color: #323232; font-size: 18px; border-bottom: #e5e5e5 solid 1px;}
 .listtxt a:hover{color: #16b6d8;}

   /*首页脊联产品*/

    .jlcp_list  { width: 50%; float: left;}
    .jlcp_list .jlcp_list_a{display: block;}
    .jlcp_list .jlcp_list_a .imgbox{ width: 100%;overflow: hidden;padding: 5px;}
    .jlcp_list .jlcp_list_a .imgbox img{ width: 100%;}
    .jlcp_list .jlcp_list_a .text_box{ margin-top: 0px; padding: 10px;}
    .jlcp_list .jlcp_list_a .text_box h5{ font-size: 16px;}
    .jlcp_list .Hui-iconfont{color: #adadad; font-size: 13px;}



/*首页广告*/
.ad_index{padding: 5px;}
.ad{width: 100%;}
.adfelx{display: flex; justify-content: space-between;}
.ad50{width: 48%;}

header{width:100%;transition:all .3s;}
header a img{ height: auto;}
header .Hui-iconfont{ color: #fff; font-size: 40px; cursor: pointer; font-weight: normal;}
header .headercon{ display: flex;justify-content:space-between;align-items:center;position: absolute;z-index: 66;width: 100%}
header .Hui-iconfont{ margin-right: 20px;}
/*header .headerright*/
/*搜索按钮*/
.mysc{ position: absolute; top:-300px; left: 0;z-index: 61; background: #fff; width: 100%; padding: 10px;}
.scactive{top:140px;}
.mysc input{ outline: none; border: 0; height: 40px; line-height: 40px; width: 90%;padding: 10px; margin-left: 2px;}
.mysc .scbt{ width: 10%; text-align: center; margin: 0; padding: 0}
.mysccon{border: 1px solid #fafafa;display:flex;align-items:center; background: #16b6d8}
.scbt{font-size: 20px; margin-left: 15px;}

/*头部导航*/
.mynav{position: absolute; top:-800px; left: 0;z-index: 60; background: #fff; width: 100%; padding: 15px; height: 100vh;}
.navactive{top:140px;}
.mynavcon{ position: relative;}
.mynavcon .Hui-iconfont{ position: absolute; top: 15px; right: 30px; color: #676767; font-size: 25px;}



.mynav_title{ text-align: center; font-size: 25px; color: #333; border-bottom: solid #ddd 1px; padding: 10px 0; margin-bottom: 20px;}

.mynav_list{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.mynav_list .div{width:33%;margin-bottom:20px;}
.mynav_list .div a{ display: inline-block; background: #e6e6e6; width: 100%; height: 100%; text-align: center; font-size: 20px; padding: 5px 0;}
.mynav_list .div:hover a{ background: #16b6d8; color: #fff;}

.mynav_lista{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
    border-top: solid #ddd 1px; padding-top: 20px;}
.mynav_lista .div{width:24%;margin-bottom:10px;}
.mynav_lista .div a{ display: inline-block; background: #e6e6e6; width: 100%; height: 100%; text-align: center; font-size: 20px; padding: 5px 0;}
.mynav_lista .div:hover a{ background: #16b6d8; color: #fff;}

nav{ margin-top: 145px;}
.navcon{
    background: #fff; font-size: 28px; padding: 30px 40px 40px; display: flex;justify-content:space-between;
}


.navcon a{ display: inline-block; color: #676767;position:relative;}
.navcon a::after{content: "";display:block;width:36px; height:4px; background:#00abd9; border-radius:3px;position:absolute;bottom:-12px;left:50%; margin-left:-18px; opacity:0;}
.navcon a:hover{ transform: scale(1.2); color: #000;}
.navcon a:hover::after{opacity:1;}



.toutiao{ padding: 10px;display: flex;align-items:center;}
.toutiao .ttleft { width:90px; text-align: center; color: #00abd9; border-right: solid 1px #eaeaea;}
.toutiao .Hui-iconfont{ font-size: 40px; display: block}
.toutiao .ttleft .lefttitle{ display: inline-block; font-size: 28px;}

.toutiao .tttitle{ margin-left: 15px;}
.toutiao .tttitle a{ color: #525252; font-size: 32px; font-weight: bold;}
.toutiao .tttitle a:hover{color: #00abd9;}


/*.mian_lm_1_center{width:100%; overflow: hidden;}*/
.mian_lm_1_center .swiper-container{width:100%;height:500px;border:0px solid #e5e5e5;}
.mian_lm_1_center .swiper-container a{display:block;width:100%;height:100%;position:relative;}
.mian_lm_1_center .swiper-container a .img{width:100%;height:500px;}
.mian_lm_1_center .swiper-container a h5{line-height:35px;background:rgba(0,0,0,0.5);position:absolute;width:100%;bottom:0;left:0;color:#fff;padding: 0 20px 20px 20px; text-align: center; font-size: 18px;}
.mian_lm_1_center .swiper-pagination{text-align:center;bottom:5px;}
.mian_lm_1_center .swiper-pagination-bullet{background:#fff;opacity:1;width:10px;height:10px;}
.mian_lm_1_center .swiper-pagination-bullet-active{background:#13b6d7; width: 20px; border-radius: 20px; }

.footercon{text-align: center; padding: 20px; font-size: 14px; line-height: 1.8em;}


/*右侧客服*/
.fixed{position:fixed;width:40px;height:212px;right:10px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:59;}
.fixed a{display:block;width:40px;height:40px; border: 1px solid #adadad; background: #ffffff; opacity:0.2;text-align: center; font-size: 30px; margin-bottom: 5px; }
.fixed a:hover{background: #13b6d7; color: #fff;}
.fixed div{position:relative;}
.fixed div img{position:absolute;left:-106px;width:100px;height:100px;top:-120px;display:none;}

/*首页结束*/

/*详情页*/
.newsinfo{
    text-align: center;
    border-bottom: #fafafa solid 1px;
    padding: 20px 0;
    margin-bottom: 30px;
    color: #9e9e9e;
  }
.newsinfo i{ margin-left: 10px;}
.newsinfo a{  color: #16B6D8;}
.news_content {
    padding: 0 15px 20px;
    line-height: 25px;
   /* font-weight: lighter;*/
}

.newscon h2{
    font-size: 30px;
    color: #000;
    line-height: 40px;
    font-weight: bold;
    margin: 10px 30px 0 30px;
    font-weight: bold;
}
.newscon #news_content p br{display:inline;;line-height: 5px!important;font-size: 0;}
.news_content img {
    display: block;
    max-width: 100%;
    margin: 15px auto;
    border: 0;
    vertical-align: middle;
}

.updown {
    border-top: #eaeaea solid 1px;
    border-bottom: #eaeaea solid 1px;
    margin: 20px 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

.updown p {
    line-height: 30px;
}
.updown span{ color:#737373}
.updown a{font-size: 16px;}


/*分享代码*/

.share{ text-align: center; clear: both; margin-bottom: 30px;}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.share{ position: fixed; bottom: 30px; left:50%;height: 40px; width: 180px; margin-left: -90px;}
.a_qrcode{ position:absolute;left: 0; top: -160px; }
.copy_link{ height: 32px; width: 32px; background: orange; color: #fff; border-radius: 50%; margin-left: 3px; float: left; text-align: center; vertical-align: middle; font-size: 20px; line-height: 33px; margin-top: 2px;}


/*详情页结束*/
/* 手机等小屏幕手持设备 */
@media screen and (min-width: 481px) and (max-width: 580px) {
    .fanhui{ font-size: 18px; margin-right: 20px; cursor: pointer;}

    .footercon{font-size: 10px!important;}
    .pubm10{ margin: 10px 0}
    .scactive{top:80px;}
    .navactive{top:80px;}




    .news_l dd a{ font-size: 16px;  height: 30px; line-height: 30px;}
    .news_l dd a i{ color: #adadad;font-size: 13px; }

    .news_l2 dd a{ font-size: 16px; }
    .news_l2 dd a span{font-size: 13px;  width: 20px; height: 20px; line-height: 20px;}


    .list .text_box{ margin-left: 43%; line-height: 1.8em; margin-top: 15px; }
    .list .text_box h5{font-size: 16px; color: #323232; display: block; }
    .text{color: #adadad;font-size: 14px; margin-top: 10px; line-height:25px;height: 75px; overflow: hidden;}

    .jlcp_list .jlcp_list_a .text_box h5{ font-size: 14px;}
    .jlcp_list .Hui-iconfont{color: #adadad; font-size: 12px;}
    

    header a img{ height: 80px;}
    header .Hui-iconfont{  font-size: 20px;}

    nav{ margin-top: 90px;}
    .navcon{
        font-size:18px; padding: 20px;
    }

    .mynav_title{font-size: 20px; }
    .mynav_list .div a{ font-size: 15px; }

    .mysccon {
       padding: 2px;
    }

    .toutiao .Hui-iconfont{ font-size: 30px;}
    .toutiao .ttleft .lefttitle{font-size: 20px;}

    .toutiao .tttitle{ margin-left: 15px; }
    .toutiao .tttitle a{ color: #525252; font-size: 26px; font-weight: bold;}


    .mian_lm_1_center .swiper-container{width:100%;height:400px;border:0px solid #e5e5e5;}
    .mian_lm_1_center .swiper-container a .img{width:100%;height:400px;}
    .mian_lm_1_center .swiper-container a h5{font-size: 17px;}


}



/* 手机等小屏幕手持设备 */
@media screen and (min-width: 360px) and (max-width: 480px) {
    .fanhui{ font-size: 16px; margin-right: 20px; cursor: pointer;}
    .mynavcon .Hui-iconfont{ top: 15px; right: 30px;font-size: 15px;}
    .footercon{font-size: 8px!important;}
    .pubm10{ margin: 6px 0}
    .scactive{top:55px;}
    .navactive{top:50px;}

    .newslist{padding: 0px 5px 10px 5px; border: 1px solid #ededed; margin: 5px;background: #fff;box-shadow:0 0 6px rgba(0,0,0,0.1)}


    .pubtitle{ border-bottom: solid 1px #dddddd; padding: 0px 5px 10px 0px; }
    .pubtitle i{font-size: 19px; color: #adadad;  float: left; margin: 10px 10px 0 0; }
    .pubtitle .ptitle a{ font-size: 18px; color: #16b6d8;font-weight: bold;}

    .pubtitle2{padding: 10px 5px 10px 0px; margin: 10px;}
    .pubtitle2 .ptitle{font-size: 18px; color: #16b6d8;font-weight: bold;}



    .pubtitlelist{ display: flex;align-items:center;}
    .pubtitlelist i{ font-size: 15px; color: #14b6d7; margin-left: 5px;}
    .pubtitlelist .ptitle{font-size: 18px; color: #16b6d8;font-weight: bold;}
    .pubtitlelist .listnav{ margin-left: auto;} /*margin-left: auto;最后一个元素右对齐*/
    .pubtitlelist .listnav a{  display: inline-block; font-size: 13px; padding: 0 5px;}


    .lists a{display:flex; margin-bottom: 15px;}
    .lists{ padding: 0 20px 20px 20px;}
    .lists .imgbox{ width: 35%;overflow: hidden; border-radius: 5px;}
    .lists .imgbox img{ width: 100%;}
    .lists .text_box{font-size: 14px; color: #323232; width: 70%; margin-left: 20px; position:relative;}
    .middle-text{ line-height: 1.4em;}


    .listtxt { padding: 0px 20px ;}
    .listtxt a{ display: block; height: 40px; line-height: 40px; color: #323232; font-size: 14px; border-bottom: #e5e5e5 solid 1px;}

    

    .news_l dd a{ font-size: 14px;  height: 30px; line-height: 30px;}
    .news_l dd a i{ color: #adadad;font-size: 13px; }

    .news_l2 dd a{ font-size: 14px; }
    .news_l2 dd a span{font-size: 13px;  width: 20px; height: 20px; line-height: 20px;}


    .list .text_box{ margin-left: 43%; line-height: 1.5em;  margin-top: 2px;}
    .list .text_box h5{font-size: 14px; color: #323232; display: block;}
    .text{color: #adadad;font-size: 12px; margin-top: 10px;  line-height:20px;height: 60px; overflow: hidden;}

    .jlcp_list .jlcp_list_a .text_box h5{ font-size: 13px;}
    .jlcp_list .Hui-iconfont{color: #adadad; font-size: 12px;}

    header a img{ height: 55px;}
    header .Hui-iconfont{  font-size: 20px;margin-right: 5px;}
    nav{ margin-top: 65px;}
    .navcon{
      font-size:15px; padding: 10px 15px 15px ;
    }

    .newslogoi img{height: 55px;}

    .mynav_title{font-size: 18px; }
    .mynav_list .div a{ font-size: 14px; }
    .mynav_lista .div a{ font-size: 14px; }

    .mysccon {
        padding: 1px;
    }
    .mysc input{margin-left: 1px;}
    .navcon a::after{width:20px; height:2px; border-radius:2px;bottom:-6px;left:50%; margin-left:-10px; opacity:0;}
    .navcon a:hover{ transform: scale(1.05);}


    .toutiao .Hui-iconfont{ font-size: 30px;}
    .toutiao .ttleft .lefttitle{font-size: 16px;}
    .toutiao .ttleft{ padding-right: 5px;}
    .toutiao .tttitle a{ color: #525252; font-size: 19px; }

    .mian_lm_1_center .swiper-container{width:100%;height:300px;border:0px solid #e5e5e5;}
    .mian_lm_1_center .swiper-container a .img{width:100%;height:300px;}
    .mian_lm_1_center .swiper-container a h5{font-size: 16px;}

    .footercon{text-align: center; padding: 20px; font-size: 14px; line-height: 1.5em;}

    .updown a{font-size: 14px;}
    .newscon h2{
        font-size: 26px;
        line-height: 35px;
        margin: 10px 10px 0 10px;
    }

}


@media screen and (min-width: 320px) and (max-width: 360px){
    .fanhui{ font-size: 14px; margin-right: 20px; cursor: pointer;}
    .mynavcon .Hui-iconfont{ top: 15px; right: 30px;font-size: 15px;}
    .share{bottom: 0px; }
    .pubm10{ margin: 6px 0}
    .scactive{top:55px;}
    .navactive{top:50px;}

    .newslist{padding: 0px 5px 10px 5px; border: 1px solid #ededed; margin: 5px;background: #fff;box-shadow:0 0 6px rgba(0,0,0,0.1)}


    .pubtitle{ border-bottom: solid 1px #dddddd; padding: 0px 5px 10px 0px; }
    .pubtitle i{font-size: 19px; color: #adadad;  float: left; margin: 10px 10px 0 0; }
    .pubtitle .ptitle a{ font-size: 18px; color: #16b6d8;font-weight: bold;}

    .pubtitle2{padding: 10px 5px 10px 0px; margin: 10px;}
    .pubtitle2 .ptitle{font-size: 18px; color: #16b6d8;font-weight: bold;}



    .pubtitlelist{ display: flex;align-items:center;}
    .pubtitlelist i{ font-size: 15px; color: #14b6d7; margin-left: 5px;}
    .pubtitlelist .ptitle{font-size: 18px; color: #16b6d8;font-weight: bold;}
    .pubtitlelist .listnav{ margin-left: auto;} /*margin-left: auto;最后一个元素右对齐*/
    .pubtitlelist .listnav a{  display: inline-block; font-size: 13px; padding: 0 0px;}


    .lists a{display:flex; margin-bottom: 15px;}
    .lists{ padding: 0 20px 20px 20px;}
    .lists .imgbox{ width: 35%;overflow: hidden; border-radius: 5px;}
    .lists .imgbox img{ width: 100%;}
    .lists .text_box{font-size: 14px; color: #323232; width: 70%; margin-left: 20px; position:relative;}
    .middle-text{ line-height: 1.4em;}

    .listtxt { padding: 0px 20px ;}
    .listtxt a{ display: block; height: 40px; line-height: 40px; color: #323232; font-size: 14px; border-bottom: #e5e5e5 solid 1px;}


    .news_l dd a{ font-size: 14px;  height: 30px; line-height: 30px;}
    .news_l dd a i{ color: #adadad;font-size: 13px; }

    .news_l2 dd a{ font-size: 14px; }
    .news_l2 dd a span{font-size: 13px;  width: 20px; height: 20px; line-height: 20px;}


    .list .text_box{ margin-left: 43%; line-height: 1.5em;  margin-top: 2px;}
    .list .text_box h5{font-size: 14px; color: #323232; display: block;}
    .text{color: #adadad;font-size: 12px; margin-top: 10px;  line-height:20px;height: 60px; overflow: hidden;}

    

    .jlcp_list .jlcp_list_a .text_box h5{ font-size: 13px;}
    .jlcp_list .Hui-iconfont{color: #adadad; font-size: 12px;}

    header a img{ height: 55px;}
    .newslogoi img{height: 55px;;}
    header .Hui-iconfont{  font-size: 20px;margin-right: 5px;}
    nav{ margin-top: 65px;}
    .navcon{
        font-size:15px; padding: 10px 15px 15px ;
    }


    .mynav_title{font-size: 18px; }
    .mynav_list .div a{ font-size: 14px; }
    .mynav_lista .div a{ font-size: 14px; }

    .mysccon {
        padding: 1px;
    }
    .mysc input{margin-left: 1px;}
    .navcon a::after{width:20px; height:2px; border-radius:2px;bottom:-6px;left:50%; margin-left:-10px; opacity:0;}
    .navcon a:hover{ transform: scale(1.05);}


    .toutiao .Hui-iconfont{ font-size: 30px;}
    .toutiao .ttleft .lefttitle{font-size: 16px;}
    .toutiao .ttleft{ padding-right: 5px;}
    .toutiao .tttitle a{ color: #525252; font-size: 19px; }

    .mian_lm_1_center .swiper-container{width:100%;height:250px;border:0px solid #e5e5e5;}
    .mian_lm_1_center .swiper-container a .img{width:100%;height:250px;}
    .mian_lm_1_center .swiper-container a h5{font-size: 16px;}

    .footercon{text-align: center; padding: 20px; font-size: 14px; line-height: 1.5em;}

    .updown a{font-size: 14px;}

    .newscon h2{
        font-size: 26px;
        line-height: 35px;
        margin: 10px 10px 0 10px;
    }
    .footercon{font-size: 5px!important;}
}