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

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

/*导航*/

/*小屏图标*/
.navbar-toggle{ margin-top:10px !important; margin-bottom:10px !important; border:solid 1px #0c4bb7 !important; margin-right: 0 }
.navbar-toggle .icon-bar{ background:#0c4bb7}
.navbar-toggle{ border:solid 1px #0c4bb7; padding:10px 10px}
.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;}
.Language{width:100%;background: #fafafa;overflow: hidden}
.en{font-size:14px;line-height:34px;float:right;margin-right: 10px;display: block;}
.en img{margin-right:3px}
.en a{color: #555}
.endl article p{margin: 0!important;}

.carousel-indicators .active{background: #104e8b!important;}
.carousel-inner .item img{width:100% !important;margin: 0 auto!important; height: auto}
/*.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;}
.swiper-pagination-bullet-active{background: #000!important;}
.swiper-pagination-bullet{width: 10px!important;height: 10px!important;}
.pck .swiper-pagination-bullet-active{background: #fff!important;}
.pck .swiper-pagination-clickable .swiper-pagination-bullet{background: #fff}

.pck .swiper-button-next:after, .pck .swiper-button-prev:after{color: #fff!important;}
.tck{width: 100%;padding: 20px 25px;margin:0 auto;background: #fff;background: #fff;border-radius: 8px}
.tcbt{float: left;display: inline-block;margin:0 auto}

@media (min-width: 769px) {
     .topbox{width: 100%;background: #f0f4f7;overflow: hidden;padding: 10px 0}
     .boxk{max-width:1300px;padding: 0 15px;overflow: hidden;margin:0 auto}
     .topl{float: right;display: flex;align-items: center;font-size: 14px;color: #333}
     .topl img{margin-right: 5px}
     .topr{float: right;text-align: right;display: flex;align-items: center;font-size: 14px;margin-left: 15px}
     .topr img{margin-right: 5px}
     .navmeun{max-width: 1280px;margin:5px auto;}


    /*导航*/
    .navbar-collapse{padding: 0 !important}
    .navbar-nav{float: right;margin-top:26px;width: 100%;  }
    .navbar-nav{display: flex;justify-content: flex-end}
    .navbar-nav>li>a.active{ color:#333; display:block;border-bottom: solid 2px #0056c7}
    .navbar-nav>li{margin:20px 2.5% 0}
    .navbar-nav>li:last-child{ border-right:none}
    .navbar-nav>li>a { padding: 0 0 10px 0;  color: #333; text-shadow:none !important; font-size:16px;}
    .navbar-header{border-top:solid 10px #eee}
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { color: #333  }

    .dropdown-menu {background:rgb(255 255 255);border: none !important;padding:10px }
    .dropdown-menu>li a{line-height:28px;font-size: 15px; text-align: left}
    .dropdown-menu>li a:hover{background:#0c4bb7;color:#fff}
    .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}

    /*首页搜索*/
    .ssbox{width:100%;background: url(../images/ssbg.jpg) no-repeat top center; background-size: cover;padding: 35px 15px 45px;}
    .ssbox .bt{font-size: 30px;margin:20px auto;color: #000;text-transform: uppercase;font-weight:bold}
    .ssbox .bts{color: #0056c7;}
    .ssboxk{width: 100%;margin:0 auto;}
    .ssboxk input{width: 78%;border:none;border-radius: 3px;height:45px;line-height: 45px;padding-left: 10px;font-size: 16px;border: solid 1px #dedede}
    .ssboxk button{width: 20%;height: 45px;text-align: center;background: #0056c7;color: #fff;border: none;font-size: 16px;border-radius: 3px;}
    .bottom{background:#0056c7;padding: 12px 0}
    .ssbox .select1{width: 100%;margin:0 auto;background: #fff;border: solid 1px #dedede}
    .select1 select{width:100%;background:url(../images/arrow.png) no-repeat scroll right center;text-align: left;border: none;height: 45px;
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
        padding: 5px 0 5px 20px;
        font-size: 16px;outline: none;
    }

    .incpbt{text-align: center;font-size: 34px;color: #000;margin:50px auto 50px;font-weight: bold;text-transform: uppercase}
    .incpbox{width: 100%;}
    /*pro*/
    /*pro*/
    .incpbox .slideTxtBox{ width:100%; display:block; overflow:hidden; margin:0 auto 0;position: relative;}
    .incpbox .slideTxtBox .hd{padding:0;  overflow:hidden; text-align:center;cursor: pointer;width: 35%;float: left}
    .incpbox .slideTxtBox .hd ul li{width:100%;display: block;background:rgba(255,255,255,.8);color: #000;font-size: 18px;padding: 23px 0;
        position: relative;margin-bottom:8px;overflow: hidden}
    .incpbox .slideTxtBox .hd ul li img{ display: block }
    .incpbox .slideTxtBox .hd ul li:last-child{margin-bottom: 0}
    .incpbox .slideTxtBox .hd ul li.on {background: #0c4bb7;color: #fff;}
    .incpbox .slideTxtBox .hd ul li.on img{ -webkit-filter: invert(1); filter: invert(1);}
    .incpbox .slideTxtBox .hd ul li.on a{ color: #fff}
    .incpbox .slideTxtBox .hd ul li a:hover{ color: #fff}

    .incpbox .slideTxtBox .bd{  display:block;width:100%;overflow: hidden;position: absolute;top:0;left: 0;z-index: -1}
    .incpbox .slideTxtBox .bd a{display: block;overflow: hidden}
    .incpbox .slideTxtBox .bd ul{ padding:0px;  zoom:1;  }
    .incpbox .slideTxtBox .bd ul li{margin-top: 20px}
    .cpfldot{width: 310px;float: right;padding-right: 10px}
    .cpfldot img{display: block;margin:0 auto;width: 60px;height: auto}
    .cpfldot p{text-align: center;font-size:22px;line-height: 40px;margin-bottom: 0}
    .cpflimg img{width:100%;height:600px;object-fit: cover}




    /*首页产品*/
    .syproduct{background: url(../images/sycpbg.jpg) no-repeat top center;width: 100%;overflow: hidden;padding:20px 0;background-size: cover}
    .swiperbutton{position: absolute;bottom: 0;left: 0;width: 100%;height: 52px}
    .swiperbutton .swiper-pagination-bullet-active{background: #0c4bb7!important;}
    .sycp{margin:50px auto!important;overflow: hidden;position: relative}
    .sycp .swiper-wrapper{margin-bottom: 50px}
    .sycp .swiper{padding: 0 0 20px 0}
    .sycp .swiper-button-next{background: url(../images/jtr.png) no-repeat center center;height: 48px;width: 48px;}
    .sycp .swiper-button-prev{background: url(../images/jtl.png) no-repeat center center;height: 48px;width: 48px;left:calc(100% - 120px)!important;}
    .sycp .swiper-button-next:after, .sycp .swiper-button-prev:after{display: none}
    .sycph2{font-size: 38px;text-align: center;margin:50px auto 40px;color: #000;font-weight: bold;text-transform:uppercase}
    .sycp .swiper-pagination{z-index: 0}

    .cpk{border-radius:8px;width: 100%;padding: 15px 0 20px;}
    .cpk img{margin:0px auto;display: block;border: solid 1px #ddd;}
    .cpk h3{font-size: 17px;color: #333;text-align: center;margin:0px auto;
        overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 5px 10px;line-height: 40px;}
    .cpk h4{font-size: 14px;text-align: center;margin:10px auto;color: #555}
    .sycp .swiper-slide img{transition: all .3s}
    .sycp .swiper-slide:hover img{border: solid 1px #0c4bb7}

    .midx{width: 100%;border-bottom: solid 1px #deefe1}
    .midx:after{width: 8px;height: 8px;margin:0 auto -4px;display: block;content: '';background: #00a31b;border-radius: 10px}
    .cpk:hover .cpkan{background: #4a7e2d;color: #fff!important;}

    /*公司简介*/
    .jjbox{padding: 30px 0;text-align: center}
    .jjbox h1{font-size: 38px;text-align: center;color: #fff;font-weight: bold;text-transform: uppercase}
    .jjbox h3{font-size: 15px;text-align: center;color: #b1bdb2;}
    .jjbt{font-size:34px;line-height: 50px;display: block;position: relative;padding:0 0 15px 0;font-weight: bold;text-transform: uppercase}
    .jjbt:after{content: "";width: 70px;height: 6px;background:#0c4bb7;border-radius: 10px;display: inline-block;position: absolute;bottom: 0;left: 0}
    .jjbg{width: 100%;padding:50px 0}
    .jjarticle{width: 100%;font-size: 16px;line-height: 27px;color: #000;margin:30px auto 0;
        overflow: hidden;display: -webkit-box;
        -webkit-line-clamp:8;text-overflow: ellipsis;
        line-clamp:8;
        -webkit-box-orient: vertical
    }
    .jjbutton{width: 200px;background: #0c4bb7;text-align: center;border-radius: 5px;line-height: 40px;margin-top:45px;color: #fff!important;display: block}
    .jjpic{display: block;margin:60px auto 0;}

    /*计数*/
    .jsbox{width: 100%;background:url(../images/jsbg.jpg) no-repeat left center;background-size: cover;
        padding: 25px 0;border-left:none;border-right:none}
    .xjt{max-width: 1300px;display: block; overflow: hidden; margin:18px auto}
    .xjt li{  text-align:center; color:#fff; }
    .xjt li:before{content: "";background: #ccc;display:inline-block;float: left;width: 1px;height: 50px;margin-top:35px}
    .xjt li:first-child:before{display: none}
    .xjt h3, .timer{ font-family:Arial; font-size:50px; font-weight:normal; line-height:60px; }
    .xjt sup{font-size:16px;top:-30px!important; line-height: 0}

    /*新闻*/
    .newbox{margin:50px auto;overflow: hidden}
    .newbox h2{font-size: 16px;line-height: 30px;padding: 5px 0; overflow: hidden;display: -webkit-box;
        -webkit-line-clamp:2;text-overflow: ellipsis;
        line-clamp:2;
        -webkit-box-orient: vertical}
    .newbox time{width: 100%;font-size: 16px;line-height: 40px;border-bottom: solid 1px #ddd;padding-bottom: 10px;display: block}
    .newbox img{width: 100%;height: auto;margin:5px auto}
    .newimgk{display: block;overflow: hidden}
    .newbox li img{transition:all .4s}
    .newbox li:hover img{transform:scale(1.1);}
    .newan{width: 200px;background: #0c4bb7;text-align: center;border-radius: 5px;line-height: 40px;margin:45px auto;color: #fff!important;display: block}



    /*底部*/
    .endbox{margin:0 auto 0;background:#272727;background-size: cover;padding-top:55px}
    .endk{margin:25px auto 50px;overflow: hidden;max-width: 1300px;padding:0 15px}
    .endh2{font-size:18px;color: #969696;margin-top: 0}
    .endarticle{font-size: 16px;line-height:28px;color: #969696;margin:20px auto}
    .endmeun{margin:0 5% 0;float: left}
    .endmeun li{line-height: 28px;color: #969696;font-size: 16px}
    .endmeun li a{color: #969696}
    .enddot{margin:20px auto 0;}
    .enddot img{margin:0 10px}
    .bottom{background:#191919;padding: 12px 0}
    .endwz{color: #c7c7c7;text-align: left;max-width:1280px;padding:10px 15px;margin:0 auto;}

    /*内页banner*/
    .nybanner{width:100%;display: block;height:auto;margin:0 auto;position: relative}
    .nybanner img{width: 100%;display: block;height:auto;margin:0 auto}
    .nynavbg{width: 100%;background: #f7f8f9}
    .position{max-width: 1280px;margin:0 auto;line-height: 35px;font-size: 14px;color: #555;padding:8px 15px}
    .position a{color: #555}
    .titlebox{width: 100%;margin:0 auto;padding-top:20px;background: url(../images/ssbg.jpg) no-repeat top center;background-size: cover}
    .nynav{background: #f3f3f3;overflow: hidden}

    .nyposition{max-width: 1280px;background:url(../images/nycpdot.png) no-repeat left center;padding: 5px 0 5px 30px;overflow: hidden;
        line-height: 50px;font-size: 15px;margin:0 auto;}

    /*右侧分类*/
    .rightfl{float: right}
    .rightfl li{width: 180px;float: left;margin-left: 5px;background: #dedede;color: #333;line-height:50px;text-align: center;font-size: 16px;}
    .rightfl li a{display: block;padding: 5px 0;}
    .rightfl li a.active{background:#0c4bb7;color: #fff;line-height:50px;}


    /*内页关于*/
    .nytitle{font-size: 36px;text-align: center;border-bottom: solid 1px #dedede;margin:10px auto;padding:10px 0 0;color: #000;text-transform: uppercase;font-weight: bold}
    .nytitle::after{content: "";width: 70px;height:6px;border-radius:10px;display: block;margin:20px auto -3px;background: #0c4bb7}
    .nyarticle{max-width: 1280px;padding: 0 15px;margin: 55px auto;color: #555;line-height: 32px;font-size: 16px;overflow: hidden}
    .nyarticle h3{margin: 25px auto;word-break: break-all;line-height:30px}
    .nyarticle img{max-width: 100%;height: auto}
    .nyflex{display: flex;justify-content: center;align-items: center}
    .nytime{text-align: center;font-size: 16px;line-height: 35px;color: #333;padding-bottom: 5px}
    .aboutbox{background:url(../images/aboutbg1.jpg) no-repeat center center;padding: 50px 0;background-size: cover}
    .aboutbox ul{max-width: 1100px;margin:25px auto;overflow: hidden}
    .aboutbox li{border-right: solid 1px #dedede}
    .aboutbox li:last-child{border-right: none}
    .aboutbox li img{display: block;margin:15px auto}
    .aboutbox li p{font-size: 14px;text-align: center;color: #555}
    .aboutbox h2{color:#000; font-size: 36px;text-align: center;font-weight: bold;text-transform: uppercase}
    .aboutbox h4{color:#555; font-size: 14px;text-align: center;line-height: 24px;margin:30px auto 15px;width: 70%}
    /*pro*/
    .probox{max-width: 1280px;margin:35px auto;overflow: hidden}
    .probox li{margin:20px auto 0;transition: all .3s}
    .pronr{max-width: 1280px;margin:50px auto;overflow: hidden;line-height: 30px;font-size: 16px;color: #666}
    .pronr img{display: block;margin:10px auto;max-width: 100%;height: auto}
    .nypro{font-size: 28px;text-align: center;border-bottom: solid 1px #dedede;margin:20px auto;padding:5px 0 0;color: #000;}
    .nypro::after{content: "";width: 80px;height:5px;border-radius: 8px;background:#0c4bb7;display: block;margin:20px auto -2px}
    .newstitle{font-size: 22px;}
    .probox h3{background: #f0f0f0}
    .probox li:hover h3{background: #0c4bb7;color: #fff}
    .probox li:hover{transform: translateY(-5px)}
    /*information*/
    .inforbt{font-size:32px;line-height: 50px;display: block;position: relative;padding:0 15px 15px;font-weight: bold;}
    .inforbt:after{content: "";width: 70px;height: 4px;background:#0c4bb7;border-radius: 10px;display: inline-block;position: absolute;bottom: 0;left: 10px}
    .inforpic{margin:45px auto;overflow:hidden}
    .inforpic img{display: block;border:solid 1px #dedede}
    .inforbg{width:100%;padding:50px 0 20px;margin:30px auto 0;overflow: hidden;background:url(../images/inforbg.jpg) no-repeat top center;background-size: cover}

    /*news*/
    .listnew{ margin:50px auto; overflow: hidden;width: 100%}
    .listnew ul{background: #fff;padding:20px 0;margin: 0}
    .listnew ul:nth-child(even){background: #f8f8f8}
    .listnew li{display: block; overflow: hidden;max-width:1300px; margin:30px auto;padding-bottom: 10px;padding-left: 15px;transition: all .3s}
    .listnew .l{width:32%; float:left;
        height: 244px; }
    .listnew .r{width:65%; float:right;}
    .listnew .r h2{font-size:24px;overflow: hidden; margin-bottom: 20px;-webkit-line-clamp:2;text-overflow: ellipsis;
        line-clamp:2;
        -webkit-box-orient: vertical}
    .listnew .r time{display: block;margin:10px auto;font-size: 16px;color: #555}
    .listnew .r p{font-size:16px;line-height:26px;display: -webkit-box; overflow: hidden;color:#666;
        -webkit-line-clamp:2;text-overflow: ellipsis;
        line-clamp:2;
        -webkit-box-orient: vertical;}
    .listnew li:hover{transform: translate(10px, 0)}
    .listnewan{margin:20px auto;text-align: right;transition: all .3s}
    .listnew li:hover .listnewan{transform: translateX(-30px)}
    .listnew a{color: #333}




    /*contact*/
    .contactbox{width: 100%;margin:40px auto;}
    .contactdt{margin:20px auto;overflow:hidden;border-radius: 5px;border:solid 1px #dedede;padding: 0}
    .contactinfo{margin: 35px 0}
    .contactinfo .bt{font-size: 28px;color: #000;line-height: 40px;margin:0 auto 30px}
    .contactinfo li{width:100%;overflow: hidden;margin:10px 0 25px}
    .contactinfo li .l{width:57px;float: left;}
    .contactinfo li .r{width:calc(100% - 80px);float: right}
    .contactinfo li .r h2{font-size:18px;margin:5px 0  0}
    .contactinfo li .r p{font-size: 16px;line-height: 26px}


    /*form*/
    .lybg{background: url(../images/lybg.jpg) no-repeat top center;width: 100%;overflow: hidden;padding:45px 0;background-size: cover}
    .formk{width: 98%;overflow: hidden;margin:20px auto}
    .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: 30%;float: left;padding-left: 45px;background: url(../images/fromdot0.jpg) no-repeat 8px center #fff;line-height: 35px;margin:5px 3% 5px 0;border-radius: 3px;border:solid 1px #7c7c7c}
    .formk .k:nth-child(2){background: url(../images/fromdot1.jpg) no-repeat 10px center  #fff;}
    .formk .k:nth-child(3){background: url(../images/fromdot.jpg) no-repeat 10px center #fff;}
    .formk .k1{width: 96%;float: left;padding-left: 45px;background: url(../images/fromdot2.jpg) no-repeat 10px 5px #fff;
        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: 35px;line-height: 35px;margin:5px 3% 5px 0;border-radius: 3px;border:solid 1px #7c7c7c}
    .formk button {
        width: 300px;
        text-align: center;
        line-height: 40px;
        background:#0c4bb7;
        font-size: 16px;
        color: #fff;
        display: block;
        border-radius: 5px;
        border: none;
        margin-top: 15px;
    }

    /*pulp*/
    .pulpbg{width: 100%;background: url(../images/pulpbg.jpg) no-repeat top center;background-size: cover;padding: 55px 0}
    .pulpnr{margin:30px auto 40px;font-size: 16px;line-height: 25px;color: #555;}
    .pulpnrbt{font-size:28px;line-height: 50px;display: block;position: relative;padding:0 15px 5px;font-weight: bold;border-bottom:solid 1px #dedede;margin-bottom: -1px}
    .pulpnrbt:after{content: "";width: 50px;height: 2px;background:#0c4bb7;border-radius: 10px;display: inline-block;position: absolute;bottom: 0;left: 10px}

    .pulpbox .slideTxtBox{ width:100%; display:block; overflow:hidden; margin:0 auto 0;}
    .pulpbox .slideTxtBox .hd{padding:20px 0;  overflow:hidden; text-align:center;cursor: pointer;width: 100%;background:url(../images/pulpflbg.jpg) no-repeat top center;background-size: cover}
    .pulpbox .slideTxtBox .hd ul{max-width: 1300px;margin:25px auto}
    .pulpbox .slideTxtBox .hd  .bt{font-size: 32px;line-height: 45px;color: #fff;text-align: left;margin:0 auto 30px}
    .pulpbox .slideTxtBox .hd li{width:28%;display: block;background:#3a9ad5;color: #fff;font-size: 20px;float: left;padding: 20px 0;margin-left: 2%;text-align: center;
        position: relative;margin-bottom:8px;overflow: hidden;}
    .pulpbox .slideTxtBox .hd ul li.on {background: #0c4bb7;color: #fff;}
    .incpbox .slideTxtBox ul li.on a{color: #fff}
    .pulpbox .slideTxtBox .bd{  display:block;width:100%;overflow: hidden;margin:20px auto 50px}
    .pulpbox .slideTxtBox .bd a{display: block;overflow: hidden}
    .pulpbox .slideTxtBox .bd ul{ padding:0px;  zoom:1;  }
    .pulpbox .slideTxtBox .bd ul li{margin-top:30px}
    .pulplogo{max-width: 1300px;padding: 0 15px;overflow: hidden;margin:0 auto}
    .pulplogo li{width:14%;border:solid 1px #9ab4cf;float: left;margin:15px 1% 0 }

    /*product article*/
    .nqbg{background: url(../images/xqbg.png) no-repeat left top;padding-left: 60px;line-height: 60px;color: #fff;font-size: 24px;max-width: 1300px;margin:0 auto}
    .cpnrbox{max-width:1200px;margin:60px auto;overflow: hidden}
    .cpnrxx{float:right;width:650px;display: block;padding:15px 30px;background:#f7f7f7}
    .cpnrxx h2{font-size:26px;position: relative;width: 98%;margin:50px auto 20px;border-bottom: solid 1px #9e9e9e;padding: 20px 0 30px}

    .cpnrxx article{font-size:16px;width:95%;margin:45px auto 40px;line-height:30px;color:#555;min-height: 180px;
        overflow:hidden;display: -webkit-box; -webkit-line-clamp:10;text-overflow: ellipsis; -webkit-box-orient: vertical}
    .cpan1{width:200px;display: block;font-size:16px;margin:20px auto;background:#0c47b5;border-radius:5px;text-align: center;line-height: 50px;color:#fff!important;float: right}
    .cpan1:hover{background: #ee5a24}
    .cpnrxq{max-width:1300px;padding:0 15px;margin:45px auto;font-size: 16px;line-height: 28px}
    .cpnrxq img{max-width: 100%;height: auto}
    .cpnrxq table{width: 100%;display:table;margin:15px auto;}
    .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}
    .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;}





    /*上一篇*/
    .sypbox{background: #ececec}
    .syp{max-width:1300px; margin:0px auto;padding:30px 15px;border-top:solid 1px #fafafa }
    .syp li{font-size:16px; line-height: 35px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:100%;padding: 5px 0}
    .syp li a{color: #555}
    .modal-dialog{margin-top: 10%!important;}

}





@media (max-width: 768px) {
    .topbox{width: 100%;border-top:solid 2px #0c4bb7;background: #f3f3f3;overflow: hidden;padding: 10px 0}
    .boxk{max-width:1300px;padding: 0 15px;overflow: hidden;margin:0 auto}
    .topl{float: left;display: flex;align-items: center;font-size: 14px;color: #333}
    .topl img{margin-right: 5px}
    .topr{float: right;text-align: right;display: flex;align-items: center;font-size: 14px;margin-left: 10px}
    .topr img{margin-right: 5px}
    .navmeun{max-width: 1280px;margin:5px auto;overflow: hidden}
    .logo{position: absolute; left: 5px;top:0px;height:60px;z-index: 9}

    .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-family:SpaceGrotesk-Regular; font-size:15px;text-transform: uppercase;padding: 14px 0}

    .navbar-collapse{padding:0 !important}
    .navbar-header{padding:0;margin-top: 5px;}
    .dropdown-menu li{text-align: center;line-height: 30px;font-size: 14px}
    .dropdown-menu li:last-child{border-bottom: none}
    .pck img{display: block;width: 100%;height: 55vw;object-fit: cover;object-position: left}
    /*首页搜索*/
    .ssbox{width:100%;background: url(../images/ssbg.jpg) no-repeat top center; background-size: cover;padding: 20px 0 20px ;overflow:hidden}
    .ssbox .bt{font-size: 28px;margin:10px auto;color: #000;text-transform: uppercase;font-weight:bold}
    .ssbox .bts{color: #0056c7;}
    .ssbox .col-xs-12{padding:0}
    .ssboxk{width: 100%;margin:10px auto 5px;}

    .ssboxk input{width: 78%;height:45px;line-height: 45px;padding-left: 10px;font-size: 16px;border: solid 1px #dedede;float: left}
    .ssboxk button{width: 20%;height: 45px;text-align: center;background: #0056c7;color: #fff;border: none;font-size: 16px;float: left}
    .bottom{background:#0056c7;padding: 12px 0}
    .ssbox .select1{width: 100%;margin:0 auto;background: #fff;border: solid 1px #dedede}
    .select1 select{width:100%;background:url(../images/arrow.png) no-repeat scroll right center;text-align: left;border: none;height: 45px;
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
        padding: 5px 0 5px 20px;
        font-size: 16px;outline: none;
    }

    .incpbt{text-align: center;font-size: 28px;color: #000;margin:20px auto ;font-weight: bold;text-transform: uppercase}
    .incpbox{width: 100%;}
    /*pro*/
    .incpbox .slideTxtBox{ width:100%; display:block; overflow:hidden; margin:0 auto 0;}
    .incpbox .slideTxtBox .hd{padding:0;  overflow:hidden; text-align:center;cursor: pointer;width: 100%;}
    .incpbox .slideTxtBox .hd ul li{width:48%;display: block;background:rgba(0,0,0,.1);color: #000;font-size: 18px;float: left;margin-left: 1%;
        position: relative;margin-bottom:8px;overflow: hidden;height: 90px;display:flex;flex-flow: column;justify-content: center;align-items: center}
    .incpbox .slideTxtBox .hd ul li img{ display: block }
    .incpbox .slideTxtBox .hd ul li:last-child{margin-bottom: 0}
    .incpbox .slideTxtBox .hd ul li.on {background: #0c4bb7;color: #fff;padding:5px 0}
    .incpbox .slideTxtBox .hd ul li.on img{ -webkit-filter: invert(1); filter: invert(1);}

    .incpbox .slideTxtBox .bd{  display:block;width:100%;overflow: hidden;}
    .incpbox .slideTxtBox .bd a{display: block;overflow: hidden}
    .incpbox .slideTxtBox .bd ul{ padding:0px;  zoom:1;  }
    .incpbox .slideTxtBox .bd ul li{margin-top: 20px}

    .cpfldot img{display: block;margin:0 auto;width: 45px;height: auto}
    .cpfldot p{text-align: center;font-size:16px;line-height: 25px;margin-bottom: 0}
    .cpflimg img{width:100%;height:200px;object-fit: cover;object-position:center}




    /*首页产品*/
    .syproduct{background: url(../images/sycpbg.jpg) no-repeat top center;width: 100%;overflow: hidden;padding:0px 0;background-size: cover}
    .swiperbutton{position: absolute;bottom: 0;left: 0;width: 100%;height: 52px}
    .swiperbutton .swiper-pagination-bullet-active{background: #0c4bb7!important;}
    .sycp{margin:20px auto!important;overflow: hidden;position: relative}
    .sycp .swiper-wrapper{margin-bottom: 40px}
    .sycp .swiper{padding: 0 0 20px 0}
    .sycp .swiper-button-next{background: url(../images/jtr.png) no-repeat center center;height: 48px;width: 48px;}
    .sycp .swiper-button-prev{background: url(../images/jtl.png) no-repeat center center;height: 48px;width: 48px;left:calc(100% - 120px)!important;}
    .sycp .swiper-button-next:after, .sycp .swiper-button-prev:after{display: none}
    .sycph2{font-size: 28px;text-align: center;margin:20px auto ;color: #000;font-weight: bold;text-transform:uppercase}
    .sycp .swiper-pagination{z-index: 10;width: 100%;}


    .cpk{border-radius:8px;width: 100%;padding: 15px 0 20px;}
    .cpk img{margin:0px auto;display: block;border: solid 1px #ddd;}
    .cpk h3{font-size: 17px;color: #333;text-align: center;margin:0px auto;
        overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 5px 10px;line-height: 40px;}
    .cpk h4{font-size: 14px;text-align: center;margin:10px auto;color: #555}

    .midx{width: 100%;border-bottom: solid 1px #deefe1}
    .midx:after{width: 8px;height: 8px;margin:0 auto -4px;display: block;content: '';background: #00a31b;border-radius: 10px}
    .cpk:hover .cpkan{background: #4a7e2d;color: #fff!important;}

    /*公司简介*/
    .jjbox{padding: 30px 0;text-align: center}
    .jjbox h1{font-size: 38px;text-align: center;color: #fff;font-weight: bold;text-transform: uppercase}
    .jjbox h3{font-size: 15px;text-align: center;color: #b1bdb2;}
    .jjbt{font-size:28px;line-height: 40px;display: block;position: relative;padding:0 0 15px 0;font-weight: bold;text-transform: uppercase}
    .jjbt:after{content: "";width: 70px;height: 6px;background:#0c4bb7;border-radius: 10px;display: inline-block;position: absolute;bottom: 0;left: 0}
    .jjbg{width: 100%;padding:50px 0}
    .jjarticle{width: 100%;font-size: 16px;line-height: 27px;color: #000;margin:30px auto 0;
        overflow: hidden;display: -webkit-box;
        -webkit-line-clamp:8;text-overflow: ellipsis;
        line-clamp:8;
        -webkit-box-orient: vertical
    }
    .jjbutton{width: 200px;background: #0c4bb7;text-align: center;border-radius: 5px;line-height: 40px;margin-top:45px;color: #fff!important;display: block}
    .jjpic{display: block;margin:60px auto 0;}

    /*计数*/
    .jsbox{width: 100%;background:url(../images/jsbg.jpg) no-repeat left center;background-size: cover;
        padding: 25px 0;border-left:none;border-right:none}
    .xjt{max-width: 1300px;display: block; overflow: hidden; margin:18px auto}
    .xjt li{  text-align:center; color:#fff; }
    .xjt li:before{content: "";background: #ccc;display:inline-block;float: left;width: 1px;height:35px;margin-top:35px}
    .xjt li:first-child:before{display: none}
    .xjt h3, .timer{ font-family:Arial; font-size:22px; font-weight:normal; }
    .xjt sup{font-size:16px;top:-10px!important; line-height: 0}
    .jsbox .col-xs-4{padding:0}

    /*新闻*/
    .newbox{margin:50px auto;overflow: hidden}
    .newbox h2{font-size: 16px;line-height: 24px;padding:0px 0; overflow: hidden;display: -webkit-box;
        -webkit-line-clamp:2;text-overflow: ellipsis;
        line-clamp:2;
        -webkit-box-orient: vertical}
    .newbox time{width: 100%;font-size: 16px;line-height: 28px;border-bottom: solid 1px #ddd;padding-bottom: 5px;display: block}
    .newbox img{width: 100%;height: auto;margin:5px auto}
    .newbox li{margin-bottom: 10px}
    .newan{width: 200px;background: #0c4bb7;text-align: center;border-radius: 5px;line-height: 40px;margin:45px auto;color: #fff!important;display: block}


    /*底部*/
    .endbox{margin:0 auto 0;background:#272727;background-size: cover;padding-top:15px;overflow: hidden}
    .endk{margin:20px auto;overflow: hidden;max-width: 1280px;padding:0 15px}
    .endh2{font-size: 22px;color: #969696}
    .endarticle{font-size: 14px;line-height:26px;color: #969696;margin:20px auto}
    .endmeun{margin:20px auto}
    .endmeun li{line-height: 28px;}
    .endmeun li a{color: #333}
    .enddot img{margin:0 5px;padding: 10px}

    .endwz{color: #191919;text-align:center;max-width: 1280px;padding:0 15px;margin:0 auto;font-size: 13px}
    /*内页banner*/
    .nybanner{display: block;height:auto;margin:0 auto;position: relative}
    .nybanner img{display: block;margin:0 auto;width:100%;height: 35vw;object-fit: cover;object-position: center}
    .position{max-width: 1280px;margin:0 auto;line-height: 45px;font-size: 14px;color: #555;padding: 0 15px}
    .position a{color: #555}
    .nynav{background: #f3f3f3;overflow: hidden}
    .nynav .col-xs-12{padding: 0}
    .nyposition{max-width: 1280px;background:url(../images/nycpdot.png) no-repeat left center;padding: 5px 0 5px 30px;overflow: hidden;
        line-height: 50px;font-size: 15px;margin:0 auto;}
    .titlebox{width: 100%;margin:0 auto;padding-top:10px;background: url(../images/ssbg.jpg) no-repeat left top;background-size: cover}
    .rightfl{width: 100%}
    .rightfl li{width:47%;float: left;margin-left:1%;background: #dedede;color: #333;line-height:45px;text-align: center;font-size: 14px;margin-top: 4px}
    .rightfl li a{display: block}
    .rightfl li a.active{background:#0c4bb7;color: #fff;}

    /*内页关于*/
    .nytitle{font-size: 22px;text-align: center;border-bottom: solid 1px #dedede;padding:0;color: #000;text-transform: uppercase;font-weight: bold}
    .nytitle::after{content: "";width: 80px;height:3px;border-radius: 8px;background:#0c4bb7;display: block;margin:10px auto -2px}
    .nyarticle{max-width: 1280px;padding: 0 15px;margin:25px auto;color: #555;line-height: 24px;font-size: 15px;overflow: hidden}
    .nyarticle h3{margin: 25px auto;font-size: 18px}
    .nyarticle img{max-width: 100%;height: auto}
    .nytime{text-align: center;font-size: 16px;line-height: 35px;color: #333}
    .aboutbox{background:url(../images/aboutbg1.jpg) no-repeat center center;padding: 20px 0;background-size: cover}
    .aboutbox ul{max-width: 1100px;margin:25px auto;overflow: hidden}
    .aboutbox li{border-right: solid 1px #dedede}
    .aboutbox li:last-child{border-right: none}
    .aboutbox li img{display: block;margin:15px auto;width:60px;height: auto}
    .aboutbox li p{font-size: 13px;text-align: center;color: #555}
    .aboutbox .col-xs-4{padding: 0}
    .aboutbox h2{color:#000; font-size: 22px;text-align: center;font-weight: bold;text-transform: uppercase}
    .aboutbox h4{color:#555; font-size: 14px;text-align: center;line-height: 24px;margin:30px auto 15px;width: 70%}
    /*pro*/
    .probox{max-width: 1280px;margin:25px auto;overflow: hidden}
    .probox li{margin:5px auto}
    .probox .cpk{padding: 0}
    .probox .cpk article{display: none}
    .probox .cpk h3{padding: 0;font-size: 14px;}
    /*information*/
    .inforbt{font-size:24px;line-height: 50px;display: block;position: relative;padding:0 15px 15px;font-weight: bold;}
    .inforbt:after{content: "";width: 70px;height: 4px;background:#0c4bb7;border-radius: 10px;display: inline-block;position: absolute;bottom: 0;left: 10px}
    .inforpic{margin:25px auto;overflow:hidden}
    .inforpic img{display: block;border:solid 1px #dedede}
    .inforpic li{padding: 3px;margin-bottom: 10px}
    .inforbg{width:100%;padding:20px 0 10px;margin:30px auto 0;overflow: hidden;background:url(../images/inforbg.jpg) no-repeat top center;background-size: cover}


    /*news*/
    .listnew{ margin:20px auto; overflow: hidden;width: 100%;}
    .listnew ul{background: #fff;padding:20px 0;margin: 0;padding:0 15px}
    .listnew ul:nth-child(even){background: #f8f8f8}
    .listnew li{display: block; overflow: hidden;max-width:1300px; margin:20px auto;padding-bottom: 10px;padding-left: 15px;transition: all .3s}
    .listnew .l{width:100%; }
    .listnew .r{width:100%; float:right;}
    .listnew .r h2{font-size:20px;overflow: hidden; margin-bottom: 20px;display: -webkit-box; overflow: hidden;color:#666;
        -webkit-line-clamp:2;text-overflow: ellipsis;
        line-clamp:2;
        -webkit-box-orient: vertical;}
    .listnew .r time{display: block;margin:8px auto;font-size: 15px;color: #555}
    .listnew .r p{font-size:15px;line-height:26px;display: -webkit-box; overflow: hidden;color:#666;
        -webkit-line-clamp:3;text-overflow: ellipsis;
        line-clamp:3;
        -webkit-box-orient: vertical;}
    .listnew li:hover{transform: translate(10px, 0)}
    .listnewan{display: none}
    .listnew a{color: #333}




    /*contact*/
    .contactbox{width: 100%;margin:40px auto;}
    .contactdt{margin:20px auto;overflow:hidden;border-radius: 5px;border:solid 1px #dedede;padding: 0}
    .contactinfo{margin: 35px 0}
    .contactinfo .bt{font-size: 28px;color: #000;line-height: 40px;margin:0 auto 30px}
    .contactinfo li{width:100%;overflow: hidden;margin:10px 0 25px}
    .contactinfo li .l{width:57px;float: left;}
    .contactinfo li .r{width:calc(100% - 80px);float: right}
    .contactinfo li .r h2{font-size:18px;margin:5px 0  0}
    .contactinfo li .r p{font-size: 16px;line-height: 36px}







    .nypro{font-size: 20px;text-align: center;border-bottom: solid 1px #dedede;margin:0px auto 5px;padding:0px 0 0;color: #000;padding:0 15px}
    .nypro::after{content: "";width: 80px;height:5px;border-radius: 8px;background: #0c4bb7;display: block;margin:5px auto -2px}
    .pronr{max-width: 1280px;margin:30px auto;overflow: hidden;line-height: 26px;font-size: 15px;color: #666;padding: 0 15px}
    .pronr img{display: block;margin:10px auto;max-width: 100%;height: auto}


    /*contact*/
    .contactbox{width: 100%;margin:20px auto;}
    .contactdt{margin:20px auto;overflow:hidden;border-radius: 5px;border:solid 1px #dedede;padding: 0}
    .contactinfo{margin: 35px 0}
    .contactinfo .bt{font-size: 26px;color: #000;line-height: 30px;margin:0 auto 30px}
    .contactinfo li{width:100%;overflow: hidden;margin:10px 0}
    .contactinfo li .l{width:57px;float: left;}
    .contactinfo li .r{width:calc(100% - 80px);float: right}
    .contactinfo li .r h2{font-size:18px;margin:5px 0  0}
    .contactinfo li .r p{font-size: 16px;line-height: 36px}

    .lybg{background: url(../images/lybg.jpg) no-repeat top center;width: 100%;overflow: hidden;padding:45px 0;background-size: cover}

    /*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: 45px;background: url(../images/fromdot0.jpg) no-repeat 8px center #fff;line-height: 35px;margin:5px 3% 5px 0;border-radius: 3px;border:solid 1px #7c7c7c}
    .formk .k:nth-child(2){background: url(../images/fromdot1.jpg) no-repeat 10px center  #fff;}
    .formk .k:nth-child(3){background: url(../images/fromdot.jpg) no-repeat 10px center  #fff;}
    .formk .k1{width: 100%;padding-left: 45px;background: url(../images/fromdot2.jpg) no-repeat 10px 5px #fff;
        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: 35px;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: #0c4bb7;
        font-size: 16px;
        color: #fff;
        display: block;
        border-radius: 5px;
        border: none;
        margin: 15px auto;
    }

    /*pulp*/
    .pulpbg{width: 100%;background: url(../images/pulpbg.jpg) no-repeat top center;background-size: cover;padding: 25px 0}
    .pulpnr{margin:20px auto 25px;font-size: 16px;line-height: 25px;color: #555;}
    .pulpnrbt{font-size:24px;line-height: 25px;display: block;font-weight: normal;
        position: relative;padding:0 15px 20px;border-bottom:solid 1px #dedede;margin-bottom: -1px}
    .pulpnrbt:after{content: "";width: 50px;height: 2px;background:#0c4bb7;border-radius: 10px;display: inline-block;position: absolute;bottom: 0;left: 10px}

    .pulpbox .slideTxtBox{ width:100%; display:block; overflow:hidden; margin:0 auto 0;}
    .pulpbox .slideTxtBox .hd{padding:20px 0;  overflow:hidden; text-align:center;cursor: pointer;width: 100%;background:url(../images/pulpflbg.jpg) no-repeat top center;background-size: cover}
    .pulpbox .slideTxtBox .hd ul{max-width: 1300px;margin:25px auto}
    .pulpbox .slideTxtBox .hd  .bt{font-size:28px;line-height: 45px;color: #fff;text-align: left;margin:0 auto 30px;padding: 0 15px}
    .pulpbox .slideTxtBox .hd li{width:48%;display: block;background:#3a9ad5;color: #fff;font-size: 14px;float: left;padding: 20px 0;margin: 1%;text-align: center;
        position: relative;margin-bottom:8px;overflow: hidden;}
    .pulpbox .slideTxtBox .hd ul li.on {background: #0c4bb7;color: #fff;}
    .pulpbox .slideTxtBox .bd{  display:block;width:100%;overflow: hidden;margin:20px auto}
    .pulpbox .slideTxtBox .bd a{display: block;overflow: hidden}
    .pulpbox .slideTxtBox .bd ul{ padding:0px;  zoom:1;  }
    .pulpbox .slideTxtBox .bd ul li{margin-top:10px}
    .pulplogo{max-width: 1300px;padding: 0 15px;overflow: hidden;margin:0 auto}
    .pulplogo li{width:30%;border:solid 1px #9ab4cf;float: left;margin:5px 1% 0 }

    /*product article*/
    .nqbg{background: url(../images/xqbg.png) no-repeat left top;padding-left: 60px;line-height: 60px;color: #fff;font-size: 24px;max-width: 1300px;margin:0 auto}
    .cpnrbox{max-width:1200px;margin:10px auto;overflow: hidden}
    .cpnrxx{float:right;width:100%;display: block;padding:15px 10px;background:#f7f7f7}
    .cpnrxx h2{font-size:22px;position: relative;width: 98%;margin:20px auto 20px;border-bottom: solid 1px #9e9e9e;padding: 10px 0 15px;line-height: 28px}

    .cpnrxx article{font-size:16px;width:98%;margin:20px auto 20px;line-height:26px;color:#555;
        overflow:hidden;display: -webkit-box; -webkit-line-clamp:10;text-overflow: ellipsis; -webkit-box-orient: vertical}
    .cpan1{width:100%;display: block;font-size:16px;margin:20px auto;background:#0c47b5;border-radius:5px;text-align: center;line-height: 50px;color:#fff!important;}
    .cpan1:hover{background: #ee5a24}
    .cpnrxq{max-width:1300px;padding:0 15px;margin:45px auto;font-size: 16px;line-height: 28px}
    .cpnrxq img{max-width: 100%;height: auto}
    .cpnrxq table{width: 100%;display:table;margin:15px auto;}
    .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}



    /*上一篇*/
    .syp{mwidth:100%; margin:10px auto;overflow: hidden;padding: 10px 0}
    .syp li{font-size:14px; line-height: 28px;overflow: hidden;padding-bottom:10px;text-overflow:ellipsis;white-space: nowrap;width:98%;margin:5px auto 0;border-bottom:dashed 1px #dedede }
    .syp li a{color: #555}

    .lxwm{font-size: 16px;}
    .lxwm li{margin:10px auto}
    .lxwm h2{font-size: 22px;margin:20px auto 20px;}
    .lxp{font-size: 14px;font-weight: normal;margin: 15px auto}
    .lxwmbd{margin-bottom: 30px}
    .lxwmbd .k2{display:block; border: solid 1px #dedede; padding-left: 2%; width:98%; line-height: 40px;
        border-radius:5px; margin-left: 2%;}
    .lxwmbd .k3{display:block; border: solid 1px #dedede; padding-left: 2%; width:48%; line-height: 40px; margin-left: 2%;
        border-radius:5px; float: left}
    .lxwmbd p{overflow: hidden; display: block}
    .lxwmbd .k{display:block; border: solid 1px #dedede; padding-left: 10px; width:300px; line-height: 40px;
        border-radius:5px; float:left; margin-left: 2%}
    .lxwmbd textarea{border: solid 1px #dedede;  padding-left: 2%; width:98%; line-height: 40px;
        border-radius:5px; margin-left: 2%;height: 90px;}
    .lxwmbd img{margin-left: 15px; display: block; float:left; margin-top: 3px}
    .lxwmbd button{width:100%; text-align: center; line-height: 40px; background: #0c4bb7; font-size:16px; color: #fff;
        display: block; border-radius: 5px; border:none; margin:10px auto; margin-top: 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: #0c4bb7  !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(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    border-radius: 5px;
    background: rgb(37, 86, 175) 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: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 55px;
        width: 55px;
        right: 30px;
        bottom: 30px;
        border-radius: 5px;
    }
}