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;
}
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;
}

/*-- banner --*/
#indexbanner{
	position:relative;
	top:-119px;
	width:100%;
	min-width:1080px;
	overflow:hidden;
}
.main-menu{
	position:sticky;
	top: 0;
	width: 100%;
	height:100%;
	z-index: 10;
}
.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;
}
.item a{
	float:left;
	line-height:40px;
	letter-spacing:2px;
	color:#fff;
	cursor:pointer;
	border-radius:20px;
	background:#1a754c;
	padding:0 20px 0 20px;
	height:40px;
	font-family:'SCSemiBold';
}
.item a:hover{
	color:#e8c626;
}
.item2{
	float:left;
	line-height:1em;
	color:#fff;
	margin-right:5px;
	height:40px;
}
.item2 a{
	float:left;
	line-height:40px;
	letter-spacing:2px;
	color:#000;
	cursor:pointer;
	padding:0 20px 0 20px;
	height:40px;
	font-family:'SCSemiBold';
	border-radius:20px;
	border:#fff solid 1px;
}
.item2 a:hover{
	border-radius:20px;
	background:#1a754c;
	font-weight: bold;
	color:#ffffff;
}
=========================================*/
/*-- 解决方案 --*/
.fangan {
height:1498px;
width:100%;
background:#e5e5e3;
display: flex;
flex-direction: column;
justify-content: flex-end; /* 使子元素底部对齐 */
}
.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:660px;
margin-top:150px;
}

.fanganImg{
margin-top:-150px;
}

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


.HMSD {
width:100%;
background:#e5e5e3;
}
.HMSDTitOne{
margin:180px auto 120px 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;
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;
}

.hmsd-pic-1{
float:left;
padding-top:25px;
padding-left:84px;
width:571px;
height:439px;
overflow: hidden;
border-radius:22px;
background:url(../media/hmsd-1.png);
background-size: 100%;
background-position: 50% 50%;
transition: all 1s;
}
.hmsd-pic-1:hover{
background-size:110%;
}
.hmsd-pic-2{
float:right;
padding-top:25px;
padding-left:84px;
width:571px;
height:439px;
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:571px;
height:439px;
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:571px;
height:439px;
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;
}
.hmsd-more:hover{
color:#e8c626;
}


.showroom{
background:#a2ab7c url(../media/showroom-bg.png) top left no-repeat;
height:746px;
width:100%;
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:600px;
float:right;
}
.swiper-wrapper{
}
.swiper-item{
float:right;
}

.hmsd-showroom-p{
font-size:40px;
font-family:'SCSemiBold';
color:#FFFFFF;
letter-spacing:8px;
}
.hmsd-showroom-c{
font-size:16px;
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:100%;
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:100%;
height:542px;
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:100%;
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:100%;
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:100%;
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:70px;
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:100%;
display: flex;
justify-content: center;
align-items: center;
padding-top:38px;
padding-bottom:220px;
}
.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:25px;
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;
	top:-119px;
	margin-bottom:-119px;
	width:100%;
	min-width:1080px;
	height:552px;
	overflow:hidden;
	background:#CCCCCC url(../media/banner-2.jpg) top center;
	background-size: cover;
}
.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:100%;
}
.about-t1{
font-size:50px;
font-family:'884-CAI978';
color:#209963;
letter-spacing:3px;
font-weight:800;
}
.about-t2{
font-size:17px;
color:#252525;
font-weight:400;
}
.about-t3{
font-size:26px;
font-family:'884-CAI978';
color:#209963;
font-weight:800;
letter-spacing:2px;
}
.about-t4{
font-size:18px;
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:40px;
color:#ffffff;
letter-spacing:2px;
font-weight:bold;
font-family:'SCSemiBold';
}
.about-t7{
font-size:14px;
color:#ffffff;
font-weight:200;
letter-spacing:2px;
}
.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:50px;
font-family:'884-CAI978';
color:#ffffff;
letter-spacing:3px;
font-weight:800;
}
.about-tt1{
font-size:17px;
color:#ffffff;
font-weight:400;
letter-spacing:3px;
}
.about-tt2{
font-size:50px;
color:#209963;
letter-spacing:3px;
font-weight:400;
}

.about-bg1{
background:url(../media/about-bg1.jpg) top right;
background-size: cover;
}
.about-bg2{
background:url(../media/about-bg2.jpg) top right;
background-size: cover;
}



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


 /*-- 可持续发展 --*/
#developbanner{
	position:relative;
	top:-119px;
	margin-bottom:-119px;
	width:100%;
	min-width:1080px;
	height:552px;
	overflow:hidden;
	background:#f9f7f8 url(../media/develop_banner.jpg) top center;
	background-size: cover;
}
.develop-t1{
font-size:50px;
font-family:'SCSemiBold';
color:#209963;
letter-spacing:3px;
font-weight:800;
}
.develop-t2{
font-size:20px;
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:15px;
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:18px;
color:#ffffff;
font-weight:400;
letter-spacing:2px;
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;
}

.develop_b2{
background:#e5e5e3 url(../media/develop_bg2.jpg) no-repeat bottom;
background-size: cover;
}
.develop_b4{
background:url(../media/develop_b4.jpg) top right;
background-size: cover;
}
.develop_b5{
background:url(../media/develop_b5.jpg) center right;
background-size: cover;
}

 /*-- 资料中心 --*/
#imfobanner{
	position:relative;
	top:-119px;
	width:100%;
	min-width:1080px;
	overflow:hidden;

/*
	position:relative;
	top:-119px;
	margin-bottom:-119px;
	width:100%;
	min-width:1080px;
	height:552px;
	overflow:hidden;
	background:#f9f7f8 url(../media/banner_imfomation.jpg) top center;
	background-size: cover;
*/	
}
.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;
}

 /*-- 企业宣传片 --*/
#videobanner{
	position:relative;
	top:-119px;
	margin-bottom:-119px;
	width:100%;
	min-width:1080px;
	height:552px;
	overflow:hidden;
	background:#f9f7f8 url(../media/banner_company.jpg) top center;
	background-size: cover;
}



 /*-- 防火隔断 --*/
#hezuobanner{
	position:relative;
	top:-119px;
	margin-bottom:-119px;
	width:100%;
	min-width:1080px;
	height:782px;
	overflow:hidden;
	background:#f9f7f8 url(../media/hezuo_banner.jpg) top center;
	background-size: cover;
}
.hezuo-a1{
font-size:17px;
color:#ffffff;
letter-spacing:3px;
background:#209963;
border:#209963 solid 1px;
width:50%;
cursor: pointer;
}
.hezuo-a2{
font-size:17px;
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;
	top:-119px;
	margin-bottom:-119px;
	width:100%;
	min-width:1080px;
	height:973px;
	overflow:hidden;
	background:#f9f7f8 url(../media/sound_banner.jpg) top center;
	background-size: cover;
}
 /*-- 区域展示 --*/
#showroombanner{
	position:relative;
	top:-119px;
	margin-bottom:-119px;
	width:100%;
	min-width:1080px;
	height:787px;
	overflow:hidden;
	background:#f9f7f8 url(../media/showroom_banner.jpg) top center;
	background-size: cover;
}



/*foot*/
.footer-H-T{
background:#a2ab7c;
width:100%;
}
.footer-H{
background:#a2ab7c;
width:100%;
padding-top:165px;
padding-bottom:120px;
}
.footer-s1{
font-size:14px;
color:#ffffff;
letter-spacing:1px;
}
.footer-d1{
font-size:19px;
color:#ffffff;
letter-spacing:1px;
font-weight:bold;
font-family:'SCSemiBold';
}
.footer-d2{
font-size:14px;
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;
}