/* 底部样式 */
.bottoms .footers {
    background: #7faf9c;
    padding: 40px 0 24px;
}

.bottoms .cooperative,
.bottoms .footers .content {
    position: relative;
    width: 1180px;
    margin: 0 auto;
}

.bottoms .cooperative {
    border-top: 1px solid #EEEFF0;
    padding-top: 60px;
}

.bottoms .cooperative ul {
    min-height: 136px;
    text-align: center;
}

.bottoms .cooperative ul li {
    padding: 30px 0 55px;
    width: 145px;
    margin-right: 40px;
    display: inline-block;
}

.bottoms .cooperative ul li:last-child {
    margin: 0;
}

.bottoms .cooperative ul li img {
    width: 100%;
}

.bottoms .cooperative .titles {
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #010203;
    letter-spacing: 0;
    text-align: center;
}

.bottoms .footers .content .rows {
    display: inline-block;
}

.bottoms .footers .content .bleft,
.bottoms .footers .content .bright {
    float: left;
}

.bottoms .footers .content .bleft {
    position: relative;
    width: 333px;
}

.bottoms .footers .content .bleft:after {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    width: 1px;
    height: calc(100% - 18px);
    background: #DBDCDD;
    transform: translateY(-50%);
}

.bottoms .footers .content .bright {
    width: calc(100% - 333px);
    padding: 19px 0 0 32px;
    box-sizing: border-box;
}


.bottoms .footers .content .bleft .logo {
    padding-left: 25px;
    display: inline-block;
    font-size: 22px;
    color: #81BF8E;
    font-weight: 900;
    line-height: 76px;
    /* background: url(/static/image/16+logo.png) no-repeat left center;
    background-size: 76px; */
    margin-bottom: 8px;
}

.bottoms .footers .content .bleft .hello {
    font-family: SourceHanSansCN-Normal;
    padding: 0 30px;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    margin-bottom: 24px;
}

.bottoms .footers .content .bleft .copyright {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 24px;
    padding: 0 14px;
    padding: 0 30px;
}

.bottoms .footers .content .bleft .copyright p {
    padding: 3px 0;
}

.bottoms .footers .content .bright ul {
    padding-left: 14px;
}

.bottoms .footers .content .bright ul li {
    position: relative;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 26px;
    padding: 7px 0 7px 45px;
    max-width: 600px;
    word-break: break-word;
    list-style: none;
}
.bottoms .footers .content .bright ul li a{color: #ffffff;}
.bottoms .footers .content .bright ul li:before {
    position: absolute;
    display: inline-block;
    content: '';
    left: 0;
    top: 4px;
    width: 32px;
    height: 32px;
    background-color: #58be91;
    border-radius: 50%;
}

.bottoms .footers .content .bright ul li.re:before {
    background: #F56363;
}

.bottoms .footers .content .bright ul li.addr:before {
    background-image: url(/static/image/index/ic_foot_addr.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
}

.bottoms .footers .content .bright ul li.phone:before {
    background-image: url(/static/image/index/ic_foot_phone.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
}

.bottoms .footers .content .bright ul li.email:before {
    background-image: url(/static/image/index/ic_foot_email.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
}

.bottoms .footers .content .bright ul li.email2:before {
    background-image: url(/static/image/index/ic_foot_hezuo.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
}

.bottoms .footers .content .qrcode {
    position: absolute;
    right: 0;
    top: 10px;
}
.footers .qrcode .oneBox{
	float: left;
    background: #EEEFF0;
    padding: 10px 10px 0;
}
.footers .qrcode .oneBox:last-child{margin-left: 64px;}
.bottoms .footers .content .qrcode img {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    margin-bottom: 5px;
}

.bottoms .footers .content .qrcode span {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #58be91;
    letter-spacing: 0;
    line-height: 60px;
    z-index: 1;
}



@media (max-width: 1679px) {
    .bottoms .cooperative,
    .bottoms .footers .content {
        width: 980px;
    }

    .bottoms .cooperative .titles {
        font-size: 16px;
    }

    .bottoms .cooperative ul {
        min-height: 110px;
    }

    .bottoms .cooperative ul li {
        width: 120px;
        padding: 26px 0 42px;
    }
 

    .bottoms .footers .content .bright ul li {
        max-width: 380px;
        font-size: 14px;
        padding-left: 38px;
    }

    .bottoms .footers .content .bright ul li:before {
        background-size: 16px;
        width: 28px;
        height: 28px;
    }
}


@media (max-width: 768px) {
    .bottoms .cooperative,
    .bottoms .footers .content {
        width: 100%;
    }

    .bottoms .cooperative {
        width: calc(100% - 50px);
        padding: 15px 0 0;
    }

    .bottoms .cooperative .titles {
        text-align: left;
        margin-bottom: 19px;
    }

    .bottoms .cooperative ul li {
        width: calc((100% - 54px) / 3);
        padding: 0;
        display: block;
        float: left;
    }

    .bottoms .cooperative ul li,
    .bottoms .cooperative ul li:last-child {
        margin: 0 27px 15px 0;
    }

    .bottoms .cooperative ul li:nth-child(3) {
        margin-right: 0;
    }

    .bottoms .footers {
        padding: 39px 20px 20px;
    }

    .bottoms .footers .content .bleft .logo {
        padding-left: 38px;
        font-size: 12px;
        background-size: 38px;
        line-height: 38px;
        margin-bottom: 4px;
    }

    .bottoms .footers .content .bleft .hello {
        font-family: SourceHanSansCN-Normal;
        font-size: 8px;
        color: #2C2D2D;
        letter-spacing: 0;
        padding: 0 15px 0;
        margin-bottom: 55px;
    }

    .bottoms .footers .content .bleft {
        width: 100%;
        text-align: justify;
    }

    .bottoms .footers .content .bleft,
    .bottoms .footers .content .bright {
        float: initial;
    }

    .bottoms .footers .content .bright {
        padding-left: 10px;
        width: calc(100% - 10px);
        margin-bottom: 29px;
    }

    .bottoms .footers .content .bright ul {
        padding: 0;
    }

    .bottoms .footers .content .bright ul li:before {
        width: 20px;
        height: 20px;
    }

    .bottoms .footers .content .bright ul li.addr:before,
    .bottoms .footers .content .bright ul li.phone:before,
    .bottoms .footers .content .bright ul li.email:before,
    .bottoms .footers .content .bright ul li.email2:before {
        background-size: 14px;
    }

    .bottoms .footers .content .bright ul li {
        padding: 2px 0 2px 30px;
        font-size: 14px;
        color: #474849;
    }

    .bottoms .footers .content .bleft .copyright {
        padding-left: 5px;
    }

    .bottoms .footers .content .bleft .copyright p {
        font-size: 12px;
        padding: 0;
        line-height: 18px;
    }

    .bottoms .footers .content .bleft:after {
        display: none;
    }

    .bottoms .footers .content .qrcode {
        top: -16px;
        right: 5px;
        padding: 5px 5px 0;
    }

    .bottoms .footers .content .qrcode img {
        width: 50px;
        height: 50px;
        margin-bottom: 0;
    }

    .bottoms .footers .content .qrcode span {
        font-size: 7px;
        line-height: 30px;
        transform: scale(.6);
    }
}

.susRight{
	position: fixed;
	right: 0;
	top: 50%;
	padding: 16px 8px;
	background: #F9F9F9;
	border-radius: 7px 0px 0px 7px;
	text-align: center;
	font-size: 12px;
	color: #333333;
	transform: translateY(-50%);
	z-index: 99;
}
.susRight .oneBox{cursor: pointer;}
.susRight .oneBox:last-child{margin-top: 24px;}
.susRight .oneBox p{margin-top: 8px;}