.banner-img{ width:100%;}

.top-navbar{ min-height: 95px;}
.top-navbar .navbar-toggler { margin-right: 160px;}
.top-brand{ position: absolute; top: 0; left: 0; z-index: 1; padding-top: 8px;}

.top-navbar .navbar-collapse { padding-left: 270px; padding-right: 136px;}
.top-navbar .navbar-nav .nav-link {
    color: #ffffff;
	position: relative;
	padding-left:1rem;
	padding-right:1rem;
}
.top-navbar .navbar-nav .dropdown-toggle::after{ display:none;}
.top-navbar .navbar-nav .nav-link:focus, .top-navbar .navbar-nav .nav-link:hover,.top-navbar .navbar-nav .show .nav-link, .top-navbar .navbar-nav .show .nav-link:focus, .top-navbar .navbar-nav .show .nav-link:hover{
    color: #0e8f4f !important;
	font-weight: bolder;
}
.top-navbar .navbar-nav .nav-link:focus:before, .top-navbar .navbar-nav .nav-link:hover:before, .top-navbar .navbar-nav .show .nav-link:before, .top-navbar .navbar-nav .show .nav-link:before  {
    width: 100%;
}

.top-navbar .navbar-nav .dropdown-menu{ font-size:14px;}
.top-navbar .navbar-nav .dropdown-menu .dropdown-item.active,.top-navbar .navbar-nav .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background-color: #0e8f4f;
}
.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.navbar-light .navbar-toggler{border-color: rgba(255,255,255,.6);}
button.navbar-toggler:focus {
    outline: none;}
.top-language{ position: absolute; right: 0; top: 50%; margin-top: -12px; width: 150px; padding-left: 15px; color:#ffffff;}

.top-language .top-language-icon{ color:#0e8f4f;}
.top-language a{ color:#ffffff; margin-left:5px;}
.top-language a:hover{ text-decoration:none; opacity:1;color: #0e8f4f;}



	#nav{ position:fixed; top:0; width:100%; z-index:9999;background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Chrome 10-25, Safari 5.1-6 */ 
background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */      
}
	#banner{ position:relative; min-height:480px; max-height:850px;}
	
	#banner .swiper-slide{ position:relative;}
	
	#banner .banner-nav{ position:absolute; right:2%; top:50%; z-index:9999; margin-top:-60px;}
	#banner .banner-nav ul li{list-style:none;}
	
	#circle{
     stroke-dasharray:80,80;
     stroke-dashoffset:80;
 }

#nav.nav-scroll{background:rgba(0,0,0,0.2);}

 .banner-wrapper {
      width: 100%;
      height: 100%;
    }
.banner-wrapper .swiper-slide{  
	  text-align: center;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  }
.banner-nav ul li{}
.banner-nav ul li a{ position:relative; display:inline-block; width:26px; height:26px; cursor:pointer;}
.banner-nav ul li a b{ position:absolute; display:inline-block; width: 6px; height: 6px; background:#ffffff; border-radius:100%; top:50%; left:50%; margin-top:-3px; margin-left:-3px; opacity:0.5;}
.banner-nav ul li.active a b{ background:#ffffff; opacity:1;}
.banner-con{position:relative; z-index:10;width:50%;}
.banner-1{margin-top:-10%;}
.banner-2{margin-top:-5%;}

.banner-3{ position:absolute; right:25%; top:30%; max-width:30%;}

.video-play{ margin-top: 30px;}

.videolist:hover{ cursor: pointer; }

.videos{ display:none;background: rgba(0,0,0,0.9); position:fixed; left:0; right: 0; top:0; bottom: 0; width:100%;z-index: 10000; }
.videos-con{border: 1px solid #080808; position:fixed; width: 100%; height: 100%;}
.videos-con video{position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;}
.vclose { position:absolute;right:5%; top:5%; border-radius:100%; cursor: pointer; }

#index-news{ margin-top:-50px; position:relative; z-index:1000;}
.index-news-container{ background:#14a73d; padding:12px; position:relative; padding-left:120px; padding-right:100px; height:50px;}
.top-news-icon{ color:#ffffff; left:20px; position:absolute;}
.top-news-more{ position:absolute; right:10px; top:0;}
.top-news-more a{ color:#ffffff;}
.top-news-more .news-button{ display:inline-block; font-size:30px; color:#ffffff; padding:10px; opacity:0.42;}
.top-news-more .news-button:hover{ opacity:1;}
.top-news-more .news-button:focus{ border:none; outline:none;}

.index-news-wrapper{ height:100%;}

.index-news-wrapper a{ color:#ffffff; display:block; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}

.container-title{ text-align:center;}
.container-title h1{ font-size:30px;}

#index-yinyong{ overflow:hidden; padding-top:60px; padding-bottom:60px;}
.index-yinyong-con{ margin-left:-20px; margin-right:-20px;}
.index-yinyong-item{ width:33.3%; float:left; padding:20px;}
.index-yinyong-item a{ color:#333333;}
.index-yinyong-item a:hover{ text-decoration:none; }
.index-yinyong-item a:hover .app-more span{ color:#14a73d; }
.index-yinyong-item a:hover .app-more span:after{width:100%; transition:width 0.5s;
-moz-transition:width 0.5s; /* Firefox 4 */
-webkit-transition:width 0.5s; /* Safari and Chrome */
-o-transition:width 0.5s; /* Opera */}

.app-name{ font-size:16px; margin-top:15px;}
.app-jj{ margin-top:5px;     overflow: hidden;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.app-more{ text-align:right;}
.app-more span{ display:inline-block; position:relative;}
.app-more span:after{ content:""; position:absolute; bottom:0; left:0; width:0; border-bottom:1px solid #14a73d; 
transition:width 0.5s;
-moz-transition:width 0.5s; /* Firefox 4 */
-webkit-transition:width 0.5s; /* Safari and Chrome */
-o-transition:width 0.5s; /* Opera */}

#index-ggy{background:url(youshi-bg.jpg) center center no-repeat; background-size:cover;background-attachment: fixed;}
.index-ggy-container{ color:#ffffff; text-align:center; padding-top:260px; padding-bottom:260px;}
.index-ggy-container h1{ font-size:30px;}

#index-num{background:url(num-bg.jpg) center center no-repeat; background-size:cover; position:relative;overflow: hidden;}
.index-num-container{ padding-top:220px; padding-bottom:220px; z-index:100;}
.index-about-num{ margin:auto; display: flex; flex-flow: row nowrap; justify-content: space-between;}
.about-num-item{ color:#14a73d; font-size:20px;}
.about-num-item h2{ font-size:68px; display:inline-block; line-height:70px; font-weight:bolder;}
.about-num-item sup{ font-size:38px; display:inline-block; vertical-align: 20px;}
.about-num-item span{ font-size:27px; font-weight:bolder;}



#particles-js{ width: 100%; height: 100%; min-height: 583px; background-color: rgba(0,0,0,0); position:absolute; top:0; left:0; }

.index-partner-con{ padding-top: 30px; padding-bottom: 30px;}
.swiper-partner .swiper-slide {
	text-align: center;
    width: auto !important;
	min-width: 10%;
	padding: 0 10px;
}
.swiper-partner .swiper-slide img {
	height: 80px;
}
#foot{ background:url(foot-bg.jpg) #333333; background-size:cover; position:relative;}
.foot-con{ padding-top:108px;color:#ffffff;}
.foot-con a{ color:#ffffff; opacity:0.87;}
.foot-con a:hover{ text-decoration:none; color:#14a73d; opacity:1;}
.foot-2{}

.foot-nav{ float: left; width:calc(100% - 100px);}
.foot-contact{ float: right; width: 100px;}

.foot-nav-item{ display:inline-block; padding-right: 6%; vertical-align: top; margin-bottom:15px;}
.foot-nav-title{ position: relative; padding-top: 15px; margin-bottom: 10px;}
.foot-nav-item .foot-nav-title:before{ content: ""; border-top: 2px solid #14a73d; width: 20px; position: absolute; top: 0; left: 0;}
.foot-nav-item .foot-nav-con ul li{ list-style: none; }

.foot-link ul li{ list-style:none; display:inline-block; margin-right:15px; font-size:26px; }
.foot-ewm{ margin-top:15px;}

.foot-copyright{ border-top:1px solid rgba(255,255,255,0.17); margin-top:100px;}
.foot-copyright-con{ text-align:center; padding-top:20px; padding-bottom:20px;}


#banner-img{ background-size:cover; background-position:center center;}
.banner-img-con{
			padding-top:160px;
	padding-bottom:60px;
	  min-height:768px;
	/* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}

#container-serise{ border-bottom:1px solid #f2f2f2; margin-top:26px;}
.container-serice-container .swiper-wrapper  .swiper-slide { width: auto !important; }
.container-serice-container .swiper-wrapper .swiper-slide a{ display: block; position: relative; padding: 15px; color:#333333; font-size:16px;}
.container-serice-container .swiper-wrapper .swiper-slide a:hover{ text-decoration: none; color:#14a73d;}
.container-serice-container .swiper-wrapper .swiper-slide a:hover:after,.container-serice-container .swiper-wrapper .swiper-slide a.active:after{border-bottom: 4px solid #14a73d; width: 100%;}
.container-serice-container .swiper-wrapper .swiper-slide a:after{ content: ""; position: absolute; left: 0; bottom: 0;}

#container-con{ padding-top:60px; padding-bottom:120px;}
.about-con{ padding-bottom:40px; border-bottom:1px solid #eeeeee;}
.about-con-img{ width:35%; float:left; padding-right:15px;}
.about-con-p{ width:65%; float:right; padding-left:15px; padding-top:15px;}

.swiper-btns{ text-align:center; width:100%; position:relative; z-index:999; }
.swiper-btns .swiper-btn{ border-radius:50%; width:36px; height:36px; color:#ffffff; background:#14a73d; padding: 3px 12px; font-size:20px; cursor:pointer; display:inline-block;}
.swiper-btns .swiper-btn:focus{ outline:none;}

.about-honor{ margin-top:60px; overflow:hidden;}
.about-honor-con{ position:relative; margin-top:30px;}
.about-honor-swiper .swiper-slide{ width:auto;}
.about-honor-item{ text-align:center;}
.about-honor-item img{ max-height:316px;}
.about-honor-item .about-honor-name{ padding:10px 15px;}
.about-honor-btns{ position:absolute; top:40%; opacity:0;width: 100%;left: 0;}
.about-honor-btns .swiper-btn{ position:absolute;}
.about-honor-con:hover .swiper-btns{opacity:1;}
.about-honor-con:hover .swiper-btns .swiper-btn{z-index:10;}
.about-honor-con .swiper-btns .swiper-btn.swiper-button-disabled,.about-honor-con:hover .swiper-btns .swiper-btn.swiper-button-disabled{opacity:0; cursor:unset;}
.about-honor-con .swiper-btn.swiper-but-next{ left:-50px;}
.about-honor-con .swiper-btn.swiper-but-prev{ right:-50px;}
.about-honor-con .swiper-btn:hover{opacity:1;}

.contact-p{ float:left; width:50%; padding-right:30px;}
.contact-map{ float:right; width:50%; padding:5px; border:1px solid #eeeeee;}
.contact-map-con{ position:relative; min-height:340px;}

.job-title{ background: #14a73d; color: #ffffff; padding: 15px 15px;}
.job-title .td{ text-align: center; font-size: 16px; }
.job-con{ padding:5px;}
.job-con .td{ text-align: center; font-size: 14px;}
.job-con .td1,.job-title .td1{ text-align: left; }
.container-jobs .panel-group {
    padding: 0;
}
.container-jobs .panel {
	border: 0;
	border-bottom: 1px solid #f2f2f2;
  background: none;
  box-shadow: none;

}
.container-jobs .panel:nth-child(even){ background:#eeeeee;}

.container-jobs .panel:last-child {
  border-bottom: auto;
}

.container-jobs .panel-group > .panel:first-child .panel-heading {
  border-radius: 4px 4px 0 0;
}

.container-jobs .panel-group .panel {
  border-radius: 0;
}

.container-jobs .panel-group .panel + .panel {
  margin-top: 0px;
}

.container-jobs .panel-heading {
  border-radius: 0;
  border: none;
  color: #333333;
  padding: 0;
}

.container-jobs .panel-title{
	margin-bottom:0;
}
.container-jobs .panel-title a {
  display: block;
  color: #333333;
  padding: 15px;
  position: relative;
  font-weight: 400;
}

.container-jobs .panel-title a:hover,.container-jobs .panel-title a:active, .container-jobs .panel-title a:visited, .container-jobs .panel-title a:focus {
	text-decoration: none;
}

.container-jobs .panel-title a:hover .job-con .td4,.container-jobs .panel-title a:active .job-con .td4, .container-jobs .panel-title a:visited .job-con .td4, .container-jobs panel-title a:focus .job-con .td4 {
	color: #ad0600;
}
.container-jobs .panel-heading.active .panel-title .job-con .td4 {
 color: #ad0600;
}
.container-jobs .panel-body {
  background: #fafafa;
  padding:15px;
}

.history-name-box{ position:relative;}
.history-name-box:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eeeeee;
}
.history-name-item{ text-align:center; padding-top:3px; cursor:pointer;}
.history-name-item .point{ display:inline-block; position:relative; margin-bottom:0px; width:16px; height:16px; border-radius:50%; background-color: #eeeeee;}
.history-name-item .point:after{ opacity:0; content:""; position:absolute; left:-3px;right:-3px;top:-3px;bottom:-3px; border:1px dashed #14a73d; border-radius:50%; }
.history-name-item.swiper-slide-thumb-active .point{ background:#14a73d;}
.history-name-item.swiper-slide-thumb-active .point:after{opacity:1;}

.history-detail-box{ margin-top:2rem;}
.history-item-img{ width:50%; float:left; padding-right:15px; padding-left:15px;}
.history-item-p{ width:50%; float:left; padding-left:15px;}

.history-item-p{ position:relative; padding-top:15px;}
.history-item-time{ color:#cccccc; font-weight:bolder; font-size:30px; margin-bottom:5px;}
.history-item-name h1{ font-size:2.1rem; margin-bottom:1rem; font-weight:bolder;}

.news-items{ border-bottom:1px solid #f0f0f0; padding-bottom:30px; margin-bottom:30px;}
.news-item{ color:#333333;}
.news-item:hover{ color:#14a73d; text-decoration:none;}
.news-img{ float:left; width:30%; }
.news-right{ float:right; width:70%; padding:5px 0 0 30px; }

.news-time{ font-weight:bolder; color:#727272; font-size:14px;position:absolute; right:0; top:3px; width:100px; text-align:right;}
.news-name{ font-weight:bolder; font-size:20px; display:block; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all; position:relative; padding-right:100px;}
.news-jj{margin:15px 0; color:#727272;}
.news-more{ text-align:right; font-weight:bolder; color:#14a73d;}

.news-con-title{ text-align:center; color:#14a73d; font-size:30px; margin-bottom:15px;}
.news-share{ border: #c5c5c5 1px dashed; margin:0 auto; margin-top:15px;}
.news-conner{ margin-top:15px; }

.news-container{ overflow:hidden;}
.pro-con{ margin-left:-20px; margin-right:-20px;}
.pro-item{ width:33.3%; float:left; padding:20px;}
.pro-item a{ color:#333333;}
.pro-item a:hover{ text-decoration:none; }
.pro-item a:hover .pro-name{ color:#14a73d;}


.pro-name{ font-size:18px; margin-top:15px; font-weight:bolder;}
.pro-jj{ margin-top:5px;     overflow: hidden;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;}

#forwards-jy{ background:#f6f6f6; margin-top:26px; padding-top:30px; padding-bottom:30px;}
.jy-img{ width:50%; float:left; padding-right:15px;}
.jy-p{ width:50%; float:left; padding:15px;}
.clear1{ display:block;}
.clear2{ display:none;}
.clear3{ display:none;}
@media screen and (max-width: 1200px){
	.top-brand { width:95px; padding-top: 8px; padding-left:15px;}
	.top-navbar .navbar-collapse{ padding-left:200px;}
	.top-navbar{ min-height:75px;}
	
	.banner-img-con{min-height:560px;}
}

@media screen and (max-width: 991px){
	.top-navbar .navbar-collapse { 
	padding: 15px;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    z-index: 1000;
    background: rgba(0,0,0,0.95);}
	#nav.nav-dropdown{background:rgba(0,0,0,0.95);}
	.top-navbar .nav-item { padding: 10px 3px 5px; border-bottom: 1px solid #dddddd;}
	.top-navbar .navbar-nav .nav-link:before {
    
	}
	.top-navbar .nav-item .dropdown-menu{background: none;border: 0;}
	.top-navbar .nav-item .dropdown-menu .dropdown-item {color: #727272;}
	.top-nav .container{ max-width: none; padding-left: 0; padding-right: 0;}
	/*.top-navbar .navbar-nav .nav-link{ color:#333333;}*/
	
	.index-about-num {flex-flow: wrap;}
	.about-num-item{ width:50%; margin-bottom:15px; }
	
	.foot-nav,.foot-contact{ float: none; width:100%;}

.foot-nav-item{ display:block; padding-right: 0;}
.foot-nav-item .foot-nav-con ul li{ list-style: none; display:inline-block; margin-right:15px; }

.about-num-item h2{ font-size:58px; line-height:60px;}
.about-num-item sup{ font-size:28px;}
.about-num-item span{ font-size:17px;}

.banner-img-con{ min-height:460px;}
	#container-con{ padding-top: 50px;padding-bottom: 80px;}
	.about-con-img{ width:100%; float:none; padding-right:0;}
	.about-con-p{ width:100%; float:none; padding-left:0; padding-top:25px;}

	.contact-p{ float:none; width:100%; padding-right:0px;}
	.contact-map{ float:none; width:100%; margin-top:30px;}
	
		.history-item-img{ width:100%; float:none; padding-right:0; padding-left:0;}
	.history-item-p{ width:100%; float:none; margin-top:1rem;}

	.news-img{  float:none; width:100%; padding-right:0px;}
	.news-right{ float:none; width:100%; padding-left:0; margin-top:10px;}
	.news-time{ position:relative; text-align:left;}
	.news-name{ padding-right:0;}
	
	.pro-item{ width:50%;}
	
	.jy-img{ width:100%; float:none; padding-right:0px;}
.jy-p{ width:100%; float:none; padding:15px 0 0;}

	.clear1{ display:none;}
	.clear2{ display:block;}
	.clear3{ display:none;}
}

@media screen and (max-width: 768px){
	.index-yinyong-item{ width:100%; float:none; padding:20px;}
	.pro-item{ width:100%; float:none; padding:20px;}
	#banner{ position:relative; min-height:250px !important; max-height:250px !important;}
}
@media screen and (max-width: 576px){
	.top-navbar .navbar-toggler{ margin-right:136px; border:none; padding:0;}
	.top-navbar .navbar-toggler:focus{ outline:none;}
	.foot-con{ padding-top:60px;}
	.foot-copyright{ margin-top:60px;}
	
	
	
	.clear1{ display:none;}
	.clear2{ display:none;}
	.clear3{ display:block;}
}