﻿@charset "utf-8"; 
body{padding:0; margin:0; font-size:14px; line-height: 180%;}
a{ color: #333; text-decoration:none;}
a:hover{ color: #007236; text-decoration:none;}
img { border: 0; margin: 0; padding: 0; }
ul, li, ol, h1, h2, h3, dl, dt, dd, form, p, span, b, u, s, i { list-style: none; margin: 0; padding: 0; }
input, textarea { outline: none; border: 0px; } 
 
img{ max-width: 100%; }

.top{ background:#f4f4f4; height:40px; line-height:40px; color: #9a9fa6; }
.top span{ margin-left:10px; } 

.navbar-brand{ padding: 0; }
.navbar-brand img{ height: 4rem; }
.navbar{height: 91px; padding: 0}
.navbar-nav .nav-item{ height: 91px; line-height: 91px; }
.navbar-nav .nav-item .nav-link{color: #6d6d6d;  display: block; font-size: 1rem;    padding: 0 25px;}
.navbar-nav .nav-item.dropdown:hover .dropdown-menu{ display: block !important; z-index: 9999; }
.navbar-nav .nav-item:hover,.navbar-nav .nav-item.curr{ background: url(../images/navhbg.jpg) repeat-x center; color: #fff; }
.navbar-nav .nav-item .nav-link:hover{ color: #fff; }
.navbar-nav .nav-item:hover a,.navbar-nav .nav-item.curr a{ color: #fff; }

.navbar-nav .nav-item .dropdown-menu { background: #0fc566; min-width: 100%; top:98%; border:0; border-radius: 0; }
.navbar-nav .nav-item .dropdown-menu .dropdown-item{ height: 35px; line-height: 35px; padding: 0 ; text-align: center; font-size:.8rem; color: #fff;}
.navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{ color: #333; }
.navbar-nav .nav-item .dropdown-menu .dropdown-item:active{ background-color: #fff; }
.navbar-collapse{ justify-content: flex-end; position: relative; z-index: 9999; }
.navbar-collapse.show{  z-index: 9999; background: #0fc566; color: #fff; width: 100%;  padding:15px 0; top: 0px; margin:0 -15px; }
.navbar-collapse.show .nav-link{ color: #fff; }

.navbar-collapse.show .navbar-nav .nav-item{ height: auto; line-height: 40px; text-align: center; }
 
 
/*关于*/
.about,.news{ background: #f5f5f5; padding:50px 0; }
.ibt{   background: url(../images/ibtbg.png) center bottom no-repeat; padding-bottom: 20px; margin-bottom: 30px;}
.ibt h4{ font-size: 24px; color: #333;  }
.about .apic img{ display: block; width: 100%; height: auto; margin-bottom: 10px; }
.about .btn{ border-radius: 38px; padding:6px 20px; font-size: .8rem; }

/*案例*/
.caselist > div{ margin-bottom: 10px; }
.caselist .cbox{ position: relative; padding-top: 80%;  display: block;}
.caselist .cbox a{ display:block; }
.caselist .cbox:hover:after{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(142,254,198,.7); z-index:100; content:''; }
.caselist .cbox:hover:before{ content:'\e620'; font-family:"iconfont"; text-align:center; align-items: center; z-index:101; position:absolute; font-size:4rem; top:40%; left:0; width:100%; height:100%; color:#078f4b;}

.icasebg{ text-align:center; color:#fff; font-size:17px;  padding:20% 0 20%; border-radius: 5px 5px 0 0;}
.icasebg p{ overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.icasebg span{display:block; padding-top:40%; margin-bottom:10px; }

.more{ border:1px #58cf90 solid; background:#58cf90; color:#fff; width:120px; text-align:center; margin:50px auto ; display:block; border-radius:40px; height:40px; line-height:40px; }
.more:hover{ background:#fff; color:#58cf90;  }

/*新闻*/
.news{ padding-bottom: 1px; }
.inews .inewpic img{ display: block;margin-bottom: 10px; width: 100%;  }
.newslist{ margin-bottom: 10px; }
.newslist li a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2; }

article.content p{ text-indent: 2rem; margin-bottom: 10px; }
article.content p img{ text-indent: 0; max-width:90%; display: block; margin:0 auto;  }

/*服务*/
.server .row p{ line-height: 1.5; color: #999; }
.server img{ border-radius: 100%; }
.server img:hover{ background: #eee;}
/*联系*/
.contact{ background: url(../images/conbg.jpg) top center no-repeat; }
.foot{ background:#f8f8f8; }

.nbt{ background: url(../images/linebg.png) left bottom repeat-x; }
.nbt h4{ text-transform: uppercase; font-weight: bold; color: #333; }
.nbt span{ color: #999; font-weight: normal;}

.abouts img{ max-width: 100%; height: auto;}
/*新闻*/
 
.newlists .items:hover{ background:#f8f8f8; }
.newlists .desc{ color: #999; }
.newlists h6{ text-overflow: ellipsis; overflow: hidden;}

.pagination{ justify-content: center; }
.pagination .page-item.active .page-link{background-color: #0fc566;border-color: #0fc566;}
.pagination .page-link{ color: #333; }

/*项目展示*/
.prolists .propic{ border-radius: 10px; }





@media screen and (max-width: 1200px){
	.navbar-nav .nav-item .nav-link{ font-size: 100%;}
}

@media screen and (max-width: 992px){
	.navbar-nav .nav-item .nav-link{padding: 0  5px; }
}
@media screen and (max-width: 768px){
	.navbar{height:71px;  line-height: 71px;padding: 0}
	.navbar-nav .nav-item{ height: 71px; line-height: 71px; }
	.navbar-brand img{ height: 3rem; }  
	.server h6{ text-align: center !important; font-size: 1.2rem; }
	.server p { text-align: left !important; }
	.contact .pt-4{ padding-top: 0 !important; }
	.newlists .items{ margin-bottom: 0 !important; }
}


/*手机底部*/ 
.mfooter{ background:#0fc566; color: #fff; height: 50px; line-height:1.2;  }
.mfooter a{ display: block; color: #fff; }
.mfooter a i{ display: block; font-size: 1.3rem; padding-top:3px; }