@charset "utf-8";
/* CSS Document */
@keyframes sc1 {
0% {transform: scale(1);}
100% {transform: scale(1.2);}
}


*{padding: 0;margin: 0;}
a{text-decoration: none;}
li{list-style: none;}

.c3{color: var(--c3);}
.c6{color: var(--c6);}
.c9{color: var(--c9);}





*{padding: 0;margin: 0;}
a{text-decoration: none;}
li{list-style: none;}
body{z-index: -99;width: 100%;height:auto; margin:0; padding:0;font-size:12px;}
.clear{clear:both; height:0;}
a{color:#333;text-decoration:none;}
li{list-style:none;}

.headerTabActived{border-bottom:2px solid #FEEFCC; !important;}


#header_box{width:100%;height:60px;left:0;top:0;position:fixed;z-index:999;}

#headercontent{max-width:1200px; font-size:14px;padding: 0px 8px;display: flex;justify-content: space-between;align-items: center;margin: 0px auto;position: absolute;left: 0px;right: 0px;top: 0px;z-index: 10;height:60px;}
.headrbotoomboder{border-bottom:#eee 2px solid;}
#logodiv{display:flex;height:60px;line-height:60px; overflow:hidden;justify-content: space-between;align-items: center;}
#logodiv img{height:30px;}
#nav{display:flex;;height:60px;line-height:60px;justify-content: space-between;align-items: center;}
#nav ul{margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;unicode-bidi: isolate;}
#nav li{line-height:60px;display:inline-block;margin-right:70px;min-width:98px;font: 400 12px / 1 var(--PFR)}
#nav li a{color:#fff; font-size:16px;}
.open_icon3,.close_icon3{text-align:right;position:absolute;right:0;padding-right:5px;}
.mobilenav{width:100%;position:fixed;margin-top:60px;z-index:1500;padding-left:5px;display:none;background-color:#fff;}
.mobilenav li{line-height:50px;border-bottom:#eee 1px solid;display:inline-block;width:100%;}
.mobilenav li a{ font-weight:bold;}

.combanner{margin:60px auto;position:relative;width:100%;max-width:1920px;height:320px;overflow:hidden;display:flex;justify-content:center;align-items: center;}
.banner_txt{color:#fff;}
.banner_txt .DIV{line-height:35px;}

.companyfc{margin:0 auto;display: flex;flex-wrap: wrap;gap:15px;justify-content:center;align-items: center;width:100%;max-width:1400px;}
.companyfcitem{ width: calc(33.33% - 20px);text-align: center;margin-bottom:20px;background-color:#F4F7FA;border-radius: 10px; padding:5px;}
.companyfcitem img{cursor:pointer;width: calc(100% - 2px);transition: transform .2s; /* 动画效果 */ }
.companyfcitem img:hover{transform: scale(1.01);} 
.companyfcitem p {margin:16px 0; font-size:16px; text-align:left;font-weight:bold;}

.productcat{display:flex;flex-wrap:wrap;gap:16px;justify-content:left;align-items:center;width:100%;max-width:1400px;height:70px;border-bottom: 1px solid #EEEEEE; margin-bottom:50px;overflow:hidden;}
productcatitem a{color:#333;}
.productcatitem{max-width:150px;display:inline-block;height:100%;line-height:65px;padding:5px 5px 0 5px;font-size:16px;}
.activeit{background-color:#333;color:#fff;}

.productinfo{margin:0 auto;display: flex;flex-wrap: wrap;gap:16px;justify-content:center;align-items: center;width:100%;max-width:1400px;}
.productinfo a{display:block;width:calc(33.33% - 60px);margin-bottom:20px;background-color:#F4F7FA;border-radius:8px; padding:5px;text-align:left;}

.productinfo a  img{width:calc(100% - 6px);transition: transform .2s; /* 动画效果 */ }
.productinfo a  img:hover{transform: scale(1.01);} 
.productinfo a .title {margin:16px 0; font-size:16px;font-weight:bold;}
.productinfo a p{font-size:14px;color:#666;}


.mobilebot{background:#212121;overflow: hidden;color:#999;padding:30px 0 0;line-height:32px;display:none}
.mobile-copy-bj{margin-top:30px; text-align:center;}

/*当是大屏的时候小屏菜单收起*/
@media only screen and (min-width: 992.01px) {
	.open_icon3{display: none !important;}
	.close_icon3{display: none !important;}
	.mobilenav{display: none !important;}
	.mobilebot{display: none !important;}
	/*.header .jrjrNav{display: none !important;}*/
}

@media only screen and (max-width: 992px){
	#nav{display:none;}
	#header_box{background-color:#fff;}
	.open_icon3{display: block ;}
	.close_icon3{display: none;}
	.bot{display: none;}
	.mobilebot{display: block !important;}
	.menu_moblie__mei{display: none;}
 
 

	
}


