.g-nav li {
    margin-left: 20px;}

@media only screen and (max-width: 1680px){
.g-nav li {
    margin-left: 20px;}
}
.xxbm .down{width:140px !important;}
.xxbm .down a{    font-size: 17px !important;}
.g-nav2 .scroll li{width: 20%;padding-right: 0px;}
.g-nav2 .scroll li:nth-child(4n){border-right:1px solid rgba(255,255,255,.24);}
.g-nav2 .scroll li:nth-child(6n){border-left:none;}
/*样式*/
.hd-t input::-webkit-input-placeholder { /* chrome/opera/safari */
    color: #ffffff;}
.hd-t input:-ms-input-placeholder { /* ie 10+ */
    color: #ffffff;}
.hd-t input:-moz-placeholder { /* firefox 18- */
    color: #ffffff;
    opacity: 1;}
.hd-t input::-moz-placeholder { /* firefox 19+ */
    color: #ffffff;
   opacity: 1;}

.ban{
   min-height:130px;}

/* 通知框样式 */
        .notification-box {
            background-color: rgba(0, 39, 108, 0.06); /* #00276c10 */
            border: 1px solid #0f275033;
            border-radius: 12px;
            padding: 20px 180px;
            margin: 30px auto;
            display: flex;
            align-items: center;
            justify-content: space-between;

            position: relative;

            transition: all 0.3s ease;}
        
        .notification-content {
            display: flex;
            align-items: center;
            flex: 1;}
        
        .icon-container {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 20px;
            flex-shrink: 0;}
        
        .exclamation-icon {
            width: 30px;
            height: 30px;
            background-color: #00276c;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 20px;}
        
        .notification-text {
            color: #616161;
            font-size: 1.1rem;
            line-height: 1.6;
            flex: 1;}
        
        .action-button {
            background-color: #00276c;
            color: white;
            border: none;
            padding: 6px 22px;
            border-radius: 30px;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
            text-align: center;
            margin-left: 20px;
            flex-shrink: 0;}
        
        .action-button:hover {
            background-color: #b31805;
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
        
        .close-button {
            position: absolute;
            top: -10px;
            right: -10px;
            width: 0px;
            height: 0px;
            background-color: #00276c;
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 16px;
            transition: all 0.3s ease;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}
        
        .close-button:hover {
            background-color: #b31805;
            transform: rotate(90deg);}

        .close-button i {
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    width: 100%;
                    height: 100%;
                    background-position: center center;
                    background-size: .6em;
                    background-repeat: no-repeat;
                    background-image: url(images/close-btn.svg);
                    transition: all 0.6s ease 0s;}
                
        .close-button i:hover {
                    transform: rotate(90deg);}
                
        /* 响应式设计 */
        @media (max-width: 768px) {
            .notification-box {
                flex-direction: column;
                text-align: center;
                padding: 10px;}
            
            .notification-content {
                flex-direction: column;
                margin-bottom: 10px;}
            
            .icon-container {
                margin-right: 0;
                margin-bottom: 10px;}
            
            .action-button {
                margin-left: 0;
                margin-top: 0px;
                font-size: 1em;}
            
            .notification-text {
                margin-bottom: 0px;
                font-size: 1.1em;}
        }
.pb_sys_style2 .p_no_d {
    border: 1px solid #093c7d !important;
    color: #fff;
    background-color: #093c7d !important;}

.g-box{
    padding: 50px 0 85px !important;}
@charset "utf-8";

 
@keyframes scaleToggleOne { 0 {
transform:scale(1);
-webkit-transform:scale(1)
;}
50% {
transform:scale(2);
-webkit-transform:scale(2)
;}
100% {
transform:scale(1);
-webkit-transform:scale(1)
;}
}
@keyframes scaleToggleTwo { 0 {
transform:scale(1);
-webkit-transform:scale(1)
;}
20% {
transform:scale(1);
-webkit-transform:scale(1)
;}
60% {
transform:scale(2);
-webkit-transform:scale(2)
;}
100% {
transform:scale(1);
-webkit-transform:scale(1)
;}
}
@keyframes scaleToggleThree { 0 {
transform:scale(1);
-webkit-transform:scale(1)
;}
33% {
transform:scale(1);
-webkit-transform:scale(1)
;}
66% {
transform:scale(2);
-webkit-transform:scale(2)
;}
100% {
transform:scale(1);
-webkit-transform:scale(1)
;}
}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both ;}
.livechat-girl { width: 60px; height: 60px; border-radius: 50%; position: fixed; bottom: 0; right: 40px; opacity: 0;  z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) ;}
.livechat-girl:focus { outline: 0 ;}
.livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) ;}
.livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #ed0c0c, #ed0c0c); position: absolute; right: 1px; top: 1px; z-index: 50 ;}
.livechat-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50 ;}
.livechat-girl .animated-circles .circle { background: rgb(9 60 125 / 5%); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) ;}
.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards ;}
.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards ;}
.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards ;}
.livechat-girl.animation-stopped .circle { opacity: 0!important ;}
.livechat-girl.animation-stopped .circle { opacity: 0!important ;}
.livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) ;}
.livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 ;}
.livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) ;}
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important ;}
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis ;}
@media only screen and (max-width:1599px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important ;}
}
@media only screen and (max-width:1309px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important ;}
}
@media only screen and (max-width:1124px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important ;}
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 ;}
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 ;}
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 ;}
.rd-notice-type-success { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) ;}
.rd-notice-type-success .rd-notice-content { background-color: #093c7d ;}
.rd-notice-type-success:after { background-color: #093c7d; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) ;}
.rd-notice-position-left { margin-left: -20px ;}
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px ;}
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap ;}

@media only screen and (max-width:767px) {
.livechat-girl{right: 10px;}
}