.right-menu{ cursor: pointer;}
.cNav{ background: #2051bf; width: 88px; position: fixed; right: 0; top: 25%; z-index: 99; padding: 1% 0;}
.cNav ul li{ writing-mode: vertical-lr; color: #fff; text-align: center; width: 100%; padding: 20% 33%; letter-spacing: 2px; font-size: 16px; text-transform: uppercase; position: relative; cursor: pointer; transition: 0.3s;}
.cNav ul li i{ display: inline-block;}
.cNav ul li a{ color: #fff; transition: 0.3s;}
.cNav ul li:before{ position: absolute; left:40%; bottom: 0; content: ''; width: 20%; height: 1px; background:rgba(255,255,255,0.2); }
.cNav ul li a:hover{ color: #ff5537;}
.cNav ul li:hover{ color: #ff5537;}

#cMenu-bg{ display: none; width: 100vw; height: 100vh; background: rgba(0,0,0,.7); position: fixed;z-index: 1000; top: 0; }
#cMenu{ background: url("../images/cpinfo_bj.png") repeat center #fff; position: fixed; width: 60vw; top: 35vh; left: 20vw; color: #333333; border-radius: 50px;
    z-index: 1300;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    right: 0;
    bottom: 0;
    opacity: 0;
    height: 0;
}
.cMenu-nr{ position: relative; margin: 5%; }
.cMenu-nr .pic{ display: block; height: 0; padding-bottom: 50%; position: relative; overflow: hidden;}
.cMenu-nr .pic p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s; text-align: center;}
.cMenu-nr .pic p img{ max-width: 100%; max-height: 100%;}
.cMenu-nr .font{ padding-left: 3%;}
.cMenu-nr .tit{ color: #333333; font-size: 44px; font-weight: bold; height: 50px; line-height: 50px; margin-bottom: 5% !important;}
.cMenu-nr .tit_1{ height: 25px; background: #e5310c; color: #fff; line-height: 25px; border-radius: 15px; float: left; padding: 0 20px; margin: 5% 0 3%;}
.cMenu-nr dl,.cMenu-nr dl dd{ margin: 0 !important;}
.cMenu-nr dl dd{ font-size: 14px; color: #e5310c; height: 30px; border: 1px solid #e5310c; border-radius: 15px; padding: 0 20px; margin: 0 5px !important;}
.cMenu-nr .con{ margin: 5% 0; color: #333333; font-size: 16px;}
.cMenu-nr .line{ background: url("../images/cpinfo_line.png") repeat-x center; height: 3px; width: 100%;}
.cMenu-nr table{ width: 100%; margin: 5% 0; line-height: 40px;}
.cMenu-nr table tr{ width: 50%; float: left; color: #333333; font-size: 15px;}
.cMenu-nr table tr i{ float: left; font-size: 12px; color: #e5310c; margin-right: 10px;}
.cMenu-nr table tr td{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


#cMenu .close{ text-align: right; position: absolute; right: -20px; top: -20px; z-index: 1;}
#cMenu .close img{ max-width: 100%; max-height: 100%; transition:1s;}
#cMenu .close:hover img{ transform: rotate(360deg);}

#cMenu1{
    display: flex;
    pointer-events: auto;
    transform: scale(1, 0);
    opacity:0;
}

@media screen and (max-width:1800px){
}
@media screen and (max-width:1600px){
    #cMenu{ left: 15vw; width: 70vw;}
}
@media screen and (max-width:1440px){
    .cMenu-nr table tr{ font-size: 12px;}
    .cMenu-nr table tr i{ display: none;}
    .cMenu-nr .pic{ padding-bottom: 32% !important;}
    #cMenu .close{ right: -20px !important; top: -20px !important;}
}
@media screen and (max-width:1200px){
    .cMenu-nr .tit{ font-size: 22px;}
    #cMenu{ border-top-left-radius: 30px;}
}
@media screen and (max-height:800px){
    .cMenu-nr{ margin: 4%;}
    .cMenu-nr .pic{ padding-bottom: 27%;}
    .cMenu-nr .con,.cMenu-nr table{ margin: 2% 0;}
    .cMenu-nr .tit{ font-size: 26px;}
    .cMenu-nr .con{ font-size: 14px;}
    .cMenu-nr table{ line-height: 35px;}
    .cMenu-nr table tr{ font-size: 12px;}
    #cMenu .close{ right: -30px; top: -30px;}
}
@media screen and (max-height:995px){
    .cMenu-nr{ margin: 4%;}
    .cMenu-nr .pic{ padding-bottom: 32%;}
    .cMenu-nr .con,.cMenu-nr table{ margin: 2% 0;}
    .cMenu-nr .tit{ font-size: 26px; margin-bottom: 0 !important;}
    .cMenu-nr .con{ font-size: 14px;}
    .cMenu-nr table{ line-height: 35px;}
    .cMenu-nr table tr{ font-size: 14px;}
    #cMenu .close{ right: -30px; top: -30px;}
}
@media screen and (max-width:991px){
    #cMenu{ overflow-y: auto;}
    .cMenu-nr .pic{ padding-bottom: 45% !important;}
    .cMenu-nr .font{ padding-top: 5%;}
    .cMenu-nr .tit{ font-size: 18px;}
    .cMenu-nr .con,.cMenu-nr table{ margin: 2% 0;}
    .cMenu-nr .con{ font-size: 12px; line-height: 25px;}
    .cMenu-nr table tr{ line-height: 25px;}
    #cMenu .close{ display: none;}
}
@media screen and (max-width:768px){
    #cMenu{ left: 5vw; width: 90vw;}
    .cMenu-nr dl dd{ padding: 0 5px; font-size: 12px;}
}