/* CSS Document */
video {
    max-width: 100%;
}
@keyframes rotating{
from{transform:rotate(0)}
to{transform:rotate(360deg)}
}

#top{ position: relative;}
.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: #333333;
	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: #2b92c9;
	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: #2b92c9;
}


.top-language{ margin-left:10px; margin-top:10px; }
.top-language .language-btn{ font-size:14px; position:relative; padding:0;}
.top-language .language-btn::before{ position:absolute; content:""; bottom:0; z-index:-1; width:100%; height:3px; background:#e91c2c;}
.top-language .language-btn::after{ display:none;}


.top-navbar .top-language .dropdown-menu .dropdown-item.active,.top-navbar .top-language .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background-color: #2b92c9;
}

/*下箭头*/

.bottom {
display:inline-block;
margin-left:5px;
width: 7px;
height: 8px;
position:relative;
left: 0;
top: 0;
z-index: 2;
/*兼容ie8-*/
}

.bottom-arrow1,
.bottom-arrow2 {
width: 0;
height: 0;
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 5;
/*兼容ie8-*/
border-bottom: 4px transparent dashed;
border-left: 4px transparent dashed;
border-right: 4px transparent dashed;
border-top: 4px white solid;
overflow: hidden;
}

.bottom-arrow1 {
top: 1px;
/*重要*/
border-top: 4px #333333 solid;
}

.bottom-arrow2 {
border-top: 4px white solid;
}

#banner{ position: relative;}

.banner-img{ width: 100%;}
.banner-pagination{ bottom: 30px !important;}
.banner-pagination .swiper-pagination-bullet{position:relative;width: 6px; height: 6px; border-radius: 50%; background: #ffffff; opacity: 0.5; margin:0 10px !important;}
.banner-pagination .swiper-pagination-bullet:after{content:""; position:absolute; left:-6px; top:-6px; right:-6px; bottom:-6px; border:1px solid #ffffff; border-radius: 50%; display:block;}
.banner-pagination .swiper-pagination-bullet-active{  opacity: 1;}

#index-about{ position:relative; z-index:1;}
.index-about-bg{ position:absolute; width:100%; top:529px; bottom:0; background:#ffffff; z-index: -1;}
.v-bg {
	overflow: hidden;
	position: fixed;
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	padding-top: 107px;
	height: 100vh;
	z-index: -1;
}
.v-bg .video {
    min-width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    object-fit: cover;
}

.contianer-title{ text-align:center; letter-spacing:2px; margin-bottom:15px; }
.contianer-title hr{ border:none; border-bottom:4px solid #2b92c9; margin:0; padding:0; display:inline-block; width:34px;}
.contianer-title h2{ font-weight:bolder; margin-bottom:0; margin-top:3px;}

.index-about-container{ padding-top:60px; padding-bottom:80px;}
.index-about-con{ margin-top:15px;}
.index-about-left{ float:left; width:50%; padding-right:6px; text-align:center;}
.index-about-right{ float:right; width:50%; padding-left:6px; padding-top:10px; padding-bottom:10px;}
.index-about-more{ margin-top:30px;}
.index-about-more a{ display:block; border:1px solid #2b92c9; padding:3px; color:#2b92c9; width:122px; text-align:center;}
.index-about-more a:hover{ background:#2b92c9; color:#ffffff; text-decoration:none;}

.index-case-nav{ position:relative; z-index:90; margin-top:-218px;}
.index-case-nav-bg{ position:absolute; z-index:-1; left:50%; right:0; top:0; bottom:0; background:#298bbf; margin-left:4px;}
.index-case-nav-con{ position:relative; color:#ffffff; width:50%; margin-left:50%; padding-top:50px; padding-bottom:60px; background: #298bbf;}
.index-case-nav-con:before{content:""; width:186px; bottom: 0px; background:url(../images/case-before.png) left top no-repeat; background-size:100% 100%; position:absolute; left:-181px; top:0; z-index:-1;}
.index-case-nav-items ul li{ list-style:none; display:inline-block; margin-right:18px; }
.index-case-nav-items ul li.active a{ background:#e60012 ; border-color:#e60012;}
.index-case-nav-con a{ cursor:pointer; color:#ffffff; display:block; border:1px solid #ffffff; padding:5px; width:160px; text-align:center;}
.index-case-nav-title{ margin-bottom:24px;}
.index-case-nav-title span{ line-height:46px;}

#index-news{overflow:hidden; }
.index-news-container{ padding-top:30px; padding-bottom:60px;}
.index-news-conner{position:relative;}
.news-items a{color:#333333; display:block; border-bottom:2px solid #e3e3e3; padding-bottom:24px;}

.news-con{margin-top:20px;}
.news-time{color:#2b92c9;font-size:16px;}
.news-name{font-size:20px; margin-top:5px;}
.news-jj{margin-top:5px;}

.news-items a:hover{ text-decoration:none; color:#333333; border-color:#e60012;}
.news-items a:hover .news-name{ text-decoration:none; color:#2b92c9;}

.index-pro-swiper{position:relative;}
.swiper-btns{ text-align:right; padding-bottom:1.5rem; position:absolute; top:50%; width:100%; margin-top:-15px;}
.swiper-btns .swiper-btn{ border-radius:50%; width:30px; height:30px; color:#ffffff; background:#2b92c9; padding: 1px 10px; font-size:20px; margin-left:10px; cursor:pointer; position:absolute; opacity:0.5;}
.index-pro-swiper .swiper-btns{opacity:0;}
.index-pro-swiper .swiper-btns .swiper-btn:focus{ outline:none;}
.index-pro-swiper:hover .swiper-btns{opacity:1;}
.index-pro-swiper:hover .swiper-btns .swiper-btn{z-index:10;}
.index-pro-swiper .swiper-btns .swiper-btn.swiper-button-disabled,.index-pro-swiper:hover .swiper-btns .swiper-btn.swiper-button-disabled{opacity:0; cursor:unset;}
.swiper-btns .swiper-btn.swiper-but-next{ left:-50px;}
.swiper-btns .swiper-btn.swiper-but-prev{ right:-40px;}
.swiper-btns .swiper-btn:hover{opacity:1;}

.news-pagination{ position:relative; margin-top:30px;}
.news-pagination .swiper-pagination-bullet{position:relative;width: 18px; height: 18px; background:url(../images/point.png) no-repeat; opacity:1; margin:0 3px !important;}
.news-pagination .swiper-pagination-bullet-active{ background:url(../images/point-cur.png) no-repeat;}
.news-pagination .swiper-pagination-bullet:focus{ outline:none;}

#index-partner{ background: #e7e7e7; }
.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: 57px;
}

#foot{ background: #e7e7e7; position:relative; overflow:hidden; z-index:1; color:#ffffff;}
#foot a{ color:#ffffff;}
#foot:before{  content:""; background: #a9a9a9; position:absolute; z-index:-1; top:38px; bottom:0; left:0; right:0;}

.foot-1{ position:relative; z-index:1; padding-top:60px; padding-bottom:60px;}
.foot-1-bg{ position:absolute; top:0; bottom:0; left:0; right:3%; z-index:-1; background:url(../images/foot-bg-1.png) no-repeat; background-size: 100% 100%; background-position:right; }
.foot-1-bg:after{ content:""; position:absolute; background:#298bbf; left:0; right:50%; top:0; bottom:0;}
.foot-items{ position:relative; padding-left:80px; float:left;}
.foot-nav{ width:40%; padding-right:50px;}
.foot-contact{ width:40%; padding-right:50px;}
.foot-ewm{ width:20%; padding-left:0px; text-align:right;}
.foot-items .foot-items-icon{ position:absolute; left:0; top:27px;}
.foot-items-icon { font-size:20px; width:42px; height:42px; border-radius:50%; border:1px solid #ffffff; text-align:center; line-height:42px;}
.foot-items-con{ min-height:170px; background:rgba(255,255,255,0.06); border-radius:36px; padding:36px;}
.foot-nav-con ul li{ list-style:none; display:inline-block; width:45%;}
.foot-nav-con ul li{ list-style:none;}
.foot-contact-link{ margin-top:20px;}
.foot-contact-link ul li {list-style:none; display:inline-block; margin-right:15px;}
.foot-contact-link ul li a{opacity:0.9; font-size:18px;}
.foot-contact-link ul li a:hover{opacity:1;}

.foot-2-container{ padding:15px 0;}
.foot-2-copyright{ float:left; width:calc(100% - 180px); padding:15px 0;}
.foot-2-logo{ float:right; }

#contain{ overflow:hidden;}
.container-con{padding-top:80px; padding-bottom:100px;}

#banner-img{ background-size:cover; background-attachment:fixed; background-position:center center; position:relative;}
.banner-img-con{
	  min-height:580px;
	  position:relative;
}
.banner-img-title{ color:#ffffff; text-align:left; position:absolute; bottom:5%; left:0; z-index:1000; width:100%;}

.about-left{ float:left; width:40%; padding-right:15px; text-align:center;}
.about-right{ float:right; width:60%; padding-left:15px; padding-top:10px; padding-bottom:10px;}

.contact-map{ width:100%; height:360px; margin-top:26px;;}
.contact-p{ float:left; width:calc(100% - 170px);}
.contact-ewm{ float:right; width:160px; padding-top:50px;}

.news-container{ margin-left:-15px; margin-right:-15px;}
.news-con-item{ float:left; width:33.3%; padding:15px;}

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

.pro-contain{ margin-left:-15px; margin-right:-15px;}
.pro-item{ width:50%; float:left; padding:15px;}
.pro-item a{ display:block;}
.pro-item a:hover{ text-decoration:none; color:#2b92c9;}
.pro-item a .pro-img{border:1px solid #ebebeb; position:relative; overflow:hidden;}
.pro-item a:hover .pro-img{box-shadow:0 0 6px 1px #eee;}
.pro-item a .pro-name{padding:15px 0; text-align:center; font-size:16px;}

.pro-view-jj-container{ padding-top:80px; padding-bottom:20px;}
.pro-view-bread{position:relative; top:0; left:0; color:#333333; font-size:16px;}
.pro-view-bread .fa{color:#2b92c9; font-size:20px; margin-right:10px;}
.pro-view-bread a{color:#333333;}
.pro-view-bread a:hover{ text-decoration:none; color:#2b92c9;}

.pro-view-jj{ margin-top:4rem; margin-bottom:4rem;}
.pro-view-jj-left{ width:30%; float:left; padding-right:30px;}
.pro-view-jj-img{ width:70%; float:right; padding-top:0px;}
.pro-view-name hr{ border:none; border-bottom:4px solid #2b92c9; margin:0; padding:0; display:inline-block; width:46px;}
.pro-view-name{ color:#2b92c9; margin-bottom:30px;}
.pro-view-p{}

.pro-view-container #tags{ padding:0; overflow:hidden; list-style: none;}
.pro-view-container #tags li{ float:left; margin:0.6%; }
.pro-view-container #tags li a{ color:#333333;padding:6px 20px; display: block;border:solid 1px #d4d4d4; background: #d4d4d4;border-radius:10px; min-width:138px; text-align:center; }
.pro-view-container #tags .selectTag a{background:#2b92c9; color: #ffffff; text-decoration: none;border:solid 1px #2b92c9;  }
.pro-view-container #tags li a:hover{ background:#2b92c9; color: #ffffff; text-decoration: none;border:solid 1px #2b92c9;  }

.pro-view-container .tagContent {PADDING: 10px; margin-top:1rem;}


.tagContent{ display: none;}
.selectTag{ display: block;}

.container-nav{ border-bottom:1px solid #e3e3e3; padding-top:30px;}
.container-nav-container{ max-width:680px;}
.pro-serice-container .swiper-wrapper .swiper-slide{width: auto !important; padding-left:15px; padding-right:15px;}
.pro-serice-container .swiper-wrapper .swiper-slide a{ display: block; position: relative; padding: 20px 3px; font-size:16px;}
.pro-serice-container .swiper-wrapper .swiper-slide a:hover,.pro-serice-container .swiper-wrapper .swiper-slide a.active{ text-decoration: none; color:#e60012;}
.pro-serice-container .swiper-wrapper .swiper-slide a:hover:after,.pro-serice-container .swiper-wrapper .swiper-slide a.active:after{border-bottom: 3px solid #e60012; width: 100%; color:#e60012;}
.pro-serice-container .swiper-wrapper .swiper-slide a:after{ content: ""; position: absolute; left: 0; bottom: 0;}

.case-contain{margin-left:-15px; margin-right:-15px;}
.case-item{width: 33.3%; float:left; padding:15px;}
.case-item a{ display:block; position:relative;}
.case-item a:hover .case-name{ background:rgba(43,146,201,0.33);}
.case-item a .case-name{ position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(85,85,85,0.38);
 /* 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;
}
.case-item a .case-name span{ display:inline-block; min-width:50%; text-align:center; border:1px solid #ffffff; color:#ffffff; padding:8px 15px; font-size:16px;}

.case-view-img{ width: 50%; float: left;text-align: center;}
.case-view-jj-con{ width: 50%; float: left; padding-left: 30px;}

.case-view-jj-con .case-con-title{ font-size: 24px; margin-bottom: 15px; margin-top: 10px;border-bottom: 1px solid #d2d2d2; padding-bottom: 1rem;}
.case-view-jj-con .case-con-jj{ margin-bottom: 15px;border-bottom: 1px solid #d2d2d2; min-height:160px;}
.case-view-jj-con .case-con-tel{ background:#e7e7e7; color:#e60012; padding:15px; font-size:20px; margin-top:50px;}
.case-view-jj-con .case-con-tel .fa{ font-size:24px; margin-right:10px;}

.case-view-conner{ margin-top: 3rem; border-top: 1px solid #d2d2d2;}
.case-con-title-close{ font-size: 14px; margin-left: 15px; color: #333333;}
.case-con-title-close a{ color: #333333;}
.case-con-title-close a:hover{ text-decoration:none; font-weight:bold;color: #e60012;}

.case-view-conner-con{ padding: 15px 0;}

.case-view-img{ position:relative;}
.gallery-top{ border:3px solid #dcdcdc;}
.gallery-top .swiper-slide{ text-align:center;}
.gallery-thumbs {
  padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
  opacity: 0.4;
  border:2px solid #dcdcdc;
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  border:2px solid #2b92c9;
}

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


.clear1{ display:block;}
	.clear2{ display:none;}
@media screen and (max-width: 1200px){
	.index-case-nav{ margin-top: -68px;}
	.index-case-nav-con{ width: 70%; margin-left:30%; padding-top: 20px; padding-bottom: 20px;}
	.index-case-nav-title span{ line-height:36px;}
	.index-case-nav-con:before{ width:142px; left: -142px;}
	.banner-img-con{min-height:420px;}
}
@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 .container{ max-width: none; padding-left: 0; padding-right: 0;}

	.index-about-left{ float:none; width:100%; padding-right:0px;}
	.index-about-right{ float:none; width:100%; padding-left:0px; margin-top:15px;}
	.index-about-more a{ margin:auto;}
	
	.contianer-title h2{font-size:24px;}
	.index-case-nav-title h2{font-size:24px;}
	.index-case-nav-title {margin-bottom: 5px;}
	.index-case-nav-title h2{margin-bottom: 0px;}
	.index-case-nav{ margin-top: 0px;}
	.index-case-nav-con{ width: 100%; margin-left: 0px;}
	.index-case-nav-bg{ left:0; margin-left:0;}
	.index-case-nav-con a{ width:100px;}
	
	.foot-nav{ width:100%; padding-right:0px;}
	.foot-contact{ width:100%; padding-right:0px; margin-top:20px;}
	.foot-ewm{ width:100%; padding-left:80px; text-align:left; margin-top:20px;}
	.foot-1-bg{ background:#298bbf; right:0;}
	
	.foot-2-copyright{ float:none; width:100%; padding:0; text-align:center;}
	.foot-2-logo{ float:none; display:none; }

	.banner-img-con{min-height:360px;}
	
	.top-brand{ left:15px;}
	
	.about-left{ float:none; width:100%; padding-right:0px; text-align:left;}
	.about-right{ float:none; width:100%; padding-left:0px; margin-top:15px;}
	
	.contact-p{ float:none; width:100%;}
	.contact-ewm{ float:none; width:100%; padding-top:25px;}
	
	.news-con-item{ width:50%;}
	
	.pro-item{ width:100%; float:none;}
	
	.pro-view-jj-left{ width:100%; float:none; padding-right:0;}
	.pro-view-jj-img{ width:100%; float:none; margin-top:20px;}
	
	.case-item{width: 50%;}
	
	
	.case-view-img{ width: 100%; float: none;text-align: center;}
	.case-view-jj-con{ width: 100%; float: none; padding-left: 0px; margin-top:30px;}

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

@media screen and (max-width: 768px){
	.index-about-container{ padding-top:30px; padding-bottom:40px;}
	.index-news-container{ padding-top:30px; padding-bottom:40px;}
	.container-con{ padding-top:30px; padding-bottom:40px;}
	
	.banner-img-con{min-height:260px;}
	.banner-img-title{ padding-left:15px;}
}

@media screen and (max-width: 680px){
}
@media screen and (max-width: 550px){

	.news-con-item{ width:100%; float:none;}
	.case-item{ width:100%; float:none;}
	.clear1{ display:none;}
	.clear2{ display:none;}
}