/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}
/*ù*/
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
body {font:12px/1.5 '\5FAE\8F6F\96C5\9ED1';padding-top:0px;text-align:justify;background-color:#0d1d34;overflow-x:hidden;}
a {text-decoration:none;overflow:hidden;}
a:hover {text-decoration:none;}
.wrap,#footer_ied,.ost,#afooter,body,#ost_box,#topbar,#_overlay_{min-width:1200px;width:100%;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1202?'1200px':'');}
html{min-width:1200px;}
.container {width:1200px;margin:0 auto;}
.pr{position:relative;}
.pa{position:absolute;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.db{display:block;text-indent:-999em;}
.fl{float:left;}
.fr{float:right;}
a:hover{filter: contrast(130%);}

/* head */
.container{height: 985px;width: 1200px;}
/* content */
.wrap {background:url(../images/bg.jpg) no-repeat 100% 0;position: relative;overflow-x:hidden;}

/*part1*/
.head{width: 1200px;margin: 0 auto;display: flex;height: 78px;justify-content: space-between;align-items: center;position: relative;}

.logo{display: block;background: url(../images/logo.png) no-repeat;width: 80px;height: 53px;}
.go_btn{width: 380px;display: flex;justify-content: space-around;}
.hjf-btn{display: block;background: url(../images/hjf-btn.png) no-repeat;width: 178px;height: 36px;}
.zsf-btn{display: block;background: url(../images/zsf-btn.png) no-repeat;width: 178px;height: 36px;}


.cont1{
    width: 1200px;
    display: flex;
    margin: 120px auto 73px;
    justify-content: space-between;
    height: 525px;

}
.cont-left{width: 721px;}
.ban-bg{background: url(../images/banner-bg.png) no-repeat;width: 701px;height: 390px;display: block;padding: 10px;}
.ban-bg img{width: 701px;height: 390px;}
.ban-bg:hover{filter: contrast(110%);}
.swiper{width: 721px;overflow: hidden;}

.nbmodulea-menu{width: 721px;height: 107px;margin-top: 10px;display: flex;justify-content: space-between}

.x-img{width: 137px;height: 107px;display: block;position: relative;opacity: .8;}
.x-img.on{opacity: 1;}
.x-img img{width: 137px;height: 107px;}
.x-tit{position: absolute;bottom: 5px;background: url(../images/x-bg.png) no-repeat;width: 126px;height: 28px;text-align: center;line-height: 28px;color: #ffe693;font-size: 15px;left: 5px;}

.cont-right{width: 440px;position: relative;}
.xw-tit{background: url(../images/xw-tit.png) no-repeat;width: 81px;height: 50px;}
.news{
    width: 440px;
}
.news li{
    height: 70px;
    line-height: 70px;
    border-bottom: 2px solid #446799;
}
.news li a{
    display: flex;
    justify-content: space-between
}
.sy_txt7 {
    color: #d4e6ff;
    font-size: 18px;
    text-align: left;
    width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sy_txt8{
    font-size: 18px;
    color: #6aadff;
    width: 120px;
    text-align: center;
}
.go-news{position: absolute;bottom: 0;right: 0;font-size: 20px;color: #6aadff;}


.food{width: 1200px;margin: 160px auto 0;display: flex;align-items: center;}
.food-left,.food-right{width: 215px;}
.title{background: url(../images/tit.png) no-repeat;width: 155px;height: 50px;}
.food-mid{display: flex;}
.btnpc{display: block;background: url(../images/download-btnpc.png) no-repeat;width: 378px;height: 76px;}
.btnwg{display: block;background: url(../images/download-btnwg.png) no-repeat;width: 378px;height: 76px;}
.khd-btn{display: block;font-size: 18px;color: #ffffff;text-align: right;}


/*Navigation*/
.nav{height: 80px;width:100%;position:absolute;top:0;left:0;z-index:9;z-index:3;overflow:hidden;-o-transition:height 0.5s ease-in-out;-moz-transition:height 0.5s ease-in-out;-webkit-transition:height 0.5s ease-in-out;-ms-transition:height 0.5s ease-in-out;transition:height 0.5s ease-in-out;z-index:100;background-color: #0d1b32;font-family: "rui";}
.nav-list{width:100%;height: 75px;box-sizing: border-box;padding-top: 20px;}
.nav-list li{position: relative;float:left;text-align:center;width: 100px;line-height: 45px;}
.nav-list li:nth-child(2){margin-left: -10px;}
.nav-logo{background-position: -488px -53px;width: 112px;height: 57px;margin: -12px 0 0 4px;display: inline-block;}
.nav-list li i {display: block;position: absolute;top: 15px;right: -1px;width: 2px;height: 10px;background-color: #d6d6d6;}
.nav .bord{border:0;}
.nav .firstopt{width:75px;}
.nav-link{font-size: 18px;line-height:26px;color: #d5d5d5;font-weight:bold;}
.nav-link:hover{color:#ffffff;text-decoration:none;}
.navexpand-list{width:100%;height:0;top: 75px;left: -72px;padding-left: 186px;box-sizing: border-box;}
.navexpand-list li{float:left;height:160px;width: 100px;padding-top:10px;box-sizing: border-box;border-right: 1px solid transparent;text-align:center;}
.navexpand-list .firstopt{width:100px;}
.navexpand-link{display:inline-block;padding: 6px 10px;line-height:19px;font-size: 14px;color: #d5d5d5;}
.navexpand-link:hover{color: #ffffff;}
.navexpand-glink{width: 157px;height: 44px;border: 2px solid #848789;font-size: 18px;color: #ebebeb;text-align: center;line-height: 44px;display: inline-block;border-radius: 8px;margin-top: -11px;}
.navexpand-xlink{width: 230px;height: 75px;font-size: 26px;color: #ffffff;text-align: center;line-height: 75px;background-color: #0846a9;display: inline-block;margin-top: -26px;}
.nav-list li:nth-child(1){width: 112px;}
.nav-list li:nth-child(2){width: 100px;margin-left: 8px;}
.nav-list li:nth-child(8){width: 159px;margin-left: 40px;}
.nav-list li:nth-child(9){width: 230px;margin-left: 17px;}
.navexpand-list li:nth-child(1){width: 108px;}
/*.nav:hover,.nav.nav-on .navexpand-list{height:0px;filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=371px) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=#000,gradientType=0.5);-ms-filter:alpha(opacity=100 finishopacity=0 style=0.5 startx=0,starty=0,finishx=0,finishy=271px) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=#000,gradientType=1);background:#000;background:-moz-linear-gradient(top, rgb(0, 0, 0), rgba(0, 0, 0, 0));background:-webkit-linear-gradient(top, rgba(0, 0, 0, 1), rgba(255, 255, 255, 0));background:-o-linear-gradient(top, red, rgba(0, 0, 255, 0.5));}*/


.nav.float-nav{position: fixed;top: 0;left: 0;z-index: 999;}


/*新开始*/
        bod1y {
            font-family: 'Microsoft YaHei', sans-serif;
            background-color: #0a1a3f;
            color: white;
            margin: 0;
            padding: 20px;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
                /* aaaaa和bbbbb之间的区域背景图 */
        .content1-background {
            background-image: url('../images/bg4.png');
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 1220px 1098px; 
      
        }
        
        /* 文字内容框架整体上下调整样式 */
        .content-adjustable {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 10px 0;
        }
        
        /* 内容区块上下间距调整 */
        .content-section {
            margin: 15px 0;
        }
        
        .section-title {
            color: #00bfff;
            font-size:  22px;
            margin-bottom: 10px;
            position: relative;
            padding-left: 10px;
        }
        .section-title::before {
            content: "*";
            color: #00bfff;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        .button-group {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 20px;
        }
        .btn {
            background-color: #0066cc;
            color: white;
            border: none;
            padding: 10px 15px;
            border-radius: 4px;
            cursor: pointer;
            transition: background-color 0.3s;
            font-size: 18px;
        }
        .btn:hover {
            background-color: #004d99;
        }
        .btn-large {
            width: 200px;
        }
        .btn-medium {
            width: 150px;
        }
        .btn-small {
            width: 120px;
        }
                .divider {
            border-top: 2px solid #0066cc;
            margin: 20px 0;
        }
        /* 网站底部样式 */

        
        /* 网站底部样式 */
        footer {
            background-color: #000;
            color: white;
            padding: 20px 0;
            margin-top: 30px;
            font-size: 16px; /* 增大底部整体字体大小 */
            background-image: url('footer-bg.jpg');
            background-repeat: no-repeat;
            background-position: center bottom;
            background-size: 100% auto; /* 自适应宽度 */
        }
        
        
        /* 添加可调整上下尺寸的类 */
        .footer-adjustable {
            resize: vertical;
            overflow: auto;
            min-height: 38px;
            max-height: 500px;
        }
        .footer-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            text-align: center; /* 居中对齐 */
        }
        .footer-content {
            display: flex;
            flex-wrap: wrap;
            justify-content: center; /* 居中对齐 */
        }
        .footer-column {
            flex: 1;
            min-width: 200px;
            margin-bottom: 20px;
            padding: 0 15px; /* 添加一些内边距 */
        }
        .footer-column h3 {
            color: #00bfff;
            margin-bottom: 15px;
            font-size: 20px; /* 增大标题字体大小 */
        }
        .footer-column ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .footer-column ul li {
            margin-bottom: 8px;
            font-size: 16px; /* 增大列表项字体大小 */
        }
        .footer-column ul li a {
            color: white;
            text-decoration: none;
            font-size: 16px; /* 增大链接字体大小 */
        }
        .footer-column ul li a:hover {
            text-decoration: underline;
        }
        .copyright {
            text-align: center;
            padding-top: 20px;
            border-top: 1px solid #333;
            margin-top: 20px;
            font-size: 16px; /* 增大版权信息字体大小 */
        }

        /* 可调整高度的区域样式 */
        .height-adjustable {
            resize: vertical;
            overflow: auto;
            min-height: 300px;
            max-height: 820px;
        }
                /* 可调整宽度的区域样式 */
        .width-adjustable {
            resize: horizontal;
            overflow: auto;
            min-width: 300px;
            max-width: 1200px;
            margin: 0 auto; /* 居中显示 */
        }
    /* 图片文字叠加样式 */
    .image-with-text {
        position: relative;
        display: inline-block;
        width: 100%;
    }
    
    .image-with-text img {
        display: block;
        width: 100%;
        height: auto;
    }
    
    .image-text-overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-size: 28px;
        font-weight: bold;
        text-align: center;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
        z-index: 2;
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }
    
    .image-text-top {
        top: 20%;
        font-size: 20px;
    }
    
    .image-text-bottom {
        top: 80%;
        font-size: 24px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 5px;
        padding: 15px 30px;
        display: inline-block;
        cursor: pointer;
        transition: background-color 0.3s;
    }
    
    .image-text-bottom1 {
        top: 50%;
        font-size: 24px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 5px;
        padding: 15px 30px;
        display: inline-block;
        cursor: pointer;
        transition: background-color 0.3s;
    }
    
    .image-text-bottom2 {
        top: 20%;
        font-size: 24px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 5px;
        padding: 15px 30px;
        display: inline-block;
        cursor: pointer;
        transition: background-color 0.3s;
    }
    
    .image-text-bottom:hover {
        background-color: rgba(0, 50, 150, 0.7);
    }
    
    .image-text-bottom a {
        color: white;
        text-decoration: none;
    }