@charset "utf-8";
/* CSS Document */
/*------------------------reset------------------------*/
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;}

/* filter:alpha(opacity=70);opacity:0.7;*/
.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;}
.ty{ box-shadow:0 2px 2px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);}
.yj{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.btm{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70ffffff',endColorstr='#70ffffff');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff, endColorstr=#70ffffff)"; background:rgba(255,255,255,0.5);}
/*text-transform 值：Capitalize 英文拼音的首字母大写 Uppercase 英文拼音字母全大写 Lowercase 英文拼音字母全小写*/




/*------------------------header------------------------*/
.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; 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);}
	.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;}

.nav-item{}
.nav-link{}
#navbardrop{ position: absolute; right:0; top:0; display: block; padding: .5rem 1rem; color: #e10000; 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; display: none;}
		.dropdown-item{ color: #333;}
		.dropdown-item:hover{ background-color: #e10000; color: #fff;}
		
.nav-item:hover{ background: #e10000; border-radius: .25rem;}
	.nav-item:hover h2{ color: #fff;}

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

/*------------------------index------------------------*/
.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;}

.jieshao{}
	.jieshao h2{ color: #e10000;}

.product{}
	.proBox{ transition:.4s ease-in-out; font-size: 0.8rem;}
		.proBox a{ color: #333;}
		.proBox .name a{ font-size: 1rem;}
	.proBox:hover{ background-color: #e10000; color: #fff;}
	.proBox:hover a{ color: #fff;}
	.proBox .pic{ overflow: hidden;}
		.proBox .pic img{ transition: all 0.5s;}
		.proBox .pic img:hover{ transform: scale(1.2) ;}

.about{ background: url(../images/abouts.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; color: #fff;}
	.about a{color: #fff;}


.foot{ background: #000000;}
/*------------------------page------------------------*/
.nBanner{}
	.nBanner img{ width: 100%;}

.sort{ background: #f0f0f0;}
	.sort a{}
	.sort a:hover{ background: #e10000; color: #fff;}
	.sort a:first-child{ border-left: 1px #dee2e6 solid;}

.caseTopic{ border-bottom: 5px #f0f0f0 solid;}
	.caseTopic span{ color: #666;}
	.caseTopic a{ color: #666; margin: 0 3px;}
	.caseTopic a:hover{ color: #e10000;}

.descTopic{ background: #f0f0f0;}
	.descTopic2{ background: #e10000; color: #fff;}

.caseBox{ transition:.4s ease-in-out;}
	.caseBox .pic{ overflow: hidden;}
		.caseBox .pic img{ transition: all 0.5s;}
		.caseBox .pic img:hover{ transform: scale(1.2) ;}
	.caseBox .name{}
	.caseBox .name a{ color: #333;}
.caseBox:hover{ background: #e10000; color: #fff;}
	.caseBox:hover a{ color: #fff;}

.casePic{}
	.casePic img{ max-width: 100%; max-height: 100%;}

.nproBox{ transition:.4s ease-in-out; border-bottom: 1px #ccc dotted;}
	.nproBox .pic{ overflow: hidden;}
		.nproBox .pic img{ transition: all 0.5s;}
		.nproBox .pic img:hover{ transform: scale(1.2) ;}
	.nproBox .name{}
	.nproBox .name a{ color: #333;}
.nproBox:hover{ background: #e10000; color: #fff;}
	.nproBox:hover a{ color: #fff;}

.zlBox{ border-bottom: 2px #f0f0f0 solid;}
	.zlBoxa{ width: 25%;}
	.zlBoxb{ width: 44%;}
	.zlBoxc{ width: 18%;}
	.zlBoxd{ width: 13%;}

.contactPage{ background: #f0f0f0;}
.contactPage2{ padding: 0;}

.message{ background: #f0f0f0;}
	.message button{ width: 100%; background: #333; border: none; transition:.4s ease-in-out;}
	.message button:hover{ background: #e10000;}

.txtContent table{ width: 100%; margin: 0 0 10px 0;}
.txtContent td{ border: 1px #ccc solid; padding: 3px 5px; text-align: center;}
.txtContent img{ max-width: 100%;}

.page{}
	.page a{ color: #666; border: 1px #666 solid; padding: 5px 10px;}
	.page a:hover{ background: #e10000; color: #fff; border: 1px #e10000 solid;}
	.page .page-num-current{ border: 1px #e10000 solid; color: #e10000;}

.curPage{ border-top: 1px #ccc dotted;}

.fzBox{ border-bottom: 5px #f0f0f0 solid;}

/*------------------------goTop style------------------------*/
.izl-rmenu{position:fixed; right:0px; bottom:60px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:9999; }
.izl-rmenu .btn{width:72px; height:73px; margin-top:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-148px; top:0px; display:none;width:147px;height:147px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; height:72px; line-height: 36px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}


@media (max-width:576px){
	.navbar-brand{ max-width: 80%;}
	#navbardrop { display: none;}
	.nav-item .nav-link h2{ font-size: 1rem; margin-top: 3px;}
	.dropdown-menu{ display: none;}
}
@media (min-width:576px){
	#navbardrop{ display: none;}
	.nav-item .nav-link h2{ font-size: 0.5rem; margin-top: 3px;}
}
@media (min-width:768px){
	.dropdown:hover .dropdown-menu { display: block;}
	#navbardrop{ display: none;}
	#collapsibleNavbar .nav-link{ verticle-align:middle;}
	.nav-item .nav-link h2{ font-size: 0.95rem; margin-top: 7px;}
}
@media (min-width:992px){
	.nav-item .nav-link h2{ font-size: 1rem; margin-top: 7px;}
}
@media (min-width:1200px){
	.nav-item .nav-link h2{ font-size: 1rem; margin-top: 7px;}

}
@media (min-width:1400px){
	
}