﻿.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}

.header_158{ width: 1380px; margin:0 auto;}
.header_158 .logo{ float: left;}
.header_158 .logo img{ width:520px; margin:6.2px 0;}
.header_158 .phone{ float: right; background: url("/images/phone.png") no-repeat; background-position: 0 2px; padding: 0 0 0 70px; margin-top:18.5px;}
.header_158 .phone span{ color: #17993a; font-size: 32px; font-weight: bold;}

.nav_158{ width: 100%; line-height: 60px; border-top:1px solid #e5e5e5;}
.nav_158 .nav_bg{ width: 1360px; margin:0 auto;}
.nav_158 li{ float: left; width:11.11%;}
.nav_158 li a{ color: #333; width: 100%; display: block;}
.nav_158 .active a{ color: #17993a;}
.nav_158 li:hover a{ color: #17993a;}


#mould77033 .swiper-container .swiper-pagination .swiper-pagination-bullet{background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:1;border-radius:4px; width:30px;}
#mould77033 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background-color:#17993a;background:#17993a;}

.about_a{ width:1600px; margin: 50px auto;}
.about_a .left{ float:left; width: 48.75%;}
.about_a .left div a{ line-height:80px; text-align:center; background:#e6e6e6; width:30%; float:left; margin-right:5%; border-radius:8px; margin-top: 20px; transition:.5s;}
.about_a .left div a:hover{ background:#17993a; color:#fff;}
.about_a .left div a:last-child{ margin-right:0;}
.about_a .left div a span{ width:40px; height:40px; display: inline-block; background: url("/images/icon.png") no-repeat; position: relative; top: 14px; margin-right: 10px;}
.about_a .left div a:nth-child(1) span{ background-position: 0 -50px;}
.about_a .left div a:nth-child(2) span{ background-position: -50px -50px;}
.about_a .left div a:nth-child(3) span{ background-position: -100px -50px;}
.about_a .left div a:hover:nth-child(1) span{ background-position: 0 0;}
.about_a .left div a:hover:nth-child(2) span{ background-position: -50px 0;}
.about_a .left div a:hover:nth-child(3) span{ background-position: -100px 0;}
.about_a .right{ float:right; width: 48.75%; height:439px;}
.about_a .right video{ width:100%; height:auto;}



.cont_a{ width:1600px; margin:0 auto 60px auto; position:relative;}

.lanmu{ position:absolute; top:0; width:100%; height:100%;}
.lanmu ul{ height:100%;}
.lanmu li{ width:33.33%; height:100%; float:left;}
.lanmu li:hover{ background:rgba(0,0,0,0.3); padding:0 8%; box-sizing:border-box;}
.lanmu li h2{ line-height:90px; background: url("/images/kuang.png") no-repeat center; text-align:center; font-size:30px; color:#fff; position: relative; top: 50%; transform:translateY(-50%);}
.lanmu li:hover h2{ position:inherit; transform: inherit; font-weight:bold; margin-top:50%; margin-bottom:30px;}
.lanmu li div a{ display:none; color:#fff; background: url("/images/jian.png") no-repeat center right; line-height:54px; font-size:18px;}
.lanmu li:hover div a{ display:block;}
.lanmu li div a:hover{ color:#17993a; background: url("/images/jian1.png") no-repeat center right;}

.cont_a .bg li{ display:none;}
.cont_a .bg li.active{ display:block;}




.news_a{ width:1600px; margin: 0 auto;}
.news_a .a1{ width:31.25%; float:left; margin-bottom:24px; margin-right:3.125%;}
.news_a .a1:last-child{ margin-right:0;}
.news_a .a1 h2{ font-size:30px; line-height:30px; position:relative; margin-bottom:30px;}
.news_a .a1 h2:after{ content: ""; clear: both; display: block; height: 3px; background:#17993a; width:80px; position:absolute; top:-15px; left:0;}
.news_a .a1 li{ border-bottom:1px solid #ccc; margin-bottom:20px; padding-bottom:20px;}
.news_a .a1 li div{ overflow:hidden; margin-bottom:20px;}
.news_a .a1 li img{ transition:.5s;}
.news_a .a1 li:hover img{ transform:scale(1.1);}
.news_a .a1 li h3{ font-size:18px; line-height:18px;}
.news_a .a1 li:hover h3{ color:#17993a;}
.news_a .a1 li h3 time{ float:right; font-size:16px; color:#666;}
.news_a .a1 li:hover h3 time{ color:#17993a;}
.news_a .a1 li p{ line-height: 24px; color: #666; margin-top:15px;}
.news_a .a1 li:hover p{ color:#333;}




.footer{ background: linear-gradient(to right, #404040 0%,#1a1a1a 100%); border-top:5px solid #17993a;}
.foot_nav dt a{ font-weight: normal; font-size:18px !important; line-height:18px !important; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 15px; margin-bottom:15px; display: inline-block;}
.foot_nav dd a{ line-height:30px; color:rgba(255,255,255,0.7);}
.foot-ewm{ float:right;}

.foot{ width:1360px;}
.footer-foot div{ width:1360px; margin:0 auto;}
.footer-foot div p{ float:left; line-height:60px;}
.footer-foot div p:last-child{ float:right;}
.footer-foot p a{ margin-right:10px;}
.footer-foot div p:last-child a{ border-right:1px solid rgba(255,255,255,0.8); padding-right:10px;}
.footer-foot div p:last-child a:last-child{ padding-right:0; margin-right:0; border-right:none;}


.cebian{ position:fixed; bottom:55%; right:0; z-index:999;}
.cebian>div{ width:66px; margin-bottom:5px; background:#17993a; position:relative;}
.cebian>div:last-child{ margin-bottom:0;}
.cebian div .bg1{ width:270px; background: #fff; position:absolute; right:-270px; top:0; transition: all 1s; z-index:-1; padding:15px; box-sizing: border-box;}
.cebian div .bg1 h2{ color:#17993a; text-align:center; font-size:16px; line-height:30px;}
.cebian div .bg1 p{ float:left; text-align:center; font-size: 14px;}
.cebian div .bg1 p:last-child{ margin-left:20px;}
.cebian div .bg1 p img{ width:110px; height:110px; display: block;}
.cebian div:hover .bg1{ right:68px; box-shadow: 0 0 10px rgb(0 0 0 / 25%);}

#loading {
  	background: rgba(0,0,0,0.3);
    padding: 0 8%;
    box-sizing: border-box;
}
#loading  h2{ position:inherit; transform: inherit; font-weight:bold; margin-top:50%; margin-bottom:30px;}
#loading  div a{ display:block;}

@media screen and (max-width: 1560px){ 
   .header_158,.nav_158 .nav_bg,.about_a,.cont_a,.news_a,.foot,.footer-foot div{ width:94%;}
   .header_158 .logo img{ width:400px;}
   .header_158 .phone{ padding: 0 0 0 60px; background-size: contain; margin-top: 14px;}
   .header_158 .phone span{ font-size:24px;}
   .about_a{ margin: 40px auto;}
   .about_a .left div a{ line-height: 54px; border-radius: 4px;}
   .about_a .right{ height:352px;}
   .foot_nav dl{ margin-right: 50px;}
}












