body{font-family:"SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Microsoft YaHei","Arial",sans-serif;background:#faf8f9;color:#333;font-size:16px;line-height:36px}
*{padding:0;margin:0;outline:none}
li{list-style:none}
img{width:100%}
img.w_aoto{width:auto}
a{text-decoration:none}
.text-c{text-align:center}
.text-r{text-align:right}
.line_r{border-right:#ddd 1px solid}
.line_b{border-bottom:#ddd 1px solid}
.weui-flex{display:-webkit-box;display:-webkit-flex;display:flex}
.weui-flex__item{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.layui-row:after,.layui-row:before{content:'';display:block;clear:both}
.layui-col-md1{width:8.33333333%}
.layui-col-md2{width:16.66666667%}
.layui-col-md3{width:25%}
.layui-col-md4{width:33.33333333%}
.layui-col-md5{width:41.66666667%}
.layui-col-md6{width:50%}
.layui-col-md7{width:58.33333333%}
.layui-col-md8{width:66.66666667%}
.layui-col-md9{width:75%}
.layui-col-md10{width:83.33333333%}
.layui-col-md11{width:91.66666667%}
.layui-col-md12{width:100%}
.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9{float:left;position:relative;display:block;box-sizing:border-box}
.layui-col-space10{margin:-5px}
.layui-col-space10 > *{padding:5px}
.layui-col-space20{margin:-10px}
.layui-col-space20 > *{padding:10px}
.layui-col-space30{margin:-15px}
.layui-col-space30 > *{padding:15px}
.index-swiper.swiper-container{width:100%;height:100%}
.index-swiper .swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.index-swiper .swiper-slide a{display:block}
.index-swiper .swiper-button-next,.index-swiper .swiper-button-prev{width:3vw;height:3vw}
.index-swiper .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url(/static/lhznsb/images/index-swiper-r.png);background-size:cover}
.index-swiper .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url(/static/lhznsb/images/index-swiper-l.png);background-size:cover}
.header{width:100%;position:fixed;z-index:1000}
.header .header_wrap{margin:20px 15vw}
.header .logo{width:28vw;display:inline-block}
.header .header_r{display:inline-block;float:right;width:15vw}
.footer{background:#363636;color:#efefef;padding:20px 0}
.footer .footer_wrap{margin:0px 15vw}
.nav{display:block;color:#fff}
.nav dl{display:inline-block;min-width:6vw;margin-right:4vw;cursor:pointer;position:relative}
.nav dt{font-size:18px;line-height:50px;position:relative;color:#fff;position:relative}
.nav dt.cur:after{content:"";display:block;background:#f29700;width:80px;height:3px}
.nav dl dd{display:none;position:absolute;left:0;top:50px;z-index:10}
.nav dl:hover dd{display:block;text-align:left;background:rgba(0,0,0,.5)}
.nav dl:hover dd a{display:block;font-size:18px;line-height:40px;padding:0 8px;text-decoration:none}
.nav dl dd a:last-child{border:0}
.nav dl a{color:#fff}
.nav dl a:hover{color:#f29700}
.nav dl dt .arrow{display:inline-block;vertical-align:middle;margin-left:10px;width:13px;height:18px;background:url(/static/lhznsb/images/arrow_d.png) no-repeat;vertical-align:middle;margin-top:5px}
.nav dl:hover dt .arrow{background:url(/static/lhznsb/images/arrow_u.png) no-repeat}
.container{width:94vw;margin:0 3vw}
.index_tit{color:#000;font-size:36px;color:#000;line-height:60px;margin-top:3vw;padding-right:15px;margin-bottom:2vw}
.index_tit img{vertical-align:middle;margin-right:10px;width:auto}
.index_tit a{display:inline-block;float:right;color:#000;font-weight:normal;font-size:18px}
.index_tit a:hover{text-decoration:underline}
.index_news .index_tit{font-size:24px}
.index_news .index_tit img{margin-right:30px}
.index_p{font-size:0}
.index_p a{display:block;background:#fff;margin:0 5vw 0 0;border:#ddd 1px solid;overflow:hidden;height:27vw;position:relative;text-align:center}
.index_p a p{display:block;width:100%;font-size:24px;color:#fff;text-align:center;background:#666666;height:4vw;line-height:4vw;position:absolute;bottom:0}
.index_p a:last-child{margin:0}
.index_p a:hover img{animation:imgzoom .3s ease-in-out 0s 1 alternate forwards}
@keyframes imgzoom{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
}
.index_js{width:100%;height:100%}
.index_js{transition:2s cubic-bezier(0.68,-0.4,0.27,1.34) 0.2s}
.index_js .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.index_news{margin:3vw 0}
.index_news_img{width:auto;margin:0 auto;max-width:100%}
.index_news .layui-col-md5{height:800px;line-height:800px;position:relative}
.index_news_r{vertical-align:middle;display:inline-block;width:100%}
.index_liuhe{position:absolute;right:0;margin-top:-24px;line-height:normal;top:60%}
.index_news_r a{display:block;line-height:40px;color:#000;padding-right:50px;font-weight:bold;position:relative;padding-left:80px;margin-bottom:2vw}
.index_news_r a time{display:inline-block;text-align:center;width:60px;font-size:48px;line-height:60px;position:absolute;left:0}
.index_news_r a time span{display:block;text-align:center;font-size:16px;line-height:24px}
.index_news_r a h4{font-size:18px;line-height:36px}
.index_news_r a p{display:block;font-size:14px;line-height:24px;color:#999;font-weight:normal;text-overflow:ellipsis;height:48px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.index_news_r a:hover h4{color:#f29700}
.index_news a.more{background:#f29700;display:block;margin:1vw 0;line-height:40px;border-radius:20px;font-size:16px;color:#fff;padding:0 20px;width:100px;font-weight:normal}
.index_news a.more:hover{background:#0098ff}
.footer_link{display:inline-block;text-align:left;width:100px}
.footer_link h4{color:#f29700;line-height:30px}
.footer_link a{color:#efefef;font-size:12px;display:block;line-height:20px}
.footer_contact{display:inline-block;text-align:left;width:200px}
.footer_contact h4{color:#f29700;line-height:30px}
.footer_contact p{color:#efefef;font-size:12px;display:block;line-height:20px}
.footer_wrap .layui-row> *{min-height:100px;line-height:100px}
.footer_wrap img{vertical-align:middle}
.footer_bottom{color:#efefef;font-size:12px;line-height:30px}
.footer_bottom a{color:#efefef}
.footer_bottom a:hover{text-decoration:underline}
.footer_bottom span{float:right}
.banner{padding:0;line-height:normal}
.banner img{display:block;width:100%}
.main { margin:0px 15vw}
.page_link{
    background: #fff;box-shadow: #ddd 3px 3px 3px;margin-bottom:3vw
}
.page_link a{display:block;text-align:center;padding:15px 0;color:#666;}
    .page_link a img{width:75px;height:75px}
    .page_link a.cur{background:#f29700;color:#fff}
        .page_link a p{line-height:25px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.page_tit{text-align:center;line-height:60px;font-size:34px;margin:1vw 0;}
.mb-3{margin-bottom:3vw}
.deatail, .deatail p {font-size:16px;color:#000;line-height:32px
}
.deatail p{padding:15px 0}
    .deatail img {
        width: auto;
        max-width: 80%;text-align:justify;
        text-align-last: left
    }
.news_list a{display:inline-block;margin:20px auto;padding:10px;width:18vw}
.news_list a img{width:18vw;height:12vw}
.news_list a h4{color:#000;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.news_list a .text{display:block;font-size:14px;line-height:24px;color:#999;font-weight:normal;text-overflow:ellipsis;height:48px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news_list a time{font-size:12px;line-height:40px;color:#999}
.news_list a span{float:right;display:inline-block;color:#666;font-size:12px}
.news_list a:hover{background:#e6e6e6}
    .news_list a:hover span{color:#f29700}
.pager{margin:3vw 0;text-align:center;line-height:40px}
.pager a{display:inline-block;width:40px;height:40px;text-align:center;border-radius:50%;background:#fff;border:#ddd 1px solid;margin:0 5px;color:#000;font-size:14px;line-height:40px;cursor:pointer}
    .pager a.prv, .pager a.next{background:none;border:0;font-size:18px}
    .pager a.cur{background:#f29700;border:#f29700 1px solid;color:#fff}
.news_other {margin:3vw 0}
.news_other a{display:inline-block;white-space:nowrap;color:#999;font-size:14px;line-height:40px}
.news_other a:hover{color:#f29700}
.honor {margin:3vw auto;font-size:0}
.honor a {
        display: inline-block;
        width: 14vw;
        margin: 2vw 4.33333vw 2vw 0;
        height:20vw;
    }
.honor a:nth-child(4n){margin-right:0}
    .honor a img{width:14vw;height:20vw}

.layer{position:fixed;z-index:9999;background:rgba(0,0,0,.8);width:100vw;height:100vh;top:0;display:none;}
.layer .conten{margin:0 10vw;vertical-align:middle;top:50%;position:absolute;margin-top:-40vh;width:80vw}
.layer .close {float:right}
.swiper-container.swiper-honor {
    width: 100%;
    height: 100%;
}

.swiper-honor .swiper-wrapper {
    /* 通过改变animation-timing-function 制作弹性切换效果 */
    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}
.swiper-honor .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height:80vh;
}
.swiper-honor .swiper-slide img{width:auto;height:70vh}
.swiper-honor .swiper-pagination{color:#fff}

.contact .weui-flex__item {
    text-align:center;margin:3vw 0;border-right:#ddd 1px solid
}
.contact .weui-flex__item img{width:75px;height:75px}
.contact .weui-flex__item small{font-size:14px;line-height:20px;display:block}
    .contact .weui-flex__item p {
        font-size: 18px;
        line-height: 40px;display:block
    }
.contact .weui-flex__item:last-child{border:0}

.card-itme{margin:3vw 5vw;background:#fff;box-shadow:#ddd 3px 3px 3px;padding:20px 50px }
.card-itme h1{font-size:20px;line-height:30px}
    .card-itme p{font-size:14px;line-height:24px;}
.card-itme li{list-style:none;line-height:50px;color:#999}
    .card-itme li img{vertical-align:middle;margin-right:20px;width:30px;height:30px}


.pro_img_big {box-shadow:#ddd 3px 3px 3px;line-height:0;font-size:0;display:inline-block;margin-bottom:2vw;width:100%}
    .pro_img_big span img {
        width:100%;height:35vw
    }
.pro_img_small span {
    font-size: 0;
    line-height: 0;
    cursor: pointer;

   
}
    .pro_img_small span i {
        display: inline-block;
        margin: 0 0.5vw
    }
    .pro_img_small span img {
        border: #fff 1px solid;
        width: 100%;
        height: 7vw;
    }
.pro_img_small span:last-child{margin-right:0;}
.pro_img_small span.cur img{border:#f29700 1px solid}
.none{display:none}
.pro_r{margin-left:3vw}
.pro_r h1{font-size:48px;line-height:70px}
    .pro_r h4{font-size:24px;line-height:50px;font-weight:normal}
    .pro_r .text{font-size:16px;line-height:30px}
     .cs{position:relative;padding-left:120px;margin-top:40px}
     .cs h4{position:absolute;left:0;top:0}

.table {
    border: 1px #ddd solid;
    width: 100%;
    border-collapse: collapse
}
    .table td {
        border: 1px #ddd solid;padding:5px
    }

.por_tj{margin:40px 0}
.por_tj h4{line-height:60px;font-size:24px;font-weight:normal}
 .por_tj .layui-col-md4{font-size:0;line-height:0}
   .por_tj .layui-col-md4 img{width:100%;height:20vw}
    .por_tj .layui-col-md4 p{background:#f29700;color:#fff;line-height:50px;text-align:center;display:block;overflow:hidden;text-overflow:ellipsis;font-size:24px}
.file_list {min-height:100px;margin-bottom:40px}
.file_list a {
    display: inline-block;
    margin: 0 20px;
    vertical-align: middle
}
.technology_list a{display:block;border-bottom:#ddd 1px dashed;padding:20px 0;color:#000}
.technology_list a h1{font-size:18px;line-height:40px;font-weight:normal}
    .technology_list a .text{font-size:14px;line-height:28px;text-align:justify;text-align-last:left}
    .technology_list a h1 time{float:right;font-size:14px}

@media screen and (max-width:1440px) {
   .main{margin:0 10vw}
    .footer .footer_wrap {
        margin: 0px 10vw;

    }
    .header .header_wrap{margin:20px 10vw}
}