/*banner 轮播*/
nav{
    margin-top: 90px;
}
.swiper-container {
    width: 100%;
    height: 650px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
@media (max-width: 1200px) {
    #nav .p-box{
        margin-left:36px;
    }
    .navi>ul>li{
        margin-left:20px;
    }
}

/*mian部分*/
.main{
    width: 100%;
}
/*关于我们*/
.about{
    background: #fff;
}

.top-title p{
    position: relative;
    width:100%;
    height: 50px;
    text-align: center;
    margin:20px 0 ;
}
.about .top-title p a{
    margin-left: -51px
}
.top-title p a{
    color:#0081CC ;
    font-size: 20px;
    line-height: 50px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -85px;
}
.top-title p span{
    color: #FE0000;
}
.top-title a:hover{
    color: #FE0000;
}
.top-title a:hover span{
    color:#0081CC ;
}
.line{
    border-top: 1px solid #DADADA;
    position: relative;
}
.kuang{
    border: 1px solid #DADADA;
    width:220px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
    position: absolute;
    top:-24px;
    left:50%;
    margin-left: -112px;
    background: #fff;
}
.about .about-content{
    margin-top: 80px;
}
.about .about-text{
    margin-top: 30px;
}
.about .about-text h1{
    font-size:18px ;
    color: #7D7D7D;
    line-height: 25px;
}
.about .about-text h1 span{
    color: #FE1515;
}
.about .about-text p{
    margin-top: 15px;
    width:100%;
    line-height: 2.5rem;
    font-size: 1.2em;
}
.about-right{
    position: relative;
}
.about .row{
    margin: 0;
}
.about-right img{
    margin-top: 25px;
}
.about-right a{
    width: 60px;
    height:30px;
    background: #0081CC;
    color: #fff;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top:59px;
    left: -25px;
}
/*产品展示*/
.container {
    margin-top: 60px;
}
#product{
    background: url("../image/index/huibg.png");
}
#product .kuang{
    background: #f6f6f6;
}
#product> .container>.row >div{
    padding: 0 1%;
}
#product> .container .thumbnail{
    padding: 0;
}
.caption{
    display: block;
    text-align: left;
}
.s1{
    font-size: 14px;
    color: #000;
    font-weight: 500;

}
.s1 b{
    display: block;
    width: 60px;
    border-bottom: 1px solid #ddd;
    margin: 10px 0 20px;
}
.caption span{
    display: block;
}
.s2{
    color: #0081cc;
    margin-top: 20px;
    width:88px;
    height:31px;
    text-align: center;
    line-height: 31px;
    background: url(../image/index/biankuang.png) no-repeat 0 -60px;
}
.caption:hover{
    background: #0081cc;
    transition: all 0.5s;
}
.caption:hover .s2,.caption:hover .s1,.caption:hover span{
    color: #fff;
}
.caption:hover .s2,.text-intro:hover .s2{
    background: url(../image/index/biankuang.png) no-repeat;
}
.all-btn{
    position: relative;
    padding: 40px 0;
}
.all-btn a{
    width: 100px;
    height:40px;
    background: #0081CC;
    color: #fff;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top:32px;
    left:50%;
    margin-left: -50px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/*应用案例*/
#appcase{
    background: #fff;
}
#appcase .thumbnail {
    border: none;
    margin-bottom: -3px;
}
#appcase .col-sm-6{
    overflow: hidden;
}
#appcase .col-sm-4{
    overflow: hidden;
}
.half-mask {
    background-color: rgba(0, 0, 0, 0.7);
    height: 100%;
    width: 97.3%;
    position: absolute;
    top: 73%;
    left: 5px;
    padding: 15px;
    margin: 0 auto;
}
.half-mask a {
    font-size: 18px;
    color: #fff;
}
.half-mask:hover {
    transition: top 200ms;
}
.col-sm-6 .half-mask{
    width: 98.3%;
}
.col-sm-4 .half-mask:hover{
    top: 5px;
}
.col-sm-6 .half-mask:hover{
    top: 5px;
}
.biaoti{
    position: relative;
    margin-top: 20px;
}
.biaoti h3{
    width: 140px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
    position: absolute;
    top:-22px;
    left: 50%;
    z-index: 1;
    border: none;
    background: #fff;
    margin-left: -70px;
}
.biaoti p{
    width: 188px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -94px;
    border-color: #000;
    height: 0;
    border-bottom: 1px solid #dadada;
    z-index: 0;
}
/*新闻中心*/
.news{
    background: url("../image/index/huibg.png") no-repeat;
    padding: 0 0 100px;
}
.news h2 a{
    margin-left: -108px;
}
.news .biaoti p,.partner .biaoti p{
    width:188px;
    position: absolute;
    top:0;
    left: 50%;
    margin-left: -94px;
    border-color: #000;
}
.news ul{
    margin-top: 80px;
    text-align: left;
}
.news .biaoti h3{
    background: #f6f6f6;
}
.news ul li{
    border-bottom: 1px dashed #ddd;
    line-height: 38px;
    font-size: 14px;
}
.news ul li>div{
    padding-bottom: 15px;
    padding-top: 15px;
}
.news ul li>a{
    color:#848484;
}
.news img{
    margin-top: 80px;
}

.news .time-box{
    width: 20%;
    padding: 5px 0;
    background: #0081cc;
    color:#fff;
    text-align: center;
}
.news .time-box .p{
    width:70%;
    margin-left: 15%;
    border-top:1px solid #fff;
}
.new-box{
    width:78%;
    margin-left: 2%;
}
.new-box p{
    line-height: 24px;
    margin-top: 15px;
}
.news ul{
    margin-bottom: 40px;
}
.news button{
    width: 100px;
    height:40px;
    background: #0081CC;
    color: #fff;
    line-height: 30px;
    text-align: center;
    position: absolute;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    right:0;
}
@media(max-width: 769px){
    .style{
        background: url(../images/dian.png) no-repeat center left;
        padding-left: 22px;
    }
    .news img{
        display: none;
    }
    .news-box{
        display: none;
    }
    .news .row{
        display: none;
    }
    .phone-news a:hover{
        color: #0081cc;
    }
}
@media(max-width: 481px){
    .phone-news span{
        display: none;
    }
    .appcase .col-xs-12 img{
       width:100%;
    }
}
@media(max-width: 780px){
    .appcase .col-xs-12 img{
        width:100%;
    }
}
/*荣誉资质*/
.honors{
    background: #fff;
}
.honors .top-title p a{
    margin-left: -43px;
}
.honors .container .row div{
    text-align: center;
}
.honors img{
    margin: 0 auto;
    padding-bottom: 40px;
}
/*友情链接*/
#partner .container{
    margin-top: 20px;
    transform: scale(1);
    transition: all 1s;
}
#partner{
    background: url("../image/index/huibg.png") no-repeat;
}
#partner .biaoti h3{
    background: #f6f6f6;
}
#partner.d .container{
    transform: scale(1);
}
#partner .top-title p a{
    margin-left: -29px;
}
.position-detail{
    text-indent: 24px;
}
.partner-box{
    margin-top: 70px;
    border-top:1px solid #ddd;
    border-left: 1px solid #ddd;
    box-sizing: border-box;

}
.partner-box>div{
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    text-align: center;
}
.partner-box>div img{
    margin: 0 auto;
    cursor: pointer;
    transition: all 0.6s;
}
.partner-box>div img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.partner .col-sm-3{
    padding: 3% 0;
}
.partner .col-xs-6{
    padding: 3% 0;
}
.all-btn{
    padding-bottom: 90px;
}
/*给框加特效*/
.c-btn::after {
    content:"";
    display:block;
    position:absolute;
}
.c-btn::before {
    content:"";
    display:block;
    position:absolute;
}
.c-btn--border-line {
    box-shadow:0 0 0 0 transparent inset;
    box-sizing:border-box;
}
.c-btn--border-line::after,.c-btn--border-line::before {
    border:1px solid transparent;
    box-sizing:border-box;
    height:0;
    width:0;
}
.c-btn--border-line::after {
    left:0;
    top:0;
    transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
}
.c-btn--border-line::before {
    bottom:0;
    right:0;
    transition:border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in 0s;
}
.c-btn--border-line:hover::after,.c-btn--border-line:hover::before {
    height:100%;
    width:100%;
}
.c-btn--border-line:hover::after {
    border-right-color:#0081CC;
    border-top-color:#0081CC;
    transition:width 0.2s ease-out 0s,height 0.2s ease-out 0.2s;
}
.c-btn--border-line:hover::before {
    border-bottom-color:#0081CC;
    border-left-color:#0081CC;
    transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}
.c-btn--line::after {
    background-color:#0081CC;
    bottom:0;
    transform:scaleX(0);
    transform-origin:right center 0;
    transition:transform 0.6s cubic-bezier(0.55,0,0.1,1) 0s,-webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1) 0s;
}
.c-btn--line:hover::after {
    transform:scaleX(1);
    transform-origin:left center 0;
    transition:transform 0.6s cubic-bezier(0.55,0,0.1,1) 0s,-webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1) 0s;
}
.c-btn {
    display:inline-block;
}
/*所有的按钮加特效*/
.all-btn a:hover{
    background: #43AFCC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
@media(max-width: 480px){
    .about .about-text p{
        padding: 0 50px;
    }
    .about .about-content {
        margin-top: 30px;
    }
    .news ul li{
        text-align: left;
        line-height: 25px;
        font-size: 14px;
        word-break:keep-all;           /* 不换行 */
        white-space:nowrap;          /* 不换行 */
        overflow:hidden;               /* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow:ellipsis;
    }
    .news button{
        left: 40%;
    }
    #moquu{
        display: none;
    }
}
#moquu_top,#moquu_wxin,#moquu_wshare,#moquu_wmaps,#moquu_wshare2 ,#moquu_wshare3{
    z-index:2;
    width:50px;
    height:50px;
    right:10px;
    position:fixed;
    cursor:pointer;
    _position:absolute;
    _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))
}

#moquu_wxin {
    bottom:308px;
    _margin-top:412px

}
#moquu_wxin a {
    background:url(../image/index/sbtn.png) 0 -0px;
    right:0;
    float:left;
    width:50px;
    height:50px;
    text-indent:-9999px
}
#moquu_wxin a:hover {
    background:url(../image/index/sbtn.png) -50px -0px
}
#moquu_wshare {
    bottom:256px;
    _margin-top:464px
}
#moquu_wshare a {
    background:url(../image/index/sbtn.png) 0 -50px;
    width:50px;
    height:50px;
    right:0;
    float:left;
}
#moquu_wshare a:hover {
    background:url(../image/index/sbtn.png) -50px -50px
}
#moquu_wmaps {
    bottom:360px;
    _margin-top:360px
}
#moquu_wmaps a {
    background:url(../image/index/sbtn.png) 0 -150px;
    width:50px;
    height:50px;
    right:0;
    float:left;
    text-indent:-9999px
}
#moquu_wmaps a:hover {
    background:url(../image/index/sbtn.png) -50px -150px
}
#moquu_top {
    bottom:100px;
    _margin-top:516px;
    background:url(../image/index/sbtn.png) 0 -101px;
    width:50px;
    height:50px
}
#moquu_top:hover {
    background:url(../image/index/sbtn.png) -50px -101px
}
.moquu_wxin,.moquu_wshare {
    position:relative;
    z-index:2
}
.moquu_wxin a:hover .moquu_wxinh,.moquu_wshare a:hover .moquu_wshareh ,.moquu_wshare2 a:hover .moquu_wshareh2 {
    display:block
}
.moquu_wxin .moquu_wxinh {
    position:absolute;
    display:none;
    left:-238px;
    top:-179px;
    width:232px;
    height:231px;
}
#moquu_wshare2{
    bottom:204px;
    _margin-top:360px
}
#moquu_wshare2 a{
    background:url(../image/index/sbtn.png) 0 -202px;
    width:50px;
    height:50px;
    right:0;
    float:left;
}
#moquu_wshare2  .moquu_wshareh2{
    position:absolute;
    display:none;
    left:-255px;
    top:-19px;
    width:250px;
    height:90px;
    padding: 10px 10px 10px 48px;
    background: #fff;
    color: #000;
}
#moquu_wshare2 a:hover {
    background:url(../image/index/sbtn.png) -50px -202px
}
#moquu_wshare2 a:hover .moquu_wshareh2 {
    display:block
}
#moquu_wshare3{
    bottom:152px;
    _margin-top:360px
}
#moquu_wshare3 a{
    background:url(../image/index/sbtn.png) 0 -250px;
    width:50px;
    height:50px;
    right:0;
    float:left;
}
#moquu_wshare3  .moquu_wshareh3{
    position:absolute;
    display:none;
    left:-255px;
    top:0px;
    width:250px;
    height:50px;
    padding: 10px 10px 10px 48px;
    background: #fff;
    color: #000;
}
#moquu_wshare3 a:hover {
    background:url(../image/index/sbtn.png) -50px -250px
}
#moquu_wshare3 a:hover .moquu_wshareh3 {
    display:block
}
.moquu_wshare .moquu_wshareh {
    position:absolute;
    display:none;
    left:-255px;
    top:-9px;
    width:250px;
    height:70px;
    padding: 10px 10px 10px 48px;
    background: #fff;
}
.moquu_wshare .moquu_wshareh p{
    color: #000;
}
.moquu_wxinh img{
    display: flex;
}
.lian div{
    position: relative;
}
 .lian img{
    position: absolute;
    width: 30px;
    top:-5px;
    left:-39px;
}
 .lian p{
    height: 25px;
}