@charset "utf-8";
/* 自定义页面css */
/**
*   关于
*/
#wenhua .content .info {
    padding-left: 0;
}
 .btn-white-line-violet2:hover {
    border: 1px solid #fff;
    background-color: #705edd;
    color: #fff
}
.btn-white-line-violet2 {
    border: 1px solid #705edd;
    background-color: rgba(255, 255, 255, .8);
    color: #705edd
}
.btn-white-line2:hover{border:1px solid #fff;background-color:transparent;color:#fff}
.btn-white-line2{color:#705edd;background-color:rgba(255,255,255,.8)}
.cs-title{
    font-size: 30px;
    text-align: center;
    padding: 10px 0 ;
}
.part1{
    padding-bottom: 40px;
}
.part1-tile{
    padding: 60px 0;
}
.part1-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.part1-list .part1-li{
    width: 300px;
    text-align: center;
    padding: 20px 0;
}
.part1-list .part1-li img {
    display: initial;
}
.part1-list .part1-li .title{
    padding-top: 5px;
    font-size: 22px;
    color: #898989;
}
.part2{
    padding: 0 0 15px;
}
.part2 .cs-title{
    padding: 40px 0;
    text-align: center;
}
.part2 .summary{
    padding: 30px 0 10px;
    line-height: 25px;
    text-align: center;
    font-size: 16px;
    color: #888888;
}
.part2-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.part2-list .part2-item{
    flex-shrink: 0;
    width: 260px;
    height: 240px;
    box-shadow: 0 0 20px 1px #e4e8f3 ;
 margin-top: 20px;
}
.part2-item .title{
    height:75px;
    color: #ffffff;
    font-size: 24px;
    line-height: 75px;
    text-align: center;
    background-color: #6376e2;
}
.part2-item .txt{
    padding: 30px 0 0 35px ;
    line-height: 34px;
    font-size: 16px;
    color: #888888;
}
.blank-cs{
    height: 130px;
}
.bg-white{
    background-color: #ffffff;
}
.part3 {
    padding-top: 60px;
}
.part3 .cs-title{
}
.part3-list{
    padding: 50px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.part3-list .part3-item{
    flex-shrink: 0;
    position: relative;
    width: 260px;
    height: 285px;
    padding-top: 60px;
    margin-top: 70px;
    /*border: 2px solid orange;*/
    box-shadow: 0 0 20px 1px #e4e8f3 ;
}
.part3-list .part3-item .til-img{
    position: absolute;
    left: 67px;
    top: -53px;
    width: 125px;
    height: 92px;
    background: url("../images/part3-01.png");
    background-size: 100% 100%;
}
.part3-list .part3-item .img2{ background-image: url("../images/part3-02.png");}
.part3-list .part3-item .img3{ background-image: url("../images/part3-03.png");}
.part3-list .part3-item .img4{ background-image: url("../images/part3-04.png");}
.part3-list .part3-item .title{
    font-size: 23px;
    color: #333333;
    text-align: center;
    line-height: 150%;
    padding: 0 20px 25px;
}
.part3-list .part3-item .txt{
    padding: 0 30px;
    font-size: 15px;
    color: #888888;
    line-height: 130%;
}
.part4{
     padding-top: 50px;
}
.part4 .part4-item{
    margin: 70px 0;
}
.part4 .part4-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.part4 .part4-item{
    width: 366px;
    height: 140px;
    display: flex;
    flex-direction: row;
}
.part4 .part4-item .t-icon{
    flex-shrink:0;
    width:132px;
    background: url("../images/part4-01.png") right 8px no-repeat;
    background-size:  100% 100%;
}
.part4 .part4-item .img2{
    background-image: url("../images/part4-02.png");
}
.part4 .part4-item .img3{
    background-image: url("../images/part4-03.png");
}
.part4 .part4-item .item-con{
    display: flex;
    flex-direction: column;
}
.part4 .part4-item .item-con .item-con-til{
    padding-left: 20px;
    font-size: 24px;
}
.part4 .part4-item .item-con .txt{
    padding-top: 15px;
    padding-left: 20px;
    font-size: 14px;
    color: #888888;
    line-height: 160%
}
.service-part5-bg {
    background-image: url(../images/f_bg.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat
}
.cs-part5{
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 400px;
}
.cs-part5 .title-style2{
    color: #373e68;
    font-size: 40px
}
.cs-part5 .cs-txt{
    color: #596091;
    font-size: 16px;
    padding: 30px 0;
    line-height: 180%;
}
.cs-part5 .btn-lg{ height: 40px; line-height: 40px;}
@media screen and (min-width: 1680px) {
    .cs-title{
        font-size: 40px;
    }
    .blank-cs{
        height: 160px;
    }
    .part1-list .part1-li .title{
        font-size: 30px;
    }
    .part2-item .title{
        font-size: 30px;
    }
    .part2-item .txt{ font-size: 20px}
    .part3-list .part3-item{
        width: 333px;
        height: 363px;
        padding-top: 90px;
    }
    .part3-list .part3-item .til-img{
        left: 86px;
        top: -67px;
        width: 160px;
        height: 118px;
    }
    .part3-list .part3-item .title{ font-size: 28px}
    .part3-list .part3-item .txt{ font-size: 20px}
    .part4 .part4-item .item-con .item-con-til{
        padding-left: 20px;
        font-size: 30px;
    }
    .part4 .part4-item .item-con .txt {
        padding-top: 15px;
        padding-left: 20px;
        font-size: 20px;
    }
    .part4 .part4-item{
        width: 473px;
        height: 200px;
    }
    .part4 .part4-item .t-icon {
        width: 175px;
    }
    .cs-part5{ height: 533px;}
    .cs-part5 .title-style2{
        font-size: 30px
    }
    .cs-part5 .cs-txt { font-size: 22px}
}
@media screen and (min-width: 1200px) and (max-width: 1559.98px) {
}
@media screen and (min-width: 768px) and (max-width: 1199.98px) {
 
    .service-part5-bg, .cs-part5 {
        height: 300px
    }
    .cs-part5 .title-style2{
        font-size: 24px
    }
    .cs-part5 .cs-txt {
        font-size: 14px;
        margin-top: 10px
    }
    .cs-part5 .btn {
        width: 160px;
        height: 56px;
        line-height: 56px
    }
}
@media screen and (max-width: 767.98px) {
    .part4 .part4-item{
        margin: 20px 0;
    }
    .part4 .part4-item .item-con .item-con-til{
        padding-left: 20px;
        font-size: 24px;
    }
    .part4 .part4-item .item-con .txt {
        padding-top: 15px;
        padding-left: 20px;
        font-size: 14px;
    }
    .part4 .part4-item{
        width: 366px;
        height: 140px;
    }
    .part4 .part4-item .t-icon {
        width:132px;
    }
    .service-part5-bg, .cs-part5 {
        height: 300px
    }
    .cs-part5 .title-style2{
        font-size: 24px
    }
    .cs-part5 .cs-txt {
        font-size: 14px;
        margin-top: 10px
    }
    .cs-part5 .btn {
        width: 154px;
        height: 48px;
        line-height: 48px
    }
}