@charset "utf-8";
/* CSS Document */

.bg-light-w{
	background-color: #fff;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, .06);
	opacity: 1;
	
}
.navbar-brand{ padding-right:120px;}

a.nav-link{
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	position:relative;
}

a.nav-link:after {
	position:absolute;
	left: 0;
	top: 50%;
	margin-top: 20px;
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background: #014b94;
	opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a.nav-link:hover:after{
	opacity: 1;
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 40px;
  height: 10px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border:none;
  opacity: .5;
  transition: opacity 0.6s ease;
  border-radius:10px;
}

.text-charcoal300{ border:none;}
.nav-pills .nav-link{border-color:#748494!important; }
.nav-pills .nav-link.active{border-color:#0d6efd!important}

.pro .card{border:0px solid rgba(0, 0, 0, 0.125); overflow:hidden; background-color:#fff;}
.pro .card:hover{ background-color:#116BC4;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.55) !important;}
.pro .card img.card-img-top{transition: all 0.8s; }
.pro .card:hover img.card-img-top{transform: scale(1.1);}
.pro .card-body{ padding:25px 5px 15px;}
.pro .card:hover .card-body{ color:#fff;}
.pro .card:hover .card-body .text-black-50{ color: rgba(255, 255, 255, 0.8) !important;}

.index-about{
	padding:60px 0 120px;
    background: url(../images/about-bg.jpg) no-repeat fixed;
    background-size: 100% 100%;
    display: block;
    overflow: hidden;
}

.anli-con {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,55,170,.65);
	left: 0;
	top: 0;
	opacity: 0;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.anli-con h4 {
	text-align:center;
	padding-top:30px;
	font-size: 16px;
	color: #fff;
}

.anli-con i {
	display: block;
	width: 36px;
	height: 36px;
	background-image:url(../images/gor.png);
	margin: 20px auto 0;
}
.an-title{ position:absolute; bottom:20px; color:#FFF; padding:10px 10px; width:100%; height:70px; background: rgba(0,55,170,.65); text-align:center;}
a.anli:hover .anli-con{opacity: 1;}
a.anli:hover .an-title{ opacity: 0;bottom:-100px;-webkit-transition: all 0.5s;transition: all 0.5s;}

.youshi{ background:url(../images/pinz_bg.jpg) no-repeat;}
.youshi .img-fluid{ width:100%;}
.youshi .cobox{ display:block; position:relative; overflow:hidden;}
.youshi .text{background-color: #fff;text-align: center;position: relative;z-index: 1;height: 250px;}
.youshi .text i {display: inline-block;background: no-repeat center;height: 68px;margin-top: -34px;width: 68px;vertical-align: middle;}
.youshi .text i.box-icon-11{ background:url(../images/pinz_ico04.png);}
.youshi .text i.box-icon-12{ background:url(../images/pinz_ico041.png);}

.youshi .text i.box-icon-21{ background:url(../images/pinz_ico01.png);}
.youshi .text i.box-icon-22{ background:url(../images/pinz_ico011.png);}

.youshi .text i.box-icon-31{ background:url(../images/pinz_ico02.png);}
.youshi .text i.box-icon-32{ background:url(../images/pinz_ico021.png);}

.youshi .text i.box-icon-41{ background:url(../images/pinz_ico05.png);}
.youshi .text i.box-icon-42{ background:url(../images/pinz_ico051.png);}

.youshi .text h4 {line-height: 50px; background: url(../images/pinz_line01.gif) no-repeat center bottom;font-size: 22px;margin: 0;}
.youshi .text p {color: #777;line-height: 1.8; padding-top:10px;}

.youshi .box {position: absolute;left: 0;top: 100%;width: 100%;height: 100%;background-color: rgb(75, 100, 220);color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.youshi .box i {margin-top: 80px;}
.youshi .box h4 {background-image: url(../images/pinz_line02.gif);}
.youshi .box p {color: #fff;}
.youshi .cobox:hover .text {opacity: 0;}
.youshi .cobox:hover .box {top: 0;opacity: 1;}

.news{ padding:15px 15px 0;}
.news a{ text-decoration:none;}
.news a h5{ color:#333;}
.news a p{ color:#999;}
.news a span{ font-size:12px; color:#999}
.news:hover{box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;}
.news:hover h5{ color:#039;}

.kehu{ background:url(../images/h_link_bj.png) no-repeat bottom;}
.footer{ background-color:#2C2D3F;}
.footer{ color:#FFF;}
.me h5{ padding-bottom:15px;}
.me{ color:#999999; line-height:30px; font-size:14px;}
.cms-link ul li{ line-height:30px;}
.cms-link ul li a{ color:#999999; font-size:14x;}

.links h5{ font-size:14px;}
.links a{ color:#999; font-size:14px; margin-right:10px;}

a.type-top{ line-height:50px; font-size:20px; color:#036}
a.type-list{ line-height:30px; color:#333;}
.sj{ font-size:14px; text-align:right; padding-top:20px; color:#666;}
.arcinfo{ color:#666; font-size:14px;}
.arc-list{ padding:20px;}
.arc-list:hover{box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;}

.arctitle{ color:#003;}

.product-page .card-title{ text-align:center;}

.page-item {}
.content .title{ text-align:center;}

@media (min-width: 1440px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1400px;
  }
  .product-page .card .media{display:table; height:280px; overflow:hidden;}
  .product-page .card .media span{display:table-cell;
    vertical-align:middle;}
  .product-page .card .media img{ width:100%;}
  
  .card-index{ height:280px; overflow:hidden;}
  .card-index img{ width:100%;}
}


@media (min-width: 992px) {
	a.nav-link:after {
	position:absolute;
	left: 0;
	top: 50%;
	margin-top: 30px;
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background: #014b94;
	opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		margin-right: 1.5rem;
		margin-left: 1.5rem;
	}
}

@media screen and (min-width: 769px) {
	
	.slide img{}
    .navbar-nav > li > a{padding-top: 30px; padding-bottom:30px;color: #5e5e5e;text-transform: uppercase;-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
	.small-nav{ background: rgba(255,255,255,0.9);}
    .small-nav .navbar-nav > li > a{padding-top: 10px; padding-bottom:10px;-webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;}
    .small-nav .navbar-brand > img{max-height: 40px; margin-top:0px; max-width:220px; }

}

@media (max-width: 575.98px) {
	.sj{ font-size:14px; text-align:left; padding-top:0px; color:#666;}
.navbar-brand > img{max-height: 30px; margin-top:0px; max-width:220px; }
.index-about{
	padding:40px 0 50px;
    background: url(../images/about-bg.jpg) no-repeat fixed;
    background-size: 100% 100%;
    display: block;
    overflow: hidden;
}
}

.guanzhu{ display:none;}