/*pc端 banner */
.pc-banner {
    margin-top:123px;
}
.pc-banner .flickity-page-dots{
    bottom:20px;
}
.pc-banner .flickity-page-dots .dot{
    width: 15px;
    height: 15px;
    background: #fff;
    border:1px solid #fff;
    border-radius: 0px;
    opacity: 1;
    cursor: pointer;
}
.pc-banner .flickity-page-dots .dot.is-selected{
    background: #2f6db6;
}
.pc-banner .flickity-prev-next-button{
    display: none;
}
.pc-banner .main-gallery .text1 img{
    position: absolute;
    top:22%;
    left: 40%;
}
.pc-banner .main-gallery .text1 img.in{
    animation: move 1s cubic-bezier(.4,0,.2,1) 0s 1;
}
.pc-banner .main-gallery .text2 img{
    position: absolute;
    bottom:30%;
    left: 28%;
}
.pc-banner .main-gallery .text2 img.in{
    animation: move 1s cubic-bezier(.4,0,.2,1) 0s 1;
}
.pc-banner .main-gallery .text3 img{
    position: absolute;
    top:30%;
    left: 15%;
}
.pc-banner .main-gallery .text3 img.in{
    animation: move 1s cubic-bezier(.4,0,.2,1) 0s 1;
}


@-ms-keyframes move{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@-moz-keyframes move{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@-webkit-keyframes move{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
@keyframes move{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
/* 移动端banner */
.web-banner{
    width: 100%;
    overflow: hidden;
    position: relative;
    display: none;
    margin-top:218px;
}
.web-banner .owl-theme .owl-controls .owl-prev,.web-banner .owl-controls .owl-theme .owl-next{
    width: 26px;
    height: 45px;
    background: url(../pro_images/arrow_l.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -22px;
}
.web-banner .owl-theme .owl-controls .owl-prev{
    left:100px;
}
.web-banner .owl-theme .owl-controls .owl-next{
    right: 100px;
    transform: rotate(180deg);
}
/* 公司介绍 */
.about{
    width: 100%;
    margin:0 auto;
    text-align: center;
    padding:0px 10px 60px;
}
.about .con{
    width: 100%;
    overflow: hidden;
}
.about .con .pic{
    float: left;
    width: 450px;
    height: 300px;
    margin-right:40px;
    overflow: hidden;
}
.about .con .pic img{
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}
.about .con .pic img:hover{
    transform: scale(1.2);
}
.about .con .info{
    overflow:hidden;
}
.about .con .info p{
    font-size: 14px;
    color:#666;
    line-height: 31px;
    text-indent: 2em;
    text-align: left;
}
.about .con .info .more{
    float: right;
    font-size: 14px;
    color:#2f6db6;
}
/* 公司产品 */
.products-wrap{
    width: 100%;
    height: auto;
    padding:0 10px 60px;
    background: -webkit-linear-gradient(145deg, #d2f0c3,#a3c8d7); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(145deg, #d2f0c3,#a3c8d7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(145deg, #d2f0c3,#a3c8d7); /* Firefox 3.6 - 15 */
    background: linear-gradient(145deg, #d2f0c3,#a3c8d7); /* 标准的语法 */
    text-align:center;
    overflow: hidden;
}
.products-wrap .s_title i.l::before,.products-wrap .s_title i.r::after{
    content:'';
    background: #fff;
}
.products-wrap .products .tab-g{
    width: 340px;
    margin: 0 auto;
}
.products-wrap .products .tab-g ul{
    overflow: hidden;
}
.products-wrap .products .tab-g ul li{
    float: left;
    width: 100px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 14px;
    color:#666;
    margin-right:20px;
    margin-bottom:20px;
    cursor: pointer;
}
.products-wrap .products .tab-g ul li:last-child{
    margin-right:0;
}
.products-wrap .products .tab-g ul li.cur{
    background: #2f6db6;
    color:#fff;
    border-color:#2f6db6;
}
.products-wrap .products p.info{
    font-size: 14px;
    color:#666;
    margin:10px 0px 30px;
    line-height: 24px;
}
.products-wrap .products .tab-s{
    margin:0 auto;
    overflow: hidden;
}
.products-wrap .products .tab-s ul li{
    float: left;
    width: 31%;
    height: 30px;
    line-height: 30px;
    background: #fff;
    border:1px solid #ccc;
    color:#666;
    margin:0px 2% 10px 0px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.products-wrap .products .tab-s ul li.cur{
    background: #2f6db6;
    border-color: #2f6db6;
    color:#fff;
}
.products-wrap .products .owl .owl-carousel-wrap{
    width: 90%;
    margin:0 auto;
    margin-top:30px;
}
.products-wrap .products .owl .owl-carousel-wrap.cur{
    display: block;
}
.products-wrap .products .item{
    height: auto;
    background:#fff;
    border:5px solid #e9e9e9;
    position: relative;
}
.products-wrap .products .owl-carousel .item .info{
    width: 100%;
    padding:0 5px;
    height: 30px;
    line-height: 30px;
    background: #999999;
    color:#fff;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.products-wrap .products .owl-carousel .item .drop{
    width: 100%;
    height: 100%;
    padding:0px 5px;
    background: #2f6db6;
    opacity: 0.9;
    position: absolute;
    top: 0;
    left:0;
    display: none;
}
.products-wrap .products .owl-carousel .item .drop h4{
    font-size: 16px;
    font-weight: 700;
    line-height: 34px;
    color:#fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.products-wrap .products .owl-carousel .item .drop p{
    font-size: 14px;
    color:#fff;
    text-align: left;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.products-wrap .products .owl-carousel .item .drop p span{
    font-weight: 700;
}
.products-wrap .products .owl-carousel .item:hover .drop{
    display: block;
}
.products .owl-theme .owl-controls .owl-nav .owl-prev,.owl-theme .owl-controls .owl-nav .owl-next{
    width: 26px;
    height: 39px;
    background: url(../pro_images/arrow_l.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top:-20px;
}
.products .owl-theme .owl-controls .owl-nav .owl-prev{
    left:-50px;
}
.products .owl-theme .owl-controls .owl-nav .owl-next{
    right:-50px;
    transform:rotate(180deg);
}
.products .owl-theme .owl-controls .owl-nav .owl-prev:hover,.owl-theme .owl-controls .owl-nav .owl-next:hover{
    background: url(../pro_images/arrow_l.png) no-repeat;
}
/* 行业新闻 */
.news{
    text-align: center;
}
.news .info{
    width: 100%;
}
.news .info .item{
    width: 100%;
    overflow: hidden;
    padding:20px 0px;
    border-bottom:1px solid #ddd;
    position: relative;
}
.news .info .item .pic{
    float: left;
    width:277px;
    height: 170px;
    border:1px solid #ccc;
    margin-right:30px;
    overflow: hidden;
}
.news .info .item .pic img{
    transition: all 0.5s;
}
.news .info .item .pic img:hover{
    transform: scale(1.2);
}
.news .info .item .txt{
    color:#666;
    text-align: left;
}
.news .info .item .txt h4{
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news .info .item .txt h4:hover{
    color:#2f6db6;
}
.news .info .item .txt p{
    font-size: 14px;
    line-height: 28px;
}
.news .info .item .txt p span{
    font-weight: 700;
}
.news .info .item .txt a{
    color:#666;
}
.news .info .item a.gengduo{
    color:#818181;
    float: right;
    margin-top:10px;
    position: absolute;
    right:0;
    bottom:30px;
}
.news .info .item  a.gengduo:hover{
    color:#2f6db6;
}
.news .info .item a.gengduo::before{
    content:'';
    width: 21px;
    height: 13px;
    background: url(../pro_images/eye.png) no-repeat;
    position: absolute;
    top:3px;
    left:-30px;
}
.news .info .more{
    width: 165px;
    height: 40px;
    line-height: 40px;
    background: #2f6db6;
    border-radius: 30px;
    font-size: 16px;
    color:#fff;
    display: block;
    margin:40px auto 60px;
}
.news .info .more:hover{
    background: #032e61;
}
/* 右侧漂浮 */
.fixed-float{
    display: none;
}
/* 小屏幕,手机，小于等于480px */
@media screen and (max-width:480px){
    /* header头部 */
    .header-bar .container .bar-left{
        float: none;
        display: block;
        text-align: center;
        border-bottom: 1px solid #d4d4d4;
    }
    .header-bar .container .links-wrap{
        float: none;
        display: block;
        text-align: center;
    }
    .top-header  .navbar-brand{
        width: 250px;
        padding:10px 0 0 ;
    }
    .top-header  .navbar-brand a{
        width: 250px;
        background-size: 100%;
    }
    .top-header .fw-top-searchbox{
        margin-top: 0px !important ;
    }
    .top-header .moicon{
        width: 20px;
        margin-top:20px !important;
        margin-left:0px !important;
    }
    .top-header .moicon div {
        width: 20px;
        height: 4px;
    }
    /* 公司介绍 */
    .about .con .info p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:2 !important;
        overflow: hidden;
        line-height: 24px;
    }
    .about .con .info .more{
        margin-top:10px !important;
    }
    /* 公司产品 */
    .products-wrap .products .owl-carousel .item .drop p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .products-wrap .products .tab-g {
        width: auto;
    }
    .products-wrap .products .tab-g ul li{
        width:31%;
        margin-right:2%;
    }
    .products .owl-theme .owl-controls .owl-nav .owl-prev, .products  .owl-theme .owl-controls .owl-nav .owl-next{
        width: 13px;
        height: 20px;
        background-size: 100%;
        margin-top:-10px;
    }
    .products .owl-theme .owl-controls .owl-nav .owl-prev{
        left:-30px;
    }
    .products .owl-theme .owl-controls .owl-nav .owl-next{
        right:-30px;
    }
    /* 公司新闻 */
    .news .container .info .item .pic{
        width: 150px;
        height:auto;
        margin-right:10px;
    }
    .news .container .info .item .txt p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:1;
        overflow: hidden;
    }

}

/* 小屏幕（手机，大于 480px 小于等于768px） */
@media screen and (max-width:768px) {
    /* 关于我们 */
    .about .con .pic{
        float: none;
        display: block;
        width: 100%;
        height:auto;
    }
    /* 公司介绍 */
    .about .con .info p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:4;
        overflow: hidden;
    }
    /* 公司产品 */
    .products-wrap .products  .item .drop p{
        line-height: 19px !important;
    }
    /* 公司新闻 */
    .news .info .item .pic{
        width:200px;
        height:auto;
    }
    .news .info .item .txt a p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 22px;
    }

}

/* 小屏幕（平板，大于 768px 小于等于992） */
@media screen and (max-width: 992px) {
    /* 公司产品 */
    .products-wrap .products  .item .drop p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    /* 公司介绍 */
    .about .info p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
    }
}

/* 中等屏幕（桌面显示器，大于 992px 小于等于1200px） */
@media screen and (max-width: 1200px) {
    /* 移动端banner显示，PC端banner隐藏 */
    .web-banner{
        display: block;
    }
    .slides-box{
        display: none;
    }
    /* 公司产品 */
    .products-wrap  .item .drop p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
    }
    /* 公司新闻 */
    .news .info .item a{
        position: relative;
        right:0;
        bottom:0;
    }
    .news .info .item .txt p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:3;
        overflow: hidden;
    }
    /* 公司介绍 */
    .about .con .pic{
        float: left;
        width: 37.5%;
        height: auto;
        margin-right:40px;
        overflow: hidden;
        margin-right:0;
    }
    .about .con .info{
        float: right;
        width: 57.5%;
        height:100%;
        overflow: hidden;
    }
    .about p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden;
    }
    .about .con .info .more{
        margin-top:20px;
    }
}
/* 大屏幕（大桌面显示器，大于 1200px） */
@media screen and (min-width: 1201px) {
    /* banner */
    .banner-wrap{
        width: 100%;
        height: 550px;
    }
    .banner .swiper-slide .wenzi_box{
        width: 1200px;
        height: 100%;
        margin:0 auto;
        position: relative;
    }
    .banner .swiper-slide.page1 .wenzi_box img{
        width: 482px;
        height: 283px;
        position: absolute;
        top:18%;
        left: 20%;
    }
    .banner .swiper-slide.page2 .wenzi_box img{
        width: 769px;
        height: 266px;
    }
    .banner .swiper-slide.page3 .wenzi_box img{
        width: 815px;
        height: 228px;
    }
    /* 关于我们 */
    .about{
        width: 1200px;
        margin:0 auto;
        text-align: center;
    }
    /* 公司产品 */
    .products-wrap .products{
        width: 1200px;
        height:auto;
        margin:0 auto;
    }
    .products-wrap .products .tab-s{
        width: 890px;
        margin:0 auto;
    }
    .products-wrap .products .tab-s ul li{
        float: left;
        width: 140px;
        height: 30px;
        line-height: 30px;
        background: #fff;
        border:1px solid #ccc;
        color:#666;
        margin:0px 10px 10px 0px;
    }
    .products-wrap .products .tab-s ul li:nth-child(6n){
        margin-right:0;
    }
    .products-wrap .products .owl-carousel-wrap{
        width: 930px;
        margin:0 auto;
        margin-top:30px;
    }
    /* 行业新闻 */
    .news .info .item .txt P{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    /* 右侧漂浮 */
    .fixed-float{
        width: 80px;
        height: 500px;
        position: fixed;
        right:0;
        top:235px;
        display: block;
    }
    .fixed-float>ul>li>a{
        display: block;
        width: 80px;
        height: 80px;
        margin-bottom: 1px;
        padding-top: 50px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background-color: #2f6db6;
        background-position: top 12px center;
        background-repeat: no-repeat;
    }
    .fixed-float>ul>li>a:hover{
        background-color: #032e61;
    }
    .fixed-float .zxly a{
        background-image: url(../pro_images/i_zxly.png);
    }
    .fixed-float .dhzx {
        position: relative;
    }
    .fixed-float .dhzx a{
        background-image: url(../pro_images/i_dhzx.png);
    }
    .fixed-float .dhzx .phone{
        width: 160px;
        height: 80px;
        padding:  0 10px;
        line-height: 80px;
        position: absolute;
        top:0;
        right:-160px;
        background: #032e61;
        color:#fff;
        font-size: 20px;
        transition: all .3s;
        visibility: hidden;
        z-index: -1;
    }
    .fixed-float .dhzx:hover .phone{
        visibility: visible;
        right:81px;
    }
    .fixed-float .qq a{
        background-image: url(../pro_images/i_qq.png);
    }
    .fixed-float .wechat{
        position: relative;
    }
    .fixed-float .wechat a{
        background-image: url(../pro_images/i_wechat.png);
    }
    .fixed-float .wechat .ewm-img{
        width: 100px;
        height: 100px;
        position: absolute;
        bottom:0px;
        right:-84px;
        transition: all .3s;
        visibility: hidden;
        z-index: -1;
    }
    .fixed-float .wechat:hover .ewm-img{
        visibility: visible;
        right:84px;
    }
    .fixed-float .gotop a{
        background: url(../pro_images/i_top.png) no-repeat center 15px;
    }
    .fixed-float .gotop{
        display: none;
    }
    .fixed-float .gotop.active{
        display: block;
    }
    .fixed-float .bgnone a:hover{
        background-color:transparent;
    }

}