.cp1 .com-tit .small::after {
    display: none;
}

.cp1 .p1 {
    padding-bottom: 1.8rem;
}

.cp1 .p1-list {
    margin-bottom: .7rem;
    display: flex;
    justify-content: space-between;
}

.cp1 .p1-list .item {
    position: relative;
    flex: 1;
    text-align: center;
}

.cp1 .p1-list .item::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 1.5rem;
    background: #a2a1a1;
    bottom: 0;
    right: 0;
}

.cp1 .p1-list .item:last-child::after {
    display: none;
}

.cp1 .p1-list .item img {
    width: .67rem;
}

.cp1 .p1-list .item .tit {
    font-size: .3rem;
    font-weight: bold;
    color: #595757;
    margin-top: .15rem;
    margin-bottom: .25rem;
}

.cp1 .p1-list .item .desc {
    font-size: .18rem;
    font-weight: bold;
    line-height: .3rem;
    color: #595757;
}

.cp1 .p2,
.cp1 .p3,
.cp1 .p4,
.cp1 .p5{
    position: relative;
    margin-bottom: 2rem;
}
.cp1 .p2::before,
.cp1 .p3::before,
.cp1 .p4::before,
.cp1 .p5::before{
    content: "";
    position: absolute;
    top: -.6rem;
    width: 12rem;
    height: 3.8rem;
    background: #f0f0f1;
}
.cp1 .p3::before,
.cp1 .p5::before{
    right: 0;
}
.cp1 .p2 .p2-cont,
.cp1 .p3 .p3-cont,
.cp1 .p4 .p4-cont,
.cp1 .p5 .p5-cont{
    position: relative;
    display: flex;
    justify-content: space-between;
}
.cp1 .p2 .img-box,
.cp1 .p3 .img-box,
.cp1 .p4 .img-box,
.cp1 .p5 .img-box
 {
    width: 6.7rem;
    height: 4rem;
    flex: 0 0 6.7rem;
    position: relative;
}

.cp1 .p2 .img-box .img-desc,
.cp1 .p3 .img-box .img-desc,
.cp1 .p4 .img-box .img-desc,
.cp1 .p5 .img-box .img-desc
 {
    padding-left: .35rem;
    box-sizing: border-box;
    position: absolute;
    top: .3rem;
    left: -.3rem;
    width: 3.25rem;
    height: .8rem;
    line-height: .8rem;
    background: #eea83f;
    font-size: .48rem;
    font-weight: bold;
    color: #000;
}

.cp1 .p2 .img-box .img-desc span,
.cp1 .p3 .img-box .img-desc span,
.cp1 .p4 .img-box .img-desc span,
.cp1 .p5 .img-box .img-desc span
 {

    margin-right: .2rem;
    font-size: .54rem;
    font-weight: normal;
    color: #fff;
    font-style: italic;
}

.cp1 .p2 .img-box img,
.cp1 .p3 .img-box img,
.cp1 .p4 .img-box img,
.cp1 .p5 .img-box img
 {
    width: 6.7rem;
    height: 4rem;
}
.cp1 .p2 .txt-box,
.cp1 .p3 .txt-box,
.cp1 .p4 .txt-box,
.cp1 .p5 .txt-box{
    position: relative;
    flex: 1;
    
    
}
.cp1 .p2 .txt-box{
    margin-top: -.3rem;
}
.cp1 .p2 .txt-box,
.cp1 .p4 .txt-box{
    margin-right: .7rem;
}
.cp1 .p3 .txt-box,
.cp1 .p5 .txt-box{
    margin-left: .7rem;
}
.cp1 .p2 .txt-box .other,
.cp1 .p3 .txt-box .other,
.cp1 .p4 .txt-box .other,
.cp1 .p5 .txt-box .other{
    width: 100%;
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-between;

}
.cp1 .p2 .txt-box .other .other-desc,
.cp1 .p3 .txt-box .other .other-desc,
.cp1 .p4 .txt-box .other .other-desc,
.cp1 .p5 .txt-box .other .other-desc{
    font-size: .16rem;
    font-weight: bold;
    line-height: .3rem;
    color: #eea83f;
}
.cp1 .p2 .txt-box .other a,
.cp1 .p3 .txt-box .other a,
.cp1 .p4 .txt-box .other a,
.cp1 .p5 .txt-box .other a{
    width: 1.7rem;
    height: .5rem;
    line-height: .5rem;
    border-radius: .25rem;
    background: #eea83f;
    text-align: center;
    font-size: .24rem;
    color: #fff;
}
.cp1 .p2 .txt-box .txt-list,
.cp1 .p3 .txt-box .txt-list,
.cp1 .p4 .txt-box .txt-list,
.cp1 .p5 .txt-box .txt-list{
    display: flex;
    justify-content: space-between;
}
.cp1 .p4 .txt-box{
    padding-top: .5rem;
}
.cp1 .p5 .txt-box{
    padding-top: .6rem;
}
.cp1 .p4 .txt-box .txt-list .txt-item,
.cp1 .p5 .txt-box .txt-list .txt-item
{
    border-right: 1px solid #595757;
    
}
.cp1 .p4 .txt-box .txt-list .txt-item,
.cp1 .p5 .txt-box .txt-list .txt-item
{
    padding-right: .2rem;
    margin-right: .2rem;
}
.cp1 .p5 .txt-box .txt-list .txt-item{
    padding-right: .1rem;
}
.cp1 .p4 .txt-box .txt-list .txt-item:last-child,
.cp1 .p5 .txt-box .txt-list .txt-item:last-child{
    padding-right: 0;
    border-right: none;
}
.cp1 .p2 .txt-box .item-tit,
.cp1 .p3 .txt-box .item-tit,
.cp1 .p4 .txt-box .item-tit,
.cp1 .p5 .txt-box .item-tit{
    margin-bottom: .2rem;
    font-size: .28rem;
    font-weight: bold;
    color: #595757;
    white-space: nowrap;
}

.cp1 .p2 .txt-box .item-cont,
.cp1 .p3 .txt-box .item-cont,
.cp1 .p4 .txt-box .item-cont,
.cp1 .p5 .txt-box .item-cont{
    font-size: .16rem;
    line-height: .3rem;
    /*color: #595757;*/
}

.cp1 .p4 .txt-box .item-cont>div,
.cp1 .p5 .txt-box .item-cont>div{
    display: flex;
    white-space: nowrap;
}
.cp1 .p4 .txt-box .item-cont>div span,
.cp1 .p5 .txt-box .item-cont>div span
{
    padding-right: .1rem;
}

.cp2 .com-tit .small::after {
    display: none;
}

.cp2 .p1-cont {
    margin-bottom: 1.3rem;
    position: relative;
}

.cp2 .p1-cont::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: .9rem;
    height: .8rem;
    background: url(../img/cp/cp2-ar.png) center no-repeat;
    background-size: 100%;
}

.cp2 .p1-cont::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(180deg);
    width: .9rem;
    height: .8rem;
    background: url(../img/cp/cp2-ar.png) center no-repeat;
    background-size: 100%;
}

.cp2 .p1-cont .inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.cp2 .p1-cont .inner::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 11.8rem;
    height: 4.25rem;
    background: #f0f0f1;
}

.cp2 .p1-cont .inner {
    display: flex;
    justify-content: space-between;
}

.cp2 .p1-cont .inner .item {
    position: relative;
    z-index: 1;
    width: 2.8rem;
    flex: 0 0 2.8rem;
}

.cp2 .p1-cont .inner .item:nth-of-type(2) {
    margin-top: 1.1rem;
}

.cp2 .p1-cont .inner .item:nth-of-type(3) {
    margin-top: 2.15rem;
}

.cp2 .p1-cont .inner .item:nth-of-type(4) {
    margin-top: 3.15rem;
}

.cp2 .p1-cont .inner .item .tit {
    margin-bottom: .45rem;
    font-size: .34rem;
    font-weight: bold;
    color: #595757;
}

.cp2 .p1-cont .inner .item .tit span {
    font-size: .58rem;
}

.cp2 .p1-cont .inner .item:nth-of-type(odd) .tit span {
    color: #eea83f;
}

.cp2 .p1-cont .inner .item:nth-of-type(even) .tit span {
    color: #276fa5;
}

.cp2 .p1-cont .inner .item .desc {
    margin-bottom: .75rem;
    font-size: .18rem;
    line-height: .36rem;
    color: #595757;
    font-weight: bold;
}

.cp2 .p1-cont .inner .item .img-box {
    width: 2.8rem;
    height: 1.76rem;
}

.cp2 .p1-cont .inner .item .img-box img {
    width: 2.8rem;
    height: 1.76rem;
}

.cp3 {
    position: relative;
}

.cp3::before {
    content: "";
    position: absolute;
    right: 0;
    top: -.9rem;
    width: 6.83rem;
    height: 7.85rem;
    background: url(../img/cp/cp3-img0.png) center no-repeat;
    background-size: 100%;
}

.cp3 .com-tit .small::after {
    display: none;
}

.cp3 .p1-cont {
    padding-bottom: 3.1rem;
    padding-top: 2.6rem;
    background: url(../img/cp/cp3-bg.png) center top no-repeat;
    background-size: 100%;
    display: flex;
    justify-content: space-between;
}

.cp3 .p1-cont .item {
    position: relative;
    width: 4.4rem;
}

.cp3 .p1-cont .item .item-tit {
    position: absolute;
    left: 50%;
    top: -1.8rem;
    transform: translateX(-50%);
    padding: .22rem;
    width: 2.54rem;
    height: 2.54rem;
    border-radius: 50%;
    border: 1px dashed #000;
}

.cp3 .p1-cont .item .item-tit span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #eda73f;
    font-size: .36rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.cp3 .p1-cont .item .img-box {
    margin-bottom: .5rem;
    width: 4.4rem;
    height: 2.5rem;
}

.cp3 .p1-cont .item .img-box img {
    width: 4.4rem;
    height: 2.5rem;
}

.cp3 .p1-cont .item .desc {
    font-size: .18rem;
    line-height: .32rem;
    /*color: #595757;*/
    text-align: center;
}