@charset "utf-8";
 /* @font-face {font-family: "iconfont"; */
          /* src: url('../font/iconfont.eot');  *//* IE9*/
          /* src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), */ /* IE6-IE8 */
          /* url('../font/iconfont.woff') format('woff'), */ /* chrome, firefox */
          /* url('../font/iconfont.ttf') format('truetype'), */ /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          /* url('../font/iconfont.svg#iconfont') format('svg'); */ /* iOS 4.1- */
        /* } */
@font-face {
  font-family: 'iconfont';  /* project id 401636 */
  src: url('https://at.alicdn.com/t/font_401636_vjnapy5v1x.eot');
  src: url('https://at.alicdn.com/t/font_401636_vjnapy5v1x.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_401636_vjnapy5v1x.woff2') format('woff2'),
  url('https://at.alicdn.com/t/font_401636_vjnapy5v1x.woff') format('woff'),
  url('https://at.alicdn.com/t/font_401636_vjnapy5v1x.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_401636_vjnapy5v1x.svg#iconfont') format('svg');
}

        .iconfont {
          font-family:"iconfont" !important;
          font-size:16px;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
        }

/*--------------------------------------------------------------------------------------------*/
html { font-family: "Microsoft Yahei";    }
body { font-family: "Microsoft Yahei"; background: #fff; color: #333; }
div { color: #333; }
.clr { clear:both; }
.wrap { width:10.0rem; height: auto; margin:0 auto; clear:both; }
.wrap_90percent { width:9rem; height: auto; margin:0 auto; clear:both; padding-top: 0.2rem; }
a { color: #333; }
/* 间隔线 */
.lineW01 { width: 100%; height: 0.5rem; padding-top: 0.5rem;}
.lineW02 { width: 100%; border-top: 1px solid #ccc;  height: 0.5rem; }
.mc { margin: 0 auto; }
.fl{ float: left;}
.fr{ float: right;}

/*top*/
.topwrap { width:10.0rem; position: relative; height: 1.6rem; }
.topwrap .topline{width: 100%; height: 0.5rem; background-color: #333333;}
.topwrap_logo { width:3rem; position: absolute; top: 0; left: 0.8rem; z-index: 99;}
.topwrap_logo img { width:100%;   }
.topwrap .menud{ position:absolute; right:3%; top:0.53rem; z-index:9999999; }
.topwrap .menud a{ width:1rem; height:1rem; line-height:1rem; background:url(../images/ico_nav.png) center no-repeat; background-size:auto 0.6rem; display:block; transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s; }
.topwrap .menud a.show{ background:url(../images/ico_close.png) center no-repeat; background-size:auto 0.6rem; }


/*nav*/
.navbg{ position:fixed; top:0; left:0; right:0; max-width:10rem; margin:0 auto; width:100%; height:100%; overflow:auto; z-index:9999998; color:#fff; 
  background-color: rgba(183, 31, 50, 0.9); display:none; }
.navd{ clear:both; padding:1.5rem 0 1rem 0; }
.navuld{ clear:both; padding:10px 8% 20px 8%; overflow:hidden; zoom:1; }
.navlid{ clear:both; }
.navlid a{ color:#fff; }
.navlid h3{ clear:both; font-size:0.45rem; width:100%; border-bottom:1px #fff solid; }
.navlid h3 a{ padding:6px; line-height:1rem; height:1rem; display:block; position:relative;}
.navlid h3 a i{ position:absolute; right:6px; top:50%; margin-top:-13px; width:26px; height:26px; 
  background:url(../images/ico_o.png) center right no-repeat; background-size:auto 0.3rem; display:block; 
  transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;}
.navlid h3.show a i{ background:url(../images/ico4_c.png) center right no-repeat; background-size:auto 0.3rem; }

.navlid ul{ clear:both; padding:0.2rem 0 0.2rem 0.3rem; display:none; }
.navlid li{ clear:both; }
.navlid li a{ line-height:1.6; padding:0.2rem 0.3rem; font-size:0.42rem; color:#fff; display:block; }

/* banner */
.banner_t_bg { width: 100%;  height: 0.16rem; background: url(../images/banner_t_bg.png) repeat-x; position: absolute; top: 0; left: 0; z-index: 20;}
.banner{
	width:100%;
	position: relative; margin:0 auto;
}
.swiper-slide{ z-index:1; }
.swiper-pagination{ padding:0; margin:0; 
	width: 100%!important;
	text-align: center!important;
	bottom:0.05rem!important;
	z-index:99999999;
}
.swiper-pagination-bullet{
	width: 0.25rem!important;
	height: 0.25rem!important;
	 background-color: #f89623; 
	opacity: 1!important; border-radius:50%!important;
}
.swiper-pagination-bullet-active{ background:#b71f32;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	margin:0 0.15625rem!important;
}
.banner img { width:100%; display: block;  }


/* 产品分类 */
.cpflwrap{height:7.8rem;}
.cplbtitle{position: relative; width: 100%; height: 1rem; background-color: #9c1f2e; border-top: 0.2rem #323232 solid; font-size: 0.5rem; color: #fff; line-height: 1rem; text-align: center; margin-bottom: 1rem;}
.cplbtitle::after{position: absolute; content: ""; top: 0.99rem; left: 4.65rem; width: 0.6rem; height: 0.25rem; background: url(../images/cptitle.gif) no-repeat center; }
/*  background-size: 100%; z-index: 99;}*/
/*.cpflwrap ul {display: block; width: 9.4rem; height: 4.6rem; margin: 0.3rem auto;}*/
/*.cpflwrap ul li{ float: left; width: 4.3rem; height: 4rem; background-color: #e5e5e5; margin: 0.35rem 0.2rem;}*/
/*.cpflwrap ul li a{display: block; width: 4.3rem;  height: 3.2rem; }*/
/*.cpflwrap ul li a img{width: 4.3rem; height: 3.2rem;}*/
/*.cpflwrap ul li p{padding: 0 0.2rem; line-height: 0.8rem; font-size: 0.37rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }*/
.more_cp{width: 5rem; height: 0.9rem; display: block; text-align: center;  line-height: 0.9rem; color: #fff;
  background-color: #b05560; font-size: 0.39rem;}
/*.more_cp img { width: 0.5rem; padding-left: 0.1rem;}*/




/* 简介 */
.aboutwrap{ height: 7.5rem; background-color: #b71f32; padding-top: 0.3rem;}

/* 通用标题 */
.title_en{width: 8.1rem; min-height: 2.2rem; color: #fff;}
.title_en h4{font-family: bodoni Bd BT; font-size: 0.8rem; color: #fff; line-height: 0.84rem;}
.title_en h3{font-size: 0.45rem; color: #fff; line-height: 0.65rem;}
.title_en span{font-size: 0.35rem; color: #fff; }

.aboutwrap .line{width: 3.04rem; height: 1px; background-color: #fff; margin: 0.4rem 0; }
.aboutwrap .about_cn{width: 7.72rem; padding: 0 1.14rem;}
.aboutwrap .about_cn h2{font-size: 0.65rem; font-weight: 700; color: #fff; }
.aboutwrap .about_cn p{color: #e4d0d2; font-size: 0.35rem; line-height: 0.6rem;text-align: justify; text-justify: inter-ideograph; }
.more{width: 3rem; height: 0.8rem; border: 1px #fff solid; display: block; text-align: center; line-height: 0.8rem; color: #fff; 
  background-color: rgba(129, 32, 43, 0.5); margin-top: 0.28rem; font-size:0.3rem;}
.more img{width: 0.5rem; padding-left: 0.1rem;}

/* 荣誉 环境 安全 */
.button{height: 4.97rem; }
.button ul li{float: left; width: 3.333rem; height: 4.57rem; background-color: #fff; text-align: center; }
.button ul li a{display: block; width: 100%; height: 100%;}
.button ul li img{width: 1.45rem; padding-top: 0.72rem; }
.button ul li h2{font-size: 0.4rem; line-height: 0.68rem; color: #b71f32; font-weight: 600;}
.button ul li p{ color: #333; line-height: 0.45rem; padding-top: 0.2rem; font-size:0.35rem;}
.button ul li:nth-child(2){background-color: #edecec;}
.button ul li:nth-child(3){background-color: #e4e4e4;}
.porline{ height: 0.4rem; background-color: #b71f32;}


/* 产品 */
.proWrap{ min-height: 7.72rem;}
.proWrap .pro_title{width: 100%; height: 2.3rem; padding: 0.3rem 0; background-color: #323232; text-align: right;}
.product{ width: 8.5rem; min-height: 8.5rem; overflow: hidden; padding-top: 0.7rem;}
.product .prolist li{ float: left; width: 100%; height: 7rem;}
.product .prolist li img{ width: 100%; height: 5.5rem; float: left;}
.product .prolist li p{ font-size: 0.43rem; line-height: 1.2rem; border-bottom: 2px #ccc solid;}

.pormoer {width:8rem; height: 1rem; position: relative;}
.product .prev,.product .next { display: block; width: 1.6rem; height: 1rem;position: absolute;
  top: 0; z-index: 10; cursor: pointer; text-indent: 999; text-align: center; color: #fff;}
.product .prev { left:0; background: url(../images/l_r.jpg) no-repeat; background-position: 0 0; }
.product .next { right: 0;  background: url(../images/l_r.jpg) no-repeat; background-position: -1.6rem 0;}
.product .gengduo { display: block; width:4rem; height: 1rem;  background-color: #323232; text-align: center; line-height: 1rem; 
  color: #fff; font-size: 0.4rem; margin-top: 0.13rem;}

/* 新闻中心 */
.newsWrap{ height: 11rem; padding: 0.5rem 0; background: url(../images/newswrap.jpg) no-repeat center;}
.newsWrap .news{width: 8.63rem; height: 10rem; padding: 0.5rem 0; background-color: rgba(183, 31, 50, 0.9);}
.newsWrap .news ul{ height: 5.2rem; margin-top: 0.45rem; margin-left: 0.375rem; float: left;}
.newsWrap .news ul li{float: left; width: 7.88rem; height: 1.3rem; margin-bottom: 0.45rem; background-color: rgba(0, 0, 0, 0.1);}
.newsWrap .news ul li .news_date{width: 1.35rem; height: 1.1rem; padding-top: 0.2rem; text-align: center; background-color: rgba(0, 0, 0, 0.3);
  font-family: Arial, Helvetica, sans-serif; color: #fff;}
.newsWrap .news ul li .news_date i{font-size: 0.5rem; font-style: italic; }
.newsWrap .news ul li .news_date p{ font-size: 0.3rem; color: #fff;}
.newsWrap .news ul li .news_txt{width: 6.23rem; padding: 0 0.15rem; line-height: 1.3rem;}
.newsWrap .news ul li .news_txt p{float: left; width: 95%; color: #fff; font-size: 0.35rem;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/*foot*/
.footinfo { width:100%; text-align:center; }
.zhichi { width:100%;  padding-bottom: 0.2rem; padding-top:0.2rem; font-size:0.34rem; color:#666;  }
.baoming {    width: 100%; height: 1rem; line-height: 1rem;  background: #b71f32;  font-family: "microsoft yahei"; color: #fff;
  clear:both;}
.baodiv{ float:left; text-align:center;  color:#fff; display:block; width:100%;font-size: 0.4rem;  margin-top: 0.02rem; 
  font-weight:normal; height: 1rem; }
.baodiv span{ float:left; width:100%; }
.footer{width:10rem;height:1.5rem;position: fixed!important;bottom: 0;left:0;right: 0; margin:auto;z-index: 9999;
  -webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;
  transition:all 0.3s ease-in-out 0s;}
.foot{width:100%;position: fixed;height:1.5rem;bottom:0;left:0;z-index:10;-webkit-transition:all 0.3s ease-in-out 0s;
  -moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; 
  background:#323232; }
.foot-relative{position:relative;width:100%;height:1.5rem;}
.foot a{display:block;float:left;width:25%;color:#ffffff}
.foot a span{display:block;width:100%;text-align:center;font-size:0.6rem;line-height:1rem;}
.foot a h3{width:100%;text-align:center;font:0.4rem/0.42rem "microsoft yahei";}
/*二维码*/
.ewm { width:34%; margin:0 auto; padding-bottom: 20%;  }
.ewm img { width:100%;  }




/*goback*/
.goback { width:10rem; height: 0.65rem; line-height: 0.65rem; background: #323232; text-align: right; margin:0 auto;   }
.goback a { text-align: right; margin-right:0.4rem;  text-align: center;color:#fff; font-size: 0.4rem;  }

/* 上一条  */
.updown { width: 90%; margin: 0 auto; padding:0.2rem;   }
.dash { height: 0.2rem; border-top:1px dashed #ccc;    }
.updown p { width: 100%; min-height: 0.6rem; line-height: 0.6rem; }
.updown p a { color:#b71f32; }

.com_wrap {
  width: 9rem;
  padding: 0.5rem 0;
}
.com_wrap h1 {
  font-size: 0.6rem;
  text-align: center;
  font-weight: 600;
  line-height: 0.9rem;
  padding-bottom: 0.35rem;
}
.jj_text {
  width: 100%;
  font-size: 0.42rem;
  line-height: 0.7rem;
  padding: 0.3rem 0;
  /* border-top: 1px #ccc solid; */
}
.jj_text img {
  padding: 0.2rem 0;
  width: 100%;
}

.newstime{
  font-size: 0.3rem;
  color: #777;
  text-align: center;
  padding-bottom: 0.3rem;
}

/*内页新闻列表*/
.newslist_ny { width:100%; margin: 0 auto;  }
.newslist_ny ul a { color:#333;  }
.newslist_ny ul a p { font-size:0.32rem; color:#b71f32; font-weight: 700}
.newslist_ny ul a p>i { font-size:0.34rem; padding-right:0.2rem; color:#b71f32;}
.newslist_ny ul a li { width: 8.5rem; min-height: 0.6rem; line-height: 0.6rem; background: #EFF1F6; border-radius:0.15625rem; font-size: 0.40625rem; padding:0.15625rem 0 0.15625rem 4%; margin:0.3rem 0; border-top-right-radius: 0.8rem; }
.fanye { width: 100%; text-align: center; height: 0.8rem; line-height: 0.8rem; padding:0.3125rem 0; clear:both; font-size: 0.4rem; }
.fanye li { display:inline-block; padding:0 0.3rem; text-align:center;  margin:0 0.1rem; list-style-type:none; border:1px solid #999;}
.fanye li.active { background:#ccc; }
.fanye li a { color:#333; }

/*内页图片列表*/
.piclist_ny { width: 9rem; min-height: 4rem; margin:0 auto;  }
.ny_piclist_wrap { width:9rem; margin: 0 auto;   }
.ny_piclist_wrap h1 { font-size:0.59375rem; width:100%; text-align: center; padding-top:0.625rem; padding-bottom:0.6rem; clear: both;  }
.piclist_ny ul { width:9.67rem;   }
.piclist_ny ul a li { width:4.25rem; height: 4rem; margin-right: 0.4rem; float:left;  }
.piclist_ny ul a li img { width:4.25rem; height: 3rem; display: block; float:left;  }
.piclist_ny ul a li p { width:4.25rem;  text-align: center; height: 0.6rem; line-height: 0.625rem; color:#333; float:left; overflow: hidden; 
  text-overflow: ellipsis; white-space: nowrap; font-size: 0.4rem; }
/*内页图片列表1*/
.piclist_ny1 { width: 9.52rem; margin:0 auto;  }
.ny_piclist_wrap { width:9.52rem; margin: 0 auto;   }
.ny_piclist_wrap h1 { font-size:0.59375rem; width:100%; text-align: center; padding-top:0.625rem; padding-bottom:0.6rem; clear: both;  }
.piclist_ny1 ul { width:9.67rem;   }
.piclist_ny1 ul a li { width:4rem; height: 4rem; padding:0 0.4175rem; float:left;  }
.piclist_ny1 ul a li img { width:4rem; height: 3rem; display: block; float:left;  }
.piclist_ny1 ul a li p { width:4rem;  text-align: center; height: 0.76rem; line-height: 0.76rem;  color:#333; float:left; }
/* 名师介绍  3张方形图排列 */
.indexMingshi_listW { width: 9.25rem; margin-left: -0.25rem; padding-top: 0.4rem; }
.indexMingshi_listW li { width: 2.8rem; padding-left: 0.25rem; height: 5.3rem; float: left; }
.indexMingshi_item { width: 2.8rem; height: 4.4rem; background: #b71f32; }
.indexMingshi_item .indexMingshi_pic { width: 2.8rem; height: 3.6rem }
.indexMingshi_item .indexMingshi_pic img { width: 2.8rem; height: 3.6rem; }
.indexMingshi_item .indexMingshi_name { font-size: 0.4rem; text-align: center; line-height: 0.7rem; color: #fff; }
.indexMingshi_item .indexMingshi_kemu { font-size: 0.25rem; text-align: center; color: #fff; height: 0.7rem; overflow: hidden; padding: 0 0.2rem; }