@charset "utf-8";
    /* CSS Document */
    
     ::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #999999;
        font-size: 14px;
        opacity: 1;
    }
    
     ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #999999;
        font-size: 14px;
        opacity: 1;
        padding-left: 10px
    }
    
     :-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #999999;
        font-size: 14px;
        opacity: 1;
        padding-left: 10px
    }
    /* 顶部 */
    
    body {
        font-family: Arial, Helvetica, sans-serif;
        padding-bottom:  env(safe-area-inset-bottom);
    }
    
    .logo_tel {
        font-size: 24px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0074d7;
        padding-left: 50px;
        line-height: 42px;
        background: url(../images/tel.png) no-repeat left center;
    }
    
    .logo_tel a {
        color: #0074d7;
    }
    /* 导航 */
    
    nav {
        background: #e5e5e5;
    }
    
    nav {
        margin-top: 35px;
    }
    
    .nav_lv1>li {
        width: 13%;
        text-align: center;
        font-size: 16px;
        line-height: 42px;
        border-left: 1px solid #d2d2d2;
    
    }
    
    .nav_lv1>li:hover {
        background: #0074d7;
    }
    
    .nav_lv1>li:hover>a {
        color: #fff;
    }
    
    .nav_lv2 {
        left: 0%;
        top: 100%;
        width: 100%;
        display: none;
        z-index: 10;
        background: #fff;
       
    }
    
    .nav_lv2 li {
        background: #0074d7;
        text-align: left;
        padding: 0 5px;
        text-align: center;
         margin-top: 1px;
    }
    
    .nav_lv2 li a {
        color: #fff;
        font-size: 14px;
    }
    
    .nav_lv2 li a:hover {
        color: #fff
    }
    
    .nav_lv1>li:hover .nav_lv2 {
        display: block;
    }
    
    .bannersize {
        height: 23vw!important;
    }
    /* 产品 */
    
    #product {
        margin: 40px 0;
    }
    
    #product h2 {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    .pro_list_1 {
        border-left: 1px solid #d1d1d1;
        border-right: 1px solid #d1d1d1;
    }
    
    .pro_l_tt {
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-size: 18px;
        padding: 25px 0;
        background: url(../images/gear.png) no-repeat 15% center #0074d7;
        font-weight: bold;
    }
    
    .pro_list_1_tl {
        background: #f8f8f8 url(../images/line.png) no-repeat 90% center;
        font-size: 16px;
        font-weight: bold;
        padding: 20px 18px;
        border-bottom: 1px solid #d1d1d1;
    }
    
    .pro_list_2 li {
        font-size: 14px;
        padding: 15px 40px;
        background: url(../images/trl.png) no-repeat 18px center;
        border-bottom: 1px solid #d1d1d1;
    }
    
    .pro_list_1>li:hover .pro_list_1_tl a {
        color: #0074d7;
    }
    
    .pro_list_2 li:hover {
        background: url(../images/trl.png) no-repeat 18px center #f8f8f8;
    }
    
    .pro_list_2 li:hover a {
        color: #0074d7;
    }
    
    .pro_more {
        text-align: center;
        margin-top: 20px;
    }
    
    .pro_more a {
        color: #0074d7;
        font-size: 16px;
        text-decoration: underline;
    }
    
    .goods_list {
        border: 1px solid #dedede;
    }
    
    .goods_list_img {
        padding: 7px;
    }
    
    .goods_list_img>img {
        width: 100%;
        height: 195px;
        object-fit: cover;
    }
    
    .goods_cover {
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, .8);
        top: 0;
        left: 0;
        opacity: 0;
    }
    
    .goods_list:hover .goods_cover {
        opacity: 1;
    }
    
    .goods_list h3 {
        padding-left: 10px;
        height: 3em;
        overflow: hidden;
       justify-content: center;
    }
    
    .goods_list h3 a {
        color: #3b3b3b;
    }
    
    #about {
        background: #f4f4f4;
        margin: 40px 0;
        padding: 50px 0;
    }
    
    .ab_list {
        width: 30%;
    }
    
    .ab_list * {
        color: #333333
    }
    
    .ab_list h2 {
        font-size: 24px;
        color: #0074d7;
        font-weight: bold;
    }
    
    .ab_list h2 span {
        font-size: 14px;
        color: #333333;
        margin-left: 5px;
        font-weight: 400;
    }
    
    .ab_list h3 {
        font-size: 20px;
        color: #333333;
        font-weight: bold;
        margin: 18px 0;
    }
    
    .ab_list p {
        font-size: 16px;
        color: #333333;
        text-indent: 2em;
        line-height: 2em;
    }
    
    .ab_list_more {
        color: #fff!important;
        background: #0074d7;
        text-align: center;
        width: 96px;
        line-height: 25px;
        display: block;
        margin-top: 20px;
    }
    
    .news_list li h4 {
        padding-left: 16px;
        background: url(../images/suqare1.png) no-repeat left 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .news_list li h4 a {
        font-size: 16px;
    }
    
    .news_list li:first-child h4 a {
        font-size: 16px;
        text-transform: uppercase;
    }
    
    .news_list li:hover h4 {
        background: url(../images/suqare2.png) no-repeat left 5px;
    }
    
    .news_list li:hover h4 a {
        color: #0074d7;
    }
    
    .news_list li p {
        font-size: 14px;
        line-height: normal;
    }
    
    .contact {
        margin: 30px 0;
    }
    
    .contact_p {
        color: #bbbbbb;
        font-size: 18px;
        text-transform: uppercase;
    }
    
    .contact_more {
        color: #fff;
        background: #0074d7;
        width: 189px;
        height: 55px;
        line-height: 55px;
        text-align: center;
        font-size: 16px;
        margin-left: 50px;
    }
    
    .contact_more:hover {
        color: #fff
    }
    
    footer {
        background: #2b2b2b;
    }
    
    .foot_b_r {
        width: 30%;
        opacity: 0.9;
    }
    
    .foot_b_r li {
        width: 45%;
        opacity: .5;
        margin: 20px 0;
    }
    
    .foot_title {
        font-size: 20px;
        color: #fff;
        padding-bottom: 20px;
        background: url(../images/line2.png) no-repeat bottom left;
        margin-bottom: 20px;
    }
    
    .sub-input {
        background: none;
        border: none;
        border-bottom: 1px #fff dashed;
        color: #fff;
    }
    
    .submit {
        width: 132px;
        height: 44px;
        background: none;
        border-radius: 5px;
        border: none;
        color: #fff;
        border: 1px solid #fff;
    }
    
    .foot_top {
        padding: 40px 0;
    }
    
    .foot_b_rr {
        color: #fff;
        opacity: 0.9;
    }
    
    .foot_b_rrr {
        color: #fff;
        width: calc(20% - 50px);
        padding-left: 50px;
    }
    
    .foot_b_rrr h2 {
        opacity: 0.9;
    }
    
    .foot_b_rrr img {
        opacity: 1;
    }
    
    .foot_boot {
        background: #181818;
        color: #fff;
    }
    
     .foot_boot p:first-of-type{
       padding-top: 15px;
    }
    
    
    .foot_boot p {
        text-align: left;
        line-height: 2em;
    }
    
     .foot_boot p:last-of-type{
       padding-bottom: 15px;
    }
    
    
    
    .pro_l_ab {
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-size: 18px;
        padding: 25px 0;
        background: url(../images/link.png) no-repeat 12% center #0074d7;
    }
    
    .pro_l_cont {
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-size: 18px;
        padding: 15px 0;
        background: url(../images/tel2.png) no-repeat 12% center #0074d7;
    }
    
    .pro_l_cont_box {
        padding: 16px 15px;
        border: 1px solid #b5b4b4;
    }
    
    .path {
        background: #0074d7;
        color: #fff;
        padding: 10px 20px;
    }
    
    .path p {
        padding-left: 20px;
        background: url(../images/home.png) no-repeat left center;
    }
    
    .path a {
        color: #fff;
    }
    
    article {
        padding: 30px 20px;
        margin-top: 0!important;
    }
    
    article h1 {
        margin-bottom: 10px;
        text-align: center;
    }
    /* 内页表单 */
    
    .nei_form {
        margin-top: 30px;
    }
    
    .nei_form_tt {
        background: #333333;
        color: #77c0ff;
        padding-left: 20px;
        text-transform: uppercase;
        line-height: 3em;
    }
    
    .nei_form-top li {
        width: 47%;
    }
    
    .nei_sub-input {
        width: calc(100% - 2em);
        padding: 0.5em 1em;
        display: block;
        max-width: 100%;
    }
    
    .nei_submit {
        background: #0074d7;
        color: #fff;
        width: 185px;
        line-height: 40px;
        border: none;
        text-transform: uppercase;
        font-size: 16px;
    }
    /* 新闻内页 */
    
    .pro_l_news {
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-size: 18px;
        padding: 25px 0;
        background: url(../images/news.png) no-repeat 12% center #0074d7;
    }
    
    .nei_news_list {
        background: #fafafa;
        margin: 30px 0;
        padding: 10px 20px;
    }
    
    .nei_news_list li {
        padding: 20px 0;
        border-bottom: 1px solid #eeeeee;
    }
    
    .nei_news_list li h3 {
        font-size: 18px;
        font-weight: bold;
    }
    
    .nei_news_list li h3 a {
        transition: 0.6s;
    }
    
    .nei_news_list li:hover h3 a {
        color: #0074d7;
    }
    
    .time_box {
        padding-left: 16px;
        background: url(../images/pen.png) no-repeat left center;
        line-height: 2em;
        color: #aaaaaa
    }
    
    .nei_news_txt {
        color: #aaaaaa;
        max-width: 70%;
    }
    
    .news_box_nei {
        border: 1px solid #aaaaaa;
        padding: 20px;
    }
    
    .layui-laypage .layui-laypage-curr .layui-laypage-em {
        background: #0074d7;
    }
    
    .layui-laypage a:hover {
        color: #0074d7;
    }
    
    .lxul li b {
        width: 20%;
        display: block
    }
    
    .lxul li span {
        width: 78%;
        display: block
    }
    
    .pro_l_cont_box .lxul li b {
        width: 25%
    }
    
    .pro_l_cont_box .lxul li {
        margin: 5px 0
    }
    
    article {
        overflow: hidden
    }
    /*浮窗*/
    
    #service {
        position: fixed;
        right: 10px;
        top: 50%;
        z-index: 999999999;
        margin-top: -75px;
        font: 14px;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -ms-transition: 0.5s all;
        color: #666;
    }
    
    .kf {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid #ddd;
        margin-bottom: 5px;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    #kf1 {
        background-image: url(../images/lvfx1.jpg);
    }
    
    #kf2 {
        background-image: url(../images/lvfx2.jpg);
    }
    
    #kf4 {
        background-image: url(../images/lvfx4.jpg);
    }
    
    .kf:hover {
        border: 1px solid #0074d7;
    }
    
    .kfewm {
        position: absolute;
        width: 105px;
        right: 45px;
        margin-top: -40px;
        border: 1px solid #ddd;
        display: none;
    }
    
    #kf4:hover .kfewm {
        display: block
    }
    
    .tabbar {
        position: fixed;
        height: 55px;
        bottom: 0;
        background: #0074d7;
        width: 100%;
        z-index: 10;
        display: none;
        box-shadow: 0 -1px 2px #ddd;
        padding-bottom: env(safe-area-inset-bottom);
    }
    
    .tabbar-item {
        flex: 1;
        text-align: center;
        padding-top: 10px;
        /*border-left: 1px solid rgb(243, 243, 243);*/
    }
    
    .tabbar-item i {
        font-size: 24px;
    }
    
    .tabbar-item a {
        color: #fff
    }
    /*客服系统*/
.client-2{position:fixed;right:-170px;top:60%;z-index:900;}
.client-2 li a{text-decoration:none;}
.client-2 li{margin-top:1px;clear:both;height:71px;position:relative;}
.client-2 li i{background:url(../images/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0 auto;text-align:center;}
.client-2 li p{height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;margin: 0;}
.client-2 .my-kefu-qq i{background-position:4px 5px;}
.client-2 .my-kefu-tel i{background-position:0 -21px;}
.client-2 .my-kefu-liuyan i{background-position:4px -53px;}
.client-2 .my-kefu-weixin i{background-position:-34px 4px;}
.client-2 .my-kefu-weibo i{background-position:-30px -22px;}
.client-2 .my-kefu-ftop{display:none;}
.client-2 .my-kefu-ftop i{width:33px;height:35px;background-position:-27px -51px;}
.client-2 .my-kefu-left{float:left;width:77px;height:47px;position:relative;}
.client-2 .my-kefu-tel-right{font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;}
.client-2 .my-kefu-right{width:20px;}
.client-2 .my-kefu-tel-main{background:#0074d7 ;color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left;}
.client-2 .my-kefu-main{background:#0074d7 ;width:97px;height:56px;position:relative;padding:9px 0 6px;float:left;}
.client-2 .my-kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333;}
.my-kefu-weixin-pic img{width:115px;height:115px;}

    #tidio-chat {
        display: none;
    }
    
    @media screen and (min-width: 1200px) {
        .layui-container {
            padding: 0;
            width: 1200px;
        }
    }
    
    @media screen and (max-width:1200px) {
        .ab_list {
            width: 100%;
            margin: 20px 0;
        }
        .foot_b_r,
        .foot_b_rr,
        .foot_b_rrr {
            width: 100%;
            margin: 20px 0;
            border: none;
            padding-left: 0;
        }
        .fot-gods li {
            width: 13%;
        }
    }
    
    @media screen and (max-width:992px) {
        .logo_tel {
            display: none;
        }
        .contact_more {
            margin-left: 0;
            margin-top: 20px;
        }
        .contact_p {
            text-align: center;
        }
    }
    
    @media screen and (max-width:768px) {
        .r-float {
            display: none;
        }
        .language {
            display: none;
        }
        .nav_lv1>li {
            width: 24%;
            border: none;
        }
        .tabbar {
            display: block;
        }
    }
    
    @media screen and (max-width:500px) {
        .logo_img {
            width: 250px;
        }
        nav {
            margin-top: 0px;
        }
        .logo_cont {
            padding: 10px 0;
        }
        .bannersize {
            height: 35vw!important;
        }
        .bannersize button {
            display: none;
        }
        nav {
            background: #fff;
        }
        nav .layui-container {
            padding: 0;
        }
        .nav_lv1>li {
            width: calc(100% / 3 - 1px);
            border: none;
            margin: 1px 0.5px;
            background: #e5e5e5;
        }
        .nav_lv1>li:nth-child(6) {
            display: none;
        }
        .goods_list_img>img {
            height: 136px;
        }
        .goods_list h3 {
            padding: 0 .5em;
        }
        .goods_list h3 a {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .xldn {
            display: none;
        }
        footer {
            margin-bottom: 55px;
        }
        .foot_b_r,
        .foot_b_rr {
            display: none;
        }
        .foot_b_rrr {
            text-align: center;
        }
        .foot_title {
            background: url(../images/line2.png) no-repeat bottom center;
        }
        .nav_lv2 {
            display: none!important;
        }
        .path {
            display: none;
        }
        .mt40,
        .mt30 {
            margin-top: 00px;
        }
        .contact {
            display: none;
        }
        article {
            padding: 0px;
        }
        .foot_top {
            padding: 10px 0;
        }
        .nei_news_list{
            margin-top: 0px;
            padding: 0px 20px;
        }
        .nei_news_txt {
           
            max-width: 100%;
        }
        #product {
        margin: 15px 0;
         }
         article h1{
             font-size: 20px!important;
         }
         .nei_news_list li h3{
             font-size: 16px;
         }
         #about {
            background: #f4f4f4;
            margin: 15px 0;
            padding: 15px 0;
        }
        .ab_list h2{
            font-size: 20px;
        }
        .ab_list h3{
            font-size: 18px;
        }
        .news_list li p {
            font-size: 16px;
            line-height: normal;
        }
    }