/*基础CSS*/
html {
	font-size: 14px;
	overflow-x: hidden;
}
li {
	list-style: none;
}
a {
	color: #212529
}
a:hover {
	text-decoration: none;
}
p, dl, dt, dd, ul {
	margin: 0px;
	padding: 0px;
}
body {
    font-size: 14px;
    color: #555;
    line-height: 25px;
    background: #ebebec;
}
img{ max-width:100%; }
.navbar { background:#09090b;}
.navbar-nav li a{ color:#fff;}
.navbar-dark .navbar-nav .nav-link{ font-size:16px;}
.navbar-expand-lg .navbar-nav .nav-link{ padding:0 20px;}
.navbar-dark .navbar-nav .nav-item:nth-child(1) .nav-link,.navbar-dark .navbar-nav .nav-item:nth-child(2) .nav-link,.navbar-dark .navbar-nav .nav-item:nth-child(3) .nav-link{ background:url(../images/navgla.jpg) no-repeat center left; padding-left:50px;}
.navbar-dark .navbar-nav .nav-item:nth-child(4) .nav-link{ background:url(../images/navlig.jpg) no-repeat center left; padding-left:25px;}
.footer{ background:#4e504f; color:#fff;}
.copyright{background:#373938}
.socmed a { display:inline-block; width:30px; height:30px; border-radius:30px; text-align:center; line-height:30px; background:#06b5d0; color:#fff; padding:0; font-size:16px; margin-right:5px;}
.da-thumbs {
	position: relative;
}
.da-thumbs li,.da-thumbs div.swiper-slide {
	float: left;
	position: relative;
}
.da-thumbs li a,
.da-thumbs li a img,
.da-thumbs div.swiper-slide a,
.da-thumbs div.swiper-slide a img
{
	display: block;
	position: relative;
}
.da-thumbs li a,.da-thumbs div.swiper-slide a {
	overflow: hidden;
}
.da-thumbs li a div,.da-thumbs div.swiper-slide a div{
	position: absolute;
	width: 100%;
	height: 100%;
}
.proli .col-6 .card{ border-radius:0; border:none; background:none; }
.proli .col-6 .card a{color:#fff; position:relative; display:inline-block;}
.proli .col-6 .card .card-title{ font-weight:bold; margin-bottom:0;}
.proli .col-6 .card .overlay{ opacity:0; transition:.3s; position: absolute; left:0; top:0; z-index:999;}
.proli .col-12 .card:hover .overlay{ opacity:1;}
.proli .col-12 .card .overlay p{ display:table-cell; vertical-align:middle; opacity:0; transition:.5s;}
.proli .col-12 .card:hover .overlay{ background:rgba(0,0,0,0.5);}
.proli .col-12 .card:hover .overlay p{ opacity:1;}

.proli .col-12:nth-child(even) .card .card-body{ background:#292929}
.proli .col-12:nth-child(odd) .card .card-body{ background:#3a3a3a}
.detvid{ background:#585858; color:#fff; padding:7%}
.detcon{ background:#2e2e2e; color:#fff; padding:7%}
.detvid dt,.detcon dt{ font-size:50px; font-weight:normal; padding-bottom:7%;}
.py-5{ padding:80px 0 !important;}
.footer h5{ position:relative; font-size:18px; font-weight:bold;}
.footer h5:after{ position: absolute; top:40%; content:''; width:70px; height:2px; background:#fff; margin-left: 10px;}
.language{position:absolute; top:25px; left:10%; z-index:999; font-size:16px;}
@media only screen and (max-width: 1580px) {
.language{ left:10px;}
.detvid video{ height:300px;}

}
@media only screen and (max-width: 1300px) {
.language{ left:11%;}
}
@media only screen and (max-width: 1196px) {
.language{ left:10px;}
}
@media only screen and (max-width: 1180px) {
.language{ left:15%;}
.navbar-dark .navbar-nav .nav-item:nth-child(1) .nav-link, 
.navbar-dark .navbar-nav .nav-item:nth-child(2) .nav-link, 
.navbar-dark .navbar-nav .nav-item:nth-child(3) .nav-link,
.navbar-dark .navbar-nav .nav-item:nth-child(4) .nav-link
{background: none; padding-left: 0;}
}
@media only screen and (max-width: 992px) {
.language{ left:25%;}
}
@media only screen and (max-width: 768px) {
.view .swiper-slide {
	height: 200px;
}
.preview {
	display: none;
}
.view .arrow-left, .view .arrow-right {
	height: 200px;
	display: block;
}
.detvid dt,.detcon dt{ font-size:30px;}
.py-5{ padding:50px 0 !important;}
.navbar-expand-lg .navbar-nav .nav-link{ padding:10px 0;}
.swiperproli { min-height:inherit !important;}
.swiperproli .swiper-button-next, .swiperproli .swiper-button-prev{ text-align:center; display:table;}
.swiperproli .swiper-button-next i, .swiperproli .swiper-button-prev i{ font-size:40px; display:table-cell; vertical-align:middle;}
.swiperproli>p{ display:none;}
.detvid video{ height:200px;}
.aboutinfo .swiper-container{ width:100% !important;}
.aboutinfo .swiper-button-next,.aboutinfo .swiper-button-prev{width: 40px; height: 20px; border: none; top: 80%;}
}
@media only screen and (max-width: 576px) {
.page-num {
	display: none;
}
.head-sm-height {
	height: 61px !important;
}
}