﻿/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots, .owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
	margin-top: 10px
}
.owl-theme .owl-nav [class*=owl-] {
	color: #FFF;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #ccc;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
	background: #006fbb;
	color: #FFF;
	text-decoration: none
}
.owl-theme .owl-nav .disabled {
	opacity: .5;
	cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 10px
}
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1
}
.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #ccc;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #006fbb
}



#banner .item{display:inline-block; background-position:center; background-repeat:no-repeat; background-size:cover; }
#banner .owl-nav{ margin:0px; }
#banner .owl-nav button{position:absolute; top:50%; margin-top:-21px; width:42px; height:42px; outline:none; }
#banner .owl-nav button.owl-prev{ left:30px; background:url(left.png) no-repeat center;}
#banner .owl-nav button.owl-next{ right:30px; background:url(right.png) no-repeat center;}
#banner .item a{ z-index:1; display:block; width:100%; height:100%; overflow:hidden;}
#banner .item a img.banner1{ position:absolute; z-index:2; width:auto; max-width:none; height:100%; margin-left:50%; transform:translate(-50%,0%); }
#banner .item a img.banner2{ width:100%; height:auto;}
@media(min-width:992px) {
#banner .item a img.banner1{ display:block;}
#banner .item a img.banner2{ display:none;}
#banner .item{ height:440px;}
}
@media(min-width:1200px) {
#banner .item{ height:560px;}
}
@media(min-width:1600px) {
#banner .item{ height:700px;}
}
@media(max-width:992px) {
#banner .item{ height:auto;}
#banner .item a img.banner1{ display:none;}
#banner .item a img.banner2{ display:block;}

#banner .owl-nav button.owl-prev{ left:5px; background:url(left.png) no-repeat center;}
#banner .owl-nav button.owl-next{ right:5px; background:url(right.png) no-repeat center;}
}


.index-p-title {padding: 60px 15px 20px;}
/*首页产品标题*/
.index-program{ padding:30px 0px; }
#index-program .item{  padding:15px 0px;text-align:center;  transition:all .3s; }
#index-program .item .program-img{ display:block; width:100%; overflow:hidden;}
#index-program .item .program-img img{ display:block; transform:scale(1); transition:all .3s;  }
#index-program .item:hover .program-img img{ transform:scale(1.15);}
#index-program .item .program-text{position: relative; display:inline-block; width:100%; padding:20px;overflow:hidden; transition:all .3s; }
#index-program .item .program-text p{ margin: 15px 0px 20px; font-size:16px; line-height:1em; color:#333; text-align:center; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; transition:all .3s; }
#index-program .item .program-text span{ font-size:14px; line-height: 22px; height:66px; color:#666;display: block; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
#index-program .item:hover .program-text p{ color:#fff; }
#index-program .item:hover .program-text span{ color:#fff;}
#index-program .item .program-text:before{ content:""; position: absolute;  z-index:-2;bottom: 0px;left: 0%;width: 100%;height: 100%;background-color:#f2f2f2;}
#index-program .item .program-text:after{ content:""; position: absolute;  z-index:-1;bottom: 0px;left: 0%;width: 100%;height: 0%;background-color:#006fbb;transition:all .3s;}
#index-program .item:hover .program-text:after{ content:"";height: 100%;transition:all .3s;}

#index-program .owl-nav button{position:absolute; top:35%; width:42px; height:42px; outline:none; margin:0px;opacity:0;transition:all .3s; }
#index-program .owl-nav button.owl-prev{ left:0px; background:url(left.png) no-repeat center,rgba(0,0,0,0.2); }
#index-program .owl-nav button.owl-next{ right:0px; background:url(right.png) no-repeat center,rgba(0,0,0,0.2);}
#index-program:hover .owl-nav button{opacity:1;transition:all .4s; }
#index-program:hover .owl-nav button.owl-prev{transform:translate(-50%,0%);}
#index-program:hover .owl-nav button.owl-next{transform:translate(50%,0%);}
#index-program .owl-nav button.owl-prev:hover{background:url(left.png) no-repeat center,rgba(0,0,0,0.6); }
#index-program .owl-nav button.owl-next:hover{background:url(right.png) no-repeat center,rgba(0,0,0,0.6);}


#index-product{ padding:15px 0px; }
#index-product .item{  /* inline-block去除懒加载导致的初始高度错误 */ text-align:center;background: #f7f7f7; overflow: hidden;transition:all .4s;  }
#index-product .item:hover{ background: #006fbb;  }
#index-product .item .index-p-i{ display:block; width:100%; overflow:hidden;  }
#index-product .item .index-p-i img{ display:block; transform:scale(1); transition:all .3s;  }
#index-product .item:hover .index-p-i img{ transform:scale(1.15);}
#index-product .item .index-p-name{ display:block; width:100%; padding:20px 10px; font-size:16px; line-height:1em; color:#333; text-align:center; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; transition:all .3s; }
#index-product .item:hover .index-p-name{ color:#fff;}
#index-product .item span{ padding: 0px 10px; margin: 15px 0;  font-size: 13px;line-height: 22px; height: 66px; color: #666;display: block; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;transition:all .3s; }
#index-product .item:hover span{ color: #ccc;}

#index-product .owl-nav button{position:absolute; top:50%; margin-top: -56px; width:42px; height:42px; outline:none; opacity:0;transition:all .3s; }
#index-product .owl-nav button.owl-prev{ left:0px; background:url(left.png) no-repeat center,rgba(0,0,0,0.2); }
#index-product .owl-nav button.owl-next{ right:0px; background:url(right.png) no-repeat center,rgba(0,0,0,0.2);}
#index-product:hover .owl-nav button{opacity:1;transition:all .4s; }
#index-product:hover .owl-nav button.owl-prev{transform:translate(-50%,0%);}
#index-product:hover .owl-nav button.owl-next{transform:translate(50%,0%);}
#index-product .owl-nav button.owl-prev:hover{background:url(left.png) no-repeat center,rgba(0,0,0,0.6); }
#index-product .owl-nav button.owl-next:hover{background:url(right.png) no-repeat center,rgba(0,0,0,0.6);}

a.index-p-more{ position:relative;display:inline-block; padding:0px 25px; font-size:14px; line-height:32px; color:#999; border:1px solid #ccc; border-radius:20px; margin-bottom:60px; overflow:hidden;transition:all .3s;}
a.index-p-more:after{ content:""; position: absolute;  z-index:-1;bottom: 0%;left: 0%;width: 100%;height: 0%;background-color:#006fbb;transition:all .3s;}
a.index-p-more:hover{color:#fff; border:1px solid #006fbb; }
a.index-p-more:hover:after{ content:""; position: absolute;  z-index:-1;left: 0%; width: 100%; height:100%}


#partner{
	margin-bottom: 40px;
}
#partner .owl-stage{display: flex;}
#partner .owl-item,#partner .item{height: 100%;}
#partner .item{position: relative; min-height: 120px; display: flex;align-items: center; justify-content: center;border:1px solid #ebebeb; background: #fff; overflow: hidden;}
#partner .item>.img{max-width: 90%; max-height: 80%;}
#partner .item>.name{position: absolute; z-index: 2; left: 0; right: 0; top: 0;bottom: 0; padding: 10px; display: flex;align-items: center; justify-content: center; font-size-adjust: 14px; color: #fff; background-color: rgba(0,111,187,0.9);transform:translate(0%,100%);transition:all 0.4s;   }
#partner .item:hover>.name{transform:translate(0%,0%);}



#product { margin-bottom: 40px;}
#product .item{display:inline-block; background-position:center; background-repeat:no-repeat; background-size:cover; }
#product .owl-nav{ margin:0px; }
#product .owl-nav button{position:absolute; top:50%; margin-top:-40px; width:80px; height:80px; outline:none; background:none;}
#product .owl-nav button i{ font-size:60px; line-height:80px; color:#ccc;transition:all .3s; }
#product .owl-nav button:hover i{color:#006fbb; }
#product .owl-nav button.owl-prev{ left:30px;}
#product .owl-nav button.owl-next{ right:30px;}
@media(min-width:1200px) {
#product { padding: 0px 180px;}
}
@media(max-width:1200px) {
#product { padding: 0px 120px;}
}
@media(max-width:992px) {
#product .owl-nav button.owl-prev{ left:5px;}
#product .owl-nav button.owl-next{ right:5px; }
}
@media(max-width:768px) {
#product { padding: 0px 40px;}
#product .owl-nav button.owl-prev{ left:-15px;}
#product .owl-nav button.owl-next{ right:-15px; }
}

.service { position: relative; margin-bottom: 50px;}
.service:before{ content:""; position: absolute;  z-index:-1;bottom: 18px;left: 0%;width: 100%;  height: 1px; background-color:#ebebeb;transition:all .3s;   }
.service .owl-item{position: relative;}
.service .owl-item .item{ text-align: center; padding-top: 10px; padding-bottom: 60px;transition:all .3s;   }
.service .item:before{ content:"1"; position: absolute;  z-index:1;bottom: 0px;left: 50%;width: 36px;height: 36px; margin-left: -18px; font-size: 14px; line-height: 36px; color: #666; background-color:#fff; border: 1px solid #ebebeb;  border-radius: 50%; transition:all .3s;}
.service  .owl-item:nth-child(2) .item:before{ content:"2"; }
.service  .owl-item:nth-child(3) .item:before{ content:"3"; }
.service  .owl-item:nth-child(4) .item:before{ content:"4"; }
.service  .owl-item:nth-child(5) .item:before{ content:"5"; }
.service .owl-item .item>div{transition:all .3s;   }
.service .item i{ font-size: 60px; color: #666;transition:all .3s;   }
.service .item p{ margin: 20px 0px; font-size: 14px; line-height: 24px; height: 28px; color: #666; display: block;transition:all .3s;   }

.service .item:hover>div{transform:translate(0px,-15px);}
.service .item:hover:before{  color: #006fbb; border:1px solid #006fbb;transform:translate(0px,0px);}
.service .item:hover i{ color: #006fbb;}
.service .item:hover p{ color: #006fbb; display: block;}

@media(min-width:1200px) {
.service:before{ content:""; border-left: 77px solid #fff;border-right: 77px solid #fff;}
}
@media(max-width:1200px) {
.service:before{ content:""; border-left: 102px solid #fff;border-right: 102px solid #fff;}
}
@media(max-width:992px) {
.service:before{ content:""; border-left: 102px solid #fff;border-right: 102px solid #fff;}
}

@media(max-width:768px) {
.service:before{ content:""; border-left: 0px solid #fff;border-right: 0px solid #fff;}
.service .item>i{ font-size: 42px;}

}


#service-lc { padding:50px 0px;}
#service-lc .item{ text-align: center;}
#service-lc .item a{ display: inline-block; margin-bottom: 20px; width: 120px; height: 120px; line-height: 120px; border:1px solid #ebebeb; border-radius: 50%;transition:all .3s;}
#service-lc .item:hover a> div{transition:all .3s;}
#service-lc .item a i{  font-size: 48px; color: #666;transition:all .3s;}
#service-lc .item a p{  font-size: 15px; line-height: 20px; color: #666;transition:all .3s;}

#service-lc .item:hover a> div{ transform:translate(0px,-5px);}
#service-lc .item:hover a{border:1px solid #006fbb;}
#service-lc .item:hover a i{ color: #006fbb;}
#service-lc .item:hover a p{ color: #006fbb;}




#about-course{ padding: 10px 0px; }
#course { position: relative; padding: 0px 40px; margin-top: 10px;  margin-bottom: 40px;}
#course:after{ content:""; position: absolute;  z-index:-1;top: 169px;left: 0%;width: 100%;height:1px;background-color:#ebebeb;}
#course .item{ }
#course .item .course-img{ position: relative; display: flex;justify-content:center; align-items:flex-end;  height: 130px; margin-bottom: 65px; }
#course .item .course-img:after{ content:""; position: absolute;  z-index:1;bottom: -40px;left: 50%;width: 1px;height: 20px;background-color:#ebebeb;}
#course .item .course-img img{ width: auto; height: auto;max-width: 100%; max-height: 100%;}
#course .item p{  font-size: 16px; color: #333;}
#course .item span{  font-size: 13px; color: #666;}

#course .owl-nav{ margin: 0px;}
#course .owl-nav button{position:absolute; top:140px; margin:0px; outline:none; background: none;opacity: 1; transition:all .3s; }
#course .owl-nav button.owl-prev{ left:-18px; }
#course .owl-nav button.owl-next{ right:-18px;}
#course .owl-nav button i{ font-size: 60px; line-height: 60px; color: #ebebeb;transition:all .3s;}
#course .owl-nav button i:hover{color: #006fbb;}




#culture { margin-top: 10px; margin-bottom: 30px;}
#culture .item{ text-align: center;}
#culture .item .culture-img{ margin-bottom: 30px;}
#culture .item p{ font-size: 16px; color: #333;}
@media(max-width:768px) {
	#culture .item .culture-img img{ display: inline-block;max-width: 60%;}
}

#honor{ margin-top: 10px; margin-bottom: 40px;}
#honor .item{ padding: 10px; margin-bottom: 20px; border:1px solid #ebebeb;transition:all .3s;}
#honor .item:hover{border:1px solid #006fbb;}
#honor .item .honor-img{ overflow: hidden;}
#honor .item .honor-img img{ transition:all .3s;}
#honor .item .honor-img:hover img{transform:scale(1.1);}


#solution{
	max-width: 600px;
	margin: auto;
	padding-bottom: 20px;
}
#solution2{
	max-width: 600px;
	margin:0 auto 40px;
	padding: 0 32px;
	
}
#solution2 .owl-nav.disabled{
	display: block;
}
#solution2 .disabled,#solution2 .owl-nav button.disabled{
	opacity: 0.4;
}
#solution2 .owl-nav button{position:absolute; top:0%;display: flex;align-items: center;height: 100%; margin:0px; outline:none; border-radius: 0; background: #ebebeb;opacity: 1;transition:all .3s; }
#solution2 .owl-nav button:hover{ background: #006fbb; }
#solution2 .owl-nav.disabled button:hover,#solution2 .owl-nav button.disabled:hover{background: #ebebeb;}
#solution2 .owl-nav button.owl-prev{ left:0px; }
#solution2 .owl-nav button.owl-next{ right:0px;}
#solution2 .owl-nav button i{display: inline-block;font-size: 24px; line-height: 24px; color: #333;transition:all .3s;}
#solution2 .owl-nav button:hover i{color: #fff;}
#solution2 .owl-nav.disabled button:hover i,#solution2 .owl-nav button.disabled:hover i{color: #333;}