@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}
.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;}


@media (min-width: 769px) {
  .topdh .col-md-7{padding-right: 0}
    .topdh{padding: 10px 0}
  .logo{margin-top: 10px}

    /*导航*/
    .navbar-collapse{padding: 0 !important}
    .navbar-nav{}
    .navbar-nav>li>a.active{ color:#000; border-bottom:solid 3px #104e8b; display:block;}
    .navbar-nav>li{ margin-top:25px}
    .navbar-nav>li:last-child{ border-right:none}
    .navbar-nav>li>a { padding:8px 0 20px !important; margin: 0 26px; color: #000; text-shadow:none !important; font-size:18px;}
    .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 3px #104e8b; color: #000  }
    .nav>li>a:focus, .nav>li>a:hover {text-decoration: none;border-bottom: 3px solid #104e8b !important;}
    .dropdown-menu {background:rgb(255 255 255);border: none !important;padding: 20px 0 10px}
    .dropdown-menu>li a{line-height:28px;font-size: 16px; text-align: center}
    .dropdown-menu>li a:hover{background:#104e8b;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}
    .ssnr{width:100%;display: block;border-radius: 45px;border:solid 1px #dedede; overflow: hidden;margin-top: 25px;float: right}
    .ssnr input{border: none;font-size: 14px;padding-left:15px;line-height: 30px;width:80%;float: left;outline: none}
    .ssnr button{width: 20%;float: right;background: url(../images/ssdot.png) no-repeat center center;height:30px;border: none}
    .probox{width:100%;margin:0 auto;background:#f5f5f5;padding:20px 0;}
    .pronr{max-width: 1200px;margin:12px auto;overflow: hidden}
    .proh2{background: url(../images/cpx.jpg) repeat-x left center}
    .proh2 .wz{background: #f5f5f5;font-size:34px;line-height: 50px;color: #333;padding: 0 20px 0 0 }
    .xwz{color: #999;font-size: 24px;line-height: 36px;margin-left: 15px}
    .pronr li:last-child{float:right}
    .nrt{position: relative;width:580px;height:400px; float: left; margin: 30px auto;cursor: pointer}
/*    .nrt .nr{width:100%;height:400px;position: absolute; display:flex; -webkit-flex-wrap: wrap;*/
/*        flex-wrap: wrap;*/
/*        -webkit-align-content: center;*/
/*        align-content: center;*/
/*        justify-content: center;}*/
/*    .nrt .nr img{display: block; margin: 50px auto 0;}*/
/*    .nrt .nr h2{font-size:40px;display:block;padding: 0 10px;color: #fff;line-height: 80px;*/
/*        text-transform: uppercase;background: url(../images/cpdx.jpg) no-repeat top center;width:100%; text-align: center }*/
/*    .nrt .nr article{transition: all .4s ease-in;*/
/*        width:80%;font-size: 14px;color:#fff;text-align: center;margin: 10px auto;transform: translateX(-50px);*/
/*        line-height: 25px;overflow: hidden; display: -webkit-box; -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical;*/
/*opacity: 0;*/
/*         }*/
/*    .nrt .nr .an{opacity: 0}*/
/*    .nrt:hover .nr{background: rgba(16,78,139,.7);}*/
/*    .nrt:hover .nr img{display: none}*/
/*    .nrt:hover .nr h2{background: url(../images/cpdx.jpg) no-repeat bottom center;}*/
/*    .nrt:hover .nr article{transform: translateX(0px);opacity: 1;color:#fff}*/
/*    .nrt:hover .nr .an{width:130px;text-align: center;border:solid 1px #fff;color: #fff; line-height: 35px;margin: 15px auto;opacity: 1}*/

    .nrt .nr{width:100%;height:400px;position: absolute;}
    .nrt .nr img{display: block; margin: 100px auto 15px;}
    .nrt .nr h2{font-size:40px;display:block;padding: 0 10px;color: #fff;line-height: 80px;
        text-transform: uppercase;background: url(../images/cpdx.jpg) no-repeat top center;width:100%; text-align: center;transition: all .4s ease-in;}
    .nrt .nr article{transition: all .4s ease-in;
        width:80%;font-size: 14px;color:#fff;text-align: center;margin: 10px auto;
        line-height: 25px;overflow: hidden; display: -webkit-box; -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical;
 opacity: 0; display: none;
    }
    .nrt .nr .an{opacity: 0}
    .nrt:hover .nr{background: rgba(16,78,139,.7);}
    .nrt:hover .nr img{display: none}
    .nrt:hover .nr h2{background: url(../images/cpdx.jpg) no-repeat bottom center; margin-top:80px;margin-bottom: 20px}
    .nrt:hover .nr article{opacity: 1; margin-bottom: 25px;display: -webkit-box;}
    .nrt:hover .nr .an{width:130px;text-align: center;border:solid 1px #fff;color: #fff; line-height: 30px;margin: 15px auto;opacity: 1;display: block}
    .zznl{max-width: 1200px;display: block;margin:40px auto;overflow:hidden}
    .zzh2{font-size:34px;line-height: 50px;color: #333; }
    .zznr{font-size: 14px;line-height: 24px}
    .zznr article{font-size: 14px;width:100%;font-size: 14px;margin: 40px 0 50px;color: #444;
        line-height: 25px;overflow: hidden; display: -webkit-box; -webkit-line-clamp:4;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .zznr li{display: block;float: left;width:125px; height:125px;float:left; color: #444;margin-top: 2px;margin-right:60px;
        cursor:pointer;}
    .zznr li:last-child{margin-right: 0}
    /*.zznr li:first-child{background: #104e8b; color: #fff}*/

    .zznr .icon,.zznr .icon1,.zznr .icon2{width:60px;height: 60px;margin:20px auto 0}
    .zznr .icon{background:url(../images/zzdot-1.png) no-repeat center 0;}
    .zznr .icon1{background:url(../images/zzdot2-1.png) no-repeat center 0;}
    .zznr .icon2{background:url(../images/zzdot3-1.png) no-repeat center 0;}
    .zznr li p{font-size: 16px;text-align: center;line-height: 35px}
    .zznr li:hover{background: #104e8b}
    .zznr li:hover p{color: #fff}
    .zznr li:hover .icon{background: url(../images/zzdot.png) no-repeat center 0;}
    .zznr li:hover .icon1{background: url(../images/zzdot2.png) no-repeat center 0;}
    .zznr li:hover .icon2{background: url(../images/zzdot3.png) no-repeat center 0;}
    .zzimgr{float: right}
    /*简介*/
    .jjbox{width:100%;margin:25px auto 0;background: url(../images/jjbg.jpg) no-repeat top center;padding: 30px 0 65px;
        overflow: hidden;}
    .jjbox1{max-width:1200px;margin:30px auto;overflow: hidden}
    .jjnrh2{font-size: 34px; line-height: 50px;color: #fff; margin: 10px auto 40px}
    .jjpic{display: block;margin:20px auto}

    .jjnr article{font-size: 14px;line-height: 24px;color: #555;margin:20px auto;overflow:hidden;width: 94%;display: -webkit-box; -webkit-line-clamp:6;text-overflow: ellipsis; -webkit-box-orient: vertical}
    .jjan{width:130px; background: #104e8b;line-height: 30px;text-align: center;color: #fff!important;display: block;float: right;margin: 0 3%  15px 0 }
    .jjnr .icon,.jjnr .icon1,.jjnr .icon2{width:60px;height: 60px;margin:20px auto 0}
    .jjnr .icon{background:url(../images/qydot1-1.png) no-repeat center 0;}
    .jjnr .icon1{background:url(../images/qydot2-1.png) no-repeat center 0;}
    .jjnr .icon2{background:url(../images/qydot3-1.png) no-repeat center 0;}
    .jjnr ul{margin: 50px auto 10px;overflow: hidden;width:94%;}
    .jjnr li {display: block;float: left;width:125px; height:125px;float:left; margin-right:30px;color: #444;margin-top: 3px;margin-right:70px;
        cursor:pointer;}
    .jjnr li:last-child{margin-right:0}
    .jjnr li p{font-size: 16px;text-align: center;line-height: 35px}
    .jjnr li:hover{background: #104e8b}
    .jjnr li:hover p{color: #fff}
    .jjnr li:hover .icon{background: url(../images/qydot1.png) no-repeat center 0;}
    .jjnr li:hover .icon1{background: url(../images/qydot2.png) no-repeat center 0;}
    .jjnr li:hover .icon2{background: url(../images/qydot3.png) no-repeat center 0;}

/*新闻*/
    .newsbox{max-width: 1200px; margin:50px auto; overflow: hidden}
    .newsbox .col-md-4{padding-left: 2px}
    .newh2{background: url(../images/cpx.jpg) repeat-x left center}
    .newh2 .wz{background: #fff;font-size:34px;line-height: 50px;color: #333;padding: 0 20px 0 0 }
    .newsbox ul{margin:25px auto;overflow: hidden}
    .newsbox li{overflow: hidden;transition: all .3s}
    .newst{padding:0 35px; box-shadow: 0 2px 3px 2px #ccc; display: block;margin:10px auto 20px}
    .newst h3{font-size:18px; line-height: 30px; text-overflow:ellipsis;overflow: hidden;white-space: nowrap;overflow: hidden;width: 100%;color: #222;padding-top: 25px}
    .newst article{font-size: 14px;line-height: 22px;color: #999;margin:10px auto 15px;overflow:hidden;display: -webkit-box; -webkit-line-clamp:3;text-overflow: ellipsis; -webkit-box-orient: vertical}
    .newst p{padding-bottom: 10px;overflow: hidden}
    .newst time{font-size: 13px;color: #999}
    .newst .jt{float:right;color: #104e8b;font-size: 16px;transition: all .3s}
    .newsbox li:hover{transform:translateY(-5px)}
    .newsbox li:hover .jt{transform: translateX(5px)}
    .newan{width:130px; background: #104e8b;line-height: 30px;text-align: center;color: #fff!important;display: block;margin:20px auto}
/*底部*/
    .bottom{width:100%;background: #000;overflow: hidden;padding:35px 0}
    .endbox{max-width: 1200px;margin:20px auto;}
    .endl .k{float:left;width:18%;}
    .endl article{font-size: 14px;line-height: 24px;color: #eee;float:right;width:78%;}
    .endl h2{font-size: 16px;line-height: 45px;margin: 0}
    .endl img{margin-top:10px;float: left;}
    .endm dl{float:left;width:30%;margin-right: 2%;color: #eee}
    .endm dt{margin-bottom: 10px;font-size: 16px}
    .endm dd{font-size:14px; line-height: 24px}
    .endm a{color: #eee}
    .erwmimg{max-width:93px; height: auto;margin:0 auto 10px;display: block}
    .erwmr{font-size: 14px; line-height: 40px;text-align: center;color: #eee;border-left: solid 1px #ccc}
/*公司简介*/
    .jjnav {overflow: hidden;margin: 30px auto;max-width: 1200px}
    .jjnav li{border: solid 1px #104e8b;line-height: 40px;text-align: center;color: #104e8b;float: left;font-size: 16px;margin-right: 25px;}
    .jjnav li a {display: block;width: 180px; color: #104e8b;}
    .jjnav li a.select{background: #104e8b;display: block;color: #fff;}
    .nyjjnr {overflow: hidden;margin: 30px auto 30px;max-width: 1200px;padding: 0 5px}
    .nyjjnr1{font-size:16px;line-height: 26px;color: #555;margin: 20px auto;overflow: hidden}
    .nyjjnr1 img{max-width: 100%; height:auto;margin: 15px auto;display: block}
    .nyjjh2{background: url(../images/cpx.jpg) repeat-x left center}
    .nyjjh2 .wz{background: #fff;font-size:34px;line-height: 50px;color: #104e8b;padding: 0 30px 0 0 }
/* 发展历程*/
    .fzlc{width:100%;display: block;background:url(../images/fzlcbg.png) repeat-y center top;overflow: hidden}
    .fzlc ul{overflow: hidden;margin-bottom: 10px;cursor: pointer}
    .fzlc li{width:50%;float:left; transition:all .3s}
    .fzlc li h2{font-size: 18px;font-weight: bold;color: #333;line-height: 35px; background:#fff url(../images/fzdot.jpg) no-repeat right center;margin:0 -18px 0 0;
        padding: 15px 50px 5px;text-align: right}
    .fzlc li article{font-size: 14px;line-height: 24px;color: #666;margin:0px auto 15px;text-align: right;width:90%;margin: 0px auto 15px;
        overflow:hidden;display: -webkit-box; -webkit-line-clamp:6;text-overflow: ellipsis; -webkit-box-orient: vertical}
    .fzlc ul:nth-child(even) li{float: right}
    .fzlc ul:nth-child(even) li h2{background:#fff url(../images/fzdot.jpg) no-repeat left center;margin:0 0 0 -18px; text-align: left}
    .fzlc ul:nth-child(even) li article{text-align: left}

    .fzlc li:hover{transform: translateY(-5px)}
    .fzlc li:hover h2{background:#fff url(../images/fzdot1.jpg) no-repeat right center;}

/*企业文化*/
    .qywh{max-width: 1200px;margin:45px auto;overflow: hidden}
    .qywh li{width:25%;float:left;background: no-repeat top left;background-size:100%;}
    .qywh li:nth-child(1){background: url(../images/qywh1.png) no-repeat top left;background-size:100%; }
    .qywh li:nth-child(2){background: url(../images/qywh2.png) no-repeat top left;background-size:100%; }
    .qywh li:nth-child(3){background: url(../images/qywh3.png) no-repeat top left;background-size:100%; }
    .qywh li:nth-child(4){background: url(../images/qywh4.png) no-repeat top left;background-size:100%; }
    .qywh .nr{width:90%;margin:45% auto 15px;background:#fff;padding: 5px 0 15px;box-shadow: 0 1px 2px 2px #eee;transition: all .3s;cursor: pointer}
    .qywh h2{font-size: 20px;line-height: 40px;text-align: center;margin: 20px 0 25px}
    .qywh h2::after{content: "";height: 2px;background: #104e8b;display: block;width:80px;margin: 5px auto}
    .qywh article{font-size: 14px;line-height: 24px;color: #666;margin:0px auto 15px;width:90%;margin: 0px auto 15px;
        overflow:hidden; -webkit-box-orient: vertical;text-align: center;min-height: 100px}
    .qywh .nr:hover{transform: translateY(-10px)}

    /*荣誉证书*/
    .ryzsbox{max-width: 1200px;margin:45px auto;overflow: hidden}
    .ryzsbox img{transition: all .3s}
    .ryzs{box-shadow: 0 2px 3px 2px #ccc; display: block;margin:10px auto 20px}
    .ryzs .k{display: block;height: 260px;overflow: hidden}
    .ryzs h3{font-size:18px; line-height: 45px;background: #f5f5f5; text-overflow:ellipsis;
        overflow: hidden;white-space: nowrap;overflow: hidden;width: 100%;color: #222; text-align: center;transition: .3s}
    .ryzsbox li:hover h3{background: #104e8b;color: #fff;}
    .ryzsbox li:hover img{transform: scale(1.2)}
/*产品中心*/
    .cpbox{max-width: 1200px;margin:45px auto;overflow: hidden;font-size: 16px;line-height: 28px;}
    .cpbox img{max-width: 100%;height: auto}
    .cpbox h3{font-size: 32px; color: #104e8b;margin: 35px 0 20px}
    .cplb{margin:50px auto;max-width: 1200px;overflow: hidden}
    .cplb li a {width:100%;display: block;}
    .cplb li{margin-top: 25px;margin-right: 80px}
    .cplb li:nth-child(3n){float: right;margin-right: 0}
    .cplb li{width:340px;float: left;border: solid 1px #eee;overflow: hidden}
    .cplb .k{width:100%;height:200px;overflow: hidden }
    .cplb .k img{transition:  all .5s}
    .cplb .k:hover img{transform: scale(1.1)}
    .cplb h2{font-size: 18px;background: #104e8b;text-align: center;line-height: 45px;margin: 0 auto;color: #fff}
    .cpbt{font-size:34px;line-height: 50px;margin:10px auto 30px;color: #104e8b}

    .newsny{max-width:1200px;overflow:hidden;margin:30px auto 45px}
    .newsny li{overflow:hidden;border-bottom:dashed 1px #dedede;margin: 20px 0 10px}
    .newsny time{float: left;width:12%;display: block;font-size: 30px;padding-bottom: 10px;border-right: dashed 1px #dedede;text-align: center}
    .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:84%;float:right; transition:all .3s}
    .newsny .nrh2{font-size: 18px;line-height: 40px;margin-top: 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap}
    .newsny .nrp{font-size: 14px;line-height: 24px;color: #555;overflow:hidden;display: -webkit-box; -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical;margin-bottom: 15px}

    /*新闻内容*/
    .nrnew{max-width:1200px;margin:10px auto}
    .nrnewh2{font-size: 24px;text-align: center;line-height: 35px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
    .nrnewh3{font-size: 14px;text-align: center;border-top:solid 1px #eee;color: #555; text-align: center;line-height: 26px;padding-top: 10px}
    .nrnewbox{max-width: 1200px; margin:20px auto 30px;font-size: 14px;line-height: 26px;color: #666}
    .nrnewbox img{max-width: 100%;height: auto;margin:10px auto}
/* 联系我们*/
    .contact{margin-top: 20px}
    .contact ul{overflow: hidden;margin:10px auto}
    .contact .lxl{height:230px;overflow:hidden}
    .lx{border:solid 1px #dedede;min-height: 230px;margin-top: 10px}
    .lxh2{font-size: 22px; line-height: 40px; color: #104e8b;width:92%;margin:40px auto 10px}
    .lx article{font-size: 14px;line-height: 25px;margin:10px auto;width:92%;margin:0 auto 50px}
/*    生产能力*/
    .swiper-wrapper{margin:20px auto!important;padding-bottom: 40px}
    .swiper-wrapper li{width:30% !important;overflow: hidden;margin:0 2% !important;background: #fff;box-shadow: 0 0 5px 2px #ccc}
    .zznh3{width: 100%;background: #f5f5f5;line-height: 35px;font-size: 16px;text-align: center;padding:10px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;margin:0 }
    .znk{width:100%;overflow: hidden;height:250px;display:block}
    .znk img{display: block;margin:0 auto;max-width: 100%;height: auto;transition: all .3s}
    .znk:hover img{transform: scale(1.1)}

/*上一篇*/
    .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) {
    .topdh{min-height:75px;padding-bottom: 5x}
    .topdh .col-xs-12{padding: 0}
    .logo{width:auto; height: 62px;  display: block;position:absolute; top:5px; left: 15px; z-index: 99}

    .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 0;margin-top: 10px}

    .dropdown-menu li{text-align: center;line-height: 30px}
    .dropdown-menu li:last-child{border-bottom: none}

    .probox{width:100%;margin:0 auto;background:#f5f5f5;padding:5px 0 20px;}
    .pronr{width:95%;margin:5px auto;overflow: hidden}
    .proh2{background: url(../images/cpx.jpg) repeat-x left center}
    .proh2 .wz{background: #f5f5f5;font-size:28px;line-height: 50px;color: #333;padding: 0 20px 0 0 }
    .xwz{color: #999;font-size: 18px;line-height: 36px;margin-left: 15px}
    .pronr li:last-child{float:right}
    .nrt{position: relative;width:50%;height:180px; float: left; margin:10px auto;cursor: pointer}
    .nrt .nr{width:100%;height:100%;position: absolute;display: flex;align-content: center;justify-content: center;  -webkit-flex-wrap: wrap;
        flex-wrap: wrap;}
    .nrt .nr img{display: block;height: 55px;width:auto;margin:0 auto}
    .nrt .nr h2{font-size:30px;display:block;padding:5px 0 0;color: #fff;margin-bottom: 0;line-height: 40px;
        text-transform: uppercase;background: url(../images/cpdx.jpg) no-repeat top center;width:100%; text-align: center;transition: all .4s ease-in;}

    .zznl{max-width: 1200px;display: block;margin:0px auto 15px;overflow:hidden}
    .zzh2{font-size:28px;line-height: 50px;color: #333; }
    .zznr{font-size: 14px;line-height: 24px}
    .zznr article{font-size: 14px;width:100%;font-size: 14px;margin: 20px 0;color: #444;
        line-height: 25px;overflow: hidden; display: -webkit-box; -webkit-line-clamp:4;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .zznr ul{text-align: center;overflow: hidden}
    .zznr li{display:inline-block;width:24vw; height:24vw;float:left;color: #444;margin-top: 2px; margin-right: 5vw;
        cursor:pointer;}
    .zznr li:last-child{margin-right: 0}
    /*.zznr li:first-child{background: #104e8b; color: #fff}*/
    .zznr .icon,.zznr .icon1,.zznr .icon2{width:60px;height: 60px;margin:10px auto 0}
    .zznr .icon{background:url(../images/zzdot-1.png) no-repeat center 0;}
    .zznr .icon1{background:url(../images/zzdot2-1.png) no-repeat center 0;}
    .zznr .icon2{background:url(../images/zzdot3-1.png) no-repeat center 0;}

    /*简介*/
    .jjbox{width:100%;margin:10px auto;  overflow: hidden;background: #f5f5f5}
    .jjbox1{width: 94%;margin:30px auto;overflow: hidden}
    .jjnrh2{font-size:28px; line-height: 40px;color: #333; margin: 10px auto ;width:94%}
    .jjpic{display: block;margin:20px auto}

    .jjnr article{font-size: 14px;line-height: 24px;color: #555;margin:20px auto;overflow:hidden;width: 100%;display: -webkit-box; -webkit-line-clamp:6;text-overflow: ellipsis; -webkit-box-orient: vertical}
    .jjan{width:130px; background: #104e8b;line-height: 30px;text-align: center;color: #fff!important;display: block;float: right;margin: 0 3%  15px 0 }
    .jjnr .icon,.jjnr .icon1,.jjnr .icon2{width:60px;height: 60px;margin:20px auto 0}
    .jjnr .icon{background:url(../images/qydot1-1.png) no-repeat center 0;}
    .jjnr .icon1{background:url(../images/qydot2-1.png) no-repeat center 0;}
    .jjnr .icon2{background:url(../images/qydot3-1.png) no-repeat center 0;}
    .jjnr ul{margin: 50px auto 10px;overflow: hidden;width:100%;}
    .jjnr li {display: block;float: left;width:25vw; height:30vw;float:left; color: #444;margin-top: 3px;margin-right:4vw;
        cursor:pointer;}
    .jjnr li:last-child{margin-right:0}
    .jjnr li p{font-size: 16px;text-align: center;line-height: 35px}
    .jjnr li:hover{background: #104e8b}
    .jjnr li:hover p{color: #fff}
    .jjnr li:hover .icon{background: url(../images/qydot1.png) no-repeat center 0;}
    .jjnr li:hover .icon1{background: url(../images/qydot2.png) no-repeat center 0;}
    .jjnr li:hover .icon2{background: url(../images/qydot3.png) no-repeat center 0;}

    /*新闻*/
    .newsbox{max-width: 98%; margin:20px auto; overflow: hidden}
    .newh2{background: url(../images/cpx.jpg) repeat-x left center;width:94%;margin: 0 auto}
    .newh2 .wz{background: #fff;font-size:34px;line-height: 50px;color: #333;padding: 0 20px 0 0 }
    .newsbox ul{margin:15px auto;overflow: hidden}
    .newsbox li{overflow: hidden;transition: all .3s}
    .newst{padding:0 10px; box-shadow: 0 2px 3px 2px #ccc; display: block;margin:0px auto 5px}
    .newst h3{font-size:18px; line-height: 30px; text-overflow:ellipsis;overflow: hidden;white-space: nowrap;overflow: hidden;width: 100%;color: #222;padding-top:15px;margin-top: 3px}
    .newst article{font-size: 14px;line-height: 22px;color: #999;margin:10px auto 15px;overflow:hidden;display: -webkit-box; -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical}
    .newst p{padding-bottom: 10px;overflow: hidden}
    .newst time{font-size: 13px;color: #999}
    .newst .jt{float:right;color: #104e8b;font-size: 14px;transition: all .3s}
    .newan{width:130px; background: #104e8b;line-height: 30px;text-align: center;color: #fff!important;display: block;margin:20px auto}

    /*底部*/
    .bottom{width:100%;background: #000;overflow: hidden;padding: 5px 0 35px}
    .endbox{max-width: 1200px;margin:20px auto;}
    .endl h2{font-size: 16px;line-height: 45px;margin: 0}
    .endl .k{display: none;}
    .endl article{font-size: 14px;line-height: 24px;color: #eee;width:90%; margin:0 auto}
    .endl img{display: none}

    /*公司简介*/
    .jjnav {overflow: hidden;margin: 10px auto;max-width: 98%}
    .jjnav li{border: solid 1px #104e8b;line-height: 30px;text-align: center;color: #104e8b;float: left;font-size: 15px;margin-left: 1%;width:48%;margin-top:6px }
    .jjnav li a {display: block;color: #104e8b;overflow: hidden; }
    .jjnav li a.select{background: #104e8b;display: block;color: #fff;}
    .nyjjnr {overflow: hidden;margin: 0px auto;width:96%;padding: 0 5px}
    .nyjjnr1{font-size:14px;line-height: 24px;color: #555;margin: 20px auto;overflow: hidden}
    .nyjjnr1 img{max-width: 100%; height:auto;margin: 15px auto;display: block}
    .nyjjh2{background: url(../images/cpx.jpg) repeat-x left center;margin-top: 15px}
    .nyjjh2 .wz{background: #fff;font-size:24px;line-height: 40px;color: #104e8b;padding: 0 30px 0 0 }
    /* 发展历程*/
    .fzlc{width:100%;display: block;overflow: hidden}
    .fzlc ul{overflow: hidden;margin-bottom: 10px;cursor: pointer;border-bottom: dashed 1px #dedede}
    .fzlc li{width:98%;float:left; transition:all .3s}
    .fzlc li h2{font-size: 18px;font-weight: bold;color: #333;line-height: 35px; background:#fff url(../images/fzdot.jpg) no-repeat right center;margin:0 ;

        padding: 15px 50px 5px;text-align: right}
    .fzlc li article{font-size: 14px;line-height: 24px;color: #666;margin:0px auto 15px;text-align: right;width:95%;margin: 0px auto 15px;
        overflow:hidden;display: -webkit-box; -webkit-line-clamp:6;text-overflow: ellipsis; -webkit-box-orient: vertical}
        .fzlc ul:nth-child(even) li{float: right}
        .fzlc ul:nth-child(even) li h2{background:#fff url(../images/fzdot.jpg) no-repeat left center;margin:0; text-align: left}
        .fzlc ul:nth-child(even) li article{text-align: left}
    /*企业文化*/
    .qywh{max-width: 1200px;margin:35px auto}
    .qywh li{width:98%;;background: no-repeat top left;background-size:100%;padding-top: 130px; margin-bottom: 20px}
    .qywh li:nth-child(1){background: url(../images/qywh1.png) no-repeat top left;background-size:100%; }
    .qywh li:nth-child(2){background: url(../images/qywh2.png) no-repeat top left;background-size:100%; }
    .qywh li:nth-child(3){background: url(../images/qywh3.png) no-repeat top left;background-size:100%; }
    .qywh li:nth-child(4){background: url(../images/qywh4.png) no-repeat top left;background-size:100%; }

    .qywh .nr{width:95%;margin:15% auto 0;background:#fff;padding: 5px 0 15px;box-shadow: 0 1px 2px 2px #eee;transition: all .3s;cursor: pointer}
    .qywh h2{font-size: 20px;line-height: 40px;text-align: center;margin: 20px 0 25px}
    .qywh h2::after{content: "";height: 2px;background: #104e8b;display: block;width:80px;margin: 5px auto}
    .qywh article{font-size: 14px;line-height: 24px;color: #666;margin:0px auto 5px;width:95%;margin: 0px auto 15px;
        overflow:hidden; -webkit-box-orient: vertical;text-align: center;overflow: hidden}
    .qywh .nr:hover{transform: translateY(-10px)}

    /*荣誉证书*/
    .ryzsbox{max-width: 1200px;margin:45px auto;overflow: hidden}
    .ryzsbox img{transition: all .3s}
    .ryzs{box-shadow: 0 2px 3px 2px #ccc; display: block;margin:10px auto 20px}
    .ryzs .k{display: block;overflow: hidden}
    .ryzs h3{font-size:18px; line-height: 45px;background: #f5f5f5; text-overflow:ellipsis;overflow: hidden;margin-top: 0;
        white-space: nowrap;overflow: hidden;width: 100%;color: #222; text-align: center;transition: .3s}
    /*产品*/
    .cpbox{max-width: 1200px;margin:20px auto;overflow: hidden;font-size: 15px;line-height: 26px;color: #555}
    .cpbox h3{font-size:22px; color: #104e8b;margin: 20px 0 15px}
    .cpbox img{max-width: 100%;height: auto}
    .cplb{
        margin-top:10px;
        -moz-column-count:2;
        -webkit-column-count:2;
        column-count:2;
        -moz-column-gap: 1em;
        -webkit-column-gap: 1em;
        column-gap: 1em;
    }
    .cplb ul{overflow: hidden;margin:0 auto}
    .cplb li{display: block;overflow: hidden; -webkit-column-break-inside: avoid;break-inside: avoid; /*防止断点*/margin-bottom: 15px}
    .cplb h2{font-size: 18px;background: #104e8b;text-align: center;line-height: 45px;margin: 0 auto;color: #fff}
    .cpbt{font-size:26px;line-height: 50px;margin:10px auto 30px;color: #104e8b}

    /*新闻中心*/
    .newsny{width:100%;overflow:hidden;margin:20px auto}
    .newsny .col-xs-12{padding-left: 0}
    .newsny li{overflow:hidden;border-bottom:dashed 1px #dedede;margin: 20px 0 10px}
    .newsny time{float: left;width:18%;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 .x{font-size:14px; text-align: center}
    .newsny .nr{width:78%;float:right; transition:all .3s}
    .newsny .nrh2{font-size: 16px;line-height: 25px;margin-top: 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap}
    .newsny .nrp{font-size: 13px;line-height: 22px;color: #555;overflow:hidden;display: -webkit-box; -webkit-line-clamp:3;text-overflow: ellipsis; -webkit-box-orient: vertical;}

    /*新闻内容*/
    .nrnew{width:98%;margin:10px auto}
    .nrnewh2{font-size: 22px;text-align: center;line-height: 32px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
    .nrnewh3{font-size: 18px;text-align: center;border-top:solid 1px #eee;color: #555; line-height: 26px;padding-top: 10px;margin-top: 5px}
    .nrnewbox{width:96%;margin:10px auto;font-size: 14px;line-height: 26px;color: #666}
    .nrnewbox img{max-width: 100%;height: auto;margin:10px auto}
    /*生产能力*/

    .swiper-wrapper{margin:20px auto!important;padding-bottom: 40px;}
    .swiper-wrapper li{width:46% !important;overflow: hidden;margin:0 12px!important;background: #fff;}
    .zznh3{width: 100%;background: #f5f5f5;line-height: 35px;font-size: 15px;text-align: center;padding:2px 0;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;margin:0 auto }
    .znk{width:100%;overflow: hidden;height:200px;}
    .swiper-wrapper img{display: block;margin:0 auto;border: solid 1px #dedede}

    /* 联系我们*/
    .contact{margin-top: 20px}
    .contact .col-xs-12{padding: 0}
    .contact ul{overflow: hidden;margin:10px auto}
    .lx{border:solid 1px #dedede;}
    .lxh2{font-size: 20px; line-height: 40px; color: #104e8b;width:92%;margin:10px auto 0}
    .lx article{font-size: 14px;line-height: 22px;margin:10px auto;width:92%;margin:0 auto 10px}


    /*上一篇*/
    .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}


}


.swiper-pagination-bullet{width:80px!important;height:6px!important; border-radius: 0!important;}
.swiper-pagination-bullet-active{background: #104e8b!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{width:100%;border-bottom: solid 1px #dedede }
.nyposition{ max-width: 1190px; margin:0 auto; line-height: 45px; color: #444; font-size: 14px;overflow: hidden;padding:0 5px 0 25px;background:url(../images/nydot.png) no-repeat 5px 13px;}
.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(0, 55, 109) 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;
    }
}