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

/*顶部导航*/
.nav17 .nav_163{ background:#18935d; line-height: 60px;}
.nav17 .header_163,.nav17 .nav_center{ width:1600px; }
.nav17 .header_163 .phone{ font-size:36px; line-height:40px; font-family:arial; color:#18935d; background:url(/images/phone.png) no-repeat left center; background-size:contain; padding-left:48px; margin:40px 0 0 0;}
.nav17 .header_163 .logo{ margin:0;}

.head-search{ height: 50px; position: relative; float:right; margin:30px 36px 0 0;}
.head-search a{ background:url(/images/earch.png) no-repeat left center; background-size: 72%; width:50px; height:50px; position:absolute; left:0; top:0;}
.head-search input{ width: 240px; height: 48px; line-height: 48px; padding:0 0 0 48px; margin:0; box-shadow:none; border-radius:initial; border:none; border-bottom: 2px solid #18935d;}
.head-search input:focus{ box-shadow:none; border-color:#18935d;}

.nav17 .nav_center li{ width:8%; position:relative; margin:0 1%; z-index:2;}
.nav17 .nav_center li a{ padding:0; text-align:Center; z-index:2;}
.nav17 .nav_center li:after{ content:""; background:url(/images/nav_bg.png) no-repeat; background-size:100% 100%; position:absolute; top:0; left:0; width:100%; height:68px; z-index:-1; display:none;} 
.nav17 .nav_center li:hover a{ background:none;}
.nav17 .nav_center li:hover:after{ display:block;}

/*大图*/
#mould82148 .swiper-slide img{ }
#mould82148 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:40px;}
#mould82148 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:40px;}
#mould82148 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:#fff;background:#fff;opacity:1;border-radius:4px; width:30px;}
#mould82148 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:#18935d;background:#18935d;opacity:1;border-radius:4px; width:30px;}
#mould82148 .swiper-button-next,#mould82148 .swiper-button-prev{ top:50%;}


/*简介*/
.width_1600{ width:1600px; margin:0 auto;}
.about_cont{ background:url(/images/bg1.jpg) no-repeat; background-size: 100% 100%; min-height:1000px; padding:100px 0;}
.about_a{ margin-bottom:200px;}
.about_a .left{ float:left; width:50%; padding-left:8%; box-sizing:border-box;}
.about_a .left div.title{ border-left:6px solid #ff9801; padding:2px 0 2px 12px; margin-bottom:36px;}
.about_a .left div.title h2{ font-size:32px; font-weight:bold; line-height:32px; color:#18935d; margin-bottom:10px;}
.about_a .left div.title span{ font-family:Arial; font-size:20px; color:#666; letter-spacing:3px;}
.about_a .left>p{ line-height:30px; text-indent:2em;}
.about_a .left a{ width:120px; line-height:40px; text-align:center; color:#fff; background:#ff9801; border-top-left-radius:16px; display:block; margin:30px 0 48px 0;}
.addmuns1 ul{ width:100%;}
.addmuns1 li{ width:26%; text-align:left;}
.addmuns1 li:nth-child(2){ width:22%;}
.addmuns1 li p{ line-height:20px;}
.addmuns1 li p span{ color:#18935d; font-family:arial; line-height:42px;}
.addmuns1 li p em{ color:#333;}
.addmuns1 li h2{ color:#333; font-size:18px; font-weight:normal; line-height:30px;}
.addmuns1 li:after{ display:none;}

.about_a .right{ width:49%; float:right; position:relative; z-index:1;}
.about_a .right:after{ content:""; width:560px; height:300px; background:#18935d; border-top-left-radius:30px; border-bottom-right-radius:30px; z-index:-1; position:absolute; bottom:-64px; left:0;}
.about_a .right img{ float:right; width:92%; border-top-left-radius:30px;}


.product1{ width:1600px; margin:0 auto;}
.product1 .boxs{ opacity:1; position:relative; z-index:2; cursor: pointer;}
.product1 .boxs:after{ content:""; width:100%; height:100%; background:rgba(24,147,93,0.2); position:absolute; top:0; left:0;}
.product1 .boxs.active:after{ z-index:0; background:rgba(24,147,93,0.7);}
.product1 .boxs div{ color:#fff; position:absolute; left:0; bottom:10px; z-index:1; width:100%;}
.product1 .boxs div h2{ font-size:30px; position:initial; margin-bottom:30px; text-align:center;}
.product1 .boxs div p{ line-height:30px; display:none; padding:0 100px; box-sizing:border-box;}
.product1 .boxs.active div p{ display:block;}
.product1 .boxs.active div{ bottom:inherit; top:32%;}


/*标题*/
.title_a{ text-align:Center; position:relative; padding-bottom:10px; margin-bottom:48px;}
.title_a:after{ content:""; width:100px; height:5px; background:rgba(0,0,0,0.1); position:absolute; bottom:0; left:50%; transform: translateX(-50%);}
.title_a:before{ content:""; width:30px; height:5px; background:#ff9801; position:absolute; bottom:0; left:50%; transform: translateX(-50%);}
.title_a h3{ font-size:36px; font-weight:bold; line-height:36px; color:#18935d;}
.title_a p{ font-family:Arial; text-transform: uppercase; font-size:24px; color:#666; padding:10px 0;}


/*产品*/
.product_a{ background:url(/images/product_bg.jpg) no-repeat; min-height:800px; padding:80px 0 60px 0;}
.product_a .title_a h3,.product_a .title_a p{ color:#fff;}
.product_a .title_a:after{ background:rgba(255,255,255,0.4);}

#mould821481{ position:relative;}
#mould821481 .swiper-container{ width:1600px;}
#mould821481 .swiper-slide{ border-radius:24px; overflow:hidden;}
#mould821481 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:80px;}
#mould821481 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:80px;}
#mould821481 .swiper-button-next,#mould821481 .swiper-button-prev{ top:56%;}

.search{ width:900px; margin:80px auto 0 auto;}
.search input{ 
    width: 700px;
    height: 70px;
    border-radius:0;
    margin-bottom:0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: none;
    overflow: hidden;
    font-size: 20px;
    padding: 0 3%;
    box-sizing: border-box;
}
.search a{ font-size:18px; line-height:70px; width:200px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; background:#ff9801; text-align:center; color:#fff; display: inline-block; float: right;}



/*新闻*/
.news_a{ background:url(/images/news_bg.jpg) no-repeat; width:100%; padding:80px 0; position:relative;}
.news_a ul{ width:1600px; margin:0 auto;}
.news_a li{ float:left; width:31%; background:#fff; padding-bottom:20px; border-radius:12px; overflow:hidden;}
.news_a li:hover{ background:#18935d;}
.news_a li:nth-child(-n+2){ margin-right:3.5%;}
.news_a li .new-img{ overflow:hidden; height:310px;}
.news_a li .new-img img{ transition:.5s; height:100%;}
.news_a li:hover .new-img img{ transform:scale(1.08);}
.news_a li .new-title{ font-size:20px; line-height:22px; font-weight:bold; margin-top:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_a li .new-body{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin:15px 0; line-height:24px;}
.news_a li .new-date{ }
.news_a li .new-title,.news_a li .new-body,.news_a li .new-date{ padding:0 20px; box-sizing:border-box;}
.news_a li:hover .new-title,.news_a li:hover .new-body,.news_a li:hover .new-date{ color:#fff;}




/*底部*/
footer{ background:#18935d; padding-top:64px;}
.footer{ background:none; width:1600px; margin:0 auto;}
.footer ul{ border-bottom:2px solid rgba(255,255,255,0.48); padding-bottom:24px; margin-bottom:40px;}
.footer li{ float:left; width:10%; text-align:center;}
.footer li a{ color:#fff;}
.footer .left{ float:left; width:40%; color:#fff;}
.footer .left h2{ line-height:36px;}
.footer .left h2 span{ font-size:32px; display:block; font-family:arial;}
.footer .left p{ margin-top:20px;}
.footer .right{ float:right;}
.footer .right div{ float:left;}
.footer .right div:nth-child(-n+3){ margin-right:24px;}
.footer .right div img{ width:128px;}
.footer .right div p{ text-align:center; color:#fff; margin-top:10px;}

.footer_foot{ background:rgba(0,0,0,0.3);}
.footer_foot{ width:100%; margin-top:30px;}
.footer_foot p{ float:left; line-height:48px; color:#fff;}
.footer_foot p a{ color:#fff;}
.footer_foot p:last-child{ float:right;}
.footer_foot p a:hover{ color:#e28d0c;}




@media screen and (min-width: 1501px) and (max-width: 1680px){
  .nav17 .header_163, .nav17 .nav_center,.width_1600,.news_a ul,.footer{ width:94%;}
  
  .about_a .left{ padding-left:4%;}
  .about_a .left div.title{ margin-bottom: 20px;}
  .about_a .left a{ margin: 20px 0 30px 0;}
  
  .product1,#mould821481 .swiper-container{ width:90%;}
  #mould821481 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:30px;}
  #mould821481 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:30px;}
}
@media screen and (min-width: 1441px) and (max-width: 1500px){
  .nav17 .header_163, .nav17 .nav_center,.width_1600,.news_a ul,.footer{ width:94%;}
  
  .about_a .left{ padding-left:4%;}
  .about_a .left>p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
  .about_a .left div.title{ margin-bottom: 20px;}
  .about_a .left a{ margin: 20px 0 30px 0;}
  .about_a{ margin-bottom: 100px;}
  
  .product_a{ min-height: initial;}
  .product1,#mould821481 .swiper-container{ width:90%;}
  #mould821481 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:30px;}
  #mould821481 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:30px;}
  
  .news_a li .new-img{ height:270px;}
}
@media screen and (min-width: 1361px) and (max-width: 1440px){
  .nav17 .header_163, .nav17 .nav_center,.width_1600,.news_a ul,.footer{ width:94%;}
  .nav17 .header_163 .logo{ width:360px;}
  .nav17 .header_163 .phone{ margin: 25px 0 0 0;}
  .head-search{ margin: 20px 30px 0 0;}
  
  .about_a .left{ padding-left:4%;}
  .about_a .left>p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
  .about_a .left div.title{ margin-bottom: 20px;}
  .about_a .left a{ margin: 20px 0 30px 0;}
  .about_a{ margin-bottom: 100px;}
  
  .product_a{ min-height: initial;}
  .product1,#mould821481 .swiper-container{ width:90%;}
  #mould821481 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:30px;}
  #mould821481 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:30px;}
  
  .news_a{ padding:60px 0;}
  .news_a li .new-img{ height:260px;}
}

@media screen and (max-width: 1360px){
  .nav17 .header_163, .nav17 .nav_center,.width_1600,.news_a ul,.footer{ width:94%;}
  .nav17 .header_163 .logo{ width:360px;}
  .nav17 .header_163 .phone{ margin: 25px 0 0 0;}
  .head-search{ margin: 20px 30px 0 0;}
  
  .about_a .left{ padding-left:4%;}
  .about_a .left>p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 28px;}
  .about_a .left div.title{ margin-bottom: 20px;}
  .about_a .left a{ margin: 20px 0 30px 0;}
  .about_a{ margin-bottom: 100px;}
  
  .product_a{ min-height: initial;}
  .product1,#mould821481 .swiper-container{ width:90%;}
  #mould821481 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:30px;}
  #mould821481 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:30px;}
  
  .news_a{ padding:60px 0;}
  .news_a li .new-img{ height:246px;}
}

