@charset "utf-8";
html, body {margin: 0px;padding: 0px;}
IMG {border-width:0px;}

* {list-style-type: none;margin: 0;padding: 0;font-family: Arial,"Segoe UI" }
a{ text-decoration:none !important; color:#555}
a:hover{ text-decoration:none; }

/*导航*/

/*小屏图标*/
.navbar-toggle{ margin-top:2px !important; margin-bottom:5px !important; border:solid 1px #fff !important; margin-right: 0 }
.navbar-toggle .icon-bar{ background:#fff}
.navbar-toggle{ border:solid 1px #0056c7; padding:6px}
.carousel-control.right,.carousel-control.left{ background-image:none}
.carousel-indicators .active{ background:#333 !important; }
.carousel-indicators{ bottom:0;}
.carousel-indicators li{ background:#ccc;}
.carousel-control.right,.carousel-control.left{ background:none !important}
.nyjjnr1 p,.fzlc p{margin:0!important;}

.en{font-size:14px;line-height:34px;float:right;margin-right: 10px;display: block;}
.en img{margin-right:3px}
.en a{color: #555}

/*.swiper-button-prev{background: url(../images/xwjtl.png) no-repeat center center!important;height: 53px!important;width: 53px!important;left:0!important;}*/
/*.swiper-button-next{background: url(../images/xwjtr.png) no-repeat center center!important;height: 53px!important;width: 53px!important;right:0!important;}*/
.swiper-button-next:after,  .swiper-button-prev:after{color: #000!important;}


.pck .swiper-button-next:after, .pck .swiper-button-prev:after{color: #fff!important;}
.pck .swiper-pagination{display: flex;align-items: center;justify-content: center}
.pck .swiper-pagination-bullet {
    background: #fff !important;
    width: 15px !important;
    height: 15px !important;
    opacity: .8 !important;
}
.pck .swiper-pagination-bullet-active {
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #fff !important;
    padding: 2px;
    background: #000 !important;
    /*background-clip: content-box !important;*/
    opacity: 1 !important;
}
.phone-pro-pic .swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;

}
.phone-pro-pic .swiper-pagination-bullet-active {
    width: 12px !important;
    height: 12px !important;
    background: #671621 !important;
    /*background-clip: content-box !important;*/
    opacity: 1 !important;
}

@media (min-width: 769px) {
    .indbg{width: 100%;background: #340a0f;position: fixed;z-index: 99}
    .top-nav{width: 100%;margin:0 auto;overflow: hidden}
    .heard{width:100%;margin:4px auto 0;display: flex;justify-content: right;align-items: center;}
    .top-tel{color: #fff;margin-right: 20px}
    .topbg{max-width: 1300px;margin:0 auto;}
    .topbg  .container{width:100%;padding: 0}
    .topbg .col-md-8{padding:0!important;}
    .box{max-width: 1300px;margin:0 auto;padding: 0 15px}
    .top-search{float: right;}
    .logo1{float:left;margin:0  }
    /*搜索*/
    .search-bar-container{
        display: flex;
        align-items: center;
        background-color: rgb(240 248 255 / 30%);
        padding:0 0 0 5px;
        width: 300px;height: 32px;border-radius: 50px;
        position: relative;
        transition: width .5s;
        float: right;overflow: hidden;
    }
    .magnifier{
        width: 20px;
        cursor: pointer;
        position: absolute;
        left: 8px;
    }
    .input{
        background-color: transparent;
        border: none;
        margin: 0px 0px 0 40px;
        width: 100%;
        outline: none;
        color: rgb(100,100,100);
        transition: all .3s;
        transition-delay: 0.5s;
    }
    .input input{width: 78%;float: left;line-height: 35px;font-size: 14px;outline: none;border: none;background:none;color: #ccc}
    .input input::placeholder{color: #ccc}
    .ssbutton{width: 22%;height: 35px;font-size: 14px;line-height:35px; border-radius: 35px;
        text-align: center;
        background: #6c0000;color: #fff;display: block;border: none;float: right;transition:width .3s}
    .active1.search-bar-container{
        width: 35px;
    }
    .active1 .input input{display: none}

    .active1 .input .ssbutton{display: none;transition:all .3s;}
    .sstop{margin:35px auto;font-size:20px;line-height: 30px;text-align: center;min-height: 90px}
    .nav-container{width: 100%;padding: 0 15px;display: flex;justify-content: space-between;align-items: flex-end;margin:-10px auto 0}
    .nav-logo{width:18%;}
    .nav-logo img{padding-bottom: 10px;max-width: 100%;height: auto}
    .nav-mid{width: 68%;}
    .nav-right{width: 15%;display: flex;align-items:flex-end;justify-content: right;padding-bottom:5px}
    .nav-icon{width: 52px;float:right;padding: 0 10px 10px 0;display: flex;cursor: pointer;
    align-items: flex-end;position:relative}
    .nav-icon img{max-width: 100%;height: auto}
    .nav-icon .code{position:absolute;left:-25px;top:38px;display:none;width:80px;z-index:8}
    .nav-icon:hover .code{display:block}
    .nav-icon:hover .code img{width:80px;height: 80px;border-radius:2px;}

    /*导航*/
    .navbar-collapse{padding: 0 !important}
    .navbar-nav{float: right;margin-top:10px;width: 100%;  }
    .navbar-nav{display: flex;width: 100%}
     .navbar-nav>li{display: flex;margin:0 auto}
    .navbar-nav>li>a.active{ color:#fff; display:block;border-bottom: solid 2px #fcb22c;margin-bottom: -2px}
    .navbar-nav>li{margin-top:20px}
    .navbar-nav>li:last-child{ border-right:none}
    .navbar-nav>li>a { padding: 0 0 20px 0;  color: #fff; text-shadow:none !important; font-size:17px;}
    .navbar-header{border-top:solid 10px #eee}
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { color: #fff  }
    .dropdown-menu {background:rgb(255 255 255);border: none !important;padding:10px 4px;border-radius: 3px }
    .dropdown-menu>li a{line-height:28px;font-size: 15px; text-align: left}
    .dropdown-menu>li a:hover{background:#4c0b13;color:#fff;border-radius: 3px}
    .dropdown-menu .divider{ margin:2px 0 !important}
    .nav>li>a:focus, .nav>li>a:hover{  background:none!important}
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background:none!important}
    .dropdown-menu img{display:block;margin:5px auto}
    .pck img{display: block;width: 100%;height: auto}
    /*first*/
    .first-box{width: 100%;background: url(../images/firstbg.jpg) no-repeat center bottom;padding: 60px 0;background-size: cover}
    .headline{width:100%;}
    .headline h2{text-align: center;color: #333;margin:2px auto;font-weight: bold;font-size: 34px}
    .headline h3{font-size: 16px;text-align: center;color: #777;margin:8px auto 15px}
    .first-container{max-width: 1300px;padding:15px;overflow: hidden;margin:50px auto}
    .first-container ul{display: flex;justify-content: space-between;}

    .first-container li{border-radius:5px;background: rgba(50,10,15, .08);padding: 40px 15px;width:24%;transition: all .5s;
        .name{font-size: 26px;text-align: center;color: #333}
        .en-name{font-size: 14px;text-align: center}
        .article{margin:20px auto;line-height:26px;font-size: 14px;color:#685458;
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 2;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
        }
        .info{transition: all .3s}

    }
       .first-container li:first-child{ background: #4c0b13;
       .name{color: #fff}
        .en-name{color:rgba(255,255,255,.5)}
        .article{color: #c4b9ba}
       .info{transition: all .3s;text-align: center}
    }
     .first-container li:first-child:hover{ background: #4c0b13!important;
     .first-icon{width: 77px;height: 77px;background: url(../images/icon1-2.png) no-repeat center center!important;}
      .name{color: #fff!important;}
      .en-name{color:rgba(255,255,255,.5)!important;}
       .article{color: #c4b9ba}
      .info{transition: all .3s}
   }

   .first-container li:first-child .first-icon{width: 77px;height: 77px;background: url(../images/icon1-2.png) no-repeat center center;margin: 0 auto 20px}
    .first-container li:nth-child(2) .first-icon{width: 77px;height: 77px;background: url(../images/icon2-1.png) no-repeat center center;margin: 0 auto 20px}
    .first-container li:nth-child(2):hover {
        .first-icon{width: 77px;height: 77px;background: url(../images/icon2-2.png) no-repeat center center}
    }
    .first-container li:nth-child(3) .first-icon{width: 77px;height: 77px;background: url(../images/icon3-1.png) no-repeat center center;margin: 0 auto 20px}
    .first-container li:nth-child(3):hover {
        .first-icon{width: 77px;height: 77px;background: url(../images/icon3-2.png) no-repeat center center}
    }
    .first-container li:nth-child(4) .first-icon{width: 77px;height: 77px;background: url(../images/icon4-1.png) no-repeat center center;margin: 0 auto 20px}
    .first-container li:nth-child(4):hover {
        .first-icon{width: 77px;height: 77px;background: url(../images/icon4-2.png) no-repeat center center}
    }
    .highlight-first {transition: all .3s;animation: ease-in firstli .2s;
    border-radius:5px;background: rgba(50,10,15, .08)!important;
     .first-icon{background: url(../images/icon1-1.png) no-repeat center center!important;margin: 0 auto 20px}
    .name{font-size: 26px;text-align: center;color: #333!important;}
      .en-name{font-size: 14px;text-align: center;color: #666!important;}
    .article{color:#685458!important;}

}
    .first-container li:hover {
        background: #4c0b13;transform: translateY(-8px);
.first-icon{transform: translateY(5px);animation: ease-in firsticon .8s}
        .first-arrow{transform: translateY(24px);background:rgba(255,255,255,.7);
        img{ filter: invert(100%);}
        }
        .name{color: #fff}
        .en-name{color:rgba(255,255,255,.5)}
        .article{color: #c4b9ba!important;}
        .info{transform: translateY(5px);}
    }

    .first-arrow{width:44px;height: 44px;margin:20px auto;border-radius: 44px;background: #81686d;display: flex;flex-direction: column;
        align-items: center;justify-content: center;transition:  all .3s}
    .first-arrow img{margin: 0!important;max-width: 100%;height: auto}


    @keyframes firsticon {
        0%{transform:translateY(-10px);opacity: 0}
        50%{transform:translateY(10px);opacity: 1}
       60%{transform:translateY(7px);opacity: 1}
    }

    .about-bg{width: 100%;background: url(../images/aboutbg.jpg) no-repeat top center;overflow: hidden;height:657px}
    .about-box{max-width: 1300px;margin:0 auto;padding: 0 15px;
        display: flex;align-items: baseline;justify-content: space-between}
    .about-left{width:48%;float: left;}
    .about-right{width: 48%;float: right;transition: all .5s;cursor: pointer}
     .about-title{width:100%;}
      .about-title h2{color: #4c0b13;margin:2px auto 10px;font-weight: bold;font-size: 34px}
     .about-title h3{font-size: 16px;color: #777;margin:2px auto 15px;text-transform: uppercase}
    .about-article{font-size: 16px;color:#685458;line-height: 28px;margin:30px auto 65px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
        /*数字*/
    .jsbox{width: 100%;padding:0 0 10px 0;background-size: 100%;margin:0 auto 0;}
    .jsk{max-width: 1300px;overflow: hidden;margin:0 auto;display: flex;justify-content: space-between}
    .jsk li{padding-left:30px}
    .jsz{font-size:50px;color:#4c0b13;font-weight: bold;}
    .jszx{font-size: 16px;color: #666;font-weight: normal;}
    .jszx1{font-size: 14px;color: #666;font-weight: normal;margin-top:-5px}
    .about-img{transition: all .3s;animation: ease-in aboutimg 2.8s;animation-iteration-count: infinite;}
    .about-right:hover{transform: translateX(15px)}

    /* 产品*/
    .pro-head{margin:70px auto 0;max-width: 1300px;overflow: hidden}
    .pro-box{margin:50px auto 0;width: 100%;overflow: hidden;display: flex;justify-content: space-between}
    .pro-box li{width: 20%;position: relative;transition: all .3s;overflow: hidden}
    .pro-box li img{width: 100%;height:28vw;transition: all .5s;object-fit: cover}
    .pro-box li:hover  img{transform:scale(1.1)}
    .pro-box .title{width:84%;position: absolute;bottom:20px;left:8%;
    .title-en{font-size: 18px;color: #fff;text-transform: uppercase}
    .title-name{font-size:26px;color: #fff;font-weight: bold}
    .more{opacity: 0;transition: all .4s; margin-top: 10px}  .more img{opacity: 0;height: 10px;width: auto;transition: all .3s}
    }
    .pro-box li:hover .title{background: rgba(50,10,15, .7);width: 100%;bottom: 0;height:100%;display: flex;padding-left: 15%;left: 0;
        flex-wrap: wrap;flex-direction: column;animation: ease-in probg .6s;z-index: 9;
        justify-content: center}
     .pro-box li:hover .more{display: flex;font-size: 16px;color: #fafafa;align-items: center;opacity: 1;}
     .pro-box li:hover .more img{height: 10px;width: auto;margin-left: 3px;opacity:1;animation: ease-in arrowlr .8s infinite}
     /*news*/
     .news-bg{width: 100%;background:url(../images/newsbg.jpg) no-repeat top center;background-size: cover;padding: 60px 0;overflow: hidden}
     .news-box{max-width: 1300px;padding:0 15px; margin:30px auto}
     .news-head{max-width: 1300px;margin:0 auto;display: flex;justify-content: space-between;padding:0 15px;
     .l{width: 50%;
        h2{color: #333;margin:2px auto;font-weight: bold;font-size: 34px}
        h3{font-size: 16px;color: #777;margin:8px auto 15px;text-transform: uppercase}
     }
     .r{width: 48%;margin-top: 25px}
     .r ul{display: flex;align-items: center;justify-content: center}
     .r li{margin-left: 1%;background:#e1e2e3;font-size: 18px;border-radius: 8px;width: 30%;text-align: center}
     .r li a{display:block;padding: 10px 0}
     .r li.active{background:#340a0f;color: #fff!important; }
       .r li.active a{color: #fff!important; }
     }
     /*新闻*/
     .news-contain{max-width: 1300px;padding: 0 15px;overflow: hidden;margin:50px auto}
     .newtop{width: 100%;overflow: hidden}
     .newl{width: 45%;float: left;position: relative;margin-left: 10px}
     .newr{width: 49%;float: right}
     .newleft{width: 100%;margin:-50px auto 0;padding: 5px 20px 20px;background: rgba(255,255,255,.9);position: relative;}
     .newltime{width:150px;background: rgba(220,220,220,.8);color: #555;border-left:solid 5px #fcb22c ;
         text-align: center;top:0;left:-8px;position: absolute;border-radius:10px;padding: 15px 5px;z-index: 5}
     .newltime .d{font-size: 32px;font-weight: bold}
     .newltime .x{font-size: 22px;}
     .newl .imgk{display: block;overflow: hidden;border-radius: 8px}
     .newl img{display: block;width: 100%;height: 365px;object-fit: cover;transition: all .4s}
     .newl:hover img{transform:scale(1.1)}
     .newl:hover .xwtitle{color:#750611}
     .xwtitle{font-weight: bold;font-size: 20px;line-height: 35px;margin: 10px auto;
         overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
     .newleft article{    font-size:15px;line-height: 26px;color: #666;margin: 10px auto;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;}

     .newst{width: 100%}
     .newstl{width:calc(100% - 90px);float: left;}
     .newstr{width:80px;float: right;padding-left: 30px;box-sizing: border-box;color: #bcbcbc;position: relative}
     .newstr .d{font-size: 30px;font-weight: bold; color: #717171;font-family: "Arial Black"}
     .newstr .x{font-size:14px;font-family: "Arial Black";text-transform: uppercase;color: #bcbcbc}
     .newst li:hover .d{color: #750611}
     .newst li:hover .newstr:before{content: "";position: absolute;top:20px;height:1px;background: #750611;width:25px;left:0;display: block}
     .newst li{border-bottom: solid 1px #e1e1e1;transition: all .5s;overflow: hidden;margin-bottom: 30px}
     .newst li:hover{transform: translate(0,-10px)}
     .newst li:hover h2{color: #750611}
     .newst li h2{font-size:20px;overflow: hidden;
         text-overflow:ellipsis;white-space: nowrap;color: #070002;margin:15px auto 20px}
     .newst li p{font-size:15px;line-height: 29px;margin: 10px auto 15px;color: #8f8d8e;display: -webkit-box;overflow: hidden;
    -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical}
     .newmore{display: block;width: 250px;text-align: center;color: #333!important;border-radius: 8px;border: solid 1px #333;
    font-size:15px;margin:40px auto 35px;line-height: 40px}
     .newmore:hover{background: #333;color: #fff!important;}
     /*理念*/
    .idea-bg{
        width: 100%;  background: url(../images/ideabg.jpg) repeat-y bottom center;padding:100px 0;
        background-attachment: fixed; background-size: cover;overflow: hidden;
    }
    .idea-box{max-width: 1300px;padding:0 15px;margin:0 auto}
    .idea-box li{color: #e4e1e1;text-align: center;margin:20px auto;border-right: solid 1px rgba(255,255,255,.3)}
    .idea-box li img{display:block;margin:15px auto}
    .idea-box .idea-title{font-size: 20px;margin:10px auto 25px}
    .idea-box .idea-p{font-size: 15px;line-height: 35px}
    .idea-box .idea-en{font-size: 12px}
    .idea-box li:last-child{border-right: none}
     /*底部*/
    .bottom-bg{width: 100%;background: #340a0f;padding: 80px 0 50px;overflow: hidden}
    .bottom-box{max-width: 1400px;margin:30px auto;overflow: hidden}
    .endnav-box{display: flex;justify-content: left}
    .endnav{float: left;width: 20%}
    .endnav h2{font-size:20px;color: #fff;margin:0 auto 20px}
    .endnav li{font-size: 13px;color:#fff;line-height: 26px;margin:5px auto}
    .endnav a{color: #fff}
    .end-contact{width:290px;float: left }
    .end-contact h2{font-size:20px;color: #fff;margin:0 auto 20px}
    .end-contact h3{font-size: 18px;color: #fff;font-weight: bold}
    .end-contact li{font-size: 13px;color:#fff;line-height: 26px;margin:5px auto}
    .end-code{width: calc(100% - 300px);float: right}
    .end-code ul{display: flex;justify-content: space-around}
    .end-code li{width: 20%}
    .end-code p{color: #fff;text-align: center;margin-top: 15px}
    .copy-right{max-width: 1400px;margin:10px auto;color: #fbfbfb;border-top: solid 1px #492327;padding: 30px 0 0 0;font-size: 13px;display: flex;align-items: center}
    .copy-right a{color: #fbfbfb}


     @keyframes probg {
    0%{width: 100%;height:0;opacity:0;bottom: 0 }
    100%{width: 100%;height:28vw;opacity:1}
     }
  @keyframes arrowlr {
    0%{transform:translateX(0)  }
    50%{transform:translateX(10px)}
    100%{transform:translateX(0)  }
}

@keyframes aboutimg {
    0%{transform:translateY(0px);}
    25%{transform:translateY(10px);}
    50%{transform:translateY(20px);}
    100%{transform:translateY(0);}
}
/*内页banner*/
    .inner-banner{width: 100%;}
    .inner-banner img{width: 100%;height:auto}
    .position-bg{background: #f8f8f8;width: 100%}
    .position{max-width: 1300px;padding:8px 15px;font-size:14px;line-height: 28px;
        margin:0 auto;display:flex;align-items: center}
    .position a{color: #555}
    .position img{height: 20px;width: auto;margin-right: 10px}
/* 关于*/
    .sort-bg{background:url("../images/sort-bg.jpg") no-repeat center center;padding: 10px 0;width: 100%;background-size: cover}
    .aboutfl{width:100%;margin:25px auto;overflow: hidden}
    .aboutfl li{width:20%;float: left;margin-left: 3%;text-align: center;color: #0b112a;font-size:22px;transition: all .4s}
    .flimgk{padding:5px 10px;background: rgba(198,198,198,.2);border:solid 1px #640f17;border-radius:6px;overflow: hidden;width:100%;
        margin:0 auto;justify-content: center;align-items:center;display: flex;transition: all .3s}
    .flimgk img{display: block;width:50px;margin-right: 10px}
    .aboutfl li.active {
        .flimgk{background:#640f17;color: #fff }
        .flimgk img{filter: brightness(0) invert(1);}
    }
    .aboutfl li:hover{
        .flimgk{background:#640f17; color: #fff}
        .flimgk img{display: block;width:50px;margin-right: 10px;filter: brightness(0) invert(1);}
    }
    .about-h2{font-size: 26px;margin:60px auto 0;font-weight: bold}
    .about-content{max-width: 1300px;margin:30px auto;font-size: 16px;line-height: 32px;color: #555}
    .about-content img{max-width: 100%;height: auto}
    .about-num{width: 100%;border-top:solid 1px #e5e5e5;border-bottom: solid 1px #e5e5e5;
    background:url("../images/about-num.jpg") no-repeat center center;padding:40px 0;margin:55px auto 0}
    .about-manage{
        .idea-title{color: #4c0b13!important;font-size: 22px}
        .idea-box{margin-top:-10px!important}
        .idea-box li {
                color: #e4e1e1;
                text-align: center;
                margin: 10px auto;
                border-right: solid 1px rgba(100, 16, 24, .3);
        .idea-p{color: #666;}
        .idea-en{color:#999}
        }
        .idea-box li:last-child{border: none}
    }
/*新闻列表*/
    .inner-news{max-width: 1300px;margin:45px auto;}
    .news-sort{max-width: 1300px;margin:25px auto;overflow: hidden;text-align: center}
    .news-sort li{margin:10px;display: inline-block;;background: #fafafa;border: solid 1px #dedede;border-radius: 5px}
    .news-sort a{padding: 10px 45px;font-size: 18px;display: block}
    .news-sort li a.active{background: #340a0f;color: #fff;border-radius: 5px}
    .news-sort li a:hover{background: #340a0f;color: #fff;border-radius: 5px}


    .news-container {
        margin: 50px auto;
        display: block;
        overflow: hidden;
        max-width: 1300px;
        padding: 0 15px
    }
    .news-img {
        background: #fafafa;
        border-radius: 5px;
        padding-bottom: 8px;
        border-bottom:  1px solid #4c0b1347;
        margin-bottom: 25px;position: relative;
    }
    .news-img img {
        border-radius: 5px;
        margin: 0 auto;transition: all .3s;
    }
    .news-img time {
       width: 90%;display: block;margin: 10px auto 0;
    }
    .news-img time{width: 90%;margin:15px auto 0;color: #999}
    .img-box{position: relative;overflow: hidden;border-radius: 5px}
    .img-box img{width: 100%;height: 258px;object-fit: cover}

    .img-box h2 {
        font-size: 18px;
        color: #340a0f;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        position: absolute;bottom: 0;left: 0;margin: 0;padding:15px ;
        background: rgba(255,255,255,.9);
    }

    .news-img article {
        font-size: 14px;
        line-height: 24px;
        color: #777;display: -webkit-box;
        height: 50px;
        width: 90%;
        margin:10px auto 15px;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical
    }
    .news-container li{margin-bottom: 15px}
    .news-container li:nth-child(even) .news-img {
        border-bottom: 1px solid #fcb22d57;
    }
    .news-container li:hover img{transform: scale(1.1)}
    .news-container li:hover h2{color: #4c0b13}
    .news-container li:hover h2{color: #fff;  background: rgba(52,10,15,.69);}

    /*产品列表*/
    .cpfl{width:100%;margin:20px auto 10px;overflow: hidden}
    .cpfl ul{display: flex;justify-content: space-around}
    .cpfl li{width:18%;float: left;margin-left: 1%;transition: all .4s}
    .cpflimgk{padding: 10px;background: rgba(198,198,198,.2);border: solid 1px rgba(155, 155, 155);border-radius: 100%;overflow: hidden;width:100px;height: 100px;
        margin:0 auto;justify-content: center;align-items:center;display: flex;transition: all .3s}
    .cpflimgk img{display: block;margin:0 auto;max-width: 100%;height: auto; }
    .cpfl li.active .cpflimgk{background:#640f17;border: solid 1px #340a0f; }
    .cpfl li.active .cpflimgk img{filter: brightness(0) invert(1); }
    .cpfl li:hover .cpflimgk{background:#640f17;border: solid 1px #340a0f;}
    .cpfl li:hover {
        .cpflimgk img{filter: brightness(0) invert(1); }
        p{color: #340a0f}
    }
    .cpfl li.active p{color: #340a0f; }
    .cpfl li p{color: #333;font-size:18px;line-height: 30px;margin-top: 15px;text-align: center; }
    .pro-container{max-width: 1300px;margin:25px auto;overflow: hidden}
    .cpboxk{border:solid 1px #dedede;width: 100%;}
    .cpboxk .imgk{overflow: hidden;position: relative}
    .cpboxk img{width: 100%;transition: all .3s;margin:0 auto;display: block;height:293px;object-fit:contain}
    .cpboxk .bt{font-weight: bold;font-size: 18px;line-height: 30px;background: rgba(230,230,230,.6);
        text-align: left;color: #222;position: absolute;bottom: 0;width: 100%;padding:2px 20px;
        white-space:nowrap;text-overflow:ellipsis;overflow: hidden}
    .pro-infobg{background:#fcfcfc;color: #666;padding: 10px 20px 15px 20px;position: relative;z-index: 1}
    .cpboxk p{color: #999;line-height: 23px;font-size: 13px;margin:2px auto;text-align: left;display: flex;justify-content:left;
        overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
    .l{} .r{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left}
    }
    .pro-container li{transition: all .3s;margin:20px auto}
    .pro-container li:hover .bt{color: #340a0f;}
    .pro-container li:hover .cpboxk{border:solid 1px #bbb;}
    .pro-container li:hover .cpxqan{background: #239355;color: #fff;}
    .pro-container li:hover img{transform: scale(1.1)}
/*    租赁*/
      .rent-box{max-width:1300px;margin:30px auto;overflow: hidden;}
      .rent-title{font-size: 30px;color: #333;font-weight: bold;margin: 30px auto 20px}
      .rent-about{font-size: 16px;color: #666;line-height: 30px;text-align: justify}
      .rent-pro{margin:50px auto;max-width: 1300px;padding: 0 15px;overflow: hidden}
      .rent-title1{font-size: 30px;color: #333;text-align: center;font-weight: 700}
      .rent-pro ul{display: flex;justify-content: space-around;margin:40px auto}
      .rent-pro li{width:200px;height: 200px;background: #340a0f;
          border-radius: 100%;border: solid 2px #773039;position: relative;overflow: hidden}

      .rent-pro .item{width: 100%;top:0;bottom: 0;cursor: pointer;
          position: absolute;color: #fff;background: rgba(52,10,15,.1);transition: all .4s;
          display: flex;align-content: center;justify-content: center;flex-wrap: wrap;
      h2{margin-bottom: 5px;font-size: 28px;font-weight: 700}
      p{font-size: 14px;color: #fff}
      }
      .rent-pro .item:hover{background: rgba(52,10,15,.6);}
      .inner-bg{width: 100%;background: #f8f9fc;padding: 20px 0}
      .rent-so{margin:45px auto;display: flex;align-items: center;justify-content: space-between}
      .rent-so .l{width: 45%}
      .rent-so .r{width: 55%;}
      .rent-sol{width: 100%;margin:25px auto;
      .title{font-size: 24px;font-weight: 700;margin-bottom: 20px}
      li{width: 100%;font-size: 16px;line-height:28px;margin:5px auto 10px;overflow:hidden;
      .li-label{width: 145px;color: #fff;background:#671621;text-align: center;display: block;float:left;font-size: 16px;
          border-radius: 50px;line-height: 27px;padding: 1px 0;margin-right: 10px}
      .li-r{width:calc(100% - 155px);float: right}
      }
      }
      .rent-case{margin: 50px auto;padding: 0 15px}
      .rent-case ul{display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;
          margin-top: 45px}
      .rent-case li{width: 46%;}
      .rent-case .case-img{border-radius: 10px;overflow: hidden;position: relative;
      h2{background: rgba(255,255,255,.8);color: #333;font-size: 20px;margin: 0;padding: 10px 0;font-weight: 700;
          position:absolute;width:100%;left:0;bottom:0;text-align: center}
      }
      .case-img img{width: 100%;border-radius: 10px;transition: all .3s;}
       .rent-case li:hover img{transform:scale(1.1);}
     .rent-info{font-size: 15px;color: #444;line-height: 28px;margin:25px auto}
/*     再制造*/
      .remade-bg{width: 100%}
      .remade-bg ul{background: #f8f9fc;overflow: hidden}
      .remade-bg ul:nth-child(even){background: #fff}
      .remade-box{max-width: 1280px;margin:50px auto;padding: 0 15px;overflow: hidden}
      .remade-box img{border-radius: 10px}
      .remade-l{width:48%;float: left}
      .remade-r{width:48%;float: right}
      .remade-bg ul:nth-child(even){background: #fff;
         .remade-l{width:48%;float: right}
         .remade-r{width:48%;float: left}
      }
      .remade-title{font-size: 30px;color: #333;font-weight: 700;margin: 20px auto 25px}
      .remade-article{font-size: 15px;line-height: 28px;color: #666}
      .inner-sort-box{margin:40px auto}
      .inner-sort-article{font-size: 16px;line-height: 30px;margin:25px auto;color: #666;}
      .inner-sort-article img{max-width: 100%;margin:20px auto;display: block}
/*      配件*/
      .fit-midbg{background: url("../images/fit-midbg.jpg") no-repeat center center;padding: 25px 0;text-align: center;background-size:cover;
      h2{font-size: 30px;color: #fff;margin:20px auto 0;font-weight: 700}
      h3{font-size:15px;color:rgba(255,255,255,.7);max-width: 1280px;padding: 0 15px;margin:20px auto;line-height: 26px}
      }
/*      山特*/
      .san-box{max-width: 1300px;padding: 0 15px;margin:45px auto}
      .san-box ul{display:flex;align-items: stretch;justify-content:left;flex-wrap: wrap}
      .san-box li{width: 31%;background: #fafafa;border-radius:8px;padding-bottom:15px;margin:10px 1% 25px;
      img{display:block;margin:0 auto 10px;border-radius:8px;max-width: 100%;height: auto}
      h2{font-size: 20px;text-align: center;overflow:hidden;font-weight: 700;
          width: 95%;margin:25px auto 20px;text-overflow: ellipsis;white-space: nowrap;color: #444}
      p{font-size: 14px;color: #777;line-height: 25px;width: 92%;margin:10px auto}
      }
    .service-need{max-width: 1280px;margin:45px auto;overflow: hidden}
    .service-need ul{display: flex;align-items: stretch;justify-content:space-between;flex-wrap: wrap}
    .service-need li{background: #f3edee;border-radius: 10px;border-left: solid 4px #671721;transition: all .3s;cursor:pointer;
        margin-bottom: 20px;width: 48%;padding:15px 30px 20px;box-sizing: border-box;
    .title{font-weight:700;font-size:22px;margin:10px auto;color:  #671721;}
    .article{font-size: 16px;line-height: 28px;color: #666}
    }
    .service-need li:nth-child(2),
    .service-need li:nth-child(3){background: #f7f7f7}
    .service-need li:hover{transform: translateX(5px)}
    .service-vip{max-width: 1300px;margin:25px auto 15px;overflow: hidden}
    .vip-title{font-size: 30px;text-align: center;color: #333;font-weight: 700;}
    .vip-subtitle{font-size: 16px;color: #666;text-align: center;margin:10px auto}
    .service-vip ul{display: flex;justify-content: space-between;align-items: stretch;margin: 45px auto;padding: 0 15px}
    .service-vip li{width: 24%;border-radius: 10px;padding-bottom:15px;background: #fff;border:solid 1px #eee;  transition: all .3s;cursor:pointer;
    img{max-width: 100%;height: auto;display: block;margin:10px auto}
    .name{font-size: 20px;font-weight: 700;text-align: center;color: #340a0f;padding:5px 10px;border-radius: 5px;
        background:#f8f1d9;margin-bottom: 10px}
    .info{font-size: 15px;color: #666;line-height: 26px;width:90%;margin:15px auto;text-align: justify;}
    }
     .service-vip li:nth-child(2) .name{background:#f1f2f6 }
     .service-vip li:nth-child(3) .name{background:#ecf4f8 }
     .service-vip li:nth-child(4) .name{background:#fafafa }
     .service-vip li:hover{transform:translateY(-10px)}
     .service-bg{width: 100%;background: url("../images/kf-endbg.jpg")no-repeat center right;background-size: cover;padding:45px 0;text-align: center;
         h2{font-size: 30px;font-weight:700;color: #fff;margin:15px auto 0}
         h3{font-size: 20px;margin:20px auto 10px;color: rgba(255,255,255,.7)}
     }
     .rent-bg{width: 100%;background: url("../images/zulin-endbg.jpg") no-repeat center center;background-size: cover;padding: 30px 0;
         overflow: hidden}
     .rent-company{max-width: 1300px;margin:10px auto;overflow: hidden;padding:0 15px;
     .title{font-size: 30px;font-weight: 700;margin:5px auto 20px;color: #333}
     .left{width: 48%;float: left;
     .company{display: flex;justify-content: space-between;font-size: 15px;line-height:30px;color: #444}
     }
     .right{width: 43%;float: right;color:#555;
         .info{font-size: 15px;line-height: 28px}
         .info1{font-size: 15px;margin-top:20px;line-height: 28px}
         .info-color{color:#4c0b13;font-size: 20px;font-weight: 700;margin-bottom: 15px;display: block}

     }
     }
     .network-box{margin: 10px auto;max-width: 1300px;overflow: hidden}
     .table-box{margin:35px auto;}
     .table-box tr td{border: solid 1px #dedede;padding:10px 5px;text-align: center;font-size: 15px}
     .table-box tr:first-child td{font-size: 18px;}
     .table-box tr:nth-child(even){background: #fcfcfc}
     /*.table-box tr td:first-child{border-left:solid 1px #fff}*/
     /*.table-box tr td:last-child{border-right:solid 1px #fff}*/
    .formk{width: 90%;overflow: hidden;margin:40px 0 60px}
    .formk ul{overflow: hidden}
    .formk article{font-size: 14px;text-align: center;padding:0 0 15px;width: 95%; line-height: 24px;margin-bottom: 20px}
    .formk .k{width: 100%;float: left;padding:3px 0  3px 20px;line-height: 35px;
        margin:5px 3% 5px 0;border-radius: 3px;border:solid 1px #7c7c7c}
    .formk .k1{width: 100%;float: left;padding-left: 20px;
        line-height: 35px;margin:5px 3% 5px 0;border-radius: 3px;border:solid 1px #7c7c7c;min-height: 100px}
    .formk .k2{width: 30%;float: left;padding-left:20px;line-height: 35px;margin:5px 3% 5px 0;border-radius: 3px;border:solid 1px #7c7c7c}
    .formk button {
        width:100%;
        text-align: center;
        line-height: 40px;
        background:#671621;
        font-size: 16px;
        color: #fff;
        display: block;
        border-radius: 5px;
        border: none;
        margin-top: 25px;
    }
    .formk input::placeholder{font-size: 15px}
    .contact-box{width: 100%;overflow: hidden;border-radius: 10px;margin-top: 40px;border:solid 1px #eee}
    .job-box{max-width: 1300px;margin: 40px auto;overflow: hidden}
    .job-info{max-width: 1200px;margin: 40px auto;padding:0 15px;display: flex;justify-content: space-between;
    .l{width:40%;font-size: 16px;line-height: 28px}
    .r{width: 40%;font-size: 16px;line-height: 30px}
    .job-r-title{font-size: 22px;font-weight: 700;margin: 10px auto 25px}
    }
    .job-bg{ width: 100%;
        background: url("../images/zulin-endbg.jpg") no-repeat center center;
        background-size: cover;
        padding: 30px 0;
        overflow: hidden}
    .joblist {
        max-width: 1280px;
        display: block;
        margin: 25px auto 60px;
        border-radius: 10px;
        padding: 0 50px
    }

    .joblist ul {
        background: #fff;
        margin-bottom: 4px;
        overflow: hidden;
        font-size: 16px;
        line-height: 55px;
        cursor: pointer
    }
    .joblist ul a {
        display: block
    }
    .joblist ul:hover {
        background: #ecf6f7
    }

    .joblist .col-md-2 {
        text-align: center
    }

    .joblist ul:first-child {

        line-height: 65px;
        font-size: 18px;
        border-radius: 10px;
        background: #f3edee;
        border-left: solid 4px #671721;
    }
    .joblist .subNav:nth-child(even) {
        background: #fafafa
    }
    .jobxx {
        font-size: 14px;
        line-height: 28px;
        margin: 15px auto
    }
    .jobxx h3 {
        margin: 0 auto 15px;
        font-size: 16px;
        font-weight: 700;
        border-bottom: solid 1px #eee;
        line-height: 35px
    }
    .jobxx article{font-size: 14px;color: #666;line-height: 24px;padding-bottom: 10px}
   /*product article*/
    .cpnrbox{max-width:1200px;margin:50px auto 30px;overflow: hidden}
    .cpnrxx{float:right;width:650px;display: block;padding:15px 30px;background:#f7f7f7}
    .cpnrxx h2{font-size:30px;position: relative;width: 98%;margin:30px auto 20px;font-weight: bold;
        border-bottom: solid 1px #9e9e9e;padding: 20px 0 20px}

    .cpnrxx article{font-size:15px;width:95%;margin:30px auto;line-height:25px;color:#555;
        overflow:hidden;display: -webkit-box; -webkit-line-clamp:5;text-overflow: ellipsis; -webkit-box-orient: vertical}
    .cpnrxx .row{width: 100%;overflow: hidden;font-size:14px;line-height: 24px;
        color:#555;padding:10px 0 15px;border-bottom:dashed 1px #dedede;display: flex;justify-content: space-between }
      .row-l{width: 100px;text-align: center}
     .row-r{width: calc(100% - 100px);overflow:hidden;display: -webkit-box; -webkit-line-clamp:3;text-overflow: ellipsis; -webkit-box-orient: vertical}
     .pro-button{width: 100%;overflow: hidden;margin:25px auto 10px}
     .pro-btn{width:180px;background: #671621;color: #fff!important;display: block;float: left;text-align: center;font-size: 16px;padding: 3px 0;
         line-height: 35px;border-radius: 5px}
     .btn2{background: #ee5a24;color: #fff!important;display: block;float: left;margin-left: 15px}
    .cpnrxq{max-width:1270px;padding:35px 20px;margin:0 auto 50px;
        font-size: 15px;line-height: 30px;border: solid 1px #eee}
    .cpnrxq img{max-width: 100%;height: auto}
    .cpnrxq table{width: 100%;display:table;margin:15px auto;}
    .cpnrxq table th{border: solid 1px #dedede;padding-left: 15px}
    .cpnrxq table tr td{border: solid 1px #dedede;padding: 8px 10px;font-size: 16px;line-height: 28px }
    .cpnrxq table tr:nth-child(even){background: #fafafa}
    .cpnrxq table tr:first-child{font-weight: bold}

    .cpnrxq1{max-width:1270px;padding:35px 15px;margin:0 auto 50px;
        font-size: 15px;line-height: 24px;border: solid 1px #eee}
    .cpnrxq1 img{max-width: 100%;height: auto;margin-bottom: 10px}
    .cpnrxq1 table{width: 100%;display:table;margin:15px auto;}
    .cpnrxq1 table tr td{border: solid 1px #eee;padding: 8px 10px;font-size: 16px;line-height: 28px;vertical-align: top }



    .detail-sort{}
    .detail-sort li{float: left;background: #eee;font-size: 17px;border: solid 1px #dedede;border-bottom: none}
    .detail-sort li a{display: block;padding: 15px 60px;color: #222}
    .detail-sort li.active{background: #671621;color: #fff;}
     .detail-sort li.active a{color: #fff;display: block}
    .fd{
        width:500px;
        float: left;
        overflow: hidden;
    }
    .spec-scroll .items{

        position: relative;
        width:420px;
        height:130px;
        overflow: hidden;
        margin:15px auto;
    }
    .spec-scroll .items ul{
        position: absolute;
        width:99999px;
        height: 164px;
    }
    .spec-scroll {
        clear: both;
        margin-top: 20px;
        width: 100% !important;
        overflow: hidden;
    }
    .spec-scroll .items ul li{float:left;width:140px;text-align:center; margin:0;cursor: pointer}
    .spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:120px;height:101px;display: block;margin:0 auto;object-fit: cover}
    .spec-scroll .items ul li img:hover{border:1px solid #a9d0ff;padding:2px;}
    .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
    .clearfix{display:inline-block;}
    /* Hide from IE Mac */
    .clearfix{display:block;}

    .spec-scroll{clear:both;margin-top:20px;width:500px}
    .spec-scroll .prev{float:left;margin-right:4px;margin-top: 15px;}
    .spec-scroll .next{float:right;margin-top: 15px;}
    .spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:29px;height:129px; line-height:54px;cursor:pointer;text-decoration:none;}
    .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
    .clearfix{display:inline-block;}
    /* Hide from IE Mac */
    .clearfix{display:block;}
    /*图片放大镜样式*/
    .jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; padding:5px; border:1px solid #e6e6e6;}
    .jqzoom img{display:block;width:490px;height: 480px;object-fit: cover}
    .zoomdiv{z-index:800;position:absolute;top:0px;left:0px;width:500px;height:374px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
    .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
    /*图片小图预览列表*/
    .spec-preview{
        width:100%;
        height:100%;
        margin: 0 auto;
    }
    .spec-scroll{clear:both;margin-top:20px;width:500px}
    .spec-scroll .prev{float:left;margin-right:4px;margin-top: 15px;}
    .spec-scroll .next{float:right;margin-top: 15px;}
    .spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:29px;height:129px; line-height:54px;cursor:pointer;text-decoration:none;}

    .syp{width:100%;font-size: 15px;color: #333;background: #fafafa;padding: 5px 0}
    .syp a{color: #555}
    .syp ul{overflow: hidden;max-width: 1300px;margin:15px auto;padding: 0 15px;
        display: flex;justify-content: space-between;flex-wrap: wrap}
    .syp li{width:48%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;overflow: hidden}
    .syp li:nth-child(2){width:48%;text-align: right}
/*    新闻内容*/
     .news-detail{max-width:1300px;margin:40px auto;padding: 0 15px}
     .detail-title{font-size: 22px;text-align: center;font-weight: 700;color: #333}
     .detail-subtitle{font-size:14px;color: #666;line-height: 27px;border-bottom: solid 1px #dedede;padding:15px 10px;text-align:center;
         span{margin:0 3px 0 10px}
     }
     .detail-content{margin:20px auto;font-size: 16px;line-height: 30px;color: #555;min-height: 300px}
     .detail-content img{display: block;margin:10px auto;max-width: 100%;height: auto}
     .spec-box{max-width:1300px;margin:20px auto;overflow:hidden}
     .spec-box ul{display: flex;flex-wrap: wrap;justify-content:left;align-items:stretch}
     .spec-box li{width: 29%;margin-left: 3%;border: solid 1px #eee;margin-bottom: 15px;
         img{width: 100%;height: 320px;object-fit: cover}
         h2{font-size:18px;color: #333;background: #fafafa;width: 100%;font-weight: bold;
             padding: 10px 10px;margin:5px auto;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
         p{color: #666;line-height: 24px;font-size: 14px;padding: 5px 10px}
     }
     .video{max-width:1250px;margin:50px auto;}
     .video ul{display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap}
     .video li{width: 45%;margin-bottom: 20px}
     .video-item{width: 100%;background: #000}
     .video li img{width: 100%;height:320px;object-fit: cover;}
     .video li p{ margin: 20px 0 10px;
         font-size: 18px;
         color: #555;
         width: 100%;line-height: 26px;
     }
      .video time {
        display: block;
        margin-top: 15px;
        font-size:14px;
        color: #ccc;
    }
    .buy-btn{width: 250px;display:block;background:#640f17;color:#fff!important;padding:6px 0;
    margin:20px 0 10px;text-align:center;border-radius:5px;font-size: 17px;
    }
    .buy-btn:hover{background: #8f0c19}
    .annex{width: 100%;margin:25px auto 0;padding-top: 15px}
    .yybb{margin-left: 10px;font-size: 15px;}
    .yybb a{color: #fff;display: flex;align-items: center;}
    .cd-wechat{         width: 80px;
        position: fixed;
        bottom: 100px;
        right: 20px;display: flex;align-items: center;justify-content: center;border-radius: 10px;
        background:#8f0c19;
        img{width:80px;height: auto;}
    }
    .space{height: 100px;width: 100%}



}


@media (max-width: 768px) {
    .cd-wechat{
        width: 45px;
        position: fixed;
        bottom: 100px;
        right: 10px;display: flex;align-items: center;justify-content: center;border-radius: 10px;
        background:#8f0c19;
        img{width:45px;height: auto;}
    }

    .top-tel{display: none}
    .search-bar-container{display: none}
    .yybb{margin-right: 20px;font-size: 15px;float: right;padding: 2px 0}
    .yybb a{color: #fff;display: flex;align-items: center;}
    .annex{width: 100%;margin:25px auto 0;border-top: solid 1px #dedede;padding-top: 15px}
    .topbg{width: 100%;}
    .indbg{width: 100%;background: #340a0f;overflow: hidden;padding: 0;position: relative }
    .top-nav{width: 100%;margin:0 auto;overflow: hidden}
    .logo1{max-width: 100%;height: auto}
    .topbg .container{padding: 0}
    .nav-logo{position:absolute;top:10px;left: 10px;width: 38%}
    .nav-logo img{max-width: 100%;height: auto}
    .nav-mid{margin-top:15px;}
    .clear{clear: both}
    .navbar-nav{ text-align: center; background: #f6f6f6; width: 100%; margin: 0 auto;}
    .navbar-nav li{border-bottom: solid 1px #dedede;}
    .navbar-nav li a{ font-size:16px;text-transform: uppercase;padding: 10px 0}
    .navbar-collapse{padding:0 !important}
    .navbar-header{padding:0;margin:0 15px 15px 0}
    .dropdown-menu li{text-align: center;line-height: 30px;font-size: 14px;background: #fafafa}
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding:8px 0!important;color:#666;font-size: 14px}
    .dropdown-menu li:last-child{border-bottom: none}
    .pck{width: 100%;overflow: hidden}
    .pck img{display: block;width: 100%;height: auto;object-fit: cover;object-position: left}

    /*first*/
    .first-box{width: 100%;background: url(../images/firstbg.jpg) no-repeat center bottom;padding: 30px 0 20px;background-size: cover}
    .headline{width:100%;}
    .headline h2{text-align: center;color: #333;margin:2px auto;font-weight: bold;font-size: 26px}
    .headline h3{font-size: 13px;text-align: center;color: #777;margin:8px auto 5px}
    .first-container{max-width: 1300px;padding:15px;overflow: hidden;margin:10px auto 0}
    .first-container ul{display: flex;justify-content: space-between;flex-wrap: wrap}

    .first-container li{border-radius:5px;background: rgba(50,10,15, .08);padding: 10px 5px ;width:49%;transition: all .5s;margin-bottom: 10px;
        .name{font-size: 20px;text-align: center;color: #333}
        .en-name{font-size: 12px;text-align: center}
        .article{margin:10px auto;line-height:22px;font-size: 13px;color:#685458;
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 2;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
        }
    }
    .first-container li:first-child{ background: #4c0b13;
        .name{color: #fff}
        .en-name{color:rgba(255,255,255,.5)}
        .article{color: #c4b9ba}
        .info{transition: all .3s;text-align: center}

    }
    .first-container li:first-child:hover{ background: #4c0b13!important;
        .first-icon{width: 57px;height: 57px;background: url(../images/icon1-2.png) no-repeat center center!important;}
        .name{color: #fff!important;}
        .en-name{color:rgba(255,255,255,.5)!important;}
        .article{color: #c4b9ba}
    }

    .first-container li:first-child .first-icon{width: 57px;height: 57px;background: url(../images/icon1-2.png) no-repeat center center;margin: 0 auto 10px;background-size: 100%;}
    .first-container li:nth-child(2) .first-icon{width: 57px;height: 57px;background: url(../images/icon2-1.png) no-repeat center center;margin: 0 auto 10px;background-size: 100%;}
    .first-container li:nth-child(2):hover {
        .first-icon{width: 57px;height: 57px;background: url(../images/icon2-2.png) no-repeat center center;background-size: 100%;}
    }
    .first-container li:nth-child(3) .first-icon{width: 57px;height: 57px;background: url(../images/icon3-1.png) no-repeat center center;margin: 0 auto 10px;background-size: 100%;}
    .first-container li:nth-child(3):hover {
        .first-icon{width: 57px;height: 57px;background: url(../images/icon3-2.png) no-repeat center center;background-size: 100%;}
    }
    .first-container li:nth-child(4) .first-icon{width: 57px;height: 57px;background: url(../images/icon4-1.png) no-repeat center center;background-size: 100%;
        margin: 0 auto 10px}
    .first-container li:nth-child(4):hover {
        .first-icon{width: 57px;height: 57px;background: url(../images/icon4-2.png) no-repeat center center};background-size: 100%;}
    .highlight-first {transition: all .3s;animation: ease-in firstli .2s;
        border-radius:5px;background: rgba(50,10,15, .08)!important;
        .first-icon{background: url(../images/icon1-1.png) no-repeat center center!important;margin: 0 auto 20px;background-size: 100%;}
        .name{font-size: 26px;text-align: center;color: #333!important;}
        .en-name{font-size: 14px;text-align: center;color: #666!important;}
        .article{color:#685458!important;}

    }
    .first-container li:hover {
        background: #4c0b13;transform: translateY(-8px);
        .first-icon{transform: translateY(5px);animation: ease-in firsticon .8s}
        .first-arrow{transform: translateY(24px);background:rgba(255,255,255,.7);
            img{ filter: invert(100%);}
        }
        .name{color: #fff}
        .en-name{color:rgba(255,255,255,.5)}
        .article{color: #c4b9ba!important;}
        .info{transform: translateY(5px);}
    }

    .first-arrow{display: none}
    .first-arrow img{margin: 0!important;max-width: 100%;height: auto}


    @keyframes firsticon {
        0%{transform:translateY(-10px);opacity: 0}
        50%{transform:translateY(10px);opacity: 1}
        60%{transform:translateY(7px);opacity: 1}
    }

    .about-bg{width: 100%;background:#f6f6f6;overflow: hidden;padding: 30px 0}
    .about-box{max-width: 1300px;margin:0 auto;padding: 0 15px;
        display: flex;align-items: baseline;justify-content: space-between}
    .about-left{width:100%;}
    .about-right{display: none}
    .about-title{width:100%; text-align: center}
    .about-title h2{color: #4c0b13;margin:2px auto 8px;font-weight: bold;font-size: 26px}
    .about-title h3{font-size: 14px;color: #777;margin:2px auto 8px;text-transform: uppercase}
    .about-article{font-size: 15px;color:#685458;line-height: 24px;margin:20px auto;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    /*数字*/
    .jsbox{width: 100%;padding:0 0 10px 0;background-size: 100%;margin:0 auto 0;}
    .jsk{max-width: 1300px;overflow: hidden;margin:0 auto;display: flex;text-align: center;
        justify-content: space-between}
    .jsz{font-size:30px;color:#4c0b13;font-weight: bold;}
    .jszx{font-size: 13px;color: #666;font-weight: normal;}
    .jszx1{font-size: 14px;color: #666;font-weight: normal;}
    .about-img{transition: all .3s;animation: ease-in aboutimg 2.8s;animation-iteration-count: infinite;}
    /*新闻列表*/
    .inner-news{max-width: 1300px;margin:45px auto;}
    .news-sort{max-width: 1300px;margin:5px auto;overflow: hidden;text-align: center}
    .news-sort li{margin:0px auto 8px;width:31%;background: #fafafa;border: solid 1px #dedede;border-radius: 5px;float: left;margin-left: 2%;}
    .news-sort a{font-size: 15px;display: block;padding: 10px 0;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .news-sort li a.active{background: #340a0f;color: #fff;border-radius: 5px}
    .news-sort li a:hover{background: #340a0f;color: #fff;border-radius: 5px}


    .news-container {
        margin: 20px auto;
        display: block;
        overflow: hidden;
        max-width: 1300px;
        padding: 0 15px
    }
    .news-img {
        background: #fafafa;
        border-radius: 5px;
        padding-bottom: 8px;
        border-bottom:  1px solid #4c0b1347;
        margin-bottom: 25px;position: relative;
    }
    .news-img img {
        border-radius: 5px;
        margin: 0 auto;transition: all .3s;
    }
    .news-img time {
        width: 90%;display: block;margin: 10px auto 0;
    }
    .news-img time{width: 90%;margin:10px auto 0;color: #999}
    .img-box{position: relative;overflow: hidden;border-radius: 5px}
    .img-box img{width: 100%;height: 48vw;object-fit: cover}

    .img-box h2 {
        font-size: 17px;
        color: #340a0f;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        position: absolute;bottom: 0;left: 0;margin: 0;padding:10px ;
        background: rgba(255,255,255,.9);
    }

    .news-img article {
        font-size: 14px;
        line-height: 23px;
        color: #777;display: -webkit-box;
        height: 50px;
        width: 90%;
        margin:5px auto 5px;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical
    }

    .news-container li:nth-child(even) .news-img {
        border-bottom: 1px solid #fcb22d57;
    }
    .news-container li:hover img{transform: scale(1.1)}
    .news-container li:hover h2{color: #4c0b13}
    .news-container li:hover h2{color: #fff;  background: rgba(52,10,15,.69);}



    /* 产品*/
    .pro-head{margin:30px auto 0;max-width: 1300px;overflow: hidden}
    .pro-box{margin:20px auto 30px;width: 100%;overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0 15px}
    .pro-box li{width: 49%;position: relative;transition: all .3s;overflow: hidden;border-radius: 5px;margin-bottom: 10px}
    .pro-box li img{width: 100%;height:24vw;transition: all .5s;object-fit: cover;}
    .pro-box li:hover  img{transform:scale(1.1)}
    .pro-box .title{width:100%;position: absolute;z-index: 9;
        bottom:0;background: rgba(52,10,15,.5);top:0;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;flex-direction: column;
        .title-en{font-size: 14px;color: #ccc;}
        .title-name{font-size:22px;color: #fff;}
        .more{opacity: 0;transition: all .4s; margin-top: 10px;display: none}  .more img{opacity: 0;height: 10px;width: auto;transition: all .3s}
    }
    .pro-box li:last-child{width: 100%;position: relative;transition: all .3s;overflow: hidden;border-radius: 5px;margin-bottom: 10px;}
    .pro-box li:last-child img{object-position: left -70vw;}

    /*news*/
    .news-bg{width: 100%;background:url(../images/newsbg.jpg) no-repeat top center;background-size: cover;padding: 30px 0 0 0 ;overflow: hidden}
    .news-box{max-width: 1300px;padding:0 15px; margin:20px auto 0}
    .news-head{max-width: 1300px;margin:0 auto;
        .l{width: 100%;text-align: center;
            h2{color: #333;margin:2px auto;font-weight: bold;font-size: 26px}
            h3{font-size: 14px;color: #777;margin:8px auto 15px;text-transform: uppercase}
        }
        .r{width: 100%;margin-top: 15px}
        .r ul{display: flex;align-items: center;justify-content: center}
        .r li{margin-left: 1%;background:#e1e2e3;font-size: 16px;border-radius: 8px;width: 30%;text-align: center}
        .r li a{display:block;padding: 10px 0}
        .r li.active{background:#340a0f;color: #fff!important; }
        .r li.active a{color: #fff!important; }
    }
    /*新闻*/
    .news-contain{max-width: 1300px;padding: 0 15px;overflow: hidden;margin:30px auto 0}
    .newtop{width: 100%;overflow: hidden}
    .newl{width: 100%;position: relative}
    .newr{width: 100%;}
    .newleft{width: 100%;margin:-50px auto 0;padding: 5px 10px 10px;background: rgba(255,255,255,.9);position: relative;border-radius: 5px}
    .newltime{width:100px;background: rgba(220,220,220,.8);color: #555;border-left:solid 10px #fcb22c ;
        text-align: center;top:0;left:-5px;position: absolute;border-radius:10px;padding: 10px 5px;z-index: 5}
    .newltime .d{font-size: 22px;font-weight: bold}
    .newltime .x{font-size: 18px;}
    .newl .imgk{display: block;overflow: hidden;border-radius: 8px}
    .newl img{display: block;width: 100%;height:50vw;object-fit: cover;transition: all .4s}
    .newl:hover img{transform:scale(1.1)}
    .newl:hover .xwtitle{color:#750611}
    .xwtitle{font-weight: bold;font-size: 18px;line-height: 35px;margin: 10px auto;
        overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    .newleft article{    font-size:14px;line-height: 25px;color: #666;margin: 10px auto;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}

    .newst{width: 100%}
    .newstl{width:calc(100% - 70px);float: left;}
    .newstr{width:60px;float: right;box-sizing: border-box;color: #bcbcbc;position: relative}
    .newstr .d{font-size:22px;font-weight: bold; color: #717171;font-family: "Arial Black";margin-top: 15px}
    .newstr .x{font-size:16px;font-family: "Arial Black";text-transform: uppercase;color: #bcbcbc}
    .newst li:hover .d{color: #750611}
    .newst li:hover .newstr:before{content: "";position: absolute;top:20px;height:1px;background: #750611;width:25px;left:0;display: block}
    .newst li{border-bottom: solid 1px #e1e1e1;transition: all .5s;overflow: hidden;margin-bottom:10px}
    .newst li:last-child{display: none}
    .newst li:hover{transform: translate(0,-10px)}
    .newst li:hover h2{color: #750611}
    .newst li h2{font-size:18px;overflow: hidden;
        text-overflow:ellipsis;white-space: nowrap;color: #070002;margin:25px auto 10px}
    .newst li p{font-size:13px;line-height: 22px;margin: 10px auto 15px;color: #8f8d8e;display: -webkit-box;overflow: hidden;
        -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical}
    .newmore{display: block;width: 250px;text-align: center;color: #333!important;border-radius: 8px;border: solid 1px #333;
        font-size:14px;margin:20px auto 35px;line-height: 30px}
    .newmore:hover{background: #333;color: #fff!important;}
    /*理念*/
    .idea-bg{
        width: 100%;  background: url(../images/ideabg.jpg) repeat-y bottom center;padding:20px 0;
        background-attachment: fixed; background-size: cover;overflow: hidden;
    }
    .idea-box{max-width: 1300px;padding:0;margin:0 auto}
    .idea-box ul{display: flex;justify-content: space-around;align-items: start;flex-wrap: wrap}
    .idea-box li{color: #e4e1e1;text-align: center;margin:10px auto;padding: 0 5px}
    .idea-box li img{display:block;margin:10px auto 10px;width: 50px;height: auto}
    .idea-box .idea-title{font-size: 18px;margin:5px auto}
    .idea-box .idea-p{font-size: 13px;line-height: 25px;color: #ccc}
    .idea-box .idea-en{display: none}

    /*底部*/
    .bottom-bg{width: 100%;background: #340a0f;padding: 20px 0 20px;overflow: hidden}
    .bottom-box{max-width: 1400px;margin:30px auto 0;overflow: hidden}
    .endnav-box{display: flex;justify-content: left}
    .endnav{float: left;width: 20%}
    .endnav h2{font-size:20px;color: #fff;margin:0 auto 20px}
    .endnav li{font-size: 13px;color:#fff;line-height: 26px;margin:5px auto}
    .endnav a{color: #fff}
    .end-contact{width:100%;margin-bottom: 30px }
    .end-contact h2{font-size:20px;color: #fff;margin:0 auto 10px}
    .end-contact h3{font-size: 18px;color: #fff;font-weight: bold}
    .end-contact li{font-size: 13px;color:#fff;line-height: 23px;margin:0 auto}
    .end-code{width:100%}
    .end-code ul{display: flex;justify-content:space-between}
    .end-code li{width: 23%}
    .end-code li img{max-width: 100%;height: auto}
    .end-code p{color: #fff;text-align: center;margin-top: 15px}
    .copy-right{max-width: 1400px;margin:10px auto;color: #fbfbfb;border-top: solid 1px #492327;padding: 30px 0 0 0;font-size: 13px;display: flex;align-items: center}
    .copy-right a{color: #fbfbfb}



    /*内页banner*/
    .inner-banner{width: 100%;}
    .inner-banner img{width: 100%;height:auto}
    .position-bg{background: #f8f8f8;width: 100%}
    .position{max-width: 1300px;padding:8px 15px;font-size:14px;line-height: 28px;
        margin:0 auto;display:flex;align-items: center}
    .position a{color: #555}
    .position img{height: 20px;width: auto;margin-right: 10px}
    /* 关于*/
    .sort-bg{background:url("../images/newsbg.jpg") no-repeat top center;padding: 10px 0;width: 100%;background-size: cover}
    .aboutfl{width:100%;margin:10px auto;overflow: hidden;padding: 0 15px}
    .aboutfl ul{display: flex;justify-content: space-between;flex-wrap: wrap}
    .aboutfl li{width:48%;text-align: center;color: #0b112a;font-size:18px;margin:8px auto}
    .flimgk{padding:5px 10px;background: rgba(198,198,198,.2);border:solid 1px #640f17;border-radius:6px;overflow: hidden;width:100%;
        margin:0 auto;justify-content: center;align-items:center;display: flex;transition: all .3s}
    .flimgk img{display: block;width:40px;margin-right: 10px}
    .aboutfl li.active {
        .flimgk{background:#640f17;color: #fff }
        .flimgk img{filter: brightness(0) invert(1);}
    }

    .about-h2{font-size: 22px;margin:20px auto 0;font-weight: bold;text-align: center;}
    .about-content{max-width: 1300px;margin:30px auto;font-size:14px;line-height: 28px;color: #555;padding: 0 15px}
    .about-content img{max-width: 100%;height: auto}
    .about-num{width: 100%;border-bottom: solid 1px #eee;
    background:url("../images/about-num.jpg") no-repeat center center;padding:30px 0 20px;margin:55px auto 0}
    .about-manage{
        .idea-title{color: #4c0b13!important;font-size: 18px}
        .idea-box{margin-top: 0}
        .idea-box li {
            color: #e4e1e1;
            text-align: center;
            margin: 0 auto 15px;
            border-right: solid 1px rgba(100, 16, 24, .3);
            .idea-p{color: #666;}
            .idea-en{color:#999}
        }
        .idea-box li:nth-child(even){border: none}
    }
    /*产品列表*/
    .cpfl{width:100%;margin:10px auto 5px;overflow: hidden}
    .cpfl li{width:30%;float: left;margin-left: 2%;transition: all .4s}
    .cpflimgk{padding: 10px;background: rgba(198,198,198,.2);border: solid 1px rgba(155, 155, 155);border-radius: 100%;overflow: hidden;width: 55%;
        margin:0 auto;justify-content: center;align-items:center;display: flex;transition: all .3s}
    .cpflimgk img{display: block;margin:0 auto;max-width: 100%;height: auto; }
    .cpfl li.active .cpflimgk{background:#640f17;border: solid 1px #340a0f; }
    .cpfl li.active .cpflimgk img{filter: brightness(0) invert(1); }
    .cpfl li:hover .cpflimgk{background:#640f17;border: solid 1px #340a0f;}
    .cpfl li:hover {
        .cpflimgk img{filter: brightness(0) invert(1); }
        p{color: #340a0f}
    }
    .cpfl li.active p{color: #340a0f; }
    .cpfl li p{color: #333;font-size:14px;line-height:28px;text-align: center;margin-bottom:5px }
    .pro-container{max-width: 1300px;margin:15px auto;overflow: hidden}
    .cpboxk{border:solid 1px #dedede;width: 100%;}
    .cpboxk .imgk{overflow: hidden;position: relative}
    .cpboxk img{width: 85%;transition: all .3s;margin:0 auto;display: block}
    .cpboxk .bt{font-weight: bold;font-size: 15px;line-height: 30px;background: rgba(230,230,230,.6);
       color: #222;width: 100%;padding:2px 10px;text-align: center;
        white-space:nowrap;text-overflow:ellipsis;overflow: hidden}
    .pro-infobg{display: none}
    .cpboxk p{color: #999;line-height: 23px;font-size: 13px;margin:2px auto;text-align: left;
        overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
        .l{width: 60px;float: left} .r{width: calc(100% - 65px);float: right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    }
    .pro-container li{transition: all .3s;margin:10px auto}
    .pro-container li:hover .bt{color: #340a0f;}
    .pro-container li:hover .cpxqan{background: #239355;color: #fff;}
    .pro-container li:hover img{transform: scale(1.1)}
    /*    租赁*/
      .rent-box{max-width:1300px;margin:10px auto;overflow: hidden;}

      .rent-title{font-size: 20px;color: #333;font-weight: bold;margin:0px auto 10px;text-align: center}
      .rent-about{font-size: 15px;color: #666;line-height: 28px;text-align: justify}
      .rent-pro{margin:30px auto;max-width: 1300px;padding: 0 15px;overflow: hidden}
      .rent-title1{font-size: 20px;color: #333;text-align: center;font-weight: 700}
      .rent-pro ul{display: flex;justify-content: space-around;margin:20px auto;flex-wrap: wrap}
      .rent-pro li{width:28vw;height: 28vw;background: #340a0f;
          border-radius: 100%;border: solid 2px #773039;position: relative;overflow: hidden}

      .rent-pro .item{width: 100%;top:0;bottom: 0;cursor: pointer;
          position: absolute;color: #fff;background: rgba(52,10,15,.1);transition: all .4s;
          display: flex;align-content: center;justify-content: center;flex-wrap: wrap;
      h2{margin-bottom: 5px;font-size: 20px;font-weight: 700}
      p{font-size: 11px;color: #fff;text-align: center}
      }
      .rent-pro .item:hover{background: rgba(52,10,15,.6);}
      .inner-bg{width: 100%;background: #f8f9fc;padding: 10px 0}
      .rent-so{margin:0 auto;}
      .rent-so .l{width: 100%}
      .rent-so .r{width: 100%;}
      .rent-sol{width: 100%;margin:25px auto 10px;
      .title{font-size:18px;font-weight: 700;margin-bottom:10px;text-align: center;background: #f5f5f5}
      li{width: 100%;font-size: 14px;line-height:26px;margin:5px auto 5px;overflow:hidden;
      .li-label{width: 130px;color: #fff;background:#671621;text-align: center;display: block;float:left;font-size: 15px;
          border-radius: 50px;line-height: 26px;margin-right: 10px}
      }
      }
      .rent-case{margin: 20px auto;padding: 0 15px}
      .rent-case ul{display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;
          margin-top:25px}
      .rent-case li{width:100%;}
      .rent-case .case-img{border-radius: 10px;overflow: hidden;
      h2{background: rgba(220,220,220,.3);color: #333;font-size: 17px;margin: 0;border-radius: 10px;
          padding: 10px 0;font-weight: 700;
         ;width:100%;left:0;bottom:0;text-align: center}
      }
      .case-img img{width: 100%;border-radius: 10px;transition: all .3s;}
       .rent-case li:hover img{transform:scale(1.1);}
     .rent-info{font-size: 14px;color: #444;line-height: 26px;margin:10px auto}
    /*     再制造*/
      .remade-bg{width: 100%}
      .remade-bg ul{background: #f8f9fc;overflow: hidden}
      .remade-bg ul:nth-child(even){background: #fff}
      .remade-box{max-width: 1280px;margin:10px auto;padding: 0 15px;overflow: hidden}
      .remade-box img{border-radius: 10px}
      .remade-l{width:100%;}
      .remade-r{width:100%;}
      .remade-bg ul:nth-child(even){background: #fff;
      }
      .remade-title{font-size:20px;color: #333;font-weight: 700;margin: 10px auto;text-align: center}
      .remade-article{font-size: 14px;line-height: 23px;color: #666;text-align: justify}
      .inner-sort-box{margin:20px auto}
      .inner-sort-article{font-size: 14px;line-height: 24px;margin:10px auto 15px;padding: 0 15px;color:#555}
      .inner-sort-article img{max-width: 100%;margin:15px auto;display: block}
/*   配件*/
      .fit-midbg{background: url("../images/fit-midbg.jpg") no-repeat center center;padding:20px 0;text-align: center;background-size:cover;
      h2{font-size: 22px;color: #fff;margin:20px auto 0;font-weight: 700}
      h3{font-size:15px;color:rgba(255,255,255,.7);max-width: 1280px;padding: 0 15px;margin:10px auto;line-height: 26px}
      }
/*      山特*/
      .san-box{max-width: 1300px;padding: 0 15px;margin:30px auto}
      .san-box ul{display:flex;align-items: stretch;justify-content:left;flex-wrap: wrap}
      .san-box li{width: 100%;background: #fafafa;border-radius:8px;padding-bottom:10px;margin:10px auto ;
      img{display:block;margin:0 auto 10px;border-radius:8px;max-width: 100%;height: auto}
      h2{font-size: 18px;text-align: center;overflow:hidden;font-weight: 700;
          width: 95%;margin:15px auto 10px;text-overflow: ellipsis;white-space: nowrap;color: #444}
      p{font-size: 14px;color: #777;line-height: 23px;width: 92%;margin:10px auto}
      }

    .service-need{max-width: 1280px;margin:25px auto;overflow: hidden;padding: 0 15px}
    .service-need ul{}
    .service-need li{background: #f3edee;border-radius: 10px;border-left: solid 4px #671721;
        margin-bottom: 10px;width: 100%;padding:15px 10px 15px 20px;box-sizing: border-box;
    .title{font-weight:700;font-size:18px;margin:2px auto;color:  #671721;}
    .article{font-size: 14px;line-height: 24px;color: #666}
    }
    .service-need li:nth-child(2),
    .service-need li:nth-child(3){background: #f7f7f7}
    .service-vip{max-width: 1300px;margin:25px auto;overflow: hidden}
    .vip-title{font-size: 20px;text-align: center;color: #333;font-weight: 700;}
    .vip-subtitle{font-size: 14px;color: #666;text-align: center;margin:10px auto;padding: 0 15px}
    .service-vip ul{margin:15px auto;padding: 0 15px}
    .service-vip li{width: 100%;border-radius: 10px;padding-bottom:10px;background: #fff;border:solid 1px #eee;  transition: all .3s;cursor:pointer;
    img{width:30vw;height: auto;display: block;margin:10px auto}
    .name{font-size: 20px;font-weight: 700;text-align: center;color: #340a0f;padding:5px 10px;border-radius: 5px;
        background:#f8f1d9;margin-bottom: 10px}
    .info{font-size: 14px;color: #666;line-height: 23px;width:92%;margin:15px auto 10px;text-align: justify;}
    }
     .service-vip li:nth-child(2) .name{background:#f1f2f6 }
     .service-vip li:nth-child(3) .name{background:#ecf4f8 }
     .service-vip li:nth-child(4) .name{background:#fafafa }
     .service-bg{width: 100%;background: url("../images/kf-endbg.jpg")no-repeat center center;background-size: cover;padding:45px 0;text-align: center;
         h2{font-size: 20px;font-weight:700;color: #fff;margin:15px auto 0;padding: 0 15px;line-height: 30px}
         h3{font-size: 16px;margin:10px auto 0px;color: rgba(255,255,255,.8)}

     }
      .network-box{margin: 5px auto;}
     .table-box{margin:10px auto;overflow-x: auto;padding: 0 15px}
     .table-box tr td{border: solid 1px #dedede;padding:2px 5px;text-align: center;font-size: 14px}
     .table-box tr:first-child td{font-size: 15px;}
     .table-box tr:nth-child(even){background: #fcfcfc}

    /*form*/
    .formk{width: 96%;overflow: hidden;margin:0 auto}
    .formk ul{overflow: hidden;margin: 0 auto}
    .formk article{font-size: 14px;text-align: left;padding:0 0 15px;width: 95%; line-height: 24px}
    .formk .k{width: 100%;float: left;padding-left: 15px;line-height: 35px;margin:5px 3% 5px 0;border-radius: 3px;border:solid 1px #7c7c7c}
    .formk .k1{width: 100%;padding-left: 15px;
        line-height: 35px;margin:5px 3% 5px 0;border-radius: 3px;border:solid 1px #7c7c7c;min-height: 80px}
    .formk .k2{width: 50%;float: left;padding-left: 15px;line-height: 35px;margin:5px 3% 5px 0;border-radius: 3px;border:solid 1px #7c7c7c}
    .formk button {
        width:98%;
        text-align: center;
        line-height: 40px;
        background: #671621;
        font-size: 16px;
        color: #fff;
        display: block;
        border-radius: 5px;
        border: none;
        margin: 15px auto;
    }
    .contact-box{width: 100%;overflow: hidden;border-radius: 10px;margin-top: 20px;border:solid 1px #eee}
       .job-box{max-width: 1300px;margin: 20px auto;overflow: hidden}
    .job-info{max-width: 1200px;margin:10px auto;padding:0 20px;
    .l{width:100%;font-size: 15px;line-height: 26px}
    .r{width: 100%;font-size: 15px;line-height: 26px;margin-top: 30px}
    .job-r-title{font-size: 20px;font-weight: 700;margin: 10px auto 15px}
    }
    .job-bg{ width: 100%;
        background: url("../images/zulin-endbg.jpg") no-repeat center center;
        background-size: cover;
        padding: 30px 0;
        overflow: hidden}
    .joblist {
        max-width: 1280px;
        display: block;
        margin: 15px auto;
        border-radius: 10px;
        padding: 0 10px
    }

    .joblist ul {
        background: #fff;
        margin-bottom: 4px;
        overflow: hidden;
        font-size: 16px;
        line-height: 45px;
        cursor: pointer
    }
    .joblist ul a {
        display: block
    }
    .joblist ul:hover {
        background: #ecf6f7
    }

    .joblist .col-md-2 {
        text-align: center
    }

    .joblist ul:first-child {

        line-height: 45px;
        font-size: 16px;
        border-radius: 10px;
        background: #f3edee;
        border-left: solid 4px #671721;
    }
    .joblist .subNav:nth-child(even) {
        background: #fafafa
    }
    .jobxx {
        font-size: 14px;
        line-height: 28px;
        margin:5px auto
    }
    .jobxx h3 {
        margin: 0 auto 15px;
        font-size: 16px;
        font-weight: 700;
        border-bottom: solid 1px #eee;
        line-height: 35px
    }
    .jobxx article{font-size: 14px;color: #666;line-height: 24px;padding-bottom: 10px}
    .jobxx p{margin: 0}
   /*product article*/
    .cpnrbox{max-width:1200px;margin:20px auto 30px;overflow: hidden}
    .cpnrxx{display: block;padding:15px;background:#f7f7f7}
    .cpnrxx h2{font-size:26px;position: relative;width: 98%;margin:0 auto 10px;border-bottom: solid 1px #9e9e9e;padding: 10px 0 20px}

    .cpnrxx article{font-size:15px;width:95%;margin:30px auto;line-height:25px;color:#555;
        overflow:hidden;display: -webkit-box; -webkit-line-clamp:5;text-overflow: ellipsis; -webkit-box-orient: vertical}
    .cpnrxx .row{width: 100%;overflow: hidden;font-size:14px;line-height: 24px;
        color:#555;padding:5px 0 10px;border-bottom:dashed 1px #dedede;display: flex;justify-content: space-between }
      .row-l{width: 100px;text-align: center}
     .row-r{width: calc(100% - 100px);overflow:hidden;display: -webkit-box; -webkit-line-clamp:3;text-overflow: ellipsis; -webkit-box-orient: vertical}
     .pro-button{width: 100%;overflow: hidden;margin:25px auto 10px}
     .pro-btn{width:40%;background: #671621;color: #fff!important;display: block;float: left;text-align: center;font-size: 16px;padding: 3px 0;
         line-height: 35px;border-radius: 5px}
     .btn2{background: #ee5a24;color: #fff!important;display: block;float: left;margin-left: 15px}
    .cpnrxq{max-width:1270px;padding:20px 15px;margin:0 auto 20px;
        font-size: 14px;line-height: 26px;border: solid 1px #eee}
    .cpnrxq img{max-width: 100%;height: auto}
    .cpnrxq table{width: 100%;display:table;margin:15px auto;}
    .cpnrxq table th{border: solid 1px #dedede;padding-left: 10px}
    .cpnrxq table tr td{border: solid 1px #dedede;padding: 3px 5px;font-size: 14px;line-height: 28px }
    .cpnrxq table tr:nth-child(even){background: #fafafa}
    .cpnrxq table tr:first-child{font-weight: bold}
    .cpnrxq1{max-width:1270px;padding:10px 5px;margin:0 auto 50px;
        font-size: 14px;line-height: 24px;border: solid 1px #eee}
    .cpnrxq1 img{max-width: 100%;height: auto;margin-bottom:15px}
    .cpnrxq1 table{width: 100%;display:table;margin:15px auto;}
    .cpnrxq1 table tr td{border: solid 1px #eee;padding: 8px 5px;font-size: 13px;line-height: 22px;vertical-align:top }

    .detail-sort{}
    .detail-sort li{float: left;background: #eee;font-size: 16px;border: solid 1px #dedede;border-bottom: none;width:33%}
    .detail-sort li a{display: block;color: #222;width: 100%;padding:8px 0;text-align: center}
    .detail-sort li.active{background: #671621;color: #fff;}
     .detail-sort li.active a{color: #fff;display: block}
     .phone-pro-pic{width: 95%;margin:0 auto;border-radius: 5px;border: solid 1px #eee}
     .syp{width:100%;font-size: 14px;color: #333;background: #fafafa;padding: 5px 0}
     .syp a{color: #555}
     .syp ul{overflow: hidden;max-width: 1300px;margin:15px auto;padding: 0 15px;}
     .syp li{width:100%;margin-bottom: 10px;overflow: hidden;padding: 2px 0;
         text-overflow: ellipsis;white-space: nowrap}
/*    新闻内容*/
     .news-detail{max-width:1300px;margin:20px auto;padding: 0 15px}
     .detail-title{font-size: 20px;text-align: center;font-weight: 700;color: #333}
     .detail-subtitle{font-size:14px;color: #666;line-height: 27px;border-bottom: solid 1px #dedede;padding:10px 0;text-align:center;
     span{margin:0 3px 0 10px}
     }
     .detail-content{margin:15px auto;font-size: 14px;line-height: 24px;color: #555;text-align: justify;min-height: 200px}
     .detail-content p{margin-bottom: 0}
     .detail-content img{display: block;margin:10px auto;max-width: 100%;height: auto}
    .spec-box{max-width:1300px;margin:20px auto;overflow:hidden}
    .spec-box ul{}
    .spec-box li{width: 95%;border: solid 1px #eee;margin:15px auto;
        img{width: 100%;height: 320px;object-fit: cover}
        h2{font-size:16px;color: #333;background: #fafafa;width: 100%;font-weight: bold;
            padding: 10px 10px;margin:5px auto;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
        p{color: #666;line-height: 24px;font-size: 13px;padding: 5px 10px}
    }
    .video{max-width:1250px;margin:20px auto;}
    .video ul{}
    .video li{width: 90%;margin: 0 auto 10px}
    .video-item{width: 100%;background: #000}
    .video li img{width: 100%;height:45vw;object-fit: cover;}
    .video li p{ margin: 10px 0 0 0;
        font-size: 18px;
        color: #555;
        width: 100%;line-height: 26px;
    }
    .video time {
        display: block;
        margin:10px auto 20px;
        font-size:14px;
        color: #ccc;
    }
    .phone-pro-pic .swiper-slide{width:85vw;height:85vw;display:flex;justify-content:center;align-items:center;}
    
     .phone-pro-pic .swiper-slide img{width: 85vw!important;height: 80vw!important;object-fit:cover;}

.buy-btn{width: 100%;display:block;background:#640f17;color:#fff!important;padding: 8px 0;
    margin:10px auto;text-align:center;border-radius:5px;font-size: 15px;
    }

}



.hkan11{width:150px;text-align: center;background:#0055ff;line-height: 35px;border-radius: 35px;display: block;color: #fff!important;margin:0 auto;display: block;}



/*页码*/
.listfy {text-align:center; width:98%; display:block; margin:5px auto;}
.pagination a{color:#0b112a !important}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff !important;
    cursor: default;
    background-color:#340a0f !important;
    border-color:#ddd !important;}
.clear{clear:both}

/*顶部*/

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(103, 23, 32, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    border-radius: 5px;
    background: rgba(103, 23, 32) url(../images/cd-top-arrow.svg) no-repeat center 50%;

    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    opacity: .8;
}
.no-touch .cd-top:hover {
    background-color:#06C;
    opacity: 1;
}
@media only screen and (min-width: 768px) {

    .cd-top {
        right: 30px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {

    .cd-top {
        height: 55px;
        width: 55px;
        right: 30px;
        bottom: 30px;
        border-radius: 10px;
    }
}