.tabChange .tab:nth-child(1)>.bg {
    transition: all 1s linear;
    background-image: url('../images/tab21.png');
}
.tabChange .tab:nth-child(2)>.bg {
    transition: all 1s linear;
    background-image: url('../images/tab22.png');
}
.tabChange .tab:nth-child(3)>.bg {
    transition: all 1s linear;
    background-image: url('../images/tab23.png');
}
.tabChange .tab:nth-child(4)>.bg {
    transition: all 1s linear;
    background-image: url('../images/tab24.png');
}
.tabChange .tab:nth-child(5)>.bg {
    transition: all 1s linear;
    background-image: url('../images/tab25.png');
}
.header ul.tabChange {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.header .tabChange .tab {
    width: 20%;
    height: 10.4vw;
}


.headLine .desc {
    font-size: 1.5vw;
    font-weight: 500;
}
.item {
    padding: 8vw 7vw 0 7vw;
    display: flex;
    justify-content: space-between;
}
.item .cont {
    width: 48%;
    padding: 4.6vw 2.6vw 0;
    border: 1px solid #8E949D;
    font-size: 1vw;
    position: relative;
}
.item .cont.active {
    border-bottom: 4px solid #0079FF;
}
.content p {
    min-height: 7.6vw;
}
.content p:first-child {
    margin-right: 4%;
}

.item .cont img {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 39%);
    width: 2.7vw;
    display: block;
}
.xietong {
    padding-right: 0;
}
.xietong .left {
    width: 48%;
    padding-top: 8vw;
}
.kexin .left {
    width: 100%;
    padding-top: 0;
    padding-right: 7vw;
}
.xietong .right {
    width: 46%;
    height: 36vw;
    overflow: hidden;
}
.xietong .right img {
    display: block;
    width: 100%;
}
.xietong .left p.title {
    color: #3E4C5B;
    font-size: 2.7vw;
    font-weight: bold;
}
.xietong .hr {
    height: 2px;
    width: 3.96vw;
    background-color: #0079FF;
    margin: 3.44vw 0 1vw;
}
.operate {
    /* background-color: #0079FF; */
    padding-top: 8vw;
    padding-bottom: 4.8vw;
}
.operate .title {
    font-size: 2vw;
    font-weight: bold;
    margin-bottom: 3vw;
    text-align: center;
}
.operate .imgStep {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 7vw;
}
.operate .imgStep .step {
    width: 48%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3vw;
    border: 1px solid;
    /* border-radius: 6px; */
}
.operate .imgStep .step:nth-child(odd) {
    /* margin-right: 3vw; */
}
.operate .imgStep .step .info {
    width: 60%;
    padding: 2vw 3vw 0;
    box-sizing: border-box;
}
.operate .imgStep .step .info p:first-child {
    margin-bottom: 5vw;
    color: #3E4C5B;
    font-size: 1.3vw;
    font-weight: bold;
}
.operate .imgStep .step .rightImg {
    width: 40%;
}
.operate .imgStep .step .rightImg img {
    display: block;
    width: 100%;
}
/* .operate .swiper-container {
    margin-left: 7vw;
}
.operate .swiper-container img {
    width: 37vw;
}
.operate .swiper-wrapper, .operate .swiper-slide {
    width: inherit;
} */
.htitle {
    color: #3E4C5B;
    font-size: 2vw;
    font-weight: bold;
    text-align: center;
    padding: 8vw 0 1vw;
}
.htitle.title {
    font-size: 2.7vw;
}
.product {
    position: relative;
    margin-top: 3vw;
    display: flex;
    flex-direction: row-reverse;
}
.product .left{
    position: absolute;
    top: 4vw;
    left: 7vw;
    width: 42vw;
    height: 28vw;
}
.product .left img {
    width: 100%;
    display: block;
    box-shadow: 0 10px 50px 0 rgba(0,0,0,0.2);
}
.product .right {
    padding: 6vw 10vw 10vw 13vw;
    border: 1px solid #8E949D;
}
.product .right p {
    width: 25vw;
}
.product .right p:first-child{
    color: #3E4C5B;
    font-weight: 600;
    font-size: 1.77vw;
    margin-bottom: 3.65vw
}
.product .right p:last-child{
    font-size: 1.25vw
}
.schedule {
    position: relative;
    display: flex;
    margin-top: 3vw;
}
.schedule .left{
    position: absolute;
    top: 4vw;
    right: 7vw;
    width: 42vw;
    height: 28vw;
}
.schedule .left img {
    width: 100%;
    display: block;
    box-shadow: 0 10px 50px 0 rgba(0,0,0,0.2);
}
.schedule .right {
    padding: 6vw 12vw 10vw 11vw;
    border: 1px solid #8E949D;
}
.schedule .right p {
    width: 25vw;
}
.schedule .right p:first-child{
    color: #3E4C5B;
    font-weight: 600;
    font-size: 1.77vw;
    margin-bottom: 3.65vw
}
.schedule .right p:last-child{
    font-size: 1.25vw
}
.quality {
    display: flex;
    justify-content: space-between;
    margin-top: 9vw;
}
.quality .info {
    flex: 1;
    padding: 4.16vw;
    border-top: 1px solid #979797;
}
.quality .info p.title {
    color: #3E4C5B;	
    font-size: 1.66vw;
    font-weight: bold;
}
.quality .info p.content {
    font-size: 1.25vw;
}
.quality .qualityImg {
    width: 33.33%;
}
.quality .qualityImg img {
    width: 100%;
    display: block;
}
.quality .hr{
    height: 2px;
    width: 3.96vw;
    background-color: #0079FF;
    margin: 3vw 0 1vw;
}
.quality.second {
    margin-top: 0;
}
.quality.second .info {
    border-top: none;
    border-bottom: 1px solid #979797;
}
.quality .qualityImg {
    position: relative;
}
.quality .qualityImg:after {
    content: "";
    position: absolute;
    width: 0;
    border-width: 12px;
    border-style: solid;
}
.quality .post2:after {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border-color: transparent #fff transparent transparent ;
}
.quality .post1:after {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-color: #fff transparent transparent ;
}
.quality .post3:after {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-color: transparent transparent transparent #fff;
}
.lian {
    padding: 0 7vw 20vw;
}
.lian img {
    width: 100%;
    height: 100%;
    display: block;
}