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

/*顶部导航*/
#mould81585{ background:#fff; position:fixed; top:0; z-index:9999; width:100%; border-bottom:6px solid #309652;}
#mould81585 .navs>li{ position: relative; transform: skewX(-30deg);}
#mould81585 .navs>li:hover{ background:#309652;}
#mould81585 .navbars4 .active{ background: #309652;}
#mould81585 .navs>li>a{ color:#333; line-height:100px; font-weight: bold; padding: 0 24px; display: block; text-align: center; transform: skewX(30deg); text-transform: uppercase;}
#mould81585 .navs>li:hover>a{ color:#fff; border-radius:0; background: none;}
#mould81585 .navbars4 .active a{ background: none; color:#fff;}
.navbars4{ width:1600px;}
.navbars4 .logo{ width:270px;}
.navbars4 .phone{
  background-color: #309652;
  float: right;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  font-family: arial;
  border-radius: 50%;;
  width:60px; height:60px; line-height:60px; text-align:center;
  margin:20px 0 0 36px;
}
.navbars4 .phone a{ color:#fff;}


/*大图*/
#mould81970 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:40px;}
#mould81970 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:60px;}
#mould81970 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:#fff;background:#fff;opacity:1;border-radius:4px; width:30px;}
#mould81970 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:#309652;background:#309652;opacity:1;border-radius:4px; width:30px;}


/*简介*/
#mould81978{ background: url('//upload.ruituoyun.com/Upload/website/13656/image/2023/04/24/6381792692144598061384015.jpg') no-repeat; padding:160px 0 120px 0; background-size: contain;}
#mould81980{ background-image: url('//upload.ruituoyun.com/Upload/website/13656/image/2023/04/24/6381792714860715043542707.jpg'); height: 510px; width: 100%;}
.width_1600{ width:1600px; margin:0 auto;}
.about_a .left{ width:48%; float:left; padding-left:5%; box-sizing:border-box;}
.about_a .left h2{ font-size:48px; line-height:48px; font-weight:bold;}
.about_a .left h3{ font-size:30px; line-height:30px; font-weight:bold; margin-bottom:30px;}
.about_a .left h4{ font-size:19px; line-height:19px; font-family:arial; margin:10px 0 36px 0;}
.about_a .left p{ line-height:30px; text-indent:2em;}
.about_a .left a{ background:url(/images/about_more.png) no-repeat; width:60px; height:60px; display:block; margin-top:30px;}
.about_a .right{ width:48%; float:right;}
.about_a .right video{ width:100%; display: block;}
.about_a .right p{ font-size:24px; text-align:center; background:#309652; color:#fff; line-height:60px;}

.nonediv::after{ content:"";}


/*理念*/
.idea_a{ background: #f6f6f6 url('//upload.ruituoyun.com/Upload/website/13656/image/2023/04/24/6381792846863864305204813.png') no-repeat top; padding-bottom:64px;}
.idea_a h2{ font-size:48px; line-height:48px; font-weight:bold; margin-bottom:64px; padding-top:172px;}
.idea_a .width_1600{ padding-left:2%; box-sizing:border-box;}
.idea_a li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%; text-align:center; background:#fff; border-radius:10px; padding:64px 0; box-shadow: 0 0 10px rgb(0 0 0 / 4%);}
.idea_a li:nth-child(4n){ margin-right:0;}
.idea_a li span{ width:46px; height:46px; display:block; background:url(/images/btn_idea.png) no-repeat; margin:0 auto;}
.idea_a li:nth-child(2) span{ background-position:-46px 0;}
.idea_a li:nth-child(3) span{ background-position:-92px 0;}
.idea_a li:nth-child(4) span{ background-position:-138px 0;}
.idea_a li:nth-child(5) span{ background-position:-184px 0;}
.idea_a li:nth-child(6) span{ background-position:-230px 0;}
.idea_a li:nth-child(7) span{ background-position:-276px 0;}
.idea_a li:nth-child(1):hover span{ background-position:0 -46px;}
.idea_a li:nth-child(2):hover span{ background-position:-46px -46px;}
.idea_a li:nth-child(3):hover span{ background-position:-92px -46px;}
.idea_a li:nth-child(4):hover span{ background-position:-138px -46px;}
.idea_a li:nth-child(5):hover span{ background-position:-184px -46px;}
.idea_a li:nth-child(6):hover span{ background-position:-230px -46px;}
.idea_a li:nth-child(7):hover span{ background-position:-276px -46px;}
.idea_a li:hover{ background:#309652; cursor: pointer;}
.idea_a li:hover h3,.idea_a li:hover p,.idea_a li:hover a{ color:#fff;}

.idea_a li h3{ font-size:20px; line-height:20px; margin:12px 0 10px 0;}
.idea_a li p{ font-size:16px; line-height:16px; font-family:arial; text-transform: capitalize;}
.idea_a li a{ display:block; line-height:74px;}



/*产品*/
.product_a{ background: url(/en/images/cp_bg.jpg) no-repeat top; padding-bottom:160px; background-size: cover;}
.product_a h2{ font-size:48px; line-height:48px; font-weight:bold; margin-bottom:64px; padding-top:172px;}
.product_a .width_1600{ padding-left:2%; box-sizing:border-box;}
#mould819701 .swiper-slide{ height:500px; }
#mould819701 .swiper-slide .img_box{ display:block; position:relative; width:100%; height:100%; overflow:hidden;}
#mould819701 .swiper-slide .img_box img{ position:absolute; top:0; left:0; transform: scale(2.3); transform-origin: center top;}
#mould819701 .swiper-slide .text_box{ position:absolute; bottom:-100%; left:0; width:100%; height:100%; background:rgba(48,150,82,0.8); text-align:center; transition:.6s;}
#mould819701 .swiper-slide:hover .text_box{ bottom:0;}
#mould819701 .swiper-slide .text_box h2{ font-size:24px; font-weight:bold; border:1px solid rgba(255,255,255,0.7); color:#fff; display: inline-block; padding:0 20px; border-radius:10px; margin-top:64px;}
#mould819701 .swiper-slide .text_box p{ text-align:left; padding:0 60px; line-height:30px; color:#fff;}
#mould819701 .swiper-slide .text_box h3{ line-height:48px; background:#f2debb; color:#309652; position:absolute; bottom:0; width:100%;}


/*新闻*/
/*.news_a{ background: url(/images/news_bg.jpg) no-repeat top left; padding-bottom:60px;}*/
.news_a h2{ font-size:48px; line-height:48px; font-weight:bold; margin-bottom:64px; padding-top:80px;}
.news_a .width_1600{ padding-left:2%; box-sizing:border-box;}

.news_bg{ }
.news_bg .left{ float:left; width:48%;}
.news_bg .left>a{ border-bottom:1px solid #309652; display:block; text-align:right; color:#309652; padding-bottom:15px; margin-bottom:20px;}
.news_bg li{ background:#fff; border-radius:20px;}
.news_bg li:nth-child(-n+4){ margin-bottom:24px;}
.news_bg li time{ float:left; width:15%; font-family:arial; text-align:center; border:1px solid #309652; box-sizing:border-box; color:#309652; border-radius:10px; font-size: 18px; padding:10px 0;}
.news_bg li time span{ font-size:64px;line-height:64px; font-weight:bold; display:block;}
.news_bg li div{ float:right; width:82%;}
.news_bg li div h3{ font-size:24px; margin-bottom:6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_bg li div p{ line-height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_bg li:hover div h3{ color:#309652;}
.news_bg li:hover div p{ color:#333;}
.news_bg li:hover time{ background:#309652; color:#fff;}
.news_bg .right{ float:right; width:48%; position:relative;}
.news_bg .right a{ display:none; height:562px;}
.news_bg .right a div{ width:100%; height:562px;}
.news_bg .right a img{ width:100%; height:100%;}
.news_bg .right a p{ position:absolute; bottom:0; width:100%; left:0; color:#fff; background:#309652; line-height:64px; font-size:24px; padding:0 20px; box-sizing:border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}



/*底部*/
footer{ background: url(/images/foot_bg.jpg) no-repeat; padding:160px 0;}
.footer{ background:none;}
.footer .left{ float:left; width:50%; background:#fff; padding: 80px; box-sizing: border-box;}
.footer .left h3{ font-size:24px; line-height:24px; font-weight:bold;}
.footer .left h4{ font-size:19px; line-height:19px; font-family:arial; margin:10px 0 36px 0; border-bottom:2px solid #309652; padding-bottom:20px;}
.footer .left p{ line-height:36px;}
.footer .left p span{ background: url(/images/btn_foot.png) no-repeat; width:26px; height:26px; display:inline-block; float: left; margin: 5px 12px 0 0;}
.footer .left p:nth-child(4) span{ background-position:0 -26px;}
.footer .left p:nth-child(5) span{ background-position:0 -52px;}
.footer .left p:nth-child(6) span{ background-position:0 -78px;}
.footer .left p:nth-child(7) span{ background-position:0 -104px;}
.footer .erweima1{ margin-top:30px;}
.footer .erweima1 div{ float:left; width:120px; margin-right:20px;}
.footer .erweima1 div span{ display:block; text-align:center; line-height:40px; }


.messages3{ float: right;width: 50%; background:#309652; padding: 80px; box-sizing: border-box;}
.messages3 h2{ font-size:24px; font-weight:bold; margin-bottom:15px; color:#fff; text-align:center;}
.messages3 ul{ padding: 0;width: 100%;}
.messages3 ul li{ margin-bottom:12px;}
.messages3 ul li input{ float: inherit;height: 50px; padding: 0; padding-left: 14px; width: 100%; border:none; border-radius: 6px; margin: 0!important; background:#fff; box-shadow:none; font-size:16px;}
.messages3 ul li input:focus{ box-shadow:none;}
.messages3 ul li textarea{ float: inherit; height: 230px; padding: 0; padding: 14px 0 0 14px; width: 100%; border:none; border-radius: 6px; margin: 0; background:#fff; box-shadow:none; font-size:16px;}
.messages3 ul li a{ width: 100%; background: #f6ab11; border-radius: 6px; font-size: 16px; color: #fff; margin: 0; line-height: 48px; height: 48px;}
.messages3 ul li a:hover{ background:#d89306;}

.copyright{ background:#0b170d; width:100%; color:#fff; position:absolute; bottom:0;}
.copyright p{ float:left; line-height:60px;}
.copyright p:last-child{ float:right;}
.copyright p a{ color:#fff;}
.copyright p a:hover{ text-decoration: underline;}




@media screen and (max-width:1680px){ 
  .navbars4{ width:94%;}
  .width_1600{ width:90%;}
  #mould81978{ padding: 120px 0 80px 0;}
}


@media screen and (max-width:1440px){ 
  .about_a .left h2{ display:none;}
  #mould819701 .swiper-slide .img_box img{ transform: scale(3);}
  #mould819701 .swiper-slide .text_box p{ padding: 0 40px;}
  /*.news_a{ background:none;}*/
  .news_bg .right a div{ height:456px;}
  .news_bg li:last-child{ display:none;}
  .news_a h2,.product_a h2,.idea_a h2{ font-size: 40px; line-height: 40px;}
  .width_1600{ padding:0!important;}
  .about_a .left{ padding-left:0!important;}
  footer{ padding: 80px 0 120px 0;}
}

@media screen and (max-width:1360px){ }










