.container{
    max-width:1410px;
    width:100%;
    margin:0 auto;
}

/*公司简介*/
.wrap-about{
    background: url(../images/gyBg.jpg) no-repeat top center #f5f6f6;
    padding: 80px 0;
}
.about-img{
    max-width: 654px;
    width:100%;
}
.about-img img{
    width:100%;
}
.aboutwz{
    width:48%;
}
.aboutwz h2{
    font-size: 40px;
    font-weight: 600;
    color:#AE2422;
    padding-bottom:44px;
}
.aboutwz h2 span{
    font-size: 30px;
    color:#666;
    font-weight: 400;
}
.aboutcon{
    font-size: 16px;
    color:#555;
    line-height: 32px;
}
.aboutwz a{
    display: block;
    width: 158px;
    line-height: 45px;
    background: #AE2422;
    color:#fff;
    font-size: 16px;
    font-family: Arial;
    text-align: center;
    margin: 50px 0;
    transition: all .3s;
}
.aboutwz a:hover{
    background: #29a338;
}
.abcontact{
    line-height: 66px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    font-size: 24px;
    color:#333;
    position: relative;
}
.abcontact em {
    font-style: normal;
}
.abcontact span {
    background: url(../images/tel.png) no-repeat;
    padding-left:40px;
    margin-left: 120px;
}

.x-honor-list {
    padding-top: 60px;
    margin:0 -10px;
}

.x-honor-item .img {
    border: 5px solid #dfd0ae;
    transition: all .3s;
    margin:10px 0;
}

.x-honor-item {
    margin:0 10px;
    cursor: pointer;
}
.x-honor-item:hover .img{
    border-color:#fff;
    box-shadow: 0 0 18px rgba(0,0,0,.1)
}

/*产品中心*/
.wrap-product {
    padding-top: 40px;
    padding-bottom: 25px;
}
.proCate,
.proList{
    margin-top: 4%;
}


.webTitle{
    font-weight: 600;
    font-size: 40px;
    text-align: center;
    color:#AE2422;
}
.webTitle p{
    font-size: 20px;
    font-weight: 400;
    color: #666;
    text-transform: uppercase;
    padding-top: 16px;
}
.proTitle{
    background: #AE2422;
    color:#fff;
    font-size: 26px;
    font-family: 'Arial';
    line-height: 34px;
    padding: 20px 0;
    padding-left: 38px;
    position: relative;
}
.proTitle:after{
    position: absolute;
    bottom: 34px;
    right: 10%;
    content:'';
    width: 26px;
    height: 2px;
    background: #fff;
}
.proTitle p{
    color:rgba(255,255,255,.5);
    text-transform: uppercase;
    font-size: 34px;
}
.proTitle p span{
    display: block;
    font-size: 20px;
    text-transform: capitalize;
}
.proCate{
    width: 21%;
}

.proSort li{
    background: #f8f8f8;
    border:1px solid #e5e4e4;
    margin-top: 10px;
    transition: all .3s;
}
.proSort li a{
    display: block;
    font-size: 18px;
    color:#333;
    line-height: 46px;
    text-align: center;
    transition: all .3s;
}
.proSort li:hover{
    background: #29a338;
    border-color: #29a338;
}
.proSort li:hover a{
    color:#fff;
}
.proList{
    width: 76.88%;
}
.hotproList{
    position: relative;
}
.hotproList .wz{
    position: absolute;
    top: 24%;
    right: 10%;
}
.hotproList .wz h3{
    font-size: 30px;
    color: #333;
    position: relative;
}
.hotproList .wz h3:before{
    position: absolute;
    content: '';
    width: 42px;
    height: 4px;
    background: #555;
    bottom: -25px;
    left:0;
}
.hotproList .wz p{
    font-size: 30px;
    color: #d1d1d1;
    font-family: '宋体';
    text-transform: uppercase;
}

.hotproList .wz .more{
    background: #29a338;
    width: 122px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff; 
    text-transform: uppercase;
    margin-top: 22%;
}


.single-item .slick-dots{
    bottom:28px;
}
.single-item .slick-dots li{
    width:14px;
    height: 14px;
    margin: 0px 8px;

}
.single-item .slick-dots li button:before{
    background: #fff;
    width:14px;
    height: 14px;
    font-size: 0;
    border-radius: 50px;
    opacity: 1;
}
.single-item .slick-dots li button{
    width:14px;
    height: 14px;
}

.single-item .slick-dots li.slick-active button:before{
    opacity:1;
    background: #AE2422;
}

.single-item .slick-prev, 
.single-item .slick-next{
    width: 45px;
    height: 93px;
    z-index: 999;
    margin-top:-46.5px;
}
.single-item .slick-next:before,
.single-item .slick-prev:before{
    content: '';
}
.single-item .slick-prev{
    background: url(../images/slick_prev.png) no-repeat;
    left: 30px;
}
.single-item .slick-next{
    right: 30px;
    background: url(../images/slick_next.png) no-repeat;
}

#o_demo {
    overflow: hidden;
    margin: 0 auto;
}

#o_indemo {
    float: left;
    width: 800%
}

#o_demo1 {
    float: left;
}

#o_demo2 {
    float: left;
}

/*优势*/
.wrap-advance{
    background: url(../images/ys1.jpg) no-repeat center center;
    padding:70px 0;
    position:relative;
    min-height:300px;
	margin-bottom:10px;
}
.advanceT{
    position: relative;
}
.advanceT p,
.advanceT{
    color:#fff;
}

/* 动画 */
@-o-keyframes WaveL {
    0% {
        -o-transform: translateX(0px);
        transform: translateX(0px)
    }
    100% {
        -o-transform: translateX(50%);
        transform: translateX(50%)
    }
}
@-ms-keyframes WaveL {
    0% {
        -ms-transform: translateX(0px);
        transform: translateX(0px)
    }
    100% {
        -ms-transform: translateX(50%);
        transform: translateX(50%)
    }
}
@-moz-keyframes WaveL {
    0% {
        -moz-transform: translateX(0px);
        transform: translateX(0px)
    }
    100% {
        -moz-transform: translateX(50%);
        transform: translateX(50%)
    }
}
@-webkit-keyframes WaveL {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}
@keyframes WaveL {
    0% {
        -o-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    100% {
        -o-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}
.wave-0 {
  position: absolute;
    right: 0;
    bottom: 0;
    width: 267.44%;
    height: 106px;
    opacity: .61;
    z-index: 10;
    background: url(../images/bl01.png) repeat-x left bottom;
    -webkit-animation: WaveL 20s linear 0s infinite normal;
    animation: WaveL 20s linear 0s infinite normal;
}
.wave-1 {
  position: absolute;
    right: 0;
    bottom: 0;
    height: 106px;
    width: 223.125%;
    opacity: .73;
    z-index: 9;
    background: url(../images/bl02.png) repeat-x right bottom;
    -webkit-animation: WaveL 10s linear 0s infinite normal;
    animation: WaveL 10s linear 0s infinite normal;
}
.slideTxtBox{
    z-index: 9999;
    position: relative;
    margin-top: -158px;
    margin-bottom: 100px;
}
.slideTxtBox .hd{
    width: 22%;
}
.slideTxtBox .hd ul{
    box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.slideTxtBox .hd ul li{
    background: #fff;
    cursor:pointer; 
    padding: 26px 0;
    border-bottom: 1px solid #eeebeb;
    padding-left:98px;
    position: relative;
 }
 .slideTxtBox .hd ul li em{
    position: absolute;
    top: 10px;
    left: 24px;
    font-size: 50px;
    font-weight: 600;
    color: #999;
    font-family: 'Arial';
    font-style: normal;
 }
 .slideTxtBox .hd ul li h3{
    font-size: 20px;
    color:#333;
 }
.slideTxtBox .hd ul li span{
    font-size: 16px;
    color: #999;
    font-family: 'Arial';
    padding-top: 6px;
    display: block;
}
.slideTxtBox .hd ul li.on{
    background:#AE2422; 
}
.slideTxtBox .hd ul li.on em,
.slideTxtBox .hd ul li.on span,
.slideTxtBox .hd ul li.on h3{
    color:#fff;
}
.slideTxtBox .bd{
    width: 75.44%;
}
.slideTxtBox .bd ul{
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
}

.slideTxtBox .bd li .img img{
    width: 100%;
}

.slideTxtBox .bd li .wz{
    padding-left:270px;
    padding-bottom: 50px;
    position: relative;
}
.slideTxtBox .bd li .wz span{
    position: absolute;
    top: -18px;
    left: 44px;
    font-size: 170px;
    color: #dedede;
    font-family: 'Arial';
    font-weight: 600;
}
.slideTxtBox .bd li .wz h3{
    font-size: 26px;
    color: #333;
    padding-top: 50px;
    padding-bottom: 18px;
}
.slideTxtBox .bd li .wz em{
    font-size: 16px;
    color: #666;
    font-style: normal;
    display: block;
    padding-left: 20px;
}
.slideTxtBox .bd li .wz em p{
    margin: 0;
    line-height: 28px;
    position: relative;
}
.slideTxtBox .bd li .wz em p:before{
    position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    border-radius: 50px;
    background: #AE2422;
    top: 10px;
    left: -18px;
}
/*案例*/
.x-case-list{
    position: relative;
}
.x-case-list .owl-carousel .owl-nav button.owl-prev, 
.x-case-list .owl-carousel .owl-nav button.owl-next{
    width: 46px;
    height: 88px;
    position: absolute;
    top: 50%;
    margin-top: -44px;
    z-index: 9999;
    text-indent: 100px;
    overflow: hidden;
}
.x-case-list .owl-carousel .owl-nav button.owl-prev{
    left: -60px;
    background: url(../images/arr-l.png) no-repeat;
    transition: all .5s;
}
.x-case-list .owl-carousel .owl-nav button.owl-prev:hover{
    background: url(../images/arr-l-hover.png) no-repeat;
}
.x-case-list .owl-carousel .owl-nav button.owl-next {
    right: -60px;
    background: url(../images/arr-r.png) no-repeat;
}
.x-case-list .owl-carousel .owl-nav button.owl-next:hover{
    background: url(../images/arr-r-hover.png) no-repeat;
    transition: all .5s;
}


/*新闻*/
.leftNew{
    width: 48%;
    padding-top: 60px;
}
.leftNew h2{
    font-size: 22px;
    color:#333;
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.leftNew h2 a{
    position: absolute;
    top:0;
    right:0;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 22px;
    border: 1px solid #bebebe;
    border-radius: 50px;
    text-align: center;
    font-size: 18px;
    color: #bebebe;
    font-family: 'Arial';
}
.leftNew h2 span{
    font-size: 14px;
    color: #999;
    text-transform: uppercase;
    padding-left: 8px;
}
.leftNew h2 a:hover{
    border-color: #AE2422;
    color: #AE2422;
}
.newsList li{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #dcdcdc;
}
.newsList li .img{
    width: 24.22%;
    overflow: hidden;
}
.newsList li .img img{
    width: 100%;
    height: 105px;
    transition: all .3s;
}
.newsList li:hover .img img{
    transform: scale(1.1);
}
.newsList li .wz{
    width: 72%
}
.newsList li .wz h3{
    font-size: 18px;
    color: #333;
    line-height: 42px;
    font-weight: 600;
}
.newsList li .wz p{
    font-size: 16px;
    color: #666;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.newsList li:hover .wz h3{
    color: #AE2422;
}

.newImg .img{
    width: 43%;
}
.newImg .img img{
    width: 100%;
}
.newImg .wz{
    width: 53%;
}
.newImg .wz h3 {
    font-size: 18px;
    font-weight: 600;
    color:#333;
    line-height: 38px;
}
.newImg .wz p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 16px;
    color: #666;
    line-height: 26px;
}
.newImg .wz span{
    display: block;
    line-height: 28px;
    border: 2px solid #AE2422;
    width: 32px;
    text-align: center;
    font-family: '宋体';
    font-size: 14px;
    margin-top: 16px;
    transition: all .3s;
}
.newImg .wz:hover span{
    background: #AE2422;
    color:#fff;
}
.newImg .wz:hover h3{
    color:#AE2422;
}

.multiple-items{
    border: 1px solid #eee;
    padding: 20px;
    margin-top: 28px;
}
.x-news-list h3{
    font-size: 16px;
    color: #666;
    line-height: 44px;
    position: relative;
    text-indent: 20px;
    transition: all .3s;
}
.x-news-list h3:before{
    position: absolute;
    content: '';
    left:0;
    top:19px;
    width:7px;
    height: 7px;
    border:1px solid #AE2422;
    transition: all .3s;
}
.x-news-list:hover h3:before{
    background: #AE2422;
}
.x-news-list a{
    position: relative;
    display: block;
}

.x-news-list span{
    display: inline-block;
    position: absolute;
    right:0;
    top:0;
    line-height: 44px;
    font-size: 14px;
    color:#999;
    font-family: 'Arial';
}

.x-news-list:hover h3{
    color: #AE2422;
}


/*联系*/
.wrap-contact{
    margin-top: 50px;
}

.webcontact{
    position: relative;
}


/*底部*/
.sitemap{
    line-height: 46px;
    border: 1px dashed #eee;
    text-indent: 14px;
}
.wrap-foot{
    background: #252526;
    padding: 50px 0 0 0;
    border-top:6px solid #F29b09;
}
.conTel{
    position: absolute;
    top:24%;
    left: 13.55%;
    width: 24%;
    background: #fff;
    padding: 40px;
    min-height: 230px;
    z-index: 999;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.conTel h2{
    font-size: 26px;
    color: #AE2422;
    padding-bottom: 40px;
    position: relative;
}
.conTel h2:before{
    position: absolute;
    content: '';
    left: 0;
    top: 42px;
    width: 50px;
    height: 3px;
    background: #AE2422;
}
.conTel h2 span{
    font-size: 24px;
    color:#333;
    font-family: 'Arial';
    text-transform: uppercase;
    padding-left:20px;
}
.conMne{
    font-size: 16px;
}


.dcode{
    width: 20%;
}
.dcode span{
    display: inline-block;
}
.dcode span p{
    margin:0;
    text-align: center;
    color:#bdbdbd;
    line-height: 40px;
}
.dcode span.ft_ewm{
    padding-left: 20px;
}

.dbnav{
    width: 56%;
    margin-left: 10%;
}
.dbnav h2{
    font-size: 20px;
    color: #fff;
    position: relative;
    padding-left: 20px;
}
.dbnav h2:before{
    position: absolute;
    left: 0;
    top: 4px;
    width: 6px;
    height: 16px;
    background: #AE2422;
    content: '';
}
.dnav-menu{
    padding-top: 20px;
}
.dnav-menu li{
    float: left;
    width: 25%;
}
.dnav-menu li a{
    font-size: 16px;
    color: #bdbdbd;
    line-height: 40px;
}
.dnav-menu li:hover a{
    color: #AE2422;
}




@media (max-width: 1440px) {
  .conTel{
    width: 32%;
  }
}

@media (max-width: 1380px) {
 .abcontact span{
     margin-left: 100px;
 }
}
@media (max-width: 1340px) {
    .abcontact em{
        display:none;
        
    }
    .abcontact span{
        margin-left:0;
    }
}

@media (max-width: 1024px) {
 .conTel{
    display: none;
 }
 .dbnav{
    width: 50%;
    margin-left: 8%;
  }
  .dcode{
    width: 27%;
  }
  .newImg .wz h3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .newImg .wz p{
    -webkit-line-clamp: 2;
  }
  .x-case-list .owl-nav{
    display: none;
  }
  .slideTxtBox{
    margin-bottom: 70px;
  }
  .slideTxtBox .hd ul li em{
    display: none;
  }
  .slideTxtBox .hd ul li{
    padding: 18px 0;
    padding-left: 24px;

  }
  .slideTxtBox .bd li .wz span{
    left: 20px;
  }
  .slideTxtBox .bd li .wz{
    padding-left: 220px;
  }
  .aboutwz{
    width: 100%;
  }
  .abcontact{
    display: none;
  }
  .about-img{
    max-width: 100%;
    margin-bottom:30px;
  }
  .x-honor-list{
    padding-top: 0;
  }
}

@media (max-width: 768px) {
    .leftNew,
    .slideTxtBox .bd,
    .slideTxtBox .hd{
        width:100%;
    }
    .slideTxtBox .hd ul li{
        float: left;
        width: 20%;
        border: none;
    }
    .slideTxtBox .hd ul li span{
        font-size: 12px;
    }
    .dcode,
    .wrap-contact,
    .rightNew{
        display: none;
    }
    .dbnav{
        margin-left: 20%;
    }
    .x-product-list li h3{
        margin-top: 6%;
        margin-bottom: 4%;
    }
    .wrap-product{
        padding-bottom: 40px;
    }
}
@media (max-width: 425px) {
    .slideTxtBox .hd ul li span,
    .slideTxtBox .bd li .wz span,
    .x-news-list span,
     .dlogo,
     .newImg .wz span{
        display: none;
    }
	.x-news-list span{display: block;}
    .dbnav{
        width: 100%;
        margin:0;
    }
    .webTitle {
        font-size: 28px;
    }
    .webTitle p{
        padding-top: 8px;
        font-size: 14px;
    }
    .wrap-about{
        padding:20px 0 0 0;
    }
    .x-honor-list{
        display: none;
    }
    .aboutwz a {
        margin-top:30px;
        margin-bottom: 10px;
    }
    .aboutwz h2{
        font-size: 28px;
        padding-bottom: 30px;
    }
    .aboutwz h2 span {
        font-size: 16px;
    }
    .wrap-product {
        padding: 10px 0 24px 0;
    }

    .x-product-list li h3 {
        margin:0;
        line-height: 44px;
    }
    .x-news-list h3{
        font-size: 16px;
        width: 70%;
        overflow: hidden;
        height: 44px;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow:ellipsis;
    }
    .slideTxtBox .bd li .wz {
        padding:0 30px;
        padding-bottom: 40px;
    }
    .slideTxtBox .hd ul li{
        height: 90px;
        padding-left: 0;
        text-align: center;
    }

    .slideTxtBox .hd ul li h3{
        line-height: 28px;
    }
    .slideTxtBox .bd li .wz h3{
        padding-top: 36px;
    }
    .leftNew{
        padding-top: 20px;
    }
    .wrap-advance{
        padding: 40px 0;
		min-height:195px;
    }
    .slideTxtBox{
        margin-top: -198px;
        margin-bottom: 50px;
    }
    .x-case-item .wz h3{
        line-height: 44px;
    }
}

#h_demo {
    overflow: hidden;
    margin: 0 auto;
}

#h_indemo {
    float: left;
    width: 800%
}

#h_demo1 {
    float: left;
}

#h_demo2 {
    float: left;
}


.x-honor-list li{
    float: left;
}
.x-link {background:#fff;padding:15px 0 13px;}
.x-link a {font-size:16px;color:#8a8a8a;line-height:30px; margin:0 3px;}
.x-link a:hover {color: #AE2422;}

/* 立即拨打 */	
.wpb10{ display: none;}
@media (max-width: 768px){
.wpb10 {width: 100%;padding:15px 0; display:block;}	
.ljyy {width:96%;height:42px;margin:0 auto;text-align:center;background:#AE2422;border-radius:4px;}
.zjrx {width: 80%;height:42px;padding-left:30px;background:url(../images/24h.png) no-repeat 6px 9px;background-size:20px 22px;margin:0 auto;line-height:42px;display:inline-block;font-size:16px;font-family:Microsoft YaHei;}
.zjrx a i {color:#fff; font-style: normal;}	
.onedial{min-width:250px;text-align: center; clear:both;}
.onedial .onedial_txt{display:inline-block;background:#AE2422; width:48%; height:42px; line-height:42px;font-size:16px; color:#ffffff; cursor:pointer; text-align:center;border-radius:5px;margin:8px auto auto 2px;font-weight:bold;}
	.margin_top{ margin-top: 0px !important;}	
}
/* 顶部欢迎 */
.headerBar {background:#e6e6e6; padding:6px 0;}
.top_hy,.top_gjc{width:45%;height:28px;line-height:28px;color:#333; font-size:14px;}
.top_hy {float:left;padding-left:6px;}
.top_gjc {float:right; text-align: right;padding-right:18px;}
.top_gjc a {margin:0 3px;color:#333;}

.abcontact i {font-style:normal;}
.abcontact span {margin:0;}