*{
    margin: 0px;
    padding: 0px;
    /*word-break:break-all;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing:border-box; 
    -ms-box-sizing:border-box; 
    -o-box-sizing:border-box;
}  
a[href]:after{content:normal;}
body {
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    font-family: "Arial";
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    background: #000;
    height: auto;
}
a {
    color: #333;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: none;cursor: pointer;
}
a:hover, a:focus {
    color: #06C;text-decoration:none;
}
a:hover, a:active, a:focus {
  outline: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;          
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
ul, li{
    margin:0px; padding:0px;
    list-style-type:none;
}
ol, ul {
  list-style: none;
}
ul, li, a
{
    padding: 0px;
    margin: 0px;
}
button {outline: none;}
select { width:100%;}

.left {
    float: left;
}
.right {
    float: right;
}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb35 { margin-bottom:35px;}
.mb45 { margin-bottom:45px;}
.mb75 { margin-bottom:75px;}
.mb100 { margin-bottom:100px;}
.mb140 { margin-bottom:140px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt18 { margin-top:18px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.bh { display:block; overflow:hidden;}
.img-hover:hover {
    opacity: 0.8;
}

@font-face{
    font-family: 'HarmonyOS';
    src:url('./HarmonyOS_Sans_SC_Black.ttf');
}

@font-face{
    font-family: 'ProtestStrike';
    src:url('./ProtestStrike-Regular.ttf');
}
@font-face{
    font-family: 'Oswald';
    src:url('./Oswald-VariableFont_wght.ttf');
}


@media (max-width: 991px){
    .mobmt {margin-top: 15px;}
    .mobmt20 {margin-top: 20px;}
    .mobpadding {padding: 0;}
    .mobmargin {margin: 0;}
}
@media (max-width: 767px){
    .lanmumt {margin-top: 0;}
    .mobmt22 {margin-top: 22px;}
}

@media (min-width: 1230px){
    .container{width: 1200px;}
}
@media (min-width: 1299px) {
    .container{ width: 1260px;}
}
@media (min-width: 1350px) {
    .container{ width: 1320px;}
}
@media (min-width: 1460px) {
    .container{ width: 1430px;}
}

@media (min-width: 2000px) {
    .container{ width: 1630px;}
}
@media (min-width: 2200px) {
    .container{ width: 1730px;}
}
@media (min-width: 2400px) {
    .container{ width: 1930px;}
}
@media (min-width: 2600px) {
    .container{ width: 2030px;}
}
/*---------------index---------------------*/
.yzzc{}

/*zong*/
.jdztbg01{ position: relative; }
.jdztbg01 > img{ width: 100%; }
.top01_cas{ padding: 33px 80px 33px 75px; 
    overflow: hidden;
    position: absolute; z-index:2;
    width: 100%;
    top: 0;
    left:0;
}
.top01_cas .left a{ font-size: 20px; color: #fff; line-height: 35px; }
div.ndzt_cent{ position: relative; }
div.ndzt_cent>img{ width: 100%; }
div.ndzt_cent>div{ position: absolute; width: 100%; top: 0; }


.nd_txt{ width: 34%; }
.nd_txt a{ display: block; padding-top: 20%; }
.nd_txt h3{ 
    padding: 30px 0;
    font-size: 38px;
    color: #FFFFFF;
    line-height: 1.3;
    margin: 0; 
    font-family: 'ProtestStrike';
 }
.nd_txt a:hover h3{color:#faff6c;}
.nd_txt p{
    font-size: 24px;
	color: #FFFFFF;
	padding: 3% 0 0;
	line-height: 1.5;
	font-family: 'Oswald';
}
.nd_number{ width: 50%; }
.nd_number span{ 
    font-size: 100px;
    font-weight: 700;
    line-height: normal;
    display: inline-block; 
    padding: 30px 20px; 
    color: #fff;
    background:#8fc31f;
    background:rgba(143,195,31,0.8);
}

.mob_none{  }
.nd_txt .pc_none{ display: none; }

.nd_imgtwo{ margin: 0 -10px; overflow: hidden;}
.nd_imgtwo a{ display: block; float: left; width: 50%; padding:  0 10px; }


div.ndzt_cent{ }
.nd_txt{
    padding: 0 0;
}
.right.nd_number{ text-align: right; }

.ndzt_bg01 .nd_txt,
.ndzt_bg01 .nd_number span{
    background:#8fc31f;
    background:rgba(143,195,31,0.8);
}
.ndzt_bg02 .nd_txt,
.ndzt_bg02 .nd_number span{
    background:#00c6d1;
    background:rgba(0,198,209,0.8);
}
.ndzt_bg03 .nd_txt,
.ndzt_bg03 .nd_number span{
    background:#ff9a00;
    background:rgba(255,154,0,0.8);
}
.ndzt_bg04 .nd_txt,
.ndzt_bg04 .nd_number span{
    background:#00a0e9;
    background:rgba(0,160,233,0.8);
}
.ndzt_bg05 .nd_txt,
.ndzt_bg05 .nd_number span{
    background:#ff6900;
    background:rgba(255,105,0,0.8);
}
.ndzt_bg06 .nd_txt,
.ndzt_bg06 .nd_number span{
    background:#00829c;
    background:rgba(0,130,156,0.8);
}
.ndzt_bg07 .nd_txt,
.ndzt_bg07 .nd_number span{
    background:#cfa972;
    background:rgba(207,169,114,0.8);
}
.ndzt_bg08 .nd_txt,
.ndzt_bg08 .nd_number span{
    background:#003567;
    background:rgba(0,53,103,0.8);
}
.ndzt_bg09 .nd_txt,
.ndzt_bg09 .nd_number span{
    background:#601986;
    background:rgba(96,25,134,0.8);
}
.ndzt_bg10 .nd_txt,
.ndzt_bg10 .nd_number span{
    background:#001c58;
    background:rgba(0,28,88,0.8);
}
.ndzt_bg11 .nd_txt,
.ndzt_bg11 .nd_number span{
    background:#a0a0a0;
    background:rgba(160,160,160,0.8);
}
.ndzt_bg12 .nd_txt,
.ndzt_bg12 .nd_number span{
    background:#00561f;
    background:rgba(0,86,31,0.8);
}



.foot_yj{ 
    background:url(20250121_ndztbg02.png) no-repeat;
    padding: 25px 0 ; 
    background-size: cover;
}


.foot_yj{ 
font-size: 20px;
text-align: center;
color: #fff;}

.top03_glmob{ display: none; }



@media (min-width: 1930px){
   

}
@media (max-width: 1899px){
    
}
@media (max-width: 1780px){
  .nd_txt a{ padding-top: 18%; }
	.nd_txt h3{ font-size: 32px; padding: 0; }
	.nd_txt p{ font-size: 22px; }
}
@media (max-width: 1680px){
    
}
@media (max-width: 1600px){
    
}
@media (max-width: 1480px){
     .nd_txt h3{ font-size: 30px; padding: 0; }
     .nd_txt p{ font-size: 20px; }
}
@media (max-width: 1366px){
    
}
@media (max-width: 1299px){
    .nd_txt h3{ font-size: 22px; padding: 0; }
    .nd_txt p{ font-size: 17px; }
}
@media (max-width: 991px){
    .nd_txt h3{ font-size: 18px; padding: 0; }
    .nd_txt p{ font-size: 16px; }
}

@media screen and (max-width:767px){ 
    .top01_cas{ padding: 5px; margin-bottom: 20px;}
    .top01_cas .left a{ font-size: 16px; line-height: 1.2; }
    .top01_cas .right{ width: 23.5%; }
    .top02_logo{ padding: 0 15px; margin-bottom: 25px; }
    .top03_gl{ padding: 0 15px; display: none; }
    .top03_glmob{padding: 0 15px; display: block; }
    .ndzt_cent.mb140{ margin-bottom: 30px; }
    .top_video{ padding: 0; }
    .nd_txt a{ padding: 3% 0; }
    .ndzt_cent{ position: relative; }
    .nd_number{ width: auto; position:absolute; left:15px;top:0; }
    .nd_number span{padding: 12px 10px; font-size: 36px;}
    .nd_txt{ width: 100%; padding: 0 15px; background:rgba(0,0,0,0.6); margin-top: 9%;}
    .nd_txt h3{ font-size: 16px; line-height: 1.5; padding-bottom: 0; font-weight:normal;}
    .nd_txt p{font-size: 16px; line-height: 30px; margin-bottom: 10px; padding-top: 20px; display: none;}
    .foot_yj{font-size: 16px;}
}



/* Scroll to top
---------------------------------- */
.scrollToTop {
    color: #fff;
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 45px;
    height: 45px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
    background-color: #2828cd;
    z-index: 1005;
    border-radius:4px;
    display: none;
}
.scrollToTop img{
    display:inline-block;
    width: 28px;
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
    .scrollToTop {
        width: 40px;
        height: 40px;
        line-height: 37px;
        background-color: rgba(0, 0, 0, 0.4);
    }
    .scrollToTop img{
        display:inline-block;
        width: 25px;
    }
    .mb50{ margin-bottom: 30px; }
}

.img_hovbig{
    display: block;
  overflow: hidden;
}
.img_hovbig img {
  margin: 0;
  width: 100%;
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.img_hovbig:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}








