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


.main{ position:relative; background:#fff; z-index:4;}

/*********banner*************/
.run_banner { position: relative;overflow: hidden;}
.run_banner  img { width: 100%;  position: relative;z-index: 0;}




/************产品banner******************/
.product-body-banner {position: relative;display: flex;align-items: center;}
.product-body-banner:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.05); */
}
.hero-box{ position:absolute; top:0px; left:0; width:100%; height:100%;display: flex;align-items: center; z-index:3; padding-top:40px;}
.hero-inner {text-align:left;background: rgba(230, 0, 18, 0.66);padding: 3% 5%;display: inline-block;}
.hero-inner h2 {font-size: 34px;font-weight:bold;line-height: 1.5;color:#fff;display: inline-block;margin-bottom: 20px;}
.hero-inner p {font-size: 18px;font-weight:normal;line-height: 1.8;color:#fff;letter-spacing: 2px;}

@media only screen and (max-width:768px ) {	
.hero-box{padding-top:0px;}
.hero-inner {width: 80%;}
.hero-inner h2 {font-size: 18px;margin-bottom: 10px;}
.hero-inner p {font-size: 14px;}


}



/******栏目***********/
.blk_td {font-size: 14px;border-bottom: 1px dashed #dcdcdc;}
.blk_td b {border-left: 10px solid #e60012;font-weight: normal;padding-left: 8px;} 
.blk_td span {  padding: 0 5px;height: 46px; line-height: 46px;}
  
.blk-md {height: 55px;background: #fff;margin: 20px auto;overflow: hidden;display: table;}
.blk-md li {height: 55px;font-size: 18px;text-align: center;border-right: 1px solid #eee;background: #f4f4f4;cursor: pointer;display: inline-block;padding: 0px 50px;}
.blk-md li a {display: block;  height: 55px;line-height: 55px;color: #333; }
.blk-md li.menn, .blk-md li:hover { background: url(../images/p16-icon6.png) no-repeat bottom center #e60012; border-color: #e60012; }
.blk-md li.menn a,.blk-md li:hover a { color: #fff; }
 
/******标题**********/ 
.tit{margin: 30px 0; text-align: center;}
.tit h3 { font-size: 28px; color: #1A1A1A;line-height: 1.5; }
.tit p {font-size: 16px; color: #dedede; line-height: 1.5; font-weight:bold;text-transform: Uppercase; }
    

/*****************公司简介************************/
.n_about_box{ background: url(../images/n_about_bg.jpg) no-repeat center  bottom;margin-top: 30px; position: relative;overflow: hidden;}
.n_about_box dl {margin-top: 200px;background: #fff;overflow: hidden;margin-bottom: 40px;box-shadow: 5px 10px 10px #00000061;display: flex;align-items: center;}
.n_about_box dt {float: left;width: 25%;padding: 10px;}
.n_about_box dd {float: left;width: 75%;box-sizing: border-box;padding: 40px 30px;}
.n_about_box dd h4 {margin: 10px 0 0.4rem;text-align: center;font-size: 24px;color: #1A1A1A;line-height: 2;}
.n_about_box dd i {font-size: 18px;text-align: center;display: block;font-style: normal;position: relative;}
.n_about_box dd i:before {position: absolute;content: "";width: 100px;height: 2px;background: #e60012;left: 45px;top: 19px;}
.n_about_box dd i:after {position: absolute;content: "";width: 100px;height: 2px;background: #e60012;right: 45px;top: 19px;}
.n_about_box dd p {font-size: 16px;line-height: 2.3;text-indent: 2em;}


/*****************企业文化***********************/
.n_culture_bg{ position:relative; overflow:hidden; padding:40px 0px;}
.cul ul{ display:flex;}
.cul li {float: left;width: calc(25% - 38px);padding: 20px;margin-right: 50px;/* height: 240px; */background: #f7f7f7;border: 1px solid #dedede;text-align: center;box-shadow: 2px 2px 20px #ccc;}
.cul li:last-child{ margin-right:0;}
.cul .he {width: 110px;height: 40px;border-right: 2px dashed #f87b3b;}
.cul li i {display: block;font-size: 24px;font-style: normal;color: #e50012;line-height: 2;}
.cul li p {font-size: 16px;color: #333333;line-height: 2;}
.cul li span {width: 64px;display: block;margin: 20px auto;}
.cul li img {display: block;margin: 0 auto;}

/**************荣誉***********************/
.n_honor_bg{ position:relative; overflow:hidden; padding:40px 0px;}
.honor_box{ padding-bottom:40px;}
.honor_box .swiper-wrapper{ align-items: center;}
.honor_box .swiper-slide{ text-align:center;}
.honor_box img{ width:100%;}

/***************新闻****************************/
.n-news-bg{ position:relative; width:100%; padding:40px 0px; overflow:hidden;}
.mc_e1_list {  margin: 0 -20px;padding-bottom: 10px;overflow:hidden;}
.mc_e1_li {float: left; width: 33.333333%;  padding:20px; margin-bottom: 15px;}
.mc_list_png { width: 100%; position: relative; z-index: 1; top: 0;left: 0;}
.mc_e1_lisbox {position: relative; display: block;transition: all .36s;}
.mc_list_imgbox { position: relative;overflow: hidden;}
.mc_e1_imgbox img {object-fit: cover;z-index: initial;transition: all .36s;}
.mc_list_img {width: 100%;height: 100%;position: absolute;z-index: 2;top: 0; left: 0;}
.mc_e1_lisbox::before { content: ""; position: absolute; left: 0; bottom: 0;z-index: 1; width: 100%; height: 1px;background: #e2e0e0;}
.mc_e1_lisbox::after {content: ""; position: absolute;left: 0; bottom: 0;z-index: 1;width: 0;height: 1px; background: rgb(229, 3, 19);transition: all .36s;}
.mc_e1_txtbox {padding: 18px 28px 28px;}
.mc_e1_txt {font-size: 16px;line-height: 30px;overflow: hidden;color: #000000;margin-bottom:0px;}
.mc_e1_des{font-size: 14px;color: #555; line-height:1.7;margin-bottom:10px;}
.mc_e1_date {font-size: 16px;color: #999999;}
.mc_e1_lisbox:hover { box-shadow: 0 5px 15px 4px rgba(214, 211, 211, .75);}
.mc_e1_lisbox:hover::after { width: 100%; }
.mc_e1_lisbox:hover .mc_e1_imgbox img { transform: scale(1.1); }

@media screen and (max-width: 769px){
 .mc_e1_li {float: left; width: 100%;  padding:20px; margin-bottom: 25px;}
}

/************产品*******************/
.n_box{ padding:30px 0px; position:relative; overflow:hidden;}
.n_pro_lf {width: 300px;float:left;}

.fdh-01-tit {background: #e50012;height: 80px;}
.fdh-01-tit h3 {height: 75px;font-size: 24px;font-weight: normal;line-height: 75px;color: #fff;border-bottom: 1px solid #fff;text-align: center;}.fdh-01-tit h3 span {font-size: 14px;text-transform: uppercase;}

.fdh-01-nav-one h3 {height: 50px;line-height: 50px;background: url(../images/p14-icon5.png) no-repeat right center #ececeb;margin-bottom: 2px;overflow: hidden;display: list-item;}
.fdh-01-nav-one h3 a {display: block;font-size: 18px;font-weight: normal;margin-right: 40px;margin-left: 38px;color: #666666;overflow: hidden;}
.fdh-01-nav-one h3.sidenavcur,.fdh-01-nav-one h3:hover {background: url(../images/p14-icon2.png) no-repeat right center  #e50012;}
.fdh-01-nav-one h3.sidenavcur a,.fdh-01-nav-one h3:hover a{color: #fff;}
.fdh-01-nav dl {padding: 2px 0 4px;}.fdh-01-nav dt {height: 50px;font-size: 14px;line-height: 50px;padding-left: 44px;padding-right: 30px;margin-bottom: 1px;background: #ececec;position: relative;overflow: hidden;}
.fdh-01-nav dt:after {content: "";width: 8px;height: 8px;border: 2px solid #b8b8b8;border-style: solid solid none none;position: absolute;top: 50%;right: 32px;margin-top: -4px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.fdh-01-nav dt.sidenavcur:after,.fdh-01-nav dt:hover:after {border-color:  #e50012;}
.fdh-01-nav dt.sidenavcur a,.fdh-01-nav dt:hover a {color:  #e50012;}
.fdh-01-nav dd {border: 1px solid #ececec;border-bottom: 0;}.
fdh-01-nav p {height: 50px;font-size: 14px;line-height: 50px;padding-left: 72px;padding-right: 40px;border-bottom: 1px solid #ececec;background: #fff;position: relative;overflow: hidden;}
.fdh-01-nav p.sidenavcur a,.fdh-01-nav p:hover a {color:  #e50012;}
.fdh-01-nav p.sidenavcur:after,.fdh-01-nav p:hover:after {background: #e50012;}
.fdh-01-nav a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.cbgg-01 {background: #e50012;text-align: center;color: #fff;}
.cbgg-01-img img {width: 100%;display: block;}
.cbgg-01 p {padding-top: 15px;}
.cbgg-01 p img {vertical-align: middle;margin-right: 5px;}
.cbgg-01 span {display: block;font-size: 28px;font-weight: bold;font-family: Arial;padding-bottom: 20px;padding-top: 10px;}

 
.n_pro_rf {width:calc( 100% - 340px);float:right;}
 
.pro_xzlb{overflow: hidden;display: block;}
.pro_xzlb li{float:left;width:33.33%;margin:0px 0px 20px;overflow: hidden;position:relative;}
.pro_xzlb li .pro_k{overflow: hidden;position:relative;border:1px solid #f1f1f1; display:block; margin:10px;}

.pro_xzlb li img {width:100%; vertical-align:top; border-bottom:none;}.pro_xzlb li .jianj{ background:#f6f6f6; text-align:center; padding:12px 0px;color:#333; }
.pro_xzlb li .jianj h3{ color:#535353; font-weight:normal; font-size:16px; line-height:1.5;}
.pro_xzlb li .jianj p{font-size:12px; line-height:1;color:#535353; text-transform:uppercase;}

.pro_xzlb li .pro_k:hover {-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;}
.pro_xzlb li:hover .jianj{background:#fff;}
.pro_xzlb li:hover .jianj h3{ color:#007d75;}

.pro_xzlb li i{position: absolute;
    left:0px;
    top: 0;
    width:100%;height:calc(100% - 48px);
    background:-webkit-linear-gradient(left,#fb9b00,#005da8);/* Safari 5.1 - 6.0 */
	background:-o-linear-gradient(right,#fb9b00,#005da8);/* Opera 11.1 - 12.0 */
	background:-moz-linear-gradient(right,#fb9b00,#005da8);/* Firefox 3.6 - 15 */
	background:linear-gradient(to right,#fb9b00,#005da8);/* 标准*/
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
   }

.pro_xzlb li .pro_k:hover i{
	opacity: 0.5;
	filter: alpha(opacity=99);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
}

.pro_xzlb li em {display: block;  text-align: center; padding: 10px 0 0;}
.pro_xzlb li em  a{ display:inline-block; padding:5px 20px; border:1px solid #ddd; font-size:16px;}
.pro_xzlb li em  a.pro_em2{color:#e50012; border:1px solid #e50012;}



.toolbar-item:hover .toolbar-layer {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
			
.toolbar-item-app .toolbar-layer {
  height: 192px;
  width: 154px;
  background: url(../images/ewm_sj_2.png) center top no-repeat;
}

.toolbar-layer {
	position: absolute;
	right: 45px;
	bottom: 25px;
	opacity: 0;
	filter: alpha(opacity=0);
	transform-origin: 95% 95%;
	-moz-transform-origin: 95% 95%;
	-ms-transform-origin: 95% 95%;
	-o-transform-origin: 95% 95%;
	-webkit-transform-origin: 95% 95%;
	transform: scale(0.01);
	-moz-transform: scale(0.01);
	-ms-transform: scale(0.01);
	-o-transform: scale(0.01);
	-webkit-transform: scale(0.01);
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	-webkit-transition: all 0.8s;
}

.toolbar-layer b {
	display: block;
	position: absolute;
	width: 128px;
	height: 128px;
	left: 50%;
	margin-left: -64px;
	margin-top: 14px;
}
/********标题**************/
.hmc2m { line-height: 55px; position: relative; padding-left: 14px; display:block; margin:30px 0px 15px; }
.hmc2m span { font-size: 22px; color: #e50012; font-weight:bold; display: inline-block; position: relative; z-index: 2; transition: all 0.5s ease-in-out; }
.hmc2m i { height: 55px; width: 55px; position: absolute; left: 0px; top: 0px; display: block; transition: all 0.5s ease-in-out; }
.hmc2m i:after {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 50%;border: 1px dashed #e50012;animation: rotate 8s linear infinite;}
.hmc2m:hover i:after { animation: rotate 8s linear infinite; }
.hmc2m:hover i { transform: scale(1.2); }
.hmc2m:hover span { transform: translateX(5px); }

@keyframes rotate{
from{transform: rotate(0deg)}
to{transform: rotate(360deg)}
}
.n-pi-tit{ font-size:16px; line-height:1.8;}

.n-pi-tit table{margin-bottom:30px;font-size:14px;border:1px solid #eeeeee; background:rgba(255, 255, 255, 0.7);}
.n-pi-tit table td{padding:5px 10px;font-size:14px;line-height:1.6;text-align:center;}
.n-pi-tit table tr:first-child{ font-weight:bold; background:#e50012; color:#fff;}
.n-pi-tit table tr:first-child td{font-size:16px;}


.n-table-tit table{margin-bottom:30px;font-size:14px;border:1px solid #eeeeee; background:rgba(255, 255, 255, 0.7);}
.n-table-tit table td{padding:5px 10px;font-size:14px;line-height:1.6;text-align:left;}
.n-table-tit table tr td:first-child{font-size:16px;font-weight:bold; background:#e50012; color:#fff; min-width:100px;text-align:center;}



.n-guan-box{}
.n-guan-box ul{ overflow:hidden; margin-left:-1%;display: flex;}
.n-guan-box li{width:31.333%;float:left;padding: 25px 15px;margin-left:1%;background:rgba(0, 0, 0, 0.05);transition: .5s;}
.n-guan-box li .rLine {width: 30px;height: 4px;background: #e50012;display: block;-webkit-transition: .5s;transition: .5s;margin: 10px 0px 20px;}
.n-guan-box li h4 { font-size: 18px;line-height: 2;font-weight:bold;}
.n-guan-box li p {font-size: 14px; line-height: 2;color: #000;}
.n-guan-box li:hover{background:#e50012;}
.n-guan-box li:hover h4,.n-guan-box li:hover p{ color:#fff;}
.n-guan-box li:hover .rLine {background: #fff;padding-right:60px;}











/**********/
.news-art-main{background: #f9f9f9;margin:0px auto;padding:4%;}
.art-tit h4{text-align: center;font-size:20px;font-weight: normal;line-height: 36px;padding-bottom: 20px;color: #333;}
.art-tit h5{text-align: center;font-size: 12px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;max-width: 300px; width:50%;}
.art-main{padding-top: 30px;padding-bottom: 40px;}
.art-main p{text-indent: 2em;font-size: 14px;line-height: 30px;color: #666;}

.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;}
.art-footer-last a:hover,.art-footer-next a:hover {color:#a59380;}
.art-footer-back{padding-top: 26px;float: right;margin-top: -82px;margin-right: 20px;}
.art-footer-back a{display: block;position: relative;width: 116px;height: 40px;overflow: hidden;border: 2px solid #a59380;line-height:36px;text-align: center;box-sizing: border-box;color: #a59380;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #a59380;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}

/******hhhhh*****/
.massage{ width: 800px; margin:30px auto; border: 1px solid #ebebeb;position: relative; z-index: 2; padding: 22px 48px; background: #fff;box-shadow:0 0 10px rgba(221, 221, 221, 0.5);-webkit-box-shadow:0 0 10px rgba(221, 221, 221, 0.5); -moz-box-shadow:0 0 10px rgba(221, 221, 221, 0.5); border-radius:5px;}
.maintop{ width: 800px; height: 55px; line-height:55px; float: left; border-bottom: 1px solid #ebebeb; text-indent: 37px; color: #555555; margin-bottom: 10px; font-size:20px; font-weight:normal; background: url(../images/guest.png) left center no-repeat; }

.massage table td{ color:#666;}
.massage .input{ border:1px solid #ddd; margin:5px 0px; border-radius:5px; padding-left:5px; width:350px; height:35px; line-height:35px; outline:none;}
.massage textarea{ border:1px solid #ddd; margin:5px 0px; border-radius:5px; padding-left:5px; width:580px;line-height:35px;outline:none; resize:none;}
.massage .reset{border:1px solid #ddd; border-radius:5px;width:120px; height:42px; line-height:42px; color:#fff; background:#ddd;outline:none; cursor:pointer;}
.massage .submit{border:1px solid #009ae1; border-radius:5px;width:120px; height:42px; line-height:42px; color:#fff; background:#009ae1;outline:none; cursor:pointer;}


/******联系我们*****/
.n_contact_box{ position:relative; overflow:hidden; padding:40px 0px;}

.cda {max-width: 1200px; width:100%;position: relative;overflow: hidden;margin: 0 auto;}
.cda dt {width: 188px;float: left;}
.cda dt img {display: block;width: 188px;height: 188px;}
.cda dd {width: calc(100% - 248px);float: right;}
.cda dd h4 { line-height:2;padding-top: 22px; font-size:24px;color: #000;border-bottom: 1px solid #66b43c;}
.cda dd p { font-size:14px;color: #333333;line-height: 30px;padding-top: 15px;}


.list {padding: 40px 20px;position: relative;overflow: hidden;}
.list ul{ display:flex;}
.list li {float: left;border: 1px solid #eee;width: calc(25% - 15px);text-align: center;margin-right: 20px;color: #666;padding: 20px;background: #f7f7f7;border-radius: 30px;}
.list li:hover {box-shadow: 2px 2px 20px #ccc;transform: scale(1.02);}
.list li img {margin-top: 20px;width: 52px;}
.list li i {display: block;font-size: 14px;color: #333;padding-bottom: 8px;font-style: normal;padding-top: 10px;}
.list li span {display: block;font-size: 18px;color: #333;}
.list .end {float: right;margin: 0;}



/********分页********/
.text-center {text-align: center; border-top: 1px solid #ddd;}
.pagination{display: inline-block; padding-left: 0; margin:20px 0px 20px; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #22c169; border-color: #22c169;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}



@media screen and (max-width:767px){
.n_about_box dl { flex-wrap:wrap;margin-top: 60px;}	
.n_about_box dt {float: left;width: 100%;padding: 10px;}
.n_about_box dd {float: left;width: 100%;box-sizing: border-box;padding: 40px 30px;}

.n_about_box dd h4 {margin: 10px 0;text-align: center;font-size: 20px;color: #1A1A1A;line-height: 2;}
.n_about_box dd i {font-size: 14px;text-align: center;display: block;font-style: normal;position: relative;}
.n_about_box dd i:before {position: absolute;content: "";width: 30px;height: 2px;background: #e60012;left: 10px;top: 13px;}
.n_about_box dd i:after {position: absolute;content: "";width: 30px;height: 2px;background: #e60012;right: 10px;top: 13px;}
.n_about_box dd p {font-size: 14px;line-height: 1.8;text-indent: 2em;}
.cul ul { display: flex;flex-wrap:wrap;}

.cul li {float: left;width:100%;padding: 20px;margin-right: 0px; margin-bottom:10px;}
.n_pro_rf {  width: 100%; float: right;}
.pro_xzlb li { float: left;width: 100%; margin: 0px 0px 20px;overflow: hidden; position: relative;}
.n_pro_lf { width: 100%;float: none;}
.fdh-01-nav{ overflow:hidden;}
.fdh-01-nav-one{ width:calc(50% - 2px); float:left; margin-right:1px;}
.fdh-01-nav-one h3 a { display: block; font-size: 15px; margin-right: 0px;  margin-left: 0px; text-align:center;}
.cbgg-01-img{ display:none;} 
.n-guan-box{}
.n-guan-box ul{ overflow:hidden; margin-left:-1%;display: flex;flex-wrap:wrap;}
.n-guan-box li{width:100%;float:left;padding: 25px 15px;margin-left:1%;background:rgba(0, 0, 0, 0.05);transition: .5s; margin-bottom:10px;}

.cda dt { width: 188px;float: none; margin:0 auto;}
.cda dd {width: 100%;float: none;}


.list ul{ display:flex;flex-wrap:wrap;}
.list li {float: left;border: 1px solid #eee;width: 100%; margin-bottom:10px;text-align: center;margin-right: 0px;color: #666;padding: 20px;background: #f7f7f7;border-radius: 30px;}
.pro_xzlb li em .toolbar-item{ display:none;}
}