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

* {list-style-type: none;margin: 0px;padding: 0px; font-family:"微软雅黑";}
a{ text-decoration:none !important; color:#444}
a:hover{ text-decoration:none; color:#444}
.redbg{width:100%; margin: 0 auto; background: #7e1d29;overflow: hidden;}
.redbg1{width:100%; margin: 0 auto; background: #7e1d29;overflow: hidden; border-bottom:solid 3px #f1f1f1;}

/*导航*/
.navbar-nav>li>a{ color:#555;}
.navbar-nav>li>a.active{ color:#444; background:#eee; display:block}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background:#eee !important; }

/*小屏图标*/
.navbar-toggle{ margin-top:10px !important; margin-bottom:10px !important; border:solid 1px #666 !important;}
.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}
/*产品切换*/
.slideTxtBox{ width:100%; display:block; overflow:hidden }
.slideTxtBox .hd{padding:0; width:100%; margin:0 auto; overflow:hidden; text-align:center}
.slideTxtBox .hd ul li:hover{color:#ccc; }
.slideTxtBox .hd ul li.on{ color:#ccc; border:solid 1px #dedede; background:#77111e }
.slideTxtBox .bd{ width:100%; margin:0 auto; display:block;}
.slideTxtBox .bd ul{ padding:0px;  zoom:1;  }

.symore{width: 180px; border-radius: 20px; background: #e8e8e8; line-height: 32px; text-align: center; color: #333!important; display: table; margin: 20px auto; transition: all .3s}
.symore:hover{background: #7e1d29; color: #fff !important;}
.swiper-button-next{background: url(../images/rightjt.png) no-repeat left center!important;right:0 !important;}
.swiper-button-prev{background: url(../images/leftjt.png) no-repeat left center !important; left:0 !important;}
.nybanner{width:100%; display: block; margin:0 auto;}
.nybanner img {max-width: 100%; height: auto; display: block; margin:0 auto;}
@media (min-width: 769px) {
    .symorea{display:table; text-align:center; margin:0 auto;width:100%}
       .logo{float:left; display: block}
    .logo img{max-width: 100%; height: auto; margin: 5px auto 10px}
    .logor{float:right; font-size:16px; line-height: 26px; color: #e1e1e1; display: block; width: 250px; margin-top:28px;}
    .logor img{ float:left; margin:10px 15px 0 15px;}
    /*导航*/
    .navbar-nav>li{ border-right: solid 1px #fff;}
    .navbar-nav>li:last-child{ border-right:none}
    .navbar-nav>li>a { padding:15px 36px !important;  text-shadow:none !important; font-size:16px}
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: #eee !important;}
    .nav>li>a:focus, .nav>li>a:hover {text-decoration: none;background-color: #eee !important;}
    .dropdown-menu .divider{ margin:2px 0 !important}
    .nav>li>a:focus, .nav>li>a:hover{ background:#eee; color:#444;}
    .searchbg{background: url(../images/ssjt.png) no-repeat left bottom; max-width: 1180px; display: block;
        padding:7px 0 0 0; margin:0 auto; height: 48px; }
    .searchbg input{width:450px; border-radius:5px; border:solid 1px #9a8484; background: #77111e; font-size:14px; line-height: 32px;
        padding-left: 20px;float:left;margin-left:300px; color: #ccc;}
    .searchbg input::placeholder{color: #ccc}
    .searchan {width: 65px; height: 33px; border-radius:5px;border:none; margin-left:10px; background:#f6f6f6 url(../images/ssdot.jpg) no-repeat center center}
    .aboutbg{width: 100%; background: url(../images/aboutbg.jpg) no-repeat center top;  overflow: hidden; margin: 25px auto }
    .aboutbgt{max-width:1150px; margin:5px auto}
    .aboutbgl img{margin:20px 0 50px}
    .aboutbgr h2{font-size:20px; color: #444; margin:45px auto 15px; width: 90%; }
    .aboutbgr h3{font-size:16px; color: #666; margin:5px auto 25px;width: 90%; }
    .aboutbgr article{font-size:14px; color: #555; line-height:28px; width: 90%; margin: 40px auto 0}
    .aboutan{width: 180px; border-radius: 20px; background: #e8e8e8; line-height: 32px; text-align: center; color: #333!important; display: block; margin: 40px 20px; transition: all .3s}
    .aboutan:hover{background: #7e1d29; color: #fff !important;}
/*统计*/
    .sjbox{background: #f0f0f0; width: 100%; display: block; overflow: hidden; padding:30px; border-bottom: solid 1px #eee;
        background-image:url(../images/jstop.jpg),url(../images/jsbottom.jpg); background-repeat: repeat-x,repeat-x ;  background-position: left top, left bottom
    }
    .xjt li{  text-align:center; color:#666; border-right:solid 1px #dedede}
    .xjt li:last-child{border-right: none}
    .xjt h3, .timer{ font-family: Segoe UI Light, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:46px; font-weight:normal; line-height:80px; }
  .xjt sup{font-size:16px;top:-30px!important; line-height: 0}
    /*产品切换*/
    .slideTxtBox .wz{font-size:24px; line-height: 50px; text-align: center; margin: 20px auto; color: #555}
    .slideTxtBox .wz p{font-size:14px; line-height: 24px; text-align: center; margin: 5px auto}
    .slideTxtBox .xz{font-size:16px; color: #555;}
    .slideTxtBox .hd{text-align: center}
    .slideTxtBox .hd ul li{ display:inline-block; background:#ebebeb; text-align:center; padding: 2px 50px;border-radius:5px;
        margin-right:20px;font-size:15px; line-height:40px; color:#333; cursor:pointer;border:solid 1px #dedede}
    .sycp li,.sycp1 li{margin-top:8px; transition:all .5s}
    .sycp li .tp,.sycp1 li .tp{border:solid 1px #dedede;overflow:hidden; transition: all .5s; display: block; width:100%; margin: 0 auto}
    .sycp li:hover .tp img,.sycp1 li:hover .tp img{ transform: scale(1.1,1.1); transition: all .5s; }
    .sycp{margin:10px auto;}
    .sycp {color:#555;}
    .sycp1 li article{
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 45px;
    margin: 0 auto 20px;
    border: solid 1px #dedede;
    border-top: none;
    }
    .sycp1 li h2{font-size:18px; width: 92%; margin:0 auto;text-align: left;color: #555; line-height: 45px}

    .sycp1 li  p{
        font-size:13px; line-height: 24px; width:85% !important; margin:5px auto 20px; color: #999;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical
    }
    .sycp1{margin: 15px auto}
    .newstitle{width: 100%; background: url(../images/newbg.jpg) no-repeat center top;  overflow: hidden; margin: 15px auto; padding: 10px 0 }
    .newstitle h2{font-size:22px;line-height: 50px; text-align: center; margin: 8px auto 0;}
    .newstitle p{font-size:14px; line-height: 36px; text-align: center; margin: 0 auto}
    .newsbg{width: 100%; background: url(../images/newbg1.jpg) no-repeat center top;  overflow: hidden; margin: 15px auto; padding: 10px 0}
    .newbg1{max-width: 1120px; display: block; margin:15px auto; }
    .newbg1 li{width:568px;float: left; background:url(../images/newsdot.png) no-repeat 552px center;margin-top:35px;
        overflow: hidden;}
    .newbg1 li time{width:100px; font-size:16px; float:right; margin-top:20px; margin-right:35px; transition: all .5s}
    .newbg1 li .wz{float:left; width:400px;transition: all .5s}
    .newbg1 li .wz h2{font-size:16px; margin: 0 auto; line-height: 45px;verflow:hidden; text-overflow:ellipsis; white-space: nowrap}
    .newbg1 li .wz p{font-size:14px; margin: 0 auto; line-height:25px; color:#555;  text-overflow:ellipsis;
        display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; color: #666;  overflow: hidden}
    .newbg1 .d{font-size:24px!important; color:#777 }
    .newbg1 li:nth-child(even){width:568px;float: right; background:url(../images/newsdot1.png) no-repeat left center;
        overflow: hidden;}
    .newbg1 li:nth-child(even) time{width:90px; font-size:16px; float:left; margin-top:20px; margin-left:60px; color: #666;margin-right: 15px }
    .newbg1 li:nth-child(even) .wz{float:right; width:400px;}
    .newbg1 li:hover .wz,.newbg1 li:hover time{ transform:translate(10px,0)}
    .swiper-container {max-width:1200px; margin:0 auto;overflow: hidden;}
    .swiper-slide{padding: 0 40px}

.anbg{width: 100%; background: url(../images/anbg.jpg) no-repeat center top;  overflow: hidden; margin: 25px auto 0; padding: 50px 0;}
.anbg h2{ text-align: center; font-size:24px; color: #555; margin:0 0 40px}
.anbg p{max-width:1180px; text-align: center; font-size:16px;overflow:hidden; text-overflow: ellipsis;white-space: nowrap; color: #666; margin: 40px auto 0}
/*产品列表*/
    .cpbt{border-bottom:solid 1px #dedede; line-height: 55px; background: url(../images/cpbg.jpg) no-repeat center bottom;
        text-align: center;width: 100%;margin:20px auto}
    .cpbt h2{font-size:22px;text-align: center; margin:0 auto; line-height: 50px}
    /*分类*/
    .nycpfl{text-align:center; max-width: 1150px; margin: 10px auto }
    .nycpfl li{display:inline-block; margin-left: 20px; margin-top:10px; font-size:14px;font-family: Segoe UI Light, "Lucida Bright", "DejaVu Serif", Georgia, "serif" }
    .nycpfl li a { display:inline-block; background:#ebebeb; text-align:center; padding: 2px 50px;border-radius:5px;
    margin-right:20px;font-size:15px; line-height:40px; color:#333; cursor:pointer;border:solid 1px #dedede; transition: all .5s}
    .nycpfl li a.selcted{line-height: 40px; color: #fff; display: block; background:#77111e; text-align: center}
    .nycpfl li a:hover{background:#77111e; color: #fff}
    .nyabout{max-width:1180px; min-height: 900px; background: url(../images/jjmapny.jpg) no-repeat left top; margin: 15px auto}

   .jjnr{background: rgba(250,250,250,.9); width: 980px; padding:20px 40px 40px 30px; margin-top: 50px; float: right;
    min-height: 800px;}
    .jjnr h2{width:95%; margin: 20px auto; text-align: center; font-size:22px; line-height: 50px;
        background: url(../images/cpbg1.png) no-repeat center bottom; border-bottom: solid 1px #dedede;}
    .jjnr article{font-size:14px; width: 96%; margin: 20px auto 0; line-height: 30px; color: #444;}
    .jjnr img{max-width: 100%; height: auto; display: block; margin:5px auto;}
    .jjnr p{margin-bottom:0!important;}
    .jjnrjl{margin-top: 20px}
    .jjnrjl img{max-width: 100%; height: auto; display: block; margin:5px auto;border: solid 1px #dedede;border-radius: 5px;}
    .nyposition{background: url(../images/ssjt.png) no-repeat left bottom; max-width: 1050px; display: block;
        padding:7px 0 0 0; margin:0 auto; line-height: 42px; color: #ccc;padding-left: 150px}
    .nyposition a{color: #ccc}
/*新闻中心*/
    .newslist{ margin: 10px auto; max-width: 1150px; background: url(../images/nynewbg.jpg) no-repeat 400px top;
        overflow: hidden;  border-bottom: dashed 1px #dedede; padding: 30px 0 20px}
    .newslist img{display: block; border-radius:5px; margin: 0 auto; max-width: 90%; height: auto; transition: all .5s}
    .newslist h2{font-size:20px;  margin: 15px auto; line-height: 45px;text-overflow:ellipsis;overflow: hidden;
        white-space: nowrap; transition: all .5s}
    .newslist article{font-size:14px; line-height: 28px; width: 98%; margin: 10px auto;color:#555;  text-overflow:ellipsis;
        display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; color: #666;  overflow: hidden; transition: all .5s}
    .newslist .an{width: 180px; border-radius: 20px; background: #e8e8e8; line-height: 32px; text-align: center; color: #333!important;
        display: inline-block; color: #999;transition: all .5s; margin-top: 18px}
    .newslist:hover article,.newslist:hover h2,.newslist:hover img,.newslist:hover .an{ transform: translate(0, -10px)}
    .newslist:hover .an{ background: #7e1d29; color: #eee!important;}
    .newslistnr{max-width: 1140px; margin: 15px auto; padding: 10px 0 }
    .newslistnr li{width: 100%; margin:10px auto 20px; border-bottom: dashed 1px #dedede;overflow: hidden; padding-bottom: 10px;
    transition: all .5s}
    .newslistnr h2{font-size:18px; margin: 0 auto; line-height: 45px;verflow:hidden; text-overflow:ellipsis; white-space: nowrap}
    .newslistnr p{font-size:14px; line-height:26px;  text-overflow:ellipsis; display:-webkit-box;
        -webkit-box-orient:vertical;-webkit-line-clamp:2; color: #666;  overflow: hidden}
    .newslistnr time{width:110px; font-size:18px; float:right; margin-top:10px; margin-right:35px; text-align: right; transition: all .5;
    float:left; color: #666; border-right:solid 1px #dedede; padding: 10px 20px }
    .newslistnr .sj{font-size:24px;  }
    .newslistnr li:hover{ transform: translateX(40px)}
    /*新闻标题 */
    .newsbt{line-height: 55px; background: url(../images/cpbg.jpg) no-repeat center top;
        text-align: center;width: 100%;margin:20px auto}
    .newsbt h2{font-size:22px;text-align: center; margin:10px auto; line-height: 60px;border-bottom:solid 1px #dedede; color: #555 }
    .newsbt h3{font-size:14px; text-align: center; line-height: 28px; margin: 5px auto 10px}
    .newscontent{max-width: 1150px; margin:25px auto; line-height: 28px;font-size:14px; color: #555; padding-bottom: 20px}
    .newscontent img{max-width: 100%; height: auto; margin: 10px auto; display: block; border-radius: 10px;}
    /*产品图片*/
    .fddk1{ display:none;}
    .fddk{ width:100%; margin:0 auto; overflow:hidden; padding-bottom:15px;}
    .fd{
        width: 452px;
        float: left;
        margin-right:40px;
        overflow: hidden;

    }
    .fd img{ width:450px;height:auto; border:solid 1px #dedede;border-radius: 15px;}
    .fd1{
        width: 620px;
        float: right;
        overflow: hidden;
        margin:20px 20px 0 0;
        line-height:28px
    }
    .fd1 article{font-size:14px; line-height: 30px; color: #555; text-overflow:ellipsis;  display:-webkit-box;
        -webkit-box-orient:vertical;-webkit-line-clamp:4; color: #666;  overflow: hidden}
    /*产品图片放大*/
    .jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; }
    .zoomdiv{z-index:100;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: 400px;
        margin: 0 auto;
    }
    .productlx{font-size:14px; line-height:35px; }
    .productlx h2{font-size:20px; line-height:28px; margin: 30px auto 10px}
    .productxq{max-width: 1150px; margin:10px auto 0}
    .productxq h2{width:300px;border-top-right-radius: 20px;border-top-left-radius: 20px; background: #77111e url(../images/cpxqdot.png) no-repeat 10px bottom;
    line-height: 50px; text-align: center;color: #ccc; font-size:18px; margin: 0}
    .cpcontent{max-width: 1100px; margin:25px auto; line-height: 28px;font-size:14px; color: #555; padding: 20px 0}
    .cpcontent img{max-width: 100%; height: auto; margin: 10px auto; display: block;border-radius:10px; border:solid 1px #dedede;}
    .cpcontent table{width: 90%; text-align: center;vertical-align: middle; margin: 10px auto}
    .cpcontent table tr td{border:solid 1px #dedede; line-height: 35px;vertical-align: middle}
    .contactnr{max-width: 1150px; display: block; margin:10px auto 20px; line-height: 45px; font-size:14px; overflow:hidden}
    .contactnr1{max-width: 1150px; display: block; margin:10px auto 20px; padding: 20px 0; line-height: 24px; font-size:14px; overflow:hidden}
    .contactnr h2{font-size:20px; line-height: 50px;}
    .contactnr h3{font-size:16px; line-height: 10px; margin: 0 auto 20px; border-bottom: solid 2px #f5f5f5;
        padding-bottom: 20px; color: #666}
    .lxwmbd input{display:block; border: solid 1px #dedede; padding-left: 10px; width: 98%; margin: 10px auto;line-height: 40px;
        border-radius:5px}
    .lxwmbd textarea{border: solid 1px #dedede; padding-left: 10px; width:98%; margin:10px auto; display: block;
        border-radius: 5px}
    .lxwmbd button{width:300px; text-align: center; line-height: 40px; background: #666; font-size:16px; color: #fff;
    display: block; border-radius: 5px; border:none}

    /*新页面*/
    .productsxdh{margin:50px auto 30px;}
    .sydhh2{font-size:28px; line-height: 50px; color:#450f14;text-align: center; font-weight: bold; margin-bottom:0}
    .sydhh3{font-size:18px; text-align: center; line-height: 30px;margin:0; color: #666;  text-transform : uppercase;
        font-family: Segoe UI Light, "Trebuchet MS", Arial, Helvetica, sans-serif;}
    .cpdz li .cpsyxx{width: 100%; margin:10px auto; background:#f8f8f8; padding: 40px 0 30px; transition:all .6s;  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);}
    .cpdz li .cpsyxx h2{font-size:20px; text-align:center; line-height: 30px; margin: 0}
    .cpdz li .cpsyxx h3{font-size:14px; text-align:center; line-height: 50px; background: url(../images/cpdotx.png) no-repeat bottom center;
        color:#999;padding-bottom: 3px; margin:0 0 15px 0; transition: all .5s}
    .cpdz li .cpsyxx p{font-size:13px; line-height: 24px; width:85% !important; margin:5px auto 20px; color: #999;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;}

    .cpdz li .cpsyxx .icon{background: url(../images/cpdot.png) no-repeat top center; width: 80px; height: 80px; margin:10px auto; display: block; transition: all .5s }
    .cpdz li .cpsyxx .icon1{background: url(../images/cpdot1.png) no-repeat top center; width: 80px; height: 80px; margin:10px auto; display: block; transition: all .5s}
    .cpdz li .cpsyxx .icon2{background: url(../images/cpdot2.png) no-repeat top center; width: 80px; height: 80px; margin:10px auto; display: block; transition: all .5s}
    .cpdz li .cpsyxx .icon3{background: url(../images/cpdot3.png) no-repeat top center; width: 80px; height: 80px; margin:10px auto; display: block; transition: all .5s}
    .cpdz li:first-child:hover .cpsyxx .icon{background: url(../images/cpdot-1.png) no-repeat top center;transform: translate(0, -10px) }
    .cpdz li:nth-child(2):hover .cpsyxx .icon1{background: url(../images/cpdot1-1.png) no-repeat top center;transform: translate(0, -10px) }
    .cpdz li:nth-child(3):hover .cpsyxx .icon2{background: url(../images/cpdot2-1.png) no-repeat top center;transform: translate(0, -10px) }
    .cpdz li:last-child:hover .cpsyxx .icon3{background: url(../images/cpdot3-1.png) no-repeat top center;transform: translate(0, -10px) }
    .cpdz li:hover .cpsyxx{background: #7e1d29;  box-shadow: 0 10px 60px rgba(0, 0, 0, 0.38); transform: translate(0, -10px);border-radius: 4px }
    .cpdz li:hover .cpsyxx h2{color: #ccc;}
    .cpdz li:hover .cpsyxx h3{color: #ccc;background: url(../images/cpdotx1.png) no-repeat bottom center;}
    .cpdz li:hover .cpsyxx p{color: #c0acac;}
    .yyzlx{width: 100%; display: block; margin:40px auto 0; padding: 40px 0 56px ; background:url(../images/bgtp.jpg) no-repeat center center;
        background-attachment: fixed;
    }
    .yyalimg li img{padding: 1px; border:solid 1px #c9c9c9; display: block; margin:0 auto; box-shadow: 0 10px 60px rgba(0, 0, 0, 0.38);
        border-radius: 2px; transition: all .3s;margin-top: 10px}
    .sydhyyh2{font-size:28px; line-height: 50px; color:#fff;text-align: center; font-weight: bold; margin-bottom:0}
    .sydhyyh3{font-size:18px; text-align: center; line-height: 30px;margin:0 0 30px 0 ; color: #ddd;  text-transform : uppercase;
        font-family: Segoe UI Light, "Trebuchet MS", Arial, Helvetica, sans-serif;}
    .yyalimg li:hover img{transform: scale(1.1)}
    .newsx{width: 100%; display: block; margin:0 auto; padding: 40px 0 80px ; background:url(../images/bgtp1.jpg) no-repeat center center;}
    .newsleft{width:460px; float:left; background: url(../images/newbg.png) no-repeat  top center; margin-top: 40px;transition: all .5s}
    .newsleft img{width:434px; height: 322px; margin:10px auto 5px; display: block}
    .newsleft h2{font-size:16px; line-height: 38px; color: #eee; margin: 0 auto;width: 90%; }
    .newsleft p{font-size:13px; line-height: 23px; color: #c9c9c9; overflow: hidden;width: 90%;margin:0 auto 25px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;}
    .newsleft:hover{transform: translate(-10px,0);transition: all .5s; opacity:0.9}
    .newsright{width:600px; float:right; margin-top: 35px}
    .newsright ul{border-left:solid 1px #ccc;padding-top:3px }
    .newsright li{background: url(../images/newsdot2.png) no-repeat  left center; overflow: hidden; margin-left: -8px; padding: 10px 0;transition: all .5s;}
    .newsright li:hover{background: url(../images/newsdot2.png) no-repeat  left 40px; transition: all .5s; transform: translate(0 , -10px)}
    .newsright time{font-size:32px; line-height: 38px;display: block;width:80px;float: left; font-family: Segoe UI Light, "Trebuchet MS", Arial, Helvetica, sans-serif;
        margin-top: 45px; margin-left: 35px;color:#666
    }
    .xz1{font-size:16px; font-family: Segoe UI, "Trebuchet MS", Arial, Helvetica, sans-serif; display: block; margin-left: 5px}
    .newsright .right1{width: 460px; float:right;margin-top: 30px;}
    .newsright .right1 h2{font-size:18px; line-height: 38px; margin:0;color:#222;}
    .newsright .right1 p{font-size:13px; line-height: 23px; color: #777; overflow: hidden;      text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;}
    .endjj{background: url(../images/ys_bg.jpg) no-repeat bottom center; background-attachment: fixed; padding: 100px 0}
    .endjj1{max-width: 1200px; margin:10px auto;overflow: hidden}
    .endjj1 li{border-right:solid 1px rgba(255, 255, 255, 0.1); cursor: pointer; transition: all .5s; margin: 10px 0}
    .endjj1 li:hover{transform: translate(0, -10px)}
.endjj1 li:last-child{border-right:none}
    .endjj1 li img{ display: block; margin:10px auto 15px;}
    .endjj1 li h2{font-size:20px;text-align: center; color: #fff; margin-bottom: 20px}
    .endjj1 li p{font-size:14px; color: #ccc; text-align: center; margin:0;line-height: 22px}
    .endjj1 .fontx{font-size:11px; text-transform: uppercase}
}
@media (max-width: 769px) {
    .symorea{ display:table; text-align:center; margin:0 auto;width:100%}
    .logo{width:98%; margin:5px auto; display: block}
    .logo img{max-width: 100%; height: auto; }
    .searchbg{display: block; padding:5px 0 0 0; margin:0 auto; height: 48px; }
    .searchbg input{width:75%; border-radius:5px; border:solid 1px #ccc; background: #77111e; font-size:14px; line-height: 36px;
        padding-left: 1%;float:left;margin-left:4%; color: #ccc;}
    .searchbg input::placeholder{color: #ccc}
    .searchan {width: 15%; height: 36px; border-radius:5px;border:none; margin-left:10px; background:#f6f6f6 url(../images/ssdot.jpg) no-repeat center center}

    .aboutbgr h2{font-size:20px; color: #444; margin:25px auto 0; width: 98%; text-align: center}
    .aboutbgr h3{font-size:16px; color: #666; margin:5px auto 10px;width: 98%; text-align: center }
    .aboutbgr article{font-size:14px; color: #555; line-height:28px; width: 98%; margin: 15px auto 0;
        overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5; }
    .aboutan{width: 180px; border-radius: 20px; background: #e8e8e8; line-height: 32px; text-align: center; color: #333!important; display: block; margin: 20px auto; }
    .sjbox{background: #f0f0f0;width: 100%; display: block; overflow: hidden; padding:10px 0 15px;border-bottom:solid 1px #eee;
        background-image:url(../images/jstop.jpg),url(../images/jsbottom.jpg); background-repeat: repeat-x,repeat-x ;  background-position: left top, left bottom}
    .xjt li{  text-align:center; color:#666; border-right:solid 1px #dedede;}
    .xjt li:nth-child(3){border-right: none}
    .xjt h3{ font-family: Segoe UI Light, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; line-height:32px; }
    .xjt sup{font-size:12px;top:-8px!important; line-height: 0}
    .slideTxtBox .wz{font-size:20px; line-height: 50px; text-align: center; margin: 10px auto;color: #555;}
    .slideTxtBox .xz{font-size:14px; color: #555;}
    .slideTxtBox .hd ul li{ display:inline-block; background:#ebebeb; text-align:center; width: 48%; margin-left: 1%; font-size:14px;
        line-height:35px; color:#333; cursor:pointer;border:solid 1px #dedede; border-radius: 5px; margin-top: 5px}
    .sycp li,.sycp1 li{margin-top:5px; transition:all .5s}
    .sycp li:nth-child(5),.sycp li:nth-child(6){display: none}
    .sycp{margin:10px auto;}
    .sycp a, .sycp1 a{color:#555;}
    .sycp li:hover{transform:translate(0,-10px)}
    .sycp1 li h2{font-size:16px; width: 95%; margin:0 auto;text-align: left;color: #555; line-height: 35px}
    .sycp img,.sycp1 img{border:solid 1px #dedede;}
    .sycp li p,.sycp1 li p{width:100%; display: block;background:#f2f2f2; text-align: center;text-overflow: ellipsis;
        overflow: hidden;white-space:nowrap; font-size: 13px; line-height: 35px; border-radius: 5px; margin-top: 2px}
    .sycp1 li:last-child{ display: none}
    .newstitle{width: 100%; background: url(../images/newbg.jpg) no-repeat center top;  overflow: hidden; margin: 15px auto 0; padding: 10px 0 }
    .newstitle h2{font-size:22px;line-height: 50px; text-align: center; margin: 8px auto 0;}
    .newstitle p{font-size:13px;width:95%; line-height: 36px; text-align: center; margin: 0 auto;overflow:hidden;white-space:nowrap;text-overflow: ellipsis}
    .newsbg{width: 100%;  overflow: hidden; margin: 0px auto 15px; padding: 0}
    .newbg1{display: block; margin:15px auto; }
    .newbg1 li{margin-top:15px; overflow: hidden; border-bottom:dashed 1px #dedede; padding-bottom:8px;}
    .newbg1 li h2{background:url(../images/newsdot.png) no-repeat left center; width:95%; margin:0 auto; padding-left:20px;
        line-height: 45px;overflow:hidden;white-space:nowrap;font-size:16px; text-overflow: ellipsis}
    .newbg1 li p{width:90%; font-size:14px; margin: 0 auto; line-height:22px; text-overflow:ellipsis;
        display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; color: #666;  overflow: hidden }
    .anbg{width: 100%; background: url(../images/anbg.jpg) no-repeat center top;  overflow: hidden; margin: 25px auto 0; padding: 30px 0;}
    .anbg h2{ text-align: center; font-size:24px; color: #555; margin:0 0 40px}
    .anbg p{width:90%; text-align: center; font-size:13px;overflow:hidden; text-overflow: ellipsis;white-space: nowrap; color: #666; margin: 30px auto 0}
    .swiper-slide{padding: 0 10px}
    /*分类*/
    .nycpfl{text-align: center; width: 100%;padding-bottom: 5px;margin: 5px auto 15px; overflow: hidden}
    .nycpfl li{display:block;  float: left;width: 47%;; margin-left: 2%; height: auto;}
    .nycpfl li a{line-height: 35px; color: #555; background: #f2f2f2; text-decoration: none; margin-top:10px;
        display: block; text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; border:solid 1px #eee;border-radius:5px}
    .nycpfl li a.selcted{line-height: 35px; color: #fff; display: block; background:#7e1d29; border:1px solid #7e1d29;  }
    /*产品列表*/
    .cpbt{border-bottom:solid 1px #dedede; line-height: 55px;   text-align: center;width: 100%;margin:10px auto; padding-bottom: 10px}
    .cpbt h2{font-size:18px;text-align: center; margin:0 auto; line-height: 40px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width: 98%; margin:0 auto}
    .nyabout{width:98%; margin: 15px auto}

    .jjnr{background: rgba(250,250,250,.9); width: 100%; margin-top: 10px; }
    .jjnr h2{width:95%; margin: 20px auto; text-align: center; font-size:22px; line-height: 50px;
        background: url(../images/cpbg1.png) no-repeat center bottom; border-bottom: solid 1px #dedede;}
    .jjnr article{font-size:14px; width: 95%; margin: 20px auto 0; line-height: 30px; color: #444;}
    .jjnr p{margin-bottom:0!important;}
    .jjnr img{max-width: 100%; height: auto; display: block; margin:5px auto;}
    .jjnrjl{margin-top: 20px}
    .jjnrjl img{max-width: 100%; height: auto; display: block; margin:5px auto;border: solid 1px #dedede;border-radius: 5px;}
    .nyposition{width:90%;display: block;    margin:0 auto; line-height: 42px; color: #ccc;}
    .nyposition a{color: #ccc}
    .newslist{ margin: 10px auto; width: 100%; overflow: hidden;  border-bottom: dashed 1px #dedede; }
    .newslist img{display: block; border-radius:5px; margin: 0 auto; max-width: 95%; height: auto; transition: all .5s}
    .newslist h2{font-size:18px;  margin: 0 auto; line-height: 45px;text-overflow:ellipsis;overflow: hidden;
        white-space: nowrap; transition: all .5s}
    .newslist article{font-size:14px; line-height: 26px; width: 98%; margin: 0px auto 10px;color:#555;  text-overflow:ellipsis;
        display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; color: #666;  overflow: hidden; transition: all .5s}
    .newslist .an{width: 180px; border-radius: 20px; background: #e8e8e8; line-height: 32px; text-align: center; color: #333!important;
        display: inline-block; color: #999;transition: all .5s; margin:10px 0 18px 0}

    .newslistnr{width: 100%; margin: 5px auto; padding: 10px 0 }
    .newslistnr li{width: 100%; margin:5px auto; border-bottom: dashed 1px #dedede;overflow: hidden; padding-bottom: 10px;
        transition: all .5s}
    .newslistnr h2{font-size:16px; margin: 0 auto; line-height: 42px;overflow:hidden; text-overflow:ellipsis; white-space: nowrap}
    .newslistnr p{font-size:14px; line-height:26px;  text-overflow:ellipsis; display:-webkit-box;
        -webkit-box-orient:vertical;-webkit-line-clamp:2; color: #666;  overflow: hidden; color: #888}
    .newslistnr time{display: none}
    /*新闻标题 */
    .newsbt{line-height: 55px;  text-align: center;width: 98%;}
    .newsbt h2{text-align: center; line-height: 50px;border-bottom:solid 1px #dedede;margin:10px auto;
        color: #555;overflow:hidden;white-space:nowrap;font-size:16px; text-overflow: ellipsis }
    .newsbt h3{font-size:13px; text-align: center; line-height: 28px; margin: 5px auto 10px;overflow:hidden;white-space:nowrap; text-overflow: ellipsis}
    .newscontent{max-width:95%; margin:15px auto; line-height: 26px;font-size:14px; color: #555; padding-bottom: 5px}
    .newscontent img{max-width: 100%; height: auto; margin: 10px auto; display: block}
/*产品详情*/
    .productxq{width: 100%; margin:10px auto 0; }
    .productxq h2{width:78%;border-top-right-radius: 20px;border-top-left-radius: 20px; background: #77111e url(../images/cpxqdot.png) no-repeat 10px bottom;
        line-height: 50px; text-align: center;color: #ccc; font-size:18px; margin: 0}
    .cpcontent{width:100%; margin:25px auto; line-height: 28px;font-size:14px; color: #555; padding: 10px 0 }
    .cpcontent img{max-width: 100%; height: auto; margin: 10px auto; display: block; border-radius:5px;border:solid 1px #dedede}
    .cpcontent table{width:100%; text-align: center;vertical-align: middle; margin: 20px auto}
    .cpcontent table tr td{border:solid 1px #dedede; line-height: 30px;vertical-align: middle}

    .contactnr{max-width:100%; display: block; margin:0px auto; line-height: 30px; font-size:14px;
        overflow: hidden;}
    .contactnr h2{font-size:18px; line-height: 40px; margin: 0}
    .contactnr h3{font-size:13px;margin: 0 auto 20px; border-bottom: solid 2px #f5f5f5;line-height: 28px;
        padding-bottom: 5px; color: #666}
    .lxwmbd input{display:block; border: solid 1px #dedede; padding-left: 10px; width: 98%; margin: 10px auto;line-height: 40px;
        border-radius:5px}
    .lxwmbd textarea{border: solid 1px #dedede; padding-left: 10px; width:98%; margin:10px auto; display: block;
        border-radius: 5px}
    .lxwmbd button{width:300px; text-align: center; line-height: 40px; background: #909090; font-size:16px; color: #fff;
        display: block; border-radius: 5px; border:none; margin:20px auto;}
    .contactnr1{width:100%; display: block; margin:10px auto 20px; padding: 20px 0; line-height: 45px; font-size:14px; overflow:hidden}
    .fddk{ width:100%; margin:0 auto; overflow:hidden; padding-bottom:15px;}
    .fddk1{width:100%; margin:0 auto; overflow:hidden; padding-bottom:15px;}
    .fd{
        width: 98%;margin:0 auto;overflow: hidden;
    }
    .fd img{
        max-width: 100%;height:auto; display: block; margin: 0 auto    }
    .fd1{display: none}
    /*产品图片放大*/
    .jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; m}
    .zoomdiv{z-index:100;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%;
        margin: 0 auto;
    }
    /*新页面*/
    .productsxdh{margin:20px auto x;}
    .sydhh2{font-size:20px; line-height: 50px; color:#450f14;text-align: center; font-weight: bold; margin-bottom:0}
    .sydhh3{font-size:14px; text-align: center; line-height: 20px;margin:0; color: #666;  text-transform : uppercase;
        font-family: Segoe UI Light, "Trebuchet MS", Arial, Helvetica, sans-serif;}
    .cpdz li .cpsyxx{width: 100%; margin:10px auto; background:#f8f8f8; padding: 15px 0 ; transition:all .6s;  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);}
    .cpdz li .cpsyxx h2{font-size:20px; text-align:center; line-height: 30px; margin: 0}
    .cpdz li .cpsyxx h3{font-size:14px; text-align:center; line-height: 30px; background: url(../images/cpdotx.png) no-repeat bottom center;
        color:#999;padding-bottom: 3px; margin:0 0 15px 0; transition: all .5s}
    .cpdz .col-xs-6{padding: 0 5px}
    .cpdz li .cpsyxx p{font-size:13px; line-height: 24px; width:85% !important; margin:5px auto 20px; color: #999;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;}
    .cpdz li .cpsyxx .icon{background: url(../images/cpdot.png) no-repeat top center; width: 80px; height: 80px; margin:10px auto; display: block; transition: all .5s }
    .cpdz li .cpsyxx .icon1{background: url(../images/cpdot1.png) no-repeat top center; width: 80px; height: 80px; margin:10px auto; display: block; transition: all .5s}
    .cpdz li .cpsyxx .icon2{background: url(../images/cpdot2.png) no-repeat top center; width: 80px; height: 80px; margin:10px auto; display: block; transition: all .5s}
    .cpdz li .cpsyxx .icon3{background: url(../images/cpdot3.png) no-repeat top center; width: 80px; height: 80px; margin:10px auto; display: block; transition: all .5s}
    .yyzlx{width: 100%; display: block; margin:20px auto 0; padding: 30px 0 25px ; background:url(../images/bgtp.jpg) no-repeat center center; }
    .yyalimg li img{padding: 1px; border:solid 1px #c9c9c9; display: block; margin:0 auto; box-shadow: 0 10px 60px rgba(0, 0, 0, 0.38);
        border-radius: 2px; transition: all .3s;margin-top: 10px}
    .sydhyyh2{font-size:20px; line-height: 40px; color:#fff;text-align: center; font-weight: bold; margin-bottom:0}
    .sydhyyh3{font-size:16px; text-align: center; line-height: 30px;margin:0 0 10px 0 ; color: #ddd;  text-transform : uppercase;
        font-family: Segoe UI Light, "Trebuchet MS", Arial, Helvetica, sans-serif;}
    .yyalimg li:hover img{transform: scale(1.1)}
    .newsx{width: 100%; display: block; margin:0 auto; padding:10px 0 30px ; background:url(../images/bgtp1.jpg) no-repeat left center;}
    .newsleft{display: none}

    .newsright{width:100%;}
    .newsright ul{border-left:solid 1px #ccc; margin-top: 10px }
    .newsright li{background: url(../images/newsdot2.png) no-repeat  left center; overflow: hidden; margin-left: -8px; padding:15px 0;
    border-bottom:dotted 1px #fff}
    .newsright li:hover{background: url(../images/newsdot2.png) no-repeat  left 40px; transition: all .5s; transform: translate(0 , -10px)}
    .newsright time{font-size:24px; line-height: 38px;display: block;width:20%;float: left; font-family: Segoe UI Light, "Trebuchet MS", Arial, Helvetica, sans-serif;
   margin-left:20px;color:#666; margin-top: 5px;
    }
    .xz1{font-size:16px; font-family: Segoe UI, "Trebuchet MS", Arial, Helvetica, sans-serif; display: block; margin-left: 5px}
    .newsright .right1{width: 73%; float:right;}
    .newsright .right1 h2{font-size:16px; line-height: 38px; margin:0;color:#222;; text-overflow:ellipsis;
        overflow: hidden; white-space: nowrap}
    .newsright .right1 p{font-size:13px; line-height: 23px; color: #777; overflow: hidden;      text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;}
    .endjj{background: url(../images/ys_bg.jpg) no-repeat bottom center; background-attachment: fixed; padding: 40px 0}
    .endjj1{max-width: 1200px; margin:10px auto;overflow: hidden}
    .endjj1 li{border-right:solid 1px rgba(255, 255, 255, 0.1); cursor: pointer; transition: all .5s; margin: 10px 0}
    .endjj1 li:hover{transform: translate(0, -10px)}
    .endjj1 li:last-child{border-right:none}
    .endjj1 li img{ display: block; margin:10px auto 15px;}
    .endjj1 li h2{font-size:18px;text-align: center; color: #fff; margin-bottom: 10px}
    .endjj1 li p{font-size:13px; color: #ccc; text-align: center; margin:0;line-height: 22px}
    .endjj1 .fontx{font-size:11px; text-transform: uppercase}

}
.syp{ max-width:1150px; margin:20px auto 10px; border-top: dashed 1px #dedede; padding:20px 0 10px}
.syp li { font-size:14px; line-height:30px; padding:0 15px; color:#555;white-space: nowrap; text-overflow: ellipsis;width: 98%;overflow: hidden;}

/*底部*/
.footer{ width:100%; background:url(../images/footbg.jpg) repeat; overflow:hidden; padding:40px 0;border-top:solid 7px #580a12 }
.footer1{ max-width:1140px; margin:0 auto; overflow:hidden;}
.footer1 dl{ padding:0 45px; color:#bbb; float:left; min-height:170px; line-height: 28px}
.footer1 dl:nth-child(4){padding:0 45px }
.footer1 a{ color:#999  !important}
.footer1 dl dt{font-size:16px; line-height:35px; margin-bottom: 10px  }
.footer1 dl dd{font-size:14px; line-height:26px; display:block}
.footer1 .jl{ margin-top: 9px}
.footer1 dl img{max-width: 120px; height: auto}
.footer2{ width:100%; background:#4d080f; overflow:hidden; text-align:center; color:#888; font-size:14px; line-height:48px}

.sjfooter{width:100%; background:#7e1d29; overflow:hidden; padding:20px 0 10px; color:#ddd; text-align:center; line-height:24px; font-size:10pt;}
.sjfooter h2{font-size:20px; width:90%; margin: 0 auto 10px;  line-height: 40px}
.sjfooter p{font-size:14px; width:90%; margin: 0 auto 10px; line-height: 24px;}
.sjfooter a{color: #ddd}
.sjfooter .dh{width:90%; display: block; margin:10px auto; background: #7b4e53; border-radius: 30px; text-align: center; line-height: 35px}
.listfy {text-align: center; display:block; margin:0px auto;}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #112f5a;
    text-decoration: none;
    background-color: #fff;
    font-size:14px;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #112f5a;
    background-color: #eee;
    border-color: #ddd;
}
.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;
    cursor: default;
    background-color: #862d38;
    border-color: #862d38;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
#platform .BMap_noprint {
    background: url(../images/dbimg.png) no-repeat center center !important;
}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.item img{display:block; margin: 0 auto}
/*顶部*/
.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, 0, 0) 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: .5;
}
.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;
    }
}