body { 
	padding: 0;
	margin: 0;
	background:#e5e5e3;
}
body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration: none;
}
body a:hover {
	text-decoration: none;
	color:#1a754c;
}

body a:focus, a:hover {
	text-decoration: none;
	outline:none;
}
input[type="button"], input[type="submit"], button.btn ,i.fa.icons:hover,.footer-nav li{
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}
ul, li{list-style:none}
label {
	margin: 0;
}
.text-center {
	text-align: center;
}
/*-- //Reset-Code --*/
p {
	margin: 0;
	line-height: 2;
	font-size: 1em;
	color:#888;
}
/*-- header styling starts here --*/

@font-face {
  font-family: 'SCSemiBold';
  src: url('../fonts/SCSemiBold.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {  
  font-family: '884-CAI978';
  src: url('../fonts/884-CAI978.ttf');
  font-weight: normal;
  font-style: normal;
}


/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:116px; overflow:hidden; position: sticky; top:0; z-index:999; width:1280px; margin-left:auto; margin-right:auto;}
.sp_header_gun{height:116px; overflow:hidden; position: sticky; top:0; z-index:999; width:1280px; margin-left:auto; margin-right:auto;}
.sp_header_bg{height:116px; overflow:hidden; background:#fff; opacity:1; position: sticky; top:0; z-index:999; width:1280px; margin-left:auto; margin-right:auto;}
.sp_logo{padding:30px 20px 10px 30px; float:left;height:100px;}
.sp_logo img{margin:auto;max-height:80px; opacity:1;}
/*半透明底图片不透明处理*/
.sp_header {
    display: inline-block;
}
.sp_header::before {
    content: "";
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0); /* 半透明白色遮罩 */
    pointer-events: none; /* 使得伪元素不接收鼠标事件 */
}
/*半透明底图片不透明处理*/
.sp_header_gun {
    display: inline-block;
}
.sp_header_gun::before {
    content: "";
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5); /* 半透明白色遮罩 */
    pointer-events: none; /* 使得伪元素不接收鼠标事件 */
}

.sp_header img {
    display: block; /* 避免图片下方出现空隙 */
}

.sp_nav{width:140px;float:right;position:relative;cursor:pointer;height:90px;margin-top:25px;}
.sp_nav span{display:block;background:#1a754c;width:90px;height:10px;position:absolute;left:20px;transition:all ease 0.35s;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:30px}
.sp_nav span:nth-of-type(3){top:60px}
.sp_nav_se span:nth-of-type(1){top:40px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:40px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:99;background:#ffffff;width:1280px; margin-left:auto; margin-right:auto; height:calc(100vh);top:-100%;left:0;transition:top ease 0.35s; border-top:#666666 solid 6px; padding-left:60px; padding-right:60px;}
.nav_show{position:sticky; top:116px;}
/*
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
*/
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
/*-- 遮罩层 --*/
.mask {
display:none;
}
.mask2 {
  display:block;
  position: fixed; /* 定位为固定位置 */
  min-width:1280px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF; /* 半透明遮罩 */
  z-index: 9; /* 确保遮罩在其他内容之上 */
}



/*-- banner --*/
#indexbanner{
	width:1280px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	z-index:1;
	top:-123px;
	position: relative;
}
.main-menu{
	position:sticky;
	top: 0;
	width: 100%;
	height:100%;
	z-index: 999;
}
.main-header{
	width: 1100px;
	height:58px;
	margin:30px auto;
	border-radius:29px;
	background:#FFFFFF;
}
.logo{
	float:left;
	width:192px;
	text-align:center;
	line-height:1em;
	margin-top:15px;
	margin-left:44px;
}
.nav{
	float:right;
	height:1em;
	margin-top:9px;
	margin-right:12px;
}
.item{
	float:left;
	width:100%;
	max-width:1280px;
	border-bottom:#666666 solid 1px;
}
.item a{
	float:left;
	line-height:2.5em;
	font-size:5em;
	letter-spacing:2px;
	color:#000000;
	cursor:pointer;
	width:90%;
	margin-left:30px;
	margin-right:auto;
	font-family:'SCSemiBold';
}
.item a:hover{
	color:#1a754c;
}
.item2{
	float:left;
	width:100%;
	max-width:1280px;
	border-bottom:#666666 solid 1px;
}
.item2 a{
	float:left;
	line-height:2.5em;
	font-size:5em;
	letter-spacing:2px;
	color:#1a754c;
	cursor:pointer;
	width:90%;
	margin-left:30px;
	margin-right:auto;
	font-family:'SCSemiBold';
}
.item2 a:hover{
	font-weight: bold;
}
/*-- 小导航 --*/
.itemchild{
padding-left:60px;
border-bottom:#cccccc solid 1px;
}
.itemchild a{
	float:left;
	line-height:2.5em;
	font-size:4em;
	letter-spacing:2px;
	color:#000000;
	cursor:pointer;
	width:90%;
	margin-left:50px;
	margin-right:auto;
	font-family:'SCSemiBold';
}
.itemchild2{
padding-left:60px;
border-bottom:#cccccc solid 1px;
}
.itemchild2 a{
	float:left;
	line-height:2.5em;
	font-size:4em;
	letter-spacing:2px;
	color:#1a754c;
	cursor:pointer;
	width:90%;
	margin-left:50px;
	margin-right:auto;
	font-family:'SCSemiBold';
}

/*-- 1280控制 --*/
.w1280 {
width:1280px;
overflow:hidden;
}
/*-- 解决方案 --*/
.fangan {
height:1080px;
width:1280px;
background:#e5e5e3;
margin-left:auto;
margin-right:auto;
display: flex;
flex-direction: column;
justify-content: flex-end; /* 使子元素底部对齐 */
}
.fanganTop{
width:1200px;
margin-left:auto;
margin-right:auto;
}
.fanganTT{
font-size:16px;
font-weight:500;
letter-spacing:1px;
}
.fanganTitOne{
margin:0 auto;
width:600px;
}
.fanganTit{
font-size:1.7em;
font-family:'SCSemiBold';
margin-bottom:18px;
}
.fanganTit span{
font-size:1.7em;
font-family:'SCSemiBold';
}
.fanganContent{
font-size:16px;
font-weight:400;
letter-spacing:1px;
line-height:2em;
width:600px;
margin-top:110px;
}

.fanganImg{
margin-top:-110px;
margin-left:-50px;
}

.fangan img {
width:1311px;
margin-left:0;
}


.HMSD {
width:1280px;
background:#e5e5e3;
}
.HMSDTitOne{
margin:80px auto 60px auto;
width:1170px;
font-size:23px;
line-height:42px;
font-weight:400;
letter-spacing:3px;
}
.HMSDTit{
font-size:45px;
letter-spacing:4px;
color:#209964;
margin-bottom:50px;
}

.hmsd-pic-0{
padding-top:65px;
padding-left:84px;
margin-left:auto;
margin-right:auto;
width:1170px;
height:532px;
overflow: hidden;
border-radius:22px;
background:url(../media/hmsd-0.png);
/* 设置背景大小为100% */
background-size: 100%;
/* 设置背景图片位置 */
background-position: 50% 50%;
/* 添加过渡效果 */
transition: all 1s;
}
.hmsd-pic-0:hover{
background-size:110%;
}
.hmsd-pic-p{
font-size:40px;
font-family:'SCSemiBold';
color:#FFFFFF;
letter-spacing:8px;
}

.hmsd-pic-Width{
width:1170px;
margin-top:19px;
margin-left:auto;
margin-right:auto;
}

.hmsd-pic-1{
float:left;
padding-top:25px;
padding-left:84px;
width:575px;
height:384px;
overflow: hidden;
border-radius:22px;
background:url(../media/hmsd-1.png);
background-size: 100%;
background-position: 50% 50%;
transition: all 1s;s
}
.hmsd-pic-1:hover{
background-size:110%;
}
.hmsd-pic-2{
float:right;
padding-top:25px;
padding-left:84px;
width:575px;
height:384px;
overflow: hidden;
border-radius:22px;
background:url(../media/hmsd-2.png);
background-size: 100%;
background-position: 50% 50%;
transition: all 1s;
}
.hmsd-pic-2:hover{
background-size:110%;
}

.hmsd-pic-3{
float:left;
padding-top:25px;
padding-left:84px;
width:575px;
height:384px;
overflow: hidden;
border-radius:22px;
background:url(../media/hmsd-3.png);
background-size: 100%;
background-position: 50% 50%;
transition: all 1s;
}
.hmsd-pic-3:hover{
background-size:110%;
}
.hmsd-pic-4{
float:right;
padding-top:25px;
padding-left:84px;
width:575px;
height:384px;
overflow: hidden;
border-radius:22px;
background:url(../media/hmsd-4.png);
background-size: 100%;
background-position: 50% 50%;
transition: all 1s;
}
.hmsd-pic-4:hover{
background-size:110%;
}

.hmsd-moreH{
padding-top:80px;
padding-bottom:80px;
text-align:center;
}
.hmsd-more{
border-radius:26px;
background:#209963;
color:#FFFFFF;
font-size:23px;
letter-spacing:2px;
font-family:'SCSemiBold';
padding:5px 30px 10px 35px;
margin:auto;
}

.showroom{
background:#a2ab7c url(../media/showroom-bg.png) top left no-repeat;
height:646px;
width:1280px;
overflow:hidden;
border-bottom:#e5e5e3 solid 2px;
display: flex;
justify-content: center;
align-items: center;
}
/*滑动*/
.swiper-item > img{
    width: inherit;
    height: inherit;
    object-fit: cover;
}

.swiper-container{
width:100%;
height:500px;
float:right;
}
.swiper-wrapper{
}
.swiper-item{
float:left;
}

.hmsd-showroom-p{
font-size:35px;
font-family:'SCSemiBold';
color:#FFFFFF;
letter-spacing:4px;
}
.hmsd-showroom-c{
font-size:20px;
color:#FFFFFF;
letter-spacing:2px;
}
.hmsd-showroom-pict{
font-size:12px;
color:#FFFFFF;
}

.client{
background:#d2d2d2 url(../media/client-bg2.png) top left no-repeat;
background-position: 0px 366px;
height:714px;
width:1280px;
display: flex;
justify-content: center;
align-items: center;
}
.client-1{
font-size:16px;
font-weight: bold;
color:#1a1a1a;
letter-spacing:2px;
}
.client-i-line{
border-top:#1a1a1a solid 1px;
}
.client-a{
font-size:17px;
color:#1a1a1a;
letter-spacing:2px;
}

.dingji-H{
background:#e5e5e3;
width:1280px;
height:382px;
display: flex;
justify-content: center;
align-items: center;
}
.dingji-t1{
font-size:54px;
font-family:'SCSemiBold';
color:#302c29;
letter-spacing:2px;
}
.dingji-t2{
font-size:32px;
font-family:'SCSemiBold';
color:#302c29;
letter-spacing:2px;
line-height:100px;
}
.dingji-t3{
font-size:15px;
color:#302c29;
letter-spacing:2px;
}

.dingji{
background:#e5e5e3 url(../media/dingji-bg3.png) bottom right no-repeat;
background-position: bottom 200px right 0px;
width:1280px;
min-height:500px;
display: flex;
justify-content: center;
align-items: center;
}
/*-- video --*/
.dj-video{
	position:relative;
	overflow:hidden;
}
.dj-v-bg{
	position:absolute;
	top: 0;
	padding:0;
	margin:0;
}
.dj-v-bg img{
	top: 0;
	left:0;
}


.cailiao-H{
background:#dfdcd3;
width:1280px;
padding-top:100px;
padding-bottom:100px;
display: flex;
justify-content: center;
align-items: center;
}
.cailiao-t1{
font-size:35px;
font-family:'SCSemiBold';
color:#302c29;
letter-spacing:2px;
line-height:2em;
}
.cailiao-t2{
font-size:15px;
color:#302c29;
letter-spacing:2px;
line-height:2em;
}

.news-H{
background:#a2ab7c url(../media/news-index-bg-left.jpg) top left no-repeat;
height:550px;
width:1280px;
display: flex;
justify-content: center;
align-items: center;
}
.news-t1{
font-size:46px;
font-family:'SCSemiBold';
color:#ffffff;
letter-spacing:2px;
line-height:1.1em;
}
.news-t2{
font-size:50px;
font-family:'884-CAI978';
font-weight:500;
color:#302c29;
letter-spacing:3px;
line-height:1.1em;
padding-right:45px;
}

.news-H2{
background:#d2d2d2 url(../media/news-index-p2.jpg) top left no-repeat;
background-position: 20px 38px;
width:1280px;
display: flex;
justify-content: center;
align-items: center;
padding-top:38px;
padding-bottom:100px;
}
.news-t3{
font-size:14px;
color:#2e2d29;
letter-spacing:1px;
line-height:1.1em;
}

.person-ct{
font-size:14px;
color:#989898;
line-height:1.1em;
letter-spacing:2px;
}
.person-c1{
font-size:14px;
color:#2e2d29;
line-height:1.1em;
}
.person-c2{
font-size:20px;
color:#2e2d29;
line-height:1.3em;
letter-spacing:2px;
width:686px;
padding-right:5%;
padding-top:25px;
padding-bottom:25px;
}





@keyframes moveUpAndDown {
  0% {
    transform: translateX(0);
  }
  50% {  
    transform: translateX(-5%);
  }
  100% {
    transform: translateX(0);
  }
}
 
 
 /*-- aboutbanner --*/
#aboutbanner{
	position:relative;
	width:1280px;
	height:552px;
	overflow:hidden;
	background:#CCCCCC url(../media/banner-2.jpg) top center;
	margin:0 auto;
	z-index:1;
	top:-123px;
	position: relative;
}
.banner-font{
	position:relative;
	top: 250px;
	width:1250px;
	margin:auto;
}
.banner-tit{
font-size:63px;
font-family:'884-CAI978';
font-weight:800;
color:#ffffff;
letter-spacing:5px;
line-height:1.1em;
}
.banner-con{
font-size:16px;
font-weight:500;
color:#ffffff;
letter-spacing:3px;
line-height:2em;
}

.about-H{
background:#e5e5e3;
width:1280px;
}
.about-t1{
font-size:80px;
font-family:'884-CAI978';
color:#209963;
letter-spacing:3px;
font-weight:800;
}
.about-t2{
font-size:30px;
color:#252525;
font-weight:400;
}
.about-t3{
font-size:36px;
font-family:'884-CAI978';
color:#209963;
font-weight:800;
letter-spacing:2px;
}
.about-t4{
font-size:28px;
color:#209963;
font-weight:400;
letter-spacing:2px;
}
.about-t5{
font-size:36px;
font-family:'884-CAI978';
color:#ffffff;
font-weight:800;
letter-spacing:2px;
}
.about-t6{
font-size:48px;
color:#ffffff;
letter-spacing:2px;
font-weight:bold;
font-family:'SCSemiBold';
}
.about-t7{
font-size:26px;
color:#ffffff;
font-weight:200;
letter-spacing:1px;
}
.about-t8{
border-top:#FFFFFF solid 1px;
font-size:17px;
color:#ffffff;
font-weight:400;
letter-spacing:2px;
}
.about-t9{
font-size:17px;
color:#ffffff;
font-weight:400;
letter-spacing:1px;
}

.about-p1{
font-size:18px;
color:#ffffff;
font-weight:400;
letter-spacing:2px;
padding-left:46px;
}

.about-tt{
font-size:80px;
font-family:'884-CAI978';
color:#ffffff;
letter-spacing:3px;
font-weight:800;
}
.about-tt1{
font-size:30px;
color:#ffffff;
font-weight:400;
letter-spacing:3px;
}
.about-tt2{
font-size:80px;
color:#209963;
letter-spacing:3px;
font-weight:400;
}



 /*-- 联系我们 --*/
#contactbanner{
	position:relative;
	width:100%;
	min-width:1080px;
	height:88px;
	overflow:hidden;
	background:#e5e5e3;
	margin:0 auto;
	z-index:1;
	top:-123px;
	position: relative;
}
.contact-t1{
font-size:50px;
font-family:'SCSemiBold';
color:#209963;
letter-spacing:3px;
font-weight:800;
}


 /*-- 可持续发展 --*/
#developbanner{
	position:relative;
	width:1280px;
	height:552px;
	overflow:hidden;
	background:#ffffff url(../media/develop_banner.jpg) top center;
	margin:0 auto 0 auto;
	z-index:1;
	top:-123px;
	position: relative;
}
.develop-t1{
font-size:50px;
font-family:'SCSemiBold';
color:#209963;
letter-spacing:3px;
font-weight:800;
}
.develop-t2{
font-size:40px;
color:#1a754c;
letter-spacing:2px;
font-weight:500;
}
.develop-t6{
font-size:42px;
color:#252525;
letter-spacing:2px;
font-weight:800;
font-family:'SCSemiBold';
}
.develop-t7{
font-size:24px;
color:#252525;
font-weight:400;
letter-spacing:2px;
}
.develop-t8{
border-top:#252525 solid 1px;
font-size:20px;
color:#252525;
font-weight:400;
letter-spacing:2px;
}
.develop-t9{
font-size:17px;
color:#252525;
font-weight:400;
letter-spacing:2px;
line-height:25px;
}

.develop-i-t{
font-size:30px;
color:#ffffff;
font-weight:400;
letter-spacing:1px;
line-height:35px;
}

.deve_client{
background:#a2ab7c;
height:517px;
width:100%;
}
.deve_client-a{
font-size:17px;
color:#ffffff;
letter-spacing:2px;
}
.deve_client-1{
font-size:16px;
font-weight: bold;
color:#ffffff;
letter-spacing:2px;
}
.deve_client-i-line{
border-top:#ffffff solid 1px;
}
.develop-tt2{
font-size:50px;
font-family:'SCSemiBold';
color:#000000;
letter-spacing:3px;
font-weight:400;
}

.deve_s_tit{
font-size:23px;
font-family:'SCSemiBold';
color:#209963;
letter-spacing:3px;
font-weight:400;
}
.deve_s_tit2{
font-size:12px;
color:#000000;
letter-spacing:1px;
line-height:2.2em;
}

 /*-- 资料中心 --*/
#infobanner{
	width:1280px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	z-index:1;
	top:-123px;
	position: relative;
	/*
	background:#f9f7f8 url(../media/banner_imfomation.jpg) top center;
	margin:0 auto;
	z-index:1;
	top:-123px;
	position: relative;
	*/
}
.infomation{
background:#e5e5e3 url(../media/client-bg2.png) top left no-repeat;
background-position: 0px 366px;
height:680px;
width:100%;
display: flex;
justify-content: center;
align-items: center;
}

.info-banner-font{
	position:relative;
	top: 250px;
	width:1250px;
	margin:auto;
}
.info-banner-tit{
font-size:63px;
font-family:'884-CAI978';
font-weight:800;
color:#ffffff;
letter-spacing:5px;
line-height:1.1em;
}
.info-banner-con{
font-size:16px;
font-weight:500;
color:#ffffff;
letter-spacing:3px;
line-height:2em;
}


 /*-- 企业宣传片 --*/
#videobanner{
	position:relative;
	width:1280px;
	height:552px;
	overflow:hidden;
	background:#f9f7f8 url(../media/banner_company.jpg) top center;
	margin:0 auto;
	z-index:1;
	top:-123px;
	position: relative;
}


 /*-- 防火隔断 --*/
#hezuobanner{
	position:relative;
	width:1280px;
	height:682px;
	overflow:hidden;
	background:#f9f7f8 url(../media/hezuo_banner.jpg) top center;
	margin:0 auto 0 auto;
	z-index:1;
	top:-123px;
	position: relative;
}
.hezuo-a1{
font-size:26px;
color:#ffffff;
letter-spacing:3px;
background:#209963;
border:#209963 solid 1px;
width:50%;
cursor: pointer;
}
.hezuo-a2{
font-size:26px;
color:#209963;
letter-spacing:3px;
background:#ffffff;
border:#209963 solid 1px;
width:50%;
cursor: pointer;
}
.hezuo-t1{
display:block;
}
.hezuo-t2{
display:none;
}

 /*-- 声学舱 --*/
#soundbanner{
	position:relative;
	width:1280px;
	height:682px;
	overflow:hidden;
	background:#f9f7f8 url(../media/sound_banner.jpg) top center;
	margin:0 auto 0 auto;
	z-index:1;
	top:-123px;
	position: relative;
}
 /*-- 区域展示 --*/
#showroombanner{
	position:relative;
	width:1280px;
	height:682px;
	overflow:hidden;
	background:#f9f7f8 url(../media/showroom_banner.jpg) top center;
	margin:0 auto 0 auto;
	z-index:1;
	top:-123px;
	position: relative;
}





/*foot*/
.footer-H-T{
background:#a2ab7c;
width:100%;
}
.footer-H{
background:#a2ab7c;
width:1280px;
padding-top:50px;
padding-bottom:50px;
}
.footer-s1{
font-size:26px;
color:#ffffff;
letter-spacing:1px;
}
.footer-d1{
font-size:30px;
color:#ffffff;
letter-spacing:1px;
font-weight:bold;
font-family:'SCSemiBold';
}
.footer-d2{
font-size:26px;
color:#ffffff;
letter-spacing:1px;
}




 
 
.animated-element {
  animation: moveUpAndDown 5s ease-in-out infinite;
}


.main-content{
	position:relative;
	width:100%;
	height:65%;
}
.line{
	position:absolute;
	right:150px;
	bottom:140px;
}
.main-footer{
	margin-top:50px;
	width:100%;
	height:300px;
	text-align:center;
	font-size:14px;
	color:#fff;
}