.cnav-center {
    position: absolute;
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2.5rem;
    height: 2.5rem;
    background: #b5d0f6;
    border-radius: 50%;
    overflow: hidden;
    z-index: 90;
    border: .125rem solid #b5d0f6;
    font-size: .525rem;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    line-height: 2.2rem;
}

.cnav-r-one img {
    width: .625rem !important;
    position: absolute;
    top: .85rem;
    left: .1rem;
}

.cnav-l {
    width: 1.875rem;
    height: 3.75rem;
    border-radius: 150px 0 0 150px;
    position: absolute;
    left: 57%;
    top: 41%;
    z-index: 80;
    transform: rotate(299deg);
}

.cnav-l-one {
    width: 1.875rem;
    height: 1.875rem;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: 1.875rem 1.875rem;
    color: #fff;
    box-sizing: border-box;
}

.cnav-l-one:nth-child(1) {
    transform: rotate(38deg) skewX(40deg);
}

.cnav-l-one:nth-child(2) {
    transform: rotate(-13deg) skewX(40deg);
}

.cnav-l-one a {
    transform-origin: 100% 100%;
    display: block;
    width: 1.5rem;
    height: .125rem;
    position: absolute;
    right: 0;
    bottom: -0.125rem;
    line-height: .375rem;
    transform: skewX(-40deg) rotate(20deg);
    transform-origin: 100% .125rem;
    color: #fff;
    line-height: .25rem;
    text-decoration: none;
}

.cnav-l-one a span {
    display: block;
    width: .75rem;
    height: .5rem;
    position: absolute;
    left: -0.375rem;
    top: -0.3125rem;
    text-align: center;
    transform: rotate(-90deg);
    cursor: pointer;
    display: none;
    font-size: 14px;
    color: #EDF4F7;
}

.cnav-r {
    width: 6.85rem;
    height: 6.875rem;
    overflow: hidden;
    transform: rotate(0deg);
    opacity: 0;
    border-radius: 50%;
    position: absolute;
    top: 17%;
    left: 18%;
    z-index: 50;
    transition: all ease-in-out 0.5s;
}

.cnav-r-one {
    width: 6.85rem;
    height: 6.875rem;
    position: absolute;
    top: -50%;
    left: -50%;
    transform-origin: 6.85rem 6.875rem;
    color: #fff;
    border: 1px solid #fff;
    box-sizing: border-box;
    background: rgba(83, 83, 83, .6);
    cursor: pointer;
}

.cnav-r-one:nth-child(1) {
    transform: rotate(0deg) skewX(43deg);
}

.cnav-r-one:nth-child(2) {
    transform: rotate(47deg) skewX(43deg);
}

.cnav-r-one:nth-child(3) {
    transform: rotate(94deg) skewX(43deg);
}

.cnav-r-one:nth-child(4) {
    transform: rotate(141deg) skewX(44deg);
}

.cnav-r-one:nth-child(5) {
    transform: rotate(187deg) skewX(43deg);
}

.cnav-r-one a {
    transform-origin: 100% 100%;
    display: block;
    width: 1.625rem;
    height: .125rem;
    position: absolute;
    right: 0;
    bottom: -0.125rem;
    line-height: .375rem;
    transform: skewX(-43deg) rotate(20deg);
    text-align: center;
    transform-origin: 100% .125rem;
    color: #fff;
    text-decoration: none;
}

.cnav-r-one a span {
    display: block;
    position: absolute;
    left: -1.75rem;
    top: -0.5rem;
    transform: rotate(-89deg);
    overflow: visible;
    cursor: pointer;
    font-size: 14px;
}

.cnav-space2 {
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    left: -1.25rem;
    top: -1.25rem;
    border-radius: 50%;
    overflow: hidden;
    z-index: 60;
    background: rgba(255, 255, 255, 1);
}

.csubnav-1 {
    opacity: 1;
    transform: rotate(-76deg);
    z-index: 51;
}

.rotate0 {
    transform: rotate(120deg);
    opacity: 0;
    z-index: 50;
}

.rotate {
    transform: rotate(-76deg);
    opacity: 1;
    z-index: 51;
}

.yuan {
    position: relative;
    width: 54.42%;
    height: 100%;
    margin-top: .4125rem;
}

.yuan img {
    width: 100%;
}

.dian1 {
    width: 100% !important;
}

.yuanbox {
    display: flex;
    justify-content: space-between;
}

.yuan-r {
    width: 38%;
}
.yuan-r div ul{
	    padding-inline-start: 5px;
}
.yuan-r div ul li{
	list-style: none;
	float: left;
	width: 50%;
	line-height: 2;
	font-size: 16px;
	font-family: 微软雅黑, "Microsoft YaHei";
}
.yuan-r div ul li a{
	    color: #000;
	    text-decoration: none;
}
.yuan-r .yuan-r-tit {
    font-size: .6rem;
    font-weight: bold;
    color: #004BA0;
    margin-bottom: .625rem;
    margin-top: 2.4125rem
}

.yuan-r p {
    font-size: .3rem;
    color: #000000;
    line-height: .75rem;
    text-align: justify;
}


/* ================================================= */