.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: #fff; position: fixed; width: 60vw; top: 75vh; left: 20vw; color: #333333; border-top-left-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: 35%; position: relative; overflow: hidden;}
.cMenu-nr .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s; border-radius: 10px;}
.cMenu-nr .font{ padding-left: 3%;}
.cMenu-nr .tit{ color: #333333; font-size: 32px; font-weight: bold;}
.cMenu-nr .con{ margin: 5% 0; color: #333333; font-size: 16px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.cMenu-nr .line{ border-top: 1px solid #e7e7e7;}
.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: #d10a30; margin-right: 10px;}
.cMenu-nr table tr td{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cMenu-nr a{ display: block; width: 40%;}
.cMenu-nr .dg{ height: 50px; line-height: 50px; width: 100%; font-size: 16px; color: #fff; border-radius: 25px; background-image: linear-gradient(to right,#ca0000,#fd765b);}
.cMenu-nr .dg i{ font-size: 20px; margin-right: 10px;}
.cMenu-nr .tel{ margin-left: 5%;}
.cMenu-nr .tel .float-start{ padding-left: 10px; line-height: 25px;}
.cMenu-nr .tel .float-start p{ font-size: 12px; color: #585858;}
.cMenu-nr .tel .float-start span{ color: #000; font-size: 24px;}



#cMenu .close{ text-align: right; position: absolute; right: -40px; top: -40px; 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-nr .dg{ height: 40px; line-height: 40px; font-size: 14px;}
    #cMenu .close{ right: -20px !important; top: -20px !important;}
}
@media screen and (max-width:1200px){
    .cMenu-nr .tit{ font-size: 22px;}
    .cMenu-nr .tel{ display: none !important;}
    .cMenu-nr a{ width: 60%;}
    #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:950px){
    .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;}
    .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-nr .dg{ display: none !important;}
    #cMenu .close{ display: none;}
}
@media screen and (max-width:768px){
    #cMenu{ left: 5vw; width: 90vw;}
}