#top{ position:fixed; top:0; width:100%; z-index:9999; background:rgba(255,255,255,0.65);}
.dropdown-menu{ font-size:14px; margin-top:0;}
.top-navbar{ min-height: 90px;}
.top-navbar .navbar-toggler { margin-right: 10px; margin-top: 20px;}
.top-brand{ position: absolute; left: 0; z-index: 1; padding: 0;}

.top-navbar .navbar-collapse { padding-left: 220px; padding-top: 15px;}
.top-navbar .navbar-nav .nav-link {
    color: #333;
	position: relative;
	/*padding-right: 1rem;
	padding-left: 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:focus, .top-navbar .navbar-nav .show .nav-link:hover{
    color: #0e67ae;
	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: #ffffff;
    background-color: #0e67ae;
}


.top-language{ margin-left:10px; margin-top:14px; }
.top-language a{ background:#0e67ae; color:#ffffff; border-radius:50%; display:block; width:30px; height:30px; padding:3px 6px; }
.top-language a:hover{ text-decoration:none;}

.nav-search{ color:#0e67ae; margin-top: 10px; margin-left: 10px;}
.nav-search a{ color:#0e67ae;font-size: 16px;}

.top-navbar .top-language .dropdown-menu .dropdown-item.active,.top-navbar .top-language .dropdown-menu .dropdown-item:hover {
    color: #ffffff;
    background-color: #0e67ae;
}

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

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

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

/*
.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);}
*/
.navbar-light .navbar-toggler:focus{ outline:none;}

	#banner{ position:relative;}
	
	#banner .swiper-slide{ position:relative;}
	
	#banner .banner-nav{ position:absolute; right:60px; 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:#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-1{position:relative; z-index:10; background:rgba(0,0,0,0.1);}

.vfx-image-wrap{position:relative;display:inline-block;margin:0 auto;width:100%;height:100%;margin-bottom:40px;cursor:ew-resize;}

.before-image{position:absolute;top:0;left:0;z-index:1;width:50%; overflow:hidden;}
.before-image img{height:100%; width:auto !important; max-width:none;}
.after-image img{height:100%; width:auto !important; max-width:none;}
.before-image-bg{position:absolute;top:0;left:0;bottom:0; right:0; background:rgba(0,0,0,0.4);}
.after-image{position:absolute;top:0;left:0;z-index:0;}

.divider-bar{position:absolute;width:6px;left:50%;top:0px;bottom:0px;background:#ca1b1d;height:100%;display:block;z-index:2;box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.4);}

#index-news{ margin-top:-34px; position:relative; z-index:1000;}
.index-news-container{ background:#0e67ae; padding:20px; position:relative; padding-left:76px; padding-right:100px; height:68px;}
.top-news-icon{ width:27px; height:28px; background:url(../images/icon-gg.png) no-repeat; background-size:cover; left:20px; position:absolute;}
.top-news-more{ position:absolute; right:20px; top:20px;}
.top-news-more a{ color:#ffffff;}

.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{ font-size:30px; text-align:center; color:#111111; margin-bottom:36px;}

.index-yinyong-container{ padding-top:70px; padding-bottom:70px;}
.yy-items{ display:block; color:#333333; position:relative; padding:40px 20px; border:1px solid #eeeeee;}
.yy-items:hover{ color:#ffffff; text-decoration:none;}
.yy-items-bg{ position:absolute; left:0; top:0; right:0; bottom:0; background-size:cover; z-index:-1; display:none;}
.yy-items-bg:after{ content:"";position:absolute; left:0; top:0; right:0; bottom:0; background-size:cover; background:rgba(14,80,133,0.8);}
.yy-items:hover .yy-items-bg{ display:block;}
.yy-name{ font-size:20px; font-weight:bolder; margin-top:36px; margin-bottom:24px;}
.yy-jj{ color:#727272;}
.yy-items:hover .yy-jj{ color:#ffffff;}
.yy-items.yy-icon-img-h{ display:none;}
.yy-items:hover .yy-icon-img{ display:none;}
.yy-items:hover .yy-icon-img-h{ display:block;}

.index-yinyong-pagination{ position:relative; margin-top:30px; bottom:0 !important;}
.index-yinyong-pagination .swiper-pagination-bullet{ border-radius:4px;}
.index-yinyong-pagination .swiper-pagination-bullet-active{ width:26px; background:#0e67ae;}
#index-ggy{background:url(../images/ggy-bg.jpg) center center no-repeat; background-size:cover;}
.index-ggy-container{ color:#ffffff; text-align:center; padding-top:240px; padding-bottom:240px;}
.index-ggy-container h1{ font-size:30px; word-spacing:5px;}
.index-ggy-container span{ font-size:16px; letter-spacing:5px; text-transform:uppercase;}

.index-pro-container{ padding-top:70px; padding-bottom:50px;}
.index-pro-img{ float:left; width:50%;}
.index-pro-right{ float:right; width:50%; padding:70px 0 15px 30px; }
.index-pro-name{ font-size:22px; color:#111111; margin-bottom:20px;}
.index-pro-more{ margin-top:20px;}
.index-pro-more a{ color:#0e67ae; border-radius:10px; border:1px solid #0e67ae; padding:10px 15px; max-width:170px; text-align:center; display:block; }

.index-pro-pagination{ position:relative; margin-top:30px; bottom:0 !important;}
.index-pro-pagination .swiper-pagination-bullet{}
.index-pro-pagination .swiper-pagination-bullet-active{background:#0e67ae;}

#index-about{background:url(../images/about-bg.jpg) center center no-repeat; background-size:cover; color:#ffffff;}
.index-about-title{ color:#ffffff;}

.index-about-container{ max-width:920px; padding-top:90px;padding-bottom:120px;}
.index-about-con img{ width:auto; margin:auto;}
.index-about-num{ margin:56px auto 0; display: flex; flex-flow: row nowrap; justify-content: space-between;}
.about-num-item{ color:#ffffff; 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;}

#foot{ background:#e6e9ee; background-size:cover; position:relative;}
.foot-1{ padding-top: 80px;}

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

.foot-nav-item{ float: left; width: 25%; padding-right: 15px;}
.foot-nav-item .foot-nav-title{ position: relative; margin-bottom: 10px; font-size:16px;}
.foot-nav-item .foot-nav-con ul li{ list-style: none; }
.foot-nav-item .foot-nav-con ul li a{ color:#333333;}
.foot-nav-item .foot-nav-con ul li a:hover{  color:#0e5085; text-decoration:none;}
.foot-tel{ font-size:20px; font-weight:bolder; color:#0e5085; margin-top:15px;}
.foot-tel i{margin-right:15px;}

.foot-contact-link{ margin-top:15px;}
.foot-contact-link ul li{ display:inline-block; list-style:none; font-size:22px; margin-right:20px;}
.foot-contact-link ul li a{ color:#0e5085; display:block; width:42px; height:42px; border:1px solid #0e5085; border-radius:100%; text-align:center; line-height:42px;}
.foot-contact-link ul li a:hover{  background:#0e5085; color:#ffffff; }

.foot-copyright{ text-align:center; border-top:1px solid #d8d5d5; margin-top:80px; padding:20px 0;}
.foot-copyright a{ color:#333333;}
.foot-copyright a:hover{  color:#0e5085; text-decoration:none;}


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


#banner-img{ background-size:cover; background-attachment:fixed; 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;
	  }

.banner-img-title{ color:#0e5085; font-size:30px;}
.banner-img-title h1{ font-weight:bolder; text-transform:uppercase; margin-bottom:6px;}
.banner-img-title span{ }
.banner-img-title span:after{ content:""; display:block; width:74px; border-bottom:5px solid #0e5085; margin-top:30px; }
.banner-img-title-w{ color:#ffffff;}
.banner-img-title-w span:after{border-bottom:5px solid #ffffff;}

#container-con{ padding-top:90px; padding-bottom:120px;}
.about-con-img{ width:50%; float:left; padding-right:15px;}
.about-con-p{ width:50%; float:right; padding-left:15px; padding-top:15px;}

.about-num-container{ padding-top:80px; padding-bottom:80px;}
.about-num-container .index-about-num{ margin-top:0;}

.about-honor-container{ padding-top:70px; padding-bottom:70px;}
.about-honor-title{ text-align:center; color:#0e5085; margin-bottom:20px;}
.about-honor-title h1{ font-size:30px; word-spacing:3px;}
.about-honor-title span{letter-spacing:3px; text-transform:uppercase;}

.about-honor-pagination{ position:relative; margin-top:30px;}
.about-honor-pagination .swiper-pagination-bullet{}
.about-honor-pagination .swiper-pagination-bullet-active{background:#0e67ae;}

.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;}

.join-con-p{ text-align:center; line-height:35px;}

.join-conner{ margin-top:36px; overflow:hidden;}
.join-items{margin-left:-20px; margin-right:-20px;}
.join-item{ width:33.3%; float:left; padding:20px;}
.join-items a{ display:block; background:#f4f4f4; color:#333333; padding:50px 30px;}
.join-items a:hover{ text-decoration:none; background:#0e5085; color:#ffffff;}
.join-items a .join-time{ font-weight:bolder;}
.join-items a .join-name{ font-weight:bolder; font-size:20px;}
.join-items a .join-jj{margin:20px 0;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.join-items a .join-more{ color:#0e5085; font-weight:bolder;}
.join-items a:hover .join-more{ color:#ffffff;}

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

.app-item{ width:50%; float:left;}
.application-intro{ width: 100%;}
.application-intro .application-img{ float:left; width:50%; padding-right:15px;}
.application-intro .application-intro-con{ float:right; width:50%; padding-left:15px; padding-top:15px;}

.application-view-name{ font-weight:bolder; color:#0e5085; font-size:26px; margin-bottom:20px;}
.application-view-name span{ display:block; font-size:16px; font-weight:normal; color:#333333; margin-top:10px;}


.news-hots{ width:100%;}

.news-item{ color:#333333;}
.news-item:hover{ color:#0e5085; text-decoration:none;}
.news-img{ float:left; width:50%;}
.news-right{ float:right; width:50%; padding:30px 0 0 30px; }

.news-time{ font-weight:bolder; color:#727272;}
.news-name{ font-weight:bolder; font-size:20px; display:block; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.news-jj{margin:20px 0; color:#727272;}
.news-more{ color:#0e5085; font-weight:bolder;}
.news-more a{ color:#0e5085; font-weight:bolder;}
.pro-more{ margin-top:20px;}

.index-news-pagination{ position:relative; margin-top:30px; bottom:0 !important;}
.index-news-pagination .swiper-pagination-bullet{ border-radius:4px; background:#0e67ae; opacity:1;}
.index-news-pagination .swiper-pagination-bullet-active{ width:26px; background:#0e67ae;}

.news-items{ border-bottom:1px solid #f0f0f0; padding-bottom:30px; margin-bottom:30px;}
.news-items .news-img{  width:30%;}
.news-items .news-right{  width:70%; padding-top:5px;}
.news-items .news-jj{ margin:15px 0; }

.video-container{ overflow:hidden;}
.video-contain{ margin-left:-20px; margin-right:-20px;}
.video-items{ width:33.3%; float:left; padding:0 20px; margin-bottom:40px;}
.video-items .news-img{ width:100%; float:none; padding:0;}
.video-items .news-right{ width:100%; float:none; padding:10px 0;}
.video-items .news-jj{  margin:10px 0; }

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

.products-container{ overflow:hidden;}
.products-contain{ margin-left:-20px; margin-right:-20px;}
.pro-item{ width:33.3%; float:left; padding:0 20px; margin-bottom:30px;}
.pro-item a{ text-align:center; color:#333333; }
.pro-item a:hover{ text-decoration:none; color:#0e5085; }
.pro-item a .pro-img{ overflow:hidden;}
.pro-item a .pro-img img{ transition: all 0.3s ease-out;transform: scale(1);}
.pro-item a:hover .pro-img img{transform: scale(1.05);}
.pro-item a .pro-name{padding:15px 0;}

.pro-view-name{ font-weight:bolder; color:#004894;}

.search-title{text-align:left; border-bottom:1px solid #f0f0f0; padding-bottom:20px;}
.search-items{ border-bottom:1px solid #f0f0f0; padding:20px 10px;}
.search-items a{ display:block; position:relative; padding-left:120px; color:#333333;}
.search-items a:hover{ text-decoration:none;}
.search-items a:hover .search-serise{ background:#0e5085; color:#ffffff; }
.search-items a:hover .search-name{ color:#0e5085; }
.search-items a .search-serise{ position:absolute; left:0; display:block; width:90px; text-align:center; background:#eeeeee;}
.search-items a .search-name{ display:block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}


.clear1{ display:block;}
.clear2{ display:none;}
@media screen and (max-width: 1200px){
	.banner-img-con{min-height:560px;}
}

@media screen and (max-width: 991px){
	#top{ position:relative; top:0; width:100%; z-index:9999; background:#ffffff;}
	.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-brand{ left:15px;}
	.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 .container{ max-width: none; padding-left: 0; padding-right: 0;}
	.top-navbar .navbar-nav .nav-link{ color:#333333;}
	
	#index-news{ margin-top:0px;}
	.index-yinyong-container{padding-top:50px;padding-bottom: 50px;}
	.index-pro-container{padding-top:50px;}
	.index-pro-img{ float:none; width:100%;}
	.index-pro-right{ float:none; width:100%; padding:30px 0px 0px 0px; }

	.index-about-container{padding-top:60px;padding-bottom:120px;}
	.index-about-num {flex-flow: wrap;}
	.about-num-item{ width:50%; margin-bottom:15px; }
	
	.foot-nav{ display:none;}
	.foot-contact{ float: none; width: 210px; margin:auto;}
	
	.banner-img-con{min-height:460px;padding-top: 60px;}
	
	
	#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;}
	
	.application-intro .application-img{  float:none; width:100%; padding-right:0px;}
	.application-intro .application-intro-con{ float:none; width:100%; margin-top:30px; padding-left:0;}

	.join-item{ width:50%;}
	.app-item{ width:100%; float:none;}
	.video-items{ width:50%;}
	.pro-item{ width:50%;}
	
	.news-img{  float:none; width:100%; padding-right:0px;}
	.news-right{ float:none; width:100%; padding-left:0;}
	
	.news-items .news-img{  width:100%;}
	.news-items .news-right{  width:100%; padding-top:15px;}
	
	
	.container-title{ font-size:26px;}
	
	.clear1{ display:none;}
	.clear2{ display:block;}
	
}
@media screen and (max-width: 680px){
	.join-item{ width:100%; float:none;}
	.video-items{ width:100%; float:none;}
	.pro-item{ width:100%; float:none;}
}