*{ padding: 0; margin: 0;}
.navbar,.mainer,.footerbar{ width:100%; position: relative;}
.inner{ width:1170px; margin:0 auto;}
ul,li{ list-style: none;}
a{ color: #333;}
a:hover{ color: #fff; text-decoration: none;}
img{ width:auto; max-width:100%}
.m30{ margin-bottom: 60px; overflow: hidden;}
.carousel-indicators .active{ background: #e62129; border: 1px solid #e62129;}
.carousel-control{ color: #e62129;}
.navbar{ border-bottom: 5px solid #e62129; margin: 0;}
.headitem{ display:flex; flex-direction:row; gap:10px; justify-content: space-between; line-height: 100px; }
.headitem a{ position: relative;}
.active a{color: #e62129;}
.headitem a:hover{ color: #e62129;}
.headitem a:hover:before,.active a:before{ content: ''; position: absolute; top:-10px; left: 0; width: 100%; border-top: 2px solid #e62129;}
.logobox{ margin-top: 15px;}
.bgColor{ width: 100%; position: absolute; top: 0; left: 0; background: #f1f1f1; height: 300px; z-index: -1;}
.title{ border: 1px solid transparent; text-align: center;}
.title h1{ font-size: 24px;}
.title h3{ font-size: 16px; color: #999; margin-bottom: 40px;}

.marginT{ padding-top: 70PX;}
.mart5{ padding-top: 120px;}
.bgGray{ background: #1b1b1b; border: 1px solid transparent; color: #999;}
.m50{ margin: 50px auto; }
.footerbar h1{ margin: 0;}
.copyRight{ background: #000; }
.copyRight p{ text-align: center; line-height: 60px; padding: 0; margin: 0 ;}
.content, .aoutlist{ background: #fff; padding: 25px 40px;}
.content h1{ font-size: 24px; text-align: center;}
.content a,.content a:hover{ color:#333}
.aoutlist li{ width: 20%;}
.pageBar{ background: transparent; background-image:none; opacity: 0;}
.pro{ display: flex; flex-direction: row; justify-content: space-between; }
.pro li{ background: #f7f7f7; text-align: center; width: 31%; box-shadow: 0 1px 8px 0px #ddd; }
.pro li p{ margin: 15px 0;}
.pro li:last-child{ margin: 0;}
.pro li .proDecrip{padding:20px 30px;}
.pro li h3{ font-size: 12px; color: #999; margin-top: -5px;}
.pro li:hover{ color: #fff; border: 1px solid #e62129; background:#e62129 ; }
.pro li:hover img{ transform: scale(0.98); padding: 10px;}
.pro li:hover h3{ color: #fff;} 
.pro li:hover p{ color: #fff;} 

.h_about{ padding:15px;}
.h_about p{ line-height: 28px; color: #666; padding-left: 20px;}
.h_about p span{ color: #e6212a;}
.h_about .title{ text-align: center; margin-bottom: 20px;}
.h_about .title h1{ font-size: 20px;}
.h_about .title h3{ color: #999; line-height: 30px; font-weight: normal;}
.h_about .tel{ margin-top: 15px; display: flex; flex-direction: row; flex-wrap: wrap; }
.h_about .tel li{ width: 48%; line-height: 40px;  margin: 0 3px; margin-bottom: 10px;background: #fff; padding: 5px; box-sizing: border-box;}
.h_about .tel li a{ text-decoration: none; display: flex; flex-direction: column; color:#e6212a ;}
.h_about .tel li a span{ line-height: 20px;}
.h_about .tel li a span b{ font-size: 16px;}


.list{ display: flex; flex-direction: row; justify-content: space-between; }
.list li{ background: #fff; border-right: 1px solid #eee; padding: 30px 20px; width: 19.4%;box-shadow: 2px 2px 6px 0px #ddd;}
.list li:last-child{ border:0}
.list li:hover{background: #e62129; color: #fff;}
.list li:hover .num{ color: #fff;}
.list li:hover .num span{ color: #fff;}
.list li:hover .numDescr{ color: #fff;}
.list li:hover p{ color: #fff;}
.list li:hover .more{ color: #fff;}
.list li .num{ font-weight: bold; color: #e62129; font-size:50px;}
.list li .num span{font-size: 16px; padding-left: 5px; color: #333;}
.list li .numDescr{ font-size: 16px; color: #666;}
.list li h1,.pro li h1{ font-size: 20px; font-weight: bold;}
.list li p,.pro li p,.topNew,.media-body p{font-size: 14px; color: #999;overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;/*将对象作为弹性伸缩盒子模型显示*/
            -webkit-line-clamp: 3; /*限制文本的行数，只显示3行*/
            -webkit-box-orient: vertical;/*设置或检索伸缩盒对象的子元素的排列方式 */}
.list li .more{ color: #999; margin-top: 20px;}
.media-body p{-webkit-line-clamp: 2; margin-top: 10px;}

.page_local{ background: #F7F7F7; line-height: 50px;}
.flexleft{ display: flex; flex-direction: row;  background: #fff;}
.flexleft .page_right{ margin-right: 50px; flex:1; box-sizing:border-box; }
.media-left{ flex:1}
.media-body{ flex:4}
.shadow{box-shadow: 0 1px 8px 0px #ddd; padding-bottom: 0;}
.homenew,.pagerow{ display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.homenew li{ width: 45%;}
.homenew li a{ display:flex; flex-direction:row; width:100%}
.page_left{ padding: 20px; flex:5; box-sizing:border-box}
.pagerow{justify-content: flex-start;}
.pagerow li{ width: 23%; margin-bottom: 20px; margin-left: 2%;}
.pagerow li:last-child{margin-left: 2%;}
.pagerow li .proDecrip, .enviremnt{padding:20px 30px;}
.pagerow li .proDecrip h1{font-weight: normal; margin: 0;}
.pagerow li .proDecrip h3{margin: 0;}
.page{ justify-content: space-between;}
.page .page_left{ line-height: 28px;}
.page .page_right{ margin-left: 50px;}

.jumbotron{ margin-top: 20px; padding: 20px 40px; font-size: 12px;}
.detail{ line-height: 40px;}
.news{ border-bottom: 1px dashed #eee; padding-bottom: 20px;}
.news .page_right{ }
.news_title{ font-size: 20px;}
.topNew{ margin-top: 20px;}
.news .more{ margin-top: 30px; border: 1px solid #eee; padding: 5px 40px;}
.newlist{ padding: 20px 10px;}
.newlist a, .flexleft a{ color: #333;}
.newDate{ width: 100px; background: #f1f1f1; padding: 10px; text-align: center; margin-right:20px}
.newDate h1{font-size: 28px; padding: 0; margin: 0;}
.newDate h3{font-size: 24px; padding: 0; margin: 0;}
.navigation{ text-align: center; margin: 0 auto; width: 100%;}
.tag{ width: 100%; text-align: center; margin: 30px 0;}
.tagAng{ width: 200PX; margin: 0 auto; position: relative; font-size: 32px; font-weight: bold; }
.tagAng:before{ position: absolute; content: ''; left: 0; bottom: 0; border-bottom: 10px solid #e62129; width: 100%; z-index: -1;}

.backTo{ position: fixed; right: 0; bottom: 80px; width: 50px; height: 50px; background: #e62129 ; text-align: center; line-height: 60px; color: #fff; font-size: 22px;}
.footerbar h1{ font-size: 26px; padding-bottom: 15px;}
.fli{border-right: 1px solid #666;}
.noli{ border-right: none;}
.fttile{ line-height: 40px;}
.fli li{ line-height: 30px; }
.fli li a{ color:#666}
.contact{position: fixed; right: 0; top: 80px; width: 80px; text-align: center; }
.contact ul{ background: #e62129 ; margin-top: -30px; padding-top: 30px; padding-bottom: 10px;}
.contact ul li{ margin: 10px; padding: 5px; background: #fff;}
.contact ul li p:first-child{ font-size: 22px;}
.contact ul li p:last-child{font-size: 12px;}
.newmore{ width: 100%; text-align: center; margin-bottom: 5px;}
.newmore a:hover span{ color: #e62129;}
.newmo span{border: 1px solid #ddd; padding: 5px 50px; margin-top: 20px;}
.newmore span{ border: 1px solid #ddd; padding: 5px 50px;}
.flex{ display:flex; flex-direction:row}
.mui-scrib{ margin-top: 20px; padding: 15px; background: #f1f1f1; justify-content: center;}
.mui-scrib>div{ color: #f60; padding-right: 20px; font-weight: bold; line-height: 30px;}
.mui-scrib>ul li{ color: #666;  line-height: 30px;}
.mui-major{ margin-top: 20px; text-align: center;}
.mui-major h3{ font-size: 0.9rem; font-weight: normal;}
.mui-grop{ justify-content: center; margin-top: 20px;}
.mui-grop select, .mui-grop input{ width: auto; color: #666; border: 0; font-size: 1rem; background: #f1f1f1; width: 50%; height: 30px; padding: 5px 10px;}
.mui-grop p{padding: 10px 15px; font-size: 1.2rem; width: 30%; text-align: right;}
.mui-grop p i{ color: #FF0000; padding-right: 5px;}
.mui-grop span{ font-size: 14px; padding: 10px 0; padding-left: 20px; color: #FF0000; width: 20%;}
.btn{ margin: 0 10px;}
.pagePro{ flex-wrap: wrap; justify-content: flex-start;}
.pagePro li{width: 31%; margin:0 1%; margin-bottom: 20px;}

.shados{box-shadow: 2px 2px 6px 0px #ddd;}

.media-left{ flex:1}
.media-body{ flex:4}
.pagination .current{ padding:5px 20px; background:#e62129; color:#fff; border-radius:2px}
.pagination a{padding:5px 20px; margin:0 10px; border:1px solid #eee; color:#e62129}

@media screen and (min-width: 600px) {
	body{ font-size: 16px;}
	.h-logo{ width: 50%; margin: 0; margin-left: 10%;}
	.h-logo img{ width: 80%;}
	.bottomNav{ display: none;}
	.h_nav{ position: absolute; top: 30px; display: flex; flex-direction: row; right: 40px;}
	.h_nav li{ width: auto; margin: 0 15px;}
	.h_nav li a img{ display: none;}
	.h_about{ padding: 60px 0; position:relative;}
	.h_about>div,.h_about>p,.h_about>ul{width: 1170px; margin: 0 auto; }
	.h_about>p{font-size: 16px;}
	.h_about .title{ margin-bottom: 40px;}
	.h_about .tel{ margin-top: 30px; justify-content: space-between; }
	.h_about .tel li{padding: 40px; width: 24%;}
	.h_about .tel li span{ font-size: 16px; padding-bottom: 10px;}
	.bgcolor:before{ content: ''; position: absolute; top: 0; left: 0; background:  #F0F0F0; width: 100%; height: 100%; z-index: -1;}
    .h_about .advantage{ padding-top: 40px;}
	.h_about p{ margin-bottom: 10px;}
	.h_about>div img{ text-align: center;}
	.bmText h3{ margin-top: 35px;}
	.submintBtn{ width: 80%; margin: 0 auto; margin-top: 50px;}
	.wrap .slider{ background: #f95651;}
	.slider{ background: #f95651; width: 100%; height: 500px; max-height: 500px; margin: 0 auto;}
	.slider ul{width: 1107px; margin: 0 auto;}
	.goodNew{ font-size: 36px;}
	.h_about .title h1{ margin-bottom: 15px;}
}
/*
     FILE ARCHIVED ON 03:41:04 Jan 11, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:17:27 Jul 15, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.248
  exclusion.robots: 0.082
  exclusion.robots.policy: 0.062
  esindex: 0.016
  cdx.remote: 18.739
  LoadShardBlock: 204.644 (3)
  PetaboxLoader3.datanode: 174.023 (4)
  PetaboxLoader3.resolve: 91.017 (2)
  load_resource: 148.356
*/