/* CSS Document */
a{ text-decoration:none; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
ul{ margin:0px; padding:0px; border:0px;}
li{ list-style-type:none;}
.dh{ -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}

.navbar{ -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
	.top-nav{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#80000000');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)"; background:rgba(0,0,0,0.8); padding-top: 0.5rem!important; padding-bottom: 0.5rem!important;}

#collapsibleNavbar h2{ font-size: 1rem; margin-top:7px;}
	#collapsibleNavbar .nav-link{ verticle-align:middle;}

.dropdown-toggle:after{ display:none;}

.nav-item{ }
.nav-link{ width: 70%;}
#navbardrop{ position: absolute; right:0; top:0; display: block; padding: .5rem 1rem; color: #0d6efd; text-decoration: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; color:#fff;}

.dropdown-menu{ -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}

.serchBtn , .language{ width: 44px; height: 44px;}
.serchBtn{ background: url(../image/search.png) center no-repeat #fff;}
.language{ background:#c00000; color:#fff}

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 { position: relative; min-height: 1px;}
.col-xs-1-5 { width: 20%; float: left;}

.col-xs-1-7, .col-sm-1-7, .col-md-1-7, .col-lg-1-7 { position: relative; min-height: 1px;}
.col-xs-1-7 { width: 13%; float: left;}

.carousel-caption1 { position: absolute; right: 15%; top: 3rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; letter-spacing:0.25rem;}
	.carousel-caption1 h2{}
	.carousel-caption1 span{ color: #cb0000;}

.about{ background: url(../image/aboutBg.jpg) center bottom no-repeat #d9e9f6; background-size: 100% auto;}
	.about .zqContent h2{ color: #184861;}
	.about .zqContent a{ color: #184861;}
	.about .zqContent a:hover{ color: #c00000;}
	
	.about li{ float: left; width: 33.3%;}
	.about li i ,.about li em{ font-style: normal; color: #184861;}
	.about li i{ font-size:1.5rem;}
	.about li em{ font-size:1rem;}

.video{ display:flex; background:url(../image/video.jpg) center no-repeat; background-size: 100% auto; width: 100%; overflow: hidden;}
	.video video{ width: 100%!important;display: inline-block; vertical-align: baseline;}

.product{ background: url(../image/productBg.jpg) center bottom no-repeat #000; background-size: 100% auto; color:#fff; padding: 0;}
	.proBox{ border-right: 1px #333 solid; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}	
	.proBoxEnd{ border-right: none;}
		.proBox p{ display: none; line-height:150%; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
		.proBox a{ display: block; border-left:3px #cb0000 solid; color:#fff;}
	.proBox:hover{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70000000',endColorstr='#70000000');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000)"; background:rgba(0,0,0,0.7);}
		.proBox:hover p{ display: block;}

#product{ padding: 0;}
	#product .row{ padding: 0; --bs-gutter-x: 1.5rem; margin:0}
		#product .row .col-lg-1-5{ padding: 0;}

#news{}
	#news .title .more a{ display: block;}
	.newsBox{ -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
	.newsBox:hover{ background: #f0f0f0;}
		.newsBox .pic{ overflow: hidden;}
		.newsBox .pic img{ transition: all 0.5s;}
		.newsBox .pic img:hover{ transform: scale(1.2) ;}
		.newsBox .name{ border-bottom: 3px #ccc solid;}
			.newsBox .name a{ color: #184861;}
			.newsBox .name a:hover{ color: #c00000;}
			.newsBox .read a{ display:block; width: 30%; border:1px #cb0000 solid;}

.image{ padding: 0; border-width: 10px!important}
/*page*/
.banner{ padding: 0; position: relative;}
	.carousel-caption2{ position: absolute; right: 15%; top: 40%; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; letter-spacing:0.25rem;}
	.carousel-caption2 h3{ font-size:4rem; font-weight:550; text-shadow: 0px 5px 6px #333;}
		
.sort{ background: #f7f8f9;}
		.sort a:nth-child(1) b{}
		.sort a{ color:#184861; position:relative; overflow:hidden; text-align:center;}
		.sort b{ position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #d70d18; display:none; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
		.sort a b:after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -3px; padding: 3px; background: inherit; border: inherit; border-right: 0; border-bottom: 0; transform: rotate(-135deg);}
		.sort a:hover b{ display: block;}

.vrBox{ padding: 0;}

.vrBox1{ display: none;}

.nContent{}
	.nContent .title{ border-bottom: 3px #184861 solid; color:#184861;}
		.nContent .title h2{ color:#184861;}
		.nContent .title a{ color:#184861; margin:0 5px;}
		.nContent .title a:hover{ color: #c00000;}
	#content1{}
	.jianjie{}
		.jj-title { font-size: 1.5rem; color: #184861; line-height: 1; margin: 50px auto 40px; text-align: center;}
			.jj-title:after { content: ""; width: 40px; height: 4px; background: #044567; margin: 20px auto 0; display: block;}
		.jj-text{ text-align:justify;}
		
	#content2{ background: #eee;}
	.jituan{}
		.jt-title{ font-size: 1.5rem; color: #184861; line-height: 1; margin: 50px auto 40px; text-align: center;}
		.jt-title:after { content: ""; width: 40px; height: 4px; background: #044567; margin: 20px auto 0; display: block;}
		.jt-text{}
			.jt-text img{ max-width: 100%; height: auto;}
	#content3{}
	.licheng{}
		.lc-title{ font-size: 1.5rem; color: #184861; line-height: 1; margin: 50px auto 40px; text-align: center;}
		.lc-title:after { content: ""; width: 40px; height: 4px; background: #044567; margin: 20px auto 0; display: block;}
		.lcBox{ padding: 0!important; text-align:center;}
			.lcBox .pic{ overflow: hidden;}
			.lcBox .line:before{ content: ""; width: 20px; height: 20px; background: #044567; margin: 20px auto 10px; display: block; border-radius: 50%!important;}
			.lcBox .line:after{ content: ""; width: 100%x; height: 1px; background: #044567; margin: -20px auto 10px; display: block; border-radius: 50%!important;}
			.lcBox .name{}
		.zzBox{ text-align: center; background: #eeeeee; background-image: linear-gradient(to top right, #f0f0f0, #dedede); -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
		.zzBox:hover{ background: #184861; color:#fff;}
			.zzBox .desc{ text-align: justify;}
		
	#content4{ background: #eee; padding-bottom:2rem;}
		.jt-subTitle{ text-align: center;}
		.gysBox img{ transition: all 0.5s; box-shadow:0 3px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);}
		.gysBox img:hover{ transform: scale(1.2) ;}
	
	.nProList{}
		.nProList .box{ border-bottom: 1px #ccc solid; text-align:justify;}
			.nProList .box a{ cursor: pointer;}
			.nProList .box a:hover{ color: #c00000;}
				.nplBox{ overflow: hidden;}
				.nplBox img{ transition: all 0.5s;}
				.nplBox img:hover{ transform: scale(1.2) ;}
	
		
	.nProBox{ text-align:center;}
		.nProBox .pic{ overflow: hidden;}
		.nProBox .pic img{ transition: all 0.5s;}
		.nProBox .pic img:hover{ transform: scale(1.2) ;}
		.nProBox .name{ line-height: 400%;}
			.nProBox .name a{color:#184861;}
			.nProBox .name a:hover{ color: #c00000;}

.swiper { width: 100%; height: 100%;}
	.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* 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;}
		.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}
.swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto;}
	.swiper-slide { background-size: cover; background-position: center;}
		
.mySwiper2 { height: 80%; width: 100%;}
.mySwiper { height: 20%; box-sizing: border-box; padding: 10px 0;}
	.mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4;}
	.mySwiper .swiper-slide-thumb-active {opacity: 1;}
		.swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}

.pageBox{}
	.pageBox span{ margin:0 0.25rem;}
		.pageBox a{ color:#184861;}
		.pageBox a:hover{ color: #c00000;}
		.pageBox .page-num-current{ color: #c00000;}

.nNewsTitle{ font-size: 1.5rem; color: #184861; line-height: 1; margin: 50px auto 40px; text-align: center;}
.nNewsTitle:after { content: ""; width: 40px; height: 4px; background: #044567; margin: 20px auto 0; display: block;}

.nNewsBox{}
	.nNewsBox .pic{ overflow: hidden;}
		.nNewsBox .pic img{ transition: all 0.5s;}
		.nNewsBox .pic img:hover{ transform: scale(1.2) ;}
	.nNewsBox a{ color:#184861;}
	.nNewsBox:hover a{ color: #c00000;}
.nNewsMore{ text-align: center;}
	.nNewsMore a{ background: #184861; color: #fff; padding: 0.5rem 1.5rem;}
	.nNewsMore a:hover{ background: #c00000; color: #fff;}

.nMsName{ background: #044567; color:#fff;}
.proTxt{}
	.proTxt table{ border-collapse:collapse; width:100%;}
	.proTxt td{ vertical-align:middle; border:1px #666666 solid; text-align:center; padding:3px 0;}
		.proTxt td p{ margin: 0;}
	.proTxt h4{ color: #c00000; border-bottom:3px #c00000 solid; line-height:200%}
	.proTxt img{ max-width: 100%; height: auto;}

.meiti{ background: #eee;}
	.nNewsBox2{}
		.nNewsBox2 a{ color:#184861;}
		.nNewsBox2 .desc{ color: #777;}
	.nNewsBox2:hover a{ color: #c00000;}

.nNewsName{}
	
.nNewsTime{}
.nNewsTxt img{ max-width: 100%; height: auto;}

.jobTitle{ text-align: center; background: #184861; color:#fff;}
.jobList{ text-align: center; background: #f0f0f0; margin-bottom:1px; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out;}
.jobList:hover{ background: #e3ebef;}
	.jobList a{ color:#184861;}
	.jobList a:hover{ color: #c00000;}

#job1{ background: #eee;}

.nContact{ display: flex; align-items:center;}/* justify-content:center;左右居中*/
	.nContact .pic{ width: 20%;}

.message{}
	.message button{ background: #184861; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out; border:none;}
	.message button:hover{ background: #c00000;}

.cxBox{ text-align: center;}
	.cxBox .pic{ overflow: hidden;}
	.cxBox .name{ color:#184861;}
	.cxBox .subName{}

.nSearchBox{ -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; -ms-transition:.4s ease-in-out; transition:.4s ease-in-out; border:none;}
.nSearchBox:hover{ background: #eee;}
	.nSearchBox .name{ color: #c00000;}
		.nSearchBox .name a{ color:#184861;}
		.nSearchBox .name a:hover{ color: #c00000;}
	.nSearchBox .read{ vertical-align:middle;}
		.nSearchBox .read a{ color:#184861;}
		.nSearchBox .read a:hover{ color: #c00000;}




/*foot*/
footer{ background: #042436; color:#fff; line-height:2;}
	footer .foot{ color: #768895;}
		.footLogo{ border-color: #36505e!important;}
			footer a{ color: #768895;}
			footer a:hover{ color: #fff;}
	.copy{ color: #768895; border-color: #36505e!important}	
	.ewm{}
	
#lhb{ display: none; padding-right: var(--bs-gutter-x, 0rem);
    padding-left: var(--bs-gutter-x, 0rem);}

@media (min-width:576px) {
	.col-lg-1-7 { width: 13%; float: left;}
	.col-lg-1-5 { width: 20%; float: left;}
	.col-1-5{ width: 100%;}
	.carousel-caption1 { position: absolute; right: 15%; top: 4rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; letter-spacing:1rem;}
	.carousel-caption1 h2{ font-size: 2rem;}
	.carousel-caption1 span{ color: #cb0000;}
	.about li i{ font-size:2rem;}
	.about li em{ font-size:1.5rem;}
}

@media (min-width:768px) {
	.col-lg-1-7 { width: 13%; float: left;}
	.col-lg-1-5 { width: 20%; float: left;}
	.about .zqContent{ width: 80%; line-height:200%}
	.product .proBox{ min-height: 400px; padding: 150px 20px 0 20px ;}
		.product .proBox h2{ font-size:120%}
		.product .proBox p{ font-size: 80%;}
	.proBox:hover{ padding-top: 50px;}
	.newsBox .read a{ display:block; width: 9%; border:1px #cb0000 solid;}
	
	.carousel-caption1 { position: absolute; right: 15%; top: 5rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; letter-spacing:1rem;}
	.carousel-caption1 h2{ font-size: 2.5rem;}
	.carousel-caption1 span{ color: #cb0000;}
	.vrBox1{ display: block;}
	.vrBox2{ display: none;}
	.dropdown:hover .dropdown-menu { display: block;}
	#navbardrop{ display: none;}
	#collapsibleNavbar .nav-link{ verticle-align:middle;}
	.nav-link{ width: 100%;}
}

@media (min-width:992px) {
	.jj-title { font-size: 3rem;}
	.jt-title { font-size: 3rem;}
	.lc-title { font-size: 3rem;}
	.nNewsTitle{ font-size: 3rem;}
	.video{ display:flex; background:none; background-size: 100% auto;}
	.col-lg-1-5 { width: 20%; float: left;}
	.col-lg-1-7 { width: 13%; float: left;}
	.col-lg-2-7 { width: 75%; float: left;}
	.navbar a{ text-align: center;}
	.about .zqContent{ width: 65%; line-height:200%}
	.product .proBox{ min-height: 700px; padding: 500px 20px 0 20px ;}
	.proBox:hover{ padding-top: 400px;}
	.newsBox .read a{ display:block; width: 18%; border:1px #cb0000 solid;}
	.image{ border-width: 30px!important}
	.ewm{ float: left!important;}
	.carousel-caption1 { position: absolute; right: 15%; top: 6rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; letter-spacing:1rem;}
	.carousel-caption1 h2{ font-size: 3.5rem;}
	.carousel-caption1 span{ color: #cb0000;}
	.crumbs{ text-align: right;}
	.nNewsName h2{ font-size: 3rem;}
	.px-lg-7{ padding-right: 10rem!important; padding-left: 10rem!important;}
}

@media (min-width:1200px) {
	.col-lg-1-5 { width: 20%; float: left;}
	.col-lg-1-7 { width: 13%; float: left;}
	.about .zqContent{ width: 50%; line-height:200%}
	.product .proBox{ min-height: 700px; padding: 500px 20px 0 20px ;}
	.proBox:hover{ padding-top: 400px;}
	.newsBox .read a{ display:block; width: 15%; border:1px #cb0000 solid;}
	.image{ border-width: 40px!important}
	.add{ max-width: 65%;}
	.ewm{ float: left!important;}
	.carousel-caption1 { position: absolute; right: 15%; top: 10rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; letter-spacing:1rem;}
	.carousel-caption1 h2{ font-size: 3.5rem;}
	.carousel-caption1 span{ color: #cb0000;}
}

@media (min-width:1400px) {
	.about .zqContent{ width: 45%; line-height:200%}
	.product .proBox{ min-height: 700px; padding: 500px 50px 0 50px ;}
	.proBox:hover{ padding-top: 400px;}
	.newsBox .read a{ display:block; width: 10%; border:1px #cb0000 solid;}
	.carousel-caption1 { position: absolute; right: 15%; top: 15rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; letter-spacing:1rem;}
	.carousel-caption1 h2{ font-size: 3.5rem;}
	.carousel-caption1 span{ color: #cb0000;}
	.ewm{ float: right!important;}
}

@media (max-width:768px) {
	.navbar{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#80000000');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)"; background:rgba(0,0,0,0.8); padding-top: 0.5rem!important; padding-bottom: 0.5rem!important;}
	.navbar-brand {
		padding-top: .3125rem;
		padding-bottom: .3125rem;
		margin-right: 1rem;
		font-size: 1.25rem;
		text-decoration: none;
		white-space: nowrap;
		max-width: 50%;
	}
	.py-3{ padding-top: 0.5rem!important; padding-bottom: 0.5rem!important;}
	.px-5{ padding-right: 1rem!important; padding-left: 1rem!important;}
	.px-6{ padding-right: 1rem!important; padding-left: 1rem!important;}
	.px-7{ padding-right: 1rem!important; padding-left: 1rem!important;}
	.mb-5{ margin-bottom: 1rem!important}
	.pt-7{ padding-top: 2rem!important;}
	.product .proBox{ padding: 20px;}
		.product .proBox h2{ font-size:120%}
		#product .proBox p{  display: block;}
	
	.newsBox{ border-bottom: 2px #f0f0f0 solid; clear: both;}
		.newsBox .pic{ max-width: 25%; float: left;}
		.newsBox .name{ max-width: 73%; float: right; border:none;}
		.newsBox .desc{ clear: both;}
		.newsBox .read{ display: none;}
	
	.newsBox::after { display: block; clear: both; content: "";}	
	
	
	.copy{ flex-direction: column!important;}
	.anniu{ float: right;}
	
	.nNewsBox{ border-bottom: 2px #f0f0f0 solid; clear: both;}
		.nNewsBox .pic{ max-width: 25%; float: left;}
		.nNewsBox .name{ max-width: 73%; float: right; border:none;}
		.nNewsBox .desc{ clear: both;}
		.nNewsBox .read{ display: none;}
	
	.nNewsBox::after { display: block; clear: both; content: "";}	
	
	#lha{ display: none;}
	#lhb{ display: block;}
	
	.jj-title , .jt-title , .lc-title , .nNewsTitle { margin: 30px auto 25px;}
}


/*		#search{ margin: 25px 0 0; width: 195px; height: 30px; line-height: 30px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; border: 1px #fff solid;}
			#search input , #search button{ border: none; background: none; margin: 0; height: 28px; line-height: 28px;}
			#search #skey{ width: 150px; margin: 0 0 0 10px; color: #fff;}
			#search #sbtn{ width: 28px; background: url(../images/button.png) center center no-repeat; cursor: pointer;}
*/