.top-1{position:relative; height:5px; background:url(../images/top-1_02.jpg) center center no-repeat; background-size:auto 100%;}
.top-1-con{ width:100%;}
.top-1:before{position:absolute; content:""; background:#2c4285; top:0; bottom:0; left:0; right:50%;z-index:-1;}
.top-1:after{position:absolute; content:""; background:#0e8f4f; top:0; bottom:0; left:50%; right:0;z-index:-1;}

.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: 18px;}

.top-navbar .navbar-collapse { padding-left: 270px; padding-right: 160px;}
.top-navbar .navbar-nav .nav-link {
    color: #333333;
	position: relative;
}
.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:focus, .top-navbar .navbar-nav .show .nav-link:hover{
    color: #0e8f4f;
	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;
}

.top-language{ position: absolute; right: 0; top: 50%; margin-top: -12px; width: 150px; border-left:1px solid #c4c4c4; padding-left: 15px;}
.top-language .top-language-ms{ display:none;}
.top-language .top-language-lg{ display:block;}
.top-language .top-language-icon{ color:#0e8f4f;}
.top-language a{ color:#333333; opacity:0.6; margin-left:5px;}
.top-language a:hover,.top-language a.cur{ text-decoration:none; opacity:1;}




#banner{ position:relative;}
.banner-img{ width:100%;}
#banner .swiper-slide{ position:relative;}

#banner .banner-nav{ position:absolute; right:3%; top:50%; z-index:9999; margin-top:-60px;}
#banner .banner-nav ul li{list-style:none;}

#circle{
 stroke-dasharray:80,80;
 stroke-dashoffset:80;
 }

.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:#111111; border-radius:100%; top:50%; left:50%; margin-top:-3px; margin-left:-3px; opacity:0.5;}
.banner-nav ul li.active a b{ background:#111111; opacity:1;}
.banner-1{position:relative; }
.banner-1-con{position:absolute; z-index:99; top:0; bottom:0; width:100%; text-align:center;
	  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-1-con i.banner-1-icon{position:relative; display:inline-block;}
i.banner-1-icon img{position:relative; z-index:1;}
i.banner-1-icon:before{content:""; display:block; background:url(../images/banner-1-1.png) no-repeat; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; animation: rote360 20s linear 0s infinite;}
i.banner-1-icon:after{content:""; display:block; background:url(../images/banner-1-2.png) no-repeat; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; animation: rote360 10s linear 0s infinite;}
@keyframes rote360 { 0% {
transform:rotateZ(0deg);
}
100% {
transform:rotateZ(360deg);
}
}

#top-news{position:relative;  background:url(../images/topnews-bg_07.jpg) center center no-repeat; background-size:auto 100%;}
#top-news:before{position:absolute; content:""; background:#0e8f4f; top:0; bottom:0; left:0; right:50%;z-index:-1;}
#top-news:after{position:absolute; content:""; background:#2c4285; top:0; bottom:0; left:50%; right:0;z-index:-1;}	

.top-news-con{position:relative; color:#ffffff; padding-left:104px; font-size:16px; padding-top:30px; padding-bottom:30px;}
.top-news-con a{ color:#ffffff; }
.top-news-title{ position:absolute; left:0;}
.top-news-ul li{ list-style:none;}
.top-news-ul li a span{ margin-right:20px;}
.top-news-ul li a:hover{ text-decoration:none;}
.top-news-ul li a:hover font{ text-decoration:underline;}

.index-about-con{ padding-top:88px; padding-bottom:100px;}
.index-about-left{ float:left; width:50%;}
.index-about-right{ float:right; width:50%; padding:0 10px 0 60px;}

#index-gongyi{background:url(../images/gongyi-bg_06.jpg) center center no-repeat; background-size:cover;}
.index-adv-con{background:url(../images/adv-bg.png) center center no-repeat; background-size:cover;}

#index-pro{ position:relative; background:url(../images/pro-bg.jpg) center center no-repeat; background-size:cover;}
.index-pro-contain{ overflow:hidden; }
.index-pro-num{ position:absolute; left:0; right:0; bottom:-46px;}
.index-pro-num-con{ position:relative; display:inline-block; padding:40px 90px 70px 0;}
.index-pro-num-con:before{content:""; position:absolute; top:0; bottom:0; right:0; left:-600%; background:url(../images/pro-num-bg_11.png) center right no-repeat #0e8f4f;}
.index-pro-num-con .num{ color:#ffffff; font-size:26px; position:relative; z-index:999; padding-right:130px;}
.index-pro-num-con .num:after{ content:""; display:block; width:96px; border-bottom:1px solid #ffffff; position:absolute; top:50%; right:0;}
.index-pro-num-con .num .cur-num{ font-size:50px;}
.index-pro-con{ position:relative;  padding-top:88px; padding-bottom:5px;}
.index-pro-title{ font-size:24px; max-width:210px; position:absolute; left:0; padding-top:12px;}
.index-pro-title h1{ font-weight:bolder; color:#2c4285; text-transform:uppercase; margin-bottom:6px;}

.pro-serise-item a{
  border-bottom:3px solid #2c4285;
}

.index-pro-serise{ margin-left: 256px;width: 100%;}

.index-pro-swiper .swiper-slide {
  transition: 300ms;
  transform: scale(0.8);
}
.index-pro-swiper .swiper-slide .pro-serise-item a{
  border-bottom:3px solid #2c4285;
}
.index-pro-swiper .swiper-slide-active,.index-pro-swiper .swiper-slide-duplicate-active{
  transform: scale(1);
}
.index-pro-swiper .swiper-slide-active .pro-serise-item a,.index-pro-swiper .swiper-slide-duplicate-active .pro-serise-item a{
	border-bottom-color:#0e8f4f;
}
.pro-serise-item a{ display:block; background:#ffffff;}
.pro-serise-item a:hover{ text-decoration:none; color:#2c4285; border-bottom-color:#0e8f4f !important;}
.pro-serise-img img{ width:100%;}
.pro-serise-name{ font-size:16px; line-height:20px; padding:20px 10px;}
.pro-serise-name span{ font-size:12px; display:block;}

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

.index-pro-btns{padding-top:46px; padding-bottom:46px;}
.index-pro-btns .swiper-btn.pro-but-next{margin-right:20px;}
.index-pro-btns .swiper-btn.pro-but-prev{margin-left:20px;}

#index-news{ margin-top:46px;}
.index-news-con{ padding-top:48px; padding-bottom:90px;}
.index-news-title{position:relative; max-width:none; text-align:center;}
.index-news-left{ float:left; width:50%; padding-right:50px;}
.index-news-right{ float:right; width:50%; padding-left:90px; padding-top:90px; }

.index-news-item a{}
.index-news-item a:hover{ text-decoration:none;}
.index-news-item a:hover .news-txt .news-name{ color:#2c4285;}
.index-news-item a .news-txt .news-name{ font-weight:bolder; font-size:18px; color:#333333; margin-bottom:10px;}
.index-news-item a .news-txt .news-jj{color:#727272; line-height:22px;}
.index-news-item a .news-txt .news-time{color:#727272; text-align:right; line-height:22px;}
.index-news-item a .news-img{ margin-top:10px;}
.index-news-item a .news-img img{ width:100%;}

.index-news-noimg{ border-bottom:1px solid #dfdfdf; padding:30px 0 20px 0;}
.index-news-noimg a .news-txt .news-name{ font-weight:normal; margin-bottom:0;}

#index-adv{ background:url(../images/pros-bg.jpg) top center no-repeat; background-size:cover;}
.index-adv-con{ text-align:center; padding-top:120px;}
.index-adv-txt h1{ color:#111111;}
.index-adv-more{ margin-top:26px;}
.index-adv-more a{ display:inline-block; background:#0e8f4f; color:#ffffff; padding:8px 36px;}
.index-adv-more a:hover{ text-decoration:none; box-shadow:0 0 5px 1px rgba(0,0,0,0.2);}
.index-adv-img{ margin-top:36px;}

#foot{ background:#2c4285; background-size:cover; color:#ffffff; border-top:4px solid #147f5a;}
.foot-contain{ background:rgba(26,45,100,0.92);}
#foot a{color:#ffffff;}
#foot a:hover{ text-decoration:none; color:#ffffff;}
.foot-1{ padding-top:88px; padding-bottom:90px;}
.foot-item{ position:relative; float:left; padding-left:20px;}
.foot-item-con{ border-top:3px solid #ffffff; padding-top:34px;}
.foot-logo{width:20%;  padding-left:0px;}
.foot-logo-con{ max-width:116px;}
.foot-nav,.foot-contact{ width:30%;}
.foot-nav-con,.foot-contact-con{ max-width:200px;}
.foot-ewm{width:20%; float:right;}
.foot-ewm-con{ border-top:none;}
.foot-item-icon{ position:absolute; top:0; left:15px; font-size:26px; color:#23659b; width:42px; height:42px; border:1px solid #23659b; border-radius:50%; text-align:center; line-height:42px; }

.foot-nav-con ul li{ list-style:none; margin-bottom:3px;}
.foot-nav-con ul li a{ color:#ffffff;}
.foot-nav-con ul li a:hover{ text-decoration:none; color:#23659b;}
.foot-contact-link{ margin-top:10px;}
.foot-contact-link ul li{list-style:none; display:inline-block; margin-right:10px; margin-bottom:10px; font-size:20px;}
.foot-copyright-con{ border-top:1px solid rgba(255,255,255,0.37); padding-top:20px; padding-bottom:20px;}

#mobile-nav{ position:fixed; bottom:0; width:100%; display:none;}
#mobile-nav ul li{ float:left; width:50%; background:#111111; list-style:none; }
#mobile-nav ul li a{ color:#ffffff; display:block; width:100%; padding:15px; text-align:center;}
#mobile-nav ul li a:hover{ text-decoration:none;}
#mobile-nav ul li.mobile-nav-tel{background:#147f5a; }


#banner-img{ background-size:cover; background-attachment:fixed; background-position:center center;}
.banner-img-con{
	  min-height:580px;
	/* 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;
	  }

.banner-img-title{ color:#ffffff; font-size:24px;}
.banner-img-title h1{ font-size:46px; font-weight:bolder; text-transform:uppercase; margin-bottom:6px;}
.banner-img-title span{ display:inline-block; position:relative;}
.banner-img-title span:after{ content:""; display:block; width:96px; border-bottom:1px solid #ffffff; position:absolute; top:50%; left:100%; margin-left:16px;}

.equip-swiper:hover .about-equip-btns{ opacity:1;}
.about-equip-btns{ position:absolute; top:50%;  opacity:0;}
.about-equip-btns .swiper-btn{position:absolute;}
.about-equip-btns .swiper-btn.swiper-but-next{left:5%;}
.about-equip-btns .swiper-btn.swiper-but-prev{right:5%;}

.about-rz{ margin-top:-56px; z-index:10000; position:relative;}
.about-rz-con{ padding-top:20px; padding-bottom:20px; text-align:center; background:#ffffff; box-shadow:0 0 14px 0 rgba(0,0,0,0.36);}

#about-honor{overflow:hidden;}
.about-honor-con{ padding-top:88px; padding-bottom:100px; position:relative;}

.about-honor-btns{ position:absolute; top:50%; 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:-30px;}
.about-honor-con .swiper-btn.swiper-but-prev{ right:-30px;}
.about-honor-con .swiper-btn:hover{opacity:1;}

#container{ overflow:hidden;}
.container-con{ padding-top:88px; padding-bottom:100px; position:relative;}

.contact-map{ width:100%; height:530px;  box-shadow:0 0 14px 0 rgba(0,0,0,0.36);}
.contact-p{ float:left; width:calc(100% - 394px);}
.contact-ewm{ float:right; width:394px; padding-top:45px;}

.news-con{ margin-left:-20px; margin-right:-20px;}
.news-item{ width:33.3%; float:left; padding:0 20px 40px 20px;}

.news-con-title{ text-align:center}
.news-share{ border: #c5c5c5 1px dashed; margin:0 auto; margin-top:15px;}
.news-conner{ margin-top:15px; }

.pro-serise{margin-left:-15px; margin-right:-15px;}
.serise-item{ width:33.3%; float:left; padding:0 15px 30px 15px;}

.pro-list-title{ border-bottom:1px solid #eeeeee; padding-bottom:18px; margin-bottom:30px;}
.pro-list-serise-name{ font-size:30px; color:#013b84; float:left; width:calc(100% - 160px);}
.pro-list-serise-name span{ font-size:14px; color:#333333; margin-left:10px;}
.pro-list-serise-more{ float:right; width:150px; }
.pro-list-serise-more a{ width:150px; display:block; background:#013b84; color:#ffffff; padding:8px 10px; text-align:center;}
.pro-list-serise-more a:hover{ text-decoration:none; box-shadow:0 0 5px 1px rgba(0,0,0,0.2);}

.pro-serise{margin-left:-15px; margin-right:-15px;}
.serise-item{ width:33.3%; float:left; padding:0 15px 30px 15px;}

.pro-item{}
.pro-item a{}
.pro-item a:hover{ text-decoration:none;}
.pro-item a:hover .pro-name{ background:#013b84; color:#ffffff;}
.pro-img img{ width:100%;}
.pro-name{ text-align:center; background:#eeeeee; font-size:16px; line-height:18px; padding:8px 10px; margin-top:10px; color:#333333;}
.pro-name span{ display:block; font-size:12px; line-height:14px;}

.pro-view-img{ max-width:768px; margin:auto; padding-left:80px; padding-right:80px;position: relative;}
.gallery-top .swiper-slide{ text-align:center;}
.gallery-thumbs {
  padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
  opacity: 0.4;
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.pro-view-btns{ position:absolute; top:36%; opacity:0;width: 100%;left: 0;}
.pro-view-btns .swiper-btn{ position:absolute; background:#013b84;}
.pro-view-img:hover .swiper-btns{opacity:1;}
.pro-view-img:hover .swiper-btns .swiper-btn{z-index:10;}
.pro-view-img .swiper-btns .swiper-btn.swiper-button-disabled,.pro-view-img:hover .swiper-btns .swiper-btn.swiper-button-disabled{opacity:0; cursor:unset;}
.pro-view-img .swiper-btn.swiper-but-next{ left:20px;}
.pro-view-img .swiper-btn.swiper-but-prev{ right:20px;}
.pro-view-img .swiper-btn:hover{opacity:1;}

.pro-view-details{ margin-top:30px;}
.pro-view-details-title{ font-size:20px; color:#ffffff; padding:10px 20px; background:#013b84;}
.pro-view-details-title i{ float:right; margin-top:3px;}

.pro-view-details-p{ padding:10px 20px; background:#eeeeee;}

.clear1{ display:block;}
.clear2{ display:none;}
.clear3{ display:none;}
@media screen and (max-width: 1200px){
	.top-brand { width:180px; padding-top: 15px; padding-left:15px;}
	.top-navbar .navbar-collapse{ padding-left:200px;}
	.top-navbar{ min-height:75px;}
	
	.index-about-right{ float:right; width:50%; padding:0 10px 0 30px;}
	
	.index-news-right{ float:right; width:50%; padding-left:60px; padding-top:40px; }
	.banner-img-con{min-height:480px;}
	
	.news-con{ margin-left:-15px; margin-right:-15px;}
	.news-item{ padding:0 15x 30px 15px;}
}

@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(255,255,255,0.92);}
	.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;}
	
	i.banner-1-icon img { width:150px; height:150px;}
	
	.index-about-con{ padding-top:60px; padding-bottom:80px;}
	
	.index-about-left{ float:none; width:100%; padding:0 10px 0 10px;}
	.index-about-right{ float:none; width:100%; padding:0 10px 0 10px; margin-top:30px;}
	
	.index-pro-con{ padding-top:60px;}
	.index-pro-title{ font-size:18px; max-width:none; text-align:center; position:relative; left:0; padding-top:0px; margin-bottom:20px;}
	.index-pro-title h1{ font-size:26px; margin-bottom:0;}
	.index-pro-serise{ margin-left: 0;width: 100%;}
	.index-pro-btns {padding-top: 26px;padding-bottom: 46px;}
	
	.index-pro-num-con .num{ font-size:16px;}
	.index-pro-num-con .num .cur-num{ font-size:30px;}
	.index-pro-num{ position:absolute; left:0; right:0; bottom:-46px;}
	.index-pro-num-con{ position:relative; display:inline-block; padding:20px 90px 20px 0;}
	
	.index-news-con{ padding-top:40px; padding-bottom:80px;}
	.index-news-left{ float:none; width:100%; padding-right:0px; }
	.index-news-right{ float:none; width:100%; padding-left:0px; padding-top:40px; }
	
	.index-adv-con{ padding-top:80px;}
	.index-adv-txt h1{ font-size:26px;}
	
	.foot-1{ padding-top:40px; padding-bottom:80px;}
	.foot-logo,.foot-nav,.foot-contact{ width:100%; padding-left:0px; float:none; margin-bottom:20px;}
	.foot-logo-con,.foot-nav-con,.foot-contact-con{ max-width:none;}
	.foot-ewm{width:100%; float:none; padding-left:0px;}
	.foot-nav-con ul li{ display:inline-block; margin-right:10px;}
	.foot-copyright-con{ text-align:center;}
	#foot{ margin-bottom:54px;}
	#mobile-nav{z-index:99999; display:block;}
	
	.banner-img-con{min-height:380px;}
	
	.about-honor-con{ padding-top:40px; padding-bottom:80px;}
	
	.container-con{ padding-top:40px; padding-bottom:80px;}
	
	.contact-p{ float:none; width:100%;}
	.contact-ewm{ float:none; width:100%; padding-top:25px;}
	
	.news-con{ margin-left:-15px; margin-right:-15px;}
	.news-item{ width:50%; float:left; padding:0 15px 30px 15x;}
	
	.serise-item{ width:50%; float:left; }
	
	.pro-list-serise-name{ font-size:20px; width:calc(100% - 140px);}
	.pro-list-serise-more{ width:130px; }
	.pro-list-serise-more a{ width:130px;}
	
	.pro-view-img{ padding-left:20px; padding-right:20px;}
	.pro-view-img .swiper-btn.swiper-but-next{ left:0px;}
	.pro-view-img .swiper-btn.swiper-but-prev{ right:0px;}
	.clear1{ display:none;}
	.clear2{ display:block;}
	.clear3{ display:none;}
}

@media screen and (max-width: 768px){
}
@media screen and (max-width: 560px){
	.top-language .top-language-ms{ display:block;}
	.top-language .top-language-lg{ display:none;}
	.top-language{ width:60px;}
	.top-navbar .navbar-toggler{ margin-right:60px; border:none; padding:0;}
	.top-navbar .navbar-toggler:focus{ outline:none;}
	i.banner-1-icon img { width:100px; height:100px;}
	
	.news-con{ margin-left:-15px; margin-right:-15px;}
	.news-item{ width:100%; float:none; padding:0 15px 30px 15x;}
	
	.serise-item{ width:100%; float:none;}
	
	.clear1{ display:none;}
	.clear2{ display:none;}
	.clear3{ display:block;}
}