/*�ֲ�*/



/*��������*/
.mud-about{
    background-color: #ededed;
    padding: 0;
}

.mud-about .about-img{
    height: 634px;
    background-image: url(../images/about-index.jpg);
    background-repeat: no-repeat;
    background-size: cover, cover;
    background-position: center;
}
.mud-about .sy-about .about-mian{
}
.mud-about .sy-about section{
    height: 330px;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:12;
    overflow: hidden;
}
.mud-about .sy-about .about-mian div{
    padding-top: 30px;
    line-height: 25px;
}
.mud-about .about-tubiao{
    padding-top: 20px;
    padding-bottom: 50px;
}
.mud-about .about-tubiao .glyphicon{
    color:#ed8f26;
    font-size: 50px;
    float: left;
    padding-right: 10px;
}
.mud-about .about-tubiao .about-su{
    font-size: 24px;
    line-height: 24px;
    float: left;
}
.mud-about .about-tubiao .about-su span{
    font-size: 14px;
}
.mud-about .sy-about{
    padding: 50px;
}
.mud-about .sy-about h2 span{
    color:#ed8f26
}
@media(max-width: 768px){
    .mud-about .sy-about{
        padding-left: 15px;
        padding-right: 15px;
    }
    .mud-about .mud-cp {
        height: 350px;
    }
   .swiper-button-prev,.swiper-button-next{
       display: none!important;
   }
    .swiper-container{
        margin-top: 50px;
    }
}

/*��Ʒ����*/
.mud-cp{
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url(../images/cpbj.jpg);
    background-repeat: no-repeat;
    background-size: cover, cover;
    background-position: right;
}
.mud-cp h2 span{
    color:#ed8f26
}
.mud-cp .cp-sy1{
    overflow: hidden;
}
.mud-cp p{
    padding-bottom: 30px;
}
.mud-cp .cp-2{
    position: absolute;
    top:0;
    transition:all 0.5s linear 0s;
    left: 10px;
    top: 10px;
    z-index: 100;
    color:#000;
    font-weight: 800;
}
.mud-cp .cp-2 a{
    color:#111;
}

.mud-cp .row .col-xs-6:hover .cp-1 img{
    border: 1px solid #111;
}
.mud-cp .row .col-xs-12:hover .cp-1 img{
    border: 1px solid #111;
}

.mud-cp .cp-1 img{
    border: 1px solid #ddd;
    transition:all 0.5s linear 0s;
}
.mud-cp .container{
    width: 1200px;
    padding: 15px;
    margin-top:45px;
    background-color: #fff;
}
.mud-cp .row .col-sm-4{
    padding: 10px;
}
.mud-cp .row .col-sm-6{
    padding: 10px;
}
.mud-cp .row .col-xs-6{

}

@media(max-width: 1200px){
    .mud-cp .row .col-xs-6:nth-of-type(4){
        padding-bottom: 30px;
    }
    .mud-cp .container{
        width: 100%;
    }
}

/*��������*/

.mud-new{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #ededed;
    width: 100%;
}
.mud-new .container{
    padding-top: 50px;
}
.mud-new h2 span{
    color:#ed8f26
}
.mud-new h4{
    font-weight: 800;
    color:#111;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mud-new .hr{
    background-color: #ed8f26;
    height: 2px;
    width: 100px;
    margin-top: 5px;
    margin-bottom: 10px;
    transition:all 1s linear 0s
}
.mud-new .new-yu a{
    padding-top: 0px;
    color: #00376f;
}
.mud-new .new-bj{
    background-color: #fff;
    padding: 15px;
}
.mud-new .col-sm-6:hover .hr{
    width: 100%;
}
.mud-new p{
    color:#777;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.mud-new .new-sekuai{
    margin: 0 auto;
    padding-top: 30px;
    width: 164px;
}
.mud-new .new-sekuai div{
    background-color: #777;
    width: 50px;
    height: 8px;
    border-radius: 10px;
    display: inline-block;
    margin: 0 15px;
}
.mud-new .col-sm-6:nth-of-type(2),.mud-new .col-sm-6:nth-of-type(4){
    display: none;
}

.mud-new .new-sekuai .new-dian{
    background-color: #ed8f26;
}
@media(max-width: 1200px){
    .mud-new .container{
        padding-left: 15px;
        padding-right: 15px;
    }
    .mud-new .col-sm-6{
        margin-bottom: 40px;
    }
}

/*��ϵ����*/

.mud-contact1{
    background-image: url(../images/contact-index.jpg);
    width: 100%;
    height: 350px;
    background-repeat: no-repeat;
    background-size: cover, cover;
    background-position: center;
}
.mud-contact{
    padding-top: 50px;
}
.mud-contact .container .row{
    padding-bottom: 50px;
}
.mud-contact h2 span{
    color:#ed8f26
}
.mud-contact .form-horizontal{
    padding-top: 50px;
}
.mud-contact .cn-form{
    width: 100%;
}
.mud-contact .cn-form input{
    width: 100%;
    height: 45px;
    border:0;
    border-bottom: 1px solid #ddd;
}
.mud-contact .cn-form textarea{
    width: 100%;
    padding-top: 15px;
    border:0;
    border-bottom: 1px solid #ddd;
}
.mud-contact .cn-form .submit{
    background-color: #ed8f26;
    height: 40px;
    width: 200px;
    color:white;
    margin-top: 15px;
}
.mud-contact .contact-left{
    padding-left: 50px;
}
.mud-contact .contact-left h4{
    font-weight: 800;
    margin-top: 80px;
}
.mud-contact .contact-left .contact-xx div{
    line-height: 24px;
}
.mud-contact .contact-left .contact-xx .add{
    padding-top:30px;
    padding-bottom:30px;
}
@media(max-width: 1200px){
    .mud-contact1{
        display: none;
    }
    .mud-contact .container .row{
        margin-top: 0;
        padding-left:0px;
        padding-right:0px;
    }
    .mud-contact .contact-left{
        padding-left: 15px;
    }
}