* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
:root {
	--primary: #0a4b7a;       
	--primary-light: #1e6a9f;
	--accent: #f5a623;        
	--accent-dark: #e09510;
	--light-bg: #f8fafc;
	--white: #ffffff;
	--dark-text: #1e293b;
	--gray-text: #475569;
	--border-light: #e2e8f0;
	--shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.02);
	--radius: 12px;
	--transition: all 0.2s ease;
	--sub:#98a0b3;
    --input:#f2f4fa;
    --line:rgba(20,25,40,.09);
    --brand1:#6366f1;
    --brand2:#a855f7;
    --shadow:0 8px 28px rgba(28,35,60,.08);
}
*,*::before,*::after{ box-sizing: border-box; } 
body {
	font-size: 14px;
	color: #333333;
	background-color: #FAFAFA;
	scroll-behavior: smooth;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style-type: none;
}
form {
	margin: 0px;
	padding: 0px;
}
a:link {
	text-decoration: none;
	color: #202020;
}
a:visited {
	text-decoration: none;
	color: #202020;
}
a:hover {
	text-decoration: none;
	color: #FA4144;
}
a:active {
	text-decoration: none;
	color: #202020;
}
.hs{
	color: #FF3300;
}
.natop {
	background-color: #1D5996;
}
.natop_a {
	padding-top: 8px;
	padding-bottom: 8px;
	display: flex;
	color: #FFFFFF;
}
.natop_aa {
	font-size: 12px;
	flex: 1; 
}
.natop_ab {
	width: 300px;            
	flex-shrink: 0;          
	text-align: right;
}
.natop_ab a {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	padding-right: 12px;
	padding-left: 12px;
}
.natop_ab a:hover{
	color: #FFFFFF;
	background-color: #2470BB;
}
.container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 24px;
}
.divcontmid{
	max-width: 1280px;
	margin-right: 50px;
	margin-left: 50px;
}
.navbar {
	background-color: var(--white);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
	padding: 16px 0;
	position: sticky;
	top: 0;
	z-index: 100;
	border-bottom: 1px solid var(--border-light);
}

.navbar .container,.navbar .divcontmid {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	background-color: #FFFFFF;
}

.logo {
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: -0.5px;
	color: var(--primary);
	text-decoration: none;
}

.logo i {
	color: var(--accent);
	margin-right: 6px;
}

.nav-menu {
	display: flex;
	gap: 24px;
	list-style: none;
	align-items: center;
}

.nav-menu a {
	text-decoration: none;
	color: var(--gray-text);
	transition: var(--transition);
	font-size: 18px;
	position: relative;
	padding-bottom: 4px;
}
.nav-menu a:hover{
	color: #FF3300;
}
.nav-menu a.active {
	color: var(--primary);
}

.nav-menu a.active::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: var(--accent);
	border-radius: 3px;
}
.btn-primary {
	display: inline-block;
	padding: 8px 16px;
	border-radius: 40px;
	font-size: 14px;
	text-decoration: none;
	transition: var(--transition);
	cursor: pointer;
	border: none;	
	background-color: var(--accent);
	color: var(--white);
	box-shadow: 0 6px 14px rgba(245, 166, 35, 0.3);
}

.btn-primary:hover {
	background-color: var(--accent-dark);
	transform: translateY(-1px);
}
	
.heroim {
	padding: 0;
	border-bottom: 1px solid var(--border-light);
	background-color: linear-gradient;
}
.heroimdiv{
	margin-right: 50px;
	margin-left: 50px;}
.heroimdiv img { 
	width: 100%;       
	height: auto;      
	display: block;
}

.ngtel {
	border: 1px solid #E9E9E9;
	background-color: #F2F2F2;
	padding: 10px;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 20px;
}

.ngtelza {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(8, 1fr);
	background-color: #FFFFFF;
	margin-right: 50px;
	margin-left: 50px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E3E3E3;
	border-bottom-color: #E3E3E3;
	border-left-color: #E3E3E3;
  }
.ngtelza a{
	text-align: center;
	display: block;
}
.ngtelza div{
	box-sizing: border-box;
	height: 90px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 4px;
}
	  
.Ngktopb_a {
	background-image: url(../Img/tp1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.Ngktopb_b {
	background-image: url(../Img/tp2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.Ngktopb_c {
	background-image: url(../Img/tp3.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.Ngktopb_d {
	background-image: url(../Img/tp4.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.Ngktopb_e {
	background-image: url(../Img/tp5.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.Ngktopb_f {
	background-image: url(../Img/tp6.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.Ngktopb_g {
	background-image: url(../Img/tp7.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.Ngktopb_h {
	background-image: url(../Img/tp8.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.Ngktopb_i {
	background-image: url(../Img/tp9.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.Ngktopb_j {
	background-image: url(../Img/tp10.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.Ngktopb_k {
	background-image: url(../Img/tp12.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.Ngktopb_q {
	background-image: url(../Img/tp11.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}	  
	  
.ngtelzlis {
	margin-right: 50px;
	margin-left: 50px;
	background-color: #FFFFFF;
	
	border-right: 1px solid #E1E1E1;
      border-bottom: 1px solid #E1E1E1;
      overflow: hidden; 
      }
	    
.ngtelzlis ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  list-style: none;
  padding: 0;
  margin: 0;
}
.ngtelzlis li {
	box-sizing: border-box;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
	border-left-color: #E1E1E1;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	
	margin-right: -1px;
    margin-bottom: -1px;
    }
  
.ngtelzlis .Ngkcal_a {
	height: 36px;
	overflow: hidden;
	font-size: 16px;
	color: #1186E6;
	line-height: 36px;
}
.ngtelzlis .Ngkcal_a a {
	color: #1186E6;
	font-weight: bold;
}
.Ngkcal_c {
	line-height: 30px;
	color: #666666;
}
.Ngkcal_sp {
	color: #CCCCCC;
	margin-right: 2px;
	margin-left: 2px;
}


.Ngkcal a {
	font-size: 16px;
	color: #333333;
	text-decoration: none;
}
.Ngkcal a:hover{
	color: #FF3300;
	text-decoration: none;
}
.Ngkcal_b {
	color: #666666;
	font-size: 14px;
}
.Ngkcal_b .Ngkcal_bb {
	color: #727272;
	font-size: 12px;
	float: right;
}
.Ngkcal .Ngkcal_c {
	padding-left: 1px;
	position: relative;
}
.Ngkcal .Ngkcal_c a {
	font-size: 14px;
}
.Ngkcal .Ngkcal_c .Ngkcal_spic1 {
	background-image: url(../Img/p1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 18px;
	width: 18px;
	position: absolute;
	left: 0px;
	top: 8px;
	background-size: 20px auto;
	border-radius:15px
}
.Ngkcal .Ngkcal_c .Ngkcal_spic2 {
	background-image: url(../Img/p2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 18px;
	width: 18px;
	position: absolute;
	left: 0px;
	top: 8px;
	background-size: 20px auto;
	border-radius:15px
}
.Ngkcal_r {
	float: left;
	width: 280px;
	background-color: #F9F9F9;
	height: 440px;
}
.Ngkcal_ra {
	width: 262px;
	background-color: #3E6BA4;
	height: 54px;
	font-size: 16px;
	line-height: 54px;
	color: #FFFFFF;
	padding-left: 18px;
}
.Ngkcal_rb {
	line-height: 28px;
	background-color: #FFFFFF;
	text-align: center;
	height: 28px;
	border: 1px solid #DBDBDB;
	margin-top: 26px;
	margin-right: 22px;
	margin-bottom: 10px;
	margin-left: 22px;
	border-radius:25px;
	font-size: 13px;
}
.Ngkcal_rc {
	line-height: 32px;
	margin-left: 12px;
}
.Ngkcalpe {
	text-align: center;
	height: 54px;
	width: 1100px;
	padding-top: 34px;
	margin-right: auto;
	margin-left: auto;
}
.Ngkcalpbot {
	width: 1100px;
	padding-top: 8px;
	padding-bottom: 12px;
	margin-right: auto;
	margin-left: auto;
	line-height: 24px;
	color: #666666;
	font-size: 12px;
}
.Ngkcalpbot p{
	padding: 5px;
	margin: 0px;
}
.menu-toggle {display: none;}
.dhbars {
	background-image: url(../Img/wpdh.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 40px;
	width: 40px;
	display: none;
	background-size: cover;
}

.mincontdiv{
	max-width: 1280px;
	display: flex;
	gap: 0px 16px;
	margin-right: 50px;
	margin-left: 50px;
  }
  
.mincontdiv-left {
	flex: 1;          
	min-width: 0; 
    overflow-wrap: anywhere;
	background-color: #FFFFFF;
	color: #454545;
	border: 1px solid #E8E8E8;
	padding-top: 10px;
	padding-right: 22px;
	padding-bottom: 22px;
	padding-left: 22px;
  }
  
.mincontdiv-leftnobr {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
  }
.mincontdiv-right {
    flex: 0 0 320px;  
    width: 320px;
  }  


.mincontdiv-left dl {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E3E3E3;
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	line-height: 28px;
}
.mincontdiv-left dt {
	float: left;
	width: 180px;
	height: 110px;
	margin-bottom: 10px;
	overflow: hidden;
	margin-right: 20px;
}

.mincontdiv-left dt img {
	max-width: 100%;   
	max-height: 100%;     
	display: block;    
	text-align: center;
	margin-right: auto;
	margin-left: auto;
		}
.mincontdiv-left dd {
	margin-left: 12px;
}
.Addt {
	font-size: 18px;
	color: #333333;
	text-decoration: none;
	line-height: 24px;
	font-family: "黑体";
}
.Addt:hover{
	color: #FF3300;
}

.shuoC_lb .Addb em {
	font-style: normal;
	line-height: 22px;
}


.mincontdiv-left img{transition: 500ms;-webkit-transition: 500ms;-moz-transition: 500ms;}
.mincontdiv-left img:hover{-moz-transform:scale(1.07); -webkit-transform:scale(1.07); -o-transform:scale(1.07);}

.Adda {
	line-height: 24px;
	color: #838383;
	font-size: 13px;
	margin-top: 7px;
	margin-bottom: 7px;
	padding-top: 2px;
}
.Addb {
	line-height: 22px;
	font-size: 12px;
	color: #B6B6B6;
}
.Addb .Addb_a {
	float: left;
	margin-right: 12px;
}
.Addb .Addb_a img {
	-moz-border-radius: 13px;      
    -webkit-border-radius: 13px;   
    border-radius:13px;            
}

.iconcmt {
	display: inline-block;
	background-image: url(../Img/icon2.png);
	background-repeat: no-repeat;
	background-position: -72px -3px;
	height: 18px;
	width: 19px;
	margin-left: 15px;
	margin-top: 1px;
	font-style: normal;
	vertical-align: text-bottom;
}
.iconcang {
	display: inline-block;
	background-image: url(../Img/icon2.png);
	background-repeat: no-repeat;
	background-position: -112px -5px;
	height: 18px;
	width: 19px;
	margin-left: 15px;
	margin-top: 1px;
	font-style: normal;
	vertical-align: text-bottom;
}
.shuo_lbot {
	line-height: 80px;
	text-align: center;
	height: 70px;
	padding-top: 10px;
}

.linea a {
	text-align: center;
	color: #333333;
	text-decoration: none;
	font-size: 14px;
	background-color: #ECECEC;
	margin-right: 3px;
	margin-left: 3px;
	border-radius: 16px;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.linea a:hover,.linea .lineb{
	color: #FFFFFF;
	background-color: #DB6D4C;
}
.shuoC_rat {
	line-height: 44px;
	height: 44px;
	font-size: 16px;
	color: #CC3300;
	padding-left: 15px;
	background-color: #FFFFFF;
	border: 1px solid #E8E8E8;
}
.shuoC_rab {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E1E1E1;
	border-left-color: #E1E1E1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1E1E1;
	padding-right: 15px;
	padding-left: 15px;
}
.shuoC_rab li {
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
	overflow: hidden;
	line-height: 24px;
	padding-right: 0px;
	padding-left: 0px;
}

.shuoC_radv {
	overflow: hidden;
	padding-top: 16px;
}

.shuoC_radv img {
  width: 100%;       
  height: auto;      
  display: block;    
}
.mtop16 {
	margin-top: 16px;
}
.mtop50 {
	margin-top: 50px;
}
.msjtop {margin-top: 0px}
.shuoC_rapic {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E2E2E2;
	border-bottom-color: #E2E2E2;
	border-left-color: #E2E2E2;
}
.shuoC_rapic li {
	padding: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D9D9D9;
}
.shuoC_rapic li a {
	font-size: 16px;
	color: #333333;
	text-decoration: none;
}
.shuoC_rapic li img{width: 100%;       
  height: auto;     
  display: block;  }
.shuoC_rapic li:last-child {border-bottom:none;}
.shuoC_rapic p {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 26px;
}

.shuoC_bots {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #DEDEDE;
	border-bottom-color: #DEDEDE;
	border-left-color: #DEDEDE;
	line-height: 32px;
	padding: 16px;
}
.shuoC_bots a{
	white-space: nowrap;
	margin-right: 5px;
	margin-left: 7px;
	padding-top: 4px;
	padding-right: 9px;
	padding-bottom: 4px;
	padding-left: 9px;
	border: 1px solid #E7E7E7;
	line-height: 38px;
}
.shufoota{
	background-color: #1D5996;
	margin-top: 50px;
}
.shufoota-left{
	margin-right: 50px;
	margin-left: 50px;
	color: #FFFFFF;
	padding-top: 22px;
	padding-bottom: 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.shufoota-left a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
}

.shufooter {
	background-color: #1D5996;
	color: #cbd5e1;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 16px;
	padding-left: 0;
}

.footer-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 40px;
	margin-bottom: 30px;
}

.footer-col .footer-p {
	color: var(--white);
	font-size: 1.15rem;
	margin-bottom: 20px;
	font-weight: 600;
	letter-spacing: 0.3px;
}

.footer-col p, .footer-col a {
	color: #F6F6F6;
	text-decoration: none;
	font-size: 0.95rem;
	line-height: 1.6;
	transition: var(--transition);
	display: block;
	margin-bottom: 8px;
}

.footer-col a:hover {
	color: var(--accent);
}

.contact-info i {
	width: 24px;
	color: var(--accent);
	margin-right: 8px;
}

.contact-info p {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-bottom: 14px;
}

.social-icons {
	display: flex;
	gap: 18px;
	margin-top: 16px;
}

.social-icons a {
	color: #a0b8cc;
	font-size: 1.4rem;
	transition: var(--transition);
}

.social-icons a:hover {
	color: var(--accent);
	transform: translateY(-2px);
}

.footer-bottom {
	padding-top: 20px;
	gap: 16px;
	font-size: 0.9rem;
	color: #cbd5e1;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-bottom: 6px;
	text-align: center;
}

.footer-bottom a {
	color: #cbd5e1;
	text-decoration: none;
	white-space: nowrap;
}

.footer-bottom a:hover {
	color: var(--accent);
}

.footer-bottom2 {
	font-size: 0.9rem;
	color: #cbd5e1;
	text-align: center;
}

.footer-bottom2 a {
	color: #cbd5e1;
	text-decoration: none;
	white-space: nowrap;
}

.footer-bottom2 a:hover {
	color: var(--accent);
}

.ndhas {
	padding-top: 18px;
	padding-bottom: 16px;
}

.mabout-l {
	flex: 0 0 280px;
	background-color: #F4F4F4;
	padding: 35px;
  } 
  
.mabout-r {
	flex: 1;
	min-width: 0;
	overflow-wrap: anywhere;
	background-color: #FFFFFF;
	color: #454545;
	padding: 36px;
  }

.aboutl_aa {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height: 44px;
	height: 44px;
	background-image: url(../Img/ab1.jpg);
	background-repeat: no-repeat;
	background-position: 5px 1px;
	display: block;
	width: 100%;
	background-color: #F9F9F9;
}
  

.mabout-l li {
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDBDB;
	line-height: 54px;
	height: 54px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FDFDFD;
	padding-right: 32px;
	display: block;
}
.mabout-l a {
	color: #333333;
	text-decoration: none;
	display: block;
	font-size: 16px;
	margin-bottom: 1px;
}
.mabout-l a:hover,.mabout-l .aboutl_athis {
	color: #DA251D;
}
.aboutr_a {
	line-height: 48px;
	height: 48px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C9C9C9;
	font-family: "微软雅黑", "黑体";
	font-size: 20px;
	color: #FF0000;
	font-weight: bold;
}
.aboutr_b {
	font-size: 16px;
	line-height: 42px;
	padding-top: 20px;
}
.aboutr_b h1{
	padding-top: 26px;
	padding-bottom: 12px;
}
.mgboxdivs {
	border-radius:20px;
	box-shadow:0 8px 28px rgba(28,35,60,.08);
	padding: 36px;
}
.mgtips{
	font-size: 12px;
	color: #929292;
	text-align: center;
	padding-bottom: 20px;
	line-height: 18px;
	padding-top: 10px;
}
.mgegrid {
	display: grid;
    grid-template-columns: 2fr;
    gap: 14px;
}
.mgegrid { grid-template-columns: 1fr 1fr; gap: 18px; }
.field.full { grid-column: 1 / -1; }

.mgp30{
	padding-top: 30px;
	padding-right: 80px;
	padding-bottom: 30px;
	padding-left: 10px;
}
  .mglabel {
    display: flex;
    align-items: center;
    margin-bottom: 2px;
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
  }
  .mginput {
	display: block;
	width: 100%;
	font: inherit;
	font-size: 15px;
	line-height: 1.5;
    color: var(--text);
    background: var(--fill);
    border: 1.5px solid var(--line);
	border-radius: 7px;
	padding: 10px 12px;
    -webkit-appearance: none;
	appearance: none;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
	border: 1px solid #CCCCCC;
	background-color: #F0F7FF;
  }
  .mginput::placeholder { color: var(--muted); opacity: .75; }

  @media (hover: hover) {
    .mginput:hover { border-color: #c7d2e6; }
  }
  .mginput:focus {
    outline: none;
    border-color: var(--brand);
    background: var(--card);
    box-shadow: 0 0 0 4px rgba(59,108,246,.14);
  }
  .mginput.invalid {
    border-color: var(--danger);
    box-shadow: 0 0 0 4px rgba(229,72,77,.12);
  }
  .mgtext {
    min-height: 130px;
    line-height: 1.6;
    resize: vertical;
  }
  .mgactions {
    display: block;
    flex-direction: column;  
    gap: 14px;
    margin-top: 6px;
  }
  .mgtip {
	font-size: 13px;
	line-height: 2;
	color: #FF3300;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
  }
  
   .mgbtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;         
	padding: 0 28px;
	border: 0;
	border-radius: 12px;
	font: inherit;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
    background: linear-gradient(180deg, var(--brand), var(--brand-2));
	box-shadow: 0 8px 20px rgba(59,108,246,.28);
	cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform .12s ease, box-shadow .18s ease, opacity .18s ease;
	background-color: #0066CC;
  }
  .mgbtn:active { transform: translateY(1px); }
  .mgbtn:focus-visible {
    outline: 3px solid rgba(59,108,246,.5);
    outline-offset: 2px;
  }
  .mgbtn:disabled {
    opacity: .62;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
  }
 
.inputrow {
	display: flex;
	align-items: stretch;
	gap: 10px;
	min-width: 210px;
	max-width: 320px;
}

.inputrow .mginput {
  flex: 1 1 auto;
  min-width: 0;
}

.inputrowimg {
  flex: 0 0 120px;        
  width: 120px;
  height: auto;          
  align-self: stretch;
  object-fit: cover;      
  display: block;
  border-radius: 3px;   
  background: var(--fill);
  border: 1.5px solid var(--line);
  cursor: pointer;
}

/* 提交按钮 */
  .mgsub{
    width:200px;height:52px;
    border:none;border-radius:10px;
    font:inherit;font-size:16px;font-weight:600;letter-spacing:.02em;
    color:#fff;cursor:pointer;
    background:linear-gradient(135deg,var(--brand1),var(--brand2));
    box-shadow:0 10px 24px rgba(99,102,241,.34);
    transition:transform .18s,box-shadow .18s,background .2s,color .2s;
  }
  .mgsub:active:not(:disabled){transform:scale(.98);box-shadow:0 5px 14px rgba(99,102,241,.3);}
  .mgsub:disabled{
    background:var(--input);
    color:var(--sub);
    box-shadow:none;
    cursor:not-allowed;
  }
  
.mgdiv-center {
	display: flex;
    justify-content: center;  
    align-items: center;       
    gap: 16px;                 
    flex-wrap: wrap;          
}

.Nabusa {
	background-color: #FFFFFF;
	border: 1px solid #E4E4E4;
	padding-top: 36px;
	padding-right: 36px;
	padding-bottom: 56px;
	padding-left: 36px;
}

  .mgform{
	max-width:750px;
	background:#fff;
	border-radius:20px;
	box-shadow:0 8px 28px rgba(28,35,60,.08);
	margin-top: 30;
	margin-right: auto;
	margin-bottom: 30;
	margin-left: auto;
	padding-top: 8px;
	padding-right: 28px;
	padding-bottom: 50px;
	padding-left: 28px;
  }

  .fieldtb{
    display: grid; 
	align-items: stretch;       
    gap: 12px;
	grid-template-columns: 90px minmax(0, 1fr) 260px;
    padding: 12px 0;
	
  }
  .fieldtb + .fieldtb{ border-top: 1px solid rgba(20,25,40,.08); }
  .fieldtb-funll{
  	grid-template-columns: 90px minmax(0, 1fr);
	}
	.fieldtb-funll > div:nth-child(3){
  	grid-column: 2;   
	}
  .fieldtb-label{
	flex: 0 0 82px;
	width: 82px;
	font-size: 14px;
	font-weight: 500;
	line-height: 3.0;
	text-align: right;
	color:#5a6274;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  }
  .fieldtb-label .req{ color:#f43f5e; margin-left:2px; }
	.fieldtb-label i {
		padding-right: 5px;
		padding-left: 5px;
	}

  .fieldtb-control{
    flex: 1 1 auto;
    min-width: 0;                 
  }

  .fieldtb-control .mginputbf,
  .fieldtb-control .mgtextbf{
    display: block;
    width: 100%;
    padding: 12px 14px;
    font: inherit;
    font-size: 16px;              
    color: #1b1f2a;
    background: #f2f4fa;
    border: 1px solid transparent;
    border-radius: 12px;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
    -webkit-appearance: none;
  }
  .fieldtb-control textarea{
    min-height: 108px;
    resize: none;
    line-height: 1.6;
    scrollbar-width: none;
  }
  .fieldtb-control .mgtextbf::-webkit-scrollbar{ display:none; }

  .fieldtb-control input:focus,
  .fieldtb-control .mgtextbf:focus{
    border-color: rgba(99,102,241,.6);
    box-shadow: 0 0 0 4px rgba(99,102,241,.13);
  }
  .fieldtb-control input::placeholder,
  .fieldtb-control textarea::placeholder{ color:#98a0b3; }
  .fieldtb--top{ align-items: flex-start; }
  .fieldtb--top .fieldtb-label{ padding-top: 13px; }

  .fieldtb-r{
	width: 260px;
	line-height: 3;
	color: #666666;
	}
  .fieldtb-select{
    width: 100%;
    padding: 12px 40px 12px 16px; 
    font-size: 16px;              
    line-height: 1.5;
    color: #1e293b;
    border: 1.5px solid #cbd5e1;
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
	background: #f2f4fa;
	}
.Nabusa_zsa{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 40px;
}
.Nabusa_zsb{
	color: #8E8E8E;
	padding-bottom: 20px;
	text-align: center;
	font-size: 12px;
}
.Nabusa_zi{
	max-width:750px;
	background-image: url(../Img/souYe_four.png);
	background-repeat: no-repeat;
	background-position: 2px 8px;
	background-size: 18px auto;
	padding-left: 26px;
	font-size: 16px;
	margin-right: auto;
	margin-left: auto;
	height: 36px;
	line-height: 36px;
	margin-bottom: 8px;
}
.Ngk {
	background-image: url(../Img/gz12.jpg);
	background-repeat: no-repeat;
	height: 300px;
	background-size: 100% 100%;
	background-position: center;
	position: relative;
	background-color: #0099FF;
}
.Ngk_m {
	background-color: #F9F9F9;
	height: 190px;
	width: 252px;
	position: absolute;
	top: 32px;
	margin-left: 310px;
	padding-top: 15px;
	padding-right: 18px;
	padding-bottom: 15px;
	padding-left: 18px;
	color: #999999;
	line-height: 22px;
	right: 40px;
}
.Ngk_ma {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	line-height: 46px;
	margin: 0px;
	padding: 0px;
}
.Ngk_mb {
	text-align: center;
	padding-top: 22px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.Ngk_mb a {
	color: #FFFFFF;
	background-color: #FE9901;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 16px;
	padding-right: 44px;
	padding-left: 44px;
	border-radius:3px;
}
.Ngk_mb a:hover{
	background-color: #E15A00;
}
.shuoC_gzimg0 {background-image: url(../Img/1121.jpg);}
.shuoC_gzimg1 {background-image: url(../Img/1122.jpg);}
.shuoC_gzimg2 {background-image: url(../Img/1123.jpg);}
.shuoC_gzimg3 {background-image: url(../Img/1124.jpg);}
.shuoC_gzimg4 {background-image: url(../Img/1125.jpg);}

/* ---------- 外层 flex 容器 ---------- */
  .gzitem {
	display: flex;
	align-items: center;
	gap: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	padding-top: 12px;
	padding-right: 2px;
	padding-bottom: 12px;
	padding-left: 2px;
  }

  /* ---------- ① 左侧：固定 120px ---------- */
  .gzitem_l {
    flex: 0 0 70px;          /* ★ 不放大、不缩小、固定 120px */
    width: 70px;
    min-width: 70px;         /* 双保险，防止被内容撑开 */
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  /* ---------- ② 中间：可伸缩 + 允许被压缩 ---------- */
  .gzitem_m {
	flex: 1 1 auto;
	min-width: 0;             /* ★ 关键，不加会把左右两侧挤走 */
  }

  /* 超链接标题：单行省略号 */
  .gzitem_m .gzitem_t,.gzitem_m a {
	display: block;           /* ★ 关键，a 是 inline，overflow 无效 */
	max-width: 100%;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
	color: #1082DE;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  }

  /* 其他文字：同样可截断 */
  .gzitem_desc {
    margin-top: 4px;
    font-size: 13px;
    color: #8b909a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* ---------- ③ 右侧：固定 100px ---------- */
  .gzitem_r {
    flex: 0 0 76px;          /* ★ 不放大、不缩小、固定 100px */
    width: 76px;
    min-width: 76px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #999999;
    overflow: hidden;
  }
  
.Nzs_la {
	padding-top: 20px;
	padding-bottom: 20px;
}
.Nzs_la span {
	font-size: 12px;
	color: #999999;
	float: right;
	line-height: 30px;
	height: 30px;
	padding-top: 8px;
}
.Nzs_lb {
	position: relative;
}
.Nzs_lbimg {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 160px;
	width: 130px;
	border: 1px solid #CCCCCC;
}
.Nzs_lb li {
	padding-top: 12px;
	padding-bottom: 12px;
}
.Nzs_lba,.Nzs_lbb,.Nzs_lbc,.Nzs_lbd {
	color: #5B5B5B;
	padding-left: 45px;
	background-repeat: no-repeat;
	background-position: 4px center;
	background-size: 28px auto;
}
.Nzs_lba {
	background-image: url(../Img/icon_fk.png);
}
.Nzs_lbb {
	background-image: url(../Img/icon_et.png);
}
.Nzs_lbc {
	background-image: url(../Img/nav5.png);
}
.Nzs_lbd {
	background-image: url(../Img/icon-read1.png);
}
.Nzs_lbe {
	background-color: #FFEEDF;
	border: 1px solid #FFA953;
	color: #E86F00;
	text-align: center;
	margin-top: 6px;
	padding-top: 8px;
	padding-bottom: 8px;
	max-width:600px;
}
.Nzs_lc {
	line-height: 28px;
	color: #5B5B5B;
	padding-top: 16px;
	padding-right: 5px;
	padding-bottom: 38px;
	padding-left: 5px;
}
.plr40 {
	padding-right: 40px;
	padding-left: 40px;
}
.Nzs_lh {
	font-size: 28px;
	line-height: 34px;
	margin: 0px;
	font-family: Arial;
	padding: 0px;
}
.Nzs_ltopa {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	font-size: 18px;
	color: #333333;
	padding-bottom: 14px;
	padding-top: 24px;
}
.Nzs_ltopb {
	padding-top: 12px;
	padding-bottom: 12px;
}
.Nzs_ltopb ul {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, 1fr);
  }
.Nzs_ltopb li {
	height: 110px;
	overflow: hidden;
    padding: 16px;
	border-radius: 5px;
	box-sizing: border-box;
	line-height: 24px;
	background-color: #F8F9FA;
}
.Nzs_ltopb .Ngkcal_a a{
	font-size: 16px;
	font-weight: bold;
	color: #1082DE;
	text-decoration: none;
	margin-bottom: 4px;
}
.Nzs_ltopb .Ngkcal_a a:hover{
	color: #FF3300;
}
.Nzs_ltopb li:hover{
	background-color: #F0F8FF;
}
.Nzs_ra {
	border: 1px solid #EAEAEA;
	padding-top: 10px;
	padding-right: 22px;
	padding-bottom: 15px;
	padding-left: 22px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #0099CC;
	background-color: #FFFFFF;
}
.Nzs_raa {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
}
.Nzs_rab {
	line-height: 22px;
	color: #909090;
}
.Nzs_raf {
	line-height: 26px;
}
.Nzs_rac a {
	line-height: 40px;
	display: block;
	height: 40px;
	text-align: center;
	margin-top: 15px;
	font-size: 16px;
	border-radius:3px;
}
.Nzs_rac .Nzs_raca {
	color: #FFFFFF;
	background-color: #FF6600;
}
.Nzs_rac .Nzs_raca:hover{
	background-color: #FF3300;
}
.Nzs_rac .Nzs_racb {
	border: 1px solid #E1E1E1;
	background-color: #F8F8F8;
	color: #666666;
}
.Nzs_rac .Nzs_racb:hover{
	background-color: #EEEEEE;
	border: 1px solid #DFDFDF;
	color: #000000;
}
.Nzs_ral a {
	line-height: 36px;
	font-size: 12px;
	border-radius:3px;
	white-space: nowrap;
	margin-right: 8px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	border: 1px solid #DFDFDF;
}
.Nzs_rb {
	padding-top: 15px;
	padding-right: 22px;
	padding-bottom: 15px;
	padding-left: 22px;
	margin-top: 22px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #0099CC;
	background-color: #FFFFFF;
}
.Nzs_rac .Nzs_racc {
	background-color: #0099CC;
	color: #FFFFFF;
}


/* 移动端适配 */
@media (max-width: 768px) {
			
	.navbar .container,.navbar .divcontmid{
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		gap: 8px;
	}
	.natop {
			display: none; 
		  }
	.logo {
		order: 1;
		flex: 1 1 0;
		min-width: 0;
		font-size: 1.25rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		}
	
	.nav-actions {
		order: 2;
		flex-shrink: 0;
	}
	
	.menu-toggle {
		order: 3;                      
		display: block;
		flex-shrink: 0;
	}
	
	.nav-menu {
		order: 4;                     
		display: none;
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		gap: 1px;
		padding: 10px 0 1px;
		border-top: 1px solid var(--border-light);
		margin-top: 12px;
	}
	.nav-menu li{border-bottom:1px solid var(--border-light);width: 100%;line-height: 2.4rem;}
	.nav-menu li:last-child,.shuoC_rab li:last-child {border-bottom:none;}
	.nav-menu li a {display: block;}
	.nav-menu a.active::after {
			width: 0%;
            background-color: #fff;
        }
	.container {
		padding: 0 18px;
	}
	
	.product-grid {
		grid-template-columns: 1fr;
	}
	
	.featured-visual i {
		font-size: 5rem;
	}
	
	.nav-menu.show {
		display: flex;
	}
	
	.menu-toggle {
		display: block;
		font-size: 1.6rem;
		color: var(--primary);
		background: none;
		border: none;
		cursor: pointer;
	}	
	
	.nav-actions .btn-primary {
		padding: 8px 16px;
		font-size: 14px;
		color: #212121;
	}
	
	.logo img{width: 72%;height: 72%;margin-top: 5px;}
	.section-title {
		font-size: 1.6rem;
	}
	
	.ngtel,.heroimdiv {
		margin-left: 10px;
		margin-right: 10px;
	  }
	.ngtelza {
        grid-template-columns: repeat(4, 1fr);
		margin-right: 10px;
	    margin-left: 10px;
      }
  	.ngtelza div{height: 66px;background-size:contain;}
  	.ngtelzlis {margin-right: 10px;
				margin-left: 10px; }
  	.ngtelzlis ul {                    
  		grid-template-columns: repeat(1, 1fr); }
  	.ngtelzlis li{
		padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 14px;
	}
	
	.dhbars {display: block;}
	.ngtelzlis .Ngkcal_a {
	height: 30px;
	line-height: 30px;
	}
	.mincontdiv {
		flex-direction: column;
		margin-right: 10px;
		margin-left: 10px;
		margin-top: 16px;
	}
    .mincontdiv-left,.mincontdiv-right {
      flex: none;     
      width: 100%;    
    }
	.mincontdiv-left{padding-left: 12px;padding-right: 12px;}
	.mincontdiv-left dt {
		width: 100px;
		height: 75px;
		margin-bottom: 10px;
		overflow: hidden;
		margin-right: 12px;
	}
	.Addt{
		line-height: 20px;
		height: 40px;
		overflow: hidden;
		display: block;
		font-size: 16px;
	}
	.Adda {
		line-height: 18px;
		display: block;
		overflow: hidden;
		height: 18px;
		}
	
	.linea a {
		text-decoration: none;
		font-size: 12px;
		margin-right: 3px;
		margin-left: 3px;
		padding-top: 4px;
		padding-right: 8px;
		padding-bottom: 4px;
		padding-left: 8px;
	}
	.shufoota{margin-top: 20px;}
	.shufoota-left{
		margin-right: 10px;
		margin-left: 10px;
	}
	
	.footer-bottom {
		flex-direction: column;
		text-align: center;
	}
	
	.footer-bottom a {
		margin: 0 10px;
	}
	
	.nav-menu.show {
		display: flex;
	}
	.divcontmid{
		margin-right: 10px;
		margin-left: 10px;
	}
	.msjtop {margin-top: 16px}

	.ndhas {
	padding-bottom: 0px;}
	.mabout-l {
	padding: 16px;
  	} 
	.mabout-r {
	padding: 14px;
  	}
	.mgegrid {
	display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
	}
	.btn { width: 100%; }
	.mgp30{
		padding: 0px;
	}
	.mgactions {
  		max-width:100%;
  }
  .mgsub{
    width:100%;}
	
	.Nabusa {padding: 12px;margin-top: 14px;}
    .mgform{
		padding: 0px;
  		}
	.mgboxdivs {
		padding: 12px;
	}
	.fieldtb{
		grid-template-columns: 72px minmax(0, 1fr);
  	}
	.fieldtb-label{
		flex: 0 0 74px;
		width: 74px;}
	.fieldtb-r{
		grid-column: 2;
		line-height: 1.2;
	}
	.Ngk {
		height: 104px;
	}
	.Ngk_m {
		height: 82px;
		width: 130px;
		top: 12px;
		padding-top: 8px;
		padding-right: 8px;
		padding-bottom: 8px;
		padding-left: 8px;
		line-height: 18px;
		right: 10px;
		font-size: 12px;
	}
	.Ngk_m p{padding:0px;margin: 0px;}
	.Ngk_ma {font-size: 14px;padding:0px;margin: 0px;line-height: 38px;}
	.Ngk_mt {display: none;}
	.Ngk_mb a {
			padding-top: 4px;
			padding-bottom: 4px;
			font-size: 14px;
			padding-right: 18px;
			padding-left: 18px;
			border-radius:3px;
		}
	.Nzs_la {
	padding-top: 2px;
	padding-bottom: 10px;
	display: block;
	}
	.Nzs_lh {
		font-size: 20px;
	}
	.plr40 {
		padding: 12px;
	}
	.Nzs_ltopb ul {
		grid-template-columns: repeat(1, 1fr);
	}
	.Nzs_ltopb li {
		line-height: 18px;
		height: 96px;
		padding: 12px;
	}
	
		
}