@charset "utf-8";
/* CSS Document */
body { font-family:"Microsoft YaHei UI", "微软雅黑";}
tbody, td, tfoot, th, thead, tr {border-width:1px;padding:5px;}
a:hover {transition: all 0.2s ease-out 0s;}
        /* 顶部导航栏 */
        .header-bar {
            width: 100%;
            min-height: 65px;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: relative;
            z-index: 1000; /* 导航层级最高 */
        }
        .logo {
            color: #be1b21;
            font-size: 22px;
            font-weight: 600;
        }
		.logo img {padding-top:24px;padding-bottom:30px;max-width:100%;}
		.sclanguage {text-align:right;}
		.sclanguage  a{text-decoration:none;color:#be1b21;}
		.scfl {min-height:860px;padding-top:128px;}
		.scfltitle h2{font-size:36px;font-weight:bolder;text-align:center;}
		.scfltitle p{color:#be1b21;font-size:12px;text-align:center;margin-bottom:90px;}
		.scfla {float:left;width:32%;margin-right:1%;height:380px;background-color:#282624;transform:rotate(0deg) scale(1.003) skew(-14deg) translate(0px)}
		.scfla img{max-width:100%;}
		.scfla:hover {background-color:#be1b21;}
		.scfla:hover span{background:#fff;}
		.scflaimg {transform:rotate(0deg) scale(1.003) skew(14deg) translate(0px);}
		.scflaimg img {position:relative;top:-50px;left:-50px;max-width:100%;}
		.scflaimg p{text-align:center;padding-right:60px;}
		.scflaimg a{font-size:36px;color:#fff;text-decoration:none;}
		.scflaimg a:hover {color:#000;}
		.scflaimg span {text-align:center;width:60px;height:3px;background:#be1b21;display:inline-block;}
		.scflb {float:left;width:32%;margin-right:1%;margin-top:70px;height:380px;background-color:#282624;transform:rotate(0deg) scale(1.003) skew(-14deg) translate(0px);position:relative;left:-17px;}
		.scflb:hover {background-color:#be1b21;}
		.scflb:hover span{background:#fff;}
		.scflbimg {transform:rotate(0deg) scale(1.003) skew(14deg) translate(0px);}
		.scflbimg img{max-width:100%;}
		.scflbimg p{text-align:center;padding-left:40px;padding-top:80px;}
		.scflbimg a{font-size:36px;color:#fff;text-decoration:none;}
		.scflbimg a:hover {color:#000;}
		.scflbimg span {text-align:center;width:60px;height:3px;background:#be1b21;display:inline-block;}
		
		.scflcimg {transform:rotate(0deg) scale(1.003) skew(14deg) translate(0px);}
		.scflcimg img {position:relative;top:10px;left:40px;max-width:100%;}
		.scflcimg p{text-align:center;padding-right:60px;}
		.scflcimg a{font-size:36px;color:#fff;text-decoration:none;}
		.scflcimg a:hover {color:#000;}
		.scflcimg span {text-align:center;width:60px;height:3px;background:#be1b21;display:inline-block;}
		.sciabout {background:#f2f2f2;padding-top:100px;padding-bottom:85px;}
		.sciabout img{max-width:100%;}
		.sciabout h3{font-size:30px;font-weight:bolder;color:#6c6c6c;padding-bottom:8px;display:inline-block;border-bottom:3px solid #be1b21;margin-bottom:40px;}
		.scfl h3{font-size:30px;font-weight:bolder;color:#333;padding-bottom:8px;display:inline-block;border-bottom:3px solid #be1b21;margin-bottom:30px;}
		.sciabout p{margin:0;font-size:18px;line-height:1.8;color:#6c6c6c;}
		.scmorelink {text-decoration:none;display:inline-block;padding:12px 120px 12px 35px;background:#1b1b1b;color:#fff;margin-top:40px;margin-bottom:20px;}
		.scmorelink:hover {background:#333;color:#fff;}
		.sciproduct {padding-top:75px;padding-bottom:100px;background:#FFF;}
		.sciproduct h3{font-size:36px;font-weight:bolder;color:#333;margin-bottom:5px;text-align:center;}
		.scproen {text-align:center;font-size:12px;color:#be1b21;}
		.nav-tabs {border:0;margin-bottom:60px;}
		.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background-color:#fff;color:#333;border:0px;border-bottom:3px solid #be1b21;}
		.nav-tabs .nav-link {color:#333;border:0;border-bottom:3px solid #fff;margin-left:2px;}
		.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus {border:0px;border-bottom:3px solid #be1b21;}
		.tab-content {color:#fff;}
		.owlimg .owl-dots.disabled, .owlimg .owl-nav.disabled {display:none;}
		.owlimgtwo .owl-dots.disabled, .owlimgtwo .owl-nav.disabled {display:none;}
		.owlimgthree .owl-dots.disabled, .owlimgthree .owl-nav.disabled {display:none;}
		.owlimgfour .owl-dots.disabled, .owlimgfour .owl-nav.disabled {display:none;}
		.owlimgfive .owl-dots.disabled, .owlimgfive .owl-nav.disabled {display:none;}
		.owl-stage .item{overflow:hidden;}
		.sciproitem {text-decoration:none;font-size:24px;overflow:hidden;}
		.sciproitem p{background:#949494;text-align:center;padding:30px 20px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
		.sciproitem:hover p {background:#be1b21;}
		.sciproitem img{max-width:100%;transition: transform 0.3s ease;}
		.sciproitem:hover img {transform: scale(1.1);}
		.scfoot {padding:45px 0;border-top:1px solid #ccc;}
		.scfoottext h3 {font-size:24px;color:#000;}
		.scfoottext p{font-size:14px;color:#626262;}
		.scfootadd p{font-size:18px;color:#626262;}
		.scfootgotop {text-align:right;}
		.scfootgotop a{text-decoration:none;font-size:54px;color:#000;}
		.scfootgotop a:hover {color:#be1b21;}
		.sccopy {text-align:center;font-size:14px;color:#999;border-top:1px solid #ccc;padding:25px 0;}
		.sccopy a{text-decoration:none;color:#999;}
		.scnav {padding:20px 0;border-top:0px solid #ccc;font-size:14px;color:#626262;}
		.scnav a{text-decoration:none;color:#626262;}
		.sccontenttitle {text-align:center;font-size:30px;color:#000;margin-bottom:35px;}
		.sccontenttitle p{margin-bottom:5px;}
		.sccontenttitle span{width:60px;height:3px;background-color:#be1b21; display:inline-block;}
		.sccontentnav {text-align:center;}
		.sccontentnav a{text-decoration:none;display:block;padding:10px 0;border:1px solid #ccc;color:#626262;margin-bottom:3px;}
		.sccontentnav a:hover {border:1px solid #333;background-color:#333;color:#fff;margin-bottom:3px;}
		.scthis {border:1px solid #333 !important;background-color:#333;color:#fff !important;margin-bottom:3px;}
		.sccontentbox {min-height:540px;margin-top:50px;}
		.sccontentbox img{max-width:100%;}
		.scphotolist {border:1px solid #eee;margin-bottom:24px;}
		.scphotolist:hover {border:1px solid #be1b21;}
		.scb50 {margin-bottom:80px;margin-top:80px;}
		.scb50 img{max-width:100%;}
		.scphotolist a {text-decoration:none;font-size:18px;}
		.scphotolist a p{background:#949494;text-align:center;padding:20px 0;color:#fff;margin-bottom:0;}
		.scphotolist a:hover p {background:#be1b21;}
		.scphotolist a  img{max-width:100%;}
		.scphotoimg {border:1px solid #ccc;text-align:center;padding:20px;}
		.scphototext {padding:50px;}
		.scphotomore {border-top:1px solid #be1b21;margin-top:50px;padding:40px;}
		.scnewslist {border-top:1px solid #ccc;padding:20px 0;}
		.scnewslist a{text-decoration:none;font-size:24px;color:#000;display:block;}
		.scnewscon {font-size:14px;color:#626262;margin-top:10px;}
		.scnewstime {font-size:14px;color:#626262;text-align:center;}
		.scnewslisttime {font-size:12px;color:#626262;}
		.scnewstitle {font-size:24px;color:#000;text-align:center;}
		.scnewsshow {min-height:540px;}
		.scnewsshow img {width:100%;}
		.scbannertext {bottom:42%;}
		.scbannertext h3 {font-size:48px;font-weight:bolder;}
		.scbannertext h5 {font-size:18px;}
		.scbannertext p {font-size:14px;text-decoration:nonoe;}
		.toplogo {max-width:100%;}
		.navbar-expand-lg {background-color:rgba(255,255,255,0.9);padding-top:0;padding-bottom:0;}
		.navbar-expand-lg .navbar-nav .nav-link {padding-right:1.8rem;padding-left:1.8rem;padding-top:38px;padding-bottom:35px;border-bottom:3px solid rgba(255,255,255,0);font-size:17px;color:#333;}
		.navbar-expand-lg .navbar-nav .nav-link:hover {border-bottom:3px solid #be1b21;color:#be1b21;}
		.navbar-brand {margin-left:3rem;}
		.dropdown-menu {min-width:15rem;padding:0;border-radius:0;border:0;}
		.dropdown-item{padding:20px 30px;border-bottom:1px solid #f2f2f2;}
		.scpill .tab-content{color:#333;}
		.nav-pills .nav-link {text-align:left;border-bottom:1px solid #f2f2f2;color:#333;font-size:20px;background-color:rgba(255,255,255,0.8);padding:20px 30px;border-radius:0;border-left:1px solid #eee;}
		.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color:rgba(0,0,0,0.5);}
		.nav-pills .nav-link i{color:#be1b21;}
		.nav-pills .nav-link.active i, .nav-pills .show>.nav-link i{color:#ff0101;}
		.nav-pills .nav-link a{text-decoration:none;color:#333;display:block;}
		.nav-pills .nav-link a:hover{color:#be1b21;font-weight:bolder;}
		.scfltext {color:#666;margin-bottom:30px;}
		.tab-pane img{max-width:100%;}
		.scinews {padding:75px 0;background-color:#f2f2f2;}
		.scinews h3{font-size:36px;font-weight:bolder;color:#000;margin-bottom:5px;text-align:center;}
		.scnewsli {border-right:3px solid #e8e8e8;overflow: hidden;text-overflow: ellipsis;padding:20px 30px;background-color:#fff;}
		.scnewsli a{text-decoration:none;}
		.scnewsli a span {white-space: nowrap;color:#000;font-size:20px; }
		.scnewsli a:hover span {color:#be1b21;font-weight:bold;}
		.scnewsli a p{color:#999;height:72px;overflow: hidden;text-overflow: ellipsis;}
		.scnewslitime {color:#be1b21 !important;font-size:14px;border-bottom:1px solid #eee;padding:15px 0;height:auto !important;}
		.scnewsmore {text-decoration:none;display:inline-block;padding:30px 0;color:#333;}
		.scnewsmore:hover {color:#be1b21;}
		

        /* 汉堡按钮 所有屏幕永久显示 */
        .hamburger-btn {
            width: 38px;
            height: 32px;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 10px;
        }
        .hamburger-btn span {
            width: 100%;
            height: 2px;
            background: #be1b21;
            border-radius: 2px;
            transition: all 0.3s ease;
            transform-origin: center;
        }
        /* 激活：三横线变叉 */
        .hamburger-btn.active span:nth-child(1) {
            transform: translateY(12px) rotate(45deg);
        }
        .hamburger-btn.active span:nth-child(2) {
            opacity: 0;
        }
        .hamburger-btn.active span:nth-child(3) {
            transform: translateY(-12px) rotate(-45deg);
        }

        /* ========== 向下展开下拉菜单容器 ========== */
        .dropdown-menu-wrap {
            width: 100%;
            background: #ffffff;
            border-bottom: 1px solid #eee;
            box-shadow: 0 6px 15px rgba(0,0,0,0.1);
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease;
            z-index: 999; /* 菜单层级 > 遮罩 */
            position: relative;
        }
        .dropdown-menu-wrap.open {
            max-height: 700px;
        }

        /* 菜单内部多列布局 */
        .menu-container {
            max-width: 1280px;
            margin: 0 auto 20px auto;
            padding: 40px 30px;
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 35px;
			background:#f7f7f7;
        }
        .menu-col h3 {
            font-size: 17px;
            color: #222;
            margin-bottom: 18px;
            padding-bottom: 8px;
            border-bottom: 2px solid #be1b21;
            display: inline-block;
        }
		.menu-col ul{
			margin: 0;
            padding: 0;
            box-sizing: border-box;
            list-style: none;
            text-decoration: none;
			}
        .menu-col li {
            margin-bottom: 12px;
			list-style:none;
        }
        .menu-col li a {
            color: #555;
            font-size: 15px;
            transition: 0.2s;
			text-decoration:none;
        }
        .menu-col li a:hover {
            color: #be1b21;
            padding-left: 6px;
        }

        /* 遮罩层：修正层级，不会盖住下拉菜单 */
        .mask {
            position: fixed;
            top: 65px;
            left: 0;
            width: 100%;
            height: 100vh;
            background: rgba(0,0,0,0.25);
            z-index: 998; /* 层级低于下拉菜单 */
            display: none;
        }
        .mask.show {
            display: block;
        }

        /* 手机端自适应：多列变单列 */
        @media screen and (max-width: 768px) {
            .menu-container {
                grid-template-columns: 1fr;
                padding: 25px 20px;
            }
        }
@media (max-width:1600px){
	 .navbar-expand-lg .navbar-nav .nav-link {padding-right:1.5rem;padding-left:1.5rem;font-size:16px;}
	 .navbar-brand {margin-left:0;max-width:500px;}

	
}
@media (max-width:1399px){
	.scflbimg img{position:relative;left:-50px;}
	.navbar-expand-lg .navbar-nav .nav-link {padding-right:1.3rem;padding-left:1.3rem;}
	.navbar-brand {margin-left:0;max-width:400px;}
	
}
@media (max-width:1199px){
	.scflaimg a{font-size:24px;}
	.scflbimg a{font-size:24px;}
	.scflcimg a{font-size:24px;}
	.sccontentnav a {font-size:14px;}
	.navbar-expand-lg .navbar-nav .nav-link {padding-right:0.8rem;padding-left:0.8rem;}
	.navbar-brand {max-width:300px;}
	.d-flex{padding:12px;}
}
@media (max-width:991px){
	.navbar-expand-lg{padding-top:0.5rem;padding-bottom:0.5rem;}
	.navbar-brand {max-width:75%;}
	
}
@media (max-width:767px){
	.scfla {width:100%;transform:rotate(0deg) scale(1.003) skew(0deg) translate(0px);height:auto;padding:20px;}
	.scflb {width:100%;transform:rotate(0deg) scale(1.003) skew(0deg) translate(0px);height:auto;padding:20px;top:0;left:0;margin-top:1px;margin-bottom:1px;}
	.scflaimg {transform:rotate(0deg) scale(1.003) skew(0deg) translate(0px);}
	.scflbimg {transform:rotate(0deg) scale(1.003) skew(0deg) translate(0px);}
	.scflcimg {transform:rotate(0deg) scale(1.003) skew(0deg) translate(0px);}
	.scflaimg img {display:none;}
	.scflbimg img {display:none;}
	.scflcimg img {display:none;}
	.scflaimg p {padding:0;}
	.scflbimg p {padding:0;}
	.scflcimg p {padding:0;}
	.scfl {padding-top:30px;padding-bottom:50px;min-height:auto;}
	.scfltitle p{margin-bottom:30px;}
	.scfootadd p{font-size:14px;color:#626262;}
	.sccontentnav a {font-size:18px;}
	.scbannertext {bottom:15%;}
	.scbannertext h3 {font-size:13px;}
	.scbannertext h5 {font-size:12px;}
	
	.navbar-expand-lg .navbar-nav .nav-link {padding:15px;}
        .menu-col li {
            margin-bottom: 3px;
			list-style:none;
        }
		.menu-col h3 {
            margin-bottom: 5px;
            padding-bottom: 8px;
            border-bottom: 2px solid #be1b21;
            display: inline-block;
        }
	
}
@media (max-width:640px){
}