* {
    margin    : 0;
    padding   : 0;
    list-style: none;
    border    : none;
    font-style: normal;
}

html {
    width      : 100%;
    min-width  : 1220px;
    font-family: "Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

img {
    display: block;
}

a {
    text-decoration: none;
    color          : #333;
}

@font-face {
    font-family: 'iconfont';
    src        : url('../../iconfont/iconfont.eot');
    src        : url('../../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
        url('../../iconfont/iconfont.woff') format('woff'),
        url('../../iconfont/iconfont.ttf') format('truetype'),
        url('../../iconfont/iconfont.svg#iconfont') format('svg');
}

.iconfont {
    font-family              : "iconfont" !important;
    font-size                : 14px;
    font-style               : normal;
    -webkit-font-smoothing   : antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing  : grayscale;
}

.banner img {
    width: 100%;
}

.intro {
    margin-top: 40px;
}

.title {
    width     : 100%;
    max-width : 1460px;
    margin    : 0 auto;
    text-align: center;

}

.title h1 {
    display       : inline-block;
    margin        : 0 10px;
    font-size     : 44px;
    font-weight   : 400;
    letter-spacing: 5px;
}

.title em {
    display   : inline-block;
    width     : 42px;
    height    : 4px;
    background: #000;
    position  : relative;
    top       : -10px;
}

.intro .content {
    max-width: 1440px;
    margin   : 40px auto 0;
}

.intro .content p {
    text-indent   : 33px;
    line-height   : 35px;
    letter-spacing: 4px;
    color         : #333;
}

.culture {
    margin-top: 40px;
}

.culture .content {
    background-image : url('../images/banner1.png');
    background-repeat: no-repeat;
    background-size  : 100% 100%;
    margin-top       : 40px;
    padding          : 70px 0 40px;
    ;
}

.culture .content .main {
    max-width: 1460px;
    margin   : 0 auto;
}

.culture .content .main .slogan ul {
    display        : -webkit-flex;
    display        : flex;
    flex-direction : row;
    flex-wrap      : wrap;
    justify-content: space-between;
}

.culture .content .main .slogan li {
    width        : 270px;
    height       : 270px;
    text-align   : center;
    background   : #fff;
    border-radius: 50%;
    border       : 8px solid #267dba;
}

.culture .content .main .slogan li h6 {
    font-size  : 36px;
    color      : #267dba;
    margin-top : 60px;
    font-weight: 400;

}

.culture .content .main .slogan li em {
    display   : block;
    width     : 53px;
    height    : 2px;
    margin    : 20px auto 0;
    background: #7b7b7b;
}

.culture .content .main .slogan li p {
    width         : 180px;
    margin        : 20px auto 0;
    letter-spacing: 2px;
}

.slogan-text {
    width     : 100%;
    padding   : 30px;
    background: #fff;
    margin-top: 40px;
    box-sizing: border-box;
}

.slogan-text h6 {
    font-size    : 36px;
    font-weight  : 400;
    color        : #267dba;
    margin-bottom: 20px;
}

.slogan-text p {
    margin-bottom : 20px;
    letter-spacing: 2px;
    color         : #333;
    line-height   : 30px;
}

.product {
    margin-top: 40px;
}

.product .content {
    max-width: 1220px;
    margin   : 40px auto 0;
}

.product .content li {
    margin-bottom: 80px;
}

.product .content li::after {
    content: '';
    display: block;
    clear  : both;
}

.product .content li div {
    float: left;
    width: 50%;
}

.product .content li div h6 {
    font-size    : 36px;
    font-weight  : 400;
    color        : #267dba;
    margin-bottom: 15px;
    line-height  : 40px;
}

.product .content li div p {
    margin-bottom : 15px;
    color         : #333;
    line-height   : 30px;
    letter-spacing: 2px;
}

.product .content .list0 .list-text {
    padding-left: 30px;
    box-sizing  : border-box;
}

.case ul {
    max-width      : 1220px;
    display        : -webkit-flex;
    display        : flex;
    flex-direction : row;
    flex-wrap      : wrap;
    justify-content: space-between;
    background: #fff;
    margin: 0 auto;
}

.case ul li {
    width     : 30%;
    margin-bottom: 30px;
}
.case ul li p{
    margin-top: 20px;
    text-align: center;
    font-weight:600; 
}
.case ul li img {
    width: 100%;
}