*{font-family:"Hiragino Sans GB","Microsoft YaHei",Arial,Helvetica,sans-serif}
body{margin:0;padding:0;font-size:14px;color:#333;background-color:#f8f8f8;overflow-X:hidden;font-weight:300}
a{color:#333;font-size:14px;text-decoration:none}
a:hover{color:#0657a8;text-decoration:none}
.aboutebg{background-image:url(/images/01.jpg);display:block;width:100%;height:575px;position:relative;overflow:hidden}
.aboutebgs{background-image:url(/images/abo.png);width:100%;height:600px;background-position:100% 95%;background-repeat:no-repeat}
.title{font-size:56px;color:#FFF;margin-top:3%;position:absolute;font-weight:bold;animation:titleup 1s}
.title span{font-size:18px;font-weight:300;line-height:35px;letter-spacing:1px;width:50%;display:block;margin-top:20px}

 .erbg25{
	background-image: url(/images/bannerbg.jpg);
	display: block;
	width: 100%;
	height: 350px;
	position: relative;
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #519014;
	background-attachment: fixed;
}

.web{ display:none;}
.pc{ display:block;}

.newsl{ display:block; width:65%; background-color:#FFF; height:auto; padding:5%; float:left; font-size:16px; line-height:35px; min-height:800px; margin-bottom:50px;}
.newsl h1{ font-size:30px; text-align:center;}
.newsl d{ font-size:14px; text-align:center; color:#CCC; display:block;}
.newsr{ display:block; width:20%; margin-left:3%; float:right}
.titless{font-size:25px; margin-bottom:20px; display:block;}
 .leis{ display:none}

.news2 span{float:left;font-size:14px;color:#fff;background-color:#548525;border-radius:5px;display:block;width:20px;height:20px;text-align:center;line-height:20px;box-shadow:0 0 3px #345bb2;margin-left:10px;margin-top:10px;padding:0;text-indent:0}
 
 .weizhi{color:#FFF;position:absolute;bottom:20px;text-indent:10px}
.weizhi a{color:#FFF}
.titler{font-size:56px;color:#FFF;margin-top:150px;font-weight:bold;text-align:center}
 

.titler span{font-size:30px;font-weight:300;line-height:50px;letter-spacing:1px}

.zi1{font-size:76px;line-height:90px;color:#FFF;font-weight:bold}
.zi2{font-size:39px;line-height:60px;color:#FFF;letter-spacing:3px}
.zi3{font-size:36px;line-height:60px;color:#FFF}
.zis.hidden{opacity:0;visibility:hidden}
 

.wkuang100{width:100%;margin-left:auto;margin-right:auto;height:auto;overflow:hidden}
.wkuang{width:75%;margin-left:auto;margin-right:auto;height:auto;overflow:hidden}
.wkuang65{width:65%;margin-left:auto;margin-right:auto;height:auto;overflow:hidden}

.center{text-align:center}

.proleft{ display:block; width:50%;   float:left; }
.proright{ display:block; width:50%;  float:left}

 
a.lnav{width:100%;overflow:hidden;display:block;background-color:#fff;float:left;box-shadow:0 0 10px rgba(150,150,150,.2);text-align:center;height:100px;position:relative}
a.lnav img{display:inline-block;max-width:100%;height:auto;z-index:1;transition:all.6s}
a.lnav:hover img{transform:scale(1.15)}

.pd30{ padding:30px;}
 .brand-btn {
         display: inline-flex;
            align-items: center;   
            justify-content: center; 
            background-color: white;
            color: #333;
            border: 1px solid #ccc;
            text-decoration: none;
            transition: all 0.3s ease;
            width: 70%;
            height: 50px;
            margin-top: 16px; margin-left:15%;
        }

        .brand-btn:hover {
            background-color: #f8f8f8;
            border-color: #ccc;
        }

        .brand-btn .arrow {
            margin-left: 12px;
            transition: transform 0.3s ease;
        }

        .brand-btn:hover .arrow {
            transform: translateX(10px);
        }
		
		
#dao{width:100%;display:block;height:80px;position:fixed;z-index:99}
#dao a{color:#FFF}
.daos{background-color:#FFF;box-shadow:0 2px 3px #e2e2e2;opacity:.96}
#dao.daos a{color:#333}
#dao a:hover{ }
.w75s{width:75%;margin-left:auto;margin-right:auto;height:auto;overflow:hidden;}
.w75{width:75%;margin-left:auto;margin-right:auto;display:block;border-radius:15px;overflow:hidden;height:auto}

.w752{width:75%;margin-left:auto;margin-right:auto;display:block;border-radius:15px;height:auto}
.logo{height:100px;width:20%;float:left;display:none}
.logo3{height:100px;width:20%;float:left;display:block}

.ttel{height:100px;width:15%;float:left;display:block}
.ttel img { margin-top:20px;}
.logox{display:block}
.logox3{display:none}
.logo img{margin-top:10px; height:60px;}
.logo3 img{margin-top:10px; height:60px;}
.logo2{height:100px;width:20%;float:left}
.logo2 img{margin-top:20px}



.nav-links {
	display:flex;
	float:left;
	list-style:none;
	width:75%;
	margin-top:20px;
	justify-content:space-evenly;
	align-items:center;
	text-transform:uppercase;
}
.nav-links li a {
	text-decoration:none;
	margin:0 0.7vw;
  
	 font-size:16px;
}
.nav-links li a:hover {
	color:#fff;
}
.nav-links li {
	position:relative;
}
.nav-links li a::before {
	content:"";
	display:block;
	height:3px;
	width:0%;
	background-color:#f39800;
	position:absolute;
	transition:all ease-in-out 250ms;
	margin-top:-10px;
	margin-right:0;
	margin-bottom:0;
	margin-left:10%;
}
.nav-links li a:hover::before {
	width:80%;
}	

        /*Styling Hamburger Icon*/
       .hamburger div {
            width: 30px;
            height: 3px;
            background: #f39800;
            margin: 5px;
            transition: all 0.3s ease;
        }

       .hamburger {
            display: none;
        }


.ikuang{ width:75%;margin-left:auto;margin-right:auto;height:auto;overflow:hidden; background-color:#488012; color:#FFF; font-size:28px; padding:25px; line-height:50px; margin-top:-55px; z-index:999; position: inherit}
.ikuang img{ float:right}


.ititle{font-size:36px;line-height:35px;;display:block;width:100%;text-align:center; color:#000; font-weight: bold}

.ititle span { display:block; width:90px; height:5px; background-color:#488012; border-radius:10px;margin-left:auto;margin-right:auto; margin-top:15px;}

.pornav{ display:block; width:650px; margin-left:auto; margin-right:auto;}
.menub1_1 {	font-weight: bold; float: left; width: 120px; cursor: pointer; color: #fff; line-height: 38px; height: 38px; text-align: center; background-color:#497f10;margin:5px; border-radius:5px; font-size:16px; letter-spacing:1px;}
.menub1_2 {	font-weight: normal;float: left; width: 120px; cursor: pointer; color: #333; line-height: 38px;  height:38px; text-align: center; margin:5px;font-size:16px;letter-spacing:1px;}
.menugtab { display:block; height:600px;}
 
.ipros{ width:30%; height:200px; margin-right:1%; margin-bottom:10px; border-radius:10px;}



.iaboul {
  display: block;
  width: 70%;
  height: 500px;
  background-image: url(images/about.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  position: relative;  /* 新增：为伪元素定位 */
  overflow: hidden;    /* 新增：防止放大后溢出 */
}

/* 新增：使用伪元素承载背景图 */
.iaboul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: inherit;
  background-position: inherit;
  background-size: cover;
  transition: transform 0.5s ease;  /* 使用 transform 过渡 */
}

/* 悬停时缩放伪元素 */
.iaboul:hover::before {
  transform: scale(1.1);  /* 放大 10% */
}
.iabour{display:block; width:30%; height:500px; background-color:#f2e7f8; float:left; position: relative;}
.iabour span{ padding:150px 60px 50px 60px; font-size:23px; line-height:35px; display:block; color:#000}
.iabour span strong{ font-size:20px; line-height:50px;}
.iaboutkuang{ background-color:#FFF; padding:15px; height:500px; border-radius:10px;}
.iabour a{ right:30px; bottom:30px; display:block;position: absolute; font-size:18px}

.mt90{margin-top:90px}
.mt60{margin-top:60px}
.mf90{margin-bottom:90px}
.mf60{margin-bottom:60px}
.mf30{margin-bottom:30px}


.iprotit{ font-size:36px; color:#000; font-weight:bold; float:left; height:60px; line-height:60px; width:100%; text-align:left}
.iprocon{ display:block; width:90%; line-height:40px; font-size:16px; text-align:left; clear:both; color:#333; padding-right:80px;}
a.iproty{ display:block; width:100px; height:35px; line-height:35px; background-color:#FFF; box-shadow: 0 0 5px 3px #ddd; float:left; border-radius:5px; margin-left:5px; margin-right:20px; margin-top:10px; margin-bottom:10px; font-size:16px}

a.iproty:hover{}

 

.ipro{
	background-color: #FFF;
 
	display: block;
	width: 100%;
	height: 950px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #431576;
	margin-bottom:50px;

}
.iprol {
    display: flex;        
    align-items: center;  
    justify-content: center;
    width: 50%;
    height: 280px;
     float:left;
}
.icase{ display:block; width:100%; margin-top:20px;}
.icasel{ display:block; width:50%; height:600px; float:left; background:url(images/case.jpg);}
.icaser{ display:block; width:50%; height:600px; float:left; background:url(images/caser.jpg)}	
.icaser .cons{ display:block; padding:100px 50px 50px 50px; color:#FFF; font-size:14px}
.icaser .cons strong{ color:#FFF; font-size:36px; font-weight:bold; }
.icaser .cons li{
	width: 20%;
	float: left;
	margin-right: 5%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	list-style-type: none; text-align:center;
}
.icaser .cons li img{ width:100%; border-radius:5px;}
	
	
	
.ipror{display:block; width:50%; height:280px; float:left; }
.ipror strong{ font-size:26px; color:#000; margin-top:50px; display:block;}
.ipror span{ font-size:16px; color:#999; margin-top:10px; display:block;}

.ipror a{
	display: block;
	font-size: 12px;
	height: 25px;
	width: 110px;
	border: 1px solid #999;
	text-align:center; line-height:25px; margin-top:20px; color:#999;
}

.ipror a:hover{ color:#333;border: 1px solid #888; }

.iprolist{ display:block; width:96%;   height:30px; margin-left:2%; margin-right:2%; clear:both;border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;}

a.iproduct{
	width: 18%;
	overflow: hidden;
	display: block;
	float: left;
	text-align: center;
	margin: 1%;
	background-color: #ccc;
	
}
a.iproduct img{display:inline-block;max-width:100%;height:auto;transition:all.6s; opacity:0.9; }
.pics{max-height:430px;overflow:hidden;}
a.iproduct img:hover{transform:scale(1.05); }



.proeleft{ display:block; width:69%; background-color:#FFF; height:auto; padding:2%; float:left; font-size:16px; line-height:35px; min-height:800px; margin-bottom:50px; height:auto;}
.proeright{ display:block; width:21%; background-color:#FFF; height:auto; padding:2%; float:left; font-size:16px; line-height:35px; min-height:800px; margin-bottom:50px; margin-left:2%;}

.plistd{ display:block; width:100%; height:35px; line-height:35px; color:#FFF; background-color:#060; text-indent:15px; clear:both; margin-top:15px; border-radius:5px;}


a.plistx {
	display: block;
	font-size: 14px;
	height: 30px;
	width: 46%; margin:2%;
	text-align:center; line-height:30px; color:#333;
	float:left; clear:none;
	background-color:#eee;
	border-radius:5px;
}

 
a.plistx:hover{ background-color:#519014; color:#FFF}
 
a.eproduct{
    width: 31%;
	height:300px;
    overflow: hidden;
    display: block;
    float: left;
    text-align: center;
    margin: 1%;
    background-color: #fff; 
    border-radius: 20px;
    /* 新增：设置相对定位，为图片绝对定位提供参考 */
    position: relative;
	cursor:alias;
}

a.eproduct img{
    /* 让图片铺满容器 */
    width: 100%;
    height: 100%;
    /* 保持图片比例，裁剪超出部分 */
    object-fit: cover;
    /* 移除 inline-block 避免额外间距 */
    display: block;
    transition: all 0.6s; 
    opacity: 1;
    /* 新增：绝对定位，忽略父元素内边距等影响 */
    position: absolute;
    top: 0;
    left: 0;
}
.pics{max-height:430px;overflow:hidden;border: 0px solid #fff;}
a.eproduct img:hover{transform:scale(1.1); }


 .topbian{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e7e7e7;
}
 
.titles{font-size:16px;font-weight:500;line-height:50px;width:100%;height:50px; background-color:#eee; text-align:center; padding-left:2%; padding-right:2%; position:absolute;}

.productss{ display:block; width:90%; padding:5%; background-color:#FFF; border-radius:10px;}
.pleft{ display:block; width:60%; background-color:#fff; height:auto;float:left; margin-right:3%; }
.pleft img{ width:96%;}
.pright{ display:block; width:37%; height:auto; float:left}
.pright .ptitles { font-size:30px; line-height:36px; font-weight:bold; }
.przi{ font-size:16px; line-height:30px; margin-top:30px;}
.przi2{ font-size:16px; line-height:30px; }
.pjia{ font-size:28px; color:#000; font-weight:500; line-height:50px;}
.psize{ font-size:18px; color:#000;  margin-top:60px;}

.pfoot{ display:block; width:100%;height:auto; clear:both; font-size:18px; line-height:39px; color:#333; margin-top:30px;border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #eee;}

.pfoot strong{ font-size:25px; line-height:50px; color:#000;}



.foot{background:linear-gradient(45deg,#519014,#488012);width:100%;display:block;height:333px; clear:both;}
.foot2{color:#FFF;line-height:25px;font-size:16px;float:left;width:39%;height:333px}
.foot2 span{color:#FFF;font-size:14px;margin-top:60px;display:block}
.foot2 strong{font-size:36px;font-weight:bold;line-height:50px}
.flogo{float:left;width:33%;height:333px}
.flogo img{height:50px;margin-top:115px}
.footwei{float:left;color:#fff;text-align:center;line-height:35px;font-size:14px;width:10%;padding-top:80px}
.foots{width:100%;display:block;height:50px;color:#fff;font-size:14px;text-align:center;line-height:50px;margin-top:-50px; background-color:#3b7008}

.foots2{ display:none;}




a.inews{
	width: 23%;
	overflow: hidden;
	display: block;
	float: left;
	text-align: center;
	margin: 1%;
	position: relative;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd; padding-top:15px;
	margin-bottom:35px;
}





a.news{width:27%;overflow:hidden;display:block;height:239px; float:left;text-align:left;box-shadow: 0 0 10px rgba(90,90,90,0.3); margin-left:1%; margin-right:1%; padding:2%; margin-bottom:35px; line-height:35px; border-radius:10px; background-color:#f8f8f8}
a.news strong { font-size:18px; line-height:45px;}


a.news:hover{ background-color:#519014; color:#FFF}

a.news:hover span{ background-color:#fff; color:#438a7b}

a.news span{ background-color:#519014; color:#FFF; width:60px; height:25px; display:block; text-align:center; line-height:25px; border-radius:5px; margin-top:15px;}

a.news2:link,a.news2:visited{color:#333;font-size:14px;display:block;float:left;text-align:left;width:300px;height:40px;background-color:#fff;margin-bottom:10px;text-indent:15px;overflow:hidden; line-height:40px;}
a.news2:hover{background-color:#eef7e5}




a.inews img{display:inline-block;max-width:100%;height:auto;z-index:1;transition:all.6s}
a.inews:hover img{transform:scale(1.1)}
a.inews strong{font-size:18px;color:#000;line-height:50px;text-align:left;width:100%;font-weight:500;display:block;margin-top:5px}
a.inews span{   font-size: 14px;
    color: #666;
    line-height: 25px;
    text-align: left;
    width: 100%;
    display: -webkit-box; /* 将元素设置为弹性盒模型 */
    -webkit-box-orient: vertical; /* 设置盒内子元素垂直排列 */
    -webkit-line-clamp: 2; /* 限制显示的行数为2行 */
    overflow: hidden; /* 隐藏超出的内容 */
    text-overflow: ellipsis; /* 超出部分用省略号表示 */
    font-weight: 300;
    white-space: normal; /* 确保文字可换行 */}
.imore{width:130px;overflow:hidden;display:block;height:35px;border-radius:6px;line-height:35px;background-color:#548525;float:left;color:#FFF;margin-top:15px;margin-bottom:10px;text-align:center;font-weight:300;font-size:16px; clear:both;}

a.imore:hover{background-color:#f39c0a; color:#FFF}

.imore2{width:130px;overflow:hidden;display:block;height:35px;border-radius:6px;line-height:35px;background-color:#fff;float:left;color:#548525;margin-top:15px;margin-bottom:10px;text-align:center;font-weight:300;font-size:16px; clear:both;}

a.imore2:hover{background-color:#f39c0a; color:#FFF}




.inewsbg{background-image:url(images/inewsbg.png);display:block;width:100%;height:180px;position:absolute;bottom:0px}
a.casemore:link,a.casemore:visited{color:#fff;font-size:16px;line-height:50px;width:180px;height:50px;display:block;margin-right:10px;background-color:#1774bb;border-radius:5px;text-align:center;margin-top:20px;margin-bottom:20px;margin-left:auto;margin-right:auto}
a.casemore:hover{background-color:#f39c0a}
.aboul{width:45%;display:block;float:left;margin-left:0%;font-size:18px;line-height:45px; padding-left:6%;}
.aboul span{font-size:50px;line-height:70px;display:block;margin-bottom:20px}
.aboul span strong{font-weight:bold}
.abour{width:40%;display:block;float:left;margin-left:5%}
.abour img{border-radius:10px;margin-bottom:30px;margin-top:98px}
.aboubo{width:100%;height:auto;background-color:#f5f5f5;padding-bottom:80px}
.bol{display:block;width:36%;float:left}
.bol1{display:block;padding:8%;width:84%;background-color:#FFF;line-height:35px;font-size:18px;color:#666;background-image:url(images/a1.png);background-position:right 10px top 10px;background-repeat:no-repeat;margin-top:50px;height:270px}
.bol1 strong{font-size:28px;line-height:40px;color:#1864af;font-weight:500}
.bol2{display:block;padding:8%;width:84%;background-color:#FFF;line-height:35px;font-size:38px;color:#666;margin-top:25px;text-align:center}
.bor{display:block;padding:3%;width:56%;float:left;background-color:#FFF;line-height:40px;font-size:18px;color:#666;background-image:url(images/a2.png);background-position:right 10px top 10px;background-repeat:no-repeat;margin-left:2%;height:450px;margin-top:50px;margin-bottom:50px}
.bor strong{font-size:28px;line-height:40px;color:#1864af;font-weight:500}
.bor span{color:#000;font-weight:bold}
.conr strong{font-size:22px;line-height:35px;margin-top:25px;display:block}
.conr span{font-size:16px;line-height:35px}
.conl{width:43%;display:block;float:left;margin-left:7%}
.conl{text-align:center;font-size:16px;color:#666;line-height:30px}
.conl input{display:block;width:75%;background-color:#f1f1f1;margin-bottom:15px;border:0px;height:50px;text-indent:10px;border-radius:3px;font-size:16px}
.conl textarea{display:block;width:75%;background-color:#f1f1f1;margin-bottom:15px;border:0px;height:150px;text-indent:10px;border-radius:3px;font-family:"Microsoft YaHei UI";line-height:35px;font-size:16px}
.tj{font-size:16px;color:#FFF;background:linear-gradient(45deg,#3e3e8d,#4ba557);display:block;clear:left;width:230px;height:55px;line-height:55px;background-color:#0166b3;text-align:center;border-radius:3px;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;margin-bottom:50px;margin-top:30px;cursor:pointer}

@media screen and (min-width: 1201px) and (max-width: 1600px) {
  
  .w75s{width:90%;margin-left:auto;margin-right:auto;height:auto;overflow:hidden;}
.w75{width:90%;margin-left:auto;margin-right:auto;display:block;border-radius:15px;overflow:hidden;height:auto}
 .banl .z1{ font-size:30px; color:#fff6c7; text-transform: uppercase; font-style: inherit; font-weight:bold; line-height:50px}
 .banl .z2{ font-size:125px; color:#ffd800;font-weight:bold; margin-top:-180px; }
  .banl .z2 strong{ margin-left:200px;}
 
  .banl .z3{ font-size:210px; color:#427166;text-transform: uppercase;font-weight:bold; margin-top:-50px;}
   .banl .z4{ font-size:26px; color:#ffffff; line-height:46px; opacity:0.5; font-weight:100; margin-top:100px;}
    .banl .z5{ font-size:12px; color:#e3fbf5; line-height:20px; margin-top:39px; opacity:0.5;font-weight:100;}
 
}
 

@media screen and (max-width:1200px){body{margin:0;padding:0;font-family:"Microsoft YaHei";font-size:14px;color:#333;background-color:#fff}
a{color:#333;font-size:14px;text-decoration:none}
a:hover{color:#438a7b;text-decoration:none}
.zhutise{ color:#438a7c;}
.bai{ color:#FFF}

#dao{width:100%;display:block;height:80px;position:fixed;z-index:99;}
#dao a{color:#FFF}
.daos{background-color:#FFF;box-shadow:0px 2px 3px #e2e2e2;opacity:0.96}
#dao.daos a{color:#fff}
#dao a:hover{}
.w75s{width:96%;margin-left:auto;margin-right:auto; height:auto;}
.w75{width:96%;margin-left:auto;margin-right:auto;display:block;border-radius:15px; overflow:hidden; height:auto;}
.logo{height:100px;width:20%;float:left;display:none}
.logo3{height:100px;width:20%;float:left;display:block}
.logox{display:block}
.logox3{display:none}
.logo img{margin-top:10px;}
.logo3 img{margin-top:10px;}
.logo2{height:100px;width:20%;float:left;}
.logo2 img{margin-top:10px;}


av{position:fixed;z-index:3}
.hamburger{display:block;position:absolute;cursor:pointer;right:5%;top:50%;transform:translate(-5%,-50%);z-index:2;transition:all 0.7s ease}
.nav-links{position:fixed;background:linear-gradient(45deg,#4b8613,#3b7008);height:100vh;width:100%;flex-direction:column;clip-path:circle(20px at 100% -20%);-webkit-clip-path:circle(50px at 100% -20%);transition:all 1s ease-out;pointer-events:none;margin-top:0px;padding:0px;margin:0px;left:0px;top:0px}
.nav-links.open{clip-path:circle(1500px at 90% -20%);-webkit-clip-path:circle(1500px at 90% -20%);pointer-events:all;padding:0px;margin:0px;left:0px;top:0px}
.nav-links li{opacity:0}
.nav-links li a{font-size:22px}
.nav-links li:nth-child(1){transition:all 0.5s ease 0.2s}
.nav-links li:nth-child(3){transition:all 0.5s ease 0.4s}
.nav-links li:nth-child(5){transition:all 0.5s ease 0.6s}
.nav-links li:nth-child(7){transition:all 0.5s ease 0.7s}
.nav-links li:nth-child(8){transition:all 0.5s ease 0.8s}
.nav-links li:nth-child(9){transition:all 0.5s ease 0.9s;margin:0}
.nav-links li:nth-child(10){transition:all 0.5s ease 1s;margin:0}
.nav-links li:nth-child(11){transition:all 0.5s ease 1.2s;margin:0}
.nav-links li:nth-child(12){transition:all 0.5s ease 1.4s;margin:0}

.nav-links li:nth-child(13){transition:all 0.5s ease 1.6s;margin:0}
.nav-links li:nth-child(14){transition:all 0.5s ease 1.8s;margin:0}
.nav-links li:nth-child(15){transition:all 0.5s ease 2.0s;margin:0}



li.fade{opacity:1}
.toggle .line1{transform:rotate(-45deg) translate(-5px,6px)}
.toggle .line2{transition:all 0.7s ease;width:0}
.toggle .line3{transform:rotate(45deg) translate(-5px,-6px)}

 
.w75text{ width:60%;margin-left:auto;margin-right:auto;height:auto;overflow:hidden;font-size:22px; line-height:35px; padding:50px; text-align:center; margin-top:30px; margin-bottom:30px; }

 
 .banners{ background-image:url(images/bannerbg.jpg); width:100%; height:900px; display:block; background-repeat:no-repeat; background-position:right bottom; background-color:#2f695a; }

 .banl{ display:block; margin-top:100px;width:100%; margin-left:0%; float:left; text-align:center;}
 .banl .z1{ font-size:33px; color:#fff6c7; text-transform: uppercase; font-style:italic; font-weight:bold; line-height:43px;}
.banl .z2{ font-size:88px; color:#ffd800;font-weight:bold; margin-top:-120px; line-height:100px; }
  .banl .z2 strong{ margin-left:0px;}
  
  
    .banl .z3{ font-size:120px; color:#427166;text-transform: uppercase;font-weight:bold; margin-top:-20px;}
   .banl .z4{ font-size:26px; color:#ffffff; line-height:46px; opacity:0.5; font-weight:100; margin-top:100px;}
    .banl .z5{ font-size:12px; color:#e3fbf5; line-height:20px; margin-top:39px; opacity:0.5;font-weight:100;}
 
 
 
 

 .banr{ display:block; margin-top:0px;width:100%;  float:left }
 .banr img { width:100%;}
 
 
 .erbg25{
	background-image: url(/images/bannerbg.jpg);
	display: block;
	width: 100%;
	height: 280px;
	position: relative;
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #347e6f;
	background-attachment: fixed;
}

.aboutebg{background-image:url(/images/001.jpg);display:block;width:100%;height:280px;position:relative;overflow:hidden; background-size:100%}
 
 .weizhi{color:#FFF;position:absolute;bottom:20px;text-indent:10px}
.weizhi a{color:#FFF}
.titler{font-size:33px;color:#FFF;margin-top:130px;font-weight:bold;text-align:center}
 

.titler span{font-size:30px;font-weight:300;line-height:50px;letter-spacing:1px}
 
 
 .about{ margin-top:-90px; height:830px; background-color:#FFF}
 .about .abol{   width:90%; line-height:30px; float:left; padding:5%;}
 
 
  .about .tit1 { width:5px; background-color:#438a7b; height:40px; float:left; margin-right:10px;
	 
}


 .about .tit {
	font-size: 23px;
	color: #000;float:left; line-height:25px;
	 
	 
}
  .about .tit span { font-size:12px; color:#ccc; text-transform:uppercase; line-height:15px;}
 
 .morej { float:right; font-size:28px; margin-right:0px;}
 .atext{ width:98%; display:block; float:left; margin-top:30px; margin-left:15px;}
 

  .about .abor{  width:100%;  float:left;}
  
  .about .abor .a1{  width:100%;  float:left; background-color:#438a7b;  height:90px; display: flex;align-items: center;justify-content: center;}
    .about .abor .a1 img{ margin-top:}
  .about .abor .a2{  width:100%;  float:left; background-color:#939393; height: 330px; color:#FFF}
  
  .about .atit1 { width:5px; background-color:#fff; height:20px; float:left; margin-right:10px; margin-left:15px; margin-top:20px;
	 
}


 .about .atit {
	font-size: 22px;
	color: #fff;float:left; line-height:25px; margin-top:15px;
	 
	 
}
  .about .atit span { font-size:12px; color:#ddd; text-transform:uppercase; line-height:15px; line-height:25px;}
  
  
  .title{ font-size:60px; color:#000; line-height:60px; font-weight:bold; display:block; text-align:center; width:75%; margin-left:auto; margin-right:auto; margin-top:80px;letter-spacing:3px;}
  .title span{ text-transform:uppercase; background-color:#438a7b; color:#FFF; font-size:12px; font-weight:200;width:auto; padding:3px 15px 3px 15px; letter-spacing:1px; border-radius:3px; line-height:39px;}
  
 
 
 .abole{   width:100%; line-height:30px; float:left; padding:1%;margin-top:50px}
 .abore{ width:100%; float:left; margin-top:50px; text-align:right;}
 .abore img { border-radius:10px; width:100%; margin-top:20px;}
  .atext{ width:100%; display:block; float:left;  }
  
  
    
  .etitle{ font-size:50px; color:#000; line-height:60px; font-weight:bold; display:block; text-align:center; width:75%; margin-left:auto; margin-right:auto; margin-top:80px;letter-spacing:3px;}
  .etitle span{ text-transform:uppercase;   color:#999; font-size:12px; font-weight:200;width:auto; padding:3px 15px 3px 15px; letter-spacing:1px; border-radius:3px; line-height:25px;}
  
.qianlvbg{ background-color:#e4f1ee; height:600px; margin-top:80px;}

  .etitleb{ font-size:50px; color:#fff; line-height:60px; font-weight:bold; display:block; text-align:center; width:75%; margin-left:auto; margin-right:auto;letter-spacing:3px; padding-top:60px;}
  .padd60{ padding-top:60px;}
  .etitleb span{ text-transform:uppercase;   color:#fff; font-size:12px; font-weight:200;width:auto; padding:3px 15px 3px 15px; letter-spacing:1px; border-radius:3px; line-height:25px;} 
  
  
a.shu{width:18%;overflow:hidden;display:block;height:auto; float:left;text-align:center; margin-left:1%; margin-right:1%; margin-bottom:20px; margin-top:39px;}
a.shu img{display:inline-block;max-width:100%;height:auto;transition:all .6s; border-radius:10px;}
a.shu img:hover{transform:scale(1.01)} 
.qianlvbg2{ background-color:#e4f1ee; height:800px; margin-top:80px;}

.qianlvbg2s{ background-color:#e4f1ee; height:150px; }
.qianlvbg2s a{
	
	
width:80%;display:block;height:60px; line-height:60px; float:left;text-align:center;transition:all .3s; margin-left:10%; margin-right:10%; border-radius:5px; background: linear-gradient(45deg, #e89900, #efbd5e); color:#FFF;
font-size:16px; margin-top:30px;}

.qianlvbg2s a:hover{
	
background: linear-gradient(45deg, #438a7b, #729a98);
	
	}




.shu{width:18.6%;overflow:hidden;display:block;height:auto; float:left;text-align:center; margin-left:0.7%; margin-right:0.7%; margin-bottom:20px; }
.shu img{display:inline-block;max-width:100%;height:auto;transition:all .6s; border-radius:10px;}

a.product{width:29%;overflow:hidden;display:block;height:auto; float:left;text-align:center; margin-left:1%; margin-right:1%; margin-bottom:50px;box-shadow: 0 0 10px rgba(90,90,90,0.3); padding:1%; border-radius:10px;}
a.product span{line-height:30px;padding-bottom:-1vw;font-size:18px;display:block}

a.product img{display:inline-block;max-width:100%;height:auto;transition:all .6s; }
a.product img:hover{transform:scale(1.01)}  
  .m50{ padding-top:30px; }
  
  
  
a.iproduct:link,a.iproduct:visited{width:46%;overflow:hidden;display:block;height:220px; float:left;text-align:center;transition:all .3s; margin-left:1%; margin-right:1%; margin-bottom:25px; padding:1%; border-radius:5px;}
a.iproduct span{line-height:40px;padding-bottom:-1vw;font-size:14px;display:block; background: linear-gradient(45deg, #438a7b, #729a98); color:#FFF; border-radius:0px 0px 5px 5px;}
a.iproduct img{display:inline-block;max-width:100%;height:180px; border-radius:5px 5px 0px 0px}
a.iproduct:hover{box-shadow: 0 0 20px rgba(90,90,90,0.5);}



a.producte:link,a.producte:visited{color:#fff;font-size:12px;display:block;float:left;text-align:left;width:48%;height:30px;    background: linear-gradient(45deg, #438a7b, #729a98);margin-bottom:10px;text-indent:10px;overflow:hidden; line-height:30px; border-radius:5px;transition:all .5s; margin-left:1%; margin-right:1%}
 


a.producteon:link,a.producteon:visited,a.producte:hover{color:#fff;font-size:12px;display:block;float:left;text-align:left;width:48%;height:30px;    background: linear-gradient(45deg, #e6a800, #729a98);margin-bottom:10px;text-indent:10px;overflow:hidden; line-height:30px; border-radius:5px; transform: translateX(0px);margin-left:1%; margin-right:1%}


.producte span,.producteon span{float:left;font-size:12px;color:#fff;border-radius:5px;display:block;width:20px;height:20px;text-align:center;line-height:20px;margin-left:5px;margin-top:3.5px;padding:0;text-indent:0}

.eprokuai{ width:45%;  margin-left:2%; margin-right:2%; padding:0.5%; display:block;box-shadow:0 0 5px #ccc; float:left; margin-bottom:50px; border-radius:10px;}
.eprokuai img{ width:100%;border-radius:10px;height:210px;}

.prokk{ display:block; width:100%; background-color:#FFF; height:auto; padding:2%; float:right; font-size:16px; line-height:35px; min-height:800px; margin-bottom:50px;}
.prokk h1{ font-size:30px; text-align:center;}
.prokk .text{ font-size:16px; text-align:center; line-height:35px; margin-bottom:35px; display:block; width:80%; margin-left:10%;}

a.epro{width:100%;overflow:hidden;display:block;height:auto; float:left;text-align:center;}
a.epro span{line-height:30px;padding-bottom:-1vw;font-size:16px;display:block}
a.epro img{display:inline-block;max-width:100%;height:auto;transition:all .6s; border-radius:10px;}



.yingyong{ width:100%; height:700px; background-color:#438a7c; margin-top:80px; display:block; }


a.yingyonglist{width:100%;overflow:hidden;display:block;height:230px; float:left;text-align:center; m  margin-bottom:20px;  background-color:#f8f8f8; border-radius:15px;transition:all .3s;}


a.yingyonglist:hover{ background-color:#438a7b;} 


a.yingyonglist:hover strong{ color:#FFF;} 
a.yingyonglist:hover div{ color:#d9e2e0; } 


a.yingyonglist img{display:block; width:60px; height:60px;  border-radius:10px; margin-left:10px; margin-top:20px;}
 
.yingyonglist strong{ font-size:18px; color:#000; line-height:30px;}
.yingyonglist div{ font-size:24px; margin-top:-60px; width:75%; margin-left:80px; display:block; text-align:left; line-height:20px; font-size:12px; color:#999}


 .titleb{ font-size:60px; color:#fff; line-height:60px; font-weight:bold; display:block; text-align:center; width:75%; margin-left:auto; margin-right:auto;letter-spacing:3px; padding-top:60px;}
  .titleb span{ text-transform:uppercase; background-color:#fff; color:#438a7c; font-size:12px; font-weight:200;width:auto; padding:3px 15px 3px 15px; letter-spacing:1px; border-radius:3px; line-height:39px;}
  
a.yingkuangw {
            display: block;
           
            text-decoration: none;
            color: black;
            overflow: hidden;
            height: 143px;
            text-align: center;
			float:left;
           
         
            margin-top: 10px;
			width:48%; margin-left:1%; margin-right:1%;
        }

  
  
a.yingkuangw span{line-height:30px;padding-bottom:0;font-size:12px;display:block; background-color:#FFF;}
a.yingkuangw img{max-width:100%;height:auto;transition:all .6s; }
a.yingkuangw img:hover{transform:scale(1.05)}  
	



a.news{width:92%;overflow:hidden;display:block;height:auto; float:left;text-align:left;box-shadow: 0 0 10px rgba(90,90,90,0.3); margin-left:1%; margin-right:1%; padding:3%; margin-bottom:35px; line-height:25px; border-radius:10px; background-color:#f8f8f8; font-size:14px;}
a.news strong { font-size:16px; line-height:45px;}


a.news:hover{ background-color:#438a7b; color:#FFF}

a.news:hover span{ background-color:#fff; color:#438a7b}

a.news span{ background-color:#063; color:#FFF; width:60px; height:25px; display:block; text-align:center; line-height:25px; border-radius:5px; margin-top:15px; margin-bottom:15px;}

a.news2:link,a.news2:visited{color:#333;font-size:14px;display:block;float:left;text-align:left;width:100%;height:40px;background-color:#fff;margin-bottom:10px;text-indent:15px;overflow:hidden; line-height:40px;}
a.news2:hover{background-color:#e1effe}


.newsl{ display:block; width:90%; background-color:#FFF; height:auto; padding:5%; float:left; font-size:16px; line-height:35px; min-height:800px; margin-bottom:50px;}
.newsl h1{ font-size:30px; text-align:center;}
.newsl d{ font-size:14px; text-align:center; color:#CCC; display:block;}
.newsr{ display:block; width:100%; margin-left:0%; float:right}
.titless{font-size:25px; margin-bottom:20px; display:block;}


.news2 span{float:left;font-size:14px;color:#fff;background-color:#345bb2;border-radius:5px;display:block;width:20px;height:20px;text-align:center;line-height:20px;box-shadow:0 0 3px #345bb2;margin-left:10px;margin-top:10px;padding:0;text-indent:0}

.conr{ width:96%; display:block; float:left; margin-left:2%; line-height:25px;}

.conr strong { font-size:36px; line-height:50px;}
.conr span { font-size:22px; line-height:50px;}
.conl{ width:96%; display:block; float:left; margin-left:2%;}
.conl{ text-align:center; font-size:16px; color:#666; line-height:30px;}
.conl input{ display:block; width:100%; background-color:#f1f1f1; margin-bottom:15px; border:0px; height:50px;  text-indent:10px; border-radius:3px; font-size:16px}

.conl textarea{ display:block; width:100%; background-color:#f1f1f1; margin-bottom:15px; border:0px; height:150px;  text-indent:10px; border-radius:3px; font-family:"Microsoft YaHei UI"; line-height:35px;font-size:16px}

.tj {
	font-size: 16px;
	color: #FFF;
	background: linear-gradient(45deg, #438a7b, #729a98);
	display: block; clear:left;
	width: 100%;
	height: 55px;
	line-height: 55px;
	background-color:#0166b3;
	text-align:center;
	border-radius:3px;
 
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	 
	margin-bottom:50px;
	margin-top:30px;
	cursor:pointer;
}


 /* 滚动容器样式 */
       .scroll-container { display:none; }

    
    
		
		
		
		.am-share .p { font-size:30px; color:#000; font-weight:bold}

   
    .am-share {
      font-size: 16px;
      bottom: 30%;
	   line-height:39px; 
      left: 30%;
      position: fixed;
     
      -webkit-transform: translateY(-900%);
      -ms-transform: translateY(-900%);
      transform: translateY(-900%);
      -webkit-transition: -webkit-transform 300ms;
      transition: transform 300ms;
      
      z-index: 1110;
	  
	  width: 35%;
	height: 350px;
    border-radius: .4rem .4rem .4rem .4rem;
	text-align: left;
	background-image: url(images/jbg2.jpg);
	background-position: bottom right;
	padding: 2.5%;
	margin-top: 150px;
	opacity: 0;
 
    }

   .am-modal-active {
     -webkit-transform: translateY(10%);
      -ms-transform: translateY(10%);
      transform: translateY(10%);
	  opacity: 1;
    }

 
  
   .sharebg {
      background-color: rgba(0, 0, 0, 0.6);
      bottom: 0;
      height: 100%;
      left: 0;
      opacity: 0;
      position: fixed;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 1100;
      display: none;
    }

   .sharebg-active {
      opacity: 1;
      display: block;
    }
	a.share_btn:link,a.share_btn:visited,a.share_btn:hover{color:#fff;font-size:12px;line-height:30px;width:90px;height:30px;display:block;float:left;margin-right:10px;background-color:#61c56c;border-radius:5px;text-align:center; position: fixed; bottom:50px;}
		
.foot{background:linear-gradient(45deg,#519014,#488012);width:100%;display:block;height:343px;  }
.foot2{color:#FFF;line-height:20px;font-size:16px;float:inherit;width:100%;height:auto;}
.foot2 span{color:#FFF;font-size:12px;margin-top:30px;display:block; margin-left:10px;}
.foot2 strong{font-size:20px;font-weight:bold;line-height:25px}


.logo img{margin-top:15px; height:50px;}
.logo3 img{margin-top:15px; height:50px;}


.flogo{float: inherit;width:50%;height:40px; margin-left:25%;}
.flogo img{height:40px;margin-top:25px;margin-left:10px;}
.footwei{float:left;color:#fff;text-align:center;line-height:35px;font-size:14px;width:50%;padding-top:5px;}
.foots{display:none}
.foots2{width:100%;display:block;height:39px;color:#fff;font-size:14px;text-align:center;line-height:39px;  bottom:0px;background-color:#3b7008}




 


.huibg{ background-color:#f8f8f8}

.inewsl{ display:block; width:98%; float:left; margin-top:50px; margin-bottom:10px;}
.inewsr{ display:block; width:98%; float:left; margin-left:1%;   margin-top:20px;margin-bottom:20px;}





a.inews{
	width: 98%;
	overflow: hidden;
	display: block;
	float: left;
	text-align: center;
	margin: 1%;
	position: relative;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd; padding-top:15px;
	margin-bottom:35px;
}




 


.inewss{
	height: 135px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	color:#999;
	overflow:hidden;
}
.inewss strong{  display:block; line-height:35px; margin-top:10px; font-size:16px; color:#555}
.rightss{ display:none}
.rightss a.r1{height:50px;text-align:center;font-size:12px;margin-top:20px;margin-bottom:20px;display:block;width:100%}
.rightss .r1 img{margin-bottom:2px;width:30px;height:auto}
.hover-content {
  display: none;
}
 .r1:hover .hover-content {
  display: block;
  width:180px;
  height:60px;
   border-radius:10px 0px 0px 10px;
   box-shadow: -10px 0 10px rgba(90, 90, 90, 0.2);
     margin-left:-180px;
	 margin-top:-50px;
	 background-color:#FFF;
	 font-size:18px; text-align:center; line-height:60px;
}


.picnav{ width:90%; margin-left:auto; margin-right:auto;}
.menub1_1 {	font-weight: bold; float: left; width: 30%; height:35px; line-height:35px; color:#FFF; border-radius:5px; cursor: pointer; text-align: center; margin-right:1.5%; margin-left:1.5%; background: linear-gradient(45deg, #497f10, #579714); font-size:18px;margin-bottom:10px;}
.menub1_2 {	font-weight: 300; float: left; width: 30%; height:35px; line-height:35px; color:#333; border-radius:5px; cursor: pointer; text-align: center; margin-right:1.5%; margin-left:1.5%; font-size:18px; background: linear-gradient(45deg, #f8f8f8, #eeeeee); margin-bottom:10px;}



.menugtab {height:550px; margin-top:50px;}

a.pic1{width:48%;overflow:hidden;display:block;height:auto; float:left;text-align:center; margin-left:1%; margin-right:1%; margin-bottom:5px; margin-top:5px; height:150px;}
a.pic1 img{display:inline-block;max-width:100%;height:auto;transition:all .6s; border-radius:10px;}
a.pic1 img:hover{transform:scale(1.1)}  
a.pic1 span{  height:35px; line-height:35px; font-size:14px}



a.pic2{width:47%;overflow:hidden;display:block;height:auto; float:left;text-align:center; margin-left:1%; margin-right:1%; margin-bottom:15px; margin-top:3px; height:240px; line-height:240px;   background: linear-gradient(45deg, #438a7b, #719997); font-size:18px; padding:0.5%; border-radius:10px;transition:all .6s; color:#FFF}
a.pic2:hover{ background:linear-gradient(45deg, #e89900, #efbd5e);color:#FFF}
a.pic2 img{display:inline-block;max-width:100%;height:auto; border-radius:10px; height:200px;}
a.pic2 span{  height:43px; line-height:43px; font-size:16px}




a.picmore{width:48%;overflow:hidden;display:block;height:auto; float:left;text-align:center; margin-left:1%; margin-right:1%; margin-bottom:5px; margin-top:5px; height:125px; line-height:125px;background: linear-gradient(45deg, #438a7b, #719997); border-radius:10px; font-size:20px; color:#FFF }
 
a.picmore:hover{ background:linear-gradient(45deg, #e89900, #efbd5e);color:#FFF}



.mt90{margin-top:60px}
.mt60{margin-top:30px}
.mf90{margin-bottom:60px}
.mf60{margin-bottom:30px}
.mf30{margin-bottom:20px}






.ikuang{ width:85%;margin-left:auto;margin-right:auto;height:auto;overflow:hidden; background-color:#488012; color:#FFF; font-size:22px; padding:15px; line-height:30px; margin-top:-35px; z-index:999; position: inherit; text-align:center;}

.ikuang img{ float:none;}
.web{ display:block;}
.pc{ display:none;}

.proleft{ display:block; width:100%;   float:left; }
.proright{ display:block; width:100%;  float:left}

.pornav{ display:block; width:96%; margin-left:auto; margin-right:auto;}


.iprotit{ font-size:26px; color:#000; font-weight:bold; float:left; height:30px; line-height:30px; width:100%; text-align:left}
.iprocon{ display:block; width:96%; line-height:25px; font-size:14px; text-align:left; clear:both; color:#333; padding-right:0px;}
a.iproty{ display:block;   height:20px; line-height:20px; background-color:#51851e; box-shadow: 0 0 0px 0px #ccc; float:left; border-radius:5px; margin-left:5px; margin-right:5px; margin-top:10px; margin-bottom:10px; font-size:13px; width:auto; padding:5px; color:#FFF}

a.iproty:hover{}

.ipros{ width:48%; height:150px; margin-right:1%; margin-bottom:10px; border-radius:10px;}

.icase{ display:block; width:100%; margin-top:20px;}
.icasel{ display:block; width:100%; height:300px; float:left; background:url(images/case.jpg); display:none}
.icaser{ display:block; width:100%; height:530px; float:left; background:url(images/caser.jpg)}	
.icaser .cons{ display:block; padding:25px 25px 25px 25px; color:#FFF; font-size:14px}
.icaser .cons strong{ color:#FFF; font-size:30px; font-weight:bold; }
.icaser .cons li{
	width: 30%;
	float: left;
	margin-right: 1.5%;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 10px;
	list-style-type: none; text-align:center;
}
.icaser .cons li img{ width:100%; border-radius:5px;}
	
.wkuang{width:96%;margin-left:auto;margin-right:auto;height:auto;overflow:hidden}
.pd30{ padding:10px;}

.proeleft{ display:block; width:98%; background-color:#FFF; height:auto; padding:1%; float:left; font-size:16px; line-height:35px; min-height:800px; margin-bottom:50px; height:auto;}
.proeright{ display:block; width:98%; background-color:#FFF; height:auto; padding:1%; float:left; font-size:16px; line-height:35px; min-height:300px; margin-bottom:20px; margin-left:1%; margin-top:50px;}

.plistd{ display:block; width:100%; height:35px; line-height:35px; color:#FFF; background-color:#060; text-indent:15px; clear:both; margin-top:15px; border-radius:5px;}


a.plistx {
	display: block;
	font-size: 14px;
	height: 30px;
	width: 29%; margin:2%;
	text-align:center; line-height:30px; color:#333;
	float:left; clear:none;
	background-color:#eee;
	border-radius:5px;
}

 
a.plistx:hover{ background-color:#519014; color:#FFF}
 
a.eproduct{
    width: 48%;
	height:180px;
    overflow: hidden;
    display: block;
    float: left;
    text-align: center;
    margin: 1%;
    background-color: #fff; 
    border-radius: 20px;
    /* 新增：设置相对定位，为图片绝对定位提供参考 */
    position: relative;
	cursor:alias;
}

a.eproduct img{
    /* 让图片铺满容器 */
    width: 100%;
    height: 100%;
    /* 保持图片比例，裁剪超出部分 */
    object-fit: cover;
    /* 移除 inline-block 避免额外间距 */
    display: block;
    transition: all 0.6s; 
    opacity: 1;
    /* 新增：绝对定位，忽略父元素内边距等影响 */
    position: absolute;
    top: 0;
    left: 0;
}
.pics{max-height:430px;overflow:hidden;border: 0px solid #fff;}
a.eproduct img:hover{transform:scale(1.1); }

a.leis{ 
    display: flex; 
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    width: 60px; 
    height: 60px; 
    border-radius: 10px;
    background-color: #060; 
    color: #FFF; 
    font-size: 14px; 
    position: fixed; 
    right: 50px; 
    bottom: 50px; 
}

#leis {
  scroll-margin-top: 100px; /* 跳转后上方留出200px空间 */
}


.aboul{width:96%;display:block;float:left;margin-left:0%;font-size:16px;line-height:35px; padding-left:2%;}
.aboul span{font-size:39px;line-height:55px;display:block;margin-bottom:10px}
.aboul span strong{font-weight:bold}
.abour{width:96%;display:block;float:left;margin-left:2%}
.abour img{border-radius:10px;margin-bottom:10px;margin-top:38px; width:100%}
.aboubo{width:100%;height:auto;background-color:#f5f5f5;padding-bottom:80px}

}