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:90px;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;  box-shadow: 0 6px 10px 0px #bbb;}
.w75{width:75%;margin-left:auto;margin-right:auto;display:block;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:20px}
.logo3 img{margin-top:25px}
 



.nav-links {
	display:flex;
	float:left;
	list-style:none;
	width:75%;
	margin-top:40px;
	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:#ffd800;
	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:#d0af61;
	margin:5px;
	transition:all 0.3s ease;
}
.hamburger {
	display:none;
}

.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:1px;width:58%; margin-left:0%; float:left }
.z1{ font-size:32px; color:#fff6c7; text-transform: uppercase; font-weight:bold;display:block; margin-top:150px;width:98%; margin-left:0%; float:left }
.banl .z2 {
    font-size: clamp(40px, 8vw, 130px);
    color: #ffd800;
    font-weight: bold;
    margin-top: -15%;
    line-height: 1;
    position: relative;
    z-index: 99;
}
  .banl .z2 strong{ margin-left:150px;}
  
  
    .banl .z3{ font-size:210px; color:#427166;text-transform: uppercase;font-weight:bold; margin-top:-10px;}
   .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:1px;width:40%;  float:left }
 .banr img { width:100%;}
 
 
 .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: #347e6f;
	background-attachment: fixed;
}
 
 .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}
 
 
 .about{ margin-top:-150px; height:330px; background-color:#FFF}
 .about .abol{   width:44%; line-height:30px; float:left; padding:3%;}
 
 
  .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:30px;}
 .atext{ width:98%; display:block; float:left; margin-top:30px; margin-left:15px;}
 

  .about .abor{  width:50%;  float:left;}
  
  .about .abor .a1{  width:45%;  float:left; background-color:#438a7b;  height:330px; display: flex;align-items: center;justify-content: center;}
    .about .abor .a1 img{ margin-top:}
  .about .abor .a2{  width:55%;  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:54%; line-height:30px; float:right; padding:1%;margin-top:50px}
 .abore{ width:39%; float:right; margin-top:50px; text-align:right;}
 .abore img { border-radius:10px; width:93%; 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:200px; }
.qianlvbg2s a{
	
	
width:16%;display:block;height:60px; line-height:60px; float:left;text-align:center;transition:all .3s; margin-left:43%; margin-right:43%; 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:21.8%;overflow:hidden;display:block;height:415px; float:left;text-align:center;transition:all .3s; margin-left:1%; margin-right:1%; margin-bottom:25px; padding:0.6%; border-radius:5px;}
a.iproduct span{line-height:60px;padding-bottom:-1vw;font-size:18px;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:350px; 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:14px;display:block;float:left;text-align:left;width:300px;height:50px;    background: linear-gradient(45deg, #438a7b, #729a98);margin-bottom:10px;text-indent:15px;overflow:hidden; line-height:50px; border-radius:5px;transition:all .5s;}
 


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


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

.eprokuai{ width:28.3%;  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:320px;}

.prokk{ display:block; width:69%; 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:48%;overflow:hidden;display:block;height:230px; float:left;text-align:center; margin-left:1%; margin-right:1%; 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:100px; height:100px;  border-radius:10px; margin-left:20px; margin-top:30px;}
 
.yingyonglist strong{ font-size:22px; color:#000; line-height:50px;}
.yingyonglist div{ font-size:24px; margin-top:-110px; width:75%; margin-left:150px; display:block; text-align:left; line-height:30px; font-size:16px; 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.yingkuang span{line-height:60px;padding-bottom:-1vw;font-size:18px;display:block; background-color:#FFF;}
a.yingkuang img{display:inline-block;max-width:100%;height:auto;transition:all .6s; }
a.yingkuang img:hover{transform:scale(1.05)}  
	



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

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:#e1effe}


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


.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 strong { font-size:36px; line-height:50px;}
.conr span { font-size:22px; line-height:50px;}
.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, #438a7b, #729a98);
	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;
}


 /* 滚动容器样式 */
       .scroll-container {
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
        }

        /* 滚动内容样式 */
       .scroll-content {
            display: inline-block;
            animation: scroll 25s linear infinite;
        }

        /* 鼠标悬停时暂停动画 */
       .scroll-content:hover {
            animation-play-state: paused;
        }

        /* 每个链接项的样式 */
       .yingkuang {
            display: inline-block;
            margin-right: 20px;
            text-decoration: none;
            color: black;
            overflow: hidden;
            height: 390px;
            text-align: center;
            padding: 2vw 0vw;
            margin-right: 20px;
            margin-top: 20px;
        }
		.yingkuangw{ display:none;}

        /* 定义滚动动画 */
        @keyframes scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-220%);
            }
        }
    
		
		
		
		.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,#438a7b,#729a98);width:100%;display:block;height:333px;  }
.foot2{color:#FFF;line-height:25px;font-size:16px;float:left;width:39%;height:333px}
.foot2 span{color:#FFF;font-size:12px;margin-top:80px;display:block}
.foot2 strong{font-size:18px;font-weight:bold;line-height:35px}
.flogo{float:left;width:32%;height:333px}
.flogo img{height:70px;margin-top:110px}
.footwei{float:left;color:#fff;text-align:center;line-height:35px;font-size:14px;width:10%;padding-top:80px}
.foots{background-image:url(/images/hei.png);width:100%;display:block;height:50px;color:#fff;font-size:14px;text-align:center;line-height:50px;margin-top:-50px}

.foots2{ display:none;}	

.huibg{ background-color:#f8f8f8}

.inewsl{ display:block; width:43%; float:left; margin-top:50px; margin-bottom:50px;}
.inewsr{ display:block; width:50%; float:left; margin-left:5%;   margin-top:30px;margin-bottom:50px;}
.inews{ font-size:16px; line-height:35px; color:#999;  }
.inews strong{ line-height:50px; color:#000; font-size:18px}

.inewss{
	height: 96px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	color:#999;
}
.inewss strong{  display:block; line-height:35px; margin-top:10px; font-size:16px; color:#555}
.rightss{width:60px;background-color:#fff;position:fixed;right:0;bottom:300px;box-shadow:0 0 20px rgba(90,90,90,0.2);height:370px;border-radius:10px 0 0 10px;z-index:9998}
.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:880px; margin-left:auto; margin-right:auto;}
.menub1_1 {	font-weight: bold; float: left; width: 190px; height:85px; line-height:85px; color:#FFF; border-radius:5px; cursor: pointer; text-align: center; margin-right:30px; background: linear-gradient(45deg, #e89900, #efbd5e); font-size:18px}
.menub1_2 {	font-weight: bold; float: left; width: 190px; height:85px; line-height:85px; color:#FFF; border-radius:5px; cursor: pointer; text-align: center; margin-right:30px; font-size:18px; background: linear-gradient(45deg, #438a7b, #719997);}



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

a.pic1{width:24%;overflow:hidden;display:block;height:auto; float:left;text-align:center; margin-left:0.5%; margin-right:0.5%; margin-bottom:3px; margin-top:3px; height:260px;}
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:43px; line-height:43px; font-size:16px}



a.pic2{width:14%;overflow:hidden;display:block;height:auto; float:left;text-align:center; margin-left:0.5%; margin-right:0.5%; margin-bottom:15px; margin-top:3px; height:320px; line-height:350px;  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:283px;}
a.pic2 span{  height:43px; line-height:43px; font-size:16px}




a.picmore{width:24%;overflow:hidden;display:block;height:auto; float:left;text-align:center; margin-left:0.5%; margin-right:0.5%; margin-bottom:3px; margin-top:3px; height:230px; line-height:230px;background: linear-gradient(45deg, #438a7b, #719997); border-radius:10px; font-size:28px; color:#FFF }
 
a.picmore:hover{ background:linear-gradient(45deg, #e89900, #efbd5e);color:#FFF}
.m50{ margin-top:50px;}
.m90{ margin-top:90px;}
.m130{ margin-top:130px;}

 @media screen 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}
.z1{ font-size:29px; color:#fff6c7; text-transform: uppercase; font-style: inherit; font-weight:bold; line-height:50px}
 
 
  .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;}
 
}