*{
    margin: 0;
    padding:0;
    font-family: 微软雅黑;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
    font-weight: 400;
}
body{
    background: #ffffff !important;
}
.main{
    width: 100%;
    overflow: hidden;
}
.inner{
    width: 1400px;
    margin:0 auto;
    overflow: hidden;
}
.s_banner .inner{
    padding-left: 330px;
    box-sizing: border-box;
    height: 350px;
}
.s_banner h2{
    font-size: 30px;
    color: #313030;
    margin-top: 80px;

}
.s_banner h4{
    font-size: 30px;
    color: #313030;
    margin-top: 20px;
    letter-spacing:10px;
}
.s_banner p{
    margin-top: 15px;
    font-size: 18px;
    color: #313030;
}
/*客户案例*/
.cases .cases-top{
    width: 1104px;
    margin:0 auto;
    overflow: hidden;
}
.cases .cases-top h2{
    color: #444343;
    font-size: 30px;
    text-align: center;
    margin-top: 55px;
    margin-bottom: 15px;
}
.cases .cases-top h4{
    width: 100%;
    text-align: center;
    color: #e65345;
    font-size: 24px;
    position: relative;
}
.cases .cases-top h4 span{
    border-bottom: 2px solid #eeeded;
    display: block;
    position: absolute;
    top:50%;
    width: 483px;
    height: 0;

}
.cases .cases-nav{
    margin:40px auto 50px;
    overflow: hidden;
}
.cases .cases-nav ul{
    display: block;
    overflow: hidden;
    text-align: center;
}
.cases .cases-nav li{
    display: inline-block;
    padding: 8px 40px;
    color: #5f5e5e;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #ffffff;
}
.cases .cases-nav ul .xuan{
    color: #e65345;
    border: 1px solid #e65345;
}
.cases .cases-nav ul .xuan a{
    color: #e65345;
}
.cases .cases-list{
    overflow: hidden;
    margin-left: -20px;
}
.cases .cases-list .cases-dan{
    width: 334px;
    height: 264px;
    overflow: hidden;
    float: left;
    margin-left: 20px;
    margin-bottom: 8px;
    cursor: pointer;
}
.cases .cases-list .cases-dan i{
    width: 100%;
    height: 224px;
    overflow: hidden;
    display: block;
}
.cases .cases-list .cases-dan i img{
    width: 100%;
    height: 100%;
}
.cases .cases-list .cases-dan .img{
    position: relative;
    overflow: hidden;
    border: 1px solid #dadada;
}
.cases .cases-list .cases-dan .img .cases-jie{
    padding:0 20px;
    height: 92px;
    overflow: hidden;
    background: #e65345;
    position: absolute;
    bottom: -92px;
    left:0;
    z-index: 999;
    transition: all 0.5s;
}
.cases .cases-list .cases-dan .img .cases-jie h4{
    color: #ffffff;
    font-size: 18px;
    margin: 11px 0;
}
.cases .cases-list .cases-dan .img .cases-jie p{
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.cases .cases-list .cases-dan h2{
    height: 40px;
    line-height: 40px;
    color: #434242;
    font-size: 16px;
    position: relative;
}
.cases .cases-list .cases-dan h2 span{
    display: block;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top:0;
    right: 10px;
    padding-left: 24px;
    color: #7e7e7e;
    font-size: 14px;
    cursor: pointer;
}
.cases .cases-list .cases-dan h2 span img{
    width: 18px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 0;
}
/*客户案例*/
/*案例详情*/
.casesArt h2{
    height: 26px;
    box-sizing: border-box;
    border-left:4px solid #e65345 ;
    padding-left: 14px;
    line-height: 26px;
    color: #434343;
    font-size: 24px;
    margin:32px 0 20px;
}
.casesArt .p1{
    padding-left: 18px;
    color: #444343;
    font-size: 20px;
}
.casesArt .p1 span{
    color: #929191;
    font-size: 16px;
    margin-left: 10px;
}
.casesArt .p2{
    padding-left: 18px;
    color: #878686;
    line-height: 26px;
    margin: 20px 0;
    font-size: 16px;
}
.casesArt .casesArt-con{
    padding-left: 18px;
}
.casesArt .casesArt-con span{
    color: #e39a26;
    font-size: 14px;
    margin-right: 30px;
    display: inline-block;
    height: 19px;
}
.casesArt .casesArt-con span i{
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block;
    height: 100%;
}
.casesArt .casesArt-con span i img{
    width: 100%;
}
.casesArt .casesArt-img{
    width: 100%;
    overflow: hidden;
}
.casesArt .casesArt-img p img{
    max-width: 100%;
}
.tuijian{
    width: 100%;
}
.tuijian .cases-top{
    width: 1104px;
    margin:0 auto;
    overflow: hidden;
}
.tuijian .cases-top h2{
    color: #444343;
    font-size: 30px;
    text-align: center;
    margin-top: 55px;
    margin-bottom: 15px;
}
.tuijian .cases-top h4{
    width: 100%;
    text-align: center;
    color: #e65345;
    font-size: 24px;
    position: relative;
}
.tuijian .cases-top h4 span{
    border-bottom: 2px solid #eeeded;
    display: block;
    position: absolute;
    top:50%;
    width: 483px;
    height: 0;
}
.tuijian .cases-list{
    overflow: hidden;
    margin-left: -20px;
    margin-top:70px;
    padding-bottom: 50px;
}
.tuijian .cases-list .cases-dan{
    width: 334px;
    height: 264px;
    overflow: hidden;
    float: left;
    margin-left: 20px;
    margin-bottom: 8px;
    cursor: pointer;
}
.tuijian .cases-list .cases-dan i{
    width: 100%;
    height: 224px;
    overflow: hidden;
    display: block;
}
.tuijian .cases-list .cases-dan i img{
    width: 100%;
    height: 100%;
}
.tuijian .cases-list .cases-dan .img{
    position: relative;
    overflow: hidden;
    border: 1px solid #dadada;
}
.tuijian .cases-list .cases-dan .img .cases-jie{
    padding:0 20px;
    height: 92px;
    overflow: hidden;
    background: #e65345;
    position: absolute;
    bottom: -92px;
    left:0;
    z-index: 999;
    transition: all 0.5s;
}
.tuijian .cases-list .cases-dan .img .cases-jie h4{
    color: #ffffff;
    font-size: 18px;
    margin: 11px 0;
}
.tuijian .cases-list .cases-dan .img .cases-jie p{
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.tuijian .cases-list .cases-dan h2{
    height: 40px;
    line-height: 40px;
    color: #434242;
    font-size: 16px;
    position: relative;
}
.tuijian .cases-list .cases-dan h2 span{
    display: block;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top:0;
    right: 10px;
    padding-right: 24px;
    color: #7e7e7e;
    font-size: 14px;
    cursor: pointer;
}
.tuijian .cases-list .cases-dan h2 span img{
    width: 16px;
    height: 13px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 0;
}
/*案例详情*/
/*资讯*/
.news .news-nav{
    margin:35px 0 45px;
    overflow: hidden;
}
.news .news-nav li{
    float: left;
    padding: 8px 40px;
    color: #5f5e5e;
    font-size: 16px;
    border-radius: 5px;
}
.news .news-nav ul .xuan{
    color: #e65345;
    border: 1px solid #e65345;
}
.news .news-nav ul .xuan a{
    color: #e65345;
}
.news .news-list{
    width: 100%;
    overflow: hidden;
}
.news .news-list .news-dan{
    width: 100%;
    overflow: hidden;
    height: 235px;
    margin-bottom: 40px;
}
.news .news-list .news-dan .news-left{
    width: 132px;
    height: 100%;
    box-sizing: border-box;
    padding: 60px 20px 0 56px;
    background: #e65345;
    text-align: right;
    float: left;
}
.news .news-list .news-dan .news-left .p1{
    color: #ffffff;
    font-size: 52px;
}
.news .news-list .news-dan .news-left .p2{
    color: #ffffff;
    font-size: 14px;

}
.news .news-list .news-dan .news-left span{
    display: block;
    width: 18px;
    border: 1px solid #ffffff;
    float: right;
    margin-top: 5px;
}
.news .news-list .news-dan .news-right{
    width: 1268px;
    float: left;
    box-sizing: border-box;
    background: #f6f6f6;
    padding: 30px 40px 0 40px;
    height: 100%;
}
.news .news-list .news-dan .news-right h2{
    color: #2c2b2b;
    font-size: 20px;
    margin-bottom: 15px;
}
.news .news-list .news-dan .news-right p{
    font-size: 14px;
    color: #838181;
    width: 1170px;
    margin-bottom: 40px;
    line-height: 24px;
}
.news .news-list .news-dan .news-right div{
    float: left;
    color: #a2a1a1;
    font-size: 12px;
}
.news .news-list .news-dan .news-right .cha{
    border: 2px solid #e65345;
    color: #e65345;
    font-size: 14px;
    padding: 10px 27px;
    float: right;
}
/*资讯*/
/*资讯详情*/
.news-content{
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    padding: 40px 0 105px;
}
.news-content h2{
    color: #e65345;
    font-size: 20px;
    text-align: center;
    margin-bottom: 25px;
}
.news-content .news-info{
    text-align: center;
    margin-bottom: 10px;
}
.news-content .news-info span{
    margin-right: 25px;
    font-size: 14px;
    color: #858484;
}
.news-content .news_con{
    width: 100%;
    overflow: hidden;
    border-top: 1px dashed #e5e5e5;
    border-bottom: 1px dashed #e5e5e5;
    padding:10px 30px;
    box-sizing: border-box;
}
.news-content .news_con img{
    max-width: 100%;
}
/*资讯详情*/
@media screen and (max-width:1400px){
    .inner{
        width: 1200px;
        margin:0 auto;
        overflow: hidden;
    }
    .s_banner .inner{
        padding-left: 283px;
        box-sizing: border-box;
        height: 300px;
    }
    .s_banner h2{
        font-size: 26px;
        color: #313030;
        margin-top: 68px;

    }
    .s_banner h4{
        font-size: 26px;
        color: #313030;
        margin-top: 17px;
        letter-spacing:9px;
    }
    .s_banner p{
        margin-top: 13px;
        font-size: 15px;
        color: #313030;
    }
    /*客户案例*/
    .cases .cases-top{
        width: 946px;
        margin:0 auto;
        overflow: hidden;
    }
    .cases .cases-top h2{
        color: #444343;
        font-size: 26px;
        text-align: center;
        margin-top: 47px;
        margin-bottom: 13px;
    }
    .cases .cases-top h4{
        width: 100%;
        text-align: center;
        color: #e65345;
        font-size: 20px;
        position: relative;
    }
    .cases .cases-top h4 span{
        border-bottom: 2px solid #eeeded;
        display: block;
        position: absolute;
        top:50%;
        width: 413px;
        height: 0;

    }
    .cases .cases-nav{
        margin:34px auto 43px;
        overflow: hidden;
    }
    .cases .cases-nav{
        text-align: center;
    }
    .cases .cases-nav li{
        display: inline-block;
        padding: 7px 32px;
        color: #5f5e5e;
        font-size: 14px;
        border-radius: 5px;
        border: 1px solid #ffffff;
    }
    .cases .cases-nav ul .xuan{
        color: #e65345;
        border: 1px solid #e65345;
    }
    .cases .cases-nav ul .xuan a{
        color: #e65345;
    }
    .cases .cases-list{
        overflow: hidden;
        margin-left: -17px;
    }
    .cases .cases-list .cases-dan{
        width: 286px;
        height: 226px;
        overflow: hidden;
        float: left;
        margin-left: 17px;
        margin-bottom: 7px;
        cursor: pointer;
    }
    .cases .cases-list .cases-dan i{
        width: 100%;
        height: 192px;
        overflow: hidden;
        display: block;
    }
    .cases .cases-list .cases-dan i img{
        width: 100%;
        height: 100%;
    }
    .cases .cases-list .cases-dan .img{
        position: relative;
        overflow: hidden;
        border: 1px solid #dadada;
    }
    .cases .cases-list .cases-dan .img .cases-jie{
        padding:0 17px;
        height: 92px;
        overflow: hidden;
        background: #e65345;
        position: absolute;
        bottom: -92px;
        left:0;
        z-index: 999;
        transition: all 0.5s;
    }
    .cases .cases-list .cases-dan .img .cases-jie h4{
        color: #ffffff;
        font-size: 15px;
        margin: 9px 0;
    }
    .cases .cases-list .cases-dan .img .cases-jie p{
        color: #ffffff;
        font-size: 12px;
        line-height: 19px;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }


    .cases .cases-list .cases-dan h2{
        height: 34px;
        line-height: 34px;
        color: #434242;
        font-size: 14px;
        position: relative;
    }
    .cases .cases-list .cases-dan h2 span{
        display: block;
        height: 34px;
        line-height: 34px;
        position: absolute;
        top:0;
        right: 8px;
        padding-right: 20px;
        color: #7e7e7e;
        font-size: 12px;
        cursor: pointer;
    }
    .cases .cases-list .cases-dan h2 span img{
        width: 16px;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 0;
    }
    /*客户案例*/
    /*资讯*/
    .news .news-nav{
        margin:30px 0 38px;
        overflow: hidden;
    }
    .news .news-nav li{
        float: left;
        padding: 7px 34px;
        color: #5f5e5e;
        font-size: 14px;
        border-radius: 5px;
        border: 1px solid #ffffff;
    }
    .news .news-nav ul .xuan{
        color: #e65345;
        border: 1px solid #e65345;
    }
    .news .news-nav ul .xuan a{
        color: #e65345;
    }
    .news .news-list{
        width: 100%;
        overflow: hidden;
    }
    .news .news-list .news-dan{
        width: 100%;
        overflow: hidden;
        height: 201px;
        margin-bottom: 34px;
    }
    .news .news-list .news-dan .news-left{
        width: 113px;
        height: 100%;
        box-sizing: border-box;
        padding: 51px 17px 0 48px;
        background: #e65345;
        text-align: right;
        float: left;
    }
    .news .news-list .news-dan .news-left .p1{
        color: #ffffff;
        font-size: 44px;
    }
    .news .news-list .news-dan .news-left .p2{
        color: #ffffff;
        font-size: 12px;

    }
    .news .news-list .news-dan .news-left span{
        display: block;
        width: 15px;
        border: 1px solid #ffffff;
        float: right;
        margin-top: 4px;
    }
    .news .news-list .news-dan .news-right{
        width: 1087px;
        float: left;
        box-sizing: border-box;
        background: #f6f6f6;
        padding: 26px 34px 0 34px;
        height: 100%;
    }
    .news .news-list .news-dan .news-right h2{
        color: #2c2b2b;
        font-size: 17px;
        margin-bottom: 13px;
    }
    .news .news-list .news-dan .news-right p{
        font-size: 12px;
        color: #838181;
        width: 1003px;
        margin-bottom: 34px;
        line-height: 20px;
    }
    .news .news-list .news-dan .news-right div{
        float: left;
        color: #a2a1a1;
        font-size: 12px;
    }
    .news .news-list .news-dan .news-right .cha{
        border: 2px solid #e65345;
        color: #e65345;
        font-size: 14px;
        padding: 8px 23px;
        float: right;
    }
    /*资讯*/

}