@charset "utf-8";
/* CSS Document */


        /* 基础样式 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
		ul,li {
			  padding: 0;
			  margin: 0;
			  list-style: none;
			font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
		}
		a{
			text-decoration: none;
			font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
		}

		h1,h2,h3,h4,h5,h6,p,span,em{
			font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
		}

        /* 导航栏容器 */
        .navbar {
            background: #fff;
            position: relative;
            box-shadow: 0 2px 10px rgba(0,0,0,0.2);
        }
        
        /* 桌面端导航 */
        .nav-container {
            max-width: 1400px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .nav-container .logo img {
            width: 162px;
			height: 64px;
        }
        
        /* 一级菜单 */
        .nav-menu {
            display: flex;
            list-style: none;
        }
        
        .nav-item {
            position: relative;
        }
        
        .nav-link {
            color: #333;
            text-decoration: none;
            padding: 36px 48px;
            display: block;
            transition: background 0.3s;
            font-weight: 500;
			font-size: 1.1rem;
        }
		.nav-item:hover .nav-link {
            color: #0089e5;
        }
        
		.Pull span{
			background-image: url("../../../style/imges/in_icon004.png") ;
			width: 10px;
			height: 6px;
			position: absolute;
			top: 44px;
			right: 18px;
		}

		.kau i{
			background-image: url("../../../style/imges/in_icon005.png") ;
			width: 6px;
			height: 10px;
			position: absolute;
			top: 44%;
			left: 58%;
		}

		.kau:hover i{
			background-image: url("../../../style/imges/in_icon005-1.png") ;
		}

        .nav-item:hover span{
            background-image: url("../../../style/imges/in_icon004-1.png") ;
        }

		.line em{
			width: 1px;
			height: 16px;
			position: absolute;
			top: 40px;
			right: 0;
			background-color: #999;
		}

		.language a{
			padding-left: 64px;
		}
		.language em{
			background-image: url("../../../style/imges/language.png") ;
			width: 16px;
			height: 16px;
			position: absolute;
			top: 41px;
			left: 40px;
		}

		.nav-item:hover em{
            background-image: url("../../../style/imges/language-1.png") ;
        }

        /* 二级菜单 */
        .submenu {
            position: absolute;
            background: #fff;
            min-width: 240px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.6s cubic-bezier(0.25,0.46,0.45,0.94);
            z-index: 998;
			left: 20%;
        }

		.chok{
			min-width:200px!important;
			left: 28%!important;
		}

		/* 初始状态效果 */
		.submenu-item::after {
			content: '';
			position: absolute;
			bottom: 0px;
			left: 50%;
			width: 0;
			height: 2px;
			background: #fff;
			transition: all 0.9s ease;
		}

		.nav-item::after {
			content: '';
			position: absolute;
			bottom: 0px;
			left: 50%;
			width: 0;
			height: 2px;
			background: #006bb3;
			transition: all 0.5s ease;
		}

		/* 悬停交互效果 */

		.submenu-item:hover::after {
			width: 100%;
			left: 0;
		}

		.nav-item:hover::after {
			width: 45%;
			left: 28%;
		}
        
		.submenu-g{
			min-width: 160px !important;
			left: 28%!important;
		}

		.cnicon a,.enicon a{
			padding-left: 3.6rem;
		}

		.cnicon i{
			background-image: url("../../../style/imges/in_icon006.png") ;
			width: 18px;
			height: 18px;
			position: absolute;
			top: 34%;
			left: 20%;
		}

		.cnicon:hover i{
			background-image: url("../../../style/imges/in_icon006-1.png") ;
		}

		.enicon i{
			background-image: url("../../../style/imges/in_icon007.png") ;
			width: 18px;
			height: 18px;
			position: absolute;
			top: 34%;
			left: 20%;
		}

		.enicon:hover i{
			background-image: url("../../../style/imges/in_icon007-1.png") ;
		}

        .nav-item:hover > .submenu {
            opacity: 1;
            visibility: visible;
            transform: translateY(2px);
        }



		
		 /* === 三级菜单专属样式 === */
        .submenu11 {
            position: absolute;
            left: 100%;
            top: 0;
            background: #fff;
            min-width: 180px;
            box-shadow: 5px 5px 15px rgba(0,0,0,0.1);
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }
        
        .submenu-item:hover > .submenu11 {
            opacity: 1;
            visibility: visible;
        }
        
        .submenu .submenu {
            left: 100%;
            top: 0;
        }
        
        .submenu-item {
            position: relative;
            border-bottom: 1px solid #f7f7f7;
        }
        
        .submenu-link {
            color: #333;
            padding: 15px 30px;
            display: block;
            transition: background 0.3s;
        }
        
        .submenu-link:hover {
            background: #0089e5;
			color: #fff;
        }

		.kau:hover .Jiex{
			background: #0089e5;
			color: #fff;
		}
		
		
	

		
		
        
        /* 移动端菜单按钮 */
        .menu-toggle {
            display: none;
            cursor: pointer;
            padding: 15px 20px 15px 15px;
        }
        
        .menu-toggle span {
            display: block;
            width: 25px;
            height: 3px;
            background: #007ecc;
            margin: 5px 0;
            transition: all 0.3s;
        }

        
        /* 移动端样式 */
        @media screen and (max-width: 768px) {
            .menu-toggle {
                display: block;
            }
            
            .nav-menu {
                position: fixed;
                left: -105%;
                top: 60px;
                flex-direction: column;
                background: #2b5e80;
                width: 100%;
                transition: 0.3s;
                box-shadow: 0 10px 10px rgba(0,0,0,0.1);
                z-index: 999;
            }
			
			.nav-container{
				position: fixed;
				top: 0;
				left: 0;
				z-index: 999;
				width: 100%;
				background-color: rgba(255, 255, 255, 0.9);
				box-shadow: 0 3px 8px rgba(0,23,38,0.2);
			}
            
            .nav-menu.active  {              
				left: 0;
            }
            
            .nav-item {
                width: 100%;
            }
			
			.nav-link{
				color: #fff;
				text-decoration: none;
				padding: 14px 40px;
				display: block;
				transition: background 0.3s;
				font-size: 1rem;
			}
			
			.nav-item:hover .nav-link{
				font-weight: 600;
			}
			
			.language em{
				background-image: url("../../../style/imges/language-2.png") ;
				top: 17px;
			}
			
			.cnicon i{
				background-image: url("../../../style/imges/in_icon006-1.png") ;
				width: 18px;
				height: 18px;
				position: absolute;
				top: 30%;
				left: 16%;
			}
			
			.enicon i{
				background-image: url("../../../style/imges/in_icon007-1.png") ;
				width: 18px;
				height: 18px;
				position: absolute;
				top: 30%;
				left: 16%;
			}
            
			.Pull span{
				background-image: url("../../../style/imges/in_icon004-2.png") ;
				top: 25px;
				right: 40px;
			}
			
            .submenu {
                position: static;
                opacity: 1;
                visibility: visible;
                transform: none;
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.3s ease;
                box-shadow: none;
                background: #34495e;
            }
            
            .submenu.active  {
                max-height: 1000px;
            }
            
			.nav-container .logo img{
				width: 90px;
				height: 36px;
				margin-left: 20px;
				
			}
            .submenu .submenu {
                left: 0;
            }
            
            .nav-item:hover > .submenu {
                transform: none;
            }
            
            .submenu-item {
                border-bottom: 1px solid rgba(255,255,255,0.1);
            }
            
            .submenu-link {
                color: #d9d9d9;
				padding: 12px 30px 12px 60px;
				font-size: 0.9rem;
            }
            
            .submenu .submenu .submenu-link {
                padding-left: 45px;
            }
			
			.submenu-g a{
				padding-left: 86px;
			}

        }

		

	/* 页脚 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }


        .content {
            flex: 1;
            
            
        }

        /* 页脚样式 */
        footer {
            color: #ecf0f1;
			background-image: url("../../../style/imges/bac01.png");
			margin: auto;
			min-width: 100%;
			background-repeat: repeat-y;
			background-position: center;
			clear: both;
        }

        .footer-container {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 30px;
        }
		
		.footer-bac{
			/*background: #2b5e80;*/
		}

		.footer-bottom p{
			padding-top: 30px;
		}

		.footer-bottom a{
			padding-right: 20px;
			color: #ccc;
		}

		.footer-bottom .Gab{
			background:url("../../../style/imges/jan.png") no-repeat;
			background-position: center;
		}

        .footer-section {
            margin: 80px 0 70px 0;
        }
		
		.footer-section img{
			width: 162px;
			height: 64px;
			
	
}

        .footer-section h3 {
            font-size: 1.2rem;
            margin-bottom: 15px;
            position: relative;
            padding-bottom: 5px;
        }



        .footer-section ul {
            list-style: none;
        }

        .footer-section ul li {
            margin-bottom: 16px;
        }

        .footer-section ul li a {
            color: #ccc;
            text-decoration: none;
            transition: color 0.3s;
            display: block;
			font-size: 1rem;
        }

        .footer-section ul li a:hover {
            color: #fff;
            transform: translateX(5px);
        }

        .footer-section p {
            color: #ccc;
            padding-bottom: 16px;
			font-size: 1rem;
        }

		.footer-section span{
			padding-left: 82px;
		}

        .social-links {
            display: flex;
            gap: 15px;
            margin-top: 15px;
        }

        .social-links a {
            display: inline-block;
            width: 36px;
            height: 36px;
            background: #34495e;
            border-radius: 50%;
            text-align: center;
            line-height: 36px;
            color: #ecf0f1;
            transition: all 0.3s;
        }

        .social-links a:hover {
            background: #3498db;
            transform: translateY(-3px);
        }

        .subscribe-form {
            display: flex;
            margin-top: 15px;
        }

        .subscribe-form input {
            flex: 1;
            padding: 10px;
            border: none;
            outline: none;
        }

        .subscribe-form button {
            padding: 0 15px;
            background: #3498db;
            color: white;
            border: none;
            cursor: pointer;
            transition: background 0.3s;
        }

        .subscribe-form button:hover {
            background: #2980b9;
        }

        .footer-bottom {
			/*background-color: #2b5e80;*/
			min-width: 100%;
            padding-bottom: 34px;
            text-align: center;
            color: #ccc;
        }

		.footer-bottom em{
			display: block;
			width: 1400px;
			height: 1px;
			background: #ccc;
			margin: auto;
		}

        /* 移动端适配：当屏幕宽度小于768px时 */
        @media (max-width: 768px) {
            .footer-container {
                grid-template-columns: 1fr;
				gap: 0px;
            }

            .footer-section h3 {
                cursor: pointer; /* 表示可点击 */
				font-size: 1rem;
				margin-bottom:8px;
				margin-top: 8px;
            }

            .footer-section .content {
                display: block; /* 默认隐藏内容 */
            }

            .footer-section.active  .content {
                display: block; /* 活动状态下显示内容 */
            }
			
			.footer-section {
            	margin: 0vh 4vh;
        	}
			
			.footer-bottom a{
				padding-right: 10px;
				line-height: 1.2rem;
			}
			
			.footer-bottom .Gab{
				padding-right: 16px;
			}

			.footer-bac{
				background-position: top;
				margin-bottom: 10px;
			}
			.footer-section img{
				width: 90px;
				height: 36px;	
				margin:3vh 0 1vh 0;
			}
			
			.footer-bottom em{
				width: 100%;
			}
			
			.footer-bottom p{
				font-size: 0.6rem;
				padding: 16px 10px 0 10px;
			}
			
			.footer-section ul li{
				margin-bottom: 0px;
			}
			
			.footer-section ul li a{
				font-size: 0.6rem;
				margin-bottom: 10px;
			}
			
			.footer-section p{
				font-size: 0.6rem;
				padding-bottom: 10px;
			}
			
			.footer-bottom{
				padding-bottom: 18px;
			}
			
			#backToTop{
				width: 36px!important;
				height: 36px!important;
				bottom: 6vh!important;
				right: 4vh!important;
			}
			
			.arrow{
				margin-left: 12px!important;
				margin-top: 8px!important;
			}
			
        }




			/* 返回顶部 */
			#backToTop {
			  position: fixed;
			  bottom: 10vh;
			  right: 7vh;
			  width: 46px;
			  height: 46px;
			  background: #144566;
			  border-radius: 10%;
			  cursor: pointer;
			  opacity: 0;
			  transition: opacity 0.3s, background 0.3s;
			  z-index: 999;
			}

			#backToTop.visible  {
			  opacity: 1; /* 滚动后显示 */
			}

			#backToTop:hover {
			  background: #0089e5; /* 悬停效果 */
			}

			.arrow {
			  display: block;
				background-image: url("../../../style/imges/return.png");
				width: 13px;
				height: 19px;
				margin-left: 16px;
				margin-top: 14px;
			}
			/* 返回顶部 */

			.no-dot-list li {
				position: relative;
				padding-left: 1.0em;
				line-height: 1.6;
			}

			.no-dot-list li::before {
				content: "·";
				position: absolute;
				left: 0;
				top: 0;
				font-weight: bold;
			}