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

* {list-style-type: none;margin: 0;padding: 0; }
a{ text-decoration:none !important; color:#555}
a:hover{ text-decoration:none; color:#444}

/*导航*/

/*小屏图标*/
.navbar-toggle{ margin-top:10px !important; margin-bottom:10px !important; border:solid 1px #666 !important; margin-right: 20px}
.navbar-toggle .icon-bar{ background:#666}
.navbar-toggle{ border:solid 1px #666; padding:7px 7px}
.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}


@media (min-width: 769px) {
    .topnav1{width:100%;background: url(../images/topbg.jpg) repeat-x top center;height: 122px;}
    .logo{margin-top: 10px}
    .topnav2{margin:15px 0 0;text-align: right;font-size:14px; text-transform: uppercase}
    .topnav2 img{margin-right:8px;font-size:14px}
    .topnav2 img:last-child{margin-left: 10px}


    /*导航*/
    .navbar-collapse{padding: 0 !important}
    .navbar-nav{float: right!important;}
    .navbar-nav>li>a.active{ color:#000; border-bottom:solid 2px #e60a11; display:block;}
    .navbar-nav>li{ margin-top:20px;text-transform: uppercase}
    .navbar-nav>li:last-child{ border-right:none}
    .navbar-nav>li>a { padding:8px 0 20px !important; margin: 0 15px; color: #000; text-shadow:none !important; font-size:16px;}
    .navbar-nav li:last-child a{margin-right: 0}
    .navbar-header{border-top:solid 10px #eee}
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {border-bottom:solid 2px #e60a11; color: #000  }
    .nav>li>a:focus, .nav>li>a:hover {text-decoration: none;border-bottom: 2px solid #e60a11 !important;}
    .dropdown-menu {background:rgb(223 239 252 / 89%);border: none !important}
    .dropdown-menu>li a:hover{background: none!important;}
    .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}
    .jjbox{width:100%;background:linear-gradient(to right, #f5f5f5 50%, #fff 50%);padding:25px 0 }
    .jjboxk{max-width:1200px;overflow: hidden;margin:50px auto}
    .jjboxk .bth2{font-size:35px;line-height: 40px;text-transform:uppercase;width:90%;color: #444}
    .jjboxk .bth2::after{content: "";background: #333;width:98px; height: 1px;float:right;margin-top: 20px}
    .jjboxk article{font-size:15px; line-height: 30px; overflow: hidden; color: #888; margin:30px  0;width:92%;
        display: -webkit-box; -webkit-line-clamp:5;text-overflow: ellipsis; -webkit-box-orient: vertical}
    .jjboxk1{width:90%;text-align:left}
    .jjboxk1 img{margin-right: 15px}
    .jjmore{font-size:14px;color:#fff !important;background:#f13a3a;text-align:center;line-height:38px;width:150px;display: block;float:right;transition: all .3s}
    .jjmore:hover{transform: translateY(3px)}
    .syfl{max-width:1200px;overflow: hidden;padding:50px 0;margin:0 auto }
    .syfl li{position:relative}
    .syfly,.syfly1{width:190px;height:190px;border-radius: 190px;border: 10px solid rgba(255,255,255,.8);position: absolute;
    padding:1px;
    background:rgba(255,255,255,.8);
    background-clip: content-box;
        display:flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-content: center;
        align-content: center;
        justify-content: center; transition: all .2s;
    }
    .syfly{top:45px;left:45px;}
    .syfly1{right:45px!important;top:45px}
    .flyh2{font-size:30px;text-align: center;width:100%;font-weight: bold;text-transform: uppercase}
    .flyh3{font-size: 30px}
    .flyp{font-size:14px;text-align: center;color: #555;}
    .syfly:hover,.syfly1:hover{background: rgba(241,58,58,.8); transform: scale(1.03)}
    .syfly:hover .flyh2,.syfly:hover .flyp,.syfly1:hover .flyh2,.syfly1:hover .flyp{color: #fff;}
    /*gloves*/
    .gloves{width: 100%;
        display: block;
        margin:0 auto;
        padding: 30px 0 25px;
        background-size: 100%;
       background: url(../images/midtl.jpg) repeat-y top center;
        background-attachment: fixed;}
    .glovesh2{font-size:28px; line-height: 35px;color: #fff;text-transform: uppercase;margin-top:8px;font-weight: bold}
    .glovesh6{font-size:14px;line-height: 28px;color: #fff;}
    .cpmore{font-size:14px;color:#fff !important;background:#f13a3a;text-align:center;line-height:38px;width:180px;display: block;float:right; margin-top: 35px}
    .gbox{max-width:1200px;margin:40px auto;overflow: hidden}
    .gbox .l{float:left;width:45%;margin-right: 2%}
    .gbox .r{float:right;width:52%;}
    .gbox .r li{margin-bottom: 15px;transition: all .3s}
    /*gloves left*/
    .lk{width: 500px;height: 500px;border: solid 1px #dedede;overflow: hidden}
    .lk img{max-width: 100%; height: auto;transition: all .3s}
    .lk1{width:100%;background:url(../images/cpx.jpg) no-repeat bottom right;padding:0 10px 10px 0}
    .lk2{background: #464445;width:100%; padding: 25px 0;position: relative}
     .lk2 h2{font-size:28px;line-height: 45px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width:90%;margin:5px auto;}
     .lk2 p{font-size:14px;color: #bababa;width:90%;margin:5px auto;display: -webkit-box; -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical;overflow: hidden}
     .lkm{width:150px;background:#f13a3a;text-align:center;color: #fff; position: absolute;top:-25px;right: -15px;display: block;line-height:40px;font-size: 16px}
     .gbox .l:hover .lk img{transform:scale(1.1)}
     .gbox .l:hover .lk2{background:#525252 }

     .rk{width:270px; height: 270px;border:solid 1px #dedede;overflow:hidden;display: block}
     .rk img{max-width: 100%;height: auto;transition: all .3s}
      .rk:hover img{transform: scale(1.08)}
     .rkh2{font-size: 16px;color: #555;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; text-align: center}
     .garment{width: 100%;background: url(../images/midtl1.jpg) no-repeat top center;padding: 20px 0}
     .garbox{max-width: 1200px; position: relative;margin:0 auto}
    .garh2{font-size: 28px; line-height: 35px;color: #333;text-transform: uppercase;margin-top:15px;font-weight: bold;text-align: center}
    .garh6{font-size:14px;line-height: 28px;color: #333;text-align: center}
    .cpmore1{font-size:14px;color:#fff !important;background:#f13a3a;text-align:center;line-height:38px;width:180px;display: block;position: absolute; right:0;top:10px}

     /*garment*/
    .garbox1{width:100%;background: url(../images/coatbg.jpg) no-repeat top  center;padding: 40px 0}
    .gar{max-width:1200px;margin:0 auto;overflow: hidden}
    .gar .r{float:right;width:45%;}
    .gar .l{float:left;width:52%;}
    .gar .l li{margin: 10px 0;transition: all .3s}
    .rrk{width:100%;overflow: hidden}
    .rrk1{float:right;transition: all .3s}
    /*garmentright*/
    .garlk1{width:100%;background:url(../images/cpx1.jpg) no-repeat bottom left;padding:0 0 10px 10px}
    .garlk2{background: #464445;width:100%; padding: 25px 0;position: relative}
    .garlk2 h2{font-size:30px;line-height: 45px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width:90%;margin:5px auto;}
    .garlk2 p{font-size:14px;color: #bababa;width:90%;margin:5px auto;overflow:hidden;display: -webkit-box; -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical}
    .garlkm{width:150px;background:#f13a3a;text-align:center;color: #fff; position: absolute;top:-25px;left: -15px;display: block;line-height: 40px;font-size: 16px}
    .gar .r:hover .rrk1 img{transform:scale(1.1)}
   /*news*/
    .newsbox{width:100%;background: linear-gradient(to right, #fbfbfb 50%, #f6f6f6 50%);overflow: hidden;padding: 45px 0}
    .newsh2{font-size:28px; line-height: 45px;text-align: center;text-transform:uppercase;margin-bottom: 25px}
    .newsbox1{max-width: 1200px;margin: 0 auto;overflow: hidden}
    .newsbox1 li{margin:20px auto}
    .newsbox1 .imgk{width:100%;height: 250px;overflow: hidden;margin-bottom: 20px;display: block}
    .newsbox1 time{float: left;width:15%;display: block;font-size: 30px;text-align: center;border-bottom: solid 2px #dedede;padding-bottom: 10px}
    .newsbox1 .x{font-size:14px; text-align: center}
    .newsbox1 .nr{width:78%;float:right;}
    .newsbox1 .nrh2{font-size: 18px;line-height: 25px;margin-top: 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap}
    .newsbox1 .nrp{font-size: 14px;line-height: 22px;color: #555;overflow:hidden;display: -webkit-box; -webkit-line-clamp:3;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .newmore{font-size:14px;color:#fff !important;background:#2d3f36;text-align:center;line-height:38px;width:180px;display: block; margin:20px auto}
    .bottom{width:100%;background:#464445;padding: 45px 0}
    .endh2{font-size: 22px;color:#e8e8e8;line-height:45px;text-transform: uppercase}
    .endp{font-size:14px;color:#bfbfbf;line-height: 28px}
    .bottom .col-md-7{padding: 0}
    .bottom .box {
        box-sizing: border-box;
        -moz-box-sizing: border-box; /* Firefox */
        -webkit-box-sizing: border-box; /* Safari */
        width: 50%;padding:0 0 0 40px;
        border-left:1px solid #6b696a ;
        float: left;min-height: 300px;
    }
    .bottom dt{font-size: 22px;color:#e8e8e8;line-height:45px;font-weight: normal;margin: 15px  0 5px}
    .bottom dd{font-size:14px;line-height: 26px ;display: block;color: #bfbfbf}
    .bottom a{color: #bfbfbf}
    /*listproduct*/
    .flbg{width: 100%; background: url(../images/cpflbg.jpg) no-repeat top center;padding: 15px 0}
    .flst{max-width: 1200px;overflow: hidden;margin:0 auto;overflow: hidden}
    .flst li{width:223px;margin:5px 8px;float:left;background: #dad9d9;text-align: center;line-height: 38px;}
    .flst li a{display: block;color: #444;font-size: 15px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis}
    .flst li a.select{background:#f13a3a;width: 223px;color: #fff;}
    .cpbox{max-width: 1200px;display: block;margin:30px auto;overflow: hidden}
    .cpbox li{margin:5px auto}
    .cpbox li img{transition: all .3s}
    .cpbox li:hover img{transform: scale(1.1)}
    .cpbox li .k{border: solid 1px #eee;width:275px;height: 275px;display: block;overflow: hidden}
    .cpbox h2{font-size: 14px;text-align: center;line-height: 32px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis}
    .cpdetail{max-width: 1200px;overflow:hidden; margin:20px auto}
    .cpdetail .swiper-slide{border:solid 1px #dedede}
    .cpnrr{width:95%;background:url(../images/cpx.jpg) no-repeat bottom right;padding:0 10px 10px 0;margin-top: 25px;float:right;}
    .cpnrr1{background: #464445;width:100%; padding: 40px 0 45px;}
    .cpnrr1 h2{font-size:28px;line-height:60px;color: #eee;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width:90%;margin:5px auto 20px;border-bottom: solid 1px #bbb;}
    .cpnrr1 article{font-size:16px;color: #bababa;line-height:28px;width:85%;margin:5px auto;display: -webkit-box; -webkit-line-clamp:5;text-overflow: ellipsis; -webkit-box-orient: vertical;overflow:hidden }
    .cpnrr2{width:85%;margin:25px auto 5px;text-align: right;text-align: right}
    .cpnrr2 img{margin-right: 5px}
    .cpnrr .more{display: inline-block;padding:0 30px;line-height: 38px; text-align: center;color: #fff;background: #f13a3a;}
    .cpxxbg{max-width: 1200px;margin:15px auto;background: #f2f2f2;border-radius: 10px}
    .cpxxbg h2{background: url(../images/cpxxbg.png) no-repeat top left;font-size:18px;color: #fff;padding-left: 30px;line-height: 50px}
    .cpxxnr{margin:30px auto;font-size:16px;line-height: 28px;color: #777;max-width: 1170px;padding:0 8px}
    .cpxxnr img{max-width: 100%;height:auto;display: block;margin:5px auto}
    /*about*/

    .jjfl{max-width: 1200px;overflow: hidden;margin:0 auto;overflow: hidden;text-align: center}
    .jjfl li{width:223px;margin:5px 8px;display:inline-block;background: #dad9d9;text-align: center;line-height: 40px;}
    .jjfl li a{display: block;color: #444;font-size: 16px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis}
    .jjfl li a.select{background:#f13a3a;width: 223px;color: #fff;}
    .jjbg{width: 100%; background: url(../images/jjbg.jpg) no-repeat top center;padding: 15px 0}
    .jjtop{margin: 30px auto !important}
    .jjbox1{width:100%;background: linear-gradient(to right, #fbfbfb 50%, #f6f6f6 50%);overflow: hidden;padding: 30px 0}
    .abouth2{font-size:24px; text-align: center;color: #444;line-height:60px;margin:10px auto;text-transform: uppercase;border-bottom: solid 1px #dedede}
    .abouth2::after{content: "";background:#e60b11;margin: 0 auto;display: block;height:3px;width: 60px }
    .jjxxnr{margin:30px auto;font-size:16px;line-height: 30px;color: #555;max-width: 1170px;padding:0 8px}
    .jjxxnr img{max-width: 100%;height:auto;display: block;margin:5px auto}

    .newsh21{font-size:22px; text-align: center;color: #444;border-bottom: solid 1px #eee;line-height:50px;margin:-25px auto 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap}
    .newsh3{font-size:14px; text-align: center;color: #555;}
    .newstop{margin-top: 0px}
    .newsny{max-width:1200px;overflow:hidden;margin:30px auto}
    .newsny li{overflow:hidden;border-bottom:dashed 1px #dedede;margin: 20px 0 10px}
    .newsny time{float: left;width:15%;display: block;font-size: 30px;text-align: center;padding-bottom: 10px;border-right: dashed 1px #dedede}
    .newsny time::after{content: "";width:2px;height: 30px;display: inline-block;float:right;background: #f13a3a;margin-right: -1px;transition: all .3s}
    .newsny li:nth-child(even) time::after{background: #5e5d5d;transition: all .3s}
    .newsny li:hover time::after{content: "";width:2px;height: 30px;display: inline-block;margin-top: 10px}
    .newsny li:hover .nr{transform: translateX(10px)}
    .newsny .x{font-size:14px; text-align: center}
    .newsny .nr{width:80%;float:right; transition:all .3s}
    .newsny .nrh2{font-size: 18px;line-height: 25px;margin-top: 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap}
    .newsny .nrp{font-size: 14px;line-height: 22px;color: #555;overflow:hidden;display: -webkit-box; -webkit-line-clamp:3;text-overflow: ellipsis; -webkit-box-orient: vertical;}

    /*contact*/
    .contact{max-width: 1200px;margin: 15px auto;overflow:hidden;padding-bottom: 20px}
    .lxl h2{font-size:20px;line-height: 65px;border-bottom: solid 1px #dedede;margin-bottom: 25px}
    .lxl article{font-size:14px;line-height:28px;color:#555}
    .lxl .t{margin-top: 45px;overflow: hidden}
    .lxlk img{display: block;margin:5px auto}
    .lxlk{display: block;background: #464445;width:40px; height:40px;border-radius: 40px;float:left;margin-right: 10px;margin-top: 15px}

    .lxr h2{font-size:20px;line-height:50px;margin: 2px auto 0;width: 80%;}
    .lxr .k{width:80%;display: block;border: solid 1px #dedede;line-height: 35px;font-size: 14px;padding-left: 20px;margin:15px auto 0;}
    .lxr .k1{width:80%;display: block;border: solid 1px #dedede;line-height: 35px;padding-left: 20px;margin:20px auto 0}
    .lxr p{width:80%;margin:15px auto}
    .lxr .k2{width: 50%;float:left; margin-right: 3px;display: block;border: solid 1px #dedede;line-height: 35px;padding-left: 20px;}
    .lxr button{font-size:16px;color:#fff;border:none;background:#f13a3a;text-align:center;line-height:38px;width:250px;display: block;margin:20px 0 0 10%}


/*上一篇*/
    .syp{max-width:1190px; margin:10px auto 35px;padding: 10px 0;border-top:dashed 1px #dedede}
    .syp li{font-size:15px; line-height: 35px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:48%;float: left}
    .syp li:last-child{float:right;text-align: right}
    .syp li a{color: #555}


}


@media (max-width: 768px) {
    .topnav1{width:100%;background: url(../images/topbg.jpg) repeat-x top center;}
    .logo{margin-top: 10px}
    .topnav2{margin:25px 15px 10px 0;text-align: right;font-size:14px; text-transform: uppercase;}
    .topnav2 img{visibility: hidden}
    .topnav2 img:last-child{margin-right: 5px;visibility: visible }

    .topnav1 .container,.topnav1 .col-xs-12{ padding: 0;margin:0}
    .navbar-nav{ text-align: center; background: #f6f6f6; width: 100%; margin: 0 auto}
    .navbar-nav li{border-bottom: solid 1px #dedede;}
    .navbar-collapse{padding:0 !important}
.navbar-header{padding: 5px}
    .logo{max-width:90%; height: auto;  display: block;position:absolute; top:5px; left: 15px; z-index: 99}
    .dropdown-menu li{text-align: center;line-height: 30px}
    .dropdown-menu li:last-child{border-bottom: none}

    .jjbox{width:100%;}
    .jjboxk{max-width:1200px;overflow: hidden;margin:20px auto 15px}
    .jjboxk .bth2{font-size:28px;line-height: 40px;text-transform:uppercase;width:90%;color: #444}
    .jjboxk .bth2::after{content: "";background: #333;width:98px; height: 1px;float:right;margin-top: 20px}
    .jjboxk article{font-size:16px; line-height: 30px; overflow: hidden; color: #888; margin:30px auto;
        display: -webkit-box; -webkit-line-clamp:5;text-overflow: ellipsis; -webkit-box-orient: vertical}
    .jjboxk1{width:90%;text-align:left}
    .jjboxk1 img{margin-right: 15px}
    .jjmore{font-size:14px;color:#fff !important;background:#f13a3a;text-align:center;line-height:38px;width:150px;display: block;float:right;transition: all .3s}
    .syfl{max-width:1200px;overflow: hidden;padding:20px 0;margin:0 auto }
    .syfl li{position:relative}
    .syfly,.syfly1{border: 8px solid rgba(255,255,255,.8);position: absolute;width:32vw;height: 32vw;border-radius: 32vw;
        padding:1px;
        background:rgba(255,255,255,.8);
        background-clip: content-box;
        display:flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-content: center;
        align-content: center;
        justify-content: center; transition: all .2s;
    }
    .syfly{top:30px;left:30px;}
    .syfly1{right:30px!important;top:30px}
    .flyh2{font-size:20px;text-align: center;width:100%;font-weight: bold;text-transform: uppercase}
    .flyh3{font-size: 20px}
    .flyp{font-size:14px;text-align: center;color: #555;}
    /*gloves*/
    .gloves{width: 100%;
        display: block;
        margin:0 auto;
        padding: 20px 0;
        background-size: 100%;
        background: url(../images/midtl.jpg) repeat-y top center;
        background-attachment: fixed;}
    .glovesh2{font-size:24px; line-height: 30px;color: #fff;text-transform: uppercase;font-weight: bold;margin-top:0}
    .glovesh6{font-size:14px;line-height: 28px;color: #fff;}
    .cpmore{font-size:14px;color:#fff !important;background:#f13a3a;text-align:center;line-height:38px;width:180px;display: block;float:right;}
    .gbox{max-width:1200px;margin:25px auto;overflow: hidden}
    .gbox .l{display: none}
    .gbox .r{width:98%;margin:0 auto}
    .gbox .r li{margin-bottom: 15px;transition: all .3s}



    .rk{width:100%;border:solid 1px #dedede;overflow:hidden;display: block}
    .rk img{max-width: 100%;height: auto;transition: all .3s}
    .rk:hover img{transform: scale(1.08)}
    .rkh2{font-size: 16px;color: #555;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; text-align: center}
    .garment{width: 100%;background: url(../images/midtl1.jpg) repeat-y top center;padding: 20px 0}
    .garbox{max-width: 1200px; position: relative;margin:0 auto}
    .garh2{font-size: 28px; line-height: 35px;color: #333;text-transform: uppercase;margin-top:15px;font-weight: bold;text-align: center}
    .garh6{font-size:14px;line-height: 26px;color: #333;text-align: center}
    .cpmore1{font-size:14px;color:#fff !important;background:#f13a3a;text-align:center;line-height:38px;width:180px;display: block;margin: 10px auto}

    /*garment*/
    .garbox1{width:100%;background: url(../images/coatbg.jpg) no-repeat top  center;padding: 20px 0}
    .gar{max-width:1200px;margin:0 auto;overflow: hidden}
    .gar .r{display: none}
    .gar .l{float:left;width:100%;}
    .gar .l li{margin: 10px 0;transition: all .3s}
    .rrk{width:100%;overflow: hidden}
    .rrk1{float:right;transition: all .3s}
    /*news*/
    .newsbox{width:100%;background: linear-gradient(to right, #fbfbfb 50%, #f6f6f6 50%);overflow: hidden;padding: 20px 0}
    .newsh2{font-size:28px; line-height: 45px;text-align: center;text-transform:uppercase;margin-bottom: 15px}
    .newsbox1{max-width: 1200px;margin: 0 auto;overflow: hidden}
    .newsbox1 li{margin:10px auto}
    .newsbox1 .imgk{width:100%;overflow: hidden;margin-bottom: 20px;display: block}
    .newsbox1 time{float: left;width:15%;display: block;font-size: 30px;text-align: center;border-bottom: solid 2px #dedede;padding-bottom: 10px}
    .newsbox1 .x{font-size:14px; text-align: center}
    .newsbox1 .nr{width:78%;float:right;}
    .newsbox1 .nrh2{font-size: 18px;line-height: 25px;margin-top: 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap}
    .newsbox1 .nrp{font-size: 14px;line-height: 22px;color: #555;overflow:hidden;display: -webkit-box; -webkit-line-clamp:3;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .newmore{font-size:14px;color:#fff !important;background:#2d3f36;text-align:center;line-height:38px;width:180px;display: block; margin:15px auto 20px}
    .bottom{width:100%;background:#464445;padding: 20px 0}
    .endh2{font-size: 22px;color:#e8e8e8;line-height:45px;text-transform: uppercase}
    .endp{font-size:14px;color:#bfbfbf;line-height: 26px}
    /*listproduct*/
    .flbg{width: 100%; background: url(../images/cpflbg.jpg) repeat-y top center;padding: 15px 0}
    .flst{max-width: 1200px;overflow: hidden;margin:0 auto;overflow: hidden}
    .flst li{width:47%;float:left;background: #dad9d9;margin-left:2%;text-align: center;line-height: 38px;margin-bottom:5px}
    .flst li a{display: block;color: #444;font-size: 15px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis}
    .flst li a.select{background:#f13a3a;color: #fff;}
    .cpbox{
        margin:10px auto 0;
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2;
        -moz-column-gap: 1em;
        -webkit-column-gap: 1em;
        column-gap: 1em;
        width:96%;
    }

    .cpbox ul{margin-bottom: 0!important;}
    .cpbox .col-md-3{padding: 0 !important;}
    .cpbox li{display: block;overflow: hidden; -webkit-column-break-inside: avoid;break-inside: avoid; /*防止断点*/ padding-bottom: 10px}
    .cpbox li .k{border: solid 1px #eee;width:100%;display: block;overflow: hidden}
    .cpbox h2{font-size: 14px;text-align: center;line-height: 28px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;margin-top: 10px}

    .cpdetail{max-width: 1200px;overflow:hidden; margin:0 auto 15px}
    .cpdetail .swiper-slide{border:solid 1px #dedede}
    .cpnrr{width:100%;background:url(../images/cpx.jpg) no-repeat bottom right;padding:0 10px 10px 0;}
    .cpnrr1{background: #464445;width:100%; padding: 25px 0;}
    .cpnrr1 h2{font-size:22px;line-height:60px;color: #eee;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width:90%;margin:5px auto 20px;border-bottom: solid 1px #bbb;}
    .cpnrr1 article{font-size:16px;color: #bababa;line-height:28px;width:85%;margin:5px auto;display: -webkit-box; -webkit-line-clamp:5;text-overflow: ellipsis; -webkit-box-orient: vertical;overflow:hidden }
    .cpnrr2{width:85%;margin:25px auto 5px;text-align: right;text-align: right}
    .cpnrr2 img{margin-right: 5px}
    .cpnrr .more{display: inline-block;padding:0 30px;line-height: 38px; text-align: center;color: #fff;background: #f13a3a;}
    .abouth2{font-size:24px; text-align: center;color: #444;line-height:50px;margin:10px auto;text-transform: uppercase;border-bottom: solid 1px #dedede}
    .abouth2::after{content: "";background:#e60b11;margin: 0 auto;display: block;height:3px;width: 60px }
    .jjxxnr{margin:30px auto;font-size:16px;line-height:25px;color: #555;max-width: 1170px;padding:0 8px}
    .jjxxnr img{max-width: 100%;height:auto;display: block;margin:5px auto}
    /*产品内容*/
    .cpxxbg{max-width: 1200px;margin:15px auto;background: #f2f2f2;border-radius: 10px}
    .cpxxbg h2{background: url(../images/cpxxbg.png) no-repeat top left;font-size:18px;color: #fff;padding-left: 20px;line-height: 50px}
    .cpxxnr{margin:30px auto;font-size:14px;line-height: 26px;color: #555;max-width: 1170px;padding:0 8px}
    .cpxxnr img{max-width: 100%;height:auto;display: block;margin:5px auto}
    /*上一篇*/
    .syp{max-width:1190px; margin:10px auto;padding: 10px 0;border-top:dashed 1px #dedede}
    .syp li{font-size:15px; line-height: 35px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:98%;margin:5px auto}
    .syp li a{color: #555}

    /*contact*/
    .contact{max-width: 1200px;margin: 15px auto;overflow:hidden;padding-bottom: 20px}
    .lxl h2{font-size:20px;line-height: 50px;border-bottom: solid 1px #dedede;margin-bottom:15px;margin-top: 0px}
    .lxl article{font-size:14px;line-height:28px;color:#555}
    .lxl .t{margin-top: 45px;overflow: hidden}
    .lxlk img{display: block;margin:5px auto}
    .lxlk{display: block;background: #464445;width:40px; height:40px;border-radius: 40px;float:left;margin-right: 10px;margin-top: 15px}

    .lxr h2{font-size:20px;line-height:50px;margin: 15px auto 0;width: 100%;border-bottom: solid 1px #dedede}
    .lxr .k{width:100%;display: block;border: solid 1px #dedede;line-height: 35px;font-size: 14px;padding-left: 20px;margin:15px auto 0;}
    .lxr .k1{width:100%;display: block;border: solid 1px #dedede;line-height: 35px;padding-left: 20px;margin:20px auto 0}
    .lxr p{width:100%;margin:15px auto}
    .lxr .k2{width: 50%;float:left; margin-right: 3px;display: block;border: solid 1px #dedede;line-height: 35px;padding-left: 20px;}
    .lxr button{font-size:16px;color:#fff;border:none;background:#f13a3a;text-align:center;line-height:38px;width:250px;display: block;margin:20px 0 0 10%}
    .hdpk{margin: 0 auto;overflow: hidden}

}
.cpnrr1 p{margin-bottom: 0!important;}


.swiper-pagination-bullet{width:12px!important;height:12px!important;}
.swiper-pagination-bullet-active{background: #cc0000!important;}


.swiper-button-next{background: url(../images/rightjt.png) no-repeat right center !important; height:48px!important;padding-right:10px;right:10px!important;}
.swiper-button-prev{background: url(../images/leftjt.png) no-repeat left center !important; height: 48px!important;left:10px!important;}

/*内页banner*/
.nybanner{width:100%;}
.nybanner img{max-width: 100%;display: block;height:auto;margin:0 auto}
.nyposition1{background:#f8f8f8;width:100%; }
.nyposition{ max-width: 1190px; margin:0 auto; line-height: 45px; color: #444; font-size: 14px;overflow: hidden;padding:0 5px}
.nyposition a{color: #444}
.nyposition a:last-child{color: #104e8b}
.nyposition .dot{width:3px;height:16px;float: left;margin-right: 5px;background: #104e8b;margin-top: 15px}

/*页码*/
.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: #f13a3a  !important;
    border-color: #ddd !important;}


.carousel-inner .item img{max-width: 100%;height: auto;display: block;margin:0 auto}

.bottomend{width:100%; margin: 0 auto; text-align: center; font-size:14px;line-height:45px;color:#e0e0e0;background:#373536}

/*顶部*/
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgb(191, 45, 45) 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;
}
.container .swiper-slide img{width:168px; height: 54px; border:solid 1px #dedede}
@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
}