/*公共參數*/
:root{
  /*站點顔色*/
  --siteColor:#26b369;
  /*站點字體顔色*/
  --siteFontColor:#000!important;
  /*hover顔色*/
  --siteHoverColor:#26b369!important;
  /*站點寬度*/
  --siteWidth:1200px!important;

}
.bg-light{background:white!important;}
.tw{overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
a{
color:#000;
  color:var(--siteFontColor);
}
a:hover{
  color:#26b369;
  color:var(--siteHoverColor);
  text-decoration:none;
}

/*bootstrap*/
.dropdown-toggle::after{display:none;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background:#26b369;background:var(--siteColor);}
.dropdown:hover>.dropdown-menu {
   display: block;
}

.dropdown-menu{margin:0px;}
/*swiper*/
.swiper-pagination-bullet-active{
  background-color:var(--siteColor)!important;
}
.swiper-button-next, .swiper-button-prev{
  color:var(--siteColor);
}
.page-link{color:var(--siteColor);}
.page-item.active .page-link{border-color:#26b369;border-color:var(--siteColor);background:#26b369;background:var(--siteColor);}

/*head*/
.head .logo{max-height:90px;transition:all .7s;margin-right:40px;}
.head .nav li{transition:all .8s;}
.head .nav li.active{background:#26b369;background:var(--siteColor);}
.head .nav li.active> a{color:white;}
.head .nav li:hover {background:#26b369;background:var(--siteColor);}
.head .nav li:hover .nav-link{color:white;}
.headBar{box-shadow: 0px 0px 5px 0px #666;padding:0px;}
.headBar .logo{max-height:60px;}
.headBar .nav-link{padding:1.5rem 1rem;}

/*index main*/
.index_pro{padding:20px 0px 40px;}
.index_pro .index_pro_menu a{border:1px solid #eee;padding:10px 5px;margin-bottom:10px;transition:all .3s;}
.index_pro .index_pro_menu a.active{background:#26b369;background:var(--siteColor);color:white;border:1px solid var(--siteColor);}
.index_pro .index_pro_menu a:last-child{border-left:unset;}

.index_pro .index_pro_box{display:none;}
.index_pro .index_pro_box:first-child{display:block;}
.index_pro .index_pro_list{margin-bottom:20px;}
.index_pro .index_pro_list a{display:block;padding:12px;transition:all .8s;    box-shadow: 0px 0px 4px 1px #ccc;}
.index_pro .index_pro_list .img img{transition:all .8s;}
.index_pro .index_pro_list .name{margin-top:10px;}
.index_pro .index_pro_list:hover .img img{transform:scale(1.1);}
.index_pro .index_pro_list a:hover{ box-shadow: 4px 3px 8px -3px #26b369; box-shadow: 4px 3px 8px -3px var(--siteColor);    border-radius:5px;}


.index_advantages{padding:40px 0px;background:#eee;}
.index_advantages .advantages_list{transition:all .8s;}
.index_advantages .advantages_list:hover{transform:scale(1.1);box-shadow: 2px 3px 13px -3px #ccc;border-radius:10%;}
.index_advantages .advantages_list h3{margin-top:20px;}
.index_advantages .advantages_list p{color:#999;}


.index_about{margin-bottom:40px;}
.index_about .con{line-height: 2;text-indent:2rem;}
.index_about .con .btn{color:white;text-indent:0px;}
.index_strength{background:#26b369;background:var(--siteColor);padding:30px 0px;}
.index_strength * {color:white;}
.index_strength h3{font-size:3rem;}

.index_news{margin-bottom:40px;}
.index_news .index_news_list{padding:25px;margin:20px 0px;background:white;box-shadow:0px 0px 10px -1px #ccc;border-radius:5px;position:relative;transition:all .7s;}
.index_news .index_news_list .img{position:relative;}
.index_news .index_news_list .img img{transition:all .7s;}

.index_news .index_news_list .img .news_type{position:absolute;top:0px;left:15px;background:#26b369;background:var(--siteColor);color:white;padding:5px 15px;opacity:.7;transition:all .7s}
.index_news .index_news_list .des{color:#777;}
.index_news .index_news_list .con{margin-top:10px;}
.index_news .index_news_list .con span{padding-left:20px;}
.index_news .index_news_list .con .time{background:url(/themes/default/images/time.png) left center no-repeat;margin-right:20px;}
.index_news .index_news_list .con .views{background:url(/themes/default/images/views.png) left center no-repeat;}

.index_news .index_news_list .img:hover img{transform:scale(1.1);}
.index_news .index_news_list:hover .img .news_type{background:#000;}
.index_news .index_news_list:hover{box-shadow:0px 0px 10px -1px #26b369;box-shadow:0px 0px 10px -1px var(--siteColor);}
.index_news .index_news_item> .row{padding:25px;}
.index_news .index_news_item a{background:white;padding:10px 0px;box-shadow: 0px 0px 10px -1px #ccc;margin-bottom:20px;text-indent:10px;transition:all .7s;}
.index_news .index_news_item a:hover{background:#26b369;background:var(--siteColor);}
.index_news .index_news_item a:hover * {color:white;}
main .title h2{
  position:relative;
  color:#ec1b24;
  display:inline-block;
}
main .title h2:before{
  content:'';
  position:absolute;
  top:50%;
  left:-30px;
  background:#26b369;background:var(--siteColor);
  width:20px;
  height:1px;
}
main .title h2:after{
  content:'';
  position:absolute;
  top:50%;
  right:-30px;
  background:#26b369;background:var(--siteColor);
  width:20px;
  height:1px;
}


/*navpart*/
.list-group-item.active{background:#26b369;background:var(--siteColor);border-color:#26b369;border-color: var(--siteColor);}
.navpart{z-index: 1;}
.navpart .list-group-item.active a{color:white;}
.navpart .pro{border-bottom:2px solid white;}
/*pro*/
.products{padding-bottom:30px;}
.products .pro-item{
  margin-bottom:20px;
}
.products .pro-item .name{
  margin-top:15px;
}
.pro-con{margin-bottom:40px;line-height:2;}
.pro-con img{max-width:100%;}
.pro-con .info-tool{
  text-align:center;
  border-bottom:1px solid #ccc;
  padding:10px 0px;
  margin-top:20px;
}
.pro-con .detail{border-bottom:1px solid #ccc;padding-bottom:10px;}
.pro-con .img{text-align:center;}
.pro-menu{margin-left:10px;}
.pro-con table{
  border-top: 1px solid #999;

  border-left: 1px solid #999;

  border-spacing: 0;
}
.pro-con table td {
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
        vertical-align: middle;
        padding:5px 0px;
}
/*message*/
.message form{width:70%;margin:20px auto;}
.message .code input{
    display:inline-block;
    width: 40%;
}

/*foot*/
footer{background:#26b369;background:var(--siteColor);padding:20px 0px;}
footer .foot_nav *{color:white;}
footer .foot_nav li a{display:block;padding:5px 0px;}
footer .foot_contact{border-left:1px solid white;padding-left:40px;}
footer .foot_contact *{color:white;}
footer .foot_contact h5::before{
  content: '';
display: block;
width: 34px;
height: 2px;
background-color: #ffffff;
position: relative;
left: 0;
top: 30px;
}
footer .foot_contact  p{margin-top:10px;line-height:2;}

footer .footcopyright{border-top:1px solid white;padding-top:15px;margin-top:40px;}
footer .footcopyright p{margin-bottom:0px;line-height:2;}
footer .footcopyright *{color:white;}

@media only screen and (max-width:780px) {
  footer .footcopyright{margin-top:0px;border-top:unset;}
  .navpart{margin-bottom:20px;}
  .navpart li{display:none}


  .dropdown:hover>.dropdown-menu {
     display:none;
  }
  .nav{border-top:1px solid #26b369;border-top:1px solid var(--siteColor);margin-top:20px;}
  .head .nav li{width:100%;}
}